@wordpress/edit-site 5.10.0 → 5.12.0

package/build/components/list/table.js

@@ -19,9 +19,9 @@ var _components = require("@wordpress/components");
 
 var _htmlEntities = require("@wordpress/html-entities");
 
-var _link = _interopRequireDefault(require("../routes/link"));
+var _templateActions = _interopRequireDefault(require("../template-actions"));
 
-var _actions = _interopRequireDefault(require("./actions"));
+var _link = _interopRequireDefault(require("../routes/link"));
 
 var _addedBy = _interopRequireDefault(require("./added-by"));
 
@@ -32,16 +32,15 @@ var _addedBy = _interopRequireDefault(require("./added-by"));
 /**
  * Internal dependencies
  */
-function Table(_ref) {
-  let {
-    templateType
-  } = _ref;
+function Table({
+  templateType
+}) {
   const {
     records: allTemplates
   } = (0, _coreData.useEntityRecords)('postType', templateType, {
     per_page: -1
   });
-  const templates = (0, _data.useSelect)(select => allTemplates === null || allTemplates === void 0 ? void 0 : allTemplates.filter(template => !select(_coreData.store).isDeletingEntityRecord('postType', templateType, template.id)), [allTemplates]);
+  const templates = (0, _data.useSelect)(select => allTemplates?.filter(template => !select(_coreData.store).isDeletingEntityRecord('postType', templateType, template.id)), [allTemplates]);
   const postType = (0, _data.useSelect)(select => select(_coreData.store).getPostType(templateType), [templateType]);
 
   if (!templates) {
@@ -49,10 +48,8 @@ function Table(_ref) {
   }
 
   if (!templates.length) {
-    var _postType$labels, _postType$labels$name;
-
     return (0, _element.createElement)("div", null, (0, _i18n.sprintf)( // translators: The template type name, should be either "templates" or "template parts".
-    (0, _i18n.__)('No %s found.'), postType === null || postType === void 0 ? void 0 : (_postType$labels = postType.labels) === null || _postType$labels === void 0 ? void 0 : (_postType$labels$name = _postType$labels.name) === null || _postType$labels$name === void 0 ? void 0 : _postType$labels$name.toLowerCase()));
+    (0, _i18n.__)('No %s found.'), postType?.labels?.name?.toLowerCase()));
   }
 
   const sortedTemplates = [...templates];
@@ -74,37 +71,35 @@ function Table(_ref) {
     }, (0, _i18n.__)('Added by')), (0, _element.createElement)("th", {
       className: "edit-site-list-table-column",
       role: "columnheader"
-    }, (0, _element.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('Actions'))))), (0, _element.createElement)("tbody", null, sortedTemplates.map(template => {
-      var _template$title;
-
-      return (0, _element.createElement)("tr", {
-        key: template.id,
-        className: "edit-site-list-table-row",
-        role: "row"
-      }, (0, _element.createElement)("td", {
-        className: "edit-site-list-table-column",
-        role: "cell"
-      }, (0, _element.createElement)(_components.__experimentalHeading, {
-        level: 4
-      }, (0, _element.createElement)(_link.default, {
-        params: {
-          postId: template.id,
-          postType: template.type,
-          canvas: 'edit'
-        }
-      }, (0, _htmlEntities.decodeEntities)(((_template$title = template.title) === null || _template$title === void 0 ? void 0 : _template$title.rendered) || template.slug))), (0, _htmlEntities.decodeEntities)(template.description)), (0, _element.createElement)("td", {
-        className: "edit-site-list-table-column",
-        role: "cell"
-      }, template ? (0, _element.createElement)(_addedBy.default, {
+    }, (0, _element.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('Actions'))))), (0, _element.createElement)("tbody", null, sortedTemplates.map(template => (0, _element.createElement)("tr", {
+      key: template.id,
+      className: "edit-site-list-table-row",
+      role: "row"
+    }, (0, _element.createElement)("td", {
+      className: "edit-site-list-table-column",
+      role: "cell"
+    }, (0, _element.createElement)(_components.__experimentalHeading, {
+      level: 4
+    }, (0, _element.createElement)(_link.default, {
+      params: {
+        postId: template.id,
         postType: template.type,
-        postId: template.id
-      }) : null), (0, _element.createElement)("td", {
-        className: "edit-site-list-table-column",
-        role: "cell"
-      }, (0, _element.createElement)(_actions.default, {
-        template: template
-      })));
-    })))
+        canvas: 'edit'
+      }
+    }, (0, _htmlEntities.decodeEntities)(template.title?.rendered || template.slug))), (0, _htmlEntities.decodeEntities)(template.description)), (0, _element.createElement)("td", {
+      className: "edit-site-list-table-column",
+      role: "cell"
+    }, template ? (0, _element.createElement)(_addedBy.default, {
+      postType: template.type,
+      postId: template.id
+    }) : null), (0, _element.createElement)("td", {
+      className: "edit-site-list-table-column",
+      role: "cell"
+    }, (0, _element.createElement)(_templateActions.default, {
+      postType: template.type,
+      postId: template.id,
+      className: "edit-site-list-table__actions"
+    }))))))
   );
 }
 //# sourceMappingURL=table.js.map

