@wordpress/edit-site 5.11.0 → 5.12.0

package/build-module/components/list/table.js

@@ -12,19 +12,18 @@ import { decodeEntities } from '@wordpress/html-entities';
  * Internal dependencies
  */
 
+import TemplateActions from '../template-actions';
 import Link from '../routes/link';
-import Actions from './actions';
 import AddedBy from './added-by';
-export default function Table(_ref) {
-  let {
-    templateType
-  } = _ref;
+export default function Table({
+  templateType
+}) {
   const {
     records: allTemplates
   } = useEntityRecords('postType', templateType, {
     per_page: -1
   });
-  const templates = useSelect(select => allTemplates === null || allTemplates === void 0 ? void 0 : allTemplates.filter(template => !select(coreStore).isDeletingEntityRecord('postType', templateType, template.id)), [allTemplates]);
+  const templates = useSelect(select => allTemplates?.filter(template => !select(coreStore).isDeletingEntityRecord('postType', templateType, template.id)), [allTemplates]);
   const postType = useSelect(select => select(coreStore).getPostType(templateType), [templateType]);
 
   if (!templates) {
@@ -32,10 +31,8 @@ export default function Table(_ref) {
   }
 
   if (!templates.length) {
-    var _postType$labels, _postType$labels$name;
-
     return createElement("div", null, sprintf( // translators: The template type name, should be either "templates" or "template parts".
-    __('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()));
+    __('No %s found.'), postType?.labels?.name?.toLowerCase()));
   }
 
   const sortedTemplates = [...templates];
@@ -57,37 +54,35 @@ export default function Table(_ref) {
     }, __('Added by')), createElement("th", {
       className: "edit-site-list-table-column",
       role: "columnheader"
-    }, createElement(VisuallyHidden, null, __('Actions'))))), createElement("tbody", null, sortedTemplates.map(template => {
-      var _template$title;
-
-      return createElement("tr", {
-        key: template.id,
-        className: "edit-site-list-table-row",
-        role: "row"
-      }, createElement("td", {
-        className: "edit-site-list-table-column",
-        role: "cell"
-      }, createElement(Heading, {
-        level: 4
-      }, createElement(Link, {
-        params: {
-          postId: template.id,
-          postType: template.type,
-          canvas: 'edit'
-        }
-      }, decodeEntities(((_template$title = template.title) === null || _template$title === void 0 ? void 0 : _template$title.rendered) || template.slug))), decodeEntities(template.description)), createElement("td", {
-        className: "edit-site-list-table-column",
-        role: "cell"
-      }, template ? createElement(AddedBy, {
+    }, createElement(VisuallyHidden, null, __('Actions'))))), createElement("tbody", null, sortedTemplates.map(template => createElement("tr", {
+      key: template.id,
+      className: "edit-site-list-table-row",
+      role: "row"
+    }, createElement("td", {
+      className: "edit-site-list-table-column",
+      role: "cell"
+    }, createElement(Heading, {
+      level: 4
+    }, createElement(Link, {
+      params: {
+        postId: template.id,
         postType: template.type,
-        postId: template.id
-      }) : null), createElement("td", {
-        className: "edit-site-list-table-column",
-        role: "cell"
-      }, createElement(Actions, {
-        template: template
-      })));
-    })))
+        canvas: 'edit'
+      }
+    }, decodeEntities(template.title?.rendered || template.slug))), decodeEntities(template.description)), createElement("td", {
+      className: "edit-site-list-table-column",
+      role: "cell"
+    }, template ? createElement(AddedBy, {
+      postType: template.type,
+      postId: template.id
+    }) : null), createElement("td", {
+      className: "edit-site-list-table-column",
+      role: "cell"
+    }, createElement(TemplateActions, {
+      postType: template.type,
+      postId: template.id,
+      className: "edit-site-list-table__actions"
+    }))))))
   );
 }
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/list/table.js"],"names":["useSelect","store","coreStore","useEntityRecords","__","sprintf","VisuallyHidden","__experimentalHeading","Heading","decodeEntities","Link","Actions","AddedBy","Table","templateType","records","allTemplates","per_page","templates","select","filter","template","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":["useSelect","store","coreStore","useEntityRecords","__","sprintf","VisuallyHidden","__experimentalHeading","Heading","decodeEntities","TemplateActions","Link","AddedBy","Table","templateType","records","allTemplates","per_page","templates","select","filter","template","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-module/components/page-actions/delete-page-menu-item.js

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

