@wordpress/block-editor 15.9.1-next.8fd3f8831.0 → 15.10.1-next.06ee73755.0

package/build/components/link-control/link-preview.cjs

@@ -33,7 +33,7 @@ __export(link_preview_exports, {
   default: () => LinkPreview
 });
 module.exports = __toCommonJS(link_preview_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_i18n = require("@wordpress/i18n");
 var import_components = require("@wordpress/components");
 var import_compose = require("@wordpress/compose");
@@ -44,7 +44,7 @@ var import_data = require("@wordpress/data");
 var import_notices = require("@wordpress/notices");
 var import_preferences = require("@wordpress/preferences");
 var import_viewer_slot = require("./viewer-slot.cjs");
-var import_use_rich_url_data = __toESM(require("./use-rich-url-data.cjs"), 1);
+var import_use_rich_url_data = __toESM(require("./use-rich-url-data.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function filterTitleForDisplay(title) {
   return title.replace(/^[a-z\-.\+]+[0-9]*:(\/\/)?/i, "").replace(/^www\./i, "");

package/build/components/link-control/search-input.cjs

@@ -36,11 +36,11 @@ __export(search_input_exports, {
 module.exports = __toCommonJS(search_input_exports);
 var import_element = require("@wordpress/element");
 var import_i18n = require("@wordpress/i18n");
-var import_deprecated = __toESM(require("@wordpress/deprecated"), 1);
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
 var import__ = require("../index.cjs");
-var import_search_results = __toESM(require("./search-results.cjs"), 1);
+var import_search_results = __toESM(require("./search-results.cjs"));
 var import_constants = require("./constants.cjs");
-var import_use_search_handler = __toESM(require("./use-search-handler.cjs"), 1);
+var import_use_search_handler = __toESM(require("./use-search-handler.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var noopSearchHandler = () => Promise.resolve([]);
 var noop = () => {

package/build/components/link-control/search-item.cjs

@@ -41,7 +41,7 @@ var import_icons = require("@wordpress/icons");
 var import_dom = require("@wordpress/dom");
 var import_url = require("@wordpress/url");
 var import_compose = require("@wordpress/compose");
-var import_deprecated = __toESM(require("@wordpress/deprecated"), 1);
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var TYPES = {
   post: {

package/build/components/link-control/search-results.cjs

@@ -36,11 +36,11 @@ __export(search_results_exports, {
 module.exports = __toCommonJS(search_results_exports);
 var import_i18n = require("@wordpress/i18n");
 var import_components = require("@wordpress/components");
-var import_clsx = __toESM(require("clsx"), 1);
-var import_search_create_button = __toESM(require("./search-create-button.cjs"), 1);
-var import_search_item = __toESM(require("./search-item.cjs"), 1);
+var import_clsx = __toESM(require("clsx"));
+var import_search_create_button = __toESM(require("./search-create-button.cjs"));
+var import_search_item = __toESM(require("./search-item.cjs"));
 var import_constants = require("./constants.cjs");
-var import_deprecated = __toESM(require("@wordpress/deprecated"), 1);
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function LinkControlSearchResults({
   withCreateSuggestion,

package/build/components/link-control/use-internal-value.cjs

@@ -34,7 +34,7 @@ __export(use_internal_value_exports, {
 });
 module.exports = __toCommonJS(use_internal_value_exports);
 var import_element = require("@wordpress/element");
-var import_fast_deep_equal = __toESM(require("fast-deep-equal"), 1);
+var import_fast_deep_equal = __toESM(require("fast-deep-equal"));
 function useInternalValue(value) {
   const [internalValue, setInternalValue] = (0, import_element.useState)(value || {});
   const [previousValue, setPreviousValue] = (0, import_element.useState)(value);

package/build/components/link-control/use-search-handler.cjs

@@ -38,7 +38,7 @@ module.exports = __toCommonJS(use_search_handler_exports);
 var import_url = require("@wordpress/url");
 var import_element = require("@wordpress/element");
 var import_data = require("@wordpress/data");
-var import_is_url_like = __toESM(require("./is-url-like.cjs"), 1);
+var import_is_url_like = __toESM(require("./is-url-like.cjs"));
 var import_constants = require("./constants.cjs");
 var import_store = require("../../store/index.cjs");
 var handleNoop = () => Promise.resolve([]);

package/build/components/link-picker/link-picker.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(link_picker_exports);
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
 var import_i18n = require("@wordpress/i18n");
-var import_link_control = __toESM(require("../link-control/index.cjs"), 1);
+var import_link_control = __toESM(require("../link-control/index.cjs"));
 var import_link_preview = require("./link-preview.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function LinkPicker({

package/build/components/list-view/appender.cjs

@@ -39,10 +39,10 @@ var import_data = require("@wordpress/data");
 var import_element = require("@wordpress/element");
 var import_i18n = require("@wordpress/i18n");
 var import_store = require("../../store/index.cjs");
-var import_use_block_display_title = __toESM(require("../block-title/use-block-display-title.cjs"), 1);
+var import_use_block_display_title = __toESM(require("../block-title/use-block-display-title.cjs"));
 var import_context = require("./context.cjs");
-var import_inserter = __toESM(require("../inserter/index.cjs"), 1);
-var import_aria_referenced_text = __toESM(require("./aria-referenced-text.cjs"), 1);
+var import_inserter = __toESM(require("../inserter/index.cjs"));
+var import_aria_referenced_text = __toESM(require("./aria-referenced-text.cjs"));
 var import_lock_unlock = require("../../lock-unlock.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Appender = (0, import_element.forwardRef)(

package/build/components/list-view/block-contents.cjs

@@ -34,8 +34,8 @@ __export(block_contents_exports, {
 });
 module.exports = __toCommonJS(block_contents_exports);
 var import_element = require("@wordpress/element");
-var import_block_select_button = __toESM(require("./block-select-button.cjs"), 1);
-var import_block_draggable = __toESM(require("../block-draggable/index.cjs"), 1);
+var import_block_select_button = __toESM(require("./block-select-button.cjs"));
+var import_block_draggable = __toESM(require("../block-draggable/index.cjs"));
 var import_context = require("./context.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var ListViewBlockContents = (0, import_element.forwardRef)(

package/build/components/list-view/block-select-button.cjs

@@ -33,19 +33,19 @@ __export(block_select_button_exports, {
   default: () => block_select_button_default
 });
 module.exports = __toCommonJS(block_select_button_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
 var import_icons = require("@wordpress/icons");
 var import_keycodes = require("@wordpress/keycodes");
 var import_data = require("@wordpress/data");
 var import_blocks = require("@wordpress/blocks");
-var import_block_icon = __toESM(require("../block-icon/index.cjs"), 1);
-var import_use_block_display_information = __toESM(require("../use-block-display-information/index.cjs"), 1);
-var import_use_block_display_title = __toESM(require("../block-title/use-block-display-title.cjs"), 1);
-var import_expander = __toESM(require("./expander.cjs"), 1);
+var import_block_icon = __toESM(require("../block-icon/index.cjs"));
+var import_use_block_display_information = __toESM(require("../use-block-display-information/index.cjs"));
+var import_use_block_display_title = __toESM(require("../block-title/use-block-display-title.cjs"));
+var import_expander = __toESM(require("./expander.cjs"));
 var import_block_lock = require("../block-lock/index.cjs");
-var import_use_list_view_images = __toESM(require("./use-list-view-images.cjs"), 1);
+var import_use_list_view_images = __toESM(require("./use-list-view-images.cjs"));
 var import_store = require("../../store/index.cjs");
 var import_lock_unlock = require("../../lock-unlock.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");

package/build/components/list-view/block.cjs

@@ -33,7 +33,7 @@ __export(block_exports, {
   default: () => block_default
 });
 module.exports = __toCommonJS(block_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_blocks = require("@wordpress/blocks");
 var import_components = require("@wordpress/components");
 var import_compose = require("@wordpress/compose");
@@ -45,18 +45,18 @@ var import_keycodes = require("@wordpress/keycodes");
 var import_is_shallow_equal = require("@wordpress/is-shallow-equal");
 var import_keyboard_shortcuts = require("@wordpress/keyboard-shortcuts");
 var import_a11y = require("@wordpress/a11y");
-var import_leaf = __toESM(require("./leaf.cjs"), 1);
-var import_use_list_view_scroll_into_view = __toESM(require("./use-list-view-scroll-into-view.cjs"), 1);
+var import_leaf = __toESM(require("./leaf.cjs"));
+var import_use_list_view_scroll_into_view = __toESM(require("./use-list-view-scroll-into-view.cjs"));
 var import_button = require("../block-mover/button.cjs");
-var import_block_contents = __toESM(require("./block-contents.cjs"), 1);
+var import_block_contents = __toESM(require("./block-contents.cjs"));
 var import_context = require("./context.cjs");
 var import_utils = require("./utils.cjs");
 var import_store = require("../../store/index.cjs");
-var import_use_block_display_information = __toESM(require("../use-block-display-information/index.cjs"), 1);
+var import_use_block_display_information = __toESM(require("../use-block-display-information/index.cjs"));
 var import_block_lock = require("../block-lock/index.cjs");
-var import_aria_referenced_text = __toESM(require("./aria-referenced-text.cjs"), 1);
+var import_aria_referenced_text = __toESM(require("./aria-referenced-text.cjs"));
 var import_lock_unlock = require("../../lock-unlock.cjs");
-var import_use_paste_styles = __toESM(require("../use-paste-styles/index.cjs"), 1);
+var import_use_paste_styles = __toESM(require("../use-paste-styles/index.cjs"));
 var import_utils2 = require("../../hooks/utils.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ListViewBlock({

package/build/components/list-view/branch.cjs

@@ -37,11 +37,11 @@ var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
 var import_data = require("@wordpress/data");
 var import_appender = require("./appender.cjs");
-var import_block = __toESM(require("./block.cjs"), 1);
+var import_block = __toESM(require("./block.cjs"));
 var import_context = require("./context.cjs");
 var import_utils = require("./utils.cjs");
 var import_store = require("../../store/index.cjs");
-var import_use_block_display_information = __toESM(require("../use-block-display-information/index.cjs"), 1);
+var import_use_block_display_information = __toESM(require("../use-block-display-information/index.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function countBlocks(block, expandedState, draggedClientIds, isExpandedByDefault) {
   const isDragged = draggedClientIds?.includes(block.clientId);

package/build/components/list-view/drop-indicator.cjs

@@ -33,15 +33,15 @@ __export(drop_indicator_exports, {
   default: () => ListViewDropIndicatorPreview
 });
 module.exports = __toCommonJS(drop_indicator_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_components = require("@wordpress/components");
 var import_dom = require("@wordpress/dom");
 var import_element = require("@wordpress/element");
 var import_i18n = require("@wordpress/i18n");
-var import_block_icon = __toESM(require("../block-icon/index.cjs"), 1);
-var import_use_block_display_information = __toESM(require("../use-block-display-information/index.cjs"), 1);
-var import_use_block_display_title = __toESM(require("../block-title/use-block-display-title.cjs"), 1);
-var import_expander = __toESM(require("./expander.cjs"), 1);
+var import_block_icon = __toESM(require("../block-icon/index.cjs"));
+var import_use_block_display_information = __toESM(require("../use-block-display-information/index.cjs"));
+var import_use_block_display_title = __toESM(require("../block-title/use-block-display-title.cjs"));
+var import_expander = __toESM(require("./expander.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function ListViewDropIndicatorPreview({
   draggedBlockClientId,

package/build/components/list-view/index.cjs

@@ -35,26 +35,26 @@ __export(list_view_exports, {
   default: () => list_view_default
 });
 module.exports = __toCommonJS(list_view_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_compose = require("@wordpress/compose");
 var import_components = require("@wordpress/components");
 var import_data = require("@wordpress/data");
-var import_deprecated = __toESM(require("@wordpress/deprecated"), 1);
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
 var import_element = require("@wordpress/element");
 var import_i18n = require("@wordpress/i18n");
-var import_branch = __toESM(require("./branch.cjs"), 1);
+var import_branch = __toESM(require("./branch.cjs"));
 var import_context = require("./context.cjs");
-var import_drop_indicator = __toESM(require("./drop-indicator.cjs"), 1);
-var import_use_block_selection = __toESM(require("./use-block-selection.cjs"), 1);
-var import_use_list_view_block_indexes = __toESM(require("./use-list-view-block-indexes.cjs"), 1);
-var import_use_list_view_client_ids = __toESM(require("./use-list-view-client-ids.cjs"), 1);
-var import_use_list_view_collapse_items = __toESM(require("./use-list-view-collapse-items.cjs"), 1);
-var import_use_list_view_drop_zone = __toESM(require("./use-list-view-drop-zone.cjs"), 1);
-var import_use_list_view_expand_selected_item = __toESM(require("./use-list-view-expand-selected-item.cjs"), 1);
+var import_drop_indicator = __toESM(require("./drop-indicator.cjs"));
+var import_use_block_selection = __toESM(require("./use-block-selection.cjs"));
+var import_use_list_view_block_indexes = __toESM(require("./use-list-view-block-indexes.cjs"));
+var import_use_list_view_client_ids = __toESM(require("./use-list-view-client-ids.cjs"));
+var import_use_list_view_collapse_items = __toESM(require("./use-list-view-collapse-items.cjs"));
+var import_use_list_view_drop_zone = __toESM(require("./use-list-view-drop-zone.cjs"));
+var import_use_list_view_expand_selected_item = __toESM(require("./use-list-view-expand-selected-item.cjs"));
 var import_store = require("../../store/index.cjs");
 var import_block_settings_dropdown = require("../block-settings-menu/block-settings-dropdown.cjs");
 var import_utils = require("./utils.cjs");
-var import_use_clipboard_handler = __toESM(require("./use-clipboard-handler.cjs"), 1);
+var import_use_clipboard_handler = __toESM(require("./use-clipboard-handler.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var expanded = (state, action) => {
   if (action.type === "clear") {
@@ -100,7 +100,7 @@ function ListViewComponent({
   const instanceId = (0, import_compose.useInstanceId)(ListViewComponent);
   const { clientIdsTree, draggedClientIds, selectedClientIds } = (0, import_use_list_view_client_ids.default)({ blocks, rootClientId });
   const blockIndexes = (0, import_use_list_view_block_indexes.default)(clientIdsTree);
-  const { getBlock } = (0, import_data.useSelect)(import_store.store);
+  const { getBlock, getSelectedBlockClientIds } = (0, import_data.useSelect)(import_store.store);
   const { visibleBlockCount } = (0, import_data.useSelect)(
     (select) => {
       const { getGlobalBlockCount, getClientIdsOfDescendants } = select(import_store.store);
@@ -142,17 +142,22 @@ function ListViewComponent({
   const clipBoardRef = (0, import_use_clipboard_handler.default)({
     selectBlock: selectEditorBlock
   });
+  const focusSelectedBlock = (0, import_element.useCallback)(
+    (node) => {
+      const [firstSelectedClientId] = getSelectedBlockClientIds();
+      if (firstSelectedClientId && node) {
+        (0, import_utils.focusListItem)(firstSelectedClientId, node);
+      }
+    },
+    [getSelectedBlockClientIds]
+  );
   const treeGridRef = (0, import_compose.useMergeRefs)([
     clipBoardRef,
+    focusSelectedBlock,
     elementRef,
     dropZoneRef,
     ref
   ]);
-  (0, import_element.useEffect)(() => {
-    if (selectedClientIds?.length) {
-      (0, import_utils.focusListItem)(selectedClientIds[0], elementRef?.current);
-    }
-  }, []);
   const expand = (0, import_element.useCallback)(
     (clientId) => {
       if (!clientId) {

package/build/components/list-view/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/list-view/index.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInstanceId,\n\tuseMergeRefs,\n\t__experimentalUseFixedWindowList as useFixedWindowList,\n} from '@wordpress/compose';\nimport {\n\t__experimentalTreeGrid as TreeGrid,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { AsyncModeProvider, useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseReducer,\n\tforwardRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ListViewBranch from './branch';\nimport { ListViewContext } from './context';\nimport ListViewDropIndicatorPreview from './drop-indicator';\nimport useBlockSelection from './use-block-selection';\nimport useListViewBlockIndexes from './use-list-view-block-indexes';\nimport useListViewClientIds from './use-list-view-client-ids';\nimport useListViewCollapseItems from './use-list-view-collapse-items';\nimport useListViewDropZone from './use-list-view-drop-zone';\nimport useListViewExpandSelectedItem from './use-list-view-expand-selected-item';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockSettingsDropdown } from '../block-settings-menu/block-settings-dropdown';\nimport { focusListItem } from './utils';\nimport useClipboardHandler from './use-clipboard-handler';\n\nconst expanded = ( state, action ) => {\n\tif ( action.type === 'clear' ) {\n\t\treturn {};\n\t}\n\tif ( Array.isArray( action.clientIds ) ) {\n\t\treturn {\n\t\t\t...state,\n\t\t\t...action.clientIds.reduce(\n\t\t\t\t( newState, id ) => ( {\n\t\t\t\t\t...newState,\n\t\t\t\t\t[ id ]: action.type === 'expand',\n\t\t\t\t} ),\n\t\t\t\t{}\n\t\t\t),\n\t\t};\n\t}\n\treturn state;\n};\n\nexport const BLOCK_LIST_ITEM_HEIGHT = 32;\n\n/** @typedef {import('react').ComponentType} ComponentType */\n/** @typedef {import('react').Ref<HTMLElement>} Ref */\n\n/**\n * Show a hierarchical list of blocks.\n *\n * @param {Object}         props                        Components props.\n * @param {string}         props.id                     An HTML element id for the root element of ListView.\n * @param {Array}          props.blocks                 _deprecated_ Custom subset of block client IDs to be used instead of the default hierarchy.\n * @param {?HTMLElement}   props.dropZoneElement        Optional element to be used as the drop zone.\n * @param {?boolean}       props.showBlockMovers        Flag to enable block movers. Defaults to `false`.\n * @param {?boolean}       props.isExpanded             Flag to determine whether nested levels are expanded by default. Defaults to `false`.\n * @param {?boolean}       props.showAppender           Flag to show or hide the block appender. Defaults to `false`.\n * @param {?ComponentType} props.blockSettingsMenu      Optional more menu substitution. Defaults to the standard `BlockSettingsDropdown` component.\n * @param {string}         props.rootClientId           The client id of the root block from which we determine the blocks to show in the list.\n * @param {string}         props.description            Optional accessible description for the tree grid component.\n * @param {?Function}      props.onSelect               Optional callback to be invoked when a block is selected. Receives the block object that was selected.\n * @param {?ComponentType} props.additionalBlockContent Component that renders additional block content UI.\n * @param {Ref}            ref                          Forwarded ref\n */\nfunction ListViewComponent(\n\t{\n\t\tid,\n\t\tblocks,\n\t\tdropZoneElement,\n\t\tshowBlockMovers = false,\n\t\tisExpanded = false,\n\t\tshowAppender = false,\n\t\tblockSettingsMenu: BlockSettingsMenu = BlockSettingsDropdown,\n\t\trootClientId,\n\t\tdescription,\n\t\tonSelect,\n\t\tadditionalBlockContent: AdditionalBlockContent,\n\t},\n\tref\n) {\n\t// This can be removed once we no longer need to support the blocks prop.\n\tif ( blocks ) {\n\t\tdeprecated(\n\t\t\t'`blocks` property in `wp.blockEditor.__experimentalListView`',\n\t\t\t{\n\t\t\t\tsince: '6.3',\n\t\t\t\talternative: '`rootClientId` property',\n\t\t\t}\n\t\t);\n\t}\n\n\tconst instanceId = useInstanceId( ListViewComponent );\n\tconst { clientIdsTree, draggedClientIds, selectedClientIds } =\n\t\tuseListViewClientIds( { blocks, rootClientId } );\n\tconst blockIndexes = useListViewBlockIndexes( clientIdsTree );\n\n\tconst { getBlock } = useSelect( blockEditorStore );\n\tconst { visibleBlockCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getGlobalBlockCount, getClientIdsOfDescendants } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst draggedBlockCount =\n\t\t\t\tdraggedClientIds?.length > 0\n\t\t\t\t\t? getClientIdsOfDescendants( draggedClientIds ).length + 1\n\t\t\t\t\t: 0;\n\t\t\treturn {\n\t\t\t\tvisibleBlockCount: getGlobalBlockCount() - draggedBlockCount,\n\t\t\t};\n\t\t},\n\t\t[ draggedClientIds ]\n\t);\n\n\tconst { updateBlockSelection } = useBlockSelection();\n\n\tconst [ expandedState, setExpandedState ] = useReducer( expanded, {} );\n\n\tconst [ insertedBlock, setInsertedBlock ] = useState( null );\n\n\tconst { setSelectedTreeId } = useListViewExpandSelectedItem( {\n\t\tfirstSelectedBlockClientId: selectedClientIds[ 0 ],\n\t\tsetExpandedState,\n\t} );\n\tconst selectEditorBlock = useCallback(\n\t\t/**\n\t\t * @param {MouseEvent | KeyboardEvent | undefined} event\n\t\t * @param {string}                                 blockClientId\n\t\t * @param {null | undefined | -1 | 1}              focusPosition\n\t\t */\n\t\t( event, blockClientId, focusPosition ) => {\n\t\t\tupdateBlockSelection( event, blockClientId, null, focusPosition );\n\t\t\tsetSelectedTreeId( blockClientId );\n\t\t\tif ( onSelect ) {\n\t\t\t\tonSelect( getBlock( blockClientId ) );\n\t\t\t}\n\t\t},\n\t\t[ setSelectedTreeId, updateBlockSelection, onSelect, getBlock ]\n\t);\n\n\tconst { ref: dropZoneRef, target: blockDropTarget } = useListViewDropZone( {\n\t\tdropZoneElement,\n\t\texpandedState,\n\t\tsetExpandedState,\n\t} );\n\tconst elementRef = useRef();\n\n\t// Allow handling of copy, cut, and paste events.\n\tconst clipBoardRef = useClipboardHandler( {\n\t\tselectBlock: selectEditorBlock,\n\t} );\n\n\tconst treeGridRef = useMergeRefs( [\n\t\tclipBoardRef,\n\t\telementRef,\n\t\tdropZoneRef,\n\t\tref,\n\t] );\n\n\tuseEffect( () => {\n\t\t// If a blocks are already selected when the list view is initially\n\t\t// mounted, shift focus to the first selected block.\n\t\tif ( selectedClientIds?.length ) {\n\t\t\tfocusListItem( selectedClientIds[ 0 ], elementRef?.current );\n\t\t}\n\t\t// Only focus on the selected item when the list view is mounted.\n\t}, [] );\n\n\tconst expand = useCallback(\n\t\t( clientId ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst clientIds = Array.isArray( clientId )\n\t\t\t\t? clientId\n\t\t\t\t: [ clientId ];\n\t\t\tsetExpandedState( { type: 'expand', clientIds } );\n\t\t},\n\t\t[ setExpandedState ]\n\t);\n\tconst collapse = useCallback(\n\t\t( clientId ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetExpandedState( { type: 'collapse', clientIds: [ clientId ] } );\n\t\t},\n\t\t[ setExpandedState ]\n\t);\n\tconst collapseAll = useCallback( () => {\n\t\tsetExpandedState( { type: 'clear' } );\n\t}, [ setExpandedState ] );\n\tconst expandRow = useCallback(\n\t\t( row ) => {\n\t\t\texpand( row?.dataset?.block );\n\t\t},\n\t\t[ expand ]\n\t);\n\tconst collapseRow = useCallback(\n\t\t( row ) => {\n\t\t\tcollapse( row?.dataset?.block );\n\t\t},\n\t\t[ collapse ]\n\t);\n\tconst focusRow = useCallback(\n\t\t( event, startRow, endRow ) => {\n\t\t\tif ( event.shiftKey ) {\n\t\t\t\tupdateBlockSelection(\n\t\t\t\t\tevent,\n\t\t\t\t\tstartRow?.dataset?.block,\n\t\t\t\t\tendRow?.dataset?.block\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ updateBlockSelection ]\n\t);\n\n\tuseListViewCollapseItems( {\n\t\tcollapseAll,\n\t\texpand,\n\t} );\n\n\tconst firstDraggedBlockClientId = draggedClientIds?.[ 0 ];\n\n\t// Convert a blockDropTarget into indexes relative to the blocks in the list view.\n\t// These values are used to determine which blocks should be displaced to make room\n\t// for the drop indicator. See `ListViewBranch` and `getDragDisplacementValues`.\n\tconst { blockDropTargetIndex, blockDropPosition, firstDraggedBlockIndex } =\n\t\tuseMemo( () => {\n\t\t\tlet _blockDropTargetIndex, _firstDraggedBlockIndex;\n\n\t\t\tif ( blockDropTarget?.clientId ) {\n\t\t\t\tconst foundBlockIndex =\n\t\t\t\t\tblockIndexes[ blockDropTarget.clientId ];\n\t\t\t\t// If dragging below or inside the block, treat the drop target as the next block.\n\t\t\t\t_blockDropTargetIndex =\n\t\t\t\t\tfoundBlockIndex === undefined ||\n\t\t\t\t\tblockDropTarget?.dropPosition === 'top'\n\t\t\t\t\t\t? foundBlockIndex\n\t\t\t\t\t\t: foundBlockIndex + 1;\n\t\t\t} else if ( blockDropTarget === null ) {\n\t\t\t\t// A `null` value is used to indicate that the user is dragging outside of the list view.\n\t\t\t\t_blockDropTargetIndex = null;\n\t\t\t}\n\n\t\t\tif ( firstDraggedBlockClientId ) {\n\t\t\t\tconst foundBlockIndex =\n\t\t\t\t\tblockIndexes[ firstDraggedBlockClientId ];\n\t\t\t\t_firstDraggedBlockIndex =\n\t\t\t\t\tfoundBlockIndex === undefined ||\n\t\t\t\t\tblockDropTarget?.dropPosition === 'top'\n\t\t\t\t\t\t? foundBlockIndex\n\t\t\t\t\t\t: foundBlockIndex + 1;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tblockDropTargetIndex: _blockDropTargetIndex,\n\t\t\t\tblockDropPosition: blockDropTarget?.dropPosition,\n\t\t\t\tfirstDraggedBlockIndex: _firstDraggedBlockIndex,\n\t\t\t};\n\t\t}, [ blockDropTarget, blockIndexes, firstDraggedBlockClientId ] );\n\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\tblockDropPosition,\n\t\t\tblockDropTargetIndex,\n\t\t\tblockIndexes,\n\t\t\tdraggedClientIds,\n\t\t\texpandedState,\n\t\t\texpand,\n\t\t\tfirstDraggedBlockIndex,\n\t\t\tcollapse,\n\t\t\tcollapseAll,\n\t\t\tBlockSettingsMenu,\n\t\t\tlistViewInstanceId: instanceId,\n\t\t\tAdditionalBlockContent,\n\t\t\tinsertedBlock,\n\t\t\tsetInsertedBlock,\n\t\t\ttreeGridElementRef: elementRef,\n\t\t\trootClientId,\n\t\t} ),\n\t\t[\n\t\t\tblockDropPosition,\n\t\t\tblockDropTargetIndex,\n\t\t\tblockIndexes,\n\t\t\tdraggedClientIds,\n\t\t\texpandedState,\n\t\t\texpand,\n\t\t\tfirstDraggedBlockIndex,\n\t\t\tcollapse,\n\t\t\tcollapseAll,\n\t\t\tBlockSettingsMenu,\n\t\t\tinstanceId,\n\t\t\tAdditionalBlockContent,\n\t\t\tinsertedBlock,\n\t\t\tsetInsertedBlock,\n\t\t\trootClientId,\n\t\t]\n\t);\n\n\t// List View renders a fixed number of items and relies on each having a fixed item height of 36px.\n\t// If this value changes, we should also change the itemHeight value set in useFixedWindowList.\n\t// See: https://github.com/WordPress/gutenberg/pull/35230 for additional context.\n\tconst [ fixedListWindow ] = useFixedWindowList(\n\t\telementRef,\n\t\tBLOCK_LIST_ITEM_HEIGHT,\n\t\tvisibleBlockCount,\n\t\t{\n\t\t\t// Ensure that the windowing logic is recalculated when the expanded state changes.\n\t\t\t// This is necessary because expanding a collapsed block in a short list view can\n\t\t\t// switch the list view to a tall list view with a scrollbar, and vice versa.\n\t\t\t// When this happens, the windowing logic needs to be recalculated to ensure that\n\t\t\t// the correct number of blocks are rendered, by rechecking for a scroll container.\n\t\t\texpandedState,\n\t\t\tuseWindowing: true,\n\t\t\twindowOverscan: 40,\n\t\t}\n\t);\n\n\t// If there are no blocks to show and we're not showing the appender, do not render the list view.\n\tif ( ! clientIdsTree.length && ! showAppender ) {\n\t\treturn null;\n\t}\n\n\tconst describedById =\n\t\tdescription && `block-editor-list-view-description-${ instanceId }`;\n\n\treturn (\n\t\t<AsyncModeProvider value>\n\t\t\t<ListViewDropIndicatorPreview\n\t\t\t\tdraggedBlockClientId={ firstDraggedBlockClientId }\n\t\t\t\tlistViewRef={ elementRef }\n\t\t\t\tblockDropTarget={ blockDropTarget }\n\t\t\t/>\n\t\t\t{ description && (\n\t\t\t\t<VisuallyHidden id={ describedById }>\n\t\t\t\t\t{ description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t\t<TreeGrid\n\t\t\t\tid={ id }\n\t\t\t\tclassName={ clsx( 'block-editor-list-view-tree', {\n\t\t\t\t\t'is-dragging':\n\t\t\t\t\t\tdraggedClientIds?.length > 0 &&\n\t\t\t\t\t\tblockDropTargetIndex !== undefined,\n\t\t\t\t} ) }\n\t\t\t\taria-label={ __( 'Block navigation structure' ) }\n\t\t\t\tref={ treeGridRef }\n\t\t\t\tonCollapseRow={ collapseRow }\n\t\t\t\tonExpandRow={ expandRow }\n\t\t\t\tonFocusRow={ focusRow }\n\t\t\t\tapplicationAriaLabel={ __( 'Block navigation structure' ) }\n\t\t\t\taria-describedby={ describedById }\n\t\t\t\tstyle={ {\n\t\t\t\t\t'--wp-admin--list-view-dragged-items-height':\n\t\t\t\t\t\tdraggedClientIds?.length\n\t\t\t\t\t\t\t? `${\n\t\t\t\t\t\t\t\t\tBLOCK_LIST_ITEM_HEIGHT *\n\t\t\t\t\t\t\t\t\t( draggedClientIds.length - 1 )\n\t\t\t\t\t\t\t  }px`\n\t\t\t\t\t\t\t: null,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ListViewContext.Provider value={ contextValue }>\n\t\t\t\t\t<ListViewBranch\n\t\t\t\t\t\tblocks={ clientIdsTree }\n\t\t\t\t\t\tparentId={ rootClientId }\n\t\t\t\t\t\tselectBlock={ selectEditorBlock }\n\t\t\t\t\t\tshowBlockMovers={ showBlockMovers }\n\t\t\t\t\t\tfixedListWindow={ fixedListWindow }\n\t\t\t\t\t\tselectedClientIds={ selectedClientIds }\n\t\t\t\t\t\tisExpanded={ isExpanded }\n\t\t\t\t\t\tshowAppender={ showAppender }\n\t\t\t\t\t/>\n\t\t\t\t</ListViewContext.Provider>\n\t\t\t</TreeGrid>\n\t\t</AsyncModeProvider>\n\t);\n}\n\n// This is the private API for the ListView component.\n// It allows access to all props, not just the public ones.\nexport const PrivateListView = forwardRef( ListViewComponent );\n\n// This is the public API for the ListView component.\n// We wrap the PrivateListView component to hide some props from the public API.\nexport default forwardRef( ( props, ref ) => {\n\treturn (\n\t\t<PrivateListView\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tshowAppender={ false }\n\t\t\trootClientId={ null }\n\t\t\tonSelect={ null }\n\t\t\tadditionalBlockContent={ null }\n\t\t\tblockSettingsMenu={ undefined }\n\t\t/>\n\t);\n} );\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInstanceId,\n\tuseMergeRefs,\n\t__experimentalUseFixedWindowList as useFixedWindowList,\n} from '@wordpress/compose';\nimport {\n\t__experimentalTreeGrid as TreeGrid,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { AsyncModeProvider, useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport {\n\tuseCallback,\n\tuseMemo,\n\tuseRef,\n\tuseReducer,\n\tforwardRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ListViewBranch from './branch';\nimport { ListViewContext } from './context';\nimport ListViewDropIndicatorPreview from './drop-indicator';\nimport useBlockSelection from './use-block-selection';\nimport useListViewBlockIndexes from './use-list-view-block-indexes';\nimport useListViewClientIds from './use-list-view-client-ids';\nimport useListViewCollapseItems from './use-list-view-collapse-items';\nimport useListViewDropZone from './use-list-view-drop-zone';\nimport useListViewExpandSelectedItem from './use-list-view-expand-selected-item';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockSettingsDropdown } from '../block-settings-menu/block-settings-dropdown';\nimport { focusListItem } from './utils';\nimport useClipboardHandler from './use-clipboard-handler';\n\nconst expanded = ( state, action ) => {\n\tif ( action.type === 'clear' ) {\n\t\treturn {};\n\t}\n\tif ( Array.isArray( action.clientIds ) ) {\n\t\treturn {\n\t\t\t...state,\n\t\t\t...action.clientIds.reduce(\n\t\t\t\t( newState, id ) => ( {\n\t\t\t\t\t...newState,\n\t\t\t\t\t[ id ]: action.type === 'expand',\n\t\t\t\t} ),\n\t\t\t\t{}\n\t\t\t),\n\t\t};\n\t}\n\treturn state;\n};\n\nexport const BLOCK_LIST_ITEM_HEIGHT = 32;\n\n/** @typedef {import('react').ComponentType} ComponentType */\n/** @typedef {import('react').Ref<HTMLElement>} Ref */\n\n/**\n * Show a hierarchical list of blocks.\n *\n * @param {Object}         props                        Components props.\n * @param {string}         props.id                     An HTML element id for the root element of ListView.\n * @param {Array}          props.blocks                 _deprecated_ Custom subset of block client IDs to be used instead of the default hierarchy.\n * @param {?HTMLElement}   props.dropZoneElement        Optional element to be used as the drop zone.\n * @param {?boolean}       props.showBlockMovers        Flag to enable block movers. Defaults to `false`.\n * @param {?boolean}       props.isExpanded             Flag to determine whether nested levels are expanded by default. Defaults to `false`.\n * @param {?boolean}       props.showAppender           Flag to show or hide the block appender. Defaults to `false`.\n * @param {?ComponentType} props.blockSettingsMenu      Optional more menu substitution. Defaults to the standard `BlockSettingsDropdown` component.\n * @param {string}         props.rootClientId           The client id of the root block from which we determine the blocks to show in the list.\n * @param {string}         props.description            Optional accessible description for the tree grid component.\n * @param {?Function}      props.onSelect               Optional callback to be invoked when a block is selected. Receives the block object that was selected.\n * @param {?ComponentType} props.additionalBlockContent Component that renders additional block content UI.\n * @param {Ref}            ref                          Forwarded ref\n */\nfunction ListViewComponent(\n\t{\n\t\tid,\n\t\tblocks,\n\t\tdropZoneElement,\n\t\tshowBlockMovers = false,\n\t\tisExpanded = false,\n\t\tshowAppender = false,\n\t\tblockSettingsMenu: BlockSettingsMenu = BlockSettingsDropdown,\n\t\trootClientId,\n\t\tdescription,\n\t\tonSelect,\n\t\tadditionalBlockContent: AdditionalBlockContent,\n\t},\n\tref\n) {\n\t// This can be removed once we no longer need to support the blocks prop.\n\tif ( blocks ) {\n\t\tdeprecated(\n\t\t\t'`blocks` property in `wp.blockEditor.__experimentalListView`',\n\t\t\t{\n\t\t\t\tsince: '6.3',\n\t\t\t\talternative: '`rootClientId` property',\n\t\t\t}\n\t\t);\n\t}\n\n\tconst instanceId = useInstanceId( ListViewComponent );\n\tconst { clientIdsTree, draggedClientIds, selectedClientIds } =\n\t\tuseListViewClientIds( { blocks, rootClientId } );\n\tconst blockIndexes = useListViewBlockIndexes( clientIdsTree );\n\n\tconst { getBlock, getSelectedBlockClientIds } =\n\t\tuseSelect( blockEditorStore );\n\tconst { visibleBlockCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getGlobalBlockCount, getClientIdsOfDescendants } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst draggedBlockCount =\n\t\t\t\tdraggedClientIds?.length > 0\n\t\t\t\t\t? getClientIdsOfDescendants( draggedClientIds ).length + 1\n\t\t\t\t\t: 0;\n\t\t\treturn {\n\t\t\t\tvisibleBlockCount: getGlobalBlockCount() - draggedBlockCount,\n\t\t\t};\n\t\t},\n\t\t[ draggedClientIds ]\n\t);\n\n\tconst { updateBlockSelection } = useBlockSelection();\n\n\tconst [ expandedState, setExpandedState ] = useReducer( expanded, {} );\n\n\tconst [ insertedBlock, setInsertedBlock ] = useState( null );\n\n\tconst { setSelectedTreeId } = useListViewExpandSelectedItem( {\n\t\tfirstSelectedBlockClientId: selectedClientIds[ 0 ],\n\t\tsetExpandedState,\n\t} );\n\tconst selectEditorBlock = useCallback(\n\t\t/**\n\t\t * @param {MouseEvent | KeyboardEvent | undefined} event\n\t\t * @param {string}                                 blockClientId\n\t\t * @param {null | undefined | -1 | 1}              focusPosition\n\t\t */\n\t\t( event, blockClientId, focusPosition ) => {\n\t\t\tupdateBlockSelection( event, blockClientId, null, focusPosition );\n\t\t\tsetSelectedTreeId( blockClientId );\n\t\t\tif ( onSelect ) {\n\t\t\t\tonSelect( getBlock( blockClientId ) );\n\t\t\t}\n\t\t},\n\t\t[ setSelectedTreeId, updateBlockSelection, onSelect, getBlock ]\n\t);\n\n\tconst { ref: dropZoneRef, target: blockDropTarget } = useListViewDropZone( {\n\t\tdropZoneElement,\n\t\texpandedState,\n\t\tsetExpandedState,\n\t} );\n\tconst elementRef = useRef();\n\n\t// Allow handling of copy, cut, and paste events.\n\tconst clipBoardRef = useClipboardHandler( {\n\t\tselectBlock: selectEditorBlock,\n\t} );\n\n\tconst focusSelectedBlock = useCallback(\n\t\t( node ) => {\n\t\t\tconst [ firstSelectedClientId ] = getSelectedBlockClientIds();\n\t\t\t// If a blocks are already selected when the list view is initially\n\t\t\t// mounted, shift focus to the first selected block.\n\t\t\tif ( firstSelectedClientId && node ) {\n\t\t\t\tfocusListItem( firstSelectedClientId, node );\n\t\t\t}\n\t\t},\n\t\t[ getSelectedBlockClientIds ]\n\t);\n\n\tconst treeGridRef = useMergeRefs( [\n\t\tclipBoardRef,\n\t\tfocusSelectedBlock,\n\t\telementRef,\n\t\tdropZoneRef,\n\t\tref,\n\t] );\n\n\tconst expand = useCallback(\n\t\t( clientId ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst clientIds = Array.isArray( clientId )\n\t\t\t\t? clientId\n\t\t\t\t: [ clientId ];\n\t\t\tsetExpandedState( { type: 'expand', clientIds } );\n\t\t},\n\t\t[ setExpandedState ]\n\t);\n\tconst collapse = useCallback(\n\t\t( clientId ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetExpandedState( { type: 'collapse', clientIds: [ clientId ] } );\n\t\t},\n\t\t[ setExpandedState ]\n\t);\n\tconst collapseAll = useCallback( () => {\n\t\tsetExpandedState( { type: 'clear' } );\n\t}, [ setExpandedState ] );\n\tconst expandRow = useCallback(\n\t\t( row ) => {\n\t\t\texpand( row?.dataset?.block );\n\t\t},\n\t\t[ expand ]\n\t);\n\tconst collapseRow = useCallback(\n\t\t( row ) => {\n\t\t\tcollapse( row?.dataset?.block );\n\t\t},\n\t\t[ collapse ]\n\t);\n\tconst focusRow = useCallback(\n\t\t( event, startRow, endRow ) => {\n\t\t\tif ( event.shiftKey ) {\n\t\t\t\tupdateBlockSelection(\n\t\t\t\t\tevent,\n\t\t\t\t\tstartRow?.dataset?.block,\n\t\t\t\t\tendRow?.dataset?.block\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ updateBlockSelection ]\n\t);\n\n\tuseListViewCollapseItems( {\n\t\tcollapseAll,\n\t\texpand,\n\t} );\n\n\tconst firstDraggedBlockClientId = draggedClientIds?.[ 0 ];\n\n\t// Convert a blockDropTarget into indexes relative to the blocks in the list view.\n\t// These values are used to determine which blocks should be displaced to make room\n\t// for the drop indicator. See `ListViewBranch` and `getDragDisplacementValues`.\n\tconst { blockDropTargetIndex, blockDropPosition, firstDraggedBlockIndex } =\n\t\tuseMemo( () => {\n\t\t\tlet _blockDropTargetIndex, _firstDraggedBlockIndex;\n\n\t\t\tif ( blockDropTarget?.clientId ) {\n\t\t\t\tconst foundBlockIndex =\n\t\t\t\t\tblockIndexes[ blockDropTarget.clientId ];\n\t\t\t\t// If dragging below or inside the block, treat the drop target as the next block.\n\t\t\t\t_blockDropTargetIndex =\n\t\t\t\t\tfoundBlockIndex === undefined ||\n\t\t\t\t\tblockDropTarget?.dropPosition === 'top'\n\t\t\t\t\t\t? foundBlockIndex\n\t\t\t\t\t\t: foundBlockIndex + 1;\n\t\t\t} else if ( blockDropTarget === null ) {\n\t\t\t\t// A `null` value is used to indicate that the user is dragging outside of the list view.\n\t\t\t\t_blockDropTargetIndex = null;\n\t\t\t}\n\n\t\t\tif ( firstDraggedBlockClientId ) {\n\t\t\t\tconst foundBlockIndex =\n\t\t\t\t\tblockIndexes[ firstDraggedBlockClientId ];\n\t\t\t\t_firstDraggedBlockIndex =\n\t\t\t\t\tfoundBlockIndex === undefined ||\n\t\t\t\t\tblockDropTarget?.dropPosition === 'top'\n\t\t\t\t\t\t? foundBlockIndex\n\t\t\t\t\t\t: foundBlockIndex + 1;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tblockDropTargetIndex: _blockDropTargetIndex,\n\t\t\t\tblockDropPosition: blockDropTarget?.dropPosition,\n\t\t\t\tfirstDraggedBlockIndex: _firstDraggedBlockIndex,\n\t\t\t};\n\t\t}, [ blockDropTarget, blockIndexes, firstDraggedBlockClientId ] );\n\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\tblockDropPosition,\n\t\t\tblockDropTargetIndex,\n\t\t\tblockIndexes,\n\t\t\tdraggedClientIds,\n\t\t\texpandedState,\n\t\t\texpand,\n\t\t\tfirstDraggedBlockIndex,\n\t\t\tcollapse,\n\t\t\tcollapseAll,\n\t\t\tBlockSettingsMenu,\n\t\t\tlistViewInstanceId: instanceId,\n\t\t\tAdditionalBlockContent,\n\t\t\tinsertedBlock,\n\t\t\tsetInsertedBlock,\n\t\t\ttreeGridElementRef: elementRef,\n\t\t\trootClientId,\n\t\t} ),\n\t\t[\n\t\t\tblockDropPosition,\n\t\t\tblockDropTargetIndex,\n\t\t\tblockIndexes,\n\t\t\tdraggedClientIds,\n\t\t\texpandedState,\n\t\t\texpand,\n\t\t\tfirstDraggedBlockIndex,\n\t\t\tcollapse,\n\t\t\tcollapseAll,\n\t\t\tBlockSettingsMenu,\n\t\t\tinstanceId,\n\t\t\tAdditionalBlockContent,\n\t\t\tinsertedBlock,\n\t\t\tsetInsertedBlock,\n\t\t\trootClientId,\n\t\t]\n\t);\n\n\t// List View renders a fixed number of items and relies on each having a fixed item height of 36px.\n\t// If this value changes, we should also change the itemHeight value set in useFixedWindowList.\n\t// See: https://github.com/WordPress/gutenberg/pull/35230 for additional context.\n\tconst [ fixedListWindow ] = useFixedWindowList(\n\t\telementRef,\n\t\tBLOCK_LIST_ITEM_HEIGHT,\n\t\tvisibleBlockCount,\n\t\t{\n\t\t\t// Ensure that the windowing logic is recalculated when the expanded state changes.\n\t\t\t// This is necessary because expanding a collapsed block in a short list view can\n\t\t\t// switch the list view to a tall list view with a scrollbar, and vice versa.\n\t\t\t// When this happens, the windowing logic needs to be recalculated to ensure that\n\t\t\t// the correct number of blocks are rendered, by rechecking for a scroll container.\n\t\t\texpandedState,\n\t\t\tuseWindowing: true,\n\t\t\twindowOverscan: 40,\n\t\t}\n\t);\n\n\t// If there are no blocks to show and we're not showing the appender, do not render the list view.\n\tif ( ! clientIdsTree.length && ! showAppender ) {\n\t\treturn null;\n\t}\n\n\tconst describedById =\n\t\tdescription && `block-editor-list-view-description-${ instanceId }`;\n\n\treturn (\n\t\t<AsyncModeProvider value>\n\t\t\t<ListViewDropIndicatorPreview\n\t\t\t\tdraggedBlockClientId={ firstDraggedBlockClientId }\n\t\t\t\tlistViewRef={ elementRef }\n\t\t\t\tblockDropTarget={ blockDropTarget }\n\t\t\t/>\n\t\t\t{ description && (\n\t\t\t\t<VisuallyHidden id={ describedById }>\n\t\t\t\t\t{ description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t\t<TreeGrid\n\t\t\t\tid={ id }\n\t\t\t\tclassName={ clsx( 'block-editor-list-view-tree', {\n\t\t\t\t\t'is-dragging':\n\t\t\t\t\t\tdraggedClientIds?.length > 0 &&\n\t\t\t\t\t\tblockDropTargetIndex !== undefined,\n\t\t\t\t} ) }\n\t\t\t\taria-label={ __( 'Block navigation structure' ) }\n\t\t\t\tref={ treeGridRef }\n\t\t\t\tonCollapseRow={ collapseRow }\n\t\t\t\tonExpandRow={ expandRow }\n\t\t\t\tonFocusRow={ focusRow }\n\t\t\t\tapplicationAriaLabel={ __( 'Block navigation structure' ) }\n\t\t\t\taria-describedby={ describedById }\n\t\t\t\tstyle={ {\n\t\t\t\t\t'--wp-admin--list-view-dragged-items-height':\n\t\t\t\t\t\tdraggedClientIds?.length\n\t\t\t\t\t\t\t? `${\n\t\t\t\t\t\t\t\t\tBLOCK_LIST_ITEM_HEIGHT *\n\t\t\t\t\t\t\t\t\t( draggedClientIds.length - 1 )\n\t\t\t\t\t\t\t  }px`\n\t\t\t\t\t\t\t: null,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ListViewContext.Provider value={ contextValue }>\n\t\t\t\t\t<ListViewBranch\n\t\t\t\t\t\tblocks={ clientIdsTree }\n\t\t\t\t\t\tparentId={ rootClientId }\n\t\t\t\t\t\tselectBlock={ selectEditorBlock }\n\t\t\t\t\t\tshowBlockMovers={ showBlockMovers }\n\t\t\t\t\t\tfixedListWindow={ fixedListWindow }\n\t\t\t\t\t\tselectedClientIds={ selectedClientIds }\n\t\t\t\t\t\tisExpanded={ isExpanded }\n\t\t\t\t\t\tshowAppender={ showAppender }\n\t\t\t\t\t/>\n\t\t\t\t</ListViewContext.Provider>\n\t\t\t</TreeGrid>\n\t\t</AsyncModeProvider>\n\t);\n}\n\n// This is the private API for the ListView component.\n// It allows access to all props, not just the public ones.\nexport const PrivateListView = forwardRef( ListViewComponent );\n\n// This is the public API for the ListView component.\n// We wrap the PrivateListView component to hide some props from the public API.\nexport default forwardRef( ( props, ref ) => {\n\treturn (\n\t\t<PrivateListView\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tshowAppender={ false }\n\t\t\trootClientId={ null }\n\t\t\tonSelect={ null }\n\t\t\tadditionalBlockContent={ null }\n\t\t\tblockSettingsMenu={ undefined }\n\t\t/>\n\t);\n} );\n"],
+  "mappings": "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",
   "names": ["deprecated", "useListViewClientIds", "useListViewBlockIndexes", "blockEditorStore", "useBlockSelection", "useListViewExpandSelectedItem", "useListViewDropZone", "useClipboardHandler", "useListViewCollapseItems", "useFixedWindowList", "ListViewDropIndicatorPreview", "TreeGrid", "clsx", "ListViewBranch"]
 }

package/build/components/list-view/leaf.cjs

@@ -34,11 +34,11 @@ __export(leaf_exports, {
 });
 module.exports = __toCommonJS(leaf_exports);
 var import_web = require("@react-spring/web");
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_components = require("@wordpress/components");
 var import_compose = require("@wordpress/compose");
 var import_element = require("@wordpress/element");
-var import_use_moving_animation = __toESM(require("../use-moving-animation/index.cjs"), 1);
+var import_use_moving_animation = __toESM(require("../use-moving-animation/index.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var AnimatedTreeGridRow = (0, import_web.animated)(import_components.__experimentalTreeGridRow);
 var ListViewLeaf = (0, import_element.forwardRef)(

package/build/components/list-view/use-list-view-drop-zone.cjs

@@ -40,7 +40,7 @@ var import_element = require("@wordpress/element");
 var import_compose = require("@wordpress/compose");
 var import_i18n = require("@wordpress/i18n");
 var import_math = require("../../utils/math.cjs");
-var import_use_on_block_drop = __toESM(require("../use-on-block-drop/index.cjs"), 1);
+var import_use_on_block_drop = __toESM(require("../use-on-block-drop/index.cjs"));
 var import_store = require("../../store/index.cjs");
 var NESTING_LEVEL_INDENTATION = 24;
 function isUpGesture(point, rect, nestingLevel = 1, rtl = false) {

package/build/components/list-view/utils.cjs

@@ -58,26 +58,33 @@ function getCommonDepthClientIds(startId, endId, startParents, endParents) {
   };
 }
 function focusListItem(focusClientId, treeGridElement) {
-  const getFocusElement = () => {
-    const row = treeGridElement?.querySelector(
-      `[role=row][data-block="${focusClientId}"]`
-    );
-    if (!row) {
-      return null;
+  if (!treeGridElement) {
+    return;
+  }
+  const selector = `[role=row][data-block="${focusClientId}"]`;
+  return new Promise((resolve) => {
+    if (treeGridElement.querySelector(selector)) {
+      return resolve(treeGridElement.querySelector(selector));
     }
-    return import_dom.focus.focusable.find(row)[0];
-  };
-  let focusElement = getFocusElement();
-  if (focusElement) {
-    focusElement.focus();
-  } else {
-    window.requestAnimationFrame(() => {
-      focusElement = getFocusElement();
-      if (focusElement) {
-        focusElement.focus();
+    let timer = null;
+    const observer = new window.MutationObserver(() => {
+      if (treeGridElement.querySelector(selector)) {
+        clearTimeout(timer);
+        observer.disconnect();
+        resolve(treeGridElement.querySelector(selector));
       }
     });
-  }
+    observer.observe(treeGridElement, {
+      childList: true,
+      subtree: true
+    });
+    timer = setTimeout(() => {
+      observer.disconnect();
+      resolve(null);
+    }, 3e3);
+  }).then((element) => {
+    import_dom.focus.focusable.find(element)?.[0]?.focus();
+  });
 }
 function getDragDisplacementValues({
   blockIndexes,

package/build/components/list-view/utils.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/list-view/utils.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { focus } from '@wordpress/dom';\n\nexport const getBlockPositionDescription = ( position, siblingCount, level ) =>\n\tsprintf(\n\t\t/* translators: 1: The numerical position of the block. 2: The total number of blocks. 3. The level of nesting for the block. */\n\t\t__( 'Block %1$d of %2$d, Level %3$d.' ),\n\t\tposition,\n\t\tsiblingCount,\n\t\tlevel\n\t);\n\nexport const getBlockPropertiesDescription = ( blockInformation, isLocked ) =>\n\t[\n\t\tblockInformation?.positionLabel\n\t\t\t? `${ sprintf(\n\t\t\t\t\t// translators: %s: Position of selected block, e.g. \"Sticky\" or \"Fixed\".\n\t\t\t\t\t__( 'Position: %s' ),\n\t\t\t\t\tblockInformation.positionLabel\n\t\t\t  ) }.`\n\t\t\t: undefined,\n\t\tisLocked ? __( 'This block is locked.' ) : undefined,\n\t]\n\t\t.filter( Boolean )\n\t\t.join( ' ' );\n\n/**\n * Returns true if the client ID occurs within the block selection or multi-selection,\n * or false otherwise.\n *\n * @param {string}          clientId               Block client ID.\n * @param {string|string[]} selectedBlockClientIds Selected block client ID, or an array of multi-selected blocks client IDs.\n *\n * @return {boolean} Whether the block is in multi-selection set.\n */\nexport const isClientIdSelected = ( clientId, selectedBlockClientIds ) =>\n\tArray.isArray( selectedBlockClientIds ) && selectedBlockClientIds.length\n\t\t? selectedBlockClientIds.indexOf( clientId ) !== -1\n\t\t: selectedBlockClientIds === clientId;\n\n/**\n * From a start and end clientId of potentially different nesting levels,\n * return the nearest-depth ids that have a common level of depth in the\n * nesting hierarchy. For multiple block selection, this ensure that the\n * selection is always at the same nesting level, and not split across\n * separate levels.\n *\n * @param {string}   startId      The first id of a selection.\n * @param {string}   endId        The end id of a selection, usually one that has been clicked on.\n * @param {string[]} startParents An array of ancestor ids for the start id, in descending order.\n * @param {string[]} endParents   An array of ancestor ids for the end id, in descending order.\n * @return {Object} An object containing the start and end ids.\n */\nexport function getCommonDepthClientIds(\n\tstartId,\n\tendId,\n\tstartParents,\n\tendParents\n) {\n\tconst startPath = [ ...startParents, startId ];\n\tconst endPath = [ ...endParents, endId ];\n\tconst depth = Math.min( startPath.length, endPath.length ) - 1;\n\tconst start = startPath[ depth ];\n\tconst end = endPath[ depth ];\n\n\treturn {\n\t\tstart,\n\t\tend,\n\t};\n}\n\n/**\n * Shift focus to the list view item associated with a particular clientId.\n *\n * @typedef {import('@wordpress/element').RefObject} RefObject\n *\n * @param {string}       focusClientId   The client ID of the block to focus.\n * @param {?HTMLElement} treeGridElement The container element to search within.\n */\nexport function focusListItem( focusClientId, treeGridElement ) {\n\tconst getFocusElement = () => {\n\t\tconst row = treeGridElement?.querySelector(\n\t\t\t`[role=row][data-block=\"${ focusClientId }\"]`\n\t\t);\n\t\tif ( ! row ) {\n\t\t\treturn null;\n\t\t}\n\t\t// Focus the first focusable in the row, which is the ListViewBlockSelectButton.\n\t\treturn focus.focusable.find( row )[ 0 ];\n\t};\n\n\tlet focusElement = getFocusElement();\n\tif ( focusElement ) {\n\t\tfocusElement.focus();\n\t} else {\n\t\t// The element hasn't been painted yet. Defer focusing on the next frame.\n\t\t// This could happen when all blocks have been deleted and the default block\n\t\t// hasn't been added to the editor yet.\n\t\twindow.requestAnimationFrame( () => {\n\t\t\tfocusElement = getFocusElement();\n\n\t\t\t// Ignore if the element still doesn't exist.\n\t\t\tif ( focusElement ) {\n\t\t\t\tfocusElement.focus();\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Get values for the block that flag whether the block should be displaced up or down,\n * whether the block is being nested, and whether the block appears after the dragged\n * blocks. These values are used to determine the class names to apply to the block.\n * The list view rows are displaced visually via CSS rules. Displacement rules:\n * - `normal`: no displacement \u2014 used to apply a translateY of `0` so that the block\n *  appears in its original position, and moves to that position smoothly when dragging\n *  outside of the list view area.\n * - `up`: the block should be displaced up, creating room beneath the block for the drop indicator.\n * - `down`: the block should be displaced down, creating room above the block for the drop indicator.\n *\n * @param {Object}                props\n * @param {Object}                props.blockIndexes           The indexes of all the blocks in the list view, keyed by clientId.\n * @param {number|null|undefined} props.blockDropTargetIndex   The index of the block that the user is dropping to.\n * @param {?string}               props.blockDropPosition      The position relative to the block that the user is dropping to.\n * @param {string}                props.clientId               The client id for the current block.\n * @param {?number}               props.firstDraggedBlockIndex The index of the first dragged block.\n * @param {?boolean}              props.isDragged              Whether the current block is being dragged. Dragged blocks skip displacement.\n * @return {Object} An object containing the `displacement`, `isAfterDraggedBlocks` and `isNesting` values.\n */\nexport function getDragDisplacementValues( {\n\tblockIndexes,\n\tblockDropTargetIndex,\n\tblockDropPosition,\n\tclientId,\n\tfirstDraggedBlockIndex,\n\tisDragged,\n} ) {\n\tlet displacement;\n\tlet isNesting;\n\tlet isAfterDraggedBlocks;\n\n\tif ( ! isDragged ) {\n\t\tisNesting = false;\n\t\tconst thisBlockIndex = blockIndexes[ clientId ];\n\t\tisAfterDraggedBlocks = thisBlockIndex > firstDraggedBlockIndex;\n\n\t\t// Determine where to displace the position of the current block, relative\n\t\t// to the blocks being dragged (in their original position) and the drop target\n\t\t// (the position where a user is currently dragging the blocks to).\n\t\tif (\n\t\t\tblockDropTargetIndex !== undefined &&\n\t\t\tblockDropTargetIndex !== null &&\n\t\t\tfirstDraggedBlockIndex !== undefined\n\t\t) {\n\t\t\t// If the block is being dragged and there is a valid drop target,\n\t\t\t// determine if the block being rendered should be displaced up or down.\n\n\t\t\tif ( thisBlockIndex !== undefined ) {\n\t\t\t\tif (\n\t\t\t\t\tthisBlockIndex >= firstDraggedBlockIndex &&\n\t\t\t\t\tthisBlockIndex < blockDropTargetIndex\n\t\t\t\t) {\n\t\t\t\t\t// If the current block appears after the set of dragged blocks\n\t\t\t\t\t// (in their original position), but is before the drop target,\n\t\t\t\t\t// then the current block should be displaced up.\n\t\t\t\t\tdisplacement = 'up';\n\t\t\t\t} else if (\n\t\t\t\t\tthisBlockIndex < firstDraggedBlockIndex &&\n\t\t\t\t\tthisBlockIndex >= blockDropTargetIndex\n\t\t\t\t) {\n\t\t\t\t\t// If the current block appears before the set of dragged blocks\n\t\t\t\t\t// (in their original position), but is after the drop target,\n\t\t\t\t\t// then the current block should be displaced down.\n\t\t\t\t\tdisplacement = 'down';\n\t\t\t\t} else {\n\t\t\t\t\tdisplacement = 'normal';\n\t\t\t\t}\n\t\t\t\tisNesting =\n\t\t\t\t\ttypeof blockDropTargetIndex === 'number' &&\n\t\t\t\t\tblockDropTargetIndex - 1 === thisBlockIndex &&\n\t\t\t\t\tblockDropPosition === 'inside';\n\t\t\t}\n\t\t} else if (\n\t\t\tblockDropTargetIndex === null &&\n\t\t\tfirstDraggedBlockIndex !== undefined\n\t\t) {\n\t\t\t// A `null` value for `blockDropTargetIndex` indicates that the\n\t\t\t// drop target is outside of the valid areas within the list view.\n\t\t\t// In this case, the drag is still active, but as there is no\n\t\t\t// valid drop target, we should remove the gap indicating where\n\t\t\t// the block would be inserted.\n\t\t\tif (\n\t\t\t\tthisBlockIndex !== undefined &&\n\t\t\t\tthisBlockIndex >= firstDraggedBlockIndex\n\t\t\t) {\n\t\t\t\tdisplacement = 'up';\n\t\t\t} else {\n\t\t\t\tdisplacement = 'normal';\n\t\t\t}\n\t\t} else if (\n\t\t\tblockDropTargetIndex !== undefined &&\n\t\t\tblockDropTargetIndex !== null &&\n\t\t\tfirstDraggedBlockIndex === undefined\n\t\t) {\n\t\t\t// If the blockdrop target is defined, but there are no dragged blocks,\n\t\t\t// then the block should be displaced relative to the drop target.\n\t\t\tif ( thisBlockIndex !== undefined ) {\n\t\t\t\tif ( thisBlockIndex < blockDropTargetIndex ) {\n\t\t\t\t\tdisplacement = 'normal';\n\t\t\t\t} else {\n\t\t\t\t\tdisplacement = 'down';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if ( blockDropTargetIndex === null ) {\n\t\t\tdisplacement = 'normal';\n\t\t}\n\t}\n\n\treturn {\n\t\tdisplacement,\n\t\tisNesting,\n\t\tisAfterDraggedBlocks,\n\t};\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { focus } from '@wordpress/dom';\n\nexport const getBlockPositionDescription = ( position, siblingCount, level ) =>\n\tsprintf(\n\t\t/* translators: 1: The numerical position of the block. 2: The total number of blocks. 3. The level of nesting for the block. */\n\t\t__( 'Block %1$d of %2$d, Level %3$d.' ),\n\t\tposition,\n\t\tsiblingCount,\n\t\tlevel\n\t);\n\nexport const getBlockPropertiesDescription = ( blockInformation, isLocked ) =>\n\t[\n\t\tblockInformation?.positionLabel\n\t\t\t? `${ sprintf(\n\t\t\t\t\t// translators: %s: Position of selected block, e.g. \"Sticky\" or \"Fixed\".\n\t\t\t\t\t__( 'Position: %s' ),\n\t\t\t\t\tblockInformation.positionLabel\n\t\t\t  ) }.`\n\t\t\t: undefined,\n\t\tisLocked ? __( 'This block is locked.' ) : undefined,\n\t]\n\t\t.filter( Boolean )\n\t\t.join( ' ' );\n\n/**\n * Returns true if the client ID occurs within the block selection or multi-selection,\n * or false otherwise.\n *\n * @param {string}          clientId               Block client ID.\n * @param {string|string[]} selectedBlockClientIds Selected block client ID, or an array of multi-selected blocks client IDs.\n *\n * @return {boolean} Whether the block is in multi-selection set.\n */\nexport const isClientIdSelected = ( clientId, selectedBlockClientIds ) =>\n\tArray.isArray( selectedBlockClientIds ) && selectedBlockClientIds.length\n\t\t? selectedBlockClientIds.indexOf( clientId ) !== -1\n\t\t: selectedBlockClientIds === clientId;\n\n/**\n * From a start and end clientId of potentially different nesting levels,\n * return the nearest-depth ids that have a common level of depth in the\n * nesting hierarchy. For multiple block selection, this ensure that the\n * selection is always at the same nesting level, and not split across\n * separate levels.\n *\n * @param {string}   startId      The first id of a selection.\n * @param {string}   endId        The end id of a selection, usually one that has been clicked on.\n * @param {string[]} startParents An array of ancestor ids for the start id, in descending order.\n * @param {string[]} endParents   An array of ancestor ids for the end id, in descending order.\n * @return {Object} An object containing the start and end ids.\n */\nexport function getCommonDepthClientIds(\n\tstartId,\n\tendId,\n\tstartParents,\n\tendParents\n) {\n\tconst startPath = [ ...startParents, startId ];\n\tconst endPath = [ ...endParents, endId ];\n\tconst depth = Math.min( startPath.length, endPath.length ) - 1;\n\tconst start = startPath[ depth ];\n\tconst end = endPath[ depth ];\n\n\treturn {\n\t\tstart,\n\t\tend,\n\t};\n}\n\n/**\n * Shift focus to the list view item associated with a particular clientId.\n *\n * @typedef {import('@wordpress/element').RefObject} RefObject\n *\n * @param {string}       focusClientId   The client ID of the block to focus.\n * @param {?HTMLElement} treeGridElement The container element to search within.\n */\nexport function focusListItem( focusClientId, treeGridElement ) {\n\tif ( ! treeGridElement ) {\n\t\treturn;\n\t}\n\n\tconst selector = `[role=row][data-block=\"${ focusClientId }\"]`;\n\n\treturn new Promise( ( resolve ) => {\n\t\tif ( treeGridElement.querySelector( selector ) ) {\n\t\t\treturn resolve( treeGridElement.querySelector( selector ) );\n\t\t}\n\n\t\tlet timer = null;\n\t\t// Wait for the element to be added to the DOM.\n\t\tconst observer = new window.MutationObserver( () => {\n\t\t\tif ( treeGridElement.querySelector( selector ) ) {\n\t\t\t\tclearTimeout( timer );\n\t\t\t\tobserver.disconnect();\n\t\t\t\tresolve( treeGridElement.querySelector( selector ) );\n\t\t\t}\n\t\t} );\n\n\t\tobserver.observe( treeGridElement, {\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t} );\n\n\t\t// Stop trying after 3 seconds.\n\t\ttimer = setTimeout( () => {\n\t\t\tobserver.disconnect();\n\t\t\tresolve( null );\n\t\t}, 3000 );\n\t} ).then( ( element ) => {\n\t\t// Focus the first focusable in the row, which is the ListViewBlockSelectButton.\n\t\tfocus.focusable.find( element )?.[ 0 ]?.focus();\n\t} );\n}\n\n/**\n * Get values for the block that flag whether the block should be displaced up or down,\n * whether the block is being nested, and whether the block appears after the dragged\n * blocks. These values are used to determine the class names to apply to the block.\n * The list view rows are displaced visually via CSS rules. Displacement rules:\n * - `normal`: no displacement \u2014 used to apply a translateY of `0` so that the block\n *  appears in its original position, and moves to that position smoothly when dragging\n *  outside of the list view area.\n * - `up`: the block should be displaced up, creating room beneath the block for the drop indicator.\n * - `down`: the block should be displaced down, creating room above the block for the drop indicator.\n *\n * @param {Object}                props\n * @param {Object}                props.blockIndexes           The indexes of all the blocks in the list view, keyed by clientId.\n * @param {number|null|undefined} props.blockDropTargetIndex   The index of the block that the user is dropping to.\n * @param {?string}               props.blockDropPosition      The position relative to the block that the user is dropping to.\n * @param {string}                props.clientId               The client id for the current block.\n * @param {?number}               props.firstDraggedBlockIndex The index of the first dragged block.\n * @param {?boolean}              props.isDragged              Whether the current block is being dragged. Dragged blocks skip displacement.\n * @return {Object} An object containing the `displacement`, `isAfterDraggedBlocks` and `isNesting` values.\n */\nexport function getDragDisplacementValues( {\n\tblockIndexes,\n\tblockDropTargetIndex,\n\tblockDropPosition,\n\tclientId,\n\tfirstDraggedBlockIndex,\n\tisDragged,\n} ) {\n\tlet displacement;\n\tlet isNesting;\n\tlet isAfterDraggedBlocks;\n\n\tif ( ! isDragged ) {\n\t\tisNesting = false;\n\t\tconst thisBlockIndex = blockIndexes[ clientId ];\n\t\tisAfterDraggedBlocks = thisBlockIndex > firstDraggedBlockIndex;\n\n\t\t// Determine where to displace the position of the current block, relative\n\t\t// to the blocks being dragged (in their original position) and the drop target\n\t\t// (the position where a user is currently dragging the blocks to).\n\t\tif (\n\t\t\tblockDropTargetIndex !== undefined &&\n\t\t\tblockDropTargetIndex !== null &&\n\t\t\tfirstDraggedBlockIndex !== undefined\n\t\t) {\n\t\t\t// If the block is being dragged and there is a valid drop target,\n\t\t\t// determine if the block being rendered should be displaced up or down.\n\n\t\t\tif ( thisBlockIndex !== undefined ) {\n\t\t\t\tif (\n\t\t\t\t\tthisBlockIndex >= firstDraggedBlockIndex &&\n\t\t\t\t\tthisBlockIndex < blockDropTargetIndex\n\t\t\t\t) {\n\t\t\t\t\t// If the current block appears after the set of dragged blocks\n\t\t\t\t\t// (in their original position), but is before the drop target,\n\t\t\t\t\t// then the current block should be displaced up.\n\t\t\t\t\tdisplacement = 'up';\n\t\t\t\t} else if (\n\t\t\t\t\tthisBlockIndex < firstDraggedBlockIndex &&\n\t\t\t\t\tthisBlockIndex >= blockDropTargetIndex\n\t\t\t\t) {\n\t\t\t\t\t// If the current block appears before the set of dragged blocks\n\t\t\t\t\t// (in their original position), but is after the drop target,\n\t\t\t\t\t// then the current block should be displaced down.\n\t\t\t\t\tdisplacement = 'down';\n\t\t\t\t} else {\n\t\t\t\t\tdisplacement = 'normal';\n\t\t\t\t}\n\t\t\t\tisNesting =\n\t\t\t\t\ttypeof blockDropTargetIndex === 'number' &&\n\t\t\t\t\tblockDropTargetIndex - 1 === thisBlockIndex &&\n\t\t\t\t\tblockDropPosition === 'inside';\n\t\t\t}\n\t\t} else if (\n\t\t\tblockDropTargetIndex === null &&\n\t\t\tfirstDraggedBlockIndex !== undefined\n\t\t) {\n\t\t\t// A `null` value for `blockDropTargetIndex` indicates that the\n\t\t\t// drop target is outside of the valid areas within the list view.\n\t\t\t// In this case, the drag is still active, but as there is no\n\t\t\t// valid drop target, we should remove the gap indicating where\n\t\t\t// the block would be inserted.\n\t\t\tif (\n\t\t\t\tthisBlockIndex !== undefined &&\n\t\t\t\tthisBlockIndex >= firstDraggedBlockIndex\n\t\t\t) {\n\t\t\t\tdisplacement = 'up';\n\t\t\t} else {\n\t\t\t\tdisplacement = 'normal';\n\t\t\t}\n\t\t} else if (\n\t\t\tblockDropTargetIndex !== undefined &&\n\t\t\tblockDropTargetIndex !== null &&\n\t\t\tfirstDraggedBlockIndex === undefined\n\t\t) {\n\t\t\t// If the blockdrop target is defined, but there are no dragged blocks,\n\t\t\t// then the block should be displaced relative to the drop target.\n\t\t\tif ( thisBlockIndex !== undefined ) {\n\t\t\t\tif ( thisBlockIndex < blockDropTargetIndex ) {\n\t\t\t\t\tdisplacement = 'normal';\n\t\t\t\t} else {\n\t\t\t\t\tdisplacement = 'down';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if ( blockDropTargetIndex === null ) {\n\t\t\tdisplacement = 'normal';\n\t\t}\n\t}\n\n\treturn {\n\t\tdisplacement,\n\t\tisNesting,\n\t\tisAfterDraggedBlocks,\n\t};\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build/components/media-placeholder/index.cjs

@@ -34,16 +34,16 @@ __export(media_placeholder_exports, {
   default: () => media_placeholder_default
 });
 module.exports = __toCommonJS(media_placeholder_exports);
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_components = require("@wordpress/components");
 var import_i18n = require("@wordpress/i18n");
 var import_element = require("@wordpress/element");
 var import_data = require("@wordpress/data");
 var import_icons = require("@wordpress/icons");
-var import_deprecated = __toESM(require("@wordpress/deprecated"), 1);
-var import_media_upload = __toESM(require("../media-upload/index.cjs"), 1);
-var import_check = __toESM(require("../media-upload/check.cjs"), 1);
-var import_url_popover = __toESM(require("../url-popover/index.cjs"), 1);
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
+var import_media_upload = __toESM(require("../media-upload/index.cjs"));
+var import_check = __toESM(require("../media-upload/check.cjs"));
+var import_url_popover = __toESM(require("../url-popover/index.cjs"));
 var import_store = require("../../store/index.cjs");
 var import_use_on_block_drop = require("../use-on-block-drop/index.cjs");
 var import_utils = require("./utils.cjs");