@wordpress/edit-site 5.19.3 → 5.20.0

package/build/components/page/header.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","Header","title","subTitle","actions","_element","createElement","__experimentalHStack","as","alignment","className","FlexBlock","__experimentalHeading","level","__experimentalText","FlexItem"],"sources":["@wordpress/edit-site/src/components/page/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n\tFlexItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\n\nexport default function Header( { title, subTitle, actions } ) {\n\treturn (\n\t\t<HStack as=\"header\" alignment=\"left\" className=\"edit-site-page-header\">\n\t\t\t<FlexBlock className=\"edit-site-page-header__page-title\">\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 4 }\n\t\t\t\t\tclassName=\"edit-site-page-header__title\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t{ subTitle && (\n\t\t\t\t\t<Text as=\"p\" className=\"edit-site-page-header__sub-title\">\n\t\t\t\t\t\t{ subTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</FlexBlock>\n\t\t\t<FlexItem className=\"edit-site-page-header__actions\">\n\t\t\t\t{ actions }\n\t\t\t</FlexItem>\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AASA;AACA;AACA;;AAEe,SAASC,MAAMA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC9D,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACP,WAAA,CAAAQ,oBAAM;IAACC,EAAE,EAAC,QAAQ;IAACC,SAAS,EAAC,MAAM;IAACC,SAAS,EAAC;EAAuB,GACrE,IAAAL,QAAA,CAAAC,aAAA,EAACP,WAAA,CAAAY,SAAS;IAACD,SAAS,EAAC;EAAmC,GACvD,IAAAL,QAAA,CAAAC,aAAA,EAACP,WAAA,CAAAa,qBAAO;IACPJ,EAAE,EAAC,IAAI;IACPK,KAAK,EAAG,CAAG;IACXH,SAAS,EAAC;EAA8B,GAEtCR,KACM,CAAC,EACRC,QAAQ,IACT,IAAAE,QAAA,CAAAC,aAAA,EAACP,WAAA,CAAAe,kBAAI;IAACN,EAAE,EAAC,GAAG;IAACE,SAAS,EAAC;EAAkC,GACtDP,QACG,CAEG,CAAC,EACZ,IAAAE,QAAA,CAAAC,aAAA,EAACP,WAAA,CAAAgB,QAAQ;IAACL,SAAS,EAAC;EAAgC,GACjDN,OACO,CACH,CAAC;AAEX"}
+{"version":3,"names":["_components","require","Header","title","subTitle","actions","_react","createElement","__experimentalHStack","as","alignment","className","FlexBlock","__experimentalHeading","level","__experimentalText","FlexItem"],"sources":["@wordpress/edit-site/src/components/page/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n\tFlexItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\n\nexport default function Header( { title, subTitle, actions } ) {\n\treturn (\n\t\t<HStack as=\"header\" alignment=\"left\" className=\"edit-site-page-header\">\n\t\t\t<FlexBlock className=\"edit-site-page-header__page-title\">\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 4 }\n\t\t\t\t\tclassName=\"edit-site-page-header__title\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t{ subTitle && (\n\t\t\t\t\t<Text as=\"p\" className=\"edit-site-page-header__sub-title\">\n\t\t\t\t\t\t{ subTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</FlexBlock>\n\t\t\t<FlexItem className=\"edit-site-page-header__actions\">\n\t\t\t\t{ actions }\n\t\t\t</FlexItem>\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AASA;AACA;AACA;;AAEe,SAASC,MAAMA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC9D,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAQ,oBAAM;IAACC,EAAE,EAAC,QAAQ;IAACC,SAAS,EAAC,MAAM;IAACC,SAAS,EAAC;EAAuB,GACrE,IAAAL,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAY,SAAS;IAACD,SAAS,EAAC;EAAmC,GACvD,IAAAL,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAa,qBAAO;IACPJ,EAAE,EAAC,IAAI;IACPK,KAAK,EAAG,CAAG;IACXH,SAAS,EAAC;EAA8B,GAEtCR,KACM,CAAC,EACRC,QAAQ,IACT,IAAAE,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAe,kBAAI;IAACN,EAAE,EAAC,GAAG;IAACE,SAAS,EAAC;EAAkC,GACtDP,QACG,CAEG,CAAC,EACZ,IAAAE,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAgB,QAAQ;IAACL,SAAS,EAAC;EAAgC,GACjDN,OACO,CACH,CAAC;AAEX"}

package/build/components/page/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Page;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _interface = require("@wordpress/interface");
 var _editor = require("@wordpress/editor");
@@ -31,15 +31,15 @@ function Page({
   hideTitleFromUI = false
 }) {
   const classes = (0, _classnames.default)('edit-site-page', className);
-  return (0, _element.createElement)(_interface.NavigableRegion, {
+  return (0, _react.createElement)(_interface.NavigableRegion, {
     className: classes,
     ariaLabel: title
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "edit-site-page-content"
-  }, !hideTitleFromUI && title && (0, _element.createElement)(_header.default, {
+  }, !hideTitleFromUI && title && (0, _react.createElement)(_header.default, {
     title: title,
     subTitle: subTitle,
     actions: actions
-  }), children), (0, _element.createElement)(_editor.EditorSnackbars, null));
+  }), children), (0, _react.createElement)(_editor.EditorSnackbars, null));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_interface","_editor","_header","Page","title","subTitle","actions","children","className","hideTitleFromUI","classes","classnames","_element","createElement","NavigableRegion","ariaLabel","default","EditorSnackbars"],"sources":["@wordpress/edit-site/src/components/page/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { NavigableRegion } from '@wordpress/interface';\nimport { EditorSnackbars } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport Header from './header';\n\nexport default function Page( {\n\ttitle,\n\tsubTitle,\n\tactions,\n\tchildren,\n\tclassName,\n\thideTitleFromUI = false,\n} ) {\n\tconst classes = classnames( 'edit-site-page', className );\n\n\treturn (\n\t\t<NavigableRegion className={ classes } ariaLabel={ title }>\n\t\t\t<div className=\"edit-site-page-content\">\n\t\t\t\t{ ! hideTitleFromUI && title && (\n\t\t\t\t\t<Header\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\tsubTitle={ subTitle }\n\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t\t<EditorSnackbars />\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,IAAIA,CAAE;EAC7BC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,eAAe,GAAG;AACnB,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAE,gBAAgB,EAAEH,SAAU,CAAC;EAEzD,OACC,IAAAI,QAAA,CAAAC,aAAA,EAACb,UAAA,CAAAc,eAAe;IAACN,SAAS,EAAGE,OAAS;IAACK,SAAS,EAAGX;EAAO,GACzD,IAAAQ,QAAA,CAAAC,aAAA;IAAKL,SAAS,EAAC;EAAwB,GACpC,CAAEC,eAAe,IAAIL,KAAK,IAC3B,IAAAQ,QAAA,CAAAC,aAAA,EAACX,OAAA,CAAAc,OAAM;IACNZ,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA;EAAS,CACnB,CACD,EACCC,QACE,CAAC,EACN,IAAAK,QAAA,CAAAC,aAAA,EAACZ,OAAA,CAAAgB,eAAe,MAAE,CACF,CAAC;AAEpB"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_interface","_editor","_header","Page","title","subTitle","actions","children","className","hideTitleFromUI","classes","classnames","_react","createElement","NavigableRegion","ariaLabel","default","EditorSnackbars"],"sources":["@wordpress/edit-site/src/components/page/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { NavigableRegion } from '@wordpress/interface';\nimport { EditorSnackbars } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport Header from './header';\n\nexport default function Page( {\n\ttitle,\n\tsubTitle,\n\tactions,\n\tchildren,\n\tclassName,\n\thideTitleFromUI = false,\n} ) {\n\tconst classes = classnames( 'edit-site-page', className );\n\n\treturn (\n\t\t<NavigableRegion className={ classes } ariaLabel={ title }>\n\t\t\t<div className=\"edit-site-page-content\">\n\t\t\t\t{ ! hideTitleFromUI && title && (\n\t\t\t\t\t<Header\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\tsubTitle={ subTitle }\n\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t\t<EditorSnackbars />\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,IAAIA,CAAE;EAC7BC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,eAAe,GAAG;AACnB,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAE,gBAAgB,EAAEH,SAAU,CAAC;EAEzD,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACb,UAAA,CAAAc,eAAe;IAACN,SAAS,EAAGE,OAAS;IAACK,SAAS,EAAGX;EAAO,GACzD,IAAAQ,MAAA,CAAAC,aAAA;IAAKL,SAAS,EAAC;EAAwB,GACpC,CAAEC,eAAe,IAAIL,KAAK,IAC3B,IAAAQ,MAAA,CAAAC,aAAA,EAACX,OAAA,CAAAc,OAAM;IACNZ,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA;EAAS,CACnB,CACD,EACCC,QACE,CAAC,EACN,IAAAK,MAAA,CAAAC,aAAA,EAACZ,OAAA,CAAAgB,eAAe,MAAE,CACF,CAAC;AAEpB"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PageActions;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
@@ -24,12 +24,12 @@ function PageActions({
   toggleProps,
   onRemove
 }) {
-  return (0, _element.createElement)(_components.DropdownMenu, {
+  return (0, _react.createElement)(_components.DropdownMenu, {
     icon: _icons.moreVertical,
     label: (0, _i18n.__)('Actions'),
     className: className,
     toggleProps: toggleProps
-  }, () => (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_trashPageMenuItem.default, {
+  }, () => (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_trashPageMenuItem.default, {
     postId: postId,
     onRemove: onRemove
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_icons","_trashPageMenuItem","_interopRequireDefault","PageActions","postId","className","toggleProps","onRemove","_element","createElement","DropdownMenu","icon","moreVertical","label","__","MenuGroup","default"],"sources":["@wordpress/edit-site/src/components/page-actions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DropdownMenu, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport TrashPageMenuItem from './trash-page-menu-item';\n\nexport default function PageActions( {\n\tpostId,\n\tclassName,\n\ttoggleProps,\n\tonRemove,\n} ) {\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Actions' ) }\n\t\t\tclassName={ className }\n\t\t\ttoggleProps={ toggleProps }\n\t\t>\n\t\t\t{ () => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<TrashPageMenuItem\n\t\t\t\t\t\tpostId={ postId }\n\t\t\t\t\t\tonRemove={ onRemove }\n\t\t\t\t\t/>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,kBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGe,SAASK,WAAWA,CAAE;EACpCC,MAAM;EACNC,SAAS;EACTC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAW,YAAY;IACZC,IAAI,EAAGC,mBAAc;IACrBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBT,SAAS,EAAGA,SAAW;IACvBC,WAAW,EAAGA;EAAa,GAEzB,MACD,IAAAE,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAgB,SAAS,QACT,IAAAP,QAAA,CAAAC,aAAA,EAACR,kBAAA,CAAAe,OAAiB;IACjBZ,MAAM,EAAGA,MAAQ;IACjBG,QAAQ,EAAGA;EAAU,CACrB,CACS,CAEC,CAAC;AAEjB"}
+{"version":3,"names":["_i18n","require","_components","_icons","_trashPageMenuItem","_interopRequireDefault","PageActions","postId","className","toggleProps","onRemove","_react","createElement","DropdownMenu","icon","moreVertical","label","__","MenuGroup","default"],"sources":["@wordpress/edit-site/src/components/page-actions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DropdownMenu, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport TrashPageMenuItem from './trash-page-menu-item';\n\nexport default function PageActions( {\n\tpostId,\n\tclassName,\n\ttoggleProps,\n\tonRemove,\n} ) {\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Actions' ) }\n\t\t\tclassName={ className }\n\t\t\ttoggleProps={ toggleProps }\n\t\t>\n\t\t\t{ () => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<TrashPageMenuItem\n\t\t\t\t\t\tpostId={ postId }\n\t\t\t\t\t\tonRemove={ onRemove }\n\t\t\t\t\t/>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,kBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGe,SAASK,WAAWA,CAAE;EACpCC,MAAM;EACNC,SAAS;EACTC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAW,YAAY;IACZC,IAAI,EAAGC,mBAAc;IACrBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBT,SAAS,EAAGA,SAAW;IACvBC,WAAW,EAAGA;EAAa,GAEzB,MACD,IAAAE,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAgB,SAAS,QACT,IAAAP,MAAA,CAAAC,aAAA,EAACR,kBAAA,CAAAe,OAAiB;IACjBZ,MAAM,EAAGA,MAAQ;IACjBG,QAAQ,EAAGA;EAAU,CACrB,CACS,CAEC,CAAC;AAEjB"}

package/build/components/page-actions/trash-page-menu-item.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TrashPageMenuItem;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _htmlEntities = require("@wordpress/html-entities");
 var _coreData = require("@wordpress/core-data");
@@ -45,7 +45,7 @@ function TrashPageMenuItem({
       });
     }
   }
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuItem, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuItem, {
     onClick: () => removePage(),
     isDestructive: true,
     variant: "secondary"

package/build/components/page-actions/trash-page-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_htmlEntities","_coreData","_i18n","_components","_notices","TrashPageMenuItem","postId","onRemove","createSuccessNotice","createErrorNotice","useDispatch","noticesStore","deleteEntityRecord","coreStore","page","useSelect","select","getEntityRecord","removePage","throwOnError","sprintf","__","decodeEntities","title","rendered","type","id","error","errorMessage","message","code","_element","createElement","Fragment","MenuItem","onClick","isDestructive","variant"],"sources":["@wordpress/edit-site/src/components/page-actions/trash-page-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport default function TrashPageMenuItem( { postId, onRemove } ) {\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\tconst page = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord( 'postType', 'page', postId ),\n\t\t[ postId ]\n\t);\n\tasync function removePage() {\n\t\ttry {\n\t\t\tawait deleteEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'page',\n\t\t\t\tpostId,\n\t\t\t\t{},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: The page's title. */\n\t\t\t\t\t__( '\"%s\" moved to the Trash.' ),\n\t\t\t\t\tdecodeEntities( page.title.rendered )\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-page-trashed',\n\t\t\t\t}\n\t\t\t);\n\t\t\tonRemove?.();\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 moving the page to the trash.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\tonClick={ () => removePage() }\n\t\t\t\tisDestructive\n\t\t\t\tvariant=\"secondary\"\n\t\t\t>\n\t\t\t\t{ __( 'Move to Trash' ) }\n\t\t\t</MenuItem>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AARA;AACA;AACA;;AAQe,SAASM,iBAAiBA,CAAE;EAAEC,MAAM;EAAEC;AAAS,CAAC,EAAG;EACjE,MAAM;IAAEC,mBAAmB;IAAEC;EAAkB,CAAC,GAC/C,IAAAC,iBAAW,EAAEC,cAAa,CAAC;EAC5B,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAF,iBAAW,EAAEG,eAAU,CAAC;EACvD,MAAMC,IAAI,GAAG,IAAAC,eAAS,EACnBC,MAAM,IACPA,MAAM,CAAEH,eAAU,CAAC,CAACI,eAAe,CAAE,UAAU,EAAE,MAAM,EAAEX,MAAO,CAAC,EAClE,CAAEA,MAAM,CACT,CAAC;EACD,eAAeY,UAAUA,CAAA,EAAG;IAC3B,IAAI;MACH,MAAMN,kBAAkB,CACvB,UAAU,EACV,MAAM,EACNN,MAAM,EACN,CAAC,CAAC,EACF;QAAEa,YAAY,EAAE;MAAK,CACtB,CAAC;MACDX,mBAAmB,CAClB,IAAAY,aAAO,GACN;MACA,IAAAC,QAAE,EAAE,0BAA2B,CAAC,EAChC,IAAAC,4BAAc,EAAER,IAAI,CAACS,KAAK,CAACC,QAAS,CACrC,CAAC,EACD;QACCC,IAAI,EAAE,UAAU;QAChBC,EAAE,EAAE;MACL,CACD,CAAC;MACDnB,QAAQ,GAAG,CAAC;IACb,CAAC,CAAC,OAAQoB,KAAK,EAAG;MACjB,MAAMC,YAAY,GACjBD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACG,IAAI,KAAK,eAAe,GAC5CH,KAAK,CAACE,OAAO,GACb,IAAAR,QAAE,EACF,uDACA,CAAC;MAELZ,iBAAiB,CAAEmB,YAAY,EAAE;QAAEH,IAAI,EAAE;MAAW,CAAE,CAAC;IACxD;EACD;EACA,OACC,IAAAM,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAAC7B,WAAA,CAAA+B,QAAQ;IACRC,OAAO,EAAGA,CAAA,KAAMjB,UAAU,CAAC,CAAG;IAC9BkB,aAAa;IACbC,OAAO,EAAC;EAAW,GAEjB,IAAAhB,QAAE,EAAE,eAAgB,CACb,CACT,CAAC;AAEL"}
+{"version":3,"names":["_data","require","_htmlEntities","_coreData","_i18n","_components","_notices","TrashPageMenuItem","postId","onRemove","createSuccessNotice","createErrorNotice","useDispatch","noticesStore","deleteEntityRecord","coreStore","page","useSelect","select","getEntityRecord","removePage","throwOnError","sprintf","__","decodeEntities","title","rendered","type","id","error","errorMessage","message","code","_react","createElement","Fragment","MenuItem","onClick","isDestructive","variant"],"sources":["@wordpress/edit-site/src/components/page-actions/trash-page-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport default function TrashPageMenuItem( { postId, onRemove } ) {\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\tconst page = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord( 'postType', 'page', postId ),\n\t\t[ postId ]\n\t);\n\tasync function removePage() {\n\t\ttry {\n\t\t\tawait deleteEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'page',\n\t\t\t\tpostId,\n\t\t\t\t{},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: The page's title. */\n\t\t\t\t\t__( '\"%s\" moved to the Trash.' ),\n\t\t\t\t\tdecodeEntities( page.title.rendered )\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-page-trashed',\n\t\t\t\t}\n\t\t\t);\n\t\t\tonRemove?.();\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 moving the page to the trash.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\tonClick={ () => removePage() }\n\t\t\t\tisDestructive\n\t\t\t\tvariant=\"secondary\"\n\t\t\t>\n\t\t\t\t{ __( 'Move to Trash' ) }\n\t\t\t</MenuItem>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AARA;AACA;AACA;;AAQe,SAASM,iBAAiBA,CAAE;EAAEC,MAAM;EAAEC;AAAS,CAAC,EAAG;EACjE,MAAM;IAAEC,mBAAmB;IAAEC;EAAkB,CAAC,GAC/C,IAAAC,iBAAW,EAAEC,cAAa,CAAC;EAC5B,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAF,iBAAW,EAAEG,eAAU,CAAC;EACvD,MAAMC,IAAI,GAAG,IAAAC,eAAS,EACnBC,MAAM,IACPA,MAAM,CAAEH,eAAU,CAAC,CAACI,eAAe,CAAE,UAAU,EAAE,MAAM,EAAEX,MAAO,CAAC,EAClE,CAAEA,MAAM,CACT,CAAC;EACD,eAAeY,UAAUA,CAAA,EAAG;IAC3B,IAAI;MACH,MAAMN,kBAAkB,CACvB,UAAU,EACV,MAAM,EACNN,MAAM,EACN,CAAC,CAAC,EACF;QAAEa,YAAY,EAAE;MAAK,CACtB,CAAC;MACDX,mBAAmB,CAClB,IAAAY,aAAO,GACN;MACA,IAAAC,QAAE,EAAE,0BAA2B,CAAC,EAChC,IAAAC,4BAAc,EAAER,IAAI,CAACS,KAAK,CAACC,QAAS,CACrC,CAAC,EACD;QACCC,IAAI,EAAE,UAAU;QAChBC,EAAE,EAAE;MACL,CACD,CAAC;MACDnB,QAAQ,GAAG,CAAC;IACb,CAAC,CAAC,OAAQoB,KAAK,EAAG;MACjB,MAAMC,YAAY,GACjBD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACG,IAAI,KAAK,eAAe,GAC5CH,KAAK,CAACE,OAAO,GACb,IAAAR,QAAE,EACF,uDACA,CAAC;MAELZ,iBAAiB,CAAEmB,YAAY,EAAE;QAAEH,IAAI,EAAE;MAAW,CAAE,CAAC;IACxD;EACD;EACA,OACC,IAAAM,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAC7B,WAAA,CAAA+B,QAAQ;IACRC,OAAO,EAAGA,CAAA,KAAMjB,UAAU,CAAC,CAAG;IAC9BkB,aAAa;IACbC,OAAO,EAAC;EAAW,GAEjB,IAAAhB,QAAE,EAAE,eAAgB,CACb,CACT,CAAC;AAEL"}

package/build/components/page-content-focus-manager/disable-non-page-content-blocks.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = DisableNonPageContentBlocks;
 exports.useDisableNonPageContentBlocks = useDisableNonPageContentBlocks;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _compose = require("@wordpress/compose");
 var _hooks = require("@wordpress/hooks");
 var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
 var _constants = require("../../utils/constants");
 /**
  * WordPress dependencies
@@ -42,7 +43,7 @@ const withDisableNonPageContentBlocks = (0, _compose.createHigherOrderComponent)
   const isPageContent = _constants.PAGE_CONTENT_BLOCK_TYPES[props.name] && !isDescendentOfQueryLoop;
   const mode = isPageContent ? 'contentOnly' : undefined;
   (0, _blockEditor.useBlockEditingMode)(mode);
-  return (0, _element.createElement)(BlockEdit, {
+  return (0, _react.createElement)(BlockEdit, {
     ...props
   });
 }, 'withDisableNonPageContentBlocks');

package/build/components/page-content-focus-manager/disable-non-page-content-blocks.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_compose","_hooks","_blockEditor","_constants","DisableNonPageContentBlocks","useDisableNonPageContentBlocks","useBlockEditingMode","useEffect","addFilter","withDisableNonPageContentBlocks","removeFilter","createHigherOrderComponent","BlockEdit","props","isDescendentOfQueryLoop","context","queryId","undefined","isPageContent","PAGE_CONTENT_BLOCK_TYPES","name","mode","createElement"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/disable-non-page-content-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { addFilter, removeFilter } from '@wordpress/hooks';\nimport { useBlockEditingMode } from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { PAGE_CONTENT_BLOCK_TYPES } from '../../utils/constants';\n\n/**\n * Component that when rendered, makes it so that the site editor allows only\n * page content to be edited.\n */\nexport default function DisableNonPageContentBlocks() {\n\tuseDisableNonPageContentBlocks();\n\treturn null;\n}\n\n/**\n * Disables non-content blocks using the `useBlockEditingMode` hook.\n */\nexport function useDisableNonPageContentBlocks() {\n\tuseBlockEditingMode( 'disabled' );\n\tuseEffect( () => {\n\t\taddFilter(\n\t\t\t'editor.BlockEdit',\n\t\t\t'core/edit-site/disable-non-content-blocks',\n\t\t\twithDisableNonPageContentBlocks\n\t\t);\n\t\treturn () =>\n\t\t\tremoveFilter(\n\t\t\t\t'editor.BlockEdit',\n\t\t\t\t'core/edit-site/disable-non-content-blocks'\n\t\t\t);\n\t}, [] );\n}\n\nconst withDisableNonPageContentBlocks = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst isDescendentOfQueryLoop = props.context.queryId !== undefined;\n\t\tconst isPageContent =\n\t\t\tPAGE_CONTENT_BLOCK_TYPES[ props.name ] && ! isDescendentOfQueryLoop;\n\t\tconst mode = isPageContent ? 'contentOnly' : undefined;\n\t\tuseBlockEditingMode( mode );\n\t\treturn <BlockEdit { ...props } />;\n\t},\n\t'withDisableNonPageContentBlocks'\n);\n"],"mappings":";;;;;;;AAMA,IAAAA,QAAA,GAAAC,OAAA;AAHA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAMA,IAAAI,UAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACe,SAASK,2BAA2BA,CAAA,EAAG;EACrDC,8BAA8B,CAAC,CAAC;EAChC,OAAO,IAAI;AACZ;;AAEA;AACA;AACA;AACO,SAASA,8BAA8BA,CAAA,EAAG;EAChD,IAAAC,gCAAmB,EAAE,UAAW,CAAC;EACjC,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAAC,gBAAS,EACR,kBAAkB,EAClB,2CAA2C,EAC3CC,+BACD,CAAC;IACD,OAAO,MACN,IAAAC,mBAAY,EACX,kBAAkB,EAClB,2CACD,CAAC;EACH,CAAC,EAAE,EAAG,CAAC;AACR;AAEA,MAAMD,+BAA+B,GAAG,IAAAE,mCAA0B,EAC/DC,SAAS,IAAQC,KAAK,IAAM;EAC7B,MAAMC,uBAAuB,GAAGD,KAAK,CAACE,OAAO,CAACC,OAAO,KAAKC,SAAS;EACnE,MAAMC,aAAa,GAClBC,mCAAwB,CAAEN,KAAK,CAACO,IAAI,CAAE,IAAI,CAAEN,uBAAuB;EACpE,MAAMO,IAAI,GAAGH,aAAa,GAAG,aAAa,GAAGD,SAAS;EACtD,IAAAX,gCAAmB,EAAEe,IAAK,CAAC;EAC3B,OAAO,IAAAvB,QAAA,CAAAwB,aAAA,EAACV,SAAS;IAAA,GAAMC;EAAK,CAAI,CAAC;AAClC,CAAC,EACD,iCACD,CAAC"}
+{"version":3,"names":["_compose","require","_hooks","_blockEditor","_element","_constants","DisableNonPageContentBlocks","useDisableNonPageContentBlocks","useBlockEditingMode","useEffect","addFilter","withDisableNonPageContentBlocks","removeFilter","createHigherOrderComponent","BlockEdit","props","isDescendentOfQueryLoop","context","queryId","undefined","isPageContent","PAGE_CONTENT_BLOCK_TYPES","name","mode","_react","createElement"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/disable-non-page-content-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { addFilter, removeFilter } from '@wordpress/hooks';\nimport { useBlockEditingMode } from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { PAGE_CONTENT_BLOCK_TYPES } from '../../utils/constants';\n\n/**\n * Component that when rendered, makes it so that the site editor allows only\n * page content to be edited.\n */\nexport default function DisableNonPageContentBlocks() {\n\tuseDisableNonPageContentBlocks();\n\treturn null;\n}\n\n/**\n * Disables non-content blocks using the `useBlockEditingMode` hook.\n */\nexport function useDisableNonPageContentBlocks() {\n\tuseBlockEditingMode( 'disabled' );\n\tuseEffect( () => {\n\t\taddFilter(\n\t\t\t'editor.BlockEdit',\n\t\t\t'core/edit-site/disable-non-content-blocks',\n\t\t\twithDisableNonPageContentBlocks\n\t\t);\n\t\treturn () =>\n\t\t\tremoveFilter(\n\t\t\t\t'editor.BlockEdit',\n\t\t\t\t'core/edit-site/disable-non-content-blocks'\n\t\t\t);\n\t}, [] );\n}\n\nconst withDisableNonPageContentBlocks = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst isDescendentOfQueryLoop = props.context.queryId !== undefined;\n\t\tconst isPageContent =\n\t\t\tPAGE_CONTENT_BLOCK_TYPES[ props.name ] && ! isDescendentOfQueryLoop;\n\t\tconst mode = isPageContent ? 'contentOnly' : undefined;\n\t\tuseBlockEditingMode( mode );\n\t\treturn <BlockEdit { ...props } />;\n\t},\n\t'withDisableNonPageContentBlocks'\n);\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACe,SAASK,2BAA2BA,CAAA,EAAG;EACrDC,8BAA8B,CAAC,CAAC;EAChC,OAAO,IAAI;AACZ;;AAEA;AACA;AACA;AACO,SAASA,8BAA8BA,CAAA,EAAG;EAChD,IAAAC,gCAAmB,EAAE,UAAW,CAAC;EACjC,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAAC,gBAAS,EACR,kBAAkB,EAClB,2CAA2C,EAC3CC,+BACD,CAAC;IACD,OAAO,MACN,IAAAC,mBAAY,EACX,kBAAkB,EAClB,2CACD,CAAC;EACH,CAAC,EAAE,EAAG,CAAC;AACR;AAEA,MAAMD,+BAA+B,GAAG,IAAAE,mCAA0B,EAC/DC,SAAS,IAAQC,KAAK,IAAM;EAC7B,MAAMC,uBAAuB,GAAGD,KAAK,CAACE,OAAO,CAACC,OAAO,KAAKC,SAAS;EACnE,MAAMC,aAAa,GAClBC,mCAAwB,CAAEN,KAAK,CAACO,IAAI,CAAE,IAAI,CAAEN,uBAAuB;EACpE,MAAMO,IAAI,GAAGH,aAAa,GAAG,aAAa,GAAGD,SAAS;EACtD,IAAAX,gCAAmB,EAAEe,IAAK,CAAC;EAC3B,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACX,SAAS;IAAA,GAAMC;EAAK,CAAI,CAAC;AAClC,CAAC,EACD,iCACD,CAAC"}

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = EditTemplateNotification;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _notices = require("@wordpress/notices");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -92,7 +93,7 @@ function EditTemplateNotification({
       canvas?.removeEventListener('dblclick', handleDblClick);
     };
   }, [lastNoticeId, hasPageContentFocus, contentRef.current]);
-  return (0, _element.createElement)(_components.__experimentalConfirmDialog, {
+  return (0, _react.createElement)(_components.__experimentalConfirmDialog, {
     isOpen: isDialogOpen,
     confirmButtonText: (0, _i18n.__)('Edit template'),
     onConfirm: () => {

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":";;;;;;;;AAGA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAKA,IAAAO,KAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,KAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,YAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AArBA;AACA;AACA;;AAaA;AACA;AACA;;AAMA,MAAMW,WAAW,GAAG,EAAE;AAEP,SAASC,SAASA,CAAA,EAAG;EACnC,MAAM,CAAEC,KAAK,EAAEC,aAAa,CAAE,GAAG,IAAAC,iBAAQ,EAAIC,CAAC,IAAM,CAAEA,CAAE,CAAC;EACzD,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAH,iBAAQ,EAAE,EAAG,CAAC;EACxD,MAAM,CAAEI,cAAc,EAAEC,iBAAiB,CAAE,GAAG,IAAAL,iBAAQ,EAAC,CAAC;EACxD,MAAM,CAAE;IAAEM,SAAS;IAAEC;EAAS,CAAC,EAAEC,aAAa,CAAE,GAAG,IAAAR,iBAAQ,EAAE;IAC5DM,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAEE,2BAAgB,CAAE,CAAC;EAC9B,CAAE,CAAC;EACH;EACA,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAX,iBAAQ,EAAEJ,WAAY,CAAC;EACjE,IAAAgB,kBAAS,EAAE,MAAM;IAChB,IAAAC,iBAAQ,EAAE;MACTC,IAAI,EAAE;IACP,CAAE,CAAC,CAACC,IAAI,CAAEJ,eAAgB,CAAC;EAC5B,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,MAAMK,UAAU,GAAG,IAAAC,gBAAO,EACzB,OAAQ;IAAEX,SAAS;IAAEC;EAAS,CAAC,CAAE,EACjC,CAAED,SAAS,EAAEC,QAAQ,CACtB,CAAC;EACD,MAAM,CAAEW,OAAO,EAAEC,UAAU,CAAE,GAAG,IAAAnB,iBAAQ,EAAE,CACzC;IAAEoB,KAAK,EAAE,MAAM;IAAEC,OAAO,EAAE;EAAO,CAAC,CACjC,CAAC;EACH,MAAMC,SAAS,GAAG,IAAAL,gBAAO,EACxB,OAAQ;IACPM,QAAQ,EAAEhB,QAAQ;IAClBiB,IAAI,EAAElB,SAAS,GAAG,CAAC;IAAE;IACrBmB,MAAM,EAAE,QAAQ;IAChBL,KAAK,EAAEF,OAAO,CAAE,CAAC,CAAE,EAAEQ,IAAI,GAAG,MAAM,GAAG,KAAK;IAC1CL,OAAO,EAAEH,OAAO,CAAE,CAAC,CAAE,EAAES,EAAE;IACzBC,MAAM,EAAE1B,YAAY;IACpB2B,MAAM,EAAE,CAAE,SAAS,EAAE,OAAO;EAC7B,CAAC,CAAE,EACH,CACC3B,YAAY,EACZgB,OAAO,CAAE,CAAC,CAAE,EAAES,EAAE,EAChBT,OAAO,CAAE,CAAC,CAAE,EAAEQ,IAAI,EAClBnB,QAAQ,EACRD,SAAS,EACTR,KAAK,CAEP,CAAC;EACD,MAAM;IAAEgC,OAAO;IAAEC,WAAW,EAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAgB,EAC3D,UAAU,EACV,MAAM,EACNX,SACD,CAAC;EACD,IAAAV,kBAAS,EAAE,MAAM;IAChB;IACA,IAAAC,iBAAQ,EAAE;MACTC,IAAI,EAAE,IAAAoB,iBAAY,EAAE,cAAc,EAAE;QACnC,GAAGZ,SAAS;QACZa,OAAO,EAAE;MACV,CAAE,CAAC;MACHC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE;IACR,CAAE,CAAC,CAACtB,IAAI,CAAIuB,GAAG,IAAM;MACpB,MAAMC,UAAU,GAAGC,QAAQ,CAAEF,GAAG,CAACG,OAAO,CAACC,GAAG,CAAE,iBAAkB,CAAE,CAAC;MACnE,MAAMC,UAAU,GAAGH,QAAQ,CAAEF,GAAG,CAACG,OAAO,CAACC,GAAG,CAAE,YAAa,CAAE,CAAC;MAC9DrC,iBAAiB,CAAE;QAClBkC,UAAU;QACVI;MACD,CAAE,CAAC;IACJ,CAAE,CAAC;IACH;EACD,CAAC,EAAE,CAAEzC,YAAY,EAAEK,QAAQ,EAAET,KAAK,CAAG,CAAC;EAEtC,MAAM8C,MAAM,GAAG,IAAA3B,gBAAO,EACrB,MAAM,CACL;IACC4B,MAAM,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;IACrBnB,EAAE,EAAE,OAAO;IACXoB,UAAU,EAAIvB,IAAI,IAAMA,IAAI,CAACwB,KAAK,EAAEC,QAAQ,IAAIzB,IAAI,CAAC0B,IAAI;IACzDC,IAAI,EAAIC,KAAK,IAAM;MAClB,MAAM5B,IAAI,GAAG4B,KAAK,CAACC,GAAG,CAACC,QAAQ;MAC/B,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACrE,WAAA,CAAAsE,oBAAM;QAACC,OAAO,EAAG;MAAG,GACpB,IAAAH,MAAA,CAAAC,aAAA,EAACrE,WAAA,CAAAwE,qBAAO;QAACC,EAAE,EAAC,IAAI;QAACC,KAAK,EAAG;MAAG,GAC3B,IAAAN,MAAA,CAAAC,aAAA,EAAC/D,KAAA,CAAAqE,OAAI;QACJC,MAAM,EAAG;UACRC,MAAM,EAAExC,IAAI,CAACG,EAAE;UACfsC,QAAQ,EAAEzC,IAAI,CAAC0C,IAAI;UACnBC,MAAM,EAAE;QACT;MAAG,GAED,IAAAC,4BAAc,EAAEhB,KAAK,CAACiB,QAAQ,CAAC,CAAE,CAC9B,CACE,CACF,CAAC;IAEX,CAAC;IACDC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE,cAAc;IACzBC,YAAY,EAAE;EACf,CAAC,EACD;IACC3B,MAAM,EAAE,IAAAC,QAAE,EAAE,QAAS,CAAC;IACtBnB,EAAE,EAAE,QAAQ;IACZoB,UAAU,EAAIvB,IAAI,IAAMA,IAAI,CAACiD,SAAS,EAAEC,MAAM,CAAE,CAAC,CAAE,EAAEC,IAAI;IACzDxB,IAAI,EAAIC,KAAK,IAAM;MAClB,MAAMsB,MAAM,GAAGtB,KAAK,CAACC,GAAG,CAACC,QAAQ,CAACmB,SAAS,EAAEC,MAAM,CAAE,CAAC,CAAE;MACxD,OACC,IAAAnB,MAAA,CAAAC,aAAA;QAAGoB,IAAI,EAAI,yBAAyBF,MAAM,CAAC/C,EAAI;MAAG,GAC/C+C,MAAM,CAACC,IACP,CAAC;IAEN;EACD,CAAC,EACD;IACC9B,MAAM,EAAE,QAAQ;IAChBlB,EAAE,EAAE,QAAQ;IACZwB,IAAI,EAAIC,KAAK,IACZ1C,YAAY,CAAE0C,KAAK,CAACC,GAAG,CAACC,QAAQ,CAACzB,MAAM,CAAE,EAAE8C;EAC7C,CAAC,EACD;IACC9B,MAAM,EAAE,IAAAU,MAAA,CAAAC,aAAA,EAACrE,WAAA,CAAA0F,cAAc,QAAG,IAAA/B,QAAE,EAAE,SAAU,CAAmB,CAAC;IAC5DnB,EAAE,EAAE,SAAS;IACbwB,IAAI,EAAIC,KAAK,IAAM;MAClB,MAAM5B,IAAI,GAAG4B,KAAK,CAACC,GAAG,CAACC,QAAQ;MAC/B,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC9D,YAAA,CAAAoE,OAAW;QACXE,MAAM,EAAGxC,IAAI,CAACG,EAAI;QAClBmD,QAAQ,EAAGA,CAAA,KAAM/E,aAAa,CAAC;MAAG,CAClC,CAAC;IAEJ,CAAC;IACDyE,YAAY,EAAE;EACf,CAAC,CACD,EACD,CAAE9D,YAAY,CACf,CAAC;;EAED;EACA,OACC,IAAA6C,MAAA,CAAAC,aAAA,EAAChE,KAAA,CAAAsE,OAAI;IAACd,KAAK,EAAG,IAAAF,QAAE,EAAE,OAAQ;EAAG,GAC5B,IAAAS,MAAA,CAAAC,aAAA,EAAC7D,UAAA,CAAAoF,SAAS;IACT3E,cAAc,EAAGA,cAAgB;IACjC4E,IAAI,EAAGlD,OAAO,IAAIlC,WAAa;IAC/BoC,SAAS,EAAGA,SAAW;IACvBY,MAAM,EAAGA,MAAQ;IACjBqC,OAAO,EAAG;MACTC,aAAa,EAAE,IAAI;MACnBC,eAAe,EAAE,IAAI;MACrBC,gBAAgB,EAAE,IAAI;MACtBC,kBAAkB,EAAE,IAAI;MACxBC,KAAK,EAAE;QACNpE,OAAO;QACPhB,YAAY;QACZc;MACD,CAAC;MACDuE,SAAS,EAAEnF,cAAc,EAAEmC,UAAU;MACrCiD,eAAe,EAAErE,UAAU;MAC3BsE,oBAAoB,EAAIC,KAAK,IAAM;QAClCvF,eAAe,CAAEuF,KAAM,CAAC;QACxBlF,aAAa,CAAE;UAAEF,SAAS,EAAE,CAAC;UAAEC;QAAS,CAAE,CAAC;MAC5C,CAAC;MACD;MACAoF,kBAAkB,EAAEnF,aAAa;MACjCoF,IAAI,EAAE;QAAEC,UAAU,EAAE9F;MAAc;IACnC;EAAG,CACH,CACI,CAAC;AAET"}

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);
 }