package/build-module/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":["useDispatch","useSelect","decodeEntities","useState","store","coreStore","__","sprintf","MenuItem","__experimentalConfirmDialog","ConfirmDialog","noticesStore","DeletePageMenuItem","postId","onRemove","isModalOpen","setIsModalOpen","createSuccessNotice","createErrorNotice","deleteEntityRecord","page","select","getEntityRecord","removePage","throwOnError","title","rendered","type","id","error","errorMessage","message","code"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,cAAT,QAA+B,0BAA/B;AACA,SAASC,QAAT,QAAyB,oBAAzB;AACA,SAASC,KAAK,IAAIC,SAAlB,QAAmC,sBAAnC;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SACCC,QADD,EAECC,2BAA2B,IAAIC,aAFhC,QAGO,uBAHP;AAIA,SAASN,KAAK,IAAIO,YAAlB,QAAsC,oBAAtC;AAEA,eAAe,SAASC,kBAAT,CAA6B;AAAEC,EAAAA,MAAF;AAAUC,EAAAA;AAAV,CAA7B,EAAoD;AAClE,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkCb,QAAQ,CAAE,KAAF,CAAhD;AACA,QAAM;AAAEc,IAAAA,mBAAF;AAAuBC,IAAAA;AAAvB,MACLlB,WAAW,CAAEW,YAAF,CADZ;AAEA,QAAM;AAAEQ,IAAAA;AAAF,MAAyBnB,WAAW,CAAEK,SAAF,CAA1C;AACA,QAAMe,IAAI,GAAGnB,SAAS,CACnBoB,MAAF,IACCA,MAAM,CAAEhB,SAAF,CAAN,CAAoBiB,eAApB,CAAqC,UAArC,EAAiD,MAAjD,EAAyDT,MAAzD,CAFoB,EAGrB,CAAEA,MAAF,CAHqB,CAAtB;;AAKA,iBAAeU,UAAf,GAA4B;AAC3B,QAAI;AACH,YAAMJ,kBAAkB,CACvB,UADuB,EAEvB,MAFuB,EAGvBN,MAHuB,EAIvB,EAJuB,EAKvB;AAAEW,QAAAA,YAAY,EAAE;AAAhB,OALuB,CAAxB;AAOAP,MAAAA,mBAAmB,CAClBV,OAAO;AACN;AACAD,MAAAA,EAAE,CAAE,eAAF,CAFI,EAGNJ,cAAc,CAAEkB,IAAI,CAACK,KAAL,CAAWC,QAAb,CAHR,CADW,EAMlB;AACCC,QAAAA,IAAI,EAAE,UADP;AAECC,QAAAA,EAAE,EAAE;AAFL,OANkB,CAAnB;AAWAd,MAAAA,QAAQ;AACR,KApBD,CAoBE,OAAQe,KAAR,EAAgB;AACjB,YAAMC,YAAY,GACjBD,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACG,IAAN,KAAe,eAAhC,GACGH,KAAK,CAACE,OADT,GAEGzB,EAAE,CAAE,4CAAF,CAHN;AAKAY,MAAAA,iBAAiB,CAAEY,YAAF,EAAgB;AAAEH,QAAAA,IAAI,EAAE;AAAR,OAAhB,CAAjB;AACA,KA3BD,SA2BU;AACTX,MAAAA,cAAc,CAAE,KAAF,CAAd;AACA;AACD;;AACD,SACC,8BACC,cAAC,QAAD;AAAU,IAAA,OAAO,EAAG,MAAMA,cAAc,CAAE,IAAF,CAAxC;AAAmD,IAAA,aAAa;AAAhE,KACGV,EAAE,CAAE,QAAF,CADL,CADD,EAIC,cAAC,aAAD;AACC,IAAA,MAAM,EAAGS,WADV;AAEC,IAAA,SAAS,EAAGQ,UAFb;AAGC,IAAA,QAAQ,EAAG,MAAMP,cAAc,CAAE,KAAF;AAHhC,KAKGV,EAAE,CAAE,4CAAF,CALL,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-module/components/page-actions/index.js

