npm - @wordpress/edit-site - Versions diffs - 6.30.1-next.a730c9c8c.0 → 6.31.1-next.f56bd8138.0 - Mend

@wordpress/edit-site 6.30.1-next.a730c9c8c.0 → 6.31.1-next.f56bd8138.0

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

Files changed (77) hide show

package/build/components/global-styles/screen-css.js CHANGED Viewed

@@ -26,7 +26,6 @@ const {
   AdvancedPanel: StylesAdvancedPanel
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 function ScreenCSS() {
-  const description = (0, _i18n.__)('Add your own CSS to customize the appearance and layout of your site.');
   const [style] = useGlobalStyle('', undefined, 'user', {
     shouldDecodeEncode: false
   });
@@ -38,9 +37,9 @@ function ScreenCSS() {
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
-      title: (0, _i18n.__)('CSS'),
+      title: (0, _i18n.__)('Additional CSS'),
       description: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [description, /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
+        children: [(0, _i18n.__)('You can add custom CSS to further customize the appearance and layout of your site.'), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
           href: (0, _i18n.__)('https://developer.wordpress.org/advanced-administration/wordpress/css/'),
           className: "edit-site-global-styles-screen-css-help-link",
           children: (0, _i18n.__)('Learn more about CSS')

package/build/components/global-styles/screen-css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_blockEditor","_data","_lockUnlock","_store","_header","_interopRequireDefault","_jsxRuntime","useGlobalStyle","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenCSS","~~description","__","~~style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","setEditorCanvasContainerView","useDispatch","editSiteStore","jsxs","Fragment","children","jsx","default","title","ExternalLink","href","className","onBack","value","onChange","inheritedValue","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-css.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { ExternalLink } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport ScreenHeader from './header';\n\nconst { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenCSS() {\n\tconst ~~description = __(\n\t\t'Add your own CSS to customize the appearance and layout of your site.'\n\t);\n\tconst~~ [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'CSS' ) }\n\t\t\t\tdescription={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ~~description~~ }\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t'https://developer.wordpress.org/advanced-administration/wordpress/css/'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-css-help-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Learn more about CSS' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\tonBack={ () => {\n\t\t\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-css\">\n\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenCSS;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAC,sBAAA,CAAAP,OAAA;AAAoC,IAAAQ,WAAA,GAAAR,OAAA;AAbpC;AACA;AACA;;AAMA;AACA;AACA;;AAKA,MAAM;EAAES,cAAc;EAAEC,aAAa,EAAEC;AAAoB,CAAC,GAAG,IAAAC,kBAAM,EACpEC,wBACD,CAAC;AAED,SAASC,SAASA,CAAA,EAAG;EACpB,~~MAAMC,WAAW,GAAG,IAAAC,QAAE,EACrB,uEACD,CAAC;EACD,~~MAAM,CAAEC,KAAK,CAAE,~~GAAGR~~,cAAc,CAAE,EAAE,~~EAAES~~,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,~~GAAGZ~~,cAAc,CAAE,EAAE,~~EAAES~~,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EAEH,MAAM;IAAEG;EAA6B,CAAC,GAAG,~~IAAAV~~,kBAAM,EAC9C,~~IAAAW~~,iBAAW,EAAEC,YAAc,CAC5B,CAAC;EAED,oBACC,~~IAAAhB~~,WAAA,~~CAAAiB~~,IAAA,~~EAAAjB~~,WAAA,~~CAAAkB~~,QAAA;IAAAC,QAAA,gBACC,~~IAAAnB~~,WAAA,~~CAAAoB~~,GAAA,~~EAACtB~~,OAAA,~~CAAAuB~~,OAAY;MACZC,KAAK,EAAG,~~IAAAd~~,QAAE,EAAE,~~KAAM~~,CAAG;~~MACrBD~~,WAAW,eACV,~~IAAAP~~,WAAA,~~CAAAiB~~,IAAA,~~EAAAjB~~,WAAA,~~CAAAkB~~,QAAA;QAAAC,QAAA,~~GACGZ~~,~~WAAW~~,~~eACb~~,~~IAAAP~~,WAAA,~~CAAAoB~~,GAAA,UAAK,CAAC,eACN,~~IAAApB~~,WAAA,~~CAAAoB~~,GAAA,~~EAAC3B~~,WAAA,CAAA8B,YAAY;UACZC,IAAI,EAAG,~~IAAAhB~~,QAAE,EACR,wEACD,CAAG;~~UACHiB~~,SAAS,EAAC,8CAA8C;~~UAAAN~~,QAAA,EAEtD,~~IAAAX~~,QAAE,EAAE,sBAAuB;QAAC,CACjB,CAAC;MAAA,CACd,CACF;~~MACDkB~~,MAAM,EAAGA,CAAA,KAAM;~~QACdZ~~,4BAA4B,CAAEJ,SAAU,CAAC;MAC1C;IAAG,CACH,CAAC,eACF,~~IAAAV~~,WAAA,~~CAAAoB~~,GAAA;~~MAAKK~~,SAAS,EAAC,oCAAoC;~~MAAAN~~,QAAA,eAClD,~~IAAAnB~~,WAAA,~~CAAAoB~~,GAAA,~~EAACjB~~,mBAAmB;QACnBwB,KAAK,~~EAAGlB~~,KAAO;~~QACfmB~~,QAAQ,~~EAAGf~~,QAAU;~~QACrBgB~~,cAAc,~~EAAGjB~~;MAAgB,CACjC;IAAC,CACE,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,~~IAAAkB~~,QAAA,GAAAC,OAAA,~~CAAAV~~,OAAA,~~GAEcf~~,SAAS","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_blockEditor","_data","_lockUnlock","_store","_header","_interopRequireDefault","_jsxRuntime","useGlobalStyle","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenCSS","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","setEditorCanvasContainerView","useDispatch","editSiteStore","jsxs","Fragment","children","jsx","default","title","__","description","ExternalLink","href","className","onBack","value","onChange","inheritedValue","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-css.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { ExternalLink } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport ScreenHeader from './header';\n\nconst { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenCSS() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Additional CSS' ) }\n\t\t\t\tdescription={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'You can add custom CSS to further customize the appearance and layout of your site.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t'https://developer.wordpress.org/advanced-administration/wordpress/css/'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-css-help-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Learn more about CSS' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\tonBack={ () => {\n\t\t\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-css\">\n\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenCSS;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAC,sBAAA,CAAAP,OAAA;AAAoC,IAAAQ,WAAA,GAAAR,OAAA;AAbpC;AACA;AACA;;AAMA;AACA;AACA;;AAKA,MAAM;EAAES,cAAc;EAAEC,aAAa,EAAEC;AAAoB,CAAC,GAAG,IAAAC,kBAAM,EACpEC,wBACD,CAAC;AAED,SAASC,SAASA,CAAA,EAAG;EACpB,MAAM,CAAEC,KAAK,CAAE,GAAGN,cAAc,CAAE,EAAE,EAAEO,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGV,cAAc,CAAE,EAAE,EAAEO,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EAEH,MAAM;IAAEG;EAA6B,CAAC,GAAG,IAAAR,kBAAM,EAC9C,IAAAS,iBAAW,EAAEC,YAAc,CAC5B,CAAC;EAED,oBACC,IAAAd,WAAA,CAAAe,IAAA,EAAAf,WAAA,CAAAgB,QAAA;IAAAC,QAAA,gBACC,IAAAjB,WAAA,CAAAkB,GAAA,EAACpB,OAAA,CAAAqB,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;MAChCC,WAAW,eACV,IAAAtB,WAAA,CAAAe,IAAA,EAAAf,WAAA,CAAAgB,QAAA;QAAAC,QAAA,GACG,IAAAI,QAAE,EACH,qFACD,CAAC,eACD,IAAArB,WAAA,CAAAkB,GAAA,UAAK,CAAC,eACN,IAAAlB,WAAA,CAAAkB,GAAA,EAACzB,WAAA,CAAA8B,YAAY;UACZC,IAAI,EAAG,IAAAH,QAAE,EACR,wEACD,CAAG;UACHI,SAAS,EAAC,8CAA8C;UAAAR,QAAA,EAEtD,IAAAI,QAAE,EAAE,sBAAuB;QAAC,CACjB,CAAC;MAAA,CACd,CACF;MACDK,MAAM,EAAGA,CAAA,KAAM;QACdd,4BAA4B,CAAEJ,SAAU,CAAC;MAC1C;IAAG,CACH,CAAC,eACF,IAAAR,WAAA,CAAAkB,GAAA;MAAKO,SAAS,EAAC,oCAAoC;MAAAR,QAAA,eAClD,IAAAjB,WAAA,CAAAkB,GAAA,EAACf,mBAAmB;QACnBwB,KAAK,EAAGpB,KAAO;QACfqB,QAAQ,EAAGjB,QAAU;QACrBkB,cAAc,EAAGnB;MAAgB,CACjC;IAAC,CACE,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEcb,SAAS","ignoreList":[]}

package/build/components/global-styles/screen-root.js CHANGED Viewed

@@ -24,21 +24,11 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 function ScreenRoot() {
-  const {
-    hasVariations,
-    canEditCSS
-  } = (0, _data.useSelect)(select => {
+  const hasVariations = (0, _data.useSelect)(select => {
     const {
-      getEntityRecord,
-      __experimentalGetCurrentGlobalStylesId,
       __experimentalGetCurrentThemeGlobalStylesVariations
     } = select(_coreData.store);
-    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
-    return {
-      hasVariations: !!__experimentalGetCurrentThemeGlobalStylesVariations()?.length,
-      canEditCSS: !!globalStyles?._links?.['wp:action-edit-css']
-    };
+    return !!__experimentalGetCurrentThemeGlobalStylesVariations()?.length;
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Card, {
     size: "small",
@@ -78,7 +68,7 @@ function ScreenRoot() {
          * the nav button inset should be looked at before reusing further.
          */,
         paddingX: "13px",
-        marginBottom: 4,
+        marginBottom: 2,
         children: (0, _i18n.__)('Customize the appearance of specific blocks for the whole site.')
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
@@ -93,28 +83,6 @@ function ScreenRoot() {
           })
         })
       })]
-    }), canEditCSS && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CardDivider, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.CardBody, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
-          as: "p",
-          paddingTop: 2,
-          paddingX: "13px",
-          marginBottom: 4,
-          children: (0, _i18n.__)('Add your own CSS to customize the appearance and layout of your site.')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
-            path: "/css",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-              justify: "space-between",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-                children: (0, _i18n.__)('Additional CSS')
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconWithCurrentColor.IconWithCurrentColor, {
-                icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
-              })]
-            })
-          })
-        })]
-      })]
     })]
   });
 }