package/build/components/list/table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/list/table.js"],"names":["Table","templateType","records","allTemplates","per_page","templates","select","filter","template","coreStore","isDeletingEntityRecord","id","postType","getPostType","length","labels","name","toLowerCase","sortedTemplates","sort","a","b","title","rendered","localeCompare","map","postId","type","canvas","slug","description"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore, useEntityRecords } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tVisuallyHidden,\n\t__experimentalHeading as Heading,\n} from '@wordpress/components';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport Link from '../routes/link';\nimport Actions from './actions';\nimport AddedBy from './added-by';\n\nexport default function Table( { templateType } ) {\n\tconst { records: allTemplates } = useEntityRecords(\n\t\t'postType',\n\t\ttemplateType,\n\t\t{\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\n\tconst templates = useSelect(\n\t\t( select ) =>\n\t\t\tallTemplates?.filter(\n\t\t\t\t( template ) =>\n\t\t\t\t\t! select( coreStore ).isDeletingEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\ttemplateType,\n\t\t\t\t\t\ttemplate.id\n\t\t\t\t\t)\n\t\t\t),\n\t\t[ allTemplates ]\n\t);\n\n\tconst postType = useSelect(\n\t\t( select ) => select( coreStore ).getPostType( templateType ),\n\t\t[ templateType ]\n\t);\n\n\tif ( ! templates ) {\n\t\treturn null;\n\t}\n\n\tif ( ! templates.length ) {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: The template type name, should be either \"templates\" or \"template parts\".\n\t\t\t\t\t__( 'No %s found.' ),\n\t\t\t\t\tpostType?.labels?.name?.toLowerCase()\n\t\t\t\t) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst sortedTemplates = [ ...templates ];\n\tsortedTemplates.sort( ( a, b ) =>\n\t\ta.title.rendered.localeCompare( b.title.rendered )\n\t);\n\n\treturn (\n\t\t// These explicit aria roles are needed for Safari.\n\t\t// See https://developer.mozilla.org/en-US/docs/Web/CSS/display#tables\n\t\t<table className=\"edit-site-list-table\" role=\"table\">\n\t\t\t<thead>\n\t\t\t\t<tr className=\"edit-site-list-table-head\" role=\"row\">\n\t\t\t\t\t<th\n\t\t\t\t\t\tclassName=\"edit-site-list-table-column\"\n\t\t\t\t\t\trole=\"columnheader\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Template' ) }\n\t\t\t\t\t</th>\n\t\t\t\t\t<th\n\t\t\t\t\t\tclassName=\"edit-site-list-table-column\"\n\t\t\t\t\t\trole=\"columnheader\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Added by' ) }\n\t\t\t\t\t</th>\n\t\t\t\t\t<th\n\t\t\t\t\t\tclassName=\"edit-site-list-table-column\"\n\t\t\t\t\t\trole=\"columnheader\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<VisuallyHidden>{ __( 'Actions' ) }</VisuallyHidden>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\n\t\t\t<tbody>\n\t\t\t\t{ sortedTemplates.map( ( template ) => (\n\t\t\t\t\t<tr\n\t\t\t\t\t\tkey={ template.id }\n\t\t\t\t\t\tclassName=\"edit-site-list-table-row\"\n\t\t\t\t\t\trole=\"row\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<td className=\"edit-site-list-table-column\" role=\"cell\">\n\t\t\t\t\t\t\t<Heading level={ 4 }>\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: template.id,\n\t\t\t\t\t\t\t\t\t\tpostType: template.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(\n\t\t\t\t\t\t\t\t\t\ttemplate.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\ttemplate.slug\n\t\t\t\t\t\t\t\t\t) }\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\t{ decodeEntities( template.description ) }\n\t\t\t\t\t\t</td>\n\n\t\t\t\t\t\t<td className=\"edit-site-list-table-column\" role=\"cell\">\n\t\t\t\t\t\t\t{ template ? (\n\t\t\t\t\t\t\t\t<AddedBy\n\t\t\t\t\t\t\t\t\tpostType={ template.type }\n\t\t\t\t\t\t\t\t\tpostId={ template.id }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null }\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td className=\"edit-site-list-table-column\" role=\"cell\">\n\t\t\t\t\t\t\t<Actions template={ template } />\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t) ) }\n\t\t\t</tbody>\n\t\t</table>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/list/table.js"],"names":["Table","templateType","records","allTemplates","per_page","templates","select","filter","template","coreStore","isDeletingEntityRecord","id","postType","getPostType","length","labels","name","toLowerCase","sortedTemplates","sort","a","b","title","rendered","localeCompare","map","postId","type","canvas","slug","description"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore, useEntityRecords } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tVisuallyHidden,\n\t__experimentalHeading as Heading,\n} from '@wordpress/components';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport TemplateActions from '../template-actions';\nimport Link from '../routes/link';\nimport AddedBy from './added-by';\n\nexport default function Table( { templateType } ) {\n\tconst { records: allTemplates } = useEntityRecords(\n\t\t'postType',\n\t\ttemplateType,\n\t\t{\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\n\tconst templates = useSelect(\n\t\t( select ) =>\n\t\t\tallTemplates?.filter(\n\t\t\t\t( template ) =>\n\t\t\t\t\t! select( coreStore ).isDeletingEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\ttemplateType,\n\t\t\t\t\t\ttemplate.id\n\t\t\t\t\t)\n\t\t\t),\n\t\t[ allTemplates ]\n\t);\n\n\tconst postType = useSelect(\n\t\t( select ) => select( coreStore ).getPostType( templateType ),\n\t\t[ templateType ]\n\t);\n\n\tif ( ! templates ) {\n\t\treturn null;\n\t}\n\n\tif ( ! templates.length ) {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: The template type name, should be either \"templates\" or \"template parts\".\n\t\t\t\t\t__( 'No %s found.' ),\n\t\t\t\t\tpostType?.labels?.name?.toLowerCase()\n\t\t\t\t) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst sortedTemplates = [ ...templates ];\n\tsortedTemplates.sort( ( a, b ) =>\n\t\ta.title.rendered.localeCompare( b.title.rendered )\n\t);\n\n\treturn (\n\t\t// These explicit aria roles are needed for Safari.\n\t\t// See https://developer.mozilla.org/en-US/docs/Web/CSS/display#tables\n\t\t<table className=\"edit-site-list-table\" role=\"table\">\n\t\t\t<thead>\n\t\t\t\t<tr className=\"edit-site-list-table-head\" role=\"row\">\n\t\t\t\t\t<th\n\t\t\t\t\t\tclassName=\"edit-site-list-table-column\"\n\t\t\t\t\t\trole=\"columnheader\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Template' ) }\n\t\t\t\t\t</th>\n\t\t\t\t\t<th\n\t\t\t\t\t\tclassName=\"edit-site-list-table-column\"\n\t\t\t\t\t\trole=\"columnheader\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Added by' ) }\n\t\t\t\t\t</th>\n\t\t\t\t\t<th\n\t\t\t\t\t\tclassName=\"edit-site-list-table-column\"\n\t\t\t\t\t\trole=\"columnheader\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<VisuallyHidden>{ __( 'Actions' ) }</VisuallyHidden>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\n\t\t\t<tbody>\n\t\t\t\t{ sortedTemplates.map( ( template ) => (\n\t\t\t\t\t<tr\n\t\t\t\t\t\tkey={ template.id }\n\t\t\t\t\t\tclassName=\"edit-site-list-table-row\"\n\t\t\t\t\t\trole=\"row\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<td className=\"edit-site-list-table-column\" role=\"cell\">\n\t\t\t\t\t\t\t<Heading level={ 4 }>\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: template.id,\n\t\t\t\t\t\t\t\t\t\tpostType: template.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(\n\t\t\t\t\t\t\t\t\t\ttemplate.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\ttemplate.slug\n\t\t\t\t\t\t\t\t\t) }\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\t{ decodeEntities( template.description ) }\n\t\t\t\t\t\t</td>\n\n\t\t\t\t\t\t<td className=\"edit-site-list-table-column\" role=\"cell\">\n\t\t\t\t\t\t\t{ template ? (\n\t\t\t\t\t\t\t\t<AddedBy\n\t\t\t\t\t\t\t\t\tpostType={ template.type }\n\t\t\t\t\t\t\t\t\tpostId={ template.id }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null }\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td className=\"edit-site-list-table-column\" role=\"cell\">\n\t\t\t\t\t\t\t<TemplateActions\n\t\t\t\t\t\t\t\tpostType={ template.type }\n\t\t\t\t\t\t\t\tpostId={ template.id }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-list-table__actions\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t) ) }\n\t\t\t</tbody>\n\t\t</table>\n\t);\n}\n"]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DeletePageMenuItem;
+
+var _element = require("@wordpress/element");
+
+var _data = require("@wordpress/data");
+
+var _htmlEntities = require("@wordpress/html-entities");
+
+var _coreData = require("@wordpress/core-data");
+
+var _i18n = require("@wordpress/i18n");
+
+var _components = require("@wordpress/components");
+
+var _notices = require("@wordpress/notices");
+
+/**
+ * WordPress dependencies
+ */
+function DeletePageMenuItem({
+  postId,
+  onRemove
+}) {
+  const [isModalOpen, setIsModalOpen] = (0, _element.useState)(false);
+  const {
+    createSuccessNotice,
+    createErrorNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const {
+    deleteEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  const page = (0, _data.useSelect)(select => select(_coreData.store).getEntityRecord('postType', 'page', postId), [postId]);
+
+  async function removePage() {
+    try {
+      await deleteEntityRecord('postType', 'page', postId, {}, {
+        throwOnError: true
+      });
+      createSuccessNotice((0, _i18n.sprintf)(
+      /* translators: The page's title. */
+      (0, _i18n.__)('"%s" deleted.'), (0, _htmlEntities.decodeEntities)(page.title.rendered)), {
+        type: 'snackbar',
+        id: 'edit-site-page-removed'
+      });
+      onRemove?.();
+    } catch (error) {
+      const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : (0, _i18n.__)('An error occurred while deleting the page.');
+      createErrorNotice(errorMessage, {
+        type: 'snackbar'
+      });
+    } finally {
+      setIsModalOpen(false);
+    }
+  }
+
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuItem, {
+    onClick: () => setIsModalOpen(true),
+    isDestructive: true
+  }, (0, _i18n.__)('Delete')), (0, _element.createElement)(_components.__experimentalConfirmDialog, {
+    isOpen: isModalOpen,
+    onConfirm: removePage,
+    onCancel: () => setIsModalOpen(false)
+  }, (0, _i18n.__)('Are you sure you want to delete this page?')));
+}
+//# sourceMappingURL=delete-page-menu-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/page-actions/delete-page-menu-item.js"],"names":["DeletePageMenuItem","postId","onRemove","isModalOpen","setIsModalOpen","createSuccessNotice","createErrorNotice","noticesStore","deleteEntityRecord","coreStore","page","select","getEntityRecord","removePage","throwOnError","title","rendered","type","id","error","errorMessage","message","code"],"mappings":";;;;;;;AAKA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AAIA;;AAZA;AACA;AACA;AAYe,SAASA,kBAAT,CAA6B;AAAEC,EAAAA,MAAF;AAAUC,EAAAA;AAAV,CAA7B,EAAoD;AAClE,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkC,uBAAU,KAAV,CAAxC;AACA,QAAM;AAAEC,IAAAA,mBAAF;AAAuBC,IAAAA;AAAvB,MACL,uBAAaC,cAAb,CADD;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAyB,uBAAaC,eAAb,CAA/B;AACA,QAAMC,IAAI,GAAG,qBACVC,MAAF,IACCA,MAAM,CAAEF,eAAF,CAAN,CAAoBG,eAApB,CAAqC,UAArC,EAAiD,MAAjD,EAAyDX,MAAzD,CAFW,EAGZ,CAAEA,MAAF,CAHY,CAAb;;AAKA,iBAAeY,UAAf,GAA4B;AAC3B,QAAI;AACH,YAAML,kBAAkB,CACvB,UADuB,EAEvB,MAFuB,EAGvBP,MAHuB,EAIvB,EAJuB,EAKvB;AAAEa,QAAAA,YAAY,EAAE;AAAhB,OALuB,CAAxB;AAOAT,MAAAA,mBAAmB,CAClB;AACC;AACA,oBAAI,eAAJ,CAFD,EAGC,kCAAgBK,IAAI,CAACK,KAAL,CAAWC,QAA3B,CAHD,CADkB,EAMlB;AACCC,QAAAA,IAAI,EAAE,UADP;AAECC,QAAAA,EAAE,EAAE;AAFL,OANkB,CAAnB;AAWAhB,MAAAA,QAAQ;AACR,KApBD,CAoBE,OAAQiB,KAAR,EAAgB;AACjB,YAAMC,YAAY,GACjBD,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACG,IAAN,KAAe,eAAhC,GACGH,KAAK,CAACE,OADT,GAEG,cAAI,4CAAJ,CAHJ;AAKAf,MAAAA,iBAAiB,CAAEc,YAAF,EAAgB;AAAEH,QAAAA,IAAI,EAAE;AAAR,OAAhB,CAAjB;AACA,KA3BD,SA2BU;AACTb,MAAAA,cAAc,CAAE,KAAF,CAAd;AACA;AACD;;AACD,SACC,qDACC,4BAAC,oBAAD;AAAU,IAAA,OAAO,EAAG,MAAMA,cAAc,CAAE,IAAF,CAAxC;AAAmD,IAAA,aAAa;AAAhE,KACG,cAAI,QAAJ,CADH,CADD,EAIC,4BAAC,uCAAD;AACC,IAAA,MAAM,EAAGD,WADV;AAEC,IAAA,SAAS,EAAGU,UAFb;AAGC,IAAA,QAAQ,EAAG,MAAMT,cAAc,CAAE,KAAF;AAHhC,KAKG,cAAI,4CAAJ,CALH,CAJD,CADD;AAcA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tMenuItem,\n\t__experimentalConfirmDialog as ConfirmDialog,\n} from '@wordpress/components';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport default function DeletePageMenuItem( { postId, onRemove } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\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\" deleted.' ),\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-removed',\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: __( 'An error occurred while deleting the page.' );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t} finally {\n\t\t\tsetIsModalOpen( false );\n\t\t}\n\t}\n\treturn (\n\t\t<>\n\t\t\t<MenuItem onClick={ () => setIsModalOpen( true ) } isDestructive>\n\t\t\t\t{ __( 'Delete' ) }\n\t\t\t</MenuItem>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ isModalOpen }\n\t\t\t\tonConfirm={ removePage }\n\t\t\t\tonCancel={ () => setIsModalOpen( false ) }\n\t\t\t>\n\t\t\t\t{ __( 'Are you sure you want to delete this page?' ) }\n\t\t\t</ConfirmDialog>\n\t\t</>\n\t);\n}\n"]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PageActions;
+
+var _element = require("@wordpress/element");
+
+var _i18n = require("@wordpress/i18n");
+
+var _components = require("@wordpress/components");
+
+var _icons = require("@wordpress/icons");
+
+var _deletePageMenuItem = _interopRequireDefault(require("./delete-page-menu-item"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function PageActions({
+  postId,
+  className,
+  toggleProps,
+  onRemove
+}) {
+  return (0, _element.createElement)(_components.DropdownMenu, {
+    icon: _icons.moreVertical,
+    label: (0, _i18n.__)('Actions'),
+    className: className,
+    toggleProps: toggleProps
+  }, () => (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_deletePageMenuItem.default, {
+    postId: postId,
+    onRemove: onRemove
+  })));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/page-actions/index.js"],"names":["PageActions","postId","className","toggleProps","onRemove","moreVertical"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;AAGe,SAASA,WAAT,CAAsB;AACpCC,EAAAA,MADoC;AAEpCC,EAAAA,SAFoC;AAGpCC,EAAAA,WAHoC;AAIpCC,EAAAA;AAJoC,CAAtB,EAKX;AACH,SACC,4BAAC,wBAAD;AACC,IAAA,IAAI,EAAGC,mBADR;AAEC,IAAA,KAAK,EAAG,cAAI,SAAJ,CAFT;AAGC,IAAA,SAAS,EAAGH,SAHb;AAIC,IAAA,WAAW,EAAGC;AAJf,KAMG,MACD,4BAAC,qBAAD,QACC,4BAAC,2BAAD;AACC,IAAA,MAAM,EAAGF,MADV;AAEC,IAAA,QAAQ,EAAGG;AAFZ,IADD,CAPF,CADD;AAiBA","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 DeletePageMenuItem from './delete-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<DeletePageMenuItem\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"]}

package/build/components/page-content-lock/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CONTENT_BLOCK_TYPES = void 0;
+const CONTENT_BLOCK_TYPES = ['core/post-title', 'core/post-featured-image', 'core/post-content'];
+exports.CONTENT_BLOCK_TYPES = CONTENT_BLOCK_TYPES;
+//# sourceMappingURL=constants.js.map

package/build/components/page-content-lock/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/page-content-lock/constants.js"],"names":["CONTENT_BLOCK_TYPES"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAG,CAClC,iBADkC,EAElC,0BAFkC,EAGlC,mBAHkC,CAA5B","sourcesContent":["export const CONTENT_BLOCK_TYPES = [\n\t'core/post-title',\n\t'core/post-featured-image',\n\t'core/post-content',\n];\n"]}

package/build/components/page-content-lock/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PageContentLock = PageContentLock;
+Object.defineProperty(exports, "usePageContentLockNotifications", {
+  enumerable: true,
+  get: function () {
+    return _usePageContentLockNotifications.usePageContentLockNotifications;
+  }
+});
+
+var _useDisableNonContentBlocks = require("./use-disable-non-content-blocks");
+
+var _usePageContentLockNotifications = require("./use-page-content-lock-notifications");
+
+/**
+ * Internal dependencies
+ */
+
+/**
+ * Component that when rendered, locks the site editor so that only page content
+ * can be edited.
+ */
+function PageContentLock() {
+  (0, _useDisableNonContentBlocks.useDisableNonContentBlocks)();
+}
+//# sourceMappingURL=index.js.map

package/build/components/page-content-lock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/page-content-lock/index.js"],"names":["PageContentLock"],"mappings":";;;;;;;;;;;;;AAGA;;AAUA;;AAbA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACO,SAASA,eAAT,GAA2B;AACjC;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { useDisableNonContentBlocks } from './use-disable-non-content-blocks';\n\n/**\n * Component that when rendered, locks the site editor so that only page content\n * can be edited.\n */\nexport function PageContentLock() {\n\tuseDisableNonContentBlocks();\n}\n\nexport { usePageContentLockNotifications } from './use-page-content-lock-notifications';\n"]}

package/build/components/page-content-lock/use-disable-non-content-blocks.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDisableNonContentBlocks = useDisableNonContentBlocks;
+
+var _element = require("@wordpress/element");
+
+var _compose = require("@wordpress/compose");
+
+var _hooks = require("@wordpress/hooks");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _privateApis = require("../../private-apis");
+
+var _constants = require("./constants");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const {
+  useBlockEditingMode
+} = (0, _privateApis.unlock)(_blockEditor.privateApis);
+/**
+ * Disables non-content blocks using the `useBlockEditingMode` hook.
+ */
+
+function useDisableNonContentBlocks() {
+  useBlockEditingMode('disabled');
+  (0, _element.useEffect)(() => {
+    (0, _hooks.addFilter)('editor.BlockEdit', 'core/edit-site/disable-non-content-blocks', withDisableNonContentBlocks);
+    return () => (0, _hooks.removeFilter)('editor.BlockEdit', 'core/edit-site/disable-non-content-blocks');
+  }, []);
+}
+
+const withDisableNonContentBlocks = (0, _compose.createHigherOrderComponent)(BlockEdit => props => {
+  const isContent = _constants.CONTENT_BLOCK_TYPES.includes(props.name);
+
+  const mode = isContent ? 'contentOnly' : undefined;
+  useBlockEditingMode(mode);
+  return (0, _element.createElement)(BlockEdit, props);
+}, 'withBlockEditingMode');
+//# sourceMappingURL=use-disable-non-content-blocks.js.map

package/build/components/page-content-lock/use-disable-non-content-blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/page-content-lock/use-disable-non-content-blocks.js"],"names":["useBlockEditingMode","blockEditorPrivateApis","useDisableNonContentBlocks","withDisableNonContentBlocks","BlockEdit","props","isContent","CONTENT_BLOCK_TYPES","includes","name","mode","undefined"],"mappings":";;;;;;;AAMA;;AAHA;;AACA;;AACA;;AAMA;;AACA;;AAZA;AACA;AACA;;AAMA;AACA;AACA;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAA0B,yBAAQC,wBAAR,CAAhC;AAEA;AACA;AACA;;AACO,SAASC,0BAAT,GAAsC;AAC5CF,EAAAA,mBAAmB,CAAE,UAAF,CAAnB;AACA,0BAAW,MAAM;AAChB,0BACC,kBADD,EAEC,2CAFD,EAGCG,2BAHD;AAKA,WAAO,MACN,yBACC,kBADD,EAEC,2CAFD,CADD;AAKA,GAXD,EAWG,EAXH;AAYA;;AAED,MAAMA,2BAA2B,GAAG,yCACjCC,SAAF,IAAmBC,KAAF,IAAa;AAC7B,QAAMC,SAAS,GAAGC,+BAAoBC,QAApB,CAA8BH,KAAK,CAACI,IAApC,CAAlB;;AACA,QAAMC,IAAI,GAAGJ,SAAS,GAAG,aAAH,GAAmBK,SAAzC;AACAX,EAAAA,mBAAmB,CAAEU,IAAF,CAAnB;AACA,SAAO,4BAAC,SAAD,EAAgBL,KAAhB,CAAP;AACA,CANkC,EAOnC,sBAPmC,CAApC","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { addFilter, removeFilter } from '@wordpress/hooks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../private-apis';\nimport { CONTENT_BLOCK_TYPES } from './constants';\n\nconst { useBlockEditingMode } = unlock( blockEditorPrivateApis );\n\n/**\n * Disables non-content blocks using the `useBlockEditingMode` hook.\n */\nexport function useDisableNonContentBlocks() {\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\twithDisableNonContentBlocks\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 withDisableNonContentBlocks = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst isContent = CONTENT_BLOCK_TYPES.includes( props.name );\n\t\tconst mode = isContent ? 'contentOnly' : undefined;\n\t\tuseBlockEditingMode( mode );\n\t\treturn <BlockEdit { ...props } />;\n\t},\n\t'withBlockEditingMode'\n);\n"]}

