@wordpress/block-editor 15.9.1-next.738bb1424.0 → 15.9.1-next.8fd3f8831.0

package/src/hooks/list-view.js

@@ -0,0 +1,80 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { PanelBody } from '@wordpress/components';
+import { useSelect } from '@wordpress/data';
+import { store as blocksStore, hasBlockSupport } from '@wordpress/blocks';
+
+/**
+ * Internal dependencies
+ */
+import InspectorControls from '../components/inspector-controls';
+import { store as blockEditorStore } from '../store';
+import { privateApis } from '../private-apis';
+import { unlock } from '../lock-unlock';
+
+const { PrivateListView } = unlock( privateApis );
+
+export const LIST_VIEW_SUPPORT_KEY = 'listView';
+
+/**
+ * Check if the block has list view support.
+ *
+ * @param {string|Object} nameOrType Block name or block type object.
+ * @return {boolean} Whether the block has list view support.
+ */
+export function hasListViewSupport( nameOrType ) {
+	return hasBlockSupport( nameOrType, LIST_VIEW_SUPPORT_KEY );
+}
+
+/**
+ * Inspector controls panel for list view.
+ *
+ * @param {Object} props          Component props.
+ * @param {string} props.clientId Block client ID.
+ * @param {string} props.name     Block name.
+ * @return {Element|null} List view inspector controls or null.
+ */
+export function ListViewPanel( { clientId, name } ) {
+	const isEnabled = hasListViewSupport( name );
+	const { hasChildren, blockTitle } = useSelect(
+		( select ) => ( {
+			hasChildren:
+				!! select( blockEditorStore ).getBlockCount( clientId ),
+			blockTitle: select( blocksStore ).getBlockType( name )?.title,
+		} ),
+		[ clientId, name ]
+	);
+
+	if ( ! isEnabled ) {
+		return null;
+	}
+
+	return (
+		<InspectorControls group="list">
+			<PanelBody title={ null }>
+				{ ! hasChildren && (
+					<p className="block-editor-block-inspector__no-blocks">
+						{ __( 'No items yet.' ) }
+					</p>
+				) }
+				<PrivateListView
+					rootClientId={ clientId }
+					isExpanded
+					description={ blockTitle }
+					showAppender
+				/>
+			</PanelBody>
+		</InspectorControls>
+	);
+}
+
+/**
+ * Export block support definition.
+ */
+export default {
+	edit: ListViewPanel,
+	hasSupport: hasListViewSupport,
+	attributeKeys: [],
+};

package/src/store/private-actions.js

@@ -275,19 +275,6 @@ export function setBlockRemovalRules( rules = false ) {
 	};
 }
 
