@wordpress/edit-site 5.19.2 → 5.20.0

package/build/components/page-content-focus-manager/edit-template-notification.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_notices","_i18n","_components","_store","EditTemplateNotification","contentRef","hasPageContentFocus","useSelect","select","editSiteStore","getNotices","noticesStore","createInfoNotice","removeNotice","useDispatch","setHasPageContentFocus","isDialogOpen","setIsDialogOpen","useState","lastNoticeId","useRef","useEffect","handleClick","event","target","classList","contains","isNoticeAlreadyShowing","some","notice","id","current","__","isDismissible","type","actions","label","onClick","handleDblClick","canvas","addEventListener","removeEventListener","createElement","__experimentalConfirmDialog","isOpen","confirmButtonText","onConfirm","onCancel"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/edit-template-notification.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\n/**\n * Component that:\n *\n * - Displays a 'Edit your template to edit this block' notification when the\n *   user is focusing on editing page content and clicks on a disabled template\n *   block.\n * - Displays a 'Edit your template to edit this block' dialog when the user\n *   is focusing on editing page conetnt and double clicks on a disabled\n *   template block.\n *\n * @param {Object}                                 props\n * @param {import('react').RefObject<HTMLElement>} props.contentRef Ref to the block\n *                                                                  editor iframe canvas.\n */\nexport default function EditTemplateNotification( { contentRef } ) {\n\tconst hasPageContentFocus = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentFocus(),\n\t\t[]\n\t);\n\tconst { getNotices } = useSelect( noticesStore );\n\n\tconst { createInfoNotice, removeNotice } = useDispatch( noticesStore );\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tconst [ isDialogOpen, setIsDialogOpen ] = useState( false );\n\n\tconst lastNoticeId = useRef( 0 );\n\n\tuseEffect( () => {\n\t\tconst handleClick = async ( event ) => {\n\t\t\tif ( ! hasPageContentFocus ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( ! event.target.classList.contains( 'is-root-container' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst isNoticeAlreadyShowing = getNotices().some(\n\t\t\t\t( notice ) => notice.id === lastNoticeId.current\n\t\t\t);\n\t\t\tif ( isNoticeAlreadyShowing ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { notice } = await createInfoNotice(\n\t\t\t\t__( 'Edit your template to edit this block.' ),\n\t\t\t\t{\n\t\t\t\t\tisDismissible: true,\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tactions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Edit template' ),\n\t\t\t\t\t\t\tonClick: () => setHasPageContentFocus( false ),\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\tlastNoticeId.current = notice.id;\n\t\t};\n\n\t\tconst handleDblClick = ( event ) => {\n\t\t\tif ( ! hasPageContentFocus ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( ! event.target.classList.contains( 'is-root-container' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( lastNoticeId.current ) {\n\t\t\t\tremoveNotice( lastNoticeId.current );\n\t\t\t}\n\t\t\tsetIsDialogOpen( true );\n\t\t};\n\n\t\tconst canvas = contentRef.current;\n\t\tcanvas?.addEventListener( 'click', handleClick );\n\t\tcanvas?.addEventListener( 'dblclick', handleDblClick );\n\t\treturn () => {\n\t\t\tcanvas?.removeEventListener( 'click', handleClick );\n\t\t\tcanvas?.removeEventListener( 'dblclick', handleDblClick );\n\t\t};\n\t}, [ lastNoticeId, hasPageContentFocus, contentRef.current ] );\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen={ isDialogOpen }\n\t\t\tconfirmButtonText={ __( 'Edit template' ) }\n\t\t\tonConfirm={ () => {\n\t\t\t\tsetIsDialogOpen( false );\n\t\t\t\tsetHasPageContentFocus( false );\n\t\t\t} }\n\t\t\tonCancel={ () => setIsDialogOpen( false ) }\n\t\t>\n\t\t\t{ __( 'Edit your template to edit this block.' ) }\n\t\t</ConfirmDialog>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_data","require","_element","_notices","_i18n","_components","_store","EditTemplateNotification","contentRef","hasPageContentFocus","useSelect","select","editSiteStore","getNotices","noticesStore","createInfoNotice","removeNotice","useDispatch","setHasPageContentFocus","isDialogOpen","setIsDialogOpen","useState","lastNoticeId","useRef","useEffect","handleClick","event","target","classList","contains","isNoticeAlreadyShowing","some","notice","id","current","__","isDismissible","type","actions","label","onClick","handleDblClick","canvas","addEventListener","removeEventListener","_react","createElement","__experimentalConfirmDialog","isOpen","confirmButtonText","onConfirm","onCancel"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/edit-template-notification.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\n/**\n * Component that:\n *\n * - Displays a 'Edit your template to edit this block' notification when the\n *   user is focusing on editing page content and clicks on a disabled template\n *   block.\n * - Displays a 'Edit your template to edit this block' dialog when the user\n *   is focusing on editing page conetnt and double clicks on a disabled\n *   template block.\n *\n * @param {Object}                                 props\n * @param {import('react').RefObject<HTMLElement>} props.contentRef Ref to the block\n *                                                                  editor iframe canvas.\n */\nexport default function EditTemplateNotification( { contentRef } ) {\n\tconst hasPageContentFocus = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentFocus(),\n\t\t[]\n\t);\n\tconst { getNotices } = useSelect( noticesStore );\n\n\tconst { createInfoNotice, removeNotice } = useDispatch( noticesStore );\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tconst [ isDialogOpen, setIsDialogOpen ] = useState( false );\n\n\tconst lastNoticeId = useRef( 0 );\n\n\tuseEffect( () => {\n\t\tconst handleClick = async ( event ) => {\n\t\t\tif ( ! hasPageContentFocus ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( ! event.target.classList.contains( 'is-root-container' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst isNoticeAlreadyShowing = getNotices().some(\n\t\t\t\t( notice ) => notice.id === lastNoticeId.current\n\t\t\t);\n\t\t\tif ( isNoticeAlreadyShowing ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { notice } = await createInfoNotice(\n\t\t\t\t__( 'Edit your template to edit this block.' ),\n\t\t\t\t{\n\t\t\t\t\tisDismissible: true,\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tactions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Edit template' ),\n\t\t\t\t\t\t\tonClick: () => setHasPageContentFocus( false ),\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\tlastNoticeId.current = notice.id;\n\t\t};\n\n\t\tconst handleDblClick = ( event ) => {\n\t\t\tif ( ! hasPageContentFocus ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( ! event.target.classList.contains( 'is-root-container' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( lastNoticeId.current ) {\n\t\t\t\tremoveNotice( lastNoticeId.current );\n\t\t\t}\n\t\t\tsetIsDialogOpen( true );\n\t\t};\n\n\t\tconst canvas = contentRef.current;\n\t\tcanvas?.addEventListener( 'click', handleClick );\n\t\tcanvas?.addEventListener( 'dblclick', handleDblClick );\n\t\treturn () => {\n\t\t\tcanvas?.removeEventListener( 'click', handleClick );\n\t\t\tcanvas?.removeEventListener( 'dblclick', handleDblClick );\n\t\t};\n\t}, [ lastNoticeId, hasPageContentFocus, contentRef.current ] );\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen={ isDialogOpen }\n\t\t\tconfirmButtonText={ __( 'Edit template' ) }\n\t\t\tonConfirm={ () => {\n\t\t\t\tsetIsDialogOpen( false );\n\t\t\t\tsetHasPageContentFocus( false );\n\t\t\t} }\n\t\t\tonCancel={ () => setIsDialogOpen( false ) }\n\t\t>\n\t\t\t{ __( 'Edit your template to edit this block.' ) }\n\t\t</ConfirmDialog>\n\t);\n}\n"],"mappings":"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"}

package/build/components/page-content-focus-manager/index.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PageContentFocusManager;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _store = require("../../store");
 var _disableNonPageContentBlocks = _interopRequireDefault(require("./disable-non-page-content-blocks"));
 var _editTemplateNotification = _interopRequireDefault(require("./edit-template-notification"));
 var _backToPageNotification = _interopRequireDefault(require("./back-to-page-notification"));
+var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
  */
@@ -22,9 +24,38 @@ var _backToPageNotification = _interopRequireDefault(require("./back-to-page-not
 function PageContentFocusManager({
   contentRef
 }) {
-  const hasPageContentFocus = (0, _data.useSelect)(select => select(_store.store).hasPageContentFocus(), []);
-  return (0, _element.createElement)(_element.Fragment, null, hasPageContentFocus && (0, _element.createElement)(_disableNonPageContentBlocks.default, null), (0, _element.createElement)(_editTemplateNotification.default, {
+  const {
+    hasPageContentFocus,
+    pageContentFocusType,
+    canvasMode
+  } = (0, _data.useSelect)(select => {
+    const {
+      getPageContentFocusType,
+      getCanvasMode
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+    const _canvasMode = getCanvasMode();
+    return {
+      canvasMode: _canvasMode,
+      pageContentFocusType: getPageContentFocusType(),
+      hasPageContentFocus: select(_store.store).hasPageContentFocus()
+    };
+  }, []);
+  const {
+    setPageContentFocusType
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+
+  /*
+   * Ensure that the page content focus type is set to `disableTemplate` when
+   * the canvas mode is not `edit`. This makes the experience consistent with
+   * refreshing the page, which resets the page content focus type.
+   */
+  (0, _element.useEffect)(() => {
+    if (canvasMode !== 'edit' && !!pageContentFocusType) {
+      setPageContentFocusType(null);
+    }
+  }, [canvasMode, pageContentFocusType]);
+  return (0, _react.createElement)(_react.Fragment, null, hasPageContentFocus && (0, _react.createElement)(_disableNonPageContentBlocks.default, null), (0, _react.createElement)(_editTemplateNotification.default, {
     contentRef: contentRef
-  }), (0, _element.createElement)(_backToPageNotification.default, null));
+  }), (0, _react.createElement)(_backToPageNotification.default, null));
 }
 //# sourceMappingURL=index.js.map

package/build/components/page-content-focus-manager/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_store","_disableNonPageContentBlocks","_interopRequireDefault","_editTemplateNotification","_backToPageNotification","PageContentFocusManager","contentRef","hasPageContentFocus","useSelect","select","editSiteStore","_element","createElement","Fragment","default"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport DisableNonPageContentBlocks from './disable-non-page-content-blocks';\nimport EditTemplateNotification from './edit-template-notification';\nimport BackToPageNotification from './back-to-page-notification';\n\nexport default function PageContentFocusManager( { contentRef } ) {\n\tconst hasPageContentFocus = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentFocus(),\n\t\t[]\n\t);\n\treturn (\n\t\t<>\n\t\t\t{ hasPageContentFocus && <DisableNonPageContentBlocks /> }\n\t\t\t<EditTemplateNotification contentRef={ contentRef } />\n\t\t\t<BackToPageNotification />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,uBAAA,GAAAF,sBAAA,CAAAH,OAAA;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAMe,SAASM,uBAAuBA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACjE,MAAMC,mBAAmB,GAAG,IAAAC,eAAS,EAClCC,MAAM,IAAMA,MAAM,CAAEC,YAAc,CAAC,CAACH,mBAAmB,CAAC,CAAC,EAC3D,EACD,CAAC;EACD,OACC,IAAAI,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACGN,mBAAmB,IAAI,IAAAI,QAAA,CAAAC,aAAA,EAACX,4BAAA,CAAAa,OAA2B,MAAE,CAAC,EACxD,IAAAH,QAAA,CAAAC,aAAA,EAACT,yBAAA,CAAAW,OAAwB;IAACR,UAAU,EAAGA;EAAY,CAAE,CAAC,EACtD,IAAAK,QAAA,CAAAC,aAAA,EAACR,uBAAA,CAAAU,OAAsB,MAAE,CACxB,CAAC;AAEL"}
+{"version":3,"names":["_data","require","_element","_store","_disableNonPageContentBlocks","_interopRequireDefault","_editTemplateNotification","_backToPageNotification","_lockUnlock","PageContentFocusManager","contentRef","hasPageContentFocus","pageContentFocusType","canvasMode","useSelect","select","getPageContentFocusType","getCanvasMode","unlock","editSiteStore","_canvasMode","setPageContentFocusType","useDispatch","useEffect","_react","createElement","Fragment","default"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport DisableNonPageContentBlocks from './disable-non-page-content-blocks';\nimport EditTemplateNotification from './edit-template-notification';\nimport BackToPageNotification from './back-to-page-notification';\nimport { unlock } from '../../lock-unlock';\n\nexport default function PageContentFocusManager( { contentRef } ) {\n\tconst { hasPageContentFocus, pageContentFocusType, canvasMode } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPageContentFocusType, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst _canvasMode = getCanvasMode();\n\t\t\treturn {\n\t\t\t\tcanvasMode: _canvasMode,\n\t\t\t\tpageContentFocusType: getPageContentFocusType(),\n\t\t\t\thasPageContentFocus:\n\t\t\t\t\tselect( editSiteStore ).hasPageContentFocus(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { setPageContentFocusType } = unlock( useDispatch( editSiteStore ) );\n\n\t/*\n\t * Ensure that the page content focus type is set to `disableTemplate` when\n\t * the canvas mode is not `edit`. This makes the experience consistent with\n\t * refreshing the page, which resets the page content focus type.\n\t */\n\tuseEffect( () => {\n\t\tif ( canvasMode !== 'edit' && !! pageContentFocusType ) {\n\t\t\tsetPageContentFocusType( null );\n\t\t}\n\t}, [ canvasMode, pageContentFocusType ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ hasPageContentFocus && <DisableNonPageContentBlocks /> }\n\t\t\t<EditTemplateNotification contentRef={ contentRef } />\n\t\t\t<BackToPageNotification />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAIA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,uBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAOe,SAASQ,uBAAuBA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACjE,MAAM;IAAEC,mBAAmB;IAAEC,oBAAoB;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EACxEC,MAAM,IAAM;IACb,MAAM;MAAEC,uBAAuB;MAAEC;IAAc,CAAC,GAAG,IAAAC,kBAAM,EACxDH,MAAM,CAAEI,YAAc,CACvB,CAAC;IACD,MAAMC,WAAW,GAAGH,aAAa,CAAC,CAAC;IACnC,OAAO;MACNJ,UAAU,EAAEO,WAAW;MACvBR,oBAAoB,EAAEI,uBAAuB,CAAC,CAAC;MAC/CL,mBAAmB,EAClBI,MAAM,CAAEI,YAAc,CAAC,CAACR,mBAAmB,CAAC;IAC9C,CAAC;EACF,CAAC,EACD,EACD,CAAC;EACD,MAAM;IAAEU;EAAwB,CAAC,GAAG,IAAAH,kBAAM,EAAE,IAAAI,iBAAW,EAAEH,YAAc,CAAE,CAAC;;EAE1E;AACD;AACA;AACA;AACA;EACC,IAAAI,kBAAS,EAAE,MAAM;IAChB,IAAKV,UAAU,KAAK,MAAM,IAAI,CAAC,CAAED,oBAAoB,EAAG;MACvDS,uBAAuB,CAAE,IAAK,CAAC;IAChC;EACD,CAAC,EAAE,CAAER,UAAU,EAAED,oBAAoB,CAAG,CAAC;EAEzC,OACC,IAAAY,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGf,mBAAmB,IAAI,IAAAa,MAAA,CAAAC,aAAA,EAACrB,4BAAA,CAAAuB,OAA2B,MAAE,CAAC,EACxD,IAAAH,MAAA,CAAAC,aAAA,EAACnB,yBAAA,CAAAqB,OAAwB;IAACjB,UAAU,EAAGA;EAAY,CAAE,CAAC,EACtD,IAAAc,MAAA,CAAAC,aAAA,EAAClB,uBAAA,CAAAoB,OAAsB,MAAE,CACxB,CAAC;AAEL"}

package/build/components/page-main/index.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PageMain;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _router = require("@wordpress/router");
 var _pagePatterns = _interopRequireDefault(require("../page-patterns"));
 var _pageTemplateParts = _interopRequireDefault(require("../page-template-parts"));
 var _pageTemplates = _interopRequireDefault(require("../page-templates"));
+var _pagePages = _interopRequireDefault(require("../page-pages"));
 var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
@@ -29,11 +30,13 @@ function PageMain() {
     }
   } = useLocation();
   if (path === '/wp_template/all') {
-    return (0, _element.createElement)(_pageTemplates.default, null);
+    return (0, _react.createElement)(_pageTemplates.default, null);
   } else if (path === '/wp_template_part/all') {
-    return (0, _element.createElement)(_pageTemplateParts.default, null);
+    return (0, _react.createElement)(_pageTemplateParts.default, null);
   } else if (path === '/patterns') {
-    return (0, _element.createElement)(_pagePatterns.default, null);
+    return (0, _react.createElement)(_pagePatterns.default, null);
+  } else if (window?.__experimentalAdminViews && path === '/pages') {
+    return (0, _react.createElement)(_pagePages.default, null);
   }
   return null;
 }

package/build/components/page-main/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_router","require","_pagePatterns","_interopRequireDefault","_pageTemplateParts","_pageTemplates","_lockUnlock","useLocation","unlock","routerPrivateApis","PageMain","params","path","_element","createElement","default"],"sources":["@wordpress/edit-site/src/components/page-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport PagePatterns from '../page-patterns';\nimport PageTemplateParts from '../page-template-parts';\nimport PageTemplates from '../page-templates';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function PageMain() {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\n\tif ( path === '/wp_template/all' ) {\n\t\treturn <PageTemplates />;\n\t} else if ( path === '/wp_template_part/all' ) {\n\t\treturn <PageTemplateParts />;\n\t} else if ( path === '/patterns' ) {\n\t\treturn <PagePatterns />;\n\t}\n\n\treturn null;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,cAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,MAAM;EAAEM;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,QAAQA,CAAA,EAAG;EAClC,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAK;EAChB,CAAC,GAAGL,WAAW,CAAC,CAAC;EAEjB,IAAKK,IAAI,KAAK,kBAAkB,EAAG;IAClC,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACT,cAAA,CAAAU,OAAa,MAAE,CAAC;EACzB,CAAC,MAAM,IAAKH,IAAI,KAAK,uBAAuB,EAAG;IAC9C,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACV,kBAAA,CAAAW,OAAiB,MAAE,CAAC;EAC7B,CAAC,MAAM,IAAKH,IAAI,KAAK,WAAW,EAAG;IAClC,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACZ,aAAA,CAAAa,OAAY,MAAE,CAAC;EACxB;EAEA,OAAO,IAAI;AACZ"}
+{"version":3,"names":["_router","require","_pagePatterns","_interopRequireDefault","_pageTemplateParts","_pageTemplates","_pagePages","_lockUnlock","useLocation","unlock","routerPrivateApis","PageMain","params","path","_react","createElement","default","window","__experimentalAdminViews"],"sources":["@wordpress/edit-site/src/components/page-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport PagePatterns from '../page-patterns';\nimport PageTemplateParts from '../page-template-parts';\nimport PageTemplates from '../page-templates';\nimport PagePages from '../page-pages';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function PageMain() {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\n\tif ( path === '/wp_template/all' ) {\n\t\treturn <PageTemplates />;\n\t} else if ( path === '/wp_template_part/all' ) {\n\t\treturn <PageTemplateParts />;\n\t} else if ( path === '/patterns' ) {\n\t\treturn <PagePatterns />;\n\t} else if ( window?.__experimentalAdminViews && path === '/pages' ) {\n\t\treturn <PagePages />;\n\t}\n\n\treturn null;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,cAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,MAAM;EAAEO;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,QAAQA,CAAA,EAAG;EAClC,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAK;EAChB,CAAC,GAAGL,WAAW,CAAC,CAAC;EAEjB,IAAKK,IAAI,KAAK,kBAAkB,EAAG;IAClC,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACV,cAAA,CAAAW,OAAa,MAAE,CAAC;EACzB,CAAC,MAAM,IAAKH,IAAI,KAAK,uBAAuB,EAAG;IAC9C,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACX,kBAAA,CAAAY,OAAiB,MAAE,CAAC;EAC7B,CAAC,MAAM,IAAKH,IAAI,KAAK,WAAW,EAAG;IAClC,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACb,aAAA,CAAAc,OAAY,MAAE,CAAC;EACxB,CAAC,MAAM,IAAKC,MAAM,EAAEC,wBAAwB,IAAIL,IAAI,KAAK,QAAQ,EAAG;IACnE,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACT,UAAA,CAAAU,OAAS,MAAE,CAAC;EACrB;EAEA,OAAO,IAAI;AACZ"}

package/build/components/page-pages/index.js

@@ -0,0 +1,174 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PagePages;
+var _react = require("react");
+var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
+var _url = require("@wordpress/url");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _coreData = require("@wordpress/core-data");
+var _htmlEntities = require("@wordpress/html-entities");
+var _element = require("@wordpress/element");
+var _page = _interopRequireDefault(require("../page"));
+var _link = _interopRequireDefault(require("../routes/link"));
+var _pageActions = _interopRequireDefault(require("../page-actions"));
+var _dataviews = require("../dataviews");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const EMPTY_ARRAY = [];
+function PagePages() {
+  const [reset, setResetQuery] = (0, _element.useState)(v => !v);
+  const [globalFilter, setGlobalFilter] = (0, _element.useState)('');
+  const [paginationInfo, setPaginationInfo] = (0, _element.useState)();
+  const [{
+    pageIndex,
+    pageSize
+  }, setPagination] = (0, _element.useState)({
+    pageIndex: 0,
+    pageSize: _dataviews.PAGE_SIZE_VALUES[0]
+  });
+  // Request post statuses to get the proper labels.
+  const [postStatuses, setPostStatuses] = (0, _element.useState)(EMPTY_ARRAY);
+  (0, _element.useEffect)(() => {
+    (0, _apiFetch.default)({
+      path: '/wp/v2/statuses'
+    }).then(setPostStatuses);
+  }, []);
+
+  // TODO: probably memo other objects passed as state(ex:https://tanstack.com/table/v8/docs/examples/react/pagination-controlled).
+  const pagination = (0, _element.useMemo)(() => ({
+    pageIndex,
+    pageSize
+  }), [pageIndex, pageSize]);
+  const [sorting, setSorting] = (0, _element.useState)([{
+    order: 'desc',
+    orderby: 'date'
+  }]);
+  const queryArgs = (0, _element.useMemo)(() => ({
+    per_page: pageSize,
+    page: pageIndex + 1,
+    // tanstack starts from zero.
+    _embed: 'author',
+    order: sorting[0]?.desc ? 'desc' : 'asc',
+    orderby: sorting[0]?.id,
+    search: globalFilter,
+    status: ['publish', 'draft']
+  }), [globalFilter, sorting[0]?.id, sorting[0]?.desc, pageSize, pageIndex, reset]);
+  const {
+    records,
+    isResolving: isLoading
+  } = (0, _coreData.useEntityRecords)('postType', 'page', queryArgs);
+  (0, _element.useEffect)(() => {
+    // Make extra request to handle controlled pagination.
+    (0, _apiFetch.default)({
+      path: (0, _url.addQueryArgs)('/wp/v2/pages', {
+        ...queryArgs,
+        _fields: 'id'
+      }),
+      method: 'HEAD',
+      parse: false
+    }).then(res => {
+      const totalPages = parseInt(res.headers.get('X-WP-TotalPages'));
+      const totalItems = parseInt(res.headers.get('X-WP-Total'));
+      setPaginationInfo({
+        totalPages,
+        totalItems
+      });
+    });
+    // Status should not make extra request if already did..
+  }, [globalFilter, pageSize, reset]);
+  const fields = (0, _element.useMemo)(() => [{
+    header: (0, _i18n.__)('Title'),
+    id: 'title',
+    accessorFn: page => page.title?.rendered || page.slug,
+    cell: props => {
+      const page = props.row.original;
+      return (0, _react.createElement)(_components.__experimentalVStack, {
+        spacing: 1
+      }, (0, _react.createElement)(_components.__experimentalHeading, {
+        as: "h3",
+        level: 5
+      }, (0, _react.createElement)(_link.default, {
+        params: {
+          postId: page.id,
+          postType: page.type,
+          canvas: 'edit'
+        }
+      }, (0, _htmlEntities.decodeEntities)(props.getValue()))));
+    },
+    maxWidth: 400,
+    sortingFn: 'alphanumeric',
+    enableHiding: false
+  }, {
+    header: (0, _i18n.__)('Author'),
+    id: 'author',
+    accessorFn: page => page._embedded?.author[0]?.name,
+    cell: props => {
+      const author = props.row.original._embedded?.author[0];
+      return (0, _react.createElement)("a", {
+        href: `user-edit.php?user_id=${author.id}`
+      }, author.name);
+    }
+  }, {
+    header: 'Status',
+    id: 'status',
+    cell: props => postStatuses[props.row.original.status]?.name
+  }, {
+    header: (0, _react.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('Actions')),
+    id: 'actions',
+    cell: props => {
+      const page = props.row.original;
+      return (0, _react.createElement)(_pageActions.default, {
+        postId: page.id,
+        onRemove: () => setResetQuery()
+      });
+    },
+    enableHiding: false
+  }], [postStatuses]);
+
+  // TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.
+  return (0, _react.createElement)(_page.default, {
+    title: (0, _i18n.__)('Pages')
+  }, (0, _react.createElement)(_dataviews.DataViews, {
+    paginationInfo: paginationInfo,
+    data: records || EMPTY_ARRAY,
+    isLoading: isLoading,
+    fields: fields,
+    options: {
+      manualSorting: true,
+      manualFiltering: true,
+      manualPagination: true,
+      enableRowSelection: true,
+      state: {
+        sorting,
+        globalFilter,
+        pagination
+      },
+      pageCount: paginationInfo?.totalPages,
+      onSortingChange: setSorting,
+      onGlobalFilterChange: value => {
+        setGlobalFilter(value);
+        setPagination({
+          pageIndex: 0,
+          pageSize
+        });
+      },
+      // TODO: check these callbacks and maybe reset the query when needed...
+      onPaginationChange: setPagination,
+      meta: {
+        resetQuery: setResetQuery
+      }
+    }
+  }));
+}
+//# sourceMappingURL=index.js.map

package/build/components/page-pages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_apiFetch","_interopRequireDefault","require","_url","_components","_i18n","_coreData","_htmlEntities","_element","_page","_link","_pageActions","_dataviews","EMPTY_ARRAY","PagePages","reset","setResetQuery","useState","v","globalFilter","setGlobalFilter","paginationInfo","setPaginationInfo","pageIndex","pageSize","setPagination","PAGE_SIZE_VALUES","postStatuses","setPostStatuses","useEffect","apiFetch","path","then","pagination","useMemo","sorting","setSorting","order","orderby","queryArgs","per_page","page","_embed","desc","id","search","status","records","isResolving","isLoading","useEntityRecords","addQueryArgs","_fields","method","parse","res","totalPages","parseInt","headers","get","totalItems","fields","header","__","accessorFn","title","rendered","slug","cell","props","row","original","_react","createElement","__experimentalVStack","spacing","__experimentalHeading","as","level","default","params","postId","postType","type","canvas","decodeEntities","getValue","maxWidth","sortingFn","enableHiding","_embedded","author","name","href","VisuallyHidden","onRemove","DataViews","data","options","manualSorting","manualFiltering","manualPagination","enableRowSelection","state","pageCount","onSortingChange","onGlobalFilterChange","value","onPaginationChange","meta","resetQuery"],"sources":["@wordpress/edit-site/src/components/page-pages/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\nimport {\n\tVisuallyHidden,\n\t__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState, useEffect, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport Link from '../routes/link';\nimport PageActions from '../page-actions';\nimport { DataViews, PAGE_SIZE_VALUES } from '../dataviews';\n\nconst EMPTY_ARRAY = [];\n\nexport default function PagePages() {\n\tconst [ reset, setResetQuery ] = useState( ( v ) => ! v );\n\tconst [ globalFilter, setGlobalFilter ] = useState( '' );\n\tconst [ paginationInfo, setPaginationInfo ] = useState();\n\tconst [ { pageIndex, pageSize }, setPagination ] = useState( {\n\t\tpageIndex: 0,\n\t\tpageSize: PAGE_SIZE_VALUES[ 0 ],\n\t} );\n\t// Request post statuses to get the proper labels.\n\tconst [ postStatuses, setPostStatuses ] = useState( EMPTY_ARRAY );\n\tuseEffect( () => {\n\t\tapiFetch( {\n\t\t\tpath: '/wp/v2/statuses',\n\t\t} ).then( setPostStatuses );\n\t}, [] );\n\n\t// TODO: probably memo other objects passed as state(ex:https://tanstack.com/table/v8/docs/examples/react/pagination-controlled).\n\tconst pagination = useMemo(\n\t\t() => ( { pageIndex, pageSize } ),\n\t\t[ pageIndex, pageSize ]\n\t);\n\tconst [ sorting, setSorting ] = useState( [\n\t\t{ order: 'desc', orderby: 'date' },\n\t] );\n\tconst queryArgs = useMemo(\n\t\t() => ( {\n\t\t\tper_page: pageSize,\n\t\t\tpage: pageIndex + 1, // tanstack starts from zero.\n\t\t\t_embed: 'author',\n\t\t\torder: sorting[ 0 ]?.desc ? 'desc' : 'asc',\n\t\t\torderby: sorting[ 0 ]?.id,\n\t\t\tsearch: globalFilter,\n\t\t\tstatus: [ 'publish', 'draft' ],\n\t\t} ),\n\t\t[\n\t\t\tglobalFilter,\n\t\t\tsorting[ 0 ]?.id,\n\t\t\tsorting[ 0 ]?.desc,\n\t\t\tpageSize,\n\t\t\tpageIndex,\n\t\t\treset,\n\t\t]\n\t);\n\tconst { records, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\t'page',\n\t\tqueryArgs\n\t);\n\tuseEffect( () => {\n\t\t// Make extra request to handle controlled pagination.\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/pages', {\n\t\t\t\t...queryArgs,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} ).then( ( res ) => {\n\t\t\tconst totalPages = parseInt( res.headers.get( 'X-WP-TotalPages' ) );\n\t\t\tconst totalItems = parseInt( res.headers.get( 'X-WP-Total' ) );\n\t\t\tsetPaginationInfo( {\n\t\t\t\ttotalPages,\n\t\t\t\ttotalItems,\n\t\t\t} );\n\t\t} );\n\t\t// Status should not make extra request if already did..\n\t}, [ globalFilter, pageSize, reset ] );\n\n\tconst fields = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\taccessorFn: ( page ) => page.title?.rendered || page.slug,\n\t\t\t\tcell: ( props ) => {\n\t\t\t\t\tconst page = props.row.original;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t\t\t<Heading as=\"h3\" level={ 5 }>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tparams={ {\n\t\t\t\t\t\t\t\t\t\tpostId: page.id,\n\t\t\t\t\t\t\t\t\t\tpostType: page.type,\n\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ decodeEntities( props.getValue() ) }\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tmaxWidth: 400,\n\t\t\t\tsortingFn: 'alphanumeric',\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\taccessorFn: ( page ) => page._embedded?.author[ 0 ]?.name,\n\t\t\t\tcell: ( props ) => {\n\t\t\t\t\tconst author = props.row.original._embedded?.author[ 0 ];\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<a href={ `user-edit.php?user_id=${ author.id }` }>\n\t\t\t\t\t\t\t{ author.name }\n\t\t\t\t\t\t</a>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: 'Status',\n\t\t\t\tid: 'status',\n\t\t\t\tcell: ( props ) =>\n\t\t\t\t\tpostStatuses[ props.row.original.status ]?.name,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: <VisuallyHidden>{ __( 'Actions' ) }</VisuallyHidden>,\n\t\t\t\tid: 'actions',\n\t\t\t\tcell: ( props ) => {\n\t\t\t\t\tconst page = props.row.original;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<PageActions\n\t\t\t\t\t\t\tpostId={ page.id }\n\t\t\t\t\t\t\tonRemove={ () => setResetQuery() }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t],\n\t\t[ postStatuses ]\n\t);\n\n\t// TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.\n\treturn (\n\t\t<Page title={ __( 'Pages' ) }>\n\t\t\t<DataViews\n\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\tdata={ records || EMPTY_ARRAY }\n\t\t\t\tisLoading={ isLoading }\n\t\t\t\tfields={ fields }\n\t\t\t\toptions={ {\n\t\t\t\t\tmanualSorting: true,\n\t\t\t\t\tmanualFiltering: true,\n\t\t\t\t\tmanualPagination: true,\n\t\t\t\t\tenableRowSelection: true,\n\t\t\t\t\tstate: {\n\t\t\t\t\t\tsorting,\n\t\t\t\t\t\tglobalFilter,\n\t\t\t\t\t\tpagination,\n\t\t\t\t\t},\n\t\t\t\t\tpageCount: paginationInfo?.totalPages,\n\t\t\t\t\tonSortingChange: setSorting,\n\t\t\t\t\tonGlobalFilterChange: ( value ) => {\n\t\t\t\t\t\tsetGlobalFilter( value );\n\t\t\t\t\t\tsetPagination( { pageIndex: 0, pageSize } );\n\t\t\t\t\t},\n\t\t\t\t\t// TODO: check these callbacks and maybe reset the query when needed...\n\t\t\t\t\tonPaginationChange: setPagination,\n\t\t\t\t\tmeta: { resetQuery: setResetQuery },\n\t\t\t\t} }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],"mappings":"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"}

package/build/components/page-patterns/duplicate-menu-item.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DuplicateMenuItem;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
@@ -165,7 +165,7 @@ function DuplicateMenuItem({
     }
   }
   const createItem = item.type === _constants.TEMPLATE_PART_POST_TYPE ? createTemplatePart : createPattern;
-  return (0, _element.createElement)(_components.MenuItem, {
+  return (0, _react.createElement)(_components.MenuItem, {
     onClick: createItem
   }, label);
 }

package/build/components/page-patterns/duplicate-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_coreData","_data","_i18n","_notices","_router","_constants","_templatePartCreate","_lockUnlock","_usePatternCategories","_interopRequireDefault","useHistory","unlock","routerPrivateApis","getPatternMeta","item","type","PATTERN_TYPES","theme","wp_pattern_sync_status","PATTERN_SYNC_TYPES","unsynced","syncStatus","patternBlock","isUnsynced","meta","undefined","DuplicateMenuItem","categoryId","label","__","onClose","saveEntityRecord","invalidateResolution","useDispatch","coreStore","createErrorNotice","createSuccessNotice","noticesStore","history","existingTemplateParts","useExistingTemplateParts","patternCategories","usePatternCategories","createTemplatePart","copiedTitle","sprintf","title","getUniqueTemplatePartTitle","slug","getCleanTemplatePartSlug","area","content","templatePart","result","TEMPLATE_PART_POST_TYPE","throwOnError","id","push","postType","postId","categoryType","error","errorMessage","message","code","findOrCreateTerm","term","newTerm","name","description","data","term_id","getCategories","categories","terms","map","category","fullCategory","find","cat","Promise","all","createPattern","isThemePattern","user","status","wp_pattern_category","createItem","_element","createElement","MenuItem","onClick"],"sources":["@wordpress/edit-site/src/components/page-patterns/duplicate-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} from '../../utils/constants';\nimport {\n\tuseExistingTemplateParts,\n\tgetUniqueTemplatePartTitle,\n\tgetCleanTemplatePartSlug,\n} from '../../utils/template-part-create';\nimport { unlock } from '../../lock-unlock';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction getPatternMeta( item ) {\n\tif ( item.type === PATTERN_TYPES.theme ) {\n\t\treturn { wp_pattern_sync_status: PATTERN_SYNC_TYPES.unsynced };\n\t}\n\n\tconst syncStatus = item.patternBlock.wp_pattern_sync_status;\n\tconst isUnsynced = syncStatus === PATTERN_SYNC_TYPES.unsynced;\n\n\treturn {\n\t\t...item.patternBlock.meta,\n\t\twp_pattern_sync_status: isUnsynced ? syncStatus : undefined,\n\t};\n}\n\nexport default function DuplicateMenuItem( {\n\tcategoryId,\n\titem,\n\tlabel = __( 'Duplicate' ),\n\tonClose,\n} ) {\n\tconst { saveEntityRecord, invalidateResolution } = useDispatch( coreStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst history = useHistory();\n\tconst existingTemplateParts = useExistingTemplateParts();\n\tconst { patternCategories } = usePatternCategories();\n\n\tasync function createTemplatePart() {\n\t\ttry {\n\t\t\tconst copiedTitle = sprintf(\n\t\t\t\t/* translators: %s: Existing template part title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title\n\t\t\t);\n\t\t\tconst title = getUniqueTemplatePartTitle(\n\t\t\t\tcopiedTitle,\n\t\t\t\texistingTemplateParts\n\t\t\t);\n\t\t\tconst slug = getCleanTemplatePartSlug( title );\n\t\t\tconst { area, content } = item.templatePart;\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tTEMPLATE_PART_POST_TYPE,\n\t\t\t\t{ slug, title, content, area },\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new template part's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tpostType: TEMPLATE_PART_POST_TYPE,\n\t\t\t\tpostId: result?.id,\n\t\t\t\tcategoryType: TEMPLATE_PART_POST_TYPE,\n\t\t\t\tcategoryId,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while creating the template part.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tasync function findOrCreateTerm( term ) {\n\t\ttry {\n\t\t\tconst newTerm = await saveEntityRecord(\n\t\t\t\t'taxonomy',\n\t\t\t\t'wp_pattern_category',\n\t\t\t\t{\n\t\t\t\t\tname: term.label,\n\t\t\t\t\tslug: term.name,\n\t\t\t\t\tdescription: term.description,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\t\t\tinvalidateResolution( 'getUserPatternCategories' );\n\t\t\treturn newTerm.id;\n\t\t} catch ( error ) {\n\t\t\tif ( error.code !== 'term_exists' ) {\n\t\t\t\tthrow error;\n\t\t\t}\n\n\t\t\treturn error.data.term_id;\n\t\t}\n\t}\n\n\tasync function getCategories( categories ) {\n\t\tconst terms = categories.map( ( category ) => {\n\t\t\tconst fullCategory = patternCategories.find(\n\t\t\t\t( cat ) => cat.name === category\n\t\t\t);\n\t\t\tif ( fullCategory.id ) {\n\t\t\t\treturn fullCategory.id;\n\t\t\t}\n\t\t\treturn findOrCreateTerm( fullCategory );\n\t\t} );\n\n\t\treturn Promise.all( terms );\n\t}\n\n\tasync function createPattern() {\n\t\ttry {\n\t\t\tconst isThemePattern = item.type === PATTERN_TYPES.theme;\n\t\t\tconst title = sprintf(\n\t\t\t\t/* translators: %s: Existing pattern title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title || item.name\n\t\t\t);\n\t\t\tconst categories = await getCategories( item.categories || [] );\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tPATTERN_TYPES.user,\n\t\t\t\t{\n\t\t\t\t\tcontent: isThemePattern\n\t\t\t\t\t\t? item.content\n\t\t\t\t\t\t: item.patternBlock.content,\n\t\t\t\t\tmeta: getPatternMeta( item ),\n\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\ttitle,\n\t\t\t\t\twp_pattern_category: categories,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new pattern's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title || item.name\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tcategoryType: PATTERN_TYPES.theme,\n\t\t\t\tcategoryId,\n\t\t\t\tpostType: PATTERN_TYPES.user,\n\t\t\t\tpostId: result?.id,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the pattern.' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tconst createItem =\n\t\titem.type === TEMPLATE_PART_POST_TYPE\n\t\t\t? createTemplatePart\n\t\t\t: createPattern;\n\n\treturn <MenuItem onClick={ createItem }>{ label }</MenuItem>;\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_coreData","_data","_i18n","_notices","_router","_constants","_templatePartCreate","_lockUnlock","_usePatternCategories","_interopRequireDefault","useHistory","unlock","routerPrivateApis","getPatternMeta","item","type","PATTERN_TYPES","theme","wp_pattern_sync_status","PATTERN_SYNC_TYPES","unsynced","syncStatus","patternBlock","isUnsynced","meta","undefined","DuplicateMenuItem","categoryId","label","__","onClose","saveEntityRecord","invalidateResolution","useDispatch","coreStore","createErrorNotice","createSuccessNotice","noticesStore","history","existingTemplateParts","useExistingTemplateParts","patternCategories","usePatternCategories","createTemplatePart","copiedTitle","sprintf","title","getUniqueTemplatePartTitle","slug","getCleanTemplatePartSlug","area","content","templatePart","result","TEMPLATE_PART_POST_TYPE","throwOnError","id","push","postType","postId","categoryType","error","errorMessage","message","code","findOrCreateTerm","term","newTerm","name","description","data","term_id","getCategories","categories","terms","map","category","fullCategory","find","cat","Promise","all","createPattern","isThemePattern","user","status","wp_pattern_category","createItem","_react","createElement","MenuItem","onClick"],"sources":["@wordpress/edit-site/src/components/page-patterns/duplicate-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} from '../../utils/constants';\nimport {\n\tuseExistingTemplateParts,\n\tgetUniqueTemplatePartTitle,\n\tgetCleanTemplatePartSlug,\n} from '../../utils/template-part-create';\nimport { unlock } from '../../lock-unlock';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction getPatternMeta( item ) {\n\tif ( item.type === PATTERN_TYPES.theme ) {\n\t\treturn { wp_pattern_sync_status: PATTERN_SYNC_TYPES.unsynced };\n\t}\n\n\tconst syncStatus = item.patternBlock.wp_pattern_sync_status;\n\tconst isUnsynced = syncStatus === PATTERN_SYNC_TYPES.unsynced;\n\n\treturn {\n\t\t...item.patternBlock.meta,\n\t\twp_pattern_sync_status: isUnsynced ? syncStatus : undefined,\n\t};\n}\n\nexport default function DuplicateMenuItem( {\n\tcategoryId,\n\titem,\n\tlabel = __( 'Duplicate' ),\n\tonClose,\n} ) {\n\tconst { saveEntityRecord, invalidateResolution } = useDispatch( coreStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst history = useHistory();\n\tconst existingTemplateParts = useExistingTemplateParts();\n\tconst { patternCategories } = usePatternCategories();\n\n\tasync function createTemplatePart() {\n\t\ttry {\n\t\t\tconst copiedTitle = sprintf(\n\t\t\t\t/* translators: %s: Existing template part title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title\n\t\t\t);\n\t\t\tconst title = getUniqueTemplatePartTitle(\n\t\t\t\tcopiedTitle,\n\t\t\t\texistingTemplateParts\n\t\t\t);\n\t\t\tconst slug = getCleanTemplatePartSlug( title );\n\t\t\tconst { area, content } = item.templatePart;\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tTEMPLATE_PART_POST_TYPE,\n\t\t\t\t{ slug, title, content, area },\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new template part's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tpostType: TEMPLATE_PART_POST_TYPE,\n\t\t\t\tpostId: result?.id,\n\t\t\t\tcategoryType: TEMPLATE_PART_POST_TYPE,\n\t\t\t\tcategoryId,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while creating the template part.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tasync function findOrCreateTerm( term ) {\n\t\ttry {\n\t\t\tconst newTerm = await saveEntityRecord(\n\t\t\t\t'taxonomy',\n\t\t\t\t'wp_pattern_category',\n\t\t\t\t{\n\t\t\t\t\tname: term.label,\n\t\t\t\t\tslug: term.name,\n\t\t\t\t\tdescription: term.description,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\t\t\tinvalidateResolution( 'getUserPatternCategories' );\n\t\t\treturn newTerm.id;\n\t\t} catch ( error ) {\n\t\t\tif ( error.code !== 'term_exists' ) {\n\t\t\t\tthrow error;\n\t\t\t}\n\n\t\t\treturn error.data.term_id;\n\t\t}\n\t}\n\n\tasync function getCategories( categories ) {\n\t\tconst terms = categories.map( ( category ) => {\n\t\t\tconst fullCategory = patternCategories.find(\n\t\t\t\t( cat ) => cat.name === category\n\t\t\t);\n\t\t\tif ( fullCategory.id ) {\n\t\t\t\treturn fullCategory.id;\n\t\t\t}\n\t\t\treturn findOrCreateTerm( fullCategory );\n\t\t} );\n\n\t\treturn Promise.all( terms );\n\t}\n\n\tasync function createPattern() {\n\t\ttry {\n\t\t\tconst isThemePattern = item.type === PATTERN_TYPES.theme;\n\t\t\tconst title = sprintf(\n\t\t\t\t/* translators: %s: Existing pattern title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title || item.name\n\t\t\t);\n\t\t\tconst categories = await getCategories( item.categories || [] );\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tPATTERN_TYPES.user,\n\t\t\t\t{\n\t\t\t\t\tcontent: isThemePattern\n\t\t\t\t\t\t? item.content\n\t\t\t\t\t\t: item.patternBlock.content,\n\t\t\t\t\tmeta: getPatternMeta( item ),\n\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\ttitle,\n\t\t\t\t\twp_pattern_category: categories,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new pattern's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title || item.name\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tcategoryType: PATTERN_TYPES.theme,\n\t\t\t\tcategoryId,\n\t\t\t\tpostType: PATTERN_TYPES.user,\n\t\t\t\tpostId: result?.id,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the pattern.' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tconst createItem =\n\t\titem.type === TEMPLATE_PART_POST_TYPE\n\t\t\t? createTemplatePart\n\t\t\t: createPattern;\n\n\treturn <MenuItem onClick={ createItem }>{ label }</MenuItem>;\n}\n"],"mappings":"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"}

package/build/components/page-patterns/grid-item.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _downloadjs = _interopRequireDefault(require("downloadjs"));
 var _changeCase = require("change-case");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _notices = require("@wordpress/notices");
@@ -132,9 +133,9 @@ function GridItem({
   const additionalStyles = !backgroundColor ? [{
     css: 'body { background: #fff; }'
   }] : undefined;
-  return (0, _element.createElement)("li", {
+  return (0, _react.createElement)("li", {
     className: patternClassNames
-  }, (0, _element.createElement)("button", {
+  }, (0, _react.createElement)("button", {
     className: previewClassNames
     // Even though still incomplete, passing ids helps performance.
     // @see https://reakit.io/docs/composite/#performance.
@@ -145,48 +146,48 @@ function GridItem({
     "aria-disabled": item.type !== _constants.PATTERN_TYPES.theme ? 'false' : 'true',
     "aria-label": item.title,
     "aria-describedby": ariaDescriptions.length ? ariaDescriptions.map((_, index) => `${descriptionId}-${index}`).join(' ') : undefined
-  }, isEmpty && isTemplatePart && (0, _i18n.__)('Empty template part'), isEmpty && !isTemplatePart && (0, _i18n.__)('Empty pattern'), !isEmpty && (0, _element.createElement)(_blockEditor.BlockPreview, {
+  }, isEmpty && isTemplatePart && (0, _i18n.__)('Empty template part'), isEmpty && !isTemplatePart && (0, _i18n.__)('Empty pattern'), !isEmpty && (0, _react.createElement)(_blockEditor.BlockPreview, {
     blocks: item.blocks,
     additionalStyles: additionalStyles
-  })), ariaDescriptions.map((ariaDescription, index) => (0, _element.createElement)("div", {
+  })), ariaDescriptions.map((ariaDescription, index) => (0, _react.createElement)("div", {
     key: index,
     hidden: true,
     id: `${descriptionId}-${index}`
-  }, ariaDescription)), (0, _element.createElement)(_components.__experimentalHStack, {
+  }, ariaDescription)), (0, _react.createElement)(_components.__experimentalHStack, {
     className: "edit-site-patterns__footer",
     justify: "space-between"
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
     alignment: "center",
     justify: "left",
     spacing: 3,
     className: "edit-site-patterns__pattern-title"
-  }, itemIcon && !isNonUserPattern && (0, _element.createElement)(_components.Tooltip, {
+  }, itemIcon && !isNonUserPattern && (0, _react.createElement)(_components.Tooltip, {
     placement: "top",
     text: (0, _i18n.__)('Editing this pattern will also update anywhere it is used')
-  }, (0, _element.createElement)(_icons.Icon, {
+  }, (0, _react.createElement)(_icons.Icon, {
     className: "edit-site-patterns__pattern-icon",
     icon: itemIcon
-  })), (0, _element.createElement)(_components.Flex, {
+  })), (0, _react.createElement)(_components.Flex, {
     as: "span",
     gap: 0,
     justify: "left"
-  }, item.type === _constants.PATTERN_TYPES.theme ? item.title : (0, _element.createElement)(_components.__experimentalHeading, {
+  }, item.type === _constants.PATTERN_TYPES.theme ? item.title : (0, _react.createElement)(_components.__experimentalHeading, {
     level: 5
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     variant: "link",
     onClick: onClick
     // Required for the grid's roving tab index system.
     // See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.
     ,
     tabIndex: "-1"
-  }, item.title || item.name)), item.type === _constants.PATTERN_TYPES.theme && (0, _element.createElement)(_components.Tooltip, {
+  }, item.title || item.name)), item.type === _constants.PATTERN_TYPES.theme && (0, _react.createElement)(_components.Tooltip, {
     placement: "top",
     text: (0, _i18n.__)('This pattern cannot be edited.')
-  }, (0, _element.createElement)(_icons.Icon, {
+  }, (0, _react.createElement)(_icons.Icon, {
     className: "edit-site-patterns__pattern-lock-icon",
     icon: _icons.lockSmall,
     size: 24
-  })))), (0, _element.createElement)(_components.DropdownMenu, {
+  })))), (0, _react.createElement)(_components.DropdownMenu, {
     icon: _icons.moreVertical,
     label: (0, _i18n.__)('Actions'),
     className: "edit-site-patterns__dropdown",
@@ -200,20 +201,20 @@ function GridItem({
     }
   }, ({
     onClose
-  }) => (0, _element.createElement)(_components.MenuGroup, null, isCustomPattern && !hasThemeFile && (0, _element.createElement)(_renameMenuItem.default, {
+  }) => (0, _react.createElement)(_components.MenuGroup, null, isCustomPattern && !hasThemeFile && (0, _react.createElement)(_renameMenuItem.default, {
     item: item,
     onClose: onClose
-  }), (0, _element.createElement)(_duplicateMenuItem.default, {
+  }), (0, _react.createElement)(_duplicateMenuItem.default, {
     categoryId: categoryId,
     item: item,
     onClose: onClose,
     label: (0, _i18n.__)('Duplicate')
-  }), item.type === _constants.PATTERN_TYPES.user && (0, _element.createElement)(_components.MenuItem, {
+  }), item.type === _constants.PATTERN_TYPES.user && (0, _react.createElement)(_components.MenuItem, {
     onClick: () => exportAsJSON()
-  }, (0, _i18n.__)('Export as JSON')), isCustomPattern && (0, _element.createElement)(_components.MenuItem, {
+  }, (0, _i18n.__)('Export as JSON')), isCustomPattern && (0, _react.createElement)(_components.MenuItem, {
     isDestructive: !hasThemeFile,
     onClick: () => setIsDeleteDialogOpen(true)
-  }, hasThemeFile ? (0, _i18n.__)('Clear customizations') : (0, _i18n.__)('Delete'))))), isDeleteDialogOpen && (0, _element.createElement)(_components.__experimentalConfirmDialog, {
+  }, hasThemeFile ? (0, _i18n.__)('Clear customizations') : (0, _i18n.__)('Delete'))))), isDeleteDialogOpen && (0, _react.createElement)(_components.__experimentalConfirmDialog, {
     confirmButtonText: confirmButtonText,
     onConfirm: deleteItem,
     onCancel: () => setIsDeleteDialogOpen(false)