@wordpress/edit-site 5.35.0 → 6.0.1

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SidebarNavigationScreenPatterns;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _editor = require("@wordpress/editor");
 var _i18n = require("@wordpress/i18n");
@@ -13,13 +12,13 @@ var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
 var _router = require("@wordpress/router");
-var _addNewPattern = _interopRequireDefault(require("../add-new-pattern"));
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
 var _categoryItem = _interopRequireDefault(require("./category-item"));
 var _constants = require("../../utils/constants");
 var _usePatternCategories = _interopRequireDefault(require("./use-pattern-categories"));
 var _useTemplatePartAreas = _interopRequireDefault(require("./use-template-part-areas"));
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -32,72 +31,63 @@ const {
   useLocation
 } = (0, _lockUnlock.unlock)(_router.privateApis);
 function CategoriesGroup({
-  path,
   templatePartAreas,
   patternCategories,
   currentCategory,
   currentType
 }) {
   const [allPatterns, ...otherPatterns] = patternCategories;
-  return (0, _react.createElement)(_components.__experimentalItemGroup, {
-    className: "edit-site-sidebar-navigation-screen-patterns__group"
-  }, (0, _react.createElement)(_categoryItem.default, {
-    key: "all",
-    path: path,
-    count: Object.values(templatePartAreas).map(({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalItemGroup, {
+    className: "edit-site-sidebar-navigation-screen-patterns__group",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_categoryItem.default, {
+      count: Object.values(templatePartAreas).map(({
+        templateParts
+      }) => templateParts?.length || 0).reduce((acc, val) => acc + val, 0),
+      icon: (0, _editor.getTemplatePartIcon)() /* no name, so it provides the fallback icon */,
+      label: (0, _i18n.__)('All template parts'),
+      id: _constants.TEMPLATE_PART_ALL_AREAS_CATEGORY,
+      type: _constants.TEMPLATE_PART_POST_TYPE,
+      isActive: currentCategory === _constants.TEMPLATE_PART_ALL_AREAS_CATEGORY && currentType === _constants.TEMPLATE_PART_POST_TYPE
+    }, "all"), Object.entries(templatePartAreas).map(([area, {
+      label,
       templateParts
-    }) => templateParts?.length || 0).reduce((acc, val) => acc + val, 0),
-    icon: (0, _editor.getTemplatePartIcon)() /* no name, so it provides the fallback icon */,
-    label: (0, _i18n.__)('All template parts'),
-    id: _constants.TEMPLATE_PART_ALL_AREAS_CATEGORY,
-    type: _constants.TEMPLATE_PART_POST_TYPE,
-    isActive: currentCategory === _constants.TEMPLATE_PART_ALL_AREAS_CATEGORY && currentType === _constants.TEMPLATE_PART_POST_TYPE
-  }), Object.entries(templatePartAreas).map(([area, {
-    label,
-    templateParts
-  }]) => (0, _react.createElement)(_categoryItem.default, {
-    key: area,
-    path: path,
-    count: templateParts?.length,
-    icon: (0, _editor.getTemplatePartIcon)(area),
-    label: label,
-    id: area,
-    type: _constants.TEMPLATE_PART_POST_TYPE,
-    isActive: currentCategory === area && currentType === _constants.TEMPLATE_PART_POST_TYPE
-  })), (0, _react.createElement)("div", {
-    className: "edit-site-sidebar-navigation-screen-patterns__divider"
-  }), allPatterns && (0, _react.createElement)(_categoryItem.default, {
-    key: allPatterns.name,
-    path: path,
-    count: allPatterns.count,
-    label: allPatterns.label,
-    icon: _icons.file,
-    id: allPatterns.name,
-    type: "pattern",
-    isActive: currentCategory === `${allPatterns.name}` && (currentType === _constants.PATTERN_TYPES.theme || currentType === _constants.PATTERN_TYPES.user)
-  }), otherPatterns.map(category => (0, _react.createElement)(_categoryItem.default, {
-    key: category.name,
-    path: path,
-    count: category.count,
-    label: category.label,
-    icon: _icons.file,
-    id: category.name,
-    type: "pattern",
-    isActive: currentCategory === `${category.name}` && (currentType === _constants.PATTERN_TYPES.theme || currentType === _constants.PATTERN_TYPES.user)
-  })));
+    }]) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_categoryItem.default, {
+      count: templateParts?.length,
+      icon: (0, _editor.getTemplatePartIcon)(area),
+      label: label,
+      id: area,
+      type: _constants.TEMPLATE_PART_POST_TYPE,
+      isActive: currentCategory === area && currentType === _constants.TEMPLATE_PART_POST_TYPE
+    }, area)), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "edit-site-sidebar-navigation-screen-patterns__divider"
+    }), allPatterns && /*#__PURE__*/(0, _jsxRuntime.jsx)(_categoryItem.default, {
+      count: allPatterns.count,
+      label: allPatterns.label,
+      icon: _icons.file,
+      id: allPatterns.name,
+      type: _constants.PATTERN_TYPES.user,
+      isActive: currentCategory === `${allPatterns.name}` && currentType === _constants.PATTERN_TYPES.user
+    }, allPatterns.name), otherPatterns.map(category => /*#__PURE__*/(0, _jsxRuntime.jsx)(_categoryItem.default, {
+      count: category.count,
+      label: category.label,
+      icon: _icons.file,
+      id: category.name,
+      type: _constants.PATTERN_TYPES.user,
+      isActive: currentCategory === `${category.name}` && currentType === _constants.PATTERN_TYPES.user
+    }, category.name))]
+  });
 }
 function SidebarNavigationScreenPatterns({
   backPath
 }) {
   const {
     params: {
-      categoryType,
-      categoryId,
-      path
+      postType,
+      categoryId
     }
   } = useLocation();
-  const currentCategory = categoryId || _constants.PATTERN_DEFAULT_CATEGORY;
-  const currentType = categoryType || _constants.PATTERN_TYPES.theme;
+  const currentType = postType || _constants.PATTERN_TYPES.user;
+  const currentCategory = categoryId || (currentType === _constants.PATTERN_TYPES.user ? _constants.PATTERN_DEFAULT_CATEGORY : _constants.TEMPLATE_PART_ALL_AREAS_CATEGORY);
   const {
     templatePartAreas,
     hasTemplateParts,
@@ -108,21 +98,26 @@ function SidebarNavigationScreenPatterns({
     hasPatterns
   } = (0, _usePatternCategories.default)();
   const isBlockBasedTheme = (0, _data.useSelect)(select => select(_coreData.store).getCurrentTheme()?.is_block_theme, []);
-  return (0, _react.createElement)(_sidebarNavigationScreen.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreen.default, {
     isRoot: !isBlockBasedTheme,
     title: (0, _i18n.__)('Patterns'),
     description: (0, _i18n.__)('Manage what patterns are available when editing the site.'),
     backPath: backPath,
-    actions: (0, _react.createElement)(_addNewPattern.default, null),
-    content: (0, _react.createElement)(_react.Fragment, null, isLoading && (0, _i18n.__)('Loading items…'), !isLoading && (0, _react.createElement)(_react.Fragment, null, !hasTemplateParts && !hasPatterns && (0, _react.createElement)(_components.__experimentalItemGroup, {
-      className: "edit-site-sidebar-navigation-screen-patterns__group"
-    }, (0, _react.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('No items found'))), (0, _react.createElement)(CategoriesGroup, {
-      path: path,
-      templatePartAreas: templatePartAreas,
-      patternCategories: patternCategories,
-      currentCategory: currentCategory,
-      currentType: currentType
-    })))
+    content: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [isLoading && (0, _i18n.__)('Loading items…'), !isLoading && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [!hasTemplateParts && !hasPatterns && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+          className: "edit-site-sidebar-navigation-screen-patterns__group",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItem, {
+            children: (0, _i18n.__)('No items found')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CategoriesGroup, {
+          templatePartAreas: templatePartAreas,
+          patternCategories: patternCategories,
+          currentCategory: currentCategory,
+          currentType: currentType
+        })]
+      })]
+    })
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_editor","_i18n","_coreData","_data","_icons","_router","_addNewPattern","_interopRequireDefault","_sidebarNavigationScreen","_categoryItem","_constants","_usePatternCategories","_useTemplatePartAreas","_lockUnlock","useLocation","unlock","routerPrivateApis","CategoriesGroup","path","templatePartAreas","patternCategories","currentCategory","currentType","allPatterns","otherPatterns","_react","createElement","__experimentalItemGroup","className","default","key","count","Object","values","map","templateParts","length","reduce","acc","val","icon","getTemplatePartIcon","label","__","id","TEMPLATE_PART_ALL_AREAS_CATEGORY","type","TEMPLATE_PART_POST_TYPE","isActive","entries","area","name","file","PATTERN_TYPES","theme","user","category","SidebarNavigationScreenPatterns","backPath","params","categoryType","categoryId","PATTERN_DEFAULT_CATEGORY","hasTemplateParts","isLoading","useTemplatePartAreas","hasPatterns","usePatternCategories","isBlockBasedTheme","useSelect","select","coreStore","getCurrentTheme","is_block_theme","isRoot","title","description","actions","content","Fragment","__experimentalItem"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-patterns/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n} from '@wordpress/components';\nimport { getTemplatePartIcon } from '@wordpress/editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { file } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport AddNewPattern from '../add-new-pattern';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport CategoryItem from './category-item';\nimport {\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_PART_ALL_AREAS_CATEGORY,\n} from '../../utils/constants';\nimport usePatternCategories from './use-pattern-categories';\nimport useTemplatePartAreas from './use-template-part-areas';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction CategoriesGroup( {\n\tpath,\n\ttemplatePartAreas,\n\tpatternCategories,\n\tcurrentCategory,\n\tcurrentType,\n} ) {\n\tconst [ allPatterns, ...otherPatterns ] = patternCategories;\n\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t<CategoryItem\n\t\t\t\tkey=\"all\"\n\t\t\t\tpath={ path }\n\t\t\t\tcount={ Object.values( templatePartAreas )\n\t\t\t\t\t.map( ( { templateParts } ) => templateParts?.length || 0 )\n\t\t\t\t\t.reduce( ( acc, val ) => acc + val, 0 ) }\n\t\t\t\ticon={ getTemplatePartIcon() } /* no name, so it provides the fallback icon */\n\t\t\t\tlabel={ __( 'All template parts' ) }\n\t\t\t\tid={ TEMPLATE_PART_ALL_AREAS_CATEGORY }\n\t\t\t\ttype={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\tisActive={\n\t\t\t\t\tcurrentCategory === TEMPLATE_PART_ALL_AREAS_CATEGORY &&\n\t\t\t\t\tcurrentType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ Object.entries( templatePartAreas ).map(\n\t\t\t\t( [ area, { label, templateParts } ] ) => (\n\t\t\t\t\t<CategoryItem\n\t\t\t\t\t\tkey={ area }\n\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t\tcount={ templateParts?.length }\n\t\t\t\t\t\ticon={ getTemplatePartIcon( area ) }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tid={ area }\n\t\t\t\t\t\ttype={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t\tisActive={\n\t\t\t\t\t\t\tcurrentCategory === area &&\n\t\t\t\t\t\t\tcurrentType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t) }\n\t\t\t<div className=\"edit-site-sidebar-navigation-screen-patterns__divider\" />\n\t\t\t{ allPatterns && (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ allPatterns.name }\n\t\t\t\t\tpath={ path }\n\t\t\t\t\tcount={ allPatterns.count }\n\t\t\t\t\tlabel={ allPatterns.label }\n\t\t\t\t\ticon={ file }\n\t\t\t\t\tid={ allPatterns.name }\n\t\t\t\t\ttype=\"pattern\"\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === `${ allPatterns.name }` &&\n\t\t\t\t\t\t( currentType === PATTERN_TYPES.theme ||\n\t\t\t\t\t\t\tcurrentType === PATTERN_TYPES.user )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ otherPatterns.map( ( category ) => (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ category.name }\n\t\t\t\t\tpath={ path }\n\t\t\t\t\tcount={ category.count }\n\t\t\t\t\tlabel={ category.label }\n\t\t\t\t\ticon={ file }\n\t\t\t\t\tid={ category.name }\n\t\t\t\t\ttype=\"pattern\"\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === `${ category.name }` &&\n\t\t\t\t\t\t( currentType === PATTERN_TYPES.theme ||\n\t\t\t\t\t\t\tcurrentType === PATTERN_TYPES.user )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenPatterns( { backPath } ) {\n\tconst {\n\t\tparams: { categoryType, categoryId, path },\n\t} = useLocation();\n\tconst currentCategory = categoryId || PATTERN_DEFAULT_CATEGORY;\n\tconst currentType = categoryType || PATTERN_TYPES.theme;\n\n\tconst { templatePartAreas, hasTemplateParts, isLoading } =\n\t\tuseTemplatePartAreas();\n\tconst { patternCategories, hasPatterns } = usePatternCategories();\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot={ ! isBlockBasedTheme }\n\t\t\ttitle={ __( 'Patterns' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Manage what patterns are available when editing the site.'\n\t\t\t) }\n\t\t\tbackPath={ backPath }\n\t\t\tactions={ <AddNewPattern /> }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ isLoading && __( 'Loading items…' ) }\n\t\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ ! hasTemplateParts && ! hasPatterns && (\n\t\t\t\t\t\t\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t\t\t\t\t\t\t<Item>{ __( 'No items found' ) }</Item>\n\t\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<CategoriesGroup\n\t\t\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t\t\t\ttemplatePartAreas={ templatePartAreas }\n\t\t\t\t\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t\t\t\t\t\tcurrentCategory={ currentCategory }\n\t\t\t\t\t\t\t\tcurrentType={ currentType }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_editor","_i18n","_coreData","_data","_icons","_router","_sidebarNavigationScreen","_interopRequireDefault","_categoryItem","_constants","_usePatternCategories","_useTemplatePartAreas","_lockUnlock","_jsxRuntime","useLocation","unlock","routerPrivateApis","CategoriesGroup","templatePartAreas","patternCategories","currentCategory","currentType","allPatterns","otherPatterns","jsxs","__experimentalItemGroup","className","children","jsx","default","count","Object","values","map","templateParts","length","reduce","acc","val","icon","getTemplatePartIcon","label","__","id","TEMPLATE_PART_ALL_AREAS_CATEGORY","type","TEMPLATE_PART_POST_TYPE","isActive","entries","area","file","name","PATTERN_TYPES","user","category","SidebarNavigationScreenPatterns","backPath","params","postType","categoryId","PATTERN_DEFAULT_CATEGORY","hasTemplateParts","isLoading","useTemplatePartAreas","hasPatterns","usePatternCategories","isBlockBasedTheme","useSelect","select","coreStore","getCurrentTheme","is_block_theme","isRoot","title","description","content","Fragment","__experimentalItem"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-patterns/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n} from '@wordpress/components';\nimport { getTemplatePartIcon } from '@wordpress/editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { file } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport CategoryItem from './category-item';\nimport {\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_PART_ALL_AREAS_CATEGORY,\n} from '../../utils/constants';\nimport usePatternCategories from './use-pattern-categories';\nimport useTemplatePartAreas from './use-template-part-areas';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction CategoriesGroup( {\n\ttemplatePartAreas,\n\tpatternCategories,\n\tcurrentCategory,\n\tcurrentType,\n} ) {\n\tconst [ allPatterns, ...otherPatterns ] = patternCategories;\n\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t<CategoryItem\n\t\t\t\tkey=\"all\"\n\t\t\t\tcount={ Object.values( templatePartAreas )\n\t\t\t\t\t.map( ( { templateParts } ) => templateParts?.length || 0 )\n\t\t\t\t\t.reduce( ( acc, val ) => acc + val, 0 ) }\n\t\t\t\ticon={ getTemplatePartIcon() } /* no name, so it provides the fallback icon */\n\t\t\t\tlabel={ __( 'All template parts' ) }\n\t\t\t\tid={ TEMPLATE_PART_ALL_AREAS_CATEGORY }\n\t\t\t\ttype={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\tisActive={\n\t\t\t\t\tcurrentCategory === TEMPLATE_PART_ALL_AREAS_CATEGORY &&\n\t\t\t\t\tcurrentType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ Object.entries( templatePartAreas ).map(\n\t\t\t\t( [ area, { label, templateParts } ] ) => (\n\t\t\t\t\t<CategoryItem\n\t\t\t\t\t\tkey={ area }\n\t\t\t\t\t\tcount={ templateParts?.length }\n\t\t\t\t\t\ticon={ getTemplatePartIcon( area ) }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tid={ area }\n\t\t\t\t\t\ttype={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t\tisActive={\n\t\t\t\t\t\t\tcurrentCategory === area &&\n\t\t\t\t\t\t\tcurrentType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t) }\n\t\t\t<div className=\"edit-site-sidebar-navigation-screen-patterns__divider\" />\n\t\t\t{ allPatterns && (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ allPatterns.name }\n\t\t\t\t\tcount={ allPatterns.count }\n\t\t\t\t\tlabel={ allPatterns.label }\n\t\t\t\t\ticon={ file }\n\t\t\t\t\tid={ allPatterns.name }\n\t\t\t\t\ttype={ PATTERN_TYPES.user }\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === `${ allPatterns.name }` &&\n\t\t\t\t\t\tcurrentType === PATTERN_TYPES.user\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ otherPatterns.map( ( category ) => (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ category.name }\n\t\t\t\t\tcount={ category.count }\n\t\t\t\t\tlabel={ category.label }\n\t\t\t\t\ticon={ file }\n\t\t\t\t\tid={ category.name }\n\t\t\t\t\ttype={ PATTERN_TYPES.user }\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === `${ category.name }` &&\n\t\t\t\t\t\tcurrentType === PATTERN_TYPES.user\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenPatterns( { backPath } ) {\n\tconst {\n\t\tparams: { postType, categoryId },\n\t} = useLocation();\n\tconst currentType = postType || PATTERN_TYPES.user;\n\tconst currentCategory =\n\t\tcategoryId ||\n\t\t( currentType === PATTERN_TYPES.user\n\t\t\t? PATTERN_DEFAULT_CATEGORY\n\t\t\t: TEMPLATE_PART_ALL_AREAS_CATEGORY );\n\n\tconst { templatePartAreas, hasTemplateParts, isLoading } =\n\t\tuseTemplatePartAreas();\n\tconst { patternCategories, hasPatterns } = usePatternCategories();\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot={ ! isBlockBasedTheme }\n\t\t\ttitle={ __( 'Patterns' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Manage what patterns are available when editing the site.'\n\t\t\t) }\n\t\t\tbackPath={ backPath }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ isLoading && __( 'Loading items…' ) }\n\t\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ ! hasTemplateParts && ! hasPatterns && (\n\t\t\t\t\t\t\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t\t\t\t\t\t\t<Item>{ __( 'No items found' ) }</Item>\n\t\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<CategoriesGroup\n\t\t\t\t\t\t\t\ttemplatePartAreas={ templatePartAreas }\n\t\t\t\t\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t\t\t\t\t\tcurrentCategory={ currentCategory }\n\t\t\t\t\t\t\t\tcurrentType={ currentType }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/sidebar-navigation-screen-templates-browse/content.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DataviewsTemplatesSidebarContent;
-var _react = require("react");
 var _coreData = require("@wordpress/core-data");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
@@ -13,6 +12,7 @@ var _dataviewItem = _interopRequireDefault(require("../sidebar-dataviews/datavie
 var _hooks = require("../page-templates/hooks");
 var _icons = require("@wordpress/icons");
 var _constants = require("../../utils/constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -30,14 +30,13 @@ function TemplateDataviewItem({
     text,
     icon
   } = (0, _hooks.useAddedBy)(template.type, template.id);
-  return (0, _react.createElement)(_dataviewItem.default, {
-    key: text,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataviewItem.default, {
     slug: text,
     title: text,
     icon: icon,
     isActive: isActive,
     isCustom: false
-  });
+  }, text);
 }
 function DataviewsTemplatesSidebarContent({
   activeView,
@@ -59,18 +58,19 @@ function DataviewsTemplatesSidebarContent({
     }, {});
     return (_ref = firstItemPerAuthor && Object.values(firstItemPerAuthor)) !== null && _ref !== void 0 ? _ref : EMPTY_ARRAY;
   }, [records]);
-  return (0, _react.createElement)(_components.__experimentalItemGroup, null, (0, _react.createElement)(_dataviewItem.default, {
-    slug: 'all',
-    title: title,
-    icon: _icons.layout,
-    isActive: activeView === 'all',
-    isCustom: false
-  }), firstItemPerAuthorText.map(template => {
-    return (0, _react.createElement)(TemplateDataviewItem, {
-      key: template.author_text,
-      template: template,
-      isActive: activeView === template.author_text
-    });
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalItemGroup, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dataviewItem.default, {
+      slug: "all",
+      title: title,
+      icon: _icons.layout,
+      isActive: activeView === 'all',
+      isCustom: false
+    }), firstItemPerAuthorText.map(template => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(TemplateDataviewItem, {
+        template: template,
+        isActive: activeView === template.author_text
+      }, template.author_text);
+    })]
+  });
 }
 //# sourceMappingURL=content.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_coreData","require","_element","_components","_dataviewItem","_interopRequireDefault","_hooks","_icons","_constants","EMPTY_ARRAY","TemplateDataviewItem","template","isActive","text","icon","useAddedBy","type","id","_react","createElement","default","key","slug","title","isCustom","DataviewsTemplatesSidebarContent","activeView","records","useEntityRecords","TEMPLATE_POST_TYPE","per_page","firstItemPerAuthorText","useMemo","_ref","firstItemPerAuthor","reduce","acc","author","author_text","Object","values","__experimentalItemGroup","layout","map"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates-browse/content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport DataViewItem from '../sidebar-dataviews/dataview-item';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { layout } from '@wordpress/icons';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nconst EMPTY_ARRAY = [];\n\nfunction TemplateDataviewItem( { template, isActive } ) {\n\tconst { text, icon } = useAddedBy( template.type, template.id );\n\treturn (\n\t\t<DataViewItem\n\t\t\tkey={ text }\n\t\t\tslug={ text }\n\t\t\ttitle={ text }\n\t\t\ticon={ icon }\n\t\t\tisActive={ isActive }\n\t\t\tisCustom={ false }\n\t\t/>\n\t);\n}\n\nexport default function DataviewsTemplatesSidebarContent( {\n\tactiveView,\n\ttitle,\n} ) {\n\tconst { records } = useEntityRecords( 'postType', TEMPLATE_POST_TYPE, {\n\t\tper_page: -1,\n\t} );\n\tconst firstItemPerAuthorText = useMemo( () => {\n\t\tconst firstItemPerAuthor = records?.reduce( ( acc, template ) => {\n\t\t\tconst author = template.author_text;\n\t\t\tif ( author && ! acc[ author ] ) {\n\t\t\t\tacc[ author ] = template;\n\t\t\t}\n\t\t\treturn acc;\n\t\t}, {} );\n\t\treturn (\n\t\t\t( firstItemPerAuthor && Object.values( firstItemPerAuthor ) ) ??\n\t\t\tEMPTY_ARRAY\n\t\t);\n\t}, [ records ] );\n\n\treturn (\n\t\t<ItemGroup>\n\t\t\t<DataViewItem\n\t\t\t\tslug={ 'all' }\n\t\t\t\ttitle={ title }\n\t\t\t\ticon={ layout }\n\t\t\t\tisActive={ activeView === 'all' }\n\t\t\t\tisCustom={ false }\n\t\t\t/>\n\t\t\t{ firstItemPerAuthorText.map( ( template ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<TemplateDataviewItem\n\t\t\t\t\t\tkey={ template.author_text }\n\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\tisActive={ activeView === template.author_text }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,aAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAbA;AACA;AACA;;AAKA;AACA;AACA;;AAMA,MAAMQ,WAAW,GAAG,EAAE;AAEtB,SAASC,oBAAoBA,CAAE;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EACvD,MAAM;IAAEC,IAAI;IAAEC;EAAK,CAAC,GAAG,IAAAC,iBAAU,EAAEJ,QAAQ,CAACK,IAAI,EAAEL,QAAQ,CAACM,EAAG,CAAC;EAC/D,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACf,aAAA,CAAAgB,OAAY;IACZC,GAAG,EAAGR,IAAM;IACZS,IAAI,EAAGT,IAAM;IACbU,KAAK,EAAGV,IAAM;IACdC,IAAI,EAAGA,IAAM;IACbF,QAAQ,EAAGA,QAAU;IACrBY,QAAQ,EAAG;EAAO,CAClB,CAAC;AAEJ;AAEe,SAASC,gCAAgCA,CAAE;EACzDC,UAAU;EACVH;AACD,CAAC,EAAG;EACH,MAAM;IAAEI;EAAQ,CAAC,GAAG,IAAAC,0BAAgB,EAAE,UAAU,EAAEC,6BAAkB,EAAE;IACrEC,QAAQ,EAAE,CAAC;EACZ,CAAE,CAAC;EACH,MAAMC,sBAAsB,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAAA,IAAAC,IAAA;IAC7C,MAAMC,kBAAkB,GAAGP,OAAO,EAAEQ,MAAM,CAAE,CAAEC,GAAG,EAAEzB,QAAQ,KAAM;MAChE,MAAM0B,MAAM,GAAG1B,QAAQ,CAAC2B,WAAW;MACnC,IAAKD,MAAM,IAAI,CAAED,GAAG,CAAEC,MAAM,CAAE,EAAG;QAChCD,GAAG,CAAEC,MAAM,CAAE,GAAG1B,QAAQ;MACzB;MACA,OAAOyB,GAAG;IACX,CAAC,EAAE,CAAC,CAAE,CAAC;IACP,QAAAH,IAAA,GACGC,kBAAkB,IAAIK,MAAM,CAACC,MAAM,CAAEN,kBAAmB,CAAC,cAAAD,IAAA,cAAAA,IAAA,GAC3DxB,WAAW;EAEb,CAAC,EAAE,CAAEkB,OAAO,CAAG,CAAC;EAEhB,OACC,IAAAT,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAsC,uBAAS,QACT,IAAAvB,MAAA,CAAAC,aAAA,EAACf,aAAA,CAAAgB,OAAY;IACZE,IAAI,EAAG,KAAO;IACdC,KAAK,EAAGA,KAAO;IACfT,IAAI,EAAG4B,aAAQ;IACf9B,QAAQ,EAAGc,UAAU,KAAK,KAAO;IACjCF,QAAQ,EAAG;EAAO,CAClB,CAAC,EACAO,sBAAsB,CAACY,GAAG,CAAIhC,QAAQ,IAAM;IAC7C,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACT,oBAAoB;MACpBW,GAAG,EAAGV,QAAQ,CAAC2B,WAAa;MAC5B3B,QAAQ,EAAGA,QAAU;MACrBC,QAAQ,EAAGc,UAAU,KAAKf,QAAQ,CAAC2B;IAAa,CAChD,CAAC;EAEJ,CAAE,CACQ,CAAC;AAEd","ignoreList":[]}