-/**
- * Sets the client ID of the block settings menu that is currently open.
- *
- * @param {?string} clientId The block client ID.
- * @return {Object} Action object.
- */
-export function setOpenedBlockSettingsMenu( clientId ) {
-	return {
-		type: 'SET_OPENED_BLOCK_SETTINGS_MENU',
-		clientId,
-	};
-}
-
 export function setStyleOverride( id, style ) {
 	return {
 		type: 'SET_STYLE_OVERRIDE',

package/src/store/private-selectors.js

@@ -198,16 +198,6 @@ export function getBlockRemovalRules( state ) {
 	return state.blockRemovalRules;
 }
 
-/**
- * Returns the client ID of the block settings menu that is currently open.
- *
- * @param {Object} state Global application state.
- * @return {string|null} The client ID of the block menu that is currently open.
- */
-export function getOpenedBlockSettingsMenu( state ) {
-	return state.openedBlockSettingsMenu;
-}
-
 /**
  * Returns all style overrides, intended to be merged with global editor styles.
  *

package/src/store/reducer.js

@@ -2009,21 +2009,6 @@ export function blockEditingModes( state = new Map(), action ) {
 	return state;
 }
 
-/**
- * Reducer returning the clientId of the block settings menu that is currently open.
- *
- * @param {string|null} state  Current state.
- * @param {Object}      action Dispatched action.
- *
- * @return {string|null} Updated state.
- */
-export function openedBlockSettingsMenu( state = null, action ) {
-	if ( 'SET_OPENED_BLOCK_SETTINGS_MENU' === action.type ) {
-		return action?.clientId ?? null;
-	}
-	return state;
-}
-
 /**
  * Reducer returning a map of style IDs to style overrides.
  *
@@ -2145,7 +2130,6 @@ const combinedReducers = combineReducers( {
 	styleOverrides,
 	removalPromptData,
 	blockRemovalRules,
-	openedBlockSettingsMenu,
 	registeredInserterMediaCategories,
 	zoomLevel,
 	hasBlockSpotlight,

package/src/store/test/private-actions.js

@@ -7,7 +7,6 @@ import {
 	expandBlock,
 	__experimentalUpdateSettings,
 	setInsertionPoint,
-	setOpenedBlockSettingsMenu,
 	startDragging,
 	stopDragging,
 } from '../private-actions';
@@ -84,22 +83,6 @@ describe( 'private actions', () => {
 		} );
 	} );
 
-	describe( 'setOpenedBlockSettingsMenu', () => {
-		it( 'should return the SET_OPENED_BLOCK_SETTINGS_MENU action', () => {
-			expect( setOpenedBlockSettingsMenu() ).toEqual( {
-				clientId: undefined,
-				type: 'SET_OPENED_BLOCK_SETTINGS_MENU',
-			} );
-		} );
-
-		it( 'should return the SET_OPENED_BLOCK_SETTINGS_MENU action with client id if provided', () => {
-			expect( setOpenedBlockSettingsMenu( 'abcd' ) ).toEqual( {
-				clientId: 'abcd',
-				type: 'SET_OPENED_BLOCK_SETTINGS_MENU',
-			} );
-		} );
-	} );
-
 	describe( 'startDragging', () => {
 		it( 'should return the START_DRAGGING action', () => {
 			expect( startDragging() ).toEqual( {

package/src/store/test/reducer.js

@@ -38,7 +38,6 @@ import {
 	lastBlockAttributesChange,
 	lastBlockInserted,
 	blockEditingModes,
-	openedBlockSettingsMenu,
 	expandedBlock,
 	zoomLevel,
 	editedContentOnlySection,
@@ -3486,30 +3485,6 @@ describe( 'state', () => {
 		} );
 	} );
 
-	describe( 'openedBlockSettingsMenu', () => {
-		it( 'should return null by default', () => {
-			expect( openedBlockSettingsMenu( undefined, {} ) ).toBe( null );
-		} );
-
-		it( 'should set client id for opened block settings menu', () => {
-			const state = openedBlockSettingsMenu( null, {
-				type: 'SET_OPENED_BLOCK_SETTINGS_MENU',
-				clientId: '14501cc2-90a6-4f52-aa36-ab6e896135d1',
-			} );
-			expect( state ).toBe( '14501cc2-90a6-4f52-aa36-ab6e896135d1' );
-		} );
-
-		it( 'should clear the state when no client id is passed', () => {
-			const state = openedBlockSettingsMenu(
-				'14501cc2-90a6-4f52-aa36-ab6e896135d1',
-				{
-					type: 'SET_OPENED_BLOCK_SETTINGS_MENU',
-				}
-			);
-			expect( state ).toBe( null );
-		} );
-	} );
-
 	describe( 'expandedBlock', () => {
 		it( 'should return null by default', () => {
 			expect( expandedBlock( undefined, {} ) ).toBe( null );

package/build/components/inspector-controls-tabs/use-is-list-view-tab-disabled.cjs

@@ -1,36 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-editor/src/components/inspector-controls-tabs/use-is-list-view-tab-disabled.js
-var use_is_list_view_tab_disabled_exports = {};
-__export(use_is_list_view_tab_disabled_exports, {
-  default: () => use_is_list_view_tab_disabled_default,
-  useIsListViewTabDisabled: () => useIsListViewTabDisabled
-});
-module.exports = __toCommonJS(use_is_list_view_tab_disabled_exports);
-var allowlist = ["core/navigation"];
-var useIsListViewTabDisabled = (blockName) => {
-  return !allowlist.includes(blockName);
-};
-var use_is_list_view_tab_disabled_default = useIsListViewTabDisabled;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useIsListViewTabDisabled
-});
-//# sourceMappingURL=use-is-list-view-tab-disabled.cjs.map

package/build/components/inspector-controls-tabs/use-is-list-view-tab-disabled.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/use-is-list-view-tab-disabled.js"],
-  "sourcesContent": ["// List view tab restricts the blocks that may render to it via the\n// allowlist below.\nconst allowlist = [ 'core/navigation' ];\n\nexport const useIsListViewTabDisabled = ( blockName ) => {\n\treturn ! allowlist.includes( blockName );\n};\n\nexport default useIsListViewTabDisabled;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,IAAM,YAAY,CAAE,iBAAkB;AAE/B,IAAM,2BAA2B,CAAE,cAAe;AACxD,SAAO,CAAE,UAAU,SAAU,SAAU;AACxC;AAEA,IAAO,wCAAQ;",
-  "names": []
-}

package/build-module/components/inspector-controls-tabs/use-is-list-view-tab-disabled.js

@@ -1,11 +0,0 @@
-// packages/block-editor/src/components/inspector-controls-tabs/use-is-list-view-tab-disabled.js
-var allowlist = ["core/navigation"];
-var useIsListViewTabDisabled = (blockName) => {
-  return !allowlist.includes(blockName);
-};
-var use_is_list_view_tab_disabled_default = useIsListViewTabDisabled;
-export {
-  use_is_list_view_tab_disabled_default as default,
-  useIsListViewTabDisabled
-};
-//# sourceMappingURL=use-is-list-view-tab-disabled.js.map

package/build-module/components/inspector-controls-tabs/use-is-list-view-tab-disabled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/use-is-list-view-tab-disabled.js"],
-  "sourcesContent": ["// List view tab restricts the blocks that may render to it via the\n// allowlist below.\nconst allowlist = [ 'core/navigation' ];\n\nexport const useIsListViewTabDisabled = ( blockName ) => {\n\treturn ! allowlist.includes( blockName );\n};\n\nexport default useIsListViewTabDisabled;\n"],
-  "mappings": ";AAEA,IAAM,YAAY,CAAE,iBAAkB;AAE/B,IAAM,2BAA2B,CAAE,cAAe;AACxD,SAAO,CAAE,UAAU,SAAU,SAAU;AACxC;AAEA,IAAO,wCAAQ;",
-  "names": []
-}

package/src/components/inspector-controls-tabs/use-is-list-view-tab-disabled.js

@@ -1,9 +0,0 @@
-// List view tab restricts the blocks that may render to it via the
-// allowlist below.
-const allowlist = [ 'core/navigation' ];
-
-export const useIsListViewTabDisabled = ( blockName ) => {
-	return ! allowlist.includes( blockName );
-};
-
-export default useIsListViewTabDisabled;