@wordpress/edit-widgets 5.16.0 → 5.17.1

package/build-module/store/utils.js

@@ -4,58 +4,59 @@
  * @type {string}
  */
 export const KIND = 'root';
+
 /**
  * "post type" of the navigation post.
  *
  * @type {string}
  */
-
 export const WIDGET_AREA_ENTITY_TYPE = 'sidebar';
+
 /**
  * "post type" of the widget area post.
  *
  * @type {string}
  */
-
 export const POST_TYPE = 'postType';
+
 /**
  * Builds an ID for a new widget area post.
  *
  * @param {number} widgetAreaId Widget area id.
  * @return {string} An ID.
  */
-
 export const buildWidgetAreaPostId = widgetAreaId => `widget-area-${widgetAreaId}`;
+
 /**
  * Builds an ID for a global widget areas post.
  *
  * @return {string} An ID.
  */
-
 export const buildWidgetAreasPostId = () => `widget-areas`;
+
 /**
  * Builds a query to resolve sidebars.
  *
  * @return {Object} Query.
  */
-
 export function buildWidgetAreasQuery() {
   return {
     per_page: -1
   };
 }
+
 /**
  * Builds a query to resolve widgets.
  *
  * @return {Object} Query.
  */
-
 export function buildWidgetsQuery() {
   return {
     per_page: -1,
     _embed: 'about'
   };
 }
+
 /**
  * Creates a stub post with given id and set of blocks. Used as a governing entity records
  * for all widget areas.
@@ -64,7 +65,6 @@ export function buildWidgetsQuery() {
  * @param {Array}  blocks The list of blocks.
  * @return {Object} A stub post object formatted in compliance with the data layer.
  */