package/build/components/global-styles/screen-root.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_icons","_data","_coreData","_iconWithCurrentColor","_navigationButton","_rootMenu","_interopRequireDefault","_previewStyles","_jsxRuntime","ScreenRoot","hasVariations","~~canEditCSS","~~useSelect","select","~~getEntityRecord","__experimentalGetCurrentGlobalStylesId","~~__experimentalGetCurrentThemeGlobalStylesVariations","coreStore","~~globalStylesId","globalStyles","undefined","~~length","~~_links","~~jsxs","Card","size","isBorderless","className","isRounded","children","jsx","CardBody","__experimentalVStack","spacing","CardMedia","default","__experimentalItemGroup","NavigationButtonAsItem","path","__experimentalHStack","justify","FlexItem","__","IconWithCurrentColor","icon","isRTL","chevronLeft","chevronRight","CardDivider","__experimentalSpacer","as","paddingTop","paddingX","marginBottom","~~Fragment","~~_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-root.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n\tCardBody,\n\tCard,\n\tCardDivider,\n\tCardMedia,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n /\nimport { IconWithCurrentColor } from './icon-with-current-color';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport RootMenu from './root-menu';\nimport PreviewStyles from './preview-styles';\n\nfunction ScreenRoot() {\n\tconst { hasVariations, ~~canEditCSS }~~ = useSelect( ( select ) => {\n\t\tconst {~~\n\t\t\tgetEntityRecord,\n\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t__experimentalGetCurrentThemeGlobalStylesVariations,\n\t\t}~~ = ~~select(~~ ~~coreStore );\~~n\n\t\~~tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\~~t\~~tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord~~( ~~'root',~~ ~~'globalStyles', globalStylesId~~ )~~\n\t\t\t: undefined~~;\n\n\t\treturn ~~{\n\t\t\thasVariations:\n\t\t\t\t~~!! __experimentalGetCurrentThemeGlobalStylesVariations()~~\n\t\t\t\t\t~~?.length~~,\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t}~~;\n\t}, [] );\n\n\treturn (\n\t\t<Card\n\t\t\tsize=\"small\"\n\t\t\tisBorderless\n\t\t\tclassName=\"edit-site-global-styles-screen-root\"\n\t\t\tisRounded={ false }\n\t\t>\n\t\t\t<CardBody>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<Card className=\"edit-site-global-styles-screen-root__active-style-tile\">\n\t\t\t\t\t\t<CardMedia className=\"edit-site-global-styles-screen-root__active-style-tile-preview\">\n\t\t\t\t\t\t\t<PreviewStyles />\n\t\t\t\t\t\t</CardMedia>\n\t\t\t\t\t</Card>\n\t\t\t\t\t{ hasVariations && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem path=\"/variations\">\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\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</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<RootMenu />\n\t\t\t\t</VStack>\n\t\t\t</CardBody>\n\n\t\t\t<CardDivider />\n\n\t\t\t<CardBody>\n\t\t\t\t<Spacer\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t/\n\t\t\t\t\t * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).\n\t\t\t\t\t * This is an ad hoc override for this instance and the Additional CSS option below. Other options for matching the\n\t\t\t\t\t * the nav button inset should be looked at before reusing further.\n\t\t\t\t\t */\n\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Customize the appearance of specific blocks for the whole site.'\n\t\t\t\t\t) }\n\t\t\t\t</Spacer>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigationButtonAsItem path=\"/blocks\">\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Blocks' ) }</FlexItem>\n\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</CardBody>\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<>\n\t\t\t\t\t<CardDivider />\n\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t<Spacer\n\t\t\t\t\t\t\tas=\"p\"\n\t\t\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance and layout of your site.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem path=\"/css\">\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\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</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</CardBody>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</Card>\n\t);\n}\n\nexport default ScreenRoot;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAWA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAKA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAC,sBAAA,CAAAR,OAAA;AACA,IAAAS,cAAA,GAAAD,sBAAA,CAAAR,OAAA;AAA6C,IAAAU,WAAA,GAAAV,OAAA;AAzB7C;AACA;AACA;;AAiBA;AACA;AACA;;AAMA,SAASW,UAAUA,CAAA,EAAG;EACrB,~~MAAM;IAAEC~~,aAAa~~;IAAEC;EAAW~~,~~CAAC,~~GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;~~IAC9D~~,MAAM;~~MACLC,eAAe~~;~~MACfC~~,~~sCAAsC;MACtCC;IACD,~~CAAC,~~GAAGH~~,MAAM,~~CAAEI~~,eAAU,CAAC;~~IAEvB~~,~~MAAMC,cAAc,GAAGH,sCAAsC,CAAC,CAAC;IAC/D,MAAMI,YAAY,GAAGD,cAAc,GAChCJ,eAAe,CAAE,MAAM,EAAE,cAAc,EAAEI,cAAe,CAAC,GACzDE,SAAS;IAEZ,~~OAAO~~;MACNV~~,~~aAAa,EACZ,~~CAAC,~~CAAEM~~,mDAAmD,CAAC,CAAC,~~EACrDK~~,MAAM;~~MACVV~~,~~UAAU,EAAE,~~CAAC,~~CAAEQ,YAAY,EAAEG,MAAM,GAAI,oBAAoB;IAC5D,CAAC;EACF,CAAC,~~EAAE,EAAG,CAAC;EAEP,oBACC,~~IAAAd~~,WAAA,~~CAAAe~~,IAAA,~~EAAC1B~~,WAAA,~~CAAA2B~~,IAAI;IACJC,IAAI,EAAC,OAAO;IACZC,YAAY;IACZC,SAAS,EAAC,qCAAqC;IAC/CC,SAAS,EAAG,KAAO;IAAAC,QAAA,gBAEnB,~~IAAArB~~,WAAA,~~CAAAsB~~,GAAA,~~EAACjC~~,WAAA,~~CAAAkC~~,QAAQ;MAAAF,QAAA,eACR,~~IAAArB~~,WAAA,~~CAAAe~~,IAAA,~~EAAC1B~~,WAAA,~~CAAAmC~~,oBAAM;QAACC,OAAO,EAAG,CAAG;QAAAJ,QAAA,gBACpB,~~IAAArB~~,WAAA,~~CAAAsB~~,GAAA,~~EAACjC~~,WAAA,~~CAAA2B~~,IAAI;UAACG,SAAS,EAAC,wDAAwD;UAAAE,QAAA,eACvE,~~IAAArB~~,WAAA,~~CAAAsB~~,GAAA,~~EAACjC~~,WAAA,~~CAAAqC~~,SAAS;YAACP,SAAS,EAAC,gEAAgE;YAAAE,QAAA,eACpF,~~IAAArB~~,WAAA,~~CAAAsB~~,GAAA,~~EAACvB~~,cAAA,~~CAAA4B~~,OAAa,IAAE;UAAC,CACP;QAAC,CACP,CAAC,~~EACLzB~~,aAAa,iBACd,IAAAF,WAAA,~~CAAAsB~~,GAAA,~~EAACjC~~,WAAA,~~CAAAuC~~,uBAAS;UAAAP,QAAA,eACT,~~IAAArB~~,WAAA,~~CAAAsB~~,GAAA,~~EAAC1B~~,iBAAA,~~CAAAiC~~,sBAAsB;YAACC,IAAI,EAAC,aAAa;YAAAT,QAAA,eACzC,~~IAAArB~~,WAAA,~~CAAAe~~,IAAA,~~EAAC1B~~,WAAA,~~CAAA0C~~,oBAAM;cAACC,OAAO,EAAC,eAAe;cAAAX,QAAA,gBAC9B,~~IAAArB~~,WAAA,~~CAAAsB~~,GAAA,~~EAACjC~~,WAAA,~~CAAA4C~~,QAAQ;gBAAAZ,QAAA,EACN,IAAAa,QAAE,EAAE,eAAgB;cAAC,CACd,CAAC,eACX,~~IAAAlC~~,WAAA,~~CAAAsB~~,GAAA,~~EAAC3B~~,qBAAA,~~CAAAwC~~,oBAAoB;gBACpBC,IAAI,EACH,IAAAC,WAAK,EAAC,CAAC,GAAGC,kBAAW,GAAGC;cACxB,CACD,CAAC;YAAA,CACK;UAAC,CACc;QAAC,CACf,CACX,eACD,~~IAAAvC~~,WAAA,~~CAAAsB~~,GAAA,~~EAACzB~~,SAAA,~~CAAA8B~~,OAAQ,IAAE,CAAC;MAAA,CACL;IAAC,CACA,CAAC,eAEX,~~IAAA3B~~,WAAA,~~CAAAsB~~,GAAA,~~EAACjC~~,WAAA,~~CAAAmD~~,WAAW,IAAE,CAAC,eAEf,~~IAAAxC~~,WAAA,~~CAAAe~~,IAAA,~~EAAC1B~~,WAAA,~~CAAAkC~~,QAAQ;MAAAF,QAAA,gBACR,~~IAAArB~~,WAAA,~~CAAAsB~~,GAAA,~~EAACjC~~,WAAA,~~CAAAoD~~,oBAAM;QACNC,EAAE,EAAC,GAAG;QACNC,UAAU,EAAG;QACb;AACL;AACA;AACA;AACA,WAJK;QAKAC,QAAQ,EAAC,MAAM;QACfC,YAAY,EAAG,CAAG;QAAAxB,QAAA,EAEhB,IAAAa,QAAE,EACH,iEACD;MAAC,CACM,CAAC,eACT,~~IAAAlC~~,WAAA,~~CAAAsB~~,GAAA,~~EAACjC~~,WAAA,~~CAAAuC~~,uBAAS;QAAAP,QAAA,eACT,~~IAAArB~~,WAAA,~~CAAAsB~~,GAAA,~~EAAC1B~~,iBAAA,~~CAAAiC~~,sBAAsB;UAACC,IAAI,EAAC,SAAS;UAAAT,QAAA,eACrC,~~IAAArB~~,WAAA,~~CAAAe~~,IAAA,~~EAAC1B~~,WAAA,~~CAAA0C~~,oBAAM;YAACC,OAAO,EAAC,eAAe;YAAAX,QAAA,gBAC9B,~~IAAArB~~,WAAA,~~CAAAsB~~,GAAA,~~EAACjC~~,WAAA,~~CAAA4C~~,QAAQ;cAAAZ,QAAA,EAAG,IAAAa,QAAE,EAAE,QAAS;YAAC,CAAY,CAAC,eACvC,~~IAAAlC~~,WAAA,~~CAAAsB~~,GAAA,~~EAAC3B~~,qBAAA,~~CAAAwC~~,oBAAoB;cACpBC,IAAI,EAAG,IAAAC,WAAK,EAAC,CAAC,GAAGC,kBAAW,GAAGC;YAAc,CAC7C,CAAC;UAAA,CACK;QAAC,CACc;MAAC,CACf,CAAC;IAAA,CACH,CAAC~~,EAETpC,UAAU,iBACX,IAAAH,WAAA,CAAAe,IAAA,EAAAf,WAAA,CAAA8C,QAAA~~;MAAAzB,QAAA,gBACC,IAAArB,WAAA,CAAAsB,GAAA,EAACjC,WAAA,CAAAmD,WAAW,IAAE,CAAC,eACf,IAAAxC,WAAA,CAAAe,IAAA,EAAC1B,WAAA,CAAAkC,QAAQ;QAAAF,QAAA,gBACR,IAAArB,WAAA,CAAAsB,GAAA,EAACjC,WAAA,CAAAoD,oBAAM;UACNC,EAAE,EAAC,GAAG;UACNC,UAAU,EAAG,CAAG;UAChBC,QAAQ,EAAC,MAAM;UACfC,YAAY,EAAG,CAAG;UAAAxB,QAAA,EAEhB,IAAAa,QAAE,EACH,uEACD;QAAC,CACM,CAAC,eACT,IAAAlC,WAAA,CAAAsB,GAAA,EAACjC,WAAA,CAAAuC,uBAAS;UAAAP,QAAA,eACT,IAAArB,WAAA,CAAAsB,GAAA,EAAC1B,iBAAA,CAAAiC,sBAAsB;YAACC,IAAI,EAAC,MAAM;YAAAT,QAAA,eAClC,IAAArB,WAAA,CAAAe,IAAA,EAAC1B,WAAA,CAAA0C,oBAAM;cAACC,OAAO,EAAC,eAAe;cAAAX,QAAA,gBAC9B,IAAArB,WAAA,CAAAsB,GAAA,EAACjC,WAAA,CAAA4C,QAAQ;gBAAAZ,QAAA,EACN,IAAAa,QAAE,EAAE,gBAAiB;cAAC,CACf,CAAC,eACX,IAAAlC,WAAA,CAAAsB,GAAA,EAAC3B,qBAAA,CAAAwC,oBAAoB;gBACpBC,IAAI,EACH,IAAAC,WAAK,EAAC,CAAC,GAAGC,kBAAW,GAAGC;cACxB,CACD,CAAC;YAAA,CACK;UAAC,CACc;QAAC,CACf,CAAC;MAAA,CACH,CAAC;IAAA,CACV,CACF;EAAA,~~CACI~~,CAAC;AAET;AAAC,~~IAAAQ~~,QAAA,GAAAC,OAAA,~~CAAArB~~,OAAA,~~GAEc1B~~,UAAU","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_icons","_data","_coreData","_iconWithCurrentColor","_navigationButton","_rootMenu","_interopRequireDefault","_previewStyles","_jsxRuntime","ScreenRoot","hasVariations","useSelect","select","__experimentalGetCurrentThemeGlobalStylesVariations","coreStore","length","jsxs","Card","size","isBorderless","className","isRounded","children","jsx","CardBody","__experimentalVStack","spacing","CardMedia","default","__experimentalItemGroup","NavigationButtonAsItem","path","__experimentalHStack","justify","FlexItem","__","IconWithCurrentColor","icon","isRTL","chevronLeft","chevronRight","CardDivider","__experimentalSpacer","as","paddingTop","paddingX","marginBottom","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-root.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n\tCardBody,\n\tCard,\n\tCardDivider,\n\tCardMedia,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n /\nimport { IconWithCurrentColor } from './icon-with-current-color';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport RootMenu from './root-menu';\nimport PreviewStyles from './preview-styles';\n\nfunction ScreenRoot() {\n\tconst hasVariations = useSelect( ( select ) => {\n\t\tconst { __experimentalGetCurrentThemeGlobalStylesVariations } =\n\t\t\tselect( coreStore );\n\t\treturn !! __experimentalGetCurrentThemeGlobalStylesVariations()?.length;\n\t}, [] );\n\n\treturn (\n\t\t<Card\n\t\t\tsize=\"small\"\n\t\t\tisBorderless\n\t\t\tclassName=\"edit-site-global-styles-screen-root\"\n\t\t\tisRounded={ false }\n\t\t>\n\t\t\t<CardBody>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<Card className=\"edit-site-global-styles-screen-root__active-style-tile\">\n\t\t\t\t\t\t<CardMedia className=\"edit-site-global-styles-screen-root__active-style-tile-preview\">\n\t\t\t\t\t\t\t<PreviewStyles />\n\t\t\t\t\t\t</CardMedia>\n\t\t\t\t\t</Card>\n\t\t\t\t\t{ hasVariations && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem path=\"/variations\">\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\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</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<RootMenu />\n\t\t\t\t</VStack>\n\t\t\t</CardBody>\n\n\t\t\t<CardDivider />\n\n\t\t\t<CardBody>\n\t\t\t\t<Spacer\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t/\n\t\t\t\t\t * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).\n\t\t\t\t\t * This is an ad hoc override for this instance and the Additional CSS option below. Other options for matching the\n\t\t\t\t\t * the nav button inset should be looked at before reusing further.\n\t\t\t\t\t */\n\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\tmarginBottom={ 2 }\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Customize the appearance of specific blocks for the whole site.'\n\t\t\t\t\t) }\n\t\t\t\t</Spacer>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigationButtonAsItem path=\"/blocks\">\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Blocks' ) }</FlexItem>\n\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</CardBody>\n\t\t</Card>\n\t);\n}\n\nexport default ScreenRoot;\n"],"mappings":"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","ignoreList":[]}