package/build/components/page-content-lock/use-page-content-lock-notifications.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePageContentLockNotifications = usePageContentLockNotifications;
+
+var _data = require("@wordpress/data");
+
+var _element = require("@wordpress/element");
+
+var _notices = require("@wordpress/notices");
+
+var _i18n = require("@wordpress/i18n");
+
+var _compose = require("@wordpress/compose");
+
+var _store = require("../../store");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+/**
+ * Hook that displays notifications that guide the user towards using the
+ * content vs. template editing modes.
+ *
+ * @return {import('react').RefObject<HTMLElement>} Ref which should be passed
+ *                                                  (using useMergeRefs()) to
+ *                                                  the editor iframe canvas.
+ */
+function usePageContentLockNotifications() {
+  const ref = useEditTemplateNotification();
+  useBackToPageNotification();
+  return ref;
+}
+/**
+ * Hook that displays a 'Edit your template to edit this block' notification
+ * when the user is focusing on editing page content and clicks on a locked
+ * template block.
+ *
+ * @return {import('react').RefObject<HTMLElement>} Ref which should be passed
+ *                                                  (using useMergeRefs()) to
+ *                                                  the editor iframe canvas.
+ */
+
+
+function useEditTemplateNotification() {
+  const hasPageContentLock = (0, _data.useSelect)(select => select(_store.store).hasPageContentLock(), []);
+  const alreadySeen = (0, _element.useRef)(false);
+  const {
+    createInfoNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const {
+    setHasPageContentLock
+  } = (0, _data.useDispatch)(_store.store);
+  return (0, _compose.useRefEffect)(node => {
+    const handleClick = event => {
+      if (!alreadySeen.current && hasPageContentLock && event.target.classList.contains('is-root-container')) {
+        createInfoNotice((0, _i18n.__)('Edit your template to edit this block'), {
+          isDismissible: true,
+          type: 'snackbar',
+          actions: [{
+            label: (0, _i18n.__)('Edit template'),
+            onClick: () => setHasPageContentLock(false)
+          }]
+        });
+        alreadySeen.current = true;
+      }
+    };
+
+    node.addEventListener('click', handleClick);
+    return () => node.removeEventListener('click', handleClick);
+  }, [hasPageContentLock, alreadySeen, createInfoNotice, setHasPageContentLock]);
+}
+/**
+ * Hook that displays a 'You are editing a template' notification when the user
+ * switches from focusing on editing page content to editing a template.
+ */
+
+
+function useBackToPageNotification() {
+  const hasPageContentLock = (0, _data.useSelect)(select => select(_store.store).hasPageContentLock(), []);
+  const alreadySeen = (0, _element.useRef)(false);
+  const prevHasPageContentLock = (0, _element.useRef)(false);
+  const {
+    createInfoNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const {
+    setHasPageContentLock
+  } = (0, _data.useDispatch)(_store.store);
+  (0, _element.useEffect)(() => {
+    if (!alreadySeen.current && prevHasPageContentLock.current && !hasPageContentLock) {
+      createInfoNotice((0, _i18n.__)('You are editing a template'), {
+        isDismissible: true,
+        type: 'snackbar',
+        actions: [{
+          label: (0, _i18n.__)('Back to page'),
+          onClick: () => setHasPageContentLock(true)
+        }]
+      });
+      alreadySeen.current = true;
+    }
+
+    prevHasPageContentLock.current = hasPageContentLock;
+  }, [alreadySeen, prevHasPageContentLock, hasPageContentLock, createInfoNotice, setHasPageContentLock]);
+}
+//# sourceMappingURL=use-page-content-lock-notifications.js.map

package/build/components/page-content-lock/use-page-content-lock-notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/page-content-lock/use-page-content-lock-notifications.js"],"names":["usePageContentLockNotifications","ref","useEditTemplateNotification","useBackToPageNotification","hasPageContentLock","select","editSiteStore","alreadySeen","createInfoNotice","noticesStore","setHasPageContentLock","node","handleClick","event","current","target","classList","contains","isDismissible","type","actions","label","onClick","addEventListener","removeEventListener","prevHasPageContentLock"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __ } from '@wordpress/i18n';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\n/**\n * Hook that displays notifications that guide the user towards using the\n * content vs. template editing modes.\n *\n * @return {import('react').RefObject<HTMLElement>} Ref which should be passed\n *                                                  (using useMergeRefs()) to\n *                                                  the editor iframe canvas.\n */\nexport function usePageContentLockNotifications() {\n\tconst ref = useEditTemplateNotification();\n\tuseBackToPageNotification();\n\treturn ref;\n}\n\n/**\n * Hook that displays a 'Edit your template to edit this block' notification\n * when the user is focusing on editing page content and clicks on a locked\n * template block.\n *\n * @return {import('react').RefObject<HTMLElement>} Ref which should be passed\n *                                                  (using useMergeRefs()) to\n *                                                  the editor iframe canvas.\n */\nfunction useEditTemplateNotification() {\n\tconst hasPageContentLock = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentLock(),\n\t\t[]\n\t);\n\n\tconst alreadySeen = useRef( false );\n\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\tconst { setHasPageContentLock } = useDispatch( editSiteStore );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tconst handleClick = ( event ) => {\n\t\t\t\tif (\n\t\t\t\t\t! alreadySeen.current &&\n\t\t\t\t\thasPageContentLock &&\n\t\t\t\t\tevent.target.classList.contains( 'is-root-container' )\n\t\t\t\t) {\n\t\t\t\t\tcreateInfoNotice(\n\t\t\t\t\t\t__( 'Edit your template to edit this block' ),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tisDismissible: true,\n\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\tactions: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tlabel: __( 'Edit template' ),\n\t\t\t\t\t\t\t\t\tonClick: () =>\n\t\t\t\t\t\t\t\t\t\tsetHasPageContentLock( false ),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t\talreadySeen.current = true;\n\t\t\t\t}\n\t\t\t};\n\t\t\tnode.addEventListener( 'click', handleClick );\n\t\t\treturn () => node.removeEventListener( 'click', handleClick );\n\t\t},\n\t\t[\n\t\t\thasPageContentLock,\n\t\t\talreadySeen,\n\t\t\tcreateInfoNotice,\n\t\t\tsetHasPageContentLock,\n\t\t]\n\t);\n}\n\n/**\n * Hook that displays a 'You are editing a template' notification when the user\n * switches from focusing on editing page content to editing a template.\n */\nfunction useBackToPageNotification() {\n\tconst hasPageContentLock = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentLock(),\n\t\t[]\n\t);\n\n\tconst alreadySeen = useRef( false );\n\tconst prevHasPageContentLock = useRef( false );\n\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\tconst { setHasPageContentLock } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! alreadySeen.current &&\n\t\t\tprevHasPageContentLock.current &&\n\t\t\t! hasPageContentLock\n\t\t) {\n\t\t\tcreateInfoNotice( __( 'You are editing a template' ), {\n\t\t\t\tisDismissible: true,\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tactions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Back to page' ),\n\t\t\t\t\t\tonClick: () => setHasPageContentLock( true ),\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t} );\n\t\t\talreadySeen.current = true;\n\t\t}\n\t\tprevHasPageContentLock.current = hasPageContentLock;\n\t}, [\n\t\talreadySeen,\n\t\tprevHasPageContentLock,\n\t\thasPageContentLock,\n\t\tcreateInfoNotice,\n\t\tsetHasPageContentLock,\n\t] );\n}\n"]}