-
 export const createStubPost = (id, blocks) => ({
   id,
   slug: id,

package/build-module/store/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-widgets/src/store/utils.js"],"names":["KIND","WIDGET_AREA_ENTITY_TYPE","POST_TYPE","buildWidgetAreaPostId","widgetAreaId","buildWidgetAreasPostId","buildWidgetAreasQuery","per_page","buildWidgetsQuery","_embed","createStubPost","id","blocks","slug","status","type","meta"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,IAAI,GAAG,MAAb;AAEP;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,uBAAuB,GAAG,SAAhC;AAEP;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,SAAS,GAAG,UAAlB;AAEP;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,qBAAqB,GAAKC,YAAF,IACnC,eAAeA,YAAc,EADxB;AAGP;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,sBAAsB,GAAG,MAAO,cAAtC;AAEP;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,qBAAT,GAAiC;AACvC,SAAO;AACNC,IAAAA,QAAQ,EAAE,CAAC;AADL,GAAP;AAGA;AAED;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,iBAAT,GAA6B;AACnC,SAAO;AACND,IAAAA,QAAQ,EAAE,CAAC,CADL;AAENE,IAAAA,MAAM,EAAE;AAFF,GAAP;AAIA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,cAAc,GAAG,CAAEC,EAAF,EAAMC,MAAN,MAAoB;AACjDD,EAAAA,EADiD;AAEjDE,EAAAA,IAAI,EAAEF,EAF2C;AAGjDG,EAAAA,MAAM,EAAE,OAHyC;AAIjDC,EAAAA,IAAI,EAAE,MAJ2C;AAKjDH,EAAAA,MALiD;AAMjDI,EAAAA,IAAI,EAAE;AACLZ,IAAAA,YAAY,EAAEO;AADT;AAN2C,CAApB,CAAvB","sourcesContent":["/**\n * \"Kind\" of the navigation post.\n *\n * @type {string}\n */\nexport const KIND = 'root';\n\n/**\n * \"post type\" of the navigation post.\n *\n * @type {string}\n */\nexport const WIDGET_AREA_ENTITY_TYPE = 'sidebar';\n\n/**\n * \"post type\" of the widget area post.\n *\n * @type {string}\n */\nexport const POST_TYPE = 'postType';\n\n/**\n * Builds an ID for a new widget area post.\n *\n * @param {number} widgetAreaId Widget area id.\n * @return {string} An ID.\n */\nexport const buildWidgetAreaPostId = ( widgetAreaId ) =>\n\t`widget-area-${ widgetAreaId }`;\n\n/**\n * Builds an ID for a global widget areas post.\n *\n * @return {string} An ID.\n */\nexport const buildWidgetAreasPostId = () => `widget-areas`;\n\n/**\n * Builds a query to resolve sidebars.\n *\n * @return {Object} Query.\n */\nexport function buildWidgetAreasQuery() {\n\treturn {\n\t\tper_page: -1,\n\t};\n}\n\n/**\n * Builds a query to resolve widgets.\n *\n * @return {Object} Query.\n */\nexport function buildWidgetsQuery() {\n\treturn {\n\t\tper_page: -1,\n\t\t_embed: 'about',\n\t};\n}\n\n/**\n * Creates a stub post with given id and set of blocks. Used as a governing entity records\n * for all widget areas.\n *\n * @param {string} id     Post ID.\n * @param {Array}  blocks The list of blocks.\n * @return {Object} A stub post object formatted in compliance with the data layer.\n */\nexport const createStubPost = ( id, blocks ) => ( {\n\tid,\n\tslug: id,\n\tstatus: 'draft',\n\ttype: 'page',\n\tblocks,\n\tmeta: {\n\t\twidgetAreaId: id,\n\t},\n} );\n"]}
+{"version":3,"names":["KIND","WIDGET_AREA_ENTITY_TYPE","POST_TYPE","buildWidgetAreaPostId","widgetAreaId","buildWidgetAreasPostId","buildWidgetAreasQuery","per_page","buildWidgetsQuery","_embed","createStubPost","id","blocks","slug","status","type","meta"],"sources":["@wordpress/edit-widgets/src/store/utils.js"],"sourcesContent":["/**\n * \"Kind\" of the navigation post.\n *\n * @type {string}\n */\nexport const KIND = 'root';\n\n/**\n * \"post type\" of the navigation post.\n *\n * @type {string}\n */\nexport const WIDGET_AREA_ENTITY_TYPE = 'sidebar';\n\n/**\n * \"post type\" of the widget area post.\n *\n * @type {string}\n */\nexport const POST_TYPE = 'postType';\n\n/**\n * Builds an ID for a new widget area post.\n *\n * @param {number} widgetAreaId Widget area id.\n * @return {string} An ID.\n */\nexport const buildWidgetAreaPostId = ( widgetAreaId ) =>\n\t`widget-area-${ widgetAreaId }`;\n\n/**\n * Builds an ID for a global widget areas post.\n *\n * @return {string} An ID.\n */\nexport const buildWidgetAreasPostId = () => `widget-areas`;\n\n/**\n * Builds a query to resolve sidebars.\n *\n * @return {Object} Query.\n */\nexport function buildWidgetAreasQuery() {\n\treturn {\n\t\tper_page: -1,\n\t};\n}\n\n/**\n * Builds a query to resolve widgets.\n *\n * @return {Object} Query.\n */\nexport function buildWidgetsQuery() {\n\treturn {\n\t\tper_page: -1,\n\t\t_embed: 'about',\n\t};\n}\n\n/**\n * Creates a stub post with given id and set of blocks. Used as a governing entity records\n * for all widget areas.\n *\n * @param {string} id     Post ID.\n * @param {Array}  blocks The list of blocks.\n * @return {Object} A stub post object formatted in compliance with the data layer.\n */\nexport const createStubPost = ( id, blocks ) => ( {\n\tid,\n\tslug: id,\n\tstatus: 'draft',\n\ttype: 'page',\n\tblocks,\n\tmeta: {\n\t\twidgetAreaId: id,\n\t},\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,IAAI,GAAG,MAAM;;AAE1B;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAG,SAAS;;AAEhD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAG,UAAU;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAKC,YAAY,IACjD,eAAeA,YAAc,EAAC;;AAEhC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAO,cAAa;;AAE1D;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAA,EAAG;EACvC,OAAO;IACNC,QAAQ,EAAE,CAAC;EACZ,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAAG;EACnC,OAAO;IACND,QAAQ,EAAE,CAAC,CAAC;IACZE,MAAM,EAAE;EACT,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAEC,EAAE,EAAEC,MAAM,MAAQ;EACjDD,EAAE;EACFE,IAAI,EAAEF,EAAE;EACRG,MAAM,EAAE,OAAO;EACfC,IAAI,EAAE,MAAM;EACZH,MAAM;EACNI,IAAI,EAAE;IACLZ,YAAY,EAAEO;EACf;AACD,CAAC,CAAE"}

package/build-style/style-rtl.css

@@ -320,6 +320,11 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   overflow: auto;
   z-index: 20;
 }
+@media (min-width: 782px) {
+  .interface-interface-skeleton__content {
+    z-index: auto;
+  }
+}
 
 .interface-interface-skeleton__secondary-sidebar,
 .interface-interface-skeleton__sidebar {
@@ -466,21 +471,22 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   gap: 4px;
   margin-left: -4px;
 }
-.interface-pinned-items .components-button:not(:first-child) {
-  display: none;
-}
-@media (min-width: 600px) {
-  .interface-pinned-items .components-button:not(:first-child) {
-    display: flex;
-  }
-}
 .interface-pinned-items .components-button {
+  display: none;
   margin: 0;
 }
+.interface-pinned-items .components-button:nth-last-child(1), .interface-pinned-items .components-button:nth-last-child(2) {
+  display: flex;
+}
 .interface-pinned-items .components-button svg {
   max-width: 24px;
   max-height: 24px;
 }
+@media (min-width: 600px) {
+  .interface-pinned-items .components-button {
+    display: flex;
+  }
+}
 
 @media (min-width: 600px) {
   .interface-preferences-modal {
@@ -716,9 +722,6 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c
 .edit-widgets-keyboard-shortcut-help-modal__section {
   margin: 0 0 2rem 0;
 }
-.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list {
-  margin-top: -25px;
-}
 .edit-widgets-keyboard-shortcut-help-modal__section-title {
   font-size: 0.9rem;
   font-weight: 600;

package/build-style/style.css

@@ -320,6 +320,11 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   overflow: auto;
   z-index: 20;
 }
+@media (min-width: 782px) {
+  .interface-interface-skeleton__content {
+    z-index: auto;
+  }
+}
 
 .interface-interface-skeleton__secondary-sidebar,
 .interface-interface-skeleton__sidebar {
@@ -466,21 +471,22 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   gap: 4px;
   margin-right: -4px;
 }
-.interface-pinned-items .components-button:not(:first-child) {
-  display: none;
-}
-@media (min-width: 600px) {
-  .interface-pinned-items .components-button:not(:first-child) {
-    display: flex;
-  }
-}
 .interface-pinned-items .components-button {
+  display: none;
   margin: 0;
 }
+.interface-pinned-items .components-button:nth-last-child(1), .interface-pinned-items .components-button:nth-last-child(2) {
+  display: flex;
+}
 .interface-pinned-items .components-button svg {
   max-width: 24px;
   max-height: 24px;
 }
+@media (min-width: 600px) {
+  .interface-pinned-items .components-button {
+    display: flex;
+  }
+}
 
 @media (min-width: 600px) {
   .interface-preferences-modal {
@@ -716,9 +722,6 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c
 .edit-widgets-keyboard-shortcut-help-modal__section {
   margin: 0 0 2rem 0;
 }
-.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list {
-  margin-top: -25px;
-}
 .edit-widgets-keyboard-shortcut-help-modal__section-title {
   font-size: 0.9rem;
   font-weight: 600;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-widgets",
-	"version": "5.16.0",
+	"version": "5.17.1",
 	"description": "Widgets Page module for WordPress..",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,31 +27,32 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/api-fetch": "^6.36.0",
-		"@wordpress/block-editor": "^12.7.0",
-		"@wordpress/block-library": "^8.16.0",
-		"@wordpress/blocks": "^12.16.0",
-		"@wordpress/components": "^25.5.0",
-		"@wordpress/compose": "^6.16.0",
-		"@wordpress/core-data": "^6.16.0",
-		"@wordpress/data": "^9.9.0",
-		"@wordpress/deprecated": "^3.39.0",
-		"@wordpress/dom": "^3.39.0",
-		"@wordpress/element": "^5.16.0",
-		"@wordpress/hooks": "^3.39.0",
-		"@wordpress/i18n": "^4.39.0",
-		"@wordpress/icons": "^9.30.0",
-		"@wordpress/interface": "^5.16.0",
-		"@wordpress/keyboard-shortcuts": "^4.16.0",
-		"@wordpress/keycodes": "^3.39.0",
-		"@wordpress/media-utils": "^4.30.0",
-		"@wordpress/notices": "^4.7.0",
-		"@wordpress/plugins": "^6.7.0",
-		"@wordpress/preferences": "^3.16.0",
-		"@wordpress/private-apis": "^0.21.0",
-		"@wordpress/reusable-blocks": "^4.16.0",
-		"@wordpress/url": "^3.40.0",
-		"@wordpress/widgets": "^3.16.0",
+		"@wordpress/api-fetch": "^6.37.1",
+		"@wordpress/block-editor": "^12.8.1",
+		"@wordpress/block-library": "^8.17.1",
+		"@wordpress/blocks": "^12.17.1",
+		"@wordpress/components": "^25.6.1",
+		"@wordpress/compose": "^6.17.1",
+		"@wordpress/core-data": "^6.17.1",
+		"@wordpress/data": "^9.10.1",
+		"@wordpress/deprecated": "^3.40.1",
+		"@wordpress/dom": "^3.40.1",
+		"@wordpress/element": "^5.17.1",
+		"@wordpress/hooks": "^3.40.1",
+		"@wordpress/i18n": "^4.40.1",
+		"@wordpress/icons": "^9.31.1",
+		"@wordpress/interface": "^5.17.1",
+		"@wordpress/keyboard-shortcuts": "^4.17.1",
+		"@wordpress/keycodes": "^3.40.1",
+		"@wordpress/media-utils": "^4.31.1",
+		"@wordpress/notices": "^4.8.1",
+		"@wordpress/patterns": "^1.1.1",
+		"@wordpress/plugins": "^6.8.1",
+		"@wordpress/preferences": "^3.17.1",
+		"@wordpress/private-apis": "^0.22.1",
+		"@wordpress/reusable-blocks": "^4.17.1",
+		"@wordpress/url": "^3.41.1",
+		"@wordpress/widgets": "^3.17.1",
 		"classnames": "^2.3.1"
 	},
 	"peerDependencies": {
@@ -61,5 +62,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "b898cf1dc8e70841d1647ea0994ac6278acc18a7"
+	"gitHead": "bb1fbf87bb0f451744530fc6a85de2dff1263bed"
 }

package/src/components/keyboard-shortcut-help-modal/style.scss

@@ -3,11 +3,6 @@
 		margin: 0 0 2rem 0;
 	}
 
-	&__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list {
-		// Push the shortcut to be flush with top modal header.
-		margin-top: -$grid-unit-30 -$border-width;
-	}
-
 	&__section-title {
 		font-size: 0.9rem;
 		font-weight: 600;

package/src/components/widget-areas-block-editor-provider/index.js

@@ -15,7 +15,7 @@ import {
 	CopyHandler,
 	privateApis as blockEditorPrivateApis,
 } from '@wordpress/block-editor';
-import { ReusableBlocksMenuItems } from '@wordpress/reusable-blocks';
+import { privateApis as editPatternsPrivateApis } from '@wordpress/patterns';
 import { ShortcutProvider } from '@wordpress/keyboard-shortcuts';
 import { store as preferencesStore } from '@wordpress/preferences';
 
@@ -30,7 +30,7 @@ import { ALLOW_REUSABLE_BLOCKS } from '../../constants';
 import { unlock } from '../../lock-unlock';
 
 const { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );
-
+const { PatternsMenuItems } = unlock( editPatternsPrivateApis );
 export default function WidgetAreasBlockEditorProvider( {
 	blockEditorSettings,
 	children,
@@ -112,7 +112,7 @@ export default function WidgetAreasBlockEditorProvider( {
 					{ ...props }
 				>
 					<CopyHandler>{ children }</CopyHandler>
-					<ReusableBlocksMenuItems rootClientId={ widgetAreaId } />
+					<PatternsMenuItems rootClientId={ widgetAreaId } />
 				</ExperimentalBlockEditorProvider>
 			</SlotFillProvider>
 		</ShortcutProvider>

package/src/index.js

@@ -112,7 +112,6 @@ export function reinitializeEditor() {
  * Function to register an individual block.
  *
  * @param {Object} block The block to be registered.
- *
  */
 const registerBlock = ( block ) => {
 	if ( ! block ) {

package/src/store/selectors.js

@@ -19,6 +19,11 @@ import {
 } from './utils';
 import { STORE_NAME as editWidgetsStoreName } from './constants';
 
+const EMPTY_INSERTION_POINT = {
+	rootClientId: undefined,
+	insertionIndex: undefined,
+};
+
 /**
  * Returns all API widgets.
  *
@@ -254,8 +259,11 @@ export function isInserterOpened( state ) {
  * @return {Object} The root client ID and index to insert at.
  */
 export function __experimentalGetInsertionPoint( state ) {
-	const { rootClientId, insertionIndex } = state.blockInserterPanel;
-	return { rootClientId, insertionIndex };
+	if ( typeof state.blockInserterPanel === 'boolean' ) {
+		return EMPTY_INSERTION_POINT;
+	}
+
+	return state.blockInserterPanel;
 }
 
 /**