+{"version":3,"names":["_coreData","require","_element","_components","_dataviewItem","_interopRequireDefault","_hooks","_icons","_constants","_jsxRuntime","EMPTY_ARRAY","TemplateDataviewItem","template","isActive","text","icon","useAddedBy","type","id","jsx","default","slug","title","isCustom","DataviewsTemplatesSidebarContent","activeView","records","useEntityRecords","TEMPLATE_POST_TYPE","per_page","firstItemPerAuthorText","useMemo","_ref","firstItemPerAuthor","reduce","acc","author","author_text","Object","values","jsxs","__experimentalItemGroup","children","layout","map"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates-browse/content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport DataViewItem from '../sidebar-dataviews/dataview-item';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { layout } from '@wordpress/icons';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nconst EMPTY_ARRAY = [];\n\nfunction TemplateDataviewItem( { template, isActive } ) {\n\tconst { text, icon } = useAddedBy( template.type, template.id );\n\treturn (\n\t\t<DataViewItem\n\t\t\tkey={ text }\n\t\t\tslug={ text }\n\t\t\ttitle={ text }\n\t\t\ticon={ icon }\n\t\t\tisActive={ isActive }\n\t\t\tisCustom={ false }\n\t\t/>\n\t);\n}\n\nexport default function DataviewsTemplatesSidebarContent( {\n\tactiveView,\n\ttitle,\n} ) {\n\tconst { records } = useEntityRecords( 'postType', TEMPLATE_POST_TYPE, {\n\t\tper_page: -1,\n\t} );\n\tconst firstItemPerAuthorText = useMemo( () => {\n\t\tconst firstItemPerAuthor = records?.reduce( ( acc, template ) => {\n\t\t\tconst author = template.author_text;\n\t\t\tif ( author && ! acc[ author ] ) {\n\t\t\t\tacc[ author ] = template;\n\t\t\t}\n\t\t\treturn acc;\n\t\t}, {} );\n\t\treturn (\n\t\t\t( firstItemPerAuthor && Object.values( firstItemPerAuthor ) ) ??\n\t\t\tEMPTY_ARRAY\n\t\t);\n\t}, [ records ] );\n\n\treturn (\n\t\t<ItemGroup>\n\t\t\t<DataViewItem\n\t\t\t\tslug=\"all\"\n\t\t\t\ttitle={ title }\n\t\t\t\ticon={ layout }\n\t\t\t\tisActive={ activeView === 'all' }\n\t\t\t\tisCustom={ false }\n\t\t\t/>\n\t\t\t{ firstItemPerAuthorText.map( ( template ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<TemplateDataviewItem\n\t\t\t\t\t\tkey={ template.author_text }\n\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\tisActive={ activeView === template.author_text }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,aAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAA2D,IAAAQ,WAAA,GAAAR,OAAA;AAb3D;AACA;AACA;;AAKA;AACA;AACA;;AAMA,MAAMS,WAAW,GAAG,EAAE;AAEtB,SAASC,oBAAoBA,CAAE;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EACvD,MAAM;IAAEC,IAAI;IAAEC;EAAK,CAAC,GAAG,IAAAC,iBAAU,EAAEJ,QAAQ,CAACK,IAAI,EAAEL,QAAQ,CAACM,EAAG,CAAC;EAC/D,oBACC,IAAAT,WAAA,CAAAU,GAAA,EAACf,aAAA,CAAAgB,OAAY;IAEZC,IAAI,EAAGP,IAAM;IACbQ,KAAK,EAAGR,IAAM;IACdC,IAAI,EAAGA,IAAM;IACbF,QAAQ,EAAGA,QAAU;IACrBU,QAAQ,EAAG;EAAO,GALZT,IAMN,CAAC;AAEJ;AAEe,SAASU,gCAAgCA,CAAE;EACzDC,UAAU;EACVH;AACD,CAAC,EAAG;EACH,MAAM;IAAEI;EAAQ,CAAC,GAAG,IAAAC,0BAAgB,EAAE,UAAU,EAAEC,6BAAkB,EAAE;IACrEC,QAAQ,EAAE,CAAC;EACZ,CAAE,CAAC;EACH,MAAMC,sBAAsB,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAAA,IAAAC,IAAA;IAC7C,MAAMC,kBAAkB,GAAGP,OAAO,EAAEQ,MAAM,CAAE,CAAEC,GAAG,EAAEvB,QAAQ,KAAM;MAChE,MAAMwB,MAAM,GAAGxB,QAAQ,CAACyB,WAAW;MACnC,IAAKD,MAAM,IAAI,CAAED,GAAG,CAAEC,MAAM,CAAE,EAAG;QAChCD,GAAG,CAAEC,MAAM,CAAE,GAAGxB,QAAQ;MACzB;MACA,OAAOuB,GAAG;IACX,CAAC,EAAE,CAAC,CAAE,CAAC;IACP,QAAAH,IAAA,GACGC,kBAAkB,IAAIK,MAAM,CAACC,MAAM,CAAEN,kBAAmB,CAAC,cAAAD,IAAA,cAAAA,IAAA,GAC3DtB,WAAW;EAEb,CAAC,EAAE,CAAEgB,OAAO,CAAG,CAAC;EAEhB,oBACC,IAAAjB,WAAA,CAAA+B,IAAA,EAACrC,WAAA,CAAAsC,uBAAS;IAAAC,QAAA,gBACT,IAAAjC,WAAA,CAAAU,GAAA,EAACf,aAAA,CAAAgB,OAAY;MACZC,IAAI,EAAC,KAAK;MACVC,KAAK,EAAGA,KAAO;MACfP,IAAI,EAAG4B,aAAQ;MACf9B,QAAQ,EAAGY,UAAU,KAAK,KAAO;MACjCF,QAAQ,EAAG;IAAO,CAClB,CAAC,EACAO,sBAAsB,CAACc,GAAG,CAAIhC,QAAQ,IAAM;MAC7C,oBACC,IAAAH,WAAA,CAAAU,GAAA,EAACR,oBAAoB;QAEpBC,QAAQ,EAAGA,QAAU;QACrBC,QAAQ,EAAGY,UAAU,KAAKb,QAAQ,CAACyB;MAAa,GAF1CzB,QAAQ,CAACyB,WAGf,CAAC;IAEJ,CAAE,CAAC;EAAA,CACO,CAAC;AAEd","ignoreList":[]}

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SidebarNavigationScreenTemplatesBrowse;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _router = require("@wordpress/router");
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
 var _lockUnlock = require("../../lock-unlock");
 var _content = _interopRequireDefault(require("./content"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -30,11 +30,11 @@ function SidebarNavigationScreenTemplatesBrowse({
       activeView = 'all'
     }
   } = useLocation();
-  return (0, _react.createElement)(_sidebarNavigationScreen.default, {
-    title: (0, _i18n.__)('Manage templates'),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreen.default, {
+    title: (0, _i18n.__)('Templates'),
     description: (0, _i18n.__)('Create new templates, or reset any customizations made to the templates supplied by your theme.'),
     backPath: backPath,
-    content: (0, _react.createElement)(_content.default, {
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_content.default, {
       activeView: activeView,
       title: (0, _i18n.__)('All templates')
     })

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_router","_sidebarNavigationScreen","_interopRequireDefault","_lockUnlock","_content","useLocation","unlock","routerPrivateApis","SidebarNavigationScreenTemplatesBrowse","backPath","params","activeView","_react","createElement","default","title","__","description","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates-browse/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../lock-unlock';\nimport DataviewsTemplatesSidebarContent from './content';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreenTemplatesBrowse( { backPath } ) {\n\tconst {\n\t\tparams: { activeView = 'all' },\n\t} = useLocation();\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Manage templates' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Create new templates, or reset any customizations made to the templates supplied by your theme.'\n\t\t\t) }\n\t\t\tbackPath={ backPath }\n\t\t\tcontent={\n\t\t\t\t<DataviewsTemplatesSidebarContent\n\t\t\t\t\tactiveView={ activeView }\n\t\t\t\t\ttitle={ __( 'All templates' ) }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,wBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAF,sBAAA,CAAAH,OAAA;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,MAAM;EAAEM;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,sCAAsCA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC9E,MAAM;IACLC,MAAM,EAAE;MAAEC,UAAU,GAAG;IAAM;EAC9B,CAAC,GAAGN,WAAW,CAAC,CAAC;EAEjB,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACZ,wBAAA,CAAAa,OAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCC,WAAW,EAAG,IAAAD,QAAE,EACf,iGACD,CAAG;IACHP,QAAQ,EAAGA,QAAU;IACrBS,OAAO,EACN,IAAAN,MAAA,CAAAC,aAAA,EAACT,QAAA,CAAAU,OAAgC;MAChCH,UAAU,EAAGA,UAAY;MACzBI,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB;IAAG,CAC/B;EACD,CACD,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_router","_sidebarNavigationScreen","_interopRequireDefault","_lockUnlock","_content","_jsxRuntime","useLocation","unlock","routerPrivateApis","SidebarNavigationScreenTemplatesBrowse","backPath","params","activeView","jsx","default","title","__","description","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates-browse/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../lock-unlock';\nimport DataviewsTemplatesSidebarContent from './content';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreenTemplatesBrowse( { backPath } ) {\n\tconst {\n\t\tparams: { activeView = 'all' },\n\t} = useLocation();\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Templates' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Create new templates, or reset any customizations made to the templates supplied by your theme.'\n\t\t\t) }\n\t\t\tbackPath={ backPath }\n\t\t\tcontent={\n\t\t\t\t<DataviewsTemplatesSidebarContent\n\t\t\t\t\tactiveView={ activeView }\n\t\t\t\t\ttitle={ __( 'All templates' ) }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,wBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAyD,IAAAM,WAAA,GAAAN,OAAA;AAXzD;AACA;AACA;;AAIA;AACA;AACA;;AAKA,MAAM;EAAEO;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,sCAAsCA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC9E,MAAM;IACLC,MAAM,EAAE;MAAEC,UAAU,GAAG;IAAM;EAC9B,CAAC,GAAGN,WAAW,CAAC,CAAC;EAEjB,oBACC,IAAAD,WAAA,CAAAQ,GAAA,EAACZ,wBAAA,CAAAa,OAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,WAAW,EAAG,IAAAD,QAAE,EACf,iGACD,CAAG;IACHN,QAAQ,EAAGA,QAAU;IACrBQ,OAAO,eACN,IAAAb,WAAA,CAAAQ,GAAA,EAACT,QAAA,CAAAU,OAAgC;MAChCF,UAAU,EAAGA,UAAY;MACzBG,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB;IAAG,CAC/B;EACD,CACD,CAAC;AAEJ","ignoreList":[]}

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

@@ -5,15 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
-var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
-var _blockEditor = require("@wordpress/block-editor");
 var _coreData = require("@wordpress/core-data");
-var _editor = require("@wordpress/editor");
 var _htmlEntities = require("@wordpress/html-entities");
 var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
@@ -23,6 +19,7 @@ var _url = require("@wordpress/url");
 var _store = require("../../store");
 var _siteIcon = _interopRequireDefault(require("../site-icon"));
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -35,19 +32,15 @@ var _lockUnlock = require("../../lock-unlock");
  * Internal dependencies
  */
 
-const HUB_ANIMATION_DURATION = 0.3;
-const SiteHub = (0, _element.memo)(({
-  isTransparent,
-  className
-}) => {
+const SiteHub = (0, _element.memo)((0, _element.forwardRef)(({
+  isTransparent
+}, ref) => {
   const {
-    canvasMode,
     dashboardLink,
     homeUrl,
     siteTitle
   } = (0, _data.useSelect)(select => {
     const {
-      getCanvasMode,
       getSettings
     } = (0, _lockUnlock.unlock)(select(_store.store));
     const {
@@ -56,7 +49,6 @@ const SiteHub = (0, _element.memo)(({
     } = select(_coreData.store);
     const _site = getSite();
     return {
-      canvasMode: getCanvasMode(),
       dashboardLink: getSettings().__experimentalDashboardLink || 'index.php',
       homeUrl: getUnstableBase()?.home,
       siteTitle: !_site?.title && !!_site?.url ? (0, _url.filterURLForDisplay)(_site?.url) : _site?.title
@@ -65,126 +57,53 @@ const SiteHub = (0, _element.memo)(({
   const {
     open: openCommandCenter
   } = (0, _data.useDispatch)(_commands.store);
-  const disableMotion = (0, _compose.useReducedMotion)();
-  const {
-    setCanvasMode
-  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  const {
-    clearSelectedBlock
-  } = (0, _data.useDispatch)(_blockEditor.store);
-  const {
-    setDeviceType
-  } = (0, _data.useDispatch)(_editor.store);
-  const isBackToDashboardButton = canvasMode === 'view';
-  const siteIconButtonProps = isBackToDashboardButton ? {
-    href: dashboardLink,
-    label: (0, _i18n.__)('Go to the Dashboard')
-  } : {
-    href: dashboardLink,
-    // We need to keep the `href` here so the component doesn't remount as a `<button>` and break the animation.
-    role: 'button',
-    label: (0, _i18n.__)('Open Navigation'),
-    onClick: event => {
-      event.preventDefault();
-      if (canvasMode === 'edit') {
-        clearSelectedBlock();
-        setDeviceType('Desktop');
-        setCanvasMode('view');
-      }
-    }
-  };
-  return (0, _react.createElement)(_components.__unstableMotion.div, {
-    className: (0, _clsx.default)('edit-site-site-hub', className),
-    variants: {
-      isDistractionFree: {
-        x: '-100%'
-      },
-      isDistractionFreeHovering: {
-        x: 0
-      },
-      view: {
-        x: 0
-      },
-      edit: {
-        x: 0
-      }
-    },
-    initial: false,
-    transition: {
-      type: 'tween',
-      duration: disableMotion ? 0 : HUB_ANIMATION_DURATION,
-      ease: 'easeOut'
-    }
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "flex-start",
-    spacing: "0"
-  }, (0, _react.createElement)(_components.__unstableMotion.div, {
-    className: (0, _clsx.default)('edit-site-site-hub__view-mode-toggle-container', {
-      'has-transparent-background': isTransparent
-    }),
-    layout: true,
-    transition: {
-      type: 'tween',
-      duration: disableMotion ? 0 : HUB_ANIMATION_DURATION,
-      ease: 'easeOut'
-    }
-  }, (0, _react.createElement)(_components.Button, {
-    ...siteIconButtonProps,
-    className: "edit-site-layout__view-mode-toggle"
-  }, (0, _react.createElement)(_components.__unstableMotion.div, {
-    initial: false,
-    animate: {
-      scale: canvasMode === 'view' ? 0.5 : 1
-    },
-    whileHover: {
-      scale: canvasMode === 'view' ? 0.5 : 0.96
-    },
-    transition: {
-      type: 'tween',
-      duration: disableMotion ? 0 : HUB_ANIMATION_DURATION,
-      ease: 'easeOut'
-    }
-  }, (0, _react.createElement)(_siteIcon.default, {
-    className: "edit-site-layout__view-mode-toggle-icon"
-  })))), (0, _react.createElement)(_components.__unstableAnimatePresence, {
-    initial: false
-  }, canvasMode === 'view' && (0, _react.createElement)(_components.__experimentalHStack, {
-    as: _components.__unstableMotion.div,
-    initial: {
-      opacity: 0
-    },
-    animate: {
-      opacity: isTransparent ? 0 : 1
-    },
-    exit: {
-      opacity: 0
-    },
-    transition: {
-      type: 'tween',
-      duration: disableMotion ? 0 : 0.2,
-      ease: 'easeOut',
-      delay: canvasMode === 'view' ? 0.1 : 0
-    }
-  }, (0, _react.createElement)("div", {
-    className: "edit-site-site-hub__title"
-  }, (0, _htmlEntities.decodeEntities)(siteTitle)), (0, _react.createElement)(_components.__experimentalHStack, {
-    spacing: 0,
-    expanded: false,
-    className: "edit-site-site-hub__actions"
-  }, (0, _react.createElement)(_components.Button, {
-    href: homeUrl,
-    target: "_blank",
-    label: (0, _i18n.__)('View site (opens in a new tab)'),
-    "aria-label": (0, _i18n.__)('View site (opens in a new tab)'),
-    icon: _icons.external,
-    className: "edit-site-site-hub__site-view-link"
-  }), (0, _react.createElement)(_components.Button, {
-    className: "edit-site-site-hub_toggle-command-center",
-    icon: _icons.search,
-    onClick: () => openCommandCenter(),
-    label: (0, _i18n.__)('Open command palette'),
-    shortcut: _keycodes.displayShortcut.primary('k')
-  }))))));
-});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "edit-site-site-hub",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+      justify: "flex-start",
+      spacing: "0",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _clsx.default)('edit-site-site-hub__view-mode-toggle-container', {
+          'has-transparent-background': isTransparent
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          ref: ref,
+          href: dashboardLink,
+          label: (0, _i18n.__)('Go to the Dashboard'),
+          className: "edit-site-layout__view-mode-toggle",
+          style: {
+            transform: 'scale(0.5)',
+            borderRadius: 4
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_siteIcon.default, {
+            className: "edit-site-layout__view-mode-toggle-icon"
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "edit-site-site-hub__title",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            variant: "link",
+            href: homeUrl,
+            target: "_blank",
+            label: (0, _i18n.__)('View site (opens in a new tab)'),
+            children: (0, _htmlEntities.decodeEntities)(siteTitle)
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
+          spacing: 0,
+          expanded: false,
+          className: "edit-site-site-hub__actions",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            className: "edit-site-site-hub_toggle-command-center",
+            icon: _icons.search,
+            onClick: () => openCommandCenter(),
+            label: (0, _i18n.__)('Open command palette'),
+            shortcut: _keycodes.displayShortcut.primary('k')
+          })
+        })]
+      })]
+    })
+  });
+}));
 var _default = exports.default = SiteHub;
 //# sourceMappingURL=index.js.map