@wordpress/block-editor 14.3.4 → 14.4.0

package/build/components/block-list/use-in-between-inserter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_compose","require","_data","_element","_i18n","_store","_insertionPoint","useInBetweenInserter","openRef","useContext","InsertionPointOpenRef","isInBetweenInserterDisabled","useSelect","select","blockEditorStore","getSettings","isDistractionFree","__unstableGetEditorMode","getBlockListSettings","getBlockIndex","isMultiSelecting","getSelectedBlockClientIds","getTemplateLock","__unstableIsWithinBlockOverlay","getBlockEditingMode","getBlockName","getBlockAttributes","showInsertionPoint","hideInsertionPoint","useDispatch","useRefEffect","node","onMouseMove","event","undefined","current","target","nodeType","TEXT_NODE","classList","contains","rootClientId","blockElement","getAttribute","closest","layout","isManualPlacement","blockListSettings","orientation","captureToolbars","__experimentalCaptureToolbars","offsetTop","clientY","offsetLeft","clientX","children","Array","from","element","find","blockEl","blockElRect","getBoundingClientRect","top","isRTL","right","left","id","firstElementChild","clientId","slice","length","includes","hasFixedToolbar","elementRect","bottom","index","__unstableWithInserter","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/block-list/use-in-between-inserter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useContext } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { InsertionPointOpenRef } from '../block-tools/insertion-point';\n\nexport function useInBetweenInserter() {\n\tconst openRef = useContext( InsertionPointOpenRef );\n\tconst isInBetweenInserterDisabled = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings().isDistractionFree ||\n\t\t\tselect( blockEditorStore ).__unstableGetEditorMode() === 'zoom-out',\n\t\t[]\n\t);\n\tconst {\n\t\tgetBlockListSettings,\n\t\tgetBlockIndex,\n\t\tisMultiSelecting,\n\t\tgetSelectedBlockClientIds,\n\t\tgetSettings,\n\t\tgetTemplateLock,\n\t\t__unstableIsWithinBlockOverlay,\n\t\tgetBlockEditingMode,\n\t\tgetBlockName,\n\t\tgetBlockAttributes,\n\t} = useSelect( blockEditorStore );\n\tconst { showInsertionPoint, hideInsertionPoint } =\n\t\tuseDispatch( blockEditorStore );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( isInBetweenInserterDisabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction onMouseMove( event ) {\n\t\t\t\t// openRef is the reference to the insertion point between blocks.\n\t\t\t\t// If the reference is not set or the insertion point is already open, return.\n\t\t\t\tif ( openRef === undefined || openRef.current ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Ignore text nodes sometimes detected in FireFox.\n\t\t\t\tif ( event.target.nodeType === event.target.TEXT_NODE ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( isMultiSelecting() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\t! event.target.classList.contains(\n\t\t\t\t\t\t'block-editor-block-list__layout'\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet rootClientId;\n\t\t\t\tif (\n\t\t\t\t\t! event.target.classList.contains( 'is-root-container' )\n\t\t\t\t) {\n\t\t\t\t\tconst blockElement = !! event.target.getAttribute(\n\t\t\t\t\t\t'data-block'\n\t\t\t\t\t)\n\t\t\t\t\t\t? event.target\n\t\t\t\t\t\t: event.target.closest( '[data-block]' );\n\t\t\t\t\trootClientId = blockElement.getAttribute( 'data-block' );\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tgetTemplateLock( rootClientId ) ||\n\t\t\t\t\tgetBlockEditingMode( rootClientId ) === 'disabled' ||\n\t\t\t\t\tgetBlockName( rootClientId ) === 'core/block' ||\n\t\t\t\t\t( rootClientId &&\n\t\t\t\t\t\tgetBlockAttributes( rootClientId ).layout\n\t\t\t\t\t\t\t?.isManualPlacement )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst blockListSettings = getBlockListSettings( rootClientId );\n\t\t\t\tconst orientation =\n\t\t\t\t\tblockListSettings?.orientation || 'vertical';\n\t\t\t\tconst captureToolbars =\n\t\t\t\t\t!! blockListSettings?.__experimentalCaptureToolbars;\n\t\t\t\tconst offsetTop = event.clientY;\n\t\t\t\tconst offsetLeft = event.clientX;\n\n\t\t\t\tconst children = Array.from( event.target.children );\n\t\t\t\tlet element = children.find( ( blockEl ) => {\n\t\t\t\t\tconst blockElRect = blockEl.getBoundingClientRect();\n\t\t\t\t\treturn (\n\t\t\t\t\t\t( blockEl.classList.contains( 'wp-block' ) &&\n\t\t\t\t\t\t\torientation === 'vertical' &&\n\t\t\t\t\t\t\tblockElRect.top > offsetTop ) ||\n\t\t\t\t\t\t( blockEl.classList.contains( 'wp-block' ) &&\n\t\t\t\t\t\t\torientation === 'horizontal' &&\n\t\t\t\t\t\t\t( isRTL()\n\t\t\t\t\t\t\t\t? blockElRect.right < offsetLeft\n\t\t\t\t\t\t\t\t: blockElRect.left > offsetLeft ) )\n\t\t\t\t\t);\n\t\t\t\t} );\n\n\t\t\t\tif ( ! element ) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// The block may be in an alignment wrapper, so check the first direct\n\t\t\t\t// child if the element has no ID.\n\t\t\t\tif ( ! element.id ) {\n\t\t\t\t\telement = element.firstElementChild;\n\n\t\t\t\t\tif ( ! element ) {\n\t\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Don't show the insertion point if a parent block has an \"overlay\"\n\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/34012#pullrequestreview-727762337\n\t\t\t\tconst clientId = element.id.slice( 'block-'.length );\n\t\t\t\tif (\n\t\t\t\t\t! clientId ||\n\t\t\t\t\t__unstableIsWithinBlockOverlay( clientId )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Don't show the inserter if the following conditions are met,\n\t\t\t\t// as it conflicts with the block toolbar:\n\t\t\t\t// 1. when hovering above or inside selected block(s)\n\t\t\t\t// 2. when the orientation is vertical\n\t\t\t\t// 3. when the __experimentalCaptureToolbars is not enabled\n\t\t\t\t// 4. when the Top Toolbar is not disabled\n\t\t\t\tif (\n\t\t\t\t\tgetSelectedBlockClientIds().includes( clientId ) &&\n\t\t\t\t\torientation === 'vertical' &&\n\t\t\t\t\t! captureToolbars &&\n\t\t\t\t\t! getSettings().hasFixedToolbar\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst elementRect = element.getBoundingClientRect();\n\n\t\t\t\tif (\n\t\t\t\t\t( orientation === 'horizontal' &&\n\t\t\t\t\t\t( event.clientY > elementRect.bottom ||\n\t\t\t\t\t\t\tevent.clientY < elementRect.top ) ) ||\n\t\t\t\t\t( orientation === 'vertical' &&\n\t\t\t\t\t\t( event.clientX > elementRect.right ||\n\t\t\t\t\t\t\tevent.clientX < elementRect.left ) )\n\t\t\t\t) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst index = getBlockIndex( clientId );\n\n\t\t\t\t// Don't show the in-between inserter before the first block in\n\t\t\t\t// the list (preserves the original behaviour).\n\t\t\t\tif ( index === 0 ) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tshowInsertionPoint( rootClientId, index, {\n\t\t\t\t\t__unstableWithInserter: true,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'mousemove', onMouseMove );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'mousemove', onMouseMove );\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\topenRef,\n\t\t\tgetBlockListSettings,\n\t\t\tgetBlockIndex,\n\t\t\tisMultiSelecting,\n\t\t\tshowInsertionPoint,\n\t\t\thideInsertionPoint,\n\t\t\tgetSelectedBlockClientIds,\n\t\t\tisInBetweenInserterDisabled,\n\t\t]\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_compose","require","_data","_element","_i18n","_store","_insertionPoint","_lockUnlock","useInBetweenInserter","openRef","useContext","InsertionPointOpenRef","isInBetweenInserterDisabled","useSelect","select","blockEditorStore","getSettings","isDistractionFree","__unstableGetEditorMode","getBlockListSettings","getBlockIndex","isMultiSelecting","getSelectedBlockClientIds","getTemplateLock","__unstableIsWithinBlockOverlay","getBlockEditingMode","getBlockName","getBlockAttributes","getParentSectionBlock","unlock","showInsertionPoint","hideInsertionPoint","useDispatch","useRefEffect","node","onMouseMove","event","undefined","current","target","nodeType","TEXT_NODE","classList","contains","rootClientId","blockElement","getAttribute","closest","layout","isManualPlacement","blockListSettings","orientation","captureToolbars","__experimentalCaptureToolbars","offsetTop","clientY","offsetLeft","clientX","children","Array","from","element","find","blockEl","blockElRect","getBoundingClientRect","top","isRTL","right","left","id","firstElementChild","clientId","slice","length","includes","hasFixedToolbar","elementRect","bottom","index","__unstableWithInserter","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/block-list/use-in-between-inserter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useContext } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { InsertionPointOpenRef } from '../block-tools/insertion-point';\nimport { unlock } from '../../lock-unlock';\n\nexport function useInBetweenInserter() {\n\tconst openRef = useContext( InsertionPointOpenRef );\n\tconst isInBetweenInserterDisabled = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings().isDistractionFree ||\n\t\t\tselect( blockEditorStore ).__unstableGetEditorMode() === 'zoom-out',\n\t\t[]\n\t);\n\tconst {\n\t\tgetBlockListSettings,\n\t\tgetBlockIndex,\n\t\tisMultiSelecting,\n\t\tgetSelectedBlockClientIds,\n\t\tgetSettings,\n\t\tgetTemplateLock,\n\t\t__unstableIsWithinBlockOverlay,\n\t\tgetBlockEditingMode,\n\t\tgetBlockName,\n\t\tgetBlockAttributes,\n\t\tgetParentSectionBlock,\n\t} = unlock( useSelect( blockEditorStore ) );\n\tconst { showInsertionPoint, hideInsertionPoint } =\n\t\tuseDispatch( blockEditorStore );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( isInBetweenInserterDisabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction onMouseMove( event ) {\n\t\t\t\t// openRef is the reference to the insertion point between blocks.\n\t\t\t\t// If the reference is not set or the insertion point is already open, return.\n\t\t\t\tif ( openRef === undefined || openRef.current ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Ignore text nodes sometimes detected in FireFox.\n\t\t\t\tif ( event.target.nodeType === event.target.TEXT_NODE ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( isMultiSelecting() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\t! event.target.classList.contains(\n\t\t\t\t\t\t'block-editor-block-list__layout'\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet rootClientId;\n\t\t\t\tif (\n\t\t\t\t\t! event.target.classList.contains( 'is-root-container' )\n\t\t\t\t) {\n\t\t\t\t\tconst blockElement = !! event.target.getAttribute(\n\t\t\t\t\t\t'data-block'\n\t\t\t\t\t)\n\t\t\t\t\t\t? event.target\n\t\t\t\t\t\t: event.target.closest( '[data-block]' );\n\t\t\t\t\trootClientId = blockElement.getAttribute( 'data-block' );\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tgetTemplateLock( rootClientId ) ||\n\t\t\t\t\tgetBlockEditingMode( rootClientId ) === 'disabled' ||\n\t\t\t\t\tgetBlockName( rootClientId ) === 'core/block' ||\n\t\t\t\t\t( rootClientId &&\n\t\t\t\t\t\tgetBlockAttributes( rootClientId ).layout\n\t\t\t\t\t\t\t?.isManualPlacement )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst blockListSettings = getBlockListSettings( rootClientId );\n\t\t\t\tconst orientation =\n\t\t\t\t\tblockListSettings?.orientation || 'vertical';\n\t\t\t\tconst captureToolbars =\n\t\t\t\t\t!! blockListSettings?.__experimentalCaptureToolbars;\n\t\t\t\tconst offsetTop = event.clientY;\n\t\t\t\tconst offsetLeft = event.clientX;\n\n\t\t\t\tconst children = Array.from( event.target.children );\n\t\t\t\tlet element = children.find( ( blockEl ) => {\n\t\t\t\t\tconst blockElRect = blockEl.getBoundingClientRect();\n\t\t\t\t\treturn (\n\t\t\t\t\t\t( blockEl.classList.contains( 'wp-block' ) &&\n\t\t\t\t\t\t\torientation === 'vertical' &&\n\t\t\t\t\t\t\tblockElRect.top > offsetTop ) ||\n\t\t\t\t\t\t( blockEl.classList.contains( 'wp-block' ) &&\n\t\t\t\t\t\t\torientation === 'horizontal' &&\n\t\t\t\t\t\t\t( isRTL()\n\t\t\t\t\t\t\t\t? blockElRect.right < offsetLeft\n\t\t\t\t\t\t\t\t: blockElRect.left > offsetLeft ) )\n\t\t\t\t\t);\n\t\t\t\t} );\n\n\t\t\t\tif ( ! element ) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// The block may be in an alignment wrapper, so check the first direct\n\t\t\t\t// child if the element has no ID.\n\t\t\t\tif ( ! element.id ) {\n\t\t\t\t\telement = element.firstElementChild;\n\n\t\t\t\t\tif ( ! element ) {\n\t\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Don't show the insertion point if a parent block has an \"overlay\"\n\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/34012#pullrequestreview-727762337\n\t\t\t\tconst clientId = element.id.slice( 'block-'.length );\n\t\t\t\tif (\n\t\t\t\t\t! clientId ||\n\t\t\t\t\t__unstableIsWithinBlockOverlay( clientId ) ||\n\t\t\t\t\t!! getParentSectionBlock( clientId )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Don't show the inserter if the following conditions are met,\n\t\t\t\t// as it conflicts with the block toolbar:\n\t\t\t\t// 1. when hovering above or inside selected block(s)\n\t\t\t\t// 2. when the orientation is vertical\n\t\t\t\t// 3. when the __experimentalCaptureToolbars is not enabled\n\t\t\t\t// 4. when the Top Toolbar is not disabled\n\t\t\t\tif (\n\t\t\t\t\tgetSelectedBlockClientIds().includes( clientId ) &&\n\t\t\t\t\torientation === 'vertical' &&\n\t\t\t\t\t! captureToolbars &&\n\t\t\t\t\t! getSettings().hasFixedToolbar\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst elementRect = element.getBoundingClientRect();\n\n\t\t\t\tif (\n\t\t\t\t\t( orientation === 'horizontal' &&\n\t\t\t\t\t\t( event.clientY > elementRect.bottom ||\n\t\t\t\t\t\t\tevent.clientY < elementRect.top ) ) ||\n\t\t\t\t\t( orientation === 'vertical' &&\n\t\t\t\t\t\t( event.clientX > elementRect.right ||\n\t\t\t\t\t\t\tevent.clientX < elementRect.left ) )\n\t\t\t\t) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst index = getBlockIndex( clientId );\n\n\t\t\t\t// Don't show the in-between inserter before the first block in\n\t\t\t\t// the list (preserves the original behaviour).\n\t\t\t\tif ( index === 0 ) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tshowInsertionPoint( rootClientId, index, {\n\t\t\t\t\t__unstableWithInserter: true,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'mousemove', onMouseMove );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'mousemove', onMouseMove );\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\topenRef,\n\t\t\tgetBlockListSettings,\n\t\t\tgetBlockIndex,\n\t\t\tisMultiSelecting,\n\t\t\tshowInsertionPoint,\n\t\t\thideInsertionPoint,\n\t\t\tgetSelectedBlockClientIds,\n\t\t\tisInBetweenInserterDisabled,\n\t\t]\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-list/zoom-out-separator.js

@@ -35,14 +35,16 @@ function ZoomOutSeparator({
   const {
     sectionRootClientId,
     sectionClientIds,
-    blockInsertionPoint,
-    blockInsertionPointVisible
+    insertionPoint,
+    blockInsertionPointVisible,
+    blockInsertionPoint
   } = (0, _data.useSelect)(select => {
     const {
-      getBlockInsertionPoint,
+      getInsertionPoint,
       getBlockOrder,
+      getSectionRootClientId,
       isBlockInsertionPointVisible,
-      getSectionRootClientId
+      getBlockInsertionPoint
     } = (0, _lockUnlock.unlock)(select(_store.store));
     const root = getSectionRootClientId();
     const sectionRootClientIds = getBlockOrder(root);
@@ -50,6 +52,7 @@ function ZoomOutSeparator({
       sectionRootClientId: root,
       sectionClientIds: sectionRootClientIds,
       blockOrder: getBlockOrder(root),
+      insertionPoint: getInsertionPoint(),
       blockInsertionPoint: getBlockInsertionPoint(),
       blockInsertionPointVisible: isBlockInsertionPointVisible()
     };
@@ -63,11 +66,16 @@ function ZoomOutSeparator({
   if (!isSectionBlock) {
     return null;
   }
+  const hasTopInsertionPoint = insertionPoint?.index === 0 && clientId === sectionClientIds[insertionPoint.index];
+  const hasBottomInsertionPoint = insertionPoint && insertionPoint.hasOwnProperty('index') && clientId === sectionClientIds[insertionPoint.index - 1];
+  // We want to show the zoom out separator in either of these conditions:
+  // 1. If the inserter has an insertion index set
+  // 2. We are dragging a pattern over an insertion point
   if (position === 'top') {
-    isVisible = blockInsertionPointVisible && blockInsertionPoint.index === 0 && clientId === sectionClientIds[blockInsertionPoint.index];
+    isVisible = hasTopInsertionPoint || blockInsertionPointVisible && blockInsertionPoint.index === 0 && clientId === sectionClientIds[blockInsertionPoint.index];
   }
   if (position === 'bottom') {
-    isVisible = blockInsertionPointVisible && clientId === sectionClientIds[blockInsertionPoint.index - 1];
+    isVisible = hasBottomInsertionPoint || blockInsertionPointVisible && clientId === sectionClientIds[blockInsertionPoint.index - 1];
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableAnimatePresence, {
     children: isVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableMotion.div, {

package/build/components/block-list/zoom-out-separator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_compose","_data","_element","_i18n","_store","_lockUnlock","_jsxRuntime","ZoomOutSeparator","clientId","rootClientId","position","isDraggedOver","setIsDraggedOver","useState","sectionRootClientId","sectionClientIds","blockInsertionPoint","blockInsertionPointVisible","useSelect","select","getBlockInsertionPoint","getBlockOrder","isBlockInsertionPointVisible","getSectionRootClientId","unlock","blockEditorStore","root","sectionRootClientIds","blockOrder","isReducedMotion","useReducedMotion","isVisible","isSectionBlock","includes","index","jsx","__unstableAnimatePresence","children","__unstableMotion","div","as","layout","initial","height","animate","exit","transition","type","duration","ease","className","clsx","onDragOver","onDragLeave","opacity","__"],"sources":["@wordpress/block-editor/src/components/block-list/zoom-out-separator.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '@wordpress/components';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport function ZoomOutSeparator( {\n\tclientId,\n\trootClientId = '',\n\tposition = 'top',\n} ) {\n\tconst [ isDraggedOver, setIsDraggedOver ] = useState( false );\n\tconst {\n\t\tsectionRootClientId,\n\t\tsectionClientIds,\n\t\tblockInsertionPoint,\n\t\tblockInsertionPointVisible,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockInsertionPoint,\n\t\t\tgetBlockOrder,\n\t\t\tisBlockInsertionPointVisible,\n\t\t\tgetSectionRootClientId,\n\t\t} = unlock( select( blockEditorStore ) );\n\n\t\tconst root = getSectionRootClientId();\n\t\tconst sectionRootClientIds = getBlockOrder( root );\n\t\treturn {\n\t\t\tsectionRootClientId: root,\n\t\t\tsectionClientIds: sectionRootClientIds,\n\t\t\tblockOrder: getBlockOrder( root ),\n\t\t\tblockInsertionPoint: getBlockInsertionPoint(),\n\t\t\tblockInsertionPointVisible: isBlockInsertionPointVisible(),\n\t\t};\n\t}, [] );\n\n\tconst isReducedMotion = useReducedMotion();\n\n\tif ( ! clientId ) {\n\t\treturn;\n\t}\n\n\tlet isVisible = false;\n\n\tconst isSectionBlock =\n\t\trootClientId === sectionRootClientId &&\n\t\tsectionClientIds &&\n\t\tsectionClientIds.includes( clientId );\n\n\tif ( ! isSectionBlock ) {\n\t\treturn null;\n\t}\n\n\tif ( position === 'top' ) {\n\t\tisVisible =\n\t\t\tblockInsertionPointVisible &&\n\t\t\tblockInsertionPoint.index === 0 &&\n\t\t\tclientId === sectionClientIds[ blockInsertionPoint.index ];\n\t}\n\n\tif ( position === 'bottom' ) {\n\t\tisVisible =\n\t\t\tblockInsertionPointVisible &&\n\t\t\tclientId === sectionClientIds[ blockInsertionPoint.index - 1 ];\n\t}\n\n\treturn (\n\t\t<AnimatePresence>\n\t\t\t{ isVisible && (\n\t\t\t\t<motion.div\n\t\t\t\t\tas=\"button\"\n\t\t\t\t\tlayout={ ! isReducedMotion }\n\t\t\t\t\tinitial={ { height: 0 } }\n\t\t\t\t\tanimate={ { height: '120px' } }\n\t\t\t\t\texit={ { height: 0 } }\n\t\t\t\t\ttransition={ {\n\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\tduration: 0.2,\n\t\t\t\t\t\tease: [ 0.6, 0, 0.4, 1 ],\n\t\t\t\t\t} }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-list__zoom-out-separator',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-dragged-over': isDraggedOver,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tdata-is-insertion-point=\"true\"\n\t\t\t\t\tonDragOver={ () => setIsDraggedOver( true ) }\n\t\t\t\t\tonDragLeave={ () => setIsDraggedOver( false ) }\n\t\t\t\t>\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\tduration: 0.1,\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Drop pattern.' ) }\n\t\t\t\t\t</motion.div>\n\t\t\t\t</motion.div>\n\t\t\t) }\n\t\t</AnimatePresence>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_compose","_data","_element","_i18n","_store","_lockUnlock","_jsxRuntime","ZoomOutSeparator","clientId","rootClientId","position","isDraggedOver","setIsDraggedOver","useState","sectionRootClientId","sectionClientIds","insertionPoint","blockInsertionPointVisible","blockInsertionPoint","useSelect","select","getInsertionPoint","getBlockOrder","getSectionRootClientId","isBlockInsertionPointVisible","getBlockInsertionPoint","unlock","blockEditorStore","root","sectionRootClientIds","blockOrder","isReducedMotion","useReducedMotion","isVisible","isSectionBlock","includes","hasTopInsertionPoint","index","hasBottomInsertionPoint","hasOwnProperty","jsx","__unstableAnimatePresence","children","__unstableMotion","div","as","layout","initial","height","animate","exit","transition","type","duration","ease","className","clsx","onDragOver","onDragLeave","opacity","__"],"sources":["@wordpress/block-editor/src/components/block-list/zoom-out-separator.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '@wordpress/components';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport function ZoomOutSeparator( {\n\tclientId,\n\trootClientId = '',\n\tposition = 'top',\n} ) {\n\tconst [ isDraggedOver, setIsDraggedOver ] = useState( false );\n\tconst {\n\t\tsectionRootClientId,\n\t\tsectionClientIds,\n\t\tinsertionPoint,\n\t\tblockInsertionPointVisible,\n\t\tblockInsertionPoint,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetInsertionPoint,\n\t\t\tgetBlockOrder,\n\t\t\tgetSectionRootClientId,\n\t\t\tisBlockInsertionPointVisible,\n\t\t\tgetBlockInsertionPoint,\n\t\t} = unlock( select( blockEditorStore ) );\n\n\t\tconst root = getSectionRootClientId();\n\t\tconst sectionRootClientIds = getBlockOrder( root );\n\t\treturn {\n\t\t\tsectionRootClientId: root,\n\t\t\tsectionClientIds: sectionRootClientIds,\n\t\t\tblockOrder: getBlockOrder( root ),\n\t\t\tinsertionPoint: getInsertionPoint(),\n\t\t\tblockInsertionPoint: getBlockInsertionPoint(),\n\t\t\tblockInsertionPointVisible: isBlockInsertionPointVisible(),\n\t\t};\n\t}, [] );\n\n\tconst isReducedMotion = useReducedMotion();\n\n\tif ( ! clientId ) {\n\t\treturn;\n\t}\n\n\tlet isVisible = false;\n\n\tconst isSectionBlock =\n\t\trootClientId === sectionRootClientId &&\n\t\tsectionClientIds &&\n\t\tsectionClientIds.includes( clientId );\n\n\tif ( ! isSectionBlock ) {\n\t\treturn null;\n\t}\n\n\tconst hasTopInsertionPoint =\n\t\tinsertionPoint?.index === 0 &&\n\t\tclientId === sectionClientIds[ insertionPoint.index ];\n\tconst hasBottomInsertionPoint =\n\t\tinsertionPoint &&\n\t\tinsertionPoint.hasOwnProperty( 'index' ) &&\n\t\tclientId === sectionClientIds[ insertionPoint.index - 1 ];\n\t// We want to show the zoom out separator in either of these conditions:\n\t// 1. If the inserter has an insertion index set\n\t// 2. We are dragging a pattern over an insertion point\n\tif ( position === 'top' ) {\n\t\tisVisible =\n\t\t\thasTopInsertionPoint ||\n\t\t\t( blockInsertionPointVisible &&\n\t\t\t\tblockInsertionPoint.index === 0 &&\n\t\t\t\tclientId === sectionClientIds[ blockInsertionPoint.index ] );\n\t}\n\n\tif ( position === 'bottom' ) {\n\t\tisVisible =\n\t\t\thasBottomInsertionPoint ||\n\t\t\t( blockInsertionPointVisible &&\n\t\t\t\tclientId ===\n\t\t\t\t\tsectionClientIds[ blockInsertionPoint.index - 1 ] );\n\t}\n\n\treturn (\n\t\t<AnimatePresence>\n\t\t\t{ isVisible && (\n\t\t\t\t<motion.div\n\t\t\t\t\tas=\"button\"\n\t\t\t\t\tlayout={ ! isReducedMotion }\n\t\t\t\t\tinitial={ { height: 0 } }\n\t\t\t\t\tanimate={ { height: '120px' } }\n\t\t\t\t\texit={ { height: 0 } }\n\t\t\t\t\ttransition={ {\n\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\tduration: 0.2,\n\t\t\t\t\t\tease: [ 0.6, 0, 0.4, 1 ],\n\t\t\t\t\t} }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-list__zoom-out-separator',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-dragged-over': isDraggedOver,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tdata-is-insertion-point=\"true\"\n\t\t\t\t\tonDragOver={ () => setIsDraggedOver( true ) }\n\t\t\t\t\tonDragLeave={ () => setIsDraggedOver( false ) }\n\t\t\t\t>\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\tduration: 0.1,\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Drop pattern.' ) }\n\t\t\t\t\t</motion.div>\n\t\t\t\t</motion.div>\n\t\t\t) }\n\t\t</AnimatePresence>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-navigation/dropdown.js

@@ -33,10 +33,8 @@ function BlockNavigationDropdownToggle({
   innerRef,
   ...props
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
-  // TODO: Switch to `true` (40px size) if possible
-  , {
-    __next40pxDefaultSize: false,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    __next40pxDefaultSize: true,
     ...props,
     ref: innerRef,
     icon: _icons.listView,

package/build/components/block-navigation/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_deprecated","_interopRequireDefault","require","_components","_i18n","_data","_element","_icons","_listView","_store","_jsxRuntime","BlockNavigationDropdownToggle","isEnabled","onToggle","isOpen","innerRef","props","jsx","Button","__next40pxDefaultSize","ref","icon","listView","onClick","undefined","label","__","className","BlockNavigationDropdown","isDisabled","deprecated","since","alternative","hasBlocks","useSelect","select","blockEditorStore","getBlockCount","Dropdown","contentClassName","popoverProps","placement","renderToggle","renderContent","jsxs","children","default","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/block-navigation/dropdown.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Dropdown } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { listView } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport ListView from '../list-view';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockNavigationDropdownToggle( {\n\tisEnabled,\n\tonToggle,\n\tisOpen,\n\tinnerRef,\n\t...props\n} ) {\n\treturn (\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\t{ ...props }\n\t\t\tref={ innerRef }\n\t\t\ticon={ listView }\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-haspopup=\"true\"\n\t\t\tonClick={ isEnabled ? onToggle : undefined }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'List view' ) }\n\t\t\tclassName=\"block-editor-block-navigation\"\n\t\t\taria-disabled={ ! isEnabled }\n\t\t/>\n\t);\n}\n\nfunction BlockNavigationDropdown( { isDisabled, ...props }, ref ) {\n\tdeprecated( 'wp.blockEditor.BlockNavigationDropdown', {\n\t\tsince: '6.1',\n\t\talternative: 'wp.components.Dropdown and wp.blockEditor.ListView',\n\t} );\n\n\tconst hasBlocks = useSelect(\n\t\t( select ) => !! select( blockEditorStore ).getBlockCount(),\n\t\t[]\n\t);\n\tconst isEnabled = hasBlocks && ! isDisabled;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-editor-block-navigation__popover\"\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<BlockNavigationDropdownToggle\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tinnerRef={ ref }\n\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\tonToggle={ onToggle }\n\t\t\t\t\tisEnabled={ isEnabled }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div className=\"block-editor-block-navigation__container\">\n\t\t\t\t\t<p className=\"block-editor-block-navigation__label\">\n\t\t\t\t\t\t{ __( 'List view' ) }\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<ListView />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( BlockNavigationDropdown );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAwD,IAAAQ,WAAA,GAAAR,OAAA;AAlBxD;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASS,6BAA6BA,CAAE;EACvCC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,oBACC,IAAAN,WAAA,CAAAO,GAAA,EAACd,WAAA,CAAAe;EACA;EAAA;IACAC,qBAAqB,EAAG,KAAO;IAAA,GAC1BH,KAAK;IACVI,GAAG,EAAGL,QAAU;IAChBM,IAAI,EAAGC,eAAU;IACjB,iBAAgBR,MAAQ;IACxB,iBAAc,MAAM;IACpBS,OAAO,EAAGX,SAAS,GAAGC,QAAQ,GAAGW;IACjC;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,SAAS,EAAC,+BAA+B;IACzC,iBAAgB,CAAEf;EAAW,CAC7B,CAAC;AAEJ;AAEA,SAASgB,uBAAuBA,CAAE;EAAEC,UAAU;EAAE,GAAGb;AAAM,CAAC,EAAEI,GAAG,EAAG;EACjE,IAAAU,mBAAU,EAAE,wCAAwC,EAAE;IACrDC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,MAAMC,SAAS,GAAG,IAAAC,eAAS,EACxBC,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEC,YAAiB,CAAC,CAACC,aAAa,CAAC,CAAC,EAC3D,EACD,CAAC;EACD,MAAMzB,SAAS,GAAGqB,SAAS,IAAI,CAAEJ,UAAU;EAE3C,oBACC,IAAAnB,WAAA,CAAAO,GAAA,EAACd,WAAA,CAAAmC,QAAQ;IACRC,gBAAgB,EAAC,wCAAwC;IACzDC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAE5B,MAAM;MAAED;IAAS,CAAC,kBACpC,IAAAH,WAAA,CAAAO,GAAA,EAACN,6BAA6B;MAAA,GACxBK,KAAK;MACVD,QAAQ,EAAGK,GAAK;MAChBN,MAAM,EAAGA,MAAQ;MACjBD,QAAQ,EAAGA,QAAU;MACrBD,SAAS,EAAGA;IAAW,CACvB,CACC;IACH+B,aAAa,EAAGA,CAAA,kBACf,IAAAjC,WAAA,CAAAkC,IAAA;MAAKjB,SAAS,EAAC,0CAA0C;MAAAkB,QAAA,gBACxD,IAAAnC,WAAA,CAAAO,GAAA;QAAGU,SAAS,EAAC,sCAAsC;QAAAkB,QAAA,EAChD,IAAAnB,QAAE,EAAE,WAAY;MAAC,CACjB,CAAC,eAEJ,IAAAhB,WAAA,CAAAO,GAAA,EAACT,SAAA,CAAAsC,OAAQ,IAAE,CAAC;IAAA,CACR;EACH,CACH,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEc,IAAAG,mBAAU,EAAErB,uBAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_deprecated","_interopRequireDefault","require","_components","_i18n","_data","_element","_icons","_listView","_store","_jsxRuntime","BlockNavigationDropdownToggle","isEnabled","onToggle","isOpen","innerRef","props","jsx","Button","__next40pxDefaultSize","ref","icon","listView","onClick","undefined","label","__","className","BlockNavigationDropdown","isDisabled","deprecated","since","alternative","hasBlocks","useSelect","select","blockEditorStore","getBlockCount","Dropdown","contentClassName","popoverProps","placement","renderToggle","renderContent","jsxs","children","default","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/block-navigation/dropdown.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Dropdown } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { listView } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport ListView from '../list-view';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockNavigationDropdownToggle( {\n\tisEnabled,\n\tonToggle,\n\tisOpen,\n\tinnerRef,\n\t...props\n} ) {\n\treturn (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\t{ ...props }\n\t\t\tref={ innerRef }\n\t\t\ticon={ listView }\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-haspopup=\"true\"\n\t\t\tonClick={ isEnabled ? onToggle : undefined }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'List view' ) }\n\t\t\tclassName=\"block-editor-block-navigation\"\n\t\t\taria-disabled={ ! isEnabled }\n\t\t/>\n\t);\n}\n\nfunction BlockNavigationDropdown( { isDisabled, ...props }, ref ) {\n\tdeprecated( 'wp.blockEditor.BlockNavigationDropdown', {\n\t\tsince: '6.1',\n\t\talternative: 'wp.components.Dropdown and wp.blockEditor.ListView',\n\t} );\n\n\tconst hasBlocks = useSelect(\n\t\t( select ) => !! select( blockEditorStore ).getBlockCount(),\n\t\t[]\n\t);\n\tconst isEnabled = hasBlocks && ! isDisabled;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-editor-block-navigation__popover\"\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<BlockNavigationDropdownToggle\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tinnerRef={ ref }\n\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\tonToggle={ onToggle }\n\t\t\t\t\tisEnabled={ isEnabled }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div className=\"block-editor-block-navigation__container\">\n\t\t\t\t\t<p className=\"block-editor-block-navigation__label\">\n\t\t\t\t\t\t{ __( 'List view' ) }\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<ListView />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( BlockNavigationDropdown );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAwD,IAAAQ,WAAA,GAAAR,OAAA;AAlBxD;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASS,6BAA6BA,CAAE;EACvCC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,oBACC,IAAAN,WAAA,CAAAO,GAAA,EAACd,WAAA,CAAAe,MAAM;IACNC,qBAAqB;IAAA,GAChBH,KAAK;IACVI,GAAG,EAAGL,QAAU;IAChBM,IAAI,EAAGC,eAAU;IACjB,iBAAgBR,MAAQ;IACxB,iBAAc,MAAM;IACpBS,OAAO,EAAGX,SAAS,GAAGC,QAAQ,GAAGW;IACjC;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,SAAS,EAAC,+BAA+B;IACzC,iBAAgB,CAAEf;EAAW,CAC7B,CAAC;AAEJ;AAEA,SAASgB,uBAAuBA,CAAE;EAAEC,UAAU;EAAE,GAAGb;AAAM,CAAC,EAAEI,GAAG,EAAG;EACjE,IAAAU,mBAAU,EAAE,wCAAwC,EAAE;IACrDC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,MAAMC,SAAS,GAAG,IAAAC,eAAS,EACxBC,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEC,YAAiB,CAAC,CAACC,aAAa,CAAC,CAAC,EAC3D,EACD,CAAC;EACD,MAAMzB,SAAS,GAAGqB,SAAS,IAAI,CAAEJ,UAAU;EAE3C,oBACC,IAAAnB,WAAA,CAAAO,GAAA,EAACd,WAAA,CAAAmC,QAAQ;IACRC,gBAAgB,EAAC,wCAAwC;IACzDC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAE5B,MAAM;MAAED;IAAS,CAAC,kBACpC,IAAAH,WAAA,CAAAO,GAAA,EAACN,6BAA6B;MAAA,GACxBK,KAAK;MACVD,QAAQ,EAAGK,GAAK;MAChBN,MAAM,EAAGA,MAAQ;MACjBD,QAAQ,EAAGA,QAAU;MACrBD,SAAS,EAAGA;IAAW,CACvB,CACC;IACH+B,aAAa,EAAGA,CAAA,kBACf,IAAAjC,WAAA,CAAAkC,IAAA;MAAKjB,SAAS,EAAC,0CAA0C;MAAAkB,QAAA,gBACxD,IAAAnC,WAAA,CAAAO,GAAA;QAAGU,SAAS,EAAC,sCAAsC;QAAAkB,QAAA,EAChD,IAAAnB,QAAE,EAAE,WAAY;MAAC,CACjB,CAAC,eAEJ,IAAAhB,WAAA,CAAAO,GAAA,EAACT,SAAA,CAAAsC,OAAQ,IAAE,CAAC;IAAA,CACR;EACH,CACH,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEc,IAAAG,mBAAU,EAAErB,uBAAwB,CAAC","ignoreList":[]}

package/build/components/block-parent-selector/index.js

@@ -14,6 +14,7 @@ var _useBlockDisplayInformation = _interopRequireDefault(require("../use-block-d
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
 var _utils = require("../block-toolbar/utils");
 var _store = require("../../store");
+var _lockUnlock = require("../../lock-unlock");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -33,29 +34,31 @@ var _jsxRuntime = require("react/jsx-runtime");
     selectBlock
   } = (0, _data.useDispatch)(_store.store);
   const {
-    firstParentClientId,
+    parentClientId,
     isVisible
   } = (0, _data.useSelect)(select => {
     const {
       getBlockName,
       getBlockParents,
       getSelectedBlockClientId,
-      getBlockEditingMode
-    } = select(_store.store);
+      getBlockEditingMode,
+      getParentSectionBlock
+    } = (0, _lockUnlock.unlock)(select(_store.store));
     const {
       hasBlockSupport
     } = select(_blocks.store);
     const selectedBlockClientId = getSelectedBlockClientId();
+    const parentSection = getParentSectionBlock(selectedBlockClientId);
     const parents = getBlockParents(selectedBlockClientId);
-    const _firstParentClientId = parents[parents.length - 1];
-    const parentBlockName = getBlockName(_firstParentClientId);
+    const _parentClientId = parentSection !== null && parentSection !== void 0 ? parentSection : parents[parents.length - 1];
+    const parentBlockName = getBlockName(_parentClientId);
     const _parentBlockType = (0, _blocks.getBlockType)(parentBlockName);
     return {
-      firstParentClientId: _firstParentClientId,
-      isVisible: _firstParentClientId && getBlockEditingMode(_firstParentClientId) === 'default' && hasBlockSupport(_parentBlockType, '__experimentalParentSelector', true)
+      parentClientId: _parentClientId,
+      isVisible: _parentClientId && getBlockEditingMode(_parentClientId) !== 'disabled' && hasBlockSupport(_parentBlockType, '__experimentalParentSelector', true)
     };
   }, []);
-  const blockInformation = (0, _useBlockDisplayInformation.default)(firstParentClientId);
+  const blockInformation = (0, _useBlockDisplayInformation.default)(parentClientId);
 
   // Allows highlighting the parent block outline when focusing or hovering
   // the parent block selector within the child.
@@ -73,7 +76,7 @@ var _jsxRuntime = require("react/jsx-runtime");
     ...showHoveredOrFocusedGestures,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
       className: "block-editor-block-parent-selector__button",
-      onClick: () => selectBlock(firstParentClientId),
+      onClick: () => selectBlock(parentClientId),
       label: (0, _i18n.sprintf)( /* translators: %s: Name of the block's parent. */
       (0, _i18n.__)('Select parent block: %s'), blockInformation?.title),
       showTooltip: true,
@@ -81,6 +84,6 @@ var _jsxRuntime = require("react/jsx-runtime");
         icon: blockInformation?.icon
       })
     })
-  }, firstParentClientId);
+  }, parentClientId);
 }
 //# sourceMappingURL=index.js.map

package/build/components/block-parent-selector/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_components","_data","_i18n","_element","_useBlockDisplayInformation","_interopRequireDefault","_blockIcon","_utils","_store","_jsxRuntime","BlockParentSelector","selectBlock","useDispatch","blockEditorStore","firstParentClientId","isVisible","useSelect","select","getBlockName","getBlockParents","getSelectedBlockClientId","getBlockEditingMode","hasBlockSupport","blocksStore","selectedBlockClientId","parents","_firstParentClientId","length","parentBlockName","_parentBlockType","getBlockType","blockInformation","useBlockDisplayInformation","nodeRef","useRef","showHoveredOrFocusedGestures","useShowHoveredOrFocusedGestures","ref","highlightParent","jsx","className","children","ToolbarButton","onClick","label","sprintf","__","title","showTooltip","icon","default"],"sources":["@wordpress/block-editor/src/components/block-parent-selector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType, store as blocksStore } from '@wordpress/blocks';\nimport { ToolbarButton } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport BlockIcon from '../block-icon';\nimport { useShowHoveredOrFocusedGestures } from '../block-toolbar/utils';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Block parent selector component, displaying the hierarchy of the\n * current block selection as a single icon to \"go up\" a level.\n *\n * @return {Component} Parent block selector.\n */\nexport default function BlockParentSelector() {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst { firstParentClientId, isVisible } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockName,\n\t\t\tgetBlockParents,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockEditingMode,\n\t\t} = select( blockEditorStore );\n\t\tconst { hasBlockSupport } = select( blocksStore );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst parents = getBlockParents( selectedBlockClientId );\n\t\tconst _firstParentClientId = parents[ parents.length - 1 ];\n\t\tconst parentBlockName = getBlockName( _firstParentClientId );\n\t\tconst _parentBlockType = getBlockType( parentBlockName );\n\t\treturn {\n\t\t\tfirstParentClientId: _firstParentClientId,\n\t\t\tisVisible:\n\t\t\t\t_firstParentClientId &&\n\t\t\t\tgetBlockEditingMode( _firstParentClientId ) === 'default' &&\n\t\t\t\thasBlockSupport(\n\t\t\t\t\t_parentBlockType,\n\t\t\t\t\t'__experimentalParentSelector',\n\t\t\t\t\ttrue\n\t\t\t\t),\n\t\t};\n\t}, [] );\n\tconst blockInformation = useBlockDisplayInformation( firstParentClientId );\n\n\t// Allows highlighting the parent block outline when focusing or hovering\n\t// the parent block selector within the child.\n\tconst nodeRef = useRef();\n\tconst showHoveredOrFocusedGestures = useShowHoveredOrFocusedGestures( {\n\t\tref: nodeRef,\n\t\thighlightParent: true,\n\t} );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-block-parent-selector\"\n\t\t\tkey={ firstParentClientId }\n\t\t\tref={ nodeRef }\n\t\t\t{ ...showHoveredOrFocusedGestures }\n\t\t>\n\t\t\t<ToolbarButton\n\t\t\t\tclassName=\"block-editor-block-parent-selector__button\"\n\t\t\t\tonClick={ () => selectBlock( firstParentClientId ) }\n\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t/* translators: %s: Name of the block's parent. */\n\t\t\t\t\t__( 'Select parent block: %s' ),\n\t\t\t\t\tblockInformation?.title\n\t\t\t\t) }\n\t\t\t\tshowTooltip\n\t\t\t\ticon={ <BlockIcon icon={ blockInformation?.icon } /> }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,2BAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,UAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAAwD,IAAAU,WAAA,GAAAV,OAAA;AAfxD;AACA;AACA;;AAOA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA,GACe,SAASW,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACvD,MAAM;IAAEC,mBAAmB;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACnE,MAAM;MACLC,YAAY;MACZC,eAAe;MACfC,wBAAwB;MACxBC;IACD,CAAC,GAAGJ,MAAM,CAAEJ,YAAiB,CAAC;IAC9B,MAAM;MAAES;IAAgB,CAAC,GAAGL,MAAM,CAAEM,aAAY,CAAC;IACjD,MAAMC,qBAAqB,GAAGJ,wBAAwB,CAAC,CAAC;IACxD,MAAMK,OAAO,GAAGN,eAAe,CAAEK,qBAAsB,CAAC;IACxD,MAAME,oBAAoB,GAAGD,OAAO,CAAEA,OAAO,CAACE,MAAM,GAAG,CAAC,CAAE;IAC1D,MAAMC,eAAe,GAAGV,YAAY,CAAEQ,oBAAqB,CAAC;IAC5D,MAAMG,gBAAgB,GAAG,IAAAC,oBAAY,EAAEF,eAAgB,CAAC;IACxD,OAAO;MACNd,mBAAmB,EAAEY,oBAAoB;MACzCX,SAAS,EACRW,oBAAoB,IACpBL,mBAAmB,CAAEK,oBAAqB,CAAC,KAAK,SAAS,IACzDJ,eAAe,CACdO,gBAAgB,EAChB,8BAA8B,EAC9B,IACD;IACF,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAME,gBAAgB,GAAG,IAAAC,mCAA0B,EAAElB,mBAAoB,CAAC;;EAE1E;EACA;EACA,MAAMmB,OAAO,GAAG,IAAAC,eAAM,EAAC,CAAC;EACxB,MAAMC,4BAA4B,GAAG,IAAAC,sCAA+B,EAAE;IACrEC,GAAG,EAAEJ,OAAO;IACZK,eAAe,EAAE;EAClB,CAAE,CAAC;EAEH,IAAK,CAAEvB,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAN,WAAA,CAAA8B,GAAA;IACCC,SAAS,EAAC,oCAAoC;IAE9CH,GAAG,EAAGJ,OAAS;IAAA,GACVE,4BAA4B;IAAAM,QAAA,eAEjC,IAAAhC,WAAA,CAAA8B,GAAA,EAACvC,WAAA,CAAA0C,aAAa;MACbF,SAAS,EAAC,4CAA4C;MACtDG,OAAO,EAAGA,CAAA,KAAMhC,WAAW,CAAEG,mBAAoB,CAAG;MACpD8B,KAAK,EAAG,IAAAC,aAAO,GACd;MACA,IAAAC,QAAE,EAAE,yBAA0B,CAAC,EAC/Bf,gBAAgB,EAAEgB,KACnB,CAAG;MACHC,WAAW;MACXC,IAAI,eAAG,IAAAxC,WAAA,CAAA8B,GAAA,EAACjC,UAAA,CAAA4C,OAAS;QAACD,IAAI,EAAGlB,gBAAgB,EAAEkB;MAAM,CAAE;IAAG,CACtD;EAAC,GAdInC,mBAeF,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_blocks","require","_components","_data","_i18n","_element","_useBlockDisplayInformation","_interopRequireDefault","_blockIcon","_utils","_store","_lockUnlock","_jsxRuntime","BlockParentSelector","selectBlock","useDispatch","blockEditorStore","parentClientId","isVisible","useSelect","select","getBlockName","getBlockParents","getSelectedBlockClientId","getBlockEditingMode","getParentSectionBlock","unlock","hasBlockSupport","blocksStore","selectedBlockClientId","parentSection","parents","_parentClientId","length","parentBlockName","_parentBlockType","getBlockType","blockInformation","useBlockDisplayInformation","nodeRef","useRef","showHoveredOrFocusedGestures","useShowHoveredOrFocusedGestures","ref","highlightParent","jsx","className","children","ToolbarButton","onClick","label","sprintf","__","title","showTooltip","icon","default"],"sources":["@wordpress/block-editor/src/components/block-parent-selector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType, store as blocksStore } from '@wordpress/blocks';\nimport { ToolbarButton } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport BlockIcon from '../block-icon';\nimport { useShowHoveredOrFocusedGestures } from '../block-toolbar/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Block parent selector component, displaying the hierarchy of the\n * current block selection as a single icon to \"go up\" a level.\n *\n * @return {Component} Parent block selector.\n */\nexport default function BlockParentSelector() {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst { parentClientId, isVisible } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockName,\n\t\t\tgetBlockParents,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockEditingMode,\n\t\t\tgetParentSectionBlock,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst { hasBlockSupport } = select( blocksStore );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst parentSection = getParentSectionBlock( selectedBlockClientId );\n\t\tconst parents = getBlockParents( selectedBlockClientId );\n\t\tconst _parentClientId = parentSection ?? parents[ parents.length - 1 ];\n\t\tconst parentBlockName = getBlockName( _parentClientId );\n\t\tconst _parentBlockType = getBlockType( parentBlockName );\n\t\treturn {\n\t\t\tparentClientId: _parentClientId,\n\t\t\tisVisible:\n\t\t\t\t_parentClientId &&\n\t\t\t\tgetBlockEditingMode( _parentClientId ) !== 'disabled' &&\n\t\t\t\thasBlockSupport(\n\t\t\t\t\t_parentBlockType,\n\t\t\t\t\t'__experimentalParentSelector',\n\t\t\t\t\ttrue\n\t\t\t\t),\n\t\t};\n\t}, [] );\n\tconst blockInformation = useBlockDisplayInformation( parentClientId );\n\n\t// Allows highlighting the parent block outline when focusing or hovering\n\t// the parent block selector within the child.\n\tconst nodeRef = useRef();\n\tconst showHoveredOrFocusedGestures = useShowHoveredOrFocusedGestures( {\n\t\tref: nodeRef,\n\t\thighlightParent: true,\n\t} );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-block-parent-selector\"\n\t\t\tkey={ parentClientId }\n\t\t\tref={ nodeRef }\n\t\t\t{ ...showHoveredOrFocusedGestures }\n\t\t>\n\t\t\t<ToolbarButton\n\t\t\t\tclassName=\"block-editor-block-parent-selector__button\"\n\t\t\t\tonClick={ () => selectBlock( parentClientId ) }\n\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t/* translators: %s: Name of the block's parent. */\n\t\t\t\t\t__( 'Select parent block: %s' ),\n\t\t\t\t\tblockInformation?.title\n\t\t\t\t) }\n\t\t\t\tshowTooltip\n\t\t\t\ticon={ <BlockIcon icon={ blockInformation?.icon } /> }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,2BAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,UAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAA2C,IAAAW,WAAA,GAAAX,OAAA;AAhB3C;AACA;AACA;;AAOA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA,GACe,SAASY,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACvD,MAAM;IAAEC,cAAc;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC9D,MAAM;MACLC,YAAY;MACZC,eAAe;MACfC,wBAAwB;MACxBC,mBAAmB;MACnBC;IACD,CAAC,GAAG,IAAAC,kBAAM,EAAEN,MAAM,CAAEJ,YAAiB,CAAE,CAAC;IACxC,MAAM;MAAEW;IAAgB,CAAC,GAAGP,MAAM,CAAEQ,aAAY,CAAC;IACjD,MAAMC,qBAAqB,GAAGN,wBAAwB,CAAC,CAAC;IACxD,MAAMO,aAAa,GAAGL,qBAAqB,CAAEI,qBAAsB,CAAC;IACpE,MAAME,OAAO,GAAGT,eAAe,CAAEO,qBAAsB,CAAC;IACxD,MAAMG,eAAe,GAAGF,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIC,OAAO,CAAEA,OAAO,CAACE,MAAM,GAAG,CAAC,CAAE;IACtE,MAAMC,eAAe,GAAGb,YAAY,CAAEW,eAAgB,CAAC;IACvD,MAAMG,gBAAgB,GAAG,IAAAC,oBAAY,EAAEF,eAAgB,CAAC;IACxD,OAAO;MACNjB,cAAc,EAAEe,eAAe;MAC/Bd,SAAS,EACRc,eAAe,IACfR,mBAAmB,CAAEQ,eAAgB,CAAC,KAAK,UAAU,IACrDL,eAAe,CACdQ,gBAAgB,EAChB,8BAA8B,EAC9B,IACD;IACF,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAME,gBAAgB,GAAG,IAAAC,mCAA0B,EAAErB,cAAe,CAAC;;EAErE;EACA;EACA,MAAMsB,OAAO,GAAG,IAAAC,eAAM,EAAC,CAAC;EACxB,MAAMC,4BAA4B,GAAG,IAAAC,sCAA+B,EAAE;IACrEC,GAAG,EAAEJ,OAAO;IACZK,eAAe,EAAE;EAClB,CAAE,CAAC;EAEH,IAAK,CAAE1B,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAN,WAAA,CAAAiC,GAAA;IACCC,SAAS,EAAC,oCAAoC;IAE9CH,GAAG,EAAGJ,OAAS;IAAA,GACVE,4BAA4B;IAAAM,QAAA,eAEjC,IAAAnC,WAAA,CAAAiC,GAAA,EAAC3C,WAAA,CAAA8C,aAAa;MACbF,SAAS,EAAC,4CAA4C;MACtDG,OAAO,EAAGA,CAAA,KAAMnC,WAAW,CAAEG,cAAe,CAAG;MAC/CiC,KAAK,EAAG,IAAAC,aAAO,GACd;MACA,IAAAC,QAAE,EAAE,yBAA0B,CAAC,EAC/Bf,gBAAgB,EAAEgB,KACnB,CAAG;MACHC,WAAW;MACXC,IAAI,eAAG,IAAA3C,WAAA,CAAAiC,GAAA,EAACrC,UAAA,CAAAgD,OAAS;QAACD,IAAI,EAAGlB,gBAAgB,EAAEkB;MAAM,CAAE;IAAG,CACtD;EAAC,GAdItC,cAeF,CAAC;AAER","ignoreList":[]}

package/build/components/block-pattern-setup/setup-toolbar.js

@@ -21,10 +21,8 @@ const Actions = ({
   onBlockPatternSelect
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   className: "block-editor-block-pattern-setup__actions",
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
-  // TODO: Switch to `true` (40px size) if possible
-  , {
-    __next40pxDefaultSize: false,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    __next40pxDefaultSize: true,
     variant: "primary",
     onClick: onBlockPatternSelect,
     children: (0, _i18n.__)('Choose')
@@ -37,19 +35,15 @@ const CarouselNavigation = ({
   totalSlides
 }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
   className: "block-editor-block-pattern-setup__navigation",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
-  // TODO: Switch to `true` (40px size) if possible
-  , {
-    __next40pxDefaultSize: false,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    size: "compact",
     icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
     label: (0, _i18n.__)('Previous pattern'),
     onClick: handlePrevious,
     disabled: activeSlide === 0,
     accessibleWhenDisabled: true
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
-  // TODO: Switch to `true` (40px size) if possible
-  , {
-    __next40pxDefaultSize: false,
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    size: "compact",
     icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight,
     label: (0, _i18n.__)('Next pattern'),
     onClick: handleNext,
@@ -69,18 +63,14 @@ const SetupToolbar = ({
   const isCarouselView = viewMode === _constants.VIEWMODES.carousel;
   const displayControls = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "block-editor-block-pattern-setup__display-controls",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
-    // TODO: Switch to `true` (40px size) if possible
-    , {
-      __next40pxDefaultSize: false,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      size: "compact",
       icon: _icons.stretchFullWidth,
       label: (0, _i18n.__)('Carousel view'),
       onClick: () => setViewMode(_constants.VIEWMODES.carousel),
       isPressed: isCarouselView
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
-    // TODO: Switch to `true` (40px size) if possible
-    , {
-      __next40pxDefaultSize: false,
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      size: "compact",
       icon: _icons.grid,
       label: (0, _i18n.__)('Grid view'),
       onClick: () => setViewMode(_constants.VIEWMODES.grid),

package/build/components/block-pattern-setup/setup-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_icons","_constants","_jsxRuntime","Actions","onBlockPatternSelect","jsx","className","children","Button","__next40pxDefaultSize","variant","onClick","__","CarouselNavigation","handlePrevious","handleNext","activeSlide","totalSlides","jsxs","icon","isRTL","chevronRight","chevronLeft","label","disabled","accessibleWhenDisabled","SetupToolbar","viewMode","setViewMode","isCarouselView","VIEWMODES","carousel","displayControls","stretchFullWidth","isPressed","grid","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/setup-toolbar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport {\n\tchevronRight,\n\tchevronLeft,\n\tgrid,\n\tstretchFullWidth,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { VIEWMODES } from './constants';\n\nconst Actions = ( { onBlockPatternSelect } ) => (\n\t<div className=\"block-editor-block-pattern-setup__actions\">\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tvariant=\"primary\"\n\t\t\tonClick={ onBlockPatternSelect }\n\t\t>\n\t\t\t{ __( 'Choose' ) }\n\t\t</Button>\n\t</div>\n);\n\nconst CarouselNavigation = ( {\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n} ) => (\n\t<div className=\"block-editor-block-pattern-setup__navigation\">\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\tlabel={ __( 'Previous pattern' ) }\n\t\t\tonClick={ handlePrevious }\n\t\t\tdisabled={ activeSlide === 0 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\tlabel={ __( 'Next pattern' ) }\n\t\t\tonClick={ handleNext }\n\t\t\tdisabled={ activeSlide === totalSlides - 1 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t</div>\n);\n\nconst SetupToolbar = ( {\n\tviewMode,\n\tsetViewMode,\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n\tonBlockPatternSelect,\n} ) => {\n\tconst isCarouselView = viewMode === VIEWMODES.carousel;\n\tconst displayControls = (\n\t\t<div className=\"block-editor-block-pattern-setup__display-controls\">\n\t\t\t<Button\n\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\ticon={ stretchFullWidth }\n\t\t\t\tlabel={ __( 'Carousel view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.carousel ) }\n\t\t\t\tisPressed={ isCarouselView }\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\ticon={ grid }\n\t\t\t\tlabel={ __( 'Grid view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.grid ) }\n\t\t\t\tisPressed={ viewMode === VIEWMODES.grid }\n\t\t\t/>\n\t\t</div>\n\t);\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__toolbar\">\n\t\t\t{ isCarouselView && (\n\t\t\t\t<CarouselNavigation\n\t\t\t\t\thandlePrevious={ handlePrevious }\n\t\t\t\t\thandleNext={ handleNext }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ totalSlides }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ displayControls }\n\t\t\t{ isCarouselView && (\n\t\t\t\t<Actions onBlockPatternSelect={ onBlockPatternSelect } />\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport default SetupToolbar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_icons","_constants","_jsxRuntime","Actions","onBlockPatternSelect","jsx","className","children","Button","__next40pxDefaultSize","variant","onClick","__","CarouselNavigation","handlePrevious","handleNext","activeSlide","totalSlides","jsxs","size","icon","isRTL","chevronRight","chevronLeft","label","disabled","accessibleWhenDisabled","SetupToolbar","viewMode","setViewMode","isCarouselView","VIEWMODES","carousel","displayControls","stretchFullWidth","isPressed","grid","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/setup-toolbar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport {\n\tchevronRight,\n\tchevronLeft,\n\tgrid,\n\tstretchFullWidth,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { VIEWMODES } from './constants';\n\nconst Actions = ( { onBlockPatternSelect } ) => (\n\t<div className=\"block-editor-block-pattern-setup__actions\">\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tvariant=\"primary\"\n\t\t\tonClick={ onBlockPatternSelect }\n\t\t>\n\t\t\t{ __( 'Choose' ) }\n\t\t</Button>\n\t</div>\n);\n\nconst CarouselNavigation = ( {\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n} ) => (\n\t<div className=\"block-editor-block-pattern-setup__navigation\">\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\tlabel={ __( 'Previous pattern' ) }\n\t\t\tonClick={ handlePrevious }\n\t\t\tdisabled={ activeSlide === 0 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\tlabel={ __( 'Next pattern' ) }\n\t\t\tonClick={ handleNext }\n\t\t\tdisabled={ activeSlide === totalSlides - 1 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t</div>\n);\n\nconst SetupToolbar = ( {\n\tviewMode,\n\tsetViewMode,\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n\tonBlockPatternSelect,\n} ) => {\n\tconst isCarouselView = viewMode === VIEWMODES.carousel;\n\tconst displayControls = (\n\t\t<div className=\"block-editor-block-pattern-setup__display-controls\">\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\ticon={ stretchFullWidth }\n\t\t\t\tlabel={ __( 'Carousel view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.carousel ) }\n\t\t\t\tisPressed={ isCarouselView }\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\ticon={ grid }\n\t\t\t\tlabel={ __( 'Grid view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.grid ) }\n\t\t\t\tisPressed={ viewMode === VIEWMODES.grid }\n\t\t\t/>\n\t\t</div>\n\t);\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__toolbar\">\n\t\t\t{ isCarouselView && (\n\t\t\t\t<CarouselNavigation\n\t\t\t\t\thandlePrevious={ handlePrevious }\n\t\t\t\t\thandleNext={ handleNext }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ totalSlides }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ displayControls }\n\t\t\t{ isCarouselView && (\n\t\t\t\t<Actions onBlockPatternSelect={ onBlockPatternSelect } />\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport default SetupToolbar;\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-patterns-paging/index.js

@@ -33,27 +33,25 @@ function Pagination({
         expanded: false,
         spacing: 1,
         className: "block-editor-patterns__grid-pagination-previous",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
-        // TODO: Switch to `true` (40px size) if possible
-        , {
-          __next40pxDefaultSize: false,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           variant: "tertiary",
           onClick: () => changePage(1),
           disabled: currentPage === 1,
           "aria-label": (0, _i18n.__)('First page'),
+          size: "compact",
           accessibleWhenDisabled: true,
+          className: "block-editor-patterns__grid-pagination-button",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: "\xAB"
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
-        // TODO: Switch to `true` (40px size) if possible
-        , {
-          __next40pxDefaultSize: false,
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           variant: "tertiary",
           onClick: () => changePage(currentPage - 1),
           disabled: currentPage === 1,
           "aria-label": (0, _i18n.__)('Previous page'),
+          size: "compact",
           accessibleWhenDisabled: true,
+          className: "block-editor-patterns__grid-pagination-button",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: "\u2039"
           })
@@ -67,15 +65,14 @@ function Pagination({
         expanded: false,
         spacing: 1,
         className: "block-editor-patterns__grid-pagination-next",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
-        // TODO: Switch to `true` (40px size) if possible
-        , {
-          __next40pxDefaultSize: false,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           variant: "tertiary",
           onClick: () => changePage(currentPage + 1),
           disabled: currentPage === numPages,
           "aria-label": (0, _i18n.__)('Next page'),
+          size: "compact",
           accessibleWhenDisabled: true,
+          className: "block-editor-patterns__grid-pagination-button",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: "\u203A"
           })
@@ -84,8 +81,9 @@ function Pagination({
           onClick: () => changePage(numPages),
           disabled: currentPage === numPages,
           "aria-label": (0, _i18n.__)('Last page'),
-          size: "default",
+          size: "compact",
           accessibleWhenDisabled: true,
+          className: "block-editor-patterns__grid-pagination-button",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: "\xBB"
           })

package/build/components/block-patterns-paging/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_jsxRuntime","Pagination","currentPage","numPages","changePage","totalItems","jsxs","__experimentalVStack","className","children","jsx","__experimentalText","variant","sprintf","_n","__experimentalHStack","expanded","spacing","justify","Button","__next40pxDefaultSize","onClick","disabled","__","accessibleWhenDisabled","_x","size"],"sources":["@wordpress/block-editor/src/components/block-patterns-paging/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\tButton,\n} from '@wordpress/components';\nimport { __, _x, _n, sprintf } from '@wordpress/i18n';\n\nexport default function Pagination( {\n\tcurrentPage,\n\tnumPages,\n\tchangePage,\n\ttotalItems,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-patterns__grid-pagination-wrapper\">\n\t\t\t<Text variant=\"muted\">\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s: Total number of patterns.\n\t\t\t\t\t_n( '%s item', '%s items', totalItems ),\n\t\t\t\t\ttotalItems\n\t\t\t\t) }\n\t\t\t</Text>\n\n\t\t\t{ numPages > 1 && (\n\t\t\t\t<HStack\n\t\t\t\t\texpanded={ false }\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination\"\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-previous\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === 1 }\n\t\t\t\t\t\t\taria-label={ __( 'First page' ) }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>«</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( currentPage - 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === 1 }\n\t\t\t\t\t\t\taria-label={ __( 'Previous page' ) }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>‹</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %1$s: Current page number, %2$s: Total number of pages.\n\t\t\t\t\t\t\t_x( '%1$s of %2$s', 'paging' ),\n\t\t\t\t\t\t\tcurrentPage,\n\t\t\t\t\t\t\tnumPages\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-next\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( currentPage + 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === numPages }\n\t\t\t\t\t\t\taria-label={ __( 'Next page' ) }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>›</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( numPages ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === numPages }\n\t\t\t\t\t\t\taria-label={ __( 'Last page' ) }\n\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>»</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_jsxRuntime","Pagination","currentPage","numPages","changePage","totalItems","jsxs","__experimentalVStack","className","children","jsx","__experimentalText","variant","sprintf","_n","__experimentalHStack","expanded","spacing","justify","Button","onClick","disabled","__","size","accessibleWhenDisabled","_x"],"sources":["@wordpress/block-editor/src/components/block-patterns-paging/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\tButton,\n} from '@wordpress/components';\nimport { __, _x, _n, sprintf } from '@wordpress/i18n';\n\nexport default function Pagination( {\n\tcurrentPage,\n\tnumPages,\n\tchangePage,\n\ttotalItems,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-patterns__grid-pagination-wrapper\">\n\t\t\t<Text variant=\"muted\">\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s: Total number of patterns.\n\t\t\t\t\t_n( '%s item', '%s items', totalItems ),\n\t\t\t\t\ttotalItems\n\t\t\t\t) }\n\t\t\t</Text>\n\n\t\t\t{ numPages > 1 && (\n\t\t\t\t<HStack\n\t\t\t\t\texpanded={ false }\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination\"\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-previous\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === 1 }\n\t\t\t\t\t\t\taria-label={ __( 'First page' ) }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>«</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( currentPage - 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === 1 }\n\t\t\t\t\t\t\taria-label={ __( 'Previous page' ) }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>‹</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %1$s: Current page number, %2$s: Total number of pages.\n\t\t\t\t\t\t\t_x( '%1$s of %2$s', 'paging' ),\n\t\t\t\t\t\t\tcurrentPage,\n\t\t\t\t\t\t\tnumPages\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-next\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( currentPage + 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === numPages }\n\t\t\t\t\t\t\taria-label={ __( 'Next page' ) }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>›</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( numPages ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === numPages }\n\t\t\t\t\t\t\taria-label={ __( 'Last page' ) }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>»</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAMA,IAAAC,KAAA,GAAAD,OAAA;AAAsD,IAAAE,WAAA,GAAAF,OAAA;AATtD;AACA;AACA;;AASe,SAASG,UAAUA,CAAE;EACnCC,WAAW;EACXC,QAAQ;EACRC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,oBACC,IAAAL,WAAA,CAAAM,IAAA,EAACT,WAAA,CAAAU,oBAAM;IAACC,SAAS,EAAC,gDAAgD;IAAAC,QAAA,gBACjE,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAc,kBAAI;MAACC,OAAO,EAAC,OAAO;MAAAH,QAAA,EAClB,IAAAI,aAAO;MACR;MACA,IAAAC,QAAE,EAAE,SAAS,EAAE,UAAU,EAAET,UAAW,CAAC,EACvCA,UACD;IAAC,CACI,CAAC,EAELF,QAAQ,GAAG,CAAC,iBACb,IAAAH,WAAA,CAAAM,IAAA,EAACT,WAAA,CAAAkB,oBAAM;MACNC,QAAQ,EAAG,KAAO;MAClBC,OAAO,EAAG,CAAG;MACbC,OAAO,EAAC,YAAY;MACpBV,SAAS,EAAC,wCAAwC;MAAAC,QAAA,gBAElD,IAAAT,WAAA,CAAAM,IAAA,EAACT,WAAA,CAAAkB,oBAAM;QACNC,QAAQ,EAAG,KAAO;QAClBC,OAAO,EAAG,CAAG;QACbT,SAAS,EAAC,iDAAiD;QAAAC,QAAA,gBAE3D,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAsB,MAAM;UACNP,OAAO,EAAC,UAAU;UAClBQ,OAAO,EAAGA,CAAA,KAAMhB,UAAU,CAAE,CAAE,CAAG;UACjCiB,QAAQ,EAAGnB,WAAW,KAAK,CAAG;UAC9B,cAAa,IAAAoB,QAAE,EAAE,YAAa,CAAG;UACjCC,IAAI,EAAC,SAAS;UACdC,sBAAsB;UACtBhB,SAAS,EAAC,+CAA+C;UAAAC,QAAA,eAEzD,IAAAT,WAAA,CAAAU,GAAA;YAAAD,QAAA,EAAM;UAAC,CAAM;QAAC,CACP,CAAC,eACT,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAsB,MAAM;UACNP,OAAO,EAAC,UAAU;UAClBQ,OAAO,EAAGA,CAAA,KAAMhB,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;UAC/CmB,QAAQ,EAAGnB,WAAW,KAAK,CAAG;UAC9B,cAAa,IAAAoB,QAAE,EAAE,eAAgB,CAAG;UACpCC,IAAI,EAAC,SAAS;UACdC,sBAAsB;UACtBhB,SAAS,EAAC,+CAA+C;UAAAC,QAAA,eAEzD,IAAAT,WAAA,CAAAU,GAAA;YAAAD,QAAA,EAAM;UAAC,CAAM;QAAC,CACP,CAAC;MAAA,CACF,CAAC,eACT,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAc,kBAAI;QAACC,OAAO,EAAC,OAAO;QAAAH,QAAA,EAClB,IAAAI,aAAO;QACR;QACA,IAAAY,QAAE,EAAE,cAAc,EAAE,QAAS,CAAC,EAC9BvB,WAAW,EACXC,QACD;MAAC,CACI,CAAC,eACP,IAAAH,WAAA,CAAAM,IAAA,EAACT,WAAA,CAAAkB,oBAAM;QACNC,QAAQ,EAAG,KAAO;QAClBC,OAAO,EAAG,CAAG;QACbT,SAAS,EAAC,6CAA6C;QAAAC,QAAA,gBAEvD,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAsB,MAAM;UACNP,OAAO,EAAC,UAAU;UAClBQ,OAAO,EAAGA,CAAA,KAAMhB,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;UAC/CmB,QAAQ,EAAGnB,WAAW,KAAKC,QAAU;UACrC,cAAa,IAAAmB,QAAE,EAAE,WAAY,CAAG;UAChCC,IAAI,EAAC,SAAS;UACdC,sBAAsB;UACtBhB,SAAS,EAAC,+CAA+C;UAAAC,QAAA,eAEzD,IAAAT,WAAA,CAAAU,GAAA;YAAAD,QAAA,EAAM;UAAC,CAAM;QAAC,CACP,CAAC,eACT,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAsB,MAAM;UACNP,OAAO,EAAC,UAAU;UAClBQ,OAAO,EAAGA,CAAA,KAAMhB,UAAU,CAAED,QAAS,CAAG;UACxCkB,QAAQ,EAAGnB,WAAW,KAAKC,QAAU;UACrC,cAAa,IAAAmB,QAAE,EAAE,WAAY,CAAG;UAChCC,IAAI,EAAC,SAAS;UACdC,sBAAsB;UACtBhB,SAAS,EAAC,+CAA+C;UAAAC,QAAA,eAEzD,IAAAT,WAAA,CAAAU,GAAA;YAAAD,QAAA,EAAM;UAAC,CAAM;QAAC,CACP,CAAC;MAAA,CACF,CAAC;IAAA,CACF,CACR;EAAA,CACM,CAAC;AAEX","ignoreList":[]}

package/build/components/block-quick-navigation/index.js

@@ -58,10 +58,8 @@ function BlockQuickNavigationItem({
   const {
     selectBlock
   } = (0, _data.useDispatch)(_store.store);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
-  // TODO: Switch to `true` (40px size) if possible
-  , {
-    __next40pxDefaultSize: false,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    __next40pxDefaultSize: true,
     isPressed: isSelected,
     onClick: async () => {
       await selectBlock(clientId);

package/build/components/block-quick-navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_store","_blockIcon","_interopRequireDefault","_useBlockDisplayInformation","_useBlockDisplayTitle","_jsxRuntime","BlockQuickNavigation","clientIds","onSelect","length","jsx","__experimentalVStack","spacing","children","map","clientId","BlockQuickNavigationItem","blockInformation","useBlockDisplayInformation","blockTitle","useBlockDisplayTitle","context","isSelected","useSelect","select","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","selectBlock","useDispatch","Button","__next40pxDefaultSize","isPressed","onClick","jsxs","Flex","FlexItem","default","icon","FlexBlock","style","textAlign","__experimentalTruncate"],"sources":["@wordpress/block-editor/src/components/block-quick-navigation/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalVStack as VStack,\n\t__experimentalTruncate as Truncate,\n\tFlex,\n\tFlexBlock,\n\tFlexItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\n\nexport default function BlockQuickNavigation( { clientIds, onSelect } ) {\n\tif ( ! clientIds.length ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<VStack spacing={ 1 }>\n\t\t\t{ clientIds.map( ( clientId ) => (\n\t\t\t\t<BlockQuickNavigationItem\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\tkey={ clientId }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</VStack>\n\t);\n}\n\nfunction BlockQuickNavigationItem( { clientId, onSelect } ) {\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\tconst blockTitle = useBlockDisplayTitle( {\n\t\tclientId,\n\t\tcontext: 'list-view',\n\t} );\n\tconst { isSelected } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isBlockSelected, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\tisSelected:\n\t\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\t\thasSelectedInnerBlock( clientId, /* deep: */ true ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tisPressed={ isSelected }\n\t\t\tonClick={ async () => {\n\t\t\t\tawait selectBlock( clientId );\n\t\t\t\tif ( onSelect ) {\n\t\t\t\t\tonSelect( clientId );\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<BlockIcon icon={ blockInformation?.icon } />\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexBlock style={ { textAlign: 'left' } }>\n\t\t\t\t\t<Truncate>{ blockTitle }</Truncate>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAYA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,2BAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,qBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAA0E,IAAAO,WAAA,GAAAP,OAAA;AAnB1E;AACA;AACA;;AAWA;AACA;AACA;;AAMe,SAASQ,oBAAoBA,CAAE;EAAEC,SAAS;EAAEC;AAAS,CAAC,EAAG;EACvE,IAAK,CAAED,SAAS,CAACE,MAAM,EAAG;IACzB,OAAO,IAAI;EACZ;EACA,oBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAAY,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,EAClBN,SAAS,CAACO,GAAG,CAAIC,QAAQ,iBAC1B,IAAAV,WAAA,CAAAK,GAAA,EAACM,wBAAwB;MACxBR,QAAQ,EAAGA,QAAU;MAErBO,QAAQ,EAAGA;IAAU,GADfA,QAEN,CACA;EAAC,CACI,CAAC;AAEX;AAEA,SAASC,wBAAwBA,CAAE;EAAED,QAAQ;EAAEP;AAAS,CAAC,EAAG;EAC3D,MAAMS,gBAAgB,GAAG,IAAAC,mCAA0B,EAAEH,QAAS,CAAC;EAC/D,MAAMI,UAAU,GAAG,IAAAC,6BAAoB,EAAE;IACxCL,QAAQ;IACRM,OAAO,EAAE;EACV,CAAE,CAAC;EACH,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IAAM;IACb,MAAM;MAAEC,eAAe;MAAEC;IAAsB,CAAC,GAC/CF,MAAM,CAAEG,YAAiB,CAAC;IAE3B,OAAO;MACNL,UAAU,EACTG,eAAe,CAAEV,QAAS,CAAC,IAC3BW,qBAAqB,CAAEX,QAAQ,EAAE,WAAY,IAAK;IACpD,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEa;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAiB,CAAC;EAEvD,oBACC,IAAAtB,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAA+B;EACA;EAAA;IACAC,qBAAqB,EAAG,KAAO;IAC/BC,SAAS,EAAGV,UAAY;IACxBW,OAAO,EAAG,MAAAA,CAAA,KAAY;MACrB,MAAML,WAAW,CAAEb,QAAS,CAAC;MAC7B,IAAKP,QAAQ,EAAG;QACfA,QAAQ,CAAEO,QAAS,CAAC;MACrB;IACD,CAAG;IAAAF,QAAA,eAEH,IAAAR,WAAA,CAAA6B,IAAA,EAACnC,WAAA,CAAAoC,IAAI;MAAAtB,QAAA,gBACJ,IAAAR,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAAqC,QAAQ;QAAAvB,QAAA,eACR,IAAAR,WAAA,CAAAK,GAAA,EAACT,UAAA,CAAAoC,OAAS;UAACC,IAAI,EAAGrB,gBAAgB,EAAEqB;QAAM,CAAE;MAAC,CACpC,CAAC,eACX,IAAAjC,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAAwC,SAAS;QAACC,KAAK,EAAG;UAAEC,SAAS,EAAE;QAAO,CAAG;QAAA5B,QAAA,eACzC,IAAAR,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAA2C,sBAAQ;UAAA7B,QAAA,EAAGM;QAAU,CAAY;MAAC,CACzB,CAAC;IAAA,CACP;EAAC,CACA,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_data","require","_components","_store","_blockIcon","_interopRequireDefault","_useBlockDisplayInformation","_useBlockDisplayTitle","_jsxRuntime","BlockQuickNavigation","clientIds","onSelect","length","jsx","__experimentalVStack","spacing","children","map","clientId","BlockQuickNavigationItem","blockInformation","useBlockDisplayInformation","blockTitle","useBlockDisplayTitle","context","isSelected","useSelect","select","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","selectBlock","useDispatch","Button","__next40pxDefaultSize","isPressed","onClick","jsxs","Flex","FlexItem","default","icon","FlexBlock","style","textAlign","__experimentalTruncate"],"sources":["@wordpress/block-editor/src/components/block-quick-navigation/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalVStack as VStack,\n\t__experimentalTruncate as Truncate,\n\tFlex,\n\tFlexBlock,\n\tFlexItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\n\nexport default function BlockQuickNavigation( { clientIds, onSelect } ) {\n\tif ( ! clientIds.length ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<VStack spacing={ 1 }>\n\t\t\t{ clientIds.map( ( clientId ) => (\n\t\t\t\t<BlockQuickNavigationItem\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\tkey={ clientId }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</VStack>\n\t);\n}\n\nfunction BlockQuickNavigationItem( { clientId, onSelect } ) {\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\tconst blockTitle = useBlockDisplayTitle( {\n\t\tclientId,\n\t\tcontext: 'list-view',\n\t} );\n\tconst { isSelected } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isBlockSelected, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\tisSelected:\n\t\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\t\thasSelectedInnerBlock( clientId, /* deep: */ true ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tisPressed={ isSelected }\n\t\t\tonClick={ async () => {\n\t\t\t\tawait selectBlock( clientId );\n\t\t\t\tif ( onSelect ) {\n\t\t\t\t\tonSelect( clientId );\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<BlockIcon icon={ blockInformation?.icon } />\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexBlock style={ { textAlign: 'left' } }>\n\t\t\t\t\t<Truncate>{ blockTitle }</Truncate>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAYA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,2BAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,qBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAA0E,IAAAO,WAAA,GAAAP,OAAA;AAnB1E;AACA;AACA;;AAWA;AACA;AACA;;AAMe,SAASQ,oBAAoBA,CAAE;EAAEC,SAAS;EAAEC;AAAS,CAAC,EAAG;EACvE,IAAK,CAAED,SAAS,CAACE,MAAM,EAAG;IACzB,OAAO,IAAI;EACZ;EACA,oBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAAY,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,EAClBN,SAAS,CAACO,GAAG,CAAIC,QAAQ,iBAC1B,IAAAV,WAAA,CAAAK,GAAA,EAACM,wBAAwB;MACxBR,QAAQ,EAAGA,QAAU;MAErBO,QAAQ,EAAGA;IAAU,GADfA,QAEN,CACA;EAAC,CACI,CAAC;AAEX;AAEA,SAASC,wBAAwBA,CAAE;EAAED,QAAQ;EAAEP;AAAS,CAAC,EAAG;EAC3D,MAAMS,gBAAgB,GAAG,IAAAC,mCAA0B,EAAEH,QAAS,CAAC;EAC/D,MAAMI,UAAU,GAAG,IAAAC,6BAAoB,EAAE;IACxCL,QAAQ;IACRM,OAAO,EAAE;EACV,CAAE,CAAC;EACH,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IAAM;IACb,MAAM;MAAEC,eAAe;MAAEC;IAAsB,CAAC,GAC/CF,MAAM,CAAEG,YAAiB,CAAC;IAE3B,OAAO;MACNL,UAAU,EACTG,eAAe,CAAEV,QAAS,CAAC,IAC3BW,qBAAqB,CAAEX,QAAQ,EAAE,WAAY,IAAK;IACpD,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEa;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAiB,CAAC;EAEvD,oBACC,IAAAtB,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAA+B,MAAM;IACNC,qBAAqB;IACrBC,SAAS,EAAGV,UAAY;IACxBW,OAAO,EAAG,MAAAA,CAAA,KAAY;MACrB,MAAML,WAAW,CAAEb,QAAS,CAAC;MAC7B,IAAKP,QAAQ,EAAG;QACfA,QAAQ,CAAEO,QAAS,CAAC;MACrB;IACD,CAAG;IAAAF,QAAA,eAEH,IAAAR,WAAA,CAAA6B,IAAA,EAACnC,WAAA,CAAAoC,IAAI;MAAAtB,QAAA,gBACJ,IAAAR,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAAqC,QAAQ;QAAAvB,QAAA,eACR,IAAAR,WAAA,CAAAK,GAAA,EAACT,UAAA,CAAAoC,OAAS;UAACC,IAAI,EAAGrB,gBAAgB,EAAEqB;QAAM,CAAE;MAAC,CACpC,CAAC,eACX,IAAAjC,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAAwC,SAAS;QAACC,KAAK,EAAG;UAAEC,SAAS,EAAE;QAAO,CAAG;QAAA5B,QAAA,eACzC,IAAAR,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAA2C,sBAAQ;UAAA7B,QAAA,EAAGM;QAAU,CAAY;MAAC,CACzB,CAAC;IAAA,CACP;EAAC,CACA,CAAC;AAEX","ignoreList":[]}