package/build/components/page-templates/fields.js CHANGED Viewed

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.previewField = exports.descriptionField = exports.authorField = void 0;
+exports.slugField = exports.previewField = exports.descriptionField = exports.authorField = exports.activeField = void 0;
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -13,7 +13,9 @@ var _htmlEntities = require("@wordpress/html-entities");
 var _blocks = require("@wordpress/blocks");
 var _blockEditor = require("@wordpress/block-editor");
 var _editor = require("@wordpress/editor");
+var _coreData = require("@wordpress/core-data");
 var _hooks = require("./hooks");
+var _utils = require("../add-new-template/utils");
 var _usePatternSettings = _interopRequireDefault(require("../page-patterns/use-pattern-settings"));
 var _lockUnlock = require("../../lock-unlock");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -32,6 +34,27 @@ var _jsxRuntime = require("react/jsx-runtime");
 const {
   useGlobalStyle
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+const {
+  Badge
+} = (0, _lockUnlock.unlock)(_components.privateApis);
+const {
+  useEntityRecordsWithPermissions
+} = (0, _lockUnlock.unlock)(_coreData.privateApis);
+function useAllDefaultTemplateTypes() {
+  const defaultTemplateTypes = (0, _utils.useDefaultTemplateTypes)();
+  const {
+    records: staticRecords
+  } = useEntityRecordsWithPermissions('postType', 'wp_registered_template', {
+    per_page: -1
+  });
+  return [...defaultTemplateTypes, ...staticRecords?.filter(record => !record.is_custom).map(record => {
+    return {
+      slug: record.slug,
+      title: record.title.rendered,
+      description: record.description
+    };
+  })];
+}
 function PreviewField({
   item
 }) {
@@ -73,10 +96,12 @@ const previewField = exports.previewField = {
 const descriptionField = exports.descriptionField = {
   label: (0, _i18n.__)('Description'),
   id: 'description',
-  render: ({
+  render: function RenderDescription({
     item
-  }) => {
-    return item.description && (0, _htmlEntities.decodeEntities)(item.description);
+  }) {
+    const defaultTemplateTypes = useAllDefaultTemplateTypes();
+    const defaultTemplateType = defaultTemplateTypes.find(type => type.slug === item.slug);
+    return item.description ? (0, _htmlEntities.decodeEntities)(item.description) : defaultTemplateType?.description;
   },
   enableSorting: false,
   enableGlobalSearch: true
@@ -118,7 +143,42 @@ const authorField = exports.authorField = {
   id: 'author',
   getValue: ({
     item
-  }) => item.author_text,
+  }) => {
+    var _item$author_text;
+    return (_item$author_text = item.author_text) !== null && _item$author_text !== void 0 ? _item$author_text : item.author;
+  },
   render: AuthorField
 };
+const activeField = exports.activeField = {
+  label: (0, _i18n.__)('Status'),
+  id: 'active',
+  getValue: ({
+    item
+  }) => item._isActive,
+  render: function Render({
+    item
+  }) {
+    const isActive = item._isActive;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
+      intent: isActive ? 'success' : 'default',
+      children: isActive ? (0, _i18n.__)('Active') : (0, _i18n.__)('Inactive')
+    });
+  }
+};
+const slugField = exports.slugField = {
+  label: (0, _i18n.__)('Template Type'),
+  id: 'slug',
+  getValue: ({
+    item
+  }) => item.slug,
+  render: function Render({
+    item
+  }) {
+    const defaultTemplateTypes = useAllDefaultTemplateTypes();
+    const defaultTemplateType = defaultTemplateTypes.find(type => type.slug === item.slug);
+    return defaultTemplateType?.title ||
+    // translators: %s is the slug of a custom template.
+    (0, _i18n.__)('Custom');
+  }
+};
 //# sourceMappingURL=fields.js.map

package/build/components/page-templates/fields.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_element","_htmlEntities","_blocks","_blockEditor","_editor","_hooks","_usePatternSettings","_lockUnlock","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","PreviewField","item","settings","usePatternSettings","backgroundColor","blocks","useMemo","parse","content","raw","isEmpty","length","jsx","EditorProvider","post","children","jsxs","className","style","__","BlockPreview","Async","previewField","exports","label","id","render","enableSorting","descriptionField","description","decodeEntities","enableGlobalSearch","AuthorField","isImageLoaded","setIsImageLoaded","useState","text","icon","imageUrl","useAddedBy","type","__experimentalHStack","alignment","spacing","clsx","onLoad","alt","src","Icon","authorField","getValue","author_text"],"sources":["@wordpress/edit-site/src/components/page-templates/fields.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { Icon, __experimentalHStack as HStack } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useMemo } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { parse } from '@wordpress/blocks';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { EditorProvider } from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { useAddedBy } from './hooks';\nimport usePatternSettings from '../page-patterns/use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction PreviewField( { item } ) {\n\tconst settings = usePatternSettings();\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst blocks = useMemo( () => {\n\t\treturn parse( item.content.raw );\n\t}, [ item.content.raw ] );\n\n\tconst isEmpty = ! blocks?.length;\n\t// Wrap everything in a block editor provider to ensure 'styles' that are needed\n\t// for the previews are synced between the site editor store and the block editor store.\n\t// Additionally we need to have the `__experimentalBlockPatterns` setting in order to\n\t// render patterns inside the previews.\n\t// TODO: Same approach is used in the patterns list and it becomes obvious that some of\n\t// the block editor settings are needed in context where we don't have the block editor.\n\t// Explore how we can solve this in a better way.\n\treturn (\n\t\t<EditorProvider post={ item } settings={ settings }>\n\t\t\t<div\n\t\t\t\tclassName=\"page-templates-preview-field\"\n\t\t\t\tstyle={ { backgroundColor } }\n\t\t\t>\n\t\t\t\t{ isEmpty && __( 'Empty template' ) }\n\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t<BlockPreview.Async>\n\t\t\t\t\t\t<BlockPreview blocks={ blocks } />\n\t\t\t\t\t</BlockPreview.Async>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</EditorProvider>\n\t);\n}\n\nexport const previewField = {\n\tlabel: __( 'Preview' ),\n\tid: 'preview',\n\trender: PreviewField,\n\tenableSorting: false,\n};\n\nexport const descriptionField = {\n\tlabel: __( 'Description' ),\n\tid: 'description',\n\trender: ( { item } ) => {\n\t\treturn item.description && decodeEntities( item.description );\n\t},\n\tenableSorting: false,\n\tenableGlobalSearch: true,\n};\n\nfunction AuthorField( { item } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 0 }>\n\t\t\t{ imageUrl && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'page-templates-author-field__avatar', {\n\t\t\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={ imageUrl }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! imageUrl && (\n\t\t\t\t<div className=\"page-templates-author-field__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span className=\"page-templates-author-field__name\">{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nexport const authorField = {\n\tlabel: __( 'Author' ),\n\tid: 'author',\n\tgetValue: ( { item } ) => item.author_text,\n\trender: AuthorField,\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_element","_htmlEntities","_blocks","_blockEditor","_editor","_coreData","_hooks","_utils","_usePatternSettings","_lockUnlock","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","Badge","componentsPrivateApis","useEntityRecordsWithPermissions","corePrivateApis","useAllDefaultTemplateTypes","defaultTemplateTypes","useDefaultTemplateTypes","records","staticRecords","per_page","filter","record","is_custom","map","slug","title","rendered","description","PreviewField","item","settings","usePatternSettings","backgroundColor","blocks","useMemo","parse","content","raw","isEmpty","length","jsx","EditorProvider","post","children","jsxs","className","style","__","BlockPreview","Async","previewField","exports","label","id","render","enableSorting","descriptionField","RenderDescription","defaultTemplateType","find","type","decodeEntities","enableGlobalSearch","AuthorField","isImageLoaded","setIsImageLoaded","useState","text","icon","imageUrl","useAddedBy","__experimentalHStack","alignment","spacing","clsx","onLoad","alt","src","Icon","authorField","getValue","_item$author_text","author_text","author","activeField","_isActive","Render","isActive","intent","slugField"],"sources":["@wordpress/edit-site/src/components/page-templates/fields.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\tIcon,\n\t__experimentalHStack as HStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useMemo } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { parse } from '@wordpress/blocks';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { EditorProvider } from '@wordpress/editor';\nimport { privateApis as corePrivateApis } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport { useAddedBy } from './hooks';\nimport { useDefaultTemplateTypes } from '../add-new-template/utils';\nimport usePatternSettings from '../page-patterns/use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { Badge } = unlock( componentsPrivateApis );\nconst { useEntityRecordsWithPermissions } = unlock( corePrivateApis );\n\nfunction useAllDefaultTemplateTypes() {\n\tconst defaultTemplateTypes = useDefaultTemplateTypes();\n\tconst { records: staticRecords } = useEntityRecordsWithPermissions(\n\t\t'postType',\n\t\t'wp_registered_template',\n\t\t{ per_page: -1 }\n\t);\n\treturn [\n\t\t...defaultTemplateTypes,\n\t\t...staticRecords\n\t\t\t?.filter( ( record ) => ! record.is_custom )\n\t\t\t.map( ( record ) => {\n\t\t\t\treturn {\n\t\t\t\t\tslug: record.slug,\n\t\t\t\t\ttitle: record.title.rendered,\n\t\t\t\t\tdescription: record.description,\n\t\t\t\t};\n\t\t\t} ),\n\t];\n}\n\nfunction PreviewField( { item } ) {\n\tconst settings = usePatternSettings();\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst blocks = useMemo( () => {\n\t\treturn parse( item.content.raw );\n\t}, [ item.content.raw ] );\n\n\tconst isEmpty = ! blocks?.length;\n\t// Wrap everything in a block editor provider to ensure 'styles' that are needed\n\t// for the previews are synced between the site editor store and the block editor store.\n\t// Additionally we need to have the `__experimentalBlockPatterns` setting in order to\n\t// render patterns inside the previews.\n\t// TODO: Same approach is used in the patterns list and it becomes obvious that some of\n\t// the block editor settings are needed in context where we don't have the block editor.\n\t// Explore how we can solve this in a better way.\n\treturn (\n\t\t<EditorProvider post={ item } settings={ settings }>\n\t\t\t<div\n\t\t\t\tclassName=\"page-templates-preview-field\"\n\t\t\t\tstyle={ { backgroundColor } }\n\t\t\t>\n\t\t\t\t{ isEmpty && __( 'Empty template' ) }\n\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t<BlockPreview.Async>\n\t\t\t\t\t\t<BlockPreview blocks={ blocks } />\n\t\t\t\t\t</BlockPreview.Async>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</EditorProvider>\n\t);\n}\n\nexport const previewField = {\n\tlabel: __( 'Preview' ),\n\tid: 'preview',\n\trender: PreviewField,\n\tenableSorting: false,\n};\n\nexport const descriptionField = {\n\tlabel: __( 'Description' ),\n\tid: 'description',\n\trender: function RenderDescription( { item } ) {\n\t\tconst defaultTemplateTypes = useAllDefaultTemplateTypes();\n\t\tconst defaultTemplateType = defaultTemplateTypes.find(\n\t\t\t( type ) => type.slug === item.slug\n\t\t);\n\t\treturn item.description\n\t\t\t? decodeEntities( item.description )\n\t\t\t: defaultTemplateType?.description;\n\t},\n\tenableSorting: false,\n\tenableGlobalSearch: true,\n};\n\nfunction AuthorField( { item } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 0 }>\n\t\t\t{ imageUrl && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'page-templates-author-field__avatar', {\n\t\t\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={ imageUrl }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! imageUrl && (\n\t\t\t\t<div className=\"page-templates-author-field__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span className=\"page-templates-author-field__name\">{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nexport const authorField = {\n\tlabel: __( 'Author' ),\n\tid: 'author',\n\tgetValue: ( { item } ) => item.author_text ?? item.author,\n\trender: AuthorField,\n};\n\nexport const activeField = {\n\tlabel: __( 'Status' ),\n\tid: 'active',\n\tgetValue: ( { item } ) => item._isActive,\n\trender: function Render( { item } ) {\n\t\tconst isActive = item._isActive;\n\t\treturn (\n\t\t\t<Badge intent={ isActive ? 'success' : 'default' }>\n\t\t\t\t{ isActive ? __( 'Active' ) : __( 'Inactive' ) }\n\t\t\t</Badge>\n\t\t);\n\t},\n};\n\nexport const slugField = {\n\tlabel: __( 'Template Type' ),\n\tid: 'slug',\n\tgetValue: ( { item } ) => item.slug,\n\trender: function Render( { item } ) {\n\t\tconst defaultTemplateTypes = useAllDefaultTemplateTypes();\n\t\tconst defaultTemplateType = defaultTemplateTypes.find(\n\t\t\t( type ) => type.slug === item.slug\n\t\t);\n\t\treturn (\n\t\t\tdefaultTemplateType?.title \|\|\n\t\t\t// translators: %s is the slug of a custom template.\n\t\t\t__( 'Custom' )\n\t\t);\n\t},\n};\n"],"mappings":"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","ignoreList":[]}