@@ -0,0 +1,30 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { DropdownMenu, MenuGroup } from '@wordpress/components';
+import { moreVertical } from '@wordpress/icons';
+/**
+ * Internal dependencies
+ */
+
+import DeletePageMenuItem from './delete-page-menu-item';
+export default function PageActions({
+  postId,
+  className,
+  toggleProps,
+  onRemove
+}) {
+  return createElement(DropdownMenu, {
+    icon: moreVertical,
+    label: __('Actions'),
+    className: className,
+    toggleProps: toggleProps
+  }, () => createElement(MenuGroup, null, createElement(DeletePageMenuItem, {
+    postId: postId,
+    onRemove: onRemove
+  })));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/page-actions/index.js"],"names":["__","DropdownMenu","MenuGroup","moreVertical","DeletePageMenuItem","PageActions","postId","className","toggleProps","onRemove"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,YAAT,EAAuBC,SAAvB,QAAwC,uBAAxC;AACA,SAASC,YAAT,QAA6B,kBAA7B;AAEA;AACA;AACA;;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AAEA,eAAe,SAASC,WAAT,CAAsB;AACpCC,EAAAA,MADoC;AAEpCC,EAAAA,SAFoC;AAGpCC,EAAAA,WAHoC;AAIpCC,EAAAA;AAJoC,CAAtB,EAKX;AACH,SACC,cAAC,YAAD;AACC,IAAA,IAAI,EAAGN,YADR;AAEC,IAAA,KAAK,EAAGH,EAAE,CAAE,SAAF,CAFX;AAGC,IAAA,SAAS,EAAGO,SAHb;AAIC,IAAA,WAAW,EAAGC;AAJf,KAMG,MACD,cAAC,SAAD,QACC,cAAC,kBAAD;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-module/components/page-content-lock/constants.js

@@ -0,0 +1,2 @@
+export const CONTENT_BLOCK_TYPES = ['core/post-title', 'core/post-featured-image', 'core/post-content'];
+//# sourceMappingURL=constants.js.map

package/build-module/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":"AAAA,OAAO,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-module/components/page-content-lock/index.js

@@ -0,0 +1,14 @@
+/**
+ * Internal dependencies
+ */
+import { useDisableNonContentBlocks } from './use-disable-non-content-blocks';
+/**
+ * Component that when rendered, locks the site editor so that only page content
+ * can be edited.
+ */
+
+export function PageContentLock() {
+  useDisableNonContentBlocks();
+}
+export { usePageContentLockNotifications } from './use-page-content-lock-notifications';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/page-content-lock/index.js"],"names":["useDisableNonContentBlocks","PageContentLock","usePageContentLockNotifications"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,0BAAT,QAA2C,kCAA3C;AAEA;AACA;AACA;AACA;;AACA,OAAO,SAASC,eAAT,GAA2B;AACjCD,EAAAA,0BAA0B;AAC1B;AAED,SAASE,+BAAT,QAAgD,uCAAhD","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-module/components/page-content-lock/use-disable-non-content-blocks.js

@@ -0,0 +1,36 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { createHigherOrderComponent } from '@wordpress/compose';
+import { addFilter, removeFilter } from '@wordpress/hooks';
+import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { useEffect } from '@wordpress/element';
+/**
+ * Internal dependencies
+ */
+
+import { unlock } from '../../private-apis';
+import { CONTENT_BLOCK_TYPES } from './constants';
+const {
+  useBlockEditingMode
+} = unlock(blockEditorPrivateApis);
+/**
+ * Disables non-content blocks using the `useBlockEditingMode` hook.
+ */
+
+export function useDisableNonContentBlocks() {
+  useBlockEditingMode('disabled');
+  useEffect(() => {
+    addFilter('editor.BlockEdit', 'core/edit-site/disable-non-content-blocks', withDisableNonContentBlocks);
+    return () => removeFilter('editor.BlockEdit', 'core/edit-site/disable-non-content-blocks');
+  }, []);
+}
+const withDisableNonContentBlocks = createHigherOrderComponent(BlockEdit => props => {
+  const isContent = CONTENT_BLOCK_TYPES.includes(props.name);
+  const mode = isContent ? 'contentOnly' : undefined;
+  useBlockEditingMode(mode);
+  return createElement(BlockEdit, props);
+}, 'withBlockEditingMode');
+//# sourceMappingURL=use-disable-non-content-blocks.js.map

package/build-module/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":["createHigherOrderComponent","addFilter","removeFilter","privateApis","blockEditorPrivateApis","useEffect","unlock","CONTENT_BLOCK_TYPES","useBlockEditingMode","useDisableNonContentBlocks","withDisableNonContentBlocks","BlockEdit","props","isContent","includes","name","mode","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,0BAAT,QAA2C,oBAA3C;AACA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,kBAAxC;AACA,SAASC,WAAW,IAAIC,sBAAxB,QAAsD,yBAAtD;AACA,SAASC,SAAT,QAA0B,oBAA1B;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,oBAAvB;AACA,SAASC,mBAAT,QAAoC,aAApC;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAA0BF,MAAM,CAAEF,sBAAF,CAAtC;AAEA;AACA;AACA;;AACA,OAAO,SAASK,0BAAT,GAAsC;AAC5CD,EAAAA,mBAAmB,CAAE,UAAF,CAAnB;AACAH,EAAAA,SAAS,CAAE,MAAM;AAChBJ,IAAAA,SAAS,CACR,kBADQ,EAER,2CAFQ,EAGRS,2BAHQ,CAAT;AAKA,WAAO,MACNR,YAAY,CACX,kBADW,EAEX,2CAFW,CADb;AAKA,GAXQ,EAWN,EAXM,CAAT;AAYA;AAED,MAAMQ,2BAA2B,GAAGV,0BAA0B,CAC3DW,SAAF,IAAmBC,KAAF,IAAa;AAC7B,QAAMC,SAAS,GAAGN,mBAAmB,CAACO,QAApB,CAA8BF,KAAK,CAACG,IAApC,CAAlB;AACA,QAAMC,IAAI,GAAGH,SAAS,GAAG,aAAH,GAAmBI,SAAzC;AACAT,EAAAA,mBAAmB,CAAEQ,IAAF,CAAnB;AACA,SAAO,cAAC,SAAD,EAAgBJ,KAAhB,CAAP;AACA,CAN4D,EAO7D,sBAP6D,CAA9D","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-module/components/page-content-lock/use-page-content-lock-notifications.js

@@ -0,0 +1,98 @@
+/**
+ * WordPress dependencies
+ */
+import { useSelect, useDispatch } from '@wordpress/data';
+import { useEffect, useRef } from '@wordpress/element';
+import { store as noticesStore } from '@wordpress/notices';
+import { __ } from '@wordpress/i18n';
+import { useRefEffect } from '@wordpress/compose';
+/**
+ * Internal dependencies
+ */
+
+import { store as editSiteStore } from '../../store';
+/**
+ * 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.
+ */
+
+export 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 = useSelect(select => select(editSiteStore).hasPageContentLock(), []);
+  const alreadySeen = useRef(false);
+  const {
+    createInfoNotice
+  } = useDispatch(noticesStore);
+  const {
+    setHasPageContentLock
+  } = useDispatch(editSiteStore);
+  return useRefEffect(node => {
+    const handleClick = event => {
+      if (!alreadySeen.current && hasPageContentLock && event.target.classList.contains('is-root-container')) {
+        createInfoNotice(__('Edit your template to edit this block'), {
+          isDismissible: true,
+          type: 'snackbar',
+          actions: [{
+            label: __('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 = useSelect(select => select(editSiteStore).hasPageContentLock(), []);
+  const alreadySeen = useRef(false);
+  const prevHasPageContentLock = useRef(false);
+  const {
+    createInfoNotice
+  } = useDispatch(noticesStore);
+  const {
+    setHasPageContentLock
+  } = useDispatch(editSiteStore);
+  useEffect(() => {
+    if (!alreadySeen.current && prevHasPageContentLock.current && !hasPageContentLock) {
+      createInfoNotice(__('You are editing a template'), {
+        isDismissible: true,
+        type: 'snackbar',
+        actions: [{
+          label: __('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-module/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":["useSelect","useDispatch","useEffect","useRef","store","noticesStore","__","useRefEffect","editSiteStore","usePageContentLockNotifications","ref","useEditTemplateNotification","useBackToPageNotification","hasPageContentLock","select","alreadySeen","createInfoNotice","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-module/components/preferences-modal/index.js

@@ -11,11 +11,10 @@ import { __ } from '@wordpress/i18n';
  */
 
 import EnableFeature from './enable-feature';
-export default function EditSitePreferencesModal(_ref) {
-  let {
-    isModalActive,
-    toggleModal
-  } = _ref;
+export default function EditSitePreferencesModal({
+  isModalActive,
+  toggleModal
+}) {
   const sections = useMemo(() => [{
     name: 'general',
     tabLabel: __('General'),

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/preferences-modal/index.js"],"names":["PreferencesModal","PreferencesModalTabs","PreferencesModalSection","useMemo","__","EnableFeature","EditSitePreferencesModal","isModalActive","toggleModal","sections","name","tabLabel","content"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,gBADD,EAECC,oBAFD,EAGCC,uBAHD,QAIO,sBAJP;AAKA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AAEA,eAAe,SAASC,wBAAT,OAGX;AAAA,MAH8C;AACjDC,IAAAA,aADiD;AAEjDC,IAAAA;AAFiD,GAG9C;AACH,QAAMC,QAAQ,GAAGN,OAAO,CAAE,MAAM,CAC/B;AACCO,IAAAA,IAAI,EAAE,SADP;AAECC,IAAAA,QAAQ,EAAEP,EAAE,CAAE,SAAF,CAFb;AAGCQ,IAAAA,OAAO,EACN,cAAC,uBAAD;AACC,MAAA,KAAK,EAAGR,EAAE,CAAE,YAAF,CADX;AAEC,MAAA,WAAW,EAAGA,EAAE,CACf,2EADe;AAFjB,OAMC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,WADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,uDADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,gBAAF;AALX,MAND,EAaC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,gBADb;AAEC,MAAA,KAAK,EAAGA,EAAE,CAAE,yBAAF,CAFX;AAGC,MAAA,IAAI,EAAGA,EAAE,CAAE,wCAAF;AAHV,MAbD,EAkBC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,uBADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,+CADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,uBAAF;AALX,MAlBD,EAyBC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,sBADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,sDADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,2BAAF;AALX,MAzBD;AAJF,GAD+B,EAwC/B;AACCM,IAAAA,IAAI,EAAE,QADP;AAECC,IAAAA,QAAQ,EAAEP,EAAE,CAAE,QAAF,CAFb;AAGCQ,IAAAA,OAAO,EACN,cAAC,uBAAD;AACC,MAAA,KAAK,EAAGR,EAAE,CAAE,oBAAF,CADX;AAEC,MAAA,WAAW,EAAGA,EAAE,CACf,iFADe;AAFjB,OAMC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,sBADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,iEADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,kCAAF;AALX,MAND;AAJF,GAxC+B,CAAR,CAAxB;;AA6DA,MAAK,CAAEG,aAAP,EAAuB;AACtB,WAAO,IAAP;AACA;;AACD,SACC,cAAC,gBAAD;AAAkB,IAAA,UAAU,EAAGC;AAA/B,KACC,cAAC,oBAAD;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":["PreferencesModal","PreferencesModalTabs","PreferencesModalSection","useMemo","__","EnableFeature","EditSitePreferencesModal","isModalActive","toggleModal","sections","name","tabLabel","content"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,gBADD,EAECC,oBAFD,EAGCC,uBAHD,QAIO,sBAJP;AAKA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AAEA,eAAe,SAASC,wBAAT,CAAmC;AACjDC,EAAAA,aADiD;AAEjDC,EAAAA;AAFiD,CAAnC,EAGX;AACH,QAAMC,QAAQ,GAAGN,OAAO,CAAE,MAAM,CAC/B;AACCO,IAAAA,IAAI,EAAE,SADP;AAECC,IAAAA,QAAQ,EAAEP,EAAE,CAAE,SAAF,CAFb;AAGCQ,IAAAA,OAAO,EACN,cAAC,uBAAD;AACC,MAAA,KAAK,EAAGR,EAAE,CAAE,YAAF,CADX;AAEC,MAAA,WAAW,EAAGA,EAAE,CACf,2EADe;AAFjB,OAMC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,WADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,uDADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,gBAAF;AALX,MAND,EAaC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,gBADb;AAEC,MAAA,KAAK,EAAGA,EAAE,CAAE,yBAAF,CAFX;AAGC,MAAA,IAAI,EAAGA,EAAE,CAAE,wCAAF;AAHV,MAbD,EAkBC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,uBADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,+CADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,uBAAF;AALX,MAlBD,EAyBC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,sBADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,sDADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,2BAAF;AALX,MAzBD;AAJF,GAD+B,EAwC/B;AACCM,IAAAA,IAAI,EAAE,QADP;AAECC,IAAAA,QAAQ,EAAEP,EAAE,CAAE,QAAF,CAFb;AAGCQ,IAAAA,OAAO,EACN,cAAC,uBAAD;AACC,MAAA,KAAK,EAAGR,EAAE,CAAE,oBAAF,CADX;AAEC,MAAA,WAAW,EAAGA,EAAE,CACf,iFADe;AAFjB,OAMC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,sBADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,iEADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,kCAAF;AALX,MAND;AAJF,GAxC+B,CAAR,CAAxB;;AA6DA,MAAK,CAAEG,aAAP,EAAuB;AACtB,WAAO,IAAP;AACA;;AACD,SACC,cAAC,gBAAD;AAAkB,IAAA,UAAU,EAAGC;AAA/B,KACC,cAAC,oBAAD;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"]}

package/build-module/components/resizable-frame/index.js

@@ -53,13 +53,12 @@ function calculateNewHeight(width, initialAspectRatio) {
   return width / intermediateAspectRatio;
 }
 
-function ResizableFrame(_ref2) {
-  let {
-    isFullWidth,
-    isReady,
-    children,
-    oversizedClassName
-  } = _ref2;
+function ResizableFrame({
+  isFullWidth,
+  isReady,
+  children,
+  oversizedClassName
+}) {
   const [frameSize, setFrameSize] = useState({
     width: '100%',
     height: '100%'
@@ -150,6 +149,17 @@ function ResizableFrame(_ref2) {
       height: frameSize.height
     }
   };
+  const resizeHandleVariants = {
+    default: {
+      opacity: 1,
+      left: -16
+    },
+    resizing: {
+      opacity: 1,
+      left: -16,
+      scaleY: 1.3
+    }
+  };
   return createElement(ResizableBox, {
     as: motion.div,
     ref: frameRef,
@@ -190,21 +200,19 @@ function ResizableFrame(_ref2) {
       left: isHovering || isResizing ? createElement(motion.div, {
         key: "handle",
         className: "edit-site-resizable-frame__handle",
+        variants: resizeHandleVariants,
+        animate: isResizing ? 'resizing' : 'default',
         title: "Drag to resize",
         initial: {
           opacity: 0,
           left: 0
         },
-        animate: {
-          opacity: 1,
-          left: -15
-        },
         exit: {
           opacity: 0,
           left: 0
         },
         whileHover: {
-          scale: 1.1
+          scaleY: 1.3
         }
       }) : null
     },