package/build/components/preferences-modal/index.js

@@ -22,11 +22,10 @@ var _enableFeature = _interopRequireDefault(require("./enable-feature"));
 /**
  * Internal dependencies
  */
-function EditSitePreferencesModal(_ref) {
-  let {
-    isModalActive,
-    toggleModal
-  } = _ref;
+function EditSitePreferencesModal({
+  isModalActive,
+  toggleModal
+}) {
   const sections = (0, _element.useMemo)(() => [{
     name: 'general',
     tabLabel: (0, _i18n.__)('General'),

package/build/components/preferences-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/preferences-modal/index.js"],"names":["EditSitePreferencesModal","isModalActive","toggleModal","sections","name","tabLabel","content"],"mappings":";;;;;;;;;AAQA;;AALA;;AAMA;;AAKA;;AAdA;AACA;AACA;;AASA;AACA;AACA;AAGe,SAASA,wBAAT,OAGX;AAAA,MAH8C;AACjDC,IAAAA,aADiD;AAEjDC,IAAAA;AAFiD,GAG9C;AACH,QAAMC,QAAQ,GAAG,sBAAS,MAAM,CAC/B;AACCC,IAAAA,IAAI,EAAE,SADP;AAECC,IAAAA,QAAQ,EAAE,cAAI,SAAJ,CAFX;AAGCC,IAAAA,OAAO,EACN,4BAAC,kCAAD;AACC,MAAA,KAAK,EAAG,cAAI,YAAJ,CADT;AAEC,MAAA,WAAW,EAAG,cACb,2EADa;AAFf,OAMC,4BAAC,sBAAD;AACC,MAAA,WAAW,EAAC,WADb;AAEC,MAAA,IAAI,EAAG,cACN,uDADM,CAFR;AAKC,MAAA,KAAK,EAAG,cAAI,gBAAJ;AALT,MAND,EAaC,4BAAC,sBAAD;AACC,MAAA,WAAW,EAAC,gBADb;AAEC,MAAA,KAAK,EAAG,cAAI,yBAAJ,CAFT;AAGC,MAAA,IAAI,EAAG,cAAI,wCAAJ;AAHR,MAbD,EAkBC,4BAAC,sBAAD;AACC,MAAA,WAAW,EAAC,uBADb;AAEC,MAAA,IAAI,EAAG,cACN,+CADM,CAFR;AAKC,MAAA,KAAK,EAAG,cAAI,uBAAJ;AALT,MAlBD,EAyBC,4BAAC,sBAAD;AACC,MAAA,WAAW,EAAC,sBADb;AAEC,MAAA,IAAI,EAAG,cACN,sDADM,CAFR;AAKC,MAAA,KAAK,EAAG,cAAI,2BAAJ;AALT,MAzBD;AAJF,GAD+B,EAwC/B;AACCF,IAAAA,IAAI,EAAE,QADP;AAECC,IAAAA,QAAQ,EAAE,cAAI,QAAJ,CAFX;AAGCC,IAAAA,OAAO,EACN,4BAAC,kCAAD;AACC,MAAA,KAAK,EAAG,cAAI,oBAAJ,CADT;AAEC,MAAA,WAAW,EAAG,cACb,iFADa;AAFf,OAMC,4BAAC,sBAAD;AACC,MAAA,WAAW,EAAC,sBADb;AAEC,MAAA,IAAI,EAAG,cACN,iEADM,CAFR;AAKC,MAAA,KAAK,EAAG,cAAI,kCAAJ;AALT,MAND;AAJF,GAxC+B,CAAf,CAAjB;;AA6DA,MAAK,CAAEL,aAAP,EAAuB;AACtB,WAAO,IAAP;AACA;;AACD,SACC,4BAAC,2BAAD;AAAkB,IAAA,UAAU,EAAGC;AAA/B,KACC,4BAAC,+BAAD;AAAsB,IAAA,QAAQ,EAAGC;AAAjC,IADD,CADD;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPreferencesModal,\n\tPreferencesModalTabs,\n\tPreferencesModalSection,\n} from '@wordpress/interface';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport EnableFeature from './enable-feature';\n\nexport default function EditSitePreferencesModal( {\n\tisModalActive,\n\ttoggleModal,\n} ) {\n\tconst sections = useMemo( () => [\n\t\t{\n\t\t\tname: 'general',\n\t\t\ttabLabel: __( 'General' ),\n\t\t\tcontent: (\n\t\t\t\t<PreferencesModalSection\n\t\t\t\t\ttitle={ __( 'Appearance' ) }\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t'Customize options related to the block editor interface and editing flow.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"focusMode\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Highlights the current block and fades other content.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showIconLabels\"\n\t\t\t\t\t\tlabel={ __( 'Show button text labels' ) }\n\t\t\t\t\t\thelp={ __( 'Show text instead of icons on buttons.' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showListViewByDefault\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Opens the block list view sidebar by default.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Always open list view' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showBlockBreadcrumbs\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Shows block breadcrumbs at the bottom of the editor.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Display block breadcrumbs' ) }\n\t\t\t\t\t/>\n\t\t\t\t</PreferencesModalSection>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tname: 'blocks',\n\t\t\ttabLabel: __( 'Blocks' ),\n\t\t\tcontent: (\n\t\t\t\t<PreferencesModalSection\n\t\t\t\t\ttitle={ __( 'Block interactions' ) }\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t'Customize how you interact with blocks in the block library and editing canvas.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"keepCaretInsideBlock\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Aids screen readers by stopping text caret from leaving blocks.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Contain text cursor inside block' ) }\n\t\t\t\t\t/>\n\t\t\t\t</PreferencesModalSection>\n\t\t\t),\n\t\t},\n\t] );\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<PreferencesModal closeModal={ toggleModal }>\n\t\t\t<PreferencesModalTabs sections={ sections } />\n\t\t</PreferencesModal>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/preferences-modal/index.js"],"names":["EditSitePreferencesModal","isModalActive","toggleModal","sections","name","tabLabel","content"],"mappings":";;;;;;;;;AAQA;;AALA;;AAMA;;AAKA;;AAdA;AACA;AACA;;AASA;AACA;AACA;AAGe,SAASA,wBAAT,CAAmC;AACjDC,EAAAA,aADiD;AAEjDC,EAAAA;AAFiD,CAAnC,EAGX;AACH,QAAMC,QAAQ,GAAG,sBAAS,MAAM,CAC/B;AACCC,IAAAA,IAAI,EAAE,SADP;AAECC,IAAAA,QAAQ,EAAE,cAAI,SAAJ,CAFX;AAGCC,IAAAA,OAAO,EACN,4BAAC,kCAAD;AACC,MAAA,KAAK,EAAG,cAAI,YAAJ,CADT;AAEC,MAAA,WAAW,EAAG,cACb,2EADa;AAFf,OAMC,4BAAC,sBAAD;AACC,MAAA,WAAW,EAAC,WADb;AAEC,MAAA,IAAI,EAAG,cACN,uDADM,CAFR;AAKC,MAAA,KAAK,EAAG,cAAI,gBAAJ;AALT,MAND,EAaC,4BAAC,sBAAD;AACC,MAAA,WAAW,EAAC,gBADb;AAEC,MAAA,KAAK,EAAG,cAAI,yBAAJ,CAFT;AAGC,MAAA,IAAI,EAAG,cAAI,wCAAJ;AAHR,MAbD,EAkBC,4BAAC,sBAAD;AACC,MAAA,WAAW,EAAC,uBADb;AAEC,MAAA,IAAI,EAAG,cACN,+CADM,CAFR;AAKC,MAAA,KAAK,EAAG,cAAI,uBAAJ;AALT,MAlBD,EAyBC,4BAAC,sBAAD;AACC,MAAA,WAAW,EAAC,sBADb;AAEC,MAAA,IAAI,EAAG,cACN,sDADM,CAFR;AAKC,MAAA,KAAK,EAAG,cAAI,2BAAJ;AALT,MAzBD;AAJF,GAD+B,EAwC/B;AACCF,IAAAA,IAAI,EAAE,QADP;AAECC,IAAAA,QAAQ,EAAE,cAAI,QAAJ,CAFX;AAGCC,IAAAA,OAAO,EACN,4BAAC,kCAAD;AACC,MAAA,KAAK,EAAG,cAAI,oBAAJ,CADT;AAEC,MAAA,WAAW,EAAG,cACb,iFADa;AAFf,OAMC,4BAAC,sBAAD;AACC,MAAA,WAAW,EAAC,sBADb;AAEC,MAAA,IAAI,EAAG,cACN,iEADM,CAFR;AAKC,MAAA,KAAK,EAAG,cAAI,kCAAJ;AALT,MAND;AAJF,GAxC+B,CAAf,CAAjB;;AA6DA,MAAK,CAAEL,aAAP,EAAuB;AACtB,WAAO,IAAP;AACA;;AACD,SACC,4BAAC,2BAAD;AAAkB,IAAA,UAAU,EAAGC;AAA/B,KACC,4BAAC,+BAAD;AAAsB,IAAA,QAAQ,EAAGC;AAAjC,IADD,CADD;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPreferencesModal,\n\tPreferencesModalTabs,\n\tPreferencesModalSection,\n} from '@wordpress/interface';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport EnableFeature from './enable-feature';\n\nexport default function EditSitePreferencesModal( {\n\tisModalActive,\n\ttoggleModal,\n} ) {\n\tconst sections = useMemo( () => [\n\t\t{\n\t\t\tname: 'general',\n\t\t\ttabLabel: __( 'General' ),\n\t\t\tcontent: (\n\t\t\t\t<PreferencesModalSection\n\t\t\t\t\ttitle={ __( 'Appearance' ) }\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t'Customize options related to the block editor interface and editing flow.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"focusMode\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Highlights the current block and fades other content.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showIconLabels\"\n\t\t\t\t\t\tlabel={ __( 'Show button text labels' ) }\n\t\t\t\t\t\thelp={ __( 'Show text instead of icons on buttons.' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showListViewByDefault\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Opens the block list view sidebar by default.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Always open list view' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showBlockBreadcrumbs\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Shows block breadcrumbs at the bottom of the editor.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Display block breadcrumbs' ) }\n\t\t\t\t\t/>\n\t\t\t\t</PreferencesModalSection>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tname: 'blocks',\n\t\t\ttabLabel: __( 'Blocks' ),\n\t\t\tcontent: (\n\t\t\t\t<PreferencesModalSection\n\t\t\t\t\ttitle={ __( 'Block interactions' ) }\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t'Customize how you interact with blocks in the block library and editing canvas.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"keepCaretInsideBlock\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Aids screen readers by stopping text caret from leaving blocks.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Contain text cursor inside block' ) }\n\t\t\t\t\t/>\n\t\t\t\t</PreferencesModalSection>\n\t\t\t),\n\t\t},\n\t] );\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<PreferencesModal closeModal={ toggleModal }>\n\t\t\t<PreferencesModalTabs sections={ sections } />\n\t\t</PreferencesModal>\n\t);\n}\n"]}