@wordpress/edit-site 5.12.0 → 5.12.2

package/src/store/test/selectors.js

@@ -16,7 +16,7 @@ import {
 	isListViewOpened,
 	__unstableGetPreference,
 	isPage,
-	hasPageContentLock,
+	hasPageContentFocus,
 } from '../selectors';
 
 describe( 'selectors', () => {
@@ -77,6 +77,7 @@ describe( 'selectors', () => {
 				outlineMode: true,
 				focusMode: false,
 				hasFixedToolbar: false,
+				isDistractionFree: false,
 				keepCaretInsideBlock: false,
 				showIconLabels: false,
 				__experimentalSetIsInserterOpened: setInserterOpened,
@@ -102,6 +103,7 @@ describe( 'selectors', () => {
 				key: 'value',
 				focusMode: true,
 				hasFixedToolbar: true,
+				isDistractionFree: false,
 				keepCaretInsideBlock: false,
 				showIconLabels: false,
 				__experimentalSetIsInserterOpened: setInserterOpened,
@@ -169,16 +171,16 @@ describe( 'selectors', () => {
 		} );
 	} );
 
-	describe( 'hasPageContentLock', () => {
+	describe( 'hasPageContentFocus', () => {
 		it( 'returns true if locked and the edited post type is a page', () => {
 			const state = {
 				editedPost: {
 					postType: 'wp_template',
 					context: { postType: 'page', postId: 123 },
 				},
-				hasPageContentLock: true,
+				hasPageContentFocus: true,
 			};
-			expect( hasPageContentLock( state ) ).toBe( true );
+			expect( hasPageContentFocus( state ) ).toBe( true );
 		} );
 
 		it( 'returns false if not locked and the edited post type is a page', () => {
@@ -187,9 +189,9 @@ describe( 'selectors', () => {
 					postType: 'wp_template',
 					context: { postType: 'page', postId: 123 },
 				},
-				hasPageContentLock: false,
+				hasPageContentFocus: false,
 			};
-			expect( hasPageContentLock( state ) ).toBe( false );
+			expect( hasPageContentFocus( state ) ).toBe( false );
 		} );
 
 		it( 'returns false if locked and the edited post type is a template', () => {
@@ -197,9 +199,9 @@ describe( 'selectors', () => {
 				editedPost: {
 					postType: 'wp_template',
 				},
-				hasPageContentLock: true,
+				hasPageContentFocus: true,
 			};
-			expect( hasPageContentLock( state ) ).toBe( false );
+			expect( hasPageContentFocus( state ) ).toBe( false );
 		} );
 	} );
 } );

package/src/style.scss

@@ -9,12 +9,16 @@
 @import "./components/header-edit-mode/style.scss";
 @import "./components/header-edit-mode/document-actions/style.scss";
 @import "./components/list/style.scss";
+@import "./components/page/style.scss";
+@import "./components/page-library/style.scss";
+@import "./components/table/style.scss";
 @import "./components/sidebar-edit-mode/style.scss";
 @import "./components/sidebar-edit-mode/page-panels/style.scss";
 @import "./components/sidebar-edit-mode/settings-header/style.scss";
 @import "./components/sidebar-edit-mode/sidebar-card/style.scss";
 @import "./components/sidebar-edit-mode/template-panel/style.scss";
 @import "./components/editor/style.scss";
+@import "./components/create-pattern-modal/style.scss";
 @import "./components/create-template-part-modal/style.scss";
 @import "./components/secondary-sidebar/style.scss";
 @import "./components/welcome-guide/style.scss";
@@ -27,11 +31,14 @@
 @import "./components/sidebar-button/style.scss";
 @import "./components/sidebar-navigation-item/style.scss";
 @import "./components/sidebar-navigation-screen/style.scss";
+@import "./components/sidebar-navigation-screen-details-footer/style.scss";
 @import "./components/sidebar-navigation-screen-global-styles/style.scss";
+@import "./components/sidebar-navigation-screen-library/style.scss";
+@import "./components/sidebar-navigation-screen-navigation-menu/style.scss";
 @import "./components/sidebar-navigation-screen-page/style.scss";
+@import "components/sidebar-navigation-screen-details-panel/style.scss";
+@import "./components/sidebar-navigation-screen-pattern/style.scss";
 @import "./components/sidebar-navigation-screen-template/style.scss";
-@import "./components/sidebar-navigation-screen-templates/style.scss";
-@import "./components/sidebar-navigation-subtitle/style.scss";
 @import "./components/site-hub/style.scss";
 @import "./components/sidebar-navigation-screen-navigation-menus/style.scss";
 @import "./components/site-icon/style.scss";
@@ -60,6 +67,10 @@ body.site-editor-php {
 	@include wp-admin-reset(".edit-site");
 }
 
+body.site-editor-php {
+	background: $gray-900;
+}
+
 .edit-site,
 // The modals are shown outside the .edit-site wrapper, they need these styles.
 .components-modal__frame {

package/src/utils/get-is-list-page.js

@@ -1,11 +1,23 @@
 /**
  * Returns if the params match the list page route.
  *
- * @param {Object} params      The url params.
- * @param {string} params.path The current path.
+ * @param {Object}  params                The url params.
+ * @param {string}  params.path           The current path.
+ * @param {string}  [params.categoryType] The current category type.
+ * @param {string}  [params.categoryId]   The current category id.
+ * @param {boolean} isMobileViewport      Is mobile viewport.
  *
  * @return {boolean} Is list page or not.
  */
-export default function getIsListPage( { path } ) {
-	return path === '/wp_template/all' || path === '/wp_template_part/all';
+export default function getIsListPage(
+	{ path, categoryType, categoryId },
+	isMobileViewport
+) {
+	return (
+		path === '/wp_template/all' ||
+		( path === '/library' &&
+			// Don't treat "/library" without categoryType and categoryId as a list page
+			// in mobile because the sidebar covers the whole page.
+			( ! isMobileViewport || ( !! categoryType && !! categoryId ) ) )
+	);
 }

package/src/utils/is-previewing-theme.js

@@ -4,12 +4,14 @@
 import { getQueryArg } from '@wordpress/url';
 
 export function isPreviewingTheme() {
-	return getQueryArg( window.location.href, 'theme_preview' ) !== undefined;
+	return (
+		getQueryArg( window.location.href, 'wp_theme_preview' ) !== undefined
+	);
 }
 
 export function currentlyPreviewingTheme() {
 	if ( isPreviewingTheme() ) {
-		return getQueryArg( window.location.href, 'theme_preview' );
+		return getQueryArg( window.location.href, 'wp_theme_preview' );
 	}
 	return null;
 }

package/src/utils/use-activate-theme.js

@@ -6,7 +6,7 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 /**
  * Internal dependencies
  */
-import { unlock } from '../private-apis';
+import { unlock } from '../lock-unlock';
 import {
 	isPreviewingTheme,
 	currentlyPreviewingTheme,
@@ -31,7 +31,8 @@ export function useActivateTheme() {
 				'&_wpnonce=' +
 				window.BLOCK_THEME_ACTIVATE_NONCE;
 			await window.fetch( activationURL );
-			const { theme_preview: themePreview, ...params } = location.params;
+			const { wp_theme_preview: themePreview, ...params } =
+				location.params;
 			history.replace( params );
 		}
 	};

package/src/utils/use-debounced-input.js

@@ -0,0 +1,17 @@
+/**
+ * WordPress dependencies
+ */
+import { useEffect, useState } from '@wordpress/element';
+import { useDebounce } from '@wordpress/compose';
+
+export default function useDebouncedInput( defaultValue = '' ) {
+	const [ input, setInput ] = useState( defaultValue );
+	const [ debounced, setter ] = useState( defaultValue );
+	const setDebounced = useDebounce( setter, 250 );
+	useEffect( () => {
+		if ( debounced !== input ) {
+			setDebounced( input );
+		}
+	}, [ debounced, input ] );
+	return [ input, setInput, debounced ];
+}

package/build/components/add-new-template/new-template-part.js

@@ -1,113 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = NewTemplatePart;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _data = require("@wordpress/data");
-
-var _components = require("@wordpress/components");
-
-var _i18n = require("@wordpress/i18n");
-
-var _notices = require("@wordpress/notices");
-
-var _coreData = require("@wordpress/core-data");
-
-var _icons = require("@wordpress/icons");
-
-var _router = require("@wordpress/router");
-
-var _createTemplatePartModal = _interopRequireDefault(require("../create-template-part-modal"));
-
-var _templatePartCreate = require("../../utils/template-part-create");
-
-var _privateApis = require("../../private-apis");
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-const {
-  useHistory
-} = (0, _privateApis.unlock)(_router.privateApis);
-
-function NewTemplatePart({
-  postType,
-  showIcon = true,
-  toggleProps
-}) {
-  const history = useHistory();
-  const [isModalOpen, setIsModalOpen] = (0, _element.useState)(false);
-  const {
-    createErrorNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  const {
-    saveEntityRecord
-  } = (0, _data.useDispatch)(_coreData.store);
-  const existingTemplateParts = (0, _templatePartCreate.useExistingTemplateParts)();
-
-  async function createTemplatePart({
-    title,
-    area
-  }) {
-    if (!title) {
-      createErrorNotice((0, _i18n.__)('Title is not defined.'), {
-        type: 'snackbar'
-      });
-      return;
-    }
-
-    try {
-      const uniqueTitle = (0, _templatePartCreate.getUniqueTemplatePartTitle)(title, existingTemplateParts);
-      const cleanSlug = (0, _templatePartCreate.getCleanTemplatePartSlug)(uniqueTitle);
-      const templatePart = await saveEntityRecord('postType', 'wp_template_part', {
-        slug: cleanSlug,
-        title: uniqueTitle,
-        content: '',
-        area
-      }, {
-        throwOnError: true
-      });
-      setIsModalOpen(false); // Navigate to the created template part editor.
-
-      history.push({
-        postId: templatePart.id,
-        postType: 'wp_template_part',
-        canvas: 'edit'
-      }); // TODO: Add a success notice?
-    } catch (error) {
-      const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : (0, _i18n.__)('An error occurred while creating the template part.');
-      createErrorNotice(errorMessage, {
-        type: 'snackbar'
-      });
-      setIsModalOpen(false);
-    }
-  }
-
-  const {
-    as: Toggle = _components.Button,
-    ...restToggleProps
-  } = toggleProps !== null && toggleProps !== void 0 ? toggleProps : {};
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(Toggle, (0, _extends2.default)({}, restToggleProps, {
-    onClick: () => {
-      setIsModalOpen(true);
-    },
-    icon: showIcon ? _icons.plus : null,
-    label: postType.labels.add_new
-  }), showIcon ? null : postType.labels.add_new), isModalOpen && (0, _element.createElement)(_createTemplatePartModal.default, {
-    closeModal: () => setIsModalOpen(false),
-    onCreate: createTemplatePart
-  }));
-}
-//# sourceMappingURL=new-template-part.js.map

package/build/components/add-new-template/new-template-part.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/add-new-template/new-template-part.js"],"names":["useHistory","routerPrivateApis","NewTemplatePart","postType","showIcon","toggleProps","history","isModalOpen","setIsModalOpen","createErrorNotice","noticesStore","saveEntityRecord","coreStore","existingTemplateParts","createTemplatePart","title","area","type","uniqueTitle","cleanSlug","templatePart","slug","content","throwOnError","push","postId","id","canvas","error","errorMessage","message","code","as","Toggle","Button","restToggleProps","plus","labels","add_new"],"mappings":";;;;;;;;;AAGA;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAKA;;AArBA;AACA;AACA;;AAUA;AACA;AACA;AASA,MAAM;AAAEA,EAAAA;AAAF,IAAiB,yBAAQC,mBAAR,CAAvB;;AAEe,SAASC,eAAT,CAA0B;AACxCC,EAAAA,QADwC;AAExCC,EAAAA,QAAQ,GAAG,IAF6B;AAGxCC,EAAAA;AAHwC,CAA1B,EAIX;AACH,QAAMC,OAAO,GAAGN,UAAU,EAA1B;AACA,QAAM,CAAEO,WAAF,EAAeC,cAAf,IAAkC,uBAAU,KAAV,CAAxC;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAwB,uBAAaC,cAAb,CAA9B;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAuB,uBAAaC,eAAb,CAA7B;AACA,QAAMC,qBAAqB,GAAG,mDAA9B;;AAEA,iBAAeC,kBAAf,CAAmC;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAnC,EAAqD;AACpD,QAAK,CAAED,KAAP,EAAe;AACdN,MAAAA,iBAAiB,CAAE,cAAI,uBAAJ,CAAF,EAAiC;AACjDQ,QAAAA,IAAI,EAAE;AAD2C,OAAjC,CAAjB;AAGA;AACA;;AAED,QAAI;AACH,YAAMC,WAAW,GAAG,oDACnBH,KADmB,EAEnBF,qBAFmB,CAApB;AAIA,YAAMM,SAAS,GAAG,kDAA0BD,WAA1B,CAAlB;AAEA,YAAME,YAAY,GAAG,MAAMT,gBAAgB,CAC1C,UAD0C,EAE1C,kBAF0C,EAG1C;AACCU,QAAAA,IAAI,EAAEF,SADP;AAECJ,QAAAA,KAAK,EAAEG,WAFR;AAGCI,QAAAA,OAAO,EAAE,EAHV;AAICN,QAAAA;AAJD,OAH0C,EAS1C;AAAEO,QAAAA,YAAY,EAAE;AAAhB,OAT0C,CAA3C;AAYAf,MAAAA,cAAc,CAAE,KAAF,CAAd,CAnBG,CAqBH;;AACAF,MAAAA,OAAO,CAACkB,IAAR,CAAc;AACbC,QAAAA,MAAM,EAAEL,YAAY,CAACM,EADR;AAEbvB,QAAAA,QAAQ,EAAE,kBAFG;AAGbwB,QAAAA,MAAM,EAAE;AAHK,OAAd,EAtBG,CA4BH;AACA,KA7BD,CA6BE,OAAQC,KAAR,EAAgB;AACjB,YAAMC,YAAY,GACjBD,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACG,IAAN,KAAe,eAAhC,GACGH,KAAK,CAACE,OADT,GAEG,cACA,qDADA,CAHJ;AAOArB,MAAAA,iBAAiB,CAAEoB,YAAF,EAAgB;AAAEZ,QAAAA,IAAI,EAAE;AAAR,OAAhB,CAAjB;AAEAT,MAAAA,cAAc,CAAE,KAAF,CAAd;AACA;AACD;;AACD,QAAM;AAAEwB,IAAAA,EAAE,EAAEC,MAAM,GAAGC,kBAAf;AAAuB,OAAGC;AAA1B,MAA8C9B,WAA9C,aAA8CA,WAA9C,cAA8CA,WAA9C,GAA6D,EAAnE;AAEA,SACC,qDACC,4BAAC,MAAD,6BACM8B,eADN;AAEC,IAAA,OAAO,EAAG,MAAM;AACf3B,MAAAA,cAAc,CAAE,IAAF,CAAd;AACA,KAJF;AAKC,IAAA,IAAI,EAAGJ,QAAQ,GAAGgC,WAAH,GAAU,IAL1B;AAMC,IAAA,KAAK,EAAGjC,QAAQ,CAACkC,MAAT,CAAgBC;AANzB,MAQGlC,QAAQ,GAAG,IAAH,GAAUD,QAAQ,CAACkC,MAAT,CAAgBC,OARrC,CADD,EAWG/B,WAAW,IACZ,4BAAC,gCAAD;AACC,IAAA,UAAU,EAAG,MAAMC,cAAc,CAAE,KAAF,CADlC;AAEC,IAAA,QAAQ,EAAGM;AAFZ,IAZF,CADD;AAoBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { plus } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport CreateTemplatePartModal from '../create-template-part-modal';\nimport {\n\tuseExistingTemplateParts,\n\tgetUniqueTemplatePartTitle,\n\tgetCleanTemplatePartSlug,\n} from '../../utils/template-part-create';\nimport { unlock } from '../../private-apis';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport default function NewTemplatePart( {\n\tpostType,\n\tshowIcon = true,\n\ttoggleProps,\n} ) {\n\tconst history = useHistory();\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst existingTemplateParts = useExistingTemplateParts();\n\n\tasync function createTemplatePart( { title, area } ) {\n\t\tif ( ! title ) {\n\t\t\tcreateErrorNotice( __( 'Title is not defined.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tconst uniqueTitle = getUniqueTemplatePartTitle(\n\t\t\t\ttitle,\n\t\t\t\texistingTemplateParts\n\t\t\t);\n\t\t\tconst cleanSlug = getCleanTemplatePartSlug( uniqueTitle );\n\n\t\t\tconst templatePart = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template_part',\n\t\t\t\t{\n\t\t\t\t\tslug: cleanSlug,\n\t\t\t\t\ttitle: uniqueTitle,\n\t\t\t\t\tcontent: '',\n\t\t\t\t\tarea,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tsetIsModalOpen( false );\n\n\t\t\t// Navigate to the created template part editor.\n\t\t\thistory.push( {\n\t\t\t\tpostId: templatePart.id,\n\t\t\t\tpostType: 'wp_template_part',\n\t\t\t\tcanvas: 'edit',\n\t\t\t} );\n\n\t\t\t// TODO: Add a success notice?\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while creating the template part.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\n\t\t\tsetIsModalOpen( false );\n\t\t}\n\t}\n\tconst { as: Toggle = Button, ...restToggleProps } = toggleProps ?? {};\n\n\treturn (\n\t\t<>\n\t\t\t<Toggle\n\t\t\t\t{ ...restToggleProps }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsModalOpen( true );\n\t\t\t\t} }\n\t\t\t\ticon={ showIcon ? plus : null }\n\t\t\t\tlabel={ postType.labels.add_new }\n\t\t\t>\n\t\t\t\t{ showIcon ? null : postType.labels.add_new }\n\t\t\t</Toggle>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<CreateTemplatePartModal\n\t\t\t\t\tcloseModal={ () => setIsModalOpen( false ) }\n\t\t\t\t\tonCreate={ createTemplatePart }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}

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

@@ -1,9 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,49 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,112 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/sidebar-edit-mode/page-panels/content-blocks-list.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ContentBlocksList;
-
-var _element = require("@wordpress/element");
-
-var _data = require("@wordpress/data");
-
-var _components = require("@wordpress/components");
-
-var _blocks = require("@wordpress/blocks");
-
-var _blockEditor = require("@wordpress/block-editor");
-
-var _constants = require("../../page-content-lock/constants");
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-// TODO: This overlaps a lot with BlockInspectorLockedBlocks in
-// @wordpress/block-editor. DRY them into a single component.
-function ContentBlocksList() {
-  const contentBlocks = (0, _data.useSelect)(select => {
-    const {
-      getClientIdsWithDescendants,
-      getBlockName,
-      getBlock,
-      isBlockSelected,
-      hasSelectedInnerBlock
-    } = select(_blockEditor.store);
-    return getClientIdsWithDescendants().flatMap(clientId => {
-      const blockName = getBlockName(clientId);
-
-      if (!_constants.CONTENT_BLOCK_TYPES.includes(blockName)) {
-        return [];
-      }
-
-      return [{
-        block: getBlock(clientId),
-        isSelected: isBlockSelected(clientId) || hasSelectedInnerBlock(clientId,
-        /* deep: */
-        true)
-      }];
-    });
-  }, []);
-  const {
-    selectBlock
-  } = (0, _data.useDispatch)(_blockEditor.store);
-
-  if (!contentBlocks.length) {
-    return null;
-  }
-
-  return (0, _element.createElement)(_components.__experimentalVStack, {
-    spacing: 1
-  }, contentBlocks.map(({
-    block,
-    isSelected
-  }) => {
-    const blockType = (0, _blocks.getBlockType)(block.name);
-    return (0, _element.createElement)(_components.Button, {
-      key: block.clientId,
-      isPressed: isSelected,
-      onClick: () => selectBlock(block.clientId)
-    }, (0, _element.createElement)(_components.__experimentalHStack, {
-      justify: "flex-start"
-    }, (0, _element.createElement)(_blockEditor.BlockIcon, {
-      icon: blockType.icon
-    }), (0, _element.createElement)(_components.FlexItem, null, (0, _blocks.__experimentalGetBlockLabel)(blockType, block.attributes, 'list-view'))));
-  }));
-}
-//# sourceMappingURL=content-blocks-list.js.map

package/build/components/sidebar-edit-mode/page-panels/content-blocks-list.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/content-blocks-list.js"],"names":["ContentBlocksList","contentBlocks","select","getClientIdsWithDescendants","getBlockName","getBlock","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","flatMap","clientId","blockName","CONTENT_BLOCK_TYPES","includes","block","isSelected","selectBlock","length","map","blockType","name","icon","attributes"],"mappings":";;;;;;;;;AAGA;;AACA;;AAMA;;AACA;;AAKA;;AAhBA;AACA;AACA;;AAWA;AACA;AACA;AAGA;AACA;AACe,SAASA,iBAAT,GAA6B;AAC3C,QAAMC,aAAa,GAAG,qBAAaC,MAAF,IAAc;AAC9C,UAAM;AACLC,MAAAA,2BADK;AAELC,MAAAA,YAFK;AAGLC,MAAAA,QAHK;AAILC,MAAAA,eAJK;AAKLC,MAAAA;AALK,QAMFL,MAAM,CAAEM,kBAAF,CANV;AAOA,WAAOL,2BAA2B,GAAGM,OAA9B,CAAyCC,QAAF,IAAgB;AAC7D,YAAMC,SAAS,GAAGP,YAAY,CAAEM,QAAF,CAA9B;;AACA,UAAK,CAAEE,+BAAoBC,QAApB,CAA8BF,SAA9B,CAAP,EAAmD;AAClD,eAAO,EAAP;AACA;;AACD,aAAO,CACN;AACCG,QAAAA,KAAK,EAAET,QAAQ,CAAEK,QAAF,CADhB;AAECK,QAAAA,UAAU,EACTT,eAAe,CAAEI,QAAF,CAAf,IACAH,qBAAqB,CAAEG,QAAF;AAAY;AAAY,YAAxB;AAJvB,OADM,CAAP;AAQA,KAbM,CAAP;AAcA,GAtBqB,EAsBnB,EAtBmB,CAAtB;AAwBA,QAAM;AAAEM,IAAAA;AAAF,MAAkB,uBAAaR,kBAAb,CAAxB;;AAEA,MAAK,CAAEP,aAAa,CAACgB,MAArB,EAA8B;AAC7B,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,gCAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACGhB,aAAa,CAACiB,GAAd,CAAmB,CAAE;AAAEJ,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAF,KAA6B;AACjD,UAAMI,SAAS,GAAG,0BAAcL,KAAK,CAACM,IAApB,CAAlB;AACA,WACC,4BAAC,kBAAD;AACC,MAAA,GAAG,EAAGN,KAAK,CAACJ,QADb;AAEC,MAAA,SAAS,EAAGK,UAFb;AAGC,MAAA,OAAO,EAAG,MAAMC,WAAW,CAAEF,KAAK,CAACJ,QAAR;AAH5B,OAKC,4BAAC,gCAAD;AAAQ,MAAA,OAAO,EAAC;AAAhB,OACC,4BAAC,sBAAD;AAAW,MAAA,IAAI,EAAGS,SAAS,CAACE;AAA5B,MADD,EAEC,4BAAC,oBAAD,QACG,yCACDF,SADC,EAEDL,KAAK,CAACQ,UAFL,EAGD,WAHC,CADH,CAFD,CALD,CADD;AAkBA,GApBC,CADH,CADD;AAyBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { getBlockType, __experimentalGetBlockLabel } from '@wordpress/blocks';\nimport { store as blockEditorStore, BlockIcon } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { CONTENT_BLOCK_TYPES } from '../../page-content-lock/constants';\n\n// TODO: This overlaps a lot with BlockInspectorLockedBlocks in\n// @wordpress/block-editor. DRY them into a single component.\nexport default function ContentBlocksList() {\n\tconst contentBlocks = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetClientIdsWithDescendants,\n\t\t\tgetBlockName,\n\t\t\tgetBlock,\n\t\t\tisBlockSelected,\n\t\t\thasSelectedInnerBlock,\n\t\t} = select( blockEditorStore );\n\t\treturn getClientIdsWithDescendants().flatMap( ( clientId ) => {\n\t\t\tconst blockName = getBlockName( clientId );\n\t\t\tif ( ! CONTENT_BLOCK_TYPES.includes( blockName ) ) {\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tblock: getBlock( clientId ),\n\t\t\t\t\tisSelected:\n\t\t\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\t\t\thasSelectedInnerBlock( clientId, /* deep: */ true ),\n\t\t\t\t},\n\t\t\t];\n\t\t} );\n\t}, [] );\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tif ( ! contentBlocks.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 1 }>\n\t\t\t{ contentBlocks.map( ( { block, isSelected } ) => {\n\t\t\t\tconst blockType = getBlockType( block.name );\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ block.clientId }\n\t\t\t\t\t\tisPressed={ isSelected }\n\t\t\t\t\t\tonClick={ () => selectBlock( block.clientId ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t\t\t<BlockIcon icon={ blockType.icon } />\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t{ __experimentalGetBlockLabel(\n\t\t\t\t\t\t\t\t\tblockType,\n\t\t\t\t\t\t\t\t\tblock.attributes,\n\t\t\t\t\t\t\t\t\t'list-view'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</VStack>\n\t);\n}\n"]}