package/build/components/page-templates/hooks.js CHANGED Viewed

@@ -80,7 +80,7 @@ function useAddedBy(postType, postId) {
             type: 'user',
             icon: _icons.commentAuthorAvatar,
             imageUrl: user?.avatar_urls?.[48],
-            text: authorText,
+            text: authorText !== null && authorText !== void 0 ? authorText : user?.name,
             isCustomized: false
           };
         }

package/build/components/page-templates/hooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_coreData","require","_data","_icons","_constants","useAddedBy","postType","postId","useSelect","select","getEntityRecord","getUser","getEditedEntityRecord","coreStore","template","originalSource","original_source","authorText","author_text","type","icon","themeIcon","text","isCustomized","source","TEMPLATE_ORIGINS","custom","pluginIcon","siteData","globeIcon","imageUrl","site_logo","source_url","undefined","user","author","authorIcon","avatar_urls"],"sources":["@wordpress/edit-site/src/components/page-templates/hooks.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tcommentAuthorAvatar as authorIcon,\n\tlayout as themeIcon,\n\tplugins as pluginIcon,\n\tglobe as globeIcon,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { TEMPLATE_ORIGINS } from '../../utils/constants';\n\n/* @typedef {'wp_template'\|'wp_template_part'} TemplateType /\n\n/\n @typedef {'theme'\|'plugin'\|'site'\|'user'} AddedByType\n \n @typedef AddedByData\n * @type {Object}\n * @property {AddedByType} type The type of the data.\n * @property {JSX.Element} icon The icon to display.\n * @property {string} [imageUrl] The optional image URL to display.\n * @property {string} [text] The text to display.\n * @property {boolean} isCustomized Whether the template has been customized.\n \n @param {TemplateType} postType The template post type.\n * @param {number} postId The template post id.\n * @return {AddedByData} The added by object or null.\n */\nexport function useAddedBy( postType, postId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord, getUser, getEditedEntityRecord } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst template = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\t\t\tconst originalSource = template?.original_source;\n\t\t\tconst authorText = template?.author_text;\n\n\t\t\tswitch ( originalSource ) {\n\t\t\t\tcase 'theme': {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: originalSource,\n\t\t\t\t\t\ticon: themeIcon,\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized:\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tcase 'plugin': {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: originalSource,\n\t\t\t\t\t\ticon: pluginIcon,\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized:\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tcase 'site': {\n\t\t\t\t\tconst siteData = getEntityRecord(\n\t\t\t\t\t\t'root',\n\t\t\t\t\t\t'__unstableBase'\n\t\t\t\t\t);\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: originalSource,\n\t\t\t\t\t\ticon: globeIcon,\n\t\t\t\t\t\timageUrl: siteData?.site_logo\n\t\t\t\t\t\t\t? getEntityRecord(\n\t\t\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\t\t\t'attachment',\n\t\t\t\t\t\t\t\t\tsiteData.site_logo\n\t\t\t\t\t\t\t )?.source_url\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\tconst user = getUser( template.author );\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: 'user',\n\t\t\t\t\t\ticon: authorIcon,\n\t\t\t\t\t\timageUrl: user?.avatar_urls?.[ 48 ],\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ postType, postId ]\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAUA,IAAAG,UAAA,GAAAH,OAAA;AAfA;AACA;AACA;;AAUA;AACA;AACA;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,UAAUA,CAAEC,QAAQ,EAAEC,MAAM,EAAG;EAC9C,OAAO,IAAAC,eAAS,EACbC,MAAM,IAAM;IACb,MAAM;MAAEC,eAAe;MAAEC,OAAO;MAAEC;IAAsB,CAAC,GACxDH,MAAM,CAAEI,eAAU,CAAC;IACpB,MAAMC,QAAQ,GAAGF,qBAAqB,CACrC,UAAU,EACVN,QAAQ,EACRC,MACD,CAAC;IACD,MAAMQ,cAAc,GAAGD,QAAQ,EAAEE,eAAe;IAChD,MAAMC,UAAU,GAAGH,QAAQ,EAAEI,WAAW;IAExC,QAASH,cAAc;MACtB,KAAK,OAAO;QAAE;UACb,OAAO;YACNI,IAAI,EAAEJ,cAAc;YACpBK,IAAI,EAAEC,aAAS;YACfC,IAAI,EAAEL,UAAU;YAChBM,YAAY,EACXT,QAAQ,CAACU,MAAM,KAAKC,2BAAgB,CAACC;UACvC,CAAC;QACF;MACA,KAAK,QAAQ;QAAE;UACd,OAAO;YACNP,IAAI,EAAEJ,cAAc;YACpBK,IAAI,EAAEO,cAAU;YAChBL,IAAI,EAAEL,UAAU;YAChBM,YAAY,EACXT,QAAQ,CAACU,MAAM,KAAKC,2BAAgB,CAACC;UACvC,CAAC;QACF;MACA,KAAK,MAAM;QAAE;UACZ,MAAME,QAAQ,GAAGlB,eAAe,CAC/B,MAAM,EACN,gBACD,CAAC;UACD,OAAO;YACNS,IAAI,EAAEJ,cAAc;YACpBK,IAAI,EAAES,YAAS;YACfC,QAAQ,EAAEF,QAAQ,EAAEG,SAAS,GAC1BrB,eAAe,CACf,UAAU,EACV,YAAY,EACZkB,QAAQ,CAACG,SACT,CAAC,EAAEC,UAAU,GACbC,SAAS;YACZX,IAAI,EAAEL,UAAU;YAChBM,YAAY,EAAE;UACf,CAAC;QACF;MACA;QAAS;UACR,MAAMW,IAAI,GAAGvB,OAAO,CAAEG,QAAQ,CAACqB,MAAO,CAAC;UACvC,OAAO;YACNhB,IAAI,EAAE,MAAM;YACZC,IAAI,EAAEgB,0BAAU;YAChBN,QAAQ,EAAEI,IAAI,EAAEG,WAAW,GAAI,EAAE,CAAE;YACnCf,IAAI,EAAEL,UAAU;~~YAChBM~~,YAAY,EAAE;UACf,CAAC;QACF;IACD;EACD,CAAC,EACD,CAAEjB,QAAQ,EAAEC,MAAM,CACnB,CAAC;AACF","ignoreList":[]}
1	+ {"version":3,"names":["_coreData","require","_data","_icons","_constants","useAddedBy","postType","postId","useSelect","select","getEntityRecord","getUser","getEditedEntityRecord","coreStore","template","originalSource","original_source","authorText","author_text","type","icon","themeIcon","text","isCustomized","source","TEMPLATE_ORIGINS","custom","pluginIcon","siteData","globeIcon","imageUrl","site_logo","source_url","undefined","user","author","authorIcon","avatar_urls","name"],"sources":["@wordpress/edit-site/src/components/page-templates/hooks.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tcommentAuthorAvatar as authorIcon,\n\tlayout as themeIcon,\n\tplugins as pluginIcon,\n\tglobe as globeIcon,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { TEMPLATE_ORIGINS } from '../../utils/constants';\n\n/* @typedef {'wp_template'\|'wp_template_part'} TemplateType /\n\n/\n @typedef {'theme'\|'plugin'\|'site'\|'user'} AddedByType\n \n @typedef AddedByData\n * @type {Object}\n * @property {AddedByType} type The type of the data.\n * @property {JSX.Element} icon The icon to display.\n * @property {string} [imageUrl] The optional image URL to display.\n * @property {string} [text] The text to display.\n * @property {boolean} isCustomized Whether the template has been customized.\n \n @param {TemplateType} postType The template post type.\n * @param {number} postId The template post id.\n * @return {AddedByData} The added by object or null.\n */\nexport function useAddedBy( postType, postId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord, getUser, getEditedEntityRecord } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst template = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\t\t\tconst originalSource = template?.original_source;\n\t\t\tconst authorText = template?.author_text;\n\n\t\t\tswitch ( originalSource ) {\n\t\t\t\tcase 'theme': {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: originalSource,\n\t\t\t\t\t\ticon: themeIcon,\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized:\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tcase 'plugin': {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: originalSource,\n\t\t\t\t\t\ticon: pluginIcon,\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized:\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tcase 'site': {\n\t\t\t\t\tconst siteData = getEntityRecord(\n\t\t\t\t\t\t'root',\n\t\t\t\t\t\t'__unstableBase'\n\t\t\t\t\t);\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: originalSource,\n\t\t\t\t\t\ticon: globeIcon,\n\t\t\t\t\t\timageUrl: siteData?.site_logo\n\t\t\t\t\t\t\t? getEntityRecord(\n\t\t\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\t\t\t'attachment',\n\t\t\t\t\t\t\t\t\tsiteData.site_logo\n\t\t\t\t\t\t\t )?.source_url\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\tconst user = getUser( template.author );\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: 'user',\n\t\t\t\t\t\ticon: authorIcon,\n\t\t\t\t\t\timageUrl: user?.avatar_urls?.[ 48 ],\n\t\t\t\t\t\ttext: authorText ?? user?.name,\n\t\t\t\t\t\tisCustomized: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ postType, postId ]\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAUA,IAAAG,UAAA,GAAAH,OAAA;AAfA;AACA;AACA;;AAUA;AACA;AACA;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,UAAUA,CAAEC,QAAQ,EAAEC,MAAM,EAAG;EAC9C,OAAO,IAAAC,eAAS,EACbC,MAAM,IAAM;IACb,MAAM;MAAEC,eAAe;MAAEC,OAAO;MAAEC;IAAsB,CAAC,GACxDH,MAAM,CAAEI,eAAU,CAAC;IACpB,MAAMC,QAAQ,GAAGF,qBAAqB,CACrC,UAAU,EACVN,QAAQ,EACRC,MACD,CAAC;IACD,MAAMQ,cAAc,GAAGD,QAAQ,EAAEE,eAAe;IAChD,MAAMC,UAAU,GAAGH,QAAQ,EAAEI,WAAW;IAExC,QAASH,cAAc;MACtB,KAAK,OAAO;QAAE;UACb,OAAO;YACNI,IAAI,EAAEJ,cAAc;YACpBK,IAAI,EAAEC,aAAS;YACfC,IAAI,EAAEL,UAAU;YAChBM,YAAY,EACXT,QAAQ,CAACU,MAAM,KAAKC,2BAAgB,CAACC;UACvC,CAAC;QACF;MACA,KAAK,QAAQ;QAAE;UACd,OAAO;YACNP,IAAI,EAAEJ,cAAc;YACpBK,IAAI,EAAEO,cAAU;YAChBL,IAAI,EAAEL,UAAU;YAChBM,YAAY,EACXT,QAAQ,CAACU,MAAM,KAAKC,2BAAgB,CAACC;UACvC,CAAC;QACF;MACA,KAAK,MAAM;QAAE;UACZ,MAAME,QAAQ,GAAGlB,eAAe,CAC/B,MAAM,EACN,gBACD,CAAC;UACD,OAAO;YACNS,IAAI,EAAEJ,cAAc;YACpBK,IAAI,EAAES,YAAS;YACfC,QAAQ,EAAEF,QAAQ,EAAEG,SAAS,GAC1BrB,eAAe,CACf,UAAU,EACV,YAAY,EACZkB,QAAQ,CAACG,SACT,CAAC,EAAEC,UAAU,GACbC,SAAS;YACZX,IAAI,EAAEL,UAAU;YAChBM,YAAY,EAAE;UACf,CAAC;QACF;MACA;QAAS;UACR,MAAMW,IAAI,GAAGvB,OAAO,CAAEG,QAAQ,CAACqB,MAAO,CAAC;UACvC,OAAO;YACNhB,IAAI,EAAE,MAAM;YACZC,IAAI,EAAEgB,0BAAU;YAChBN,QAAQ,EAAEI,IAAI,EAAEG,WAAW,GAAI,EAAE,CAAE;YACnCf,IAAI,EAAEL,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIiB,IAAI,EAAEI,IAAI;YAC9Bf,YAAY,EAAE;UACf,CAAC;QACF;IACD;EACD,CAAC,EACD,CAAEjB,QAAQ,EAAEC,MAAM,CACnB,CAAC;AACF","ignoreList":[]}

package/build/components/page-templates/index.js CHANGED Viewed

@@ -12,13 +12,14 @@ var _dataviews = require("@wordpress/dataviews");
 var _router = require("@wordpress/router");
 var _editor = require("@wordpress/editor");
 var _url = require("@wordpress/url");
+var _data = require("@wordpress/data");
+var _compose = require("@wordpress/compose");
 var _page = _interopRequireDefault(require("../page"));
 var _addNewTemplate = _interopRequireDefault(require("../add-new-template"));
 var _constants = require("../../utils/constants");
 var _lockUnlock = require("../../lock-unlock");
 var _dataviewsActions = require("../dataviews-actions");
-var _fields = require("./fields");
-var _compose = require("@wordpress/compose");
+var _fields2 = require("./fields");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -39,7 +40,6 @@ const {
 const {
   useEntityRecordsWithPermissions
 } = (0, _lockUnlock.unlock)(_coreData.privateApis);
-const EMPTY_ARRAY = [];
 const defaultLayouts = {
   [_constants.LAYOUT_TABLE]: {
     showMedia: false
@@ -63,7 +63,7 @@ const DEFAULT_VIEW = {
   titleField: 'title',
   descriptionField: 'description',
   mediaField: 'preview',
-  fields: ['author'],
+  fields: ['author', 'active', 'slug'],
   filters: [],
   ...defaultLayouts[_constants.LAYOUT_GRID]
 };
@@ -73,7 +73,7 @@ function PageTemplates() {
     query
   } = useLocation();
   const {
-    activeView = 'all',
+    activeView = 'active',
     layout,
     postId
   } = query;
@@ -83,7 +83,7 @@ function PageTemplates() {
     return {
       ...DEFAULT_VIEW,
       type: usedType,
-      filters: activeView !== 'all' ? [{
+      filters: !['active', 'user'].includes(activeView) ? [{
         field: 'author',
         operator: 'isAny',
         value: [activeView]
@@ -105,19 +105,95 @@ function PageTemplates() {
   (0, _element.useEffect)(() => {
     setView(currentView => ({
       ...currentView,
-      filters: activeView !== 'all' ? [{
+      filters: !['active', 'user'].includes(activeView) ? [{
         field: 'author',
         operator: _constants.OPERATOR_IS_ANY,
         value: [activeView]
       }] : []
     }));
   }, [setView, activeView]);
+  const activeTemplatesOption = (0, _data.useSelect)(select => select(_coreData.store).getEntityRecord('root', 'site')?.active_templates);
+  // Todo: this will have to be better so that we're not fetching all the
+  // records all the time. Active templates query will need to move server
+  // side.
   const {
-    records,
-    isResolving: isLoadingData
+    records: userRecords,
+    isResolving: isLoadingUserRecords
   } = useEntityRecordsWithPermissions('postType', _constants.TEMPLATE_POST_TYPE, {
     per_page: -1
   });
+  const {
+    records: staticRecords,
+    isResolving: isLoadingStaticData
+  } = useEntityRecordsWithPermissions('postType', 'wp_registered_template', {
+    per_page: -1
+  });
+  const activeTemplates = (0, _element.useMemo)(() => {
+    const _active = [...staticRecords].filter(record => !record.is_custom);
+    if (activeTemplatesOption) {
+      for (const activeSlug in activeTemplatesOption) {
+        const activeId = activeTemplatesOption[activeSlug];
+        if (activeId === false) {
+          // Remove the template from the array.
+          const index = _active.findIndex(template => template.slug === activeSlug);
+          if (index !== -1) {
+            _active.splice(index, 1);
+          }
+        } else {
+          // Replace the template in the array.
+          const template = userRecords.find(({
+            id
+          }) => id === activeId);
+          if (template) {
+            const index = _active.findIndex(({
+              slug
+            }) => slug === template.slug);
+            if (index !== -1) {
+              _active[index] = template;
+            } else {
+              _active.push(template);
+            }
+          }
+        }
+      }
+    }
+    return _active;
+  }, [userRecords, staticRecords, activeTemplatesOption]);
+  let _records;
+  let isLoadingData;
+  if (activeView === 'active') {
+    _records = activeTemplates;
+    isLoadingData = isLoadingUserRecords || isLoadingStaticData;
+  } else if (activeView === 'user') {
+    _records = userRecords;
+    isLoadingData = isLoadingUserRecords;
+  } else {
+    _records = staticRecords;
+    isLoadingData = isLoadingStaticData;
+  }
+  const records = (0, _element.useMemo)(() => {
+    return _records.map(record => ({
+      ...record,
+      _isActive: typeof record.id === 'string' ? activeTemplatesOption[record.slug] === record.id || activeTemplatesOption[record.slug] === undefined : Object.values(activeTemplatesOption).includes(record.id)
+    }));
+  }, [_records, activeTemplatesOption]);
+  const users = (0, _data.useSelect)(select => {
+    const {
+      getUser
+    } = select(_coreData.store);
+    return records.reduce((acc, record) => {
+      if (record.author_text) {
+        if (!acc[record.author_text]) {
+          acc[record.author_text] = record.author_text;
+        }
+      } else if (record.author) {
+        if (!acc[record.author]) {
+          acc[record.author] = getUser(record.author);
+        }
+      }
+      return acc;
+    }, {});
+  }, [records]);
   const history = useHistory();
   const onChangeSelection = (0, _element.useCallback)(items => {
     setSelection(items);
@@ -127,23 +203,22 @@ function PageTemplates() {
       }));
     }
   }, [history, path, view?.type]);
-  const authors = (0, _element.useMemo)(() => {
-    if (!records) {
-      return EMPTY_ARRAY;
+  const fields = (0, _element.useMemo)(() => {
+    const _fields = [_fields2.previewField, templateTitleField, _fields2.descriptionField, _fields2.activeField, _fields2.slugField];
+    const elements = [];
+    for (const author in users) {
+      var _users$author$id, _users$author$name;
+      elements.push({
+        value: (_users$author$id = users[author]?.id) !== null && _users$author$id !== void 0 ? _users$author$id : author,
+        label: (_users$author$name = users[author]?.name) !== null && _users$author$name !== void 0 ? _users$author$name : author
+      });
     }
-    const authorsSet = new Set();
-    records.forEach(template => {
-      authorsSet.add(template.author_text);
+    _fields.push({
+      ..._fields2.authorField,
+      elements
     });
-    return Array.from(authorsSet).map(author => ({
-      value: author,
-      label: author
-    }));
-  }, [records]);
-  const fields = (0, _element.useMemo)(() => [_fields.previewField, templateTitleField, _fields.descriptionField, {
-    ..._fields.authorField,
-    elements: authors
-  }], [authors]);
+    return _fields;
+  }, [users]);
   const {
     data,
     paginationInfo
@@ -155,7 +230,8 @@ function PageTemplates() {
     context: 'list'
   });
   const editAction = (0, _dataviewsActions.useEditPostAction)();
-  const actions = (0, _element.useMemo)(() => [editAction, ...postTypeActions], [postTypeActions, editAction]);
+  const setActiveTemplateAction = (0, _dataviewsActions.useSetActiveTemplateAction)();
+  const actions = (0, _element.useMemo)(() => activeView === 'user' ? [setActiveTemplateAction, editAction, ...postTypeActions] : [setActiveTemplateAction, ...postTypeActions], [postTypeActions, setActiveTemplateAction, editAction, activeView]);
   const onChangeView = (0, _compose.useEvent)(newView => {
     setView(newView);
     if (newView.type !== layout) {
@@ -178,10 +254,8 @@ function PageTemplates() {
       onChangeView: onChangeView,
       onChangeSelection: onChangeSelection,
       isItemClickable: () => true,
-      onClickItem: ({
-        id
-      }) => {
-        history.navigate(`/wp_template/${id}?canvas=edit`);
+      onClickItem: item => {
+        history.navigate(`/${item.type}/${item.id}?canvas=edit`);
       },
       selection: selection,
       defaultLayouts: defaultLayouts