@wordpress/block-editor 17.0.0 → 17.1.0

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-list/index.js"],
+  "sources": ["../../../src/components/block-list/index.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport {\n\tAsyncModeProvider,\n\tuseSelect,\n\tuseDispatch,\n\tuseRegistry,\n} from '@wordpress/data';\nimport { useMergeRefs, useDebounce } from '@wordpress/compose';\nimport {\n\tcreateContext,\n\tuseEffect,\n\tuseMemo,\n\tuseCallback,\n} from '@wordpress/element';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\nimport BlockListBlock from './block';\nimport BlockListAppender from '../block-list-appender';\nimport { useInBetweenInserter } from './use-in-between-inserter';\nimport { store as blockEditorStore } from '../../store';\nimport { LayoutProvider, defaultLayout } from './layout';\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\nimport { useInnerBlocksProps } from '../inner-blocks';\nimport {\n\tBlockEditContextProvider,\n\tDEFAULT_BLOCK_EDIT_CONTEXT,\n} from '../block-edit/context';\nimport { ZoomOutSeparator } from './zoom-out-separator';\nimport { unlock } from '../../lock-unlock';\n\nexport const IntersectionObserver = createContext();\nIntersectionObserver.displayName = 'IntersectionObserverContext';\n\nconst pendingBlockVisibilityUpdatesPerRegistry = new WeakMap();\nconst delayedBlockVisibilityDebounceOptions = {\n\ttrailing: true,\n};\n\nfunction Root( { className, ...settings } ) {\n\tconst {\n\t\tisOutlineMode,\n\t\tisFocusMode,\n\t\tisPreviewMode,\n\t\teditedContentOnlySection,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSettings,\n\t\t\tisTyping,\n\t\t\thasBlockSpotlight,\n\t\t\tgetEditedContentOnlySection,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst {\n\t\t\toutlineMode,\n\t\t\tfocusMode,\n\t\t\tisPreviewMode: _isPreviewMode,\n\t\t} = getSettings();\n\t\treturn {\n\t\t\tisOutlineMode: outlineMode && ! isTyping(),\n\t\t\t/*\n\t\t\t * Spotlight fades everything but the block being worked on, which\n\t\t\t * has nothing to offer a canvas that cannot be edited — a preview\n\t\t\t * would just render most of its content faded out.\n\t\t\t */\n\t\t\tisFocusMode:\n\t\t\t\t! _isPreviewMode && ( focusMode || hasBlockSpotlight() ),\n\t\t\tisPreviewMode: _isPreviewMode,\n\t\t\teditedContentOnlySection: getEditedContentOnlySection(),\n\t\t};\n\t}, [] );\n\tconst registry = useRegistry();\n\tconst { setBlockVisibility } = useDispatch( blockEditorStore );\n\n\tconst delayedBlockVisibilityUpdates = useDebounce(\n\t\tuseCallback( () => {\n\t\t\tconst updates = {};\n\t\t\tpendingBlockVisibilityUpdatesPerRegistry\n\t\t\t\t.get( registry )\n\t\t\t\t.forEach( ( [ id, isIntersecting ] ) => {\n\t\t\t\t\tupdates[ id ] = isIntersecting;\n\t\t\t\t} );\n\t\t\tsetBlockVisibility( updates );\n\t\t}, [ registry ] ),\n\t\t300,\n\t\tdelayedBlockVisibilityDebounceOptions\n\t);\n\tconst intersectionObserver = useMemo( () => {\n\t\tconst { IntersectionObserver: Observer } = window;\n\n\t\tif ( ! Observer ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn new Observer( ( entries ) => {\n\t\t\tif ( ! pendingBlockVisibilityUpdatesPerRegistry.get( registry ) ) {\n\t\t\t\tpendingBlockVisibilityUpdatesPerRegistry.set( registry, [] );\n\t\t\t}\n\t\t\tfor ( const entry of entries ) {\n\t\t\t\tconst clientId = entry.target.getAttribute( 'data-block' );\n\t\t\t\tpendingBlockVisibilityUpdatesPerRegistry\n\t\t\t\t\t.get( registry )\n\t\t\t\t\t.push( [ clientId, entry.isIntersecting ] );\n\t\t\t}\n\t\t\tdelayedBlockVisibilityUpdates();\n\t\t} );\n\t}, [] );\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tref: useMergeRefs( [\n\t\t\t\tuseBlockSelectionClearer(),\n\t\t\t\tuseInBetweenInserter(),\n\t\t\t] ),\n\t\t\tclassName: clsx( 'is-root-container', className, {\n\t\t\t\t'is-outline-mode': isOutlineMode,\n\t\t\t\t'is-focus-mode': isFocusMode,\n\t\t\t\t'is-preview-mode': isPreviewMode,\n\t\t\t} ),\n\t\t},\n\t\tsettings\n\t);\n\treturn (\n\t\t<IntersectionObserver.Provider value={ intersectionObserver }>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t\t{ !! editedContentOnlySection && (\n\t\t\t\t<StopEditingContentOnlySectionOnOutsideSelect\n\t\t\t\t\tclientId={ editedContentOnlySection }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</IntersectionObserver.Provider>\n\t);\n}\n\nfunction StopEditingContentOnlySectionOnOutsideSelect( { clientId } ) {\n\tconst { stopEditingContentOnlySection } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\tconst isBlockOrDescendantSelected = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tisBlockSelected,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tgetBlockSelectionStart,\n\t\t\t} = select( blockEditorStore );\n\t\t\treturn (\n\t\t\t\t! getBlockSelectionStart() ||\n\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\thasSelectedInnerBlock( clientId, true )\n\t\t\t);\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tuseEffect( () => {\n\t\tif ( ! isBlockOrDescendantSelected ) {\n\t\t\tstopEditingContentOnlySection();\n\t\t}\n\t}, [ isBlockOrDescendantSelected, stopEditingContentOnlySection ] );\n\n\treturn null;\n}\n\nexport default function BlockList( settings ) {\n\treturn (\n\t\t<BlockEditContextProvider value={ DEFAULT_BLOCK_EDIT_CONTEXT }>\n\t\t\t<Root { ...settings } />\n\t\t</BlockEditContextProvider>\n\t);\n}\n\nconst EMPTY_ARRAY = [];\nconst EMPTY_SET = new Set();\n\nfunction Items( {\n\tplaceholder,\n\trootClientId,\n\trenderAppender: CustomAppender,\n\t__experimentalAppenderTagName,\n\tlayout = defaultLayout,\n} ) {\n\t// Avoid passing CustomAppender to useSelect because it could be a new\n\t// function on every render.\n\tconst hasAppender = CustomAppender !== false;\n\tconst hasCustomAppender = !! CustomAppender;\n\tconst {\n\t\torder,\n\t\tisZoomOut,\n\t\tselectedBlocks,\n\t\tvisibleBlocks,\n\t\tghostBlockName,\n\t\tghostBlockAttributes,\n\t\tshouldRenderAppender,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetSettings,\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\t__unstableGetVisibleBlocks,\n\t\t\t\tgetTemplateLock,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t\tisSectionBlock,\n\t\t\t\tisContainerInsertableToInContentOnlyMode,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockListSettings,\n\t\t\t\tisZoomOut: _isZoomOut,\n\t\t\t\tcanInsertBlockType,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\n\t\t\tconst _order = getBlockOrder( rootClientId );\n\n\t\t\tif ( getSettings().isPreviewMode ) {\n\t\t\t\treturn {\n\t\t\t\t\torder: _order,\n\t\t\t\t\tselectedBlocks: EMPTY_ARRAY,\n\t\t\t\t\tvisibleBlocks: EMPTY_SET,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// A block list without a custom appender renders a ghost of\n\t\t\t// the container's default block while empty: a real block\n\t\t\t// object rendered before it exists in the store, inserted on\n\t\t\t// entry.\n\t\t\tlet _ghostBlockName;\n\t\t\tlet _ghostBlockAttributes;\n\t\t\tif ( hasAppender && ! hasCustomAppender && ! _order.length ) {\n\t\t\t\tconst defaultBlock = ( rootClientId\n\t\t\t\t\t? getBlockListSettings( rootClientId )?.defaultBlock\n\t\t\t\t\t: undefined ) ?? { name: getDefaultBlockName() };\n\t\t\t\tif (\n\t\t\t\t\tdefaultBlock.name &&\n\t\t\t\t\tcanInsertBlockType( defaultBlock.name, rootClientId )\n\t\t\t\t) {\n\t\t\t\t\t_ghostBlockName = defaultBlock.name;\n\t\t\t\t\t_ghostBlockAttributes = defaultBlock.attributes;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst selectedBlockClientIds = getSelectedBlockClientIds();\n\t\t\tconst selectedBlockClientId = selectedBlockClientIds[ 0 ];\n\t\t\tconst showRootAppender =\n\t\t\t\t! rootClientId &&\n\t\t\t\t! selectedBlockClientId &&\n\t\t\t\t( ! _order.length ||\n\t\t\t\t\t! canInsertBlockType(\n\t\t\t\t\t\tgetDefaultBlockName(),\n\t\t\t\t\t\trootClientId\n\t\t\t\t\t) );\n\t\t\tconst hasSelectedRoot = !! (\n\t\t\t\trootClientId &&\n\t\t\t\tselectedBlockClientId &&\n\t\t\t\trootClientId === selectedBlockClientId\n\t\t\t);\n\n\t\t\tconst templateLock = getTemplateLock( rootClientId );\n\n\t\t\tconst appenderAllowed =\n\t\t\t\t( ! isSectionBlock( rootClientId ) ||\n\t\t\t\t\tisContainerInsertableToInContentOnlyMode(\n\t\t\t\t\t\tgetBlockName( selectedBlockClientId ),\n\t\t\t\t\t\trootClientId\n\t\t\t\t\t) ) &&\n\t\t\t\tgetBlockEditingMode( rootClientId ) !== 'disabled' &&\n\t\t\t\t( ! templateLock || templateLock === 'contentOnly' ) &&\n\t\t\t\thasAppender &&\n\t\t\t\t! _isZoomOut();\n\n\t\t\treturn {\n\t\t\t\torder: _order,\n\t\t\t\tselectedBlocks: selectedBlockClientIds,\n\t\t\t\tvisibleBlocks: __unstableGetVisibleBlocks(),\n\t\t\t\tisZoomOut: _isZoomOut(),\n\t\t\t\t// The ghost is the block list's empty state: it renders\n\t\t\t\t// whether or not the block is selected.\n\t\t\t\tghostBlockName: appenderAllowed ? _ghostBlockName : undefined,\n\t\t\t\tghostBlockAttributes: _ghostBlockAttributes,\n\t\t\t\tshouldRenderAppender:\n\t\t\t\t\tappenderAllowed &&\n\t\t\t\t\t( hasCustomAppender ||\n\t\t\t\t\t\thasSelectedRoot ||\n\t\t\t\t\t\tshowRootAppender ),\n\t\t\t};\n\t\t},\n\t\t[ rootClientId, hasAppender, hasCustomAppender ]\n\t);\n\n\t// One ghost per empty period: regenerated when the list empties again\n\t// or the default block changes, stable in between so the client ID,\n\t// and with it the DOM, survives materialization.\n\tconst ghostBlock = useMemo(\n\t\t() =>\n\t\t\tghostBlockName\n\t\t\t\t? createBlock( ghostBlockName, ghostBlockAttributes )\n\t\t\t\t: null,\n\t\t[ ghostBlockName, ghostBlockAttributes ]\n\t);\n\tconst showGhost = !! ghostBlock;\n\n\tconst items = showGhost ? [ ...order, ghostBlock.clientId ] : order;\n\n\treturn (\n\t\t<LayoutProvider value={ layout }>\n\t\t\t{ items.map( ( clientId ) => (\n\t\t\t\t<AsyncModeProvider\n\t\t\t\t\tkey={ clientId }\n\t\t\t\t\tvalue={\n\t\t\t\t\t\t// Only provide data asynchronously if the block is\n\t\t\t\t\t\t// not visible, not selected, and not the ghost.\n\t\t\t\t\t\tclientId !== ghostBlock?.clientId &&\n\t\t\t\t\t\t! visibleBlocks.has( clientId ) &&\n\t\t\t\t\t\t! selectedBlocks.includes( clientId )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ isZoomOut && (\n\t\t\t\t\t\t<ZoomOutSeparator\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tposition=\"top\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<BlockListBlock\n\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\tghostBlock={\n\t\t\t\t\t\t\tclientId === ghostBlock?.clientId\n\t\t\t\t\t\t\t\t? ghostBlock\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t{ isZoomOut && (\n\t\t\t\t\t\t<ZoomOutSeparator\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</AsyncModeProvider>\n\t\t\t) ) }\n\t\t\t{ order.length < 1 && placeholder }\n\t\t\t{ shouldRenderAppender && ! showGhost && (\n\t\t\t\t<BlockListAppender\n\t\t\t\t\ttagName={ __experimentalAppenderTagName }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\tCustomAppender={ CustomAppender }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</LayoutProvider>\n\t);\n}\n\nexport function BlockListItems( props ) {\n\t// This component needs to always be synchronous as it's the one changing\n\t// the async mode depending on the block selection.\n\treturn (\n\t\t<AsyncModeProvider value={ false }>\n\t\t\t<Items { ...props } />\n\t\t</AsyncModeProvider>\n\t);\n}\n"],
   "mappings": "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",
   "names": ["blockEditorStore", "clsx", "BlockListBlock", "BlockListAppender"]

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

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-list/layout.js
+// packages/block-editor/src/components/block-list/layout.jsx
 var layout_exports = {};
 __export(layout_exports, {
   LayoutProvider: () => LayoutProvider,

package/build/components/block-list/layout.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-list/layout.js"],
+  "sources": ["../../../src/components/block-list/layout.jsx"],
   "sourcesContent": ["import { createContext, useContext } from '@wordpress/element';\nimport { getLayoutType } from '../../layouts';\nimport { useSettings } from '../use-settings';\n\nexport const defaultLayout = { type: 'default' };\n\nconst Layout = createContext( defaultLayout );\nLayout.displayName = 'BlockLayoutContext';\n\n/**\n * Allows to define the layout.\n */\nexport const LayoutProvider = Layout.Provider;\n\n/**\n * React hook used to retrieve the layout config.\n */\nexport function useLayout() {\n\treturn useContext( Layout );\n}\n\nexport function LayoutStyle( { layout = {}, css, ...props } ) {\n\tconst layoutType = getLayoutType( layout.type );\n\tconst [ blockGapSupport ] = useSettings( 'spacing.blockGap' );\n\tconst hasBlockGapSupport = blockGapSupport !== null;\n\n\tif ( layoutType ) {\n\t\tif ( css ) {\n\t\t\treturn <style>{ css }</style>;\n\t\t}\n\t\tconst layoutStyle = layoutType.getLayoutStyle?.( {\n\t\t\thasBlockGapSupport,\n\t\t\tlayout,\n\t\t\t...props,\n\t\t} );\n\t\tif ( layoutStyle ) {\n\t\t\treturn <style>{ layoutStyle }</style>;\n\t\t}\n\t}\n\treturn null;\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA0C;AAC1C,qBAA8B;AAC9B,0BAA4B;AA0BlB;AAxBH,IAAM,gBAAgB,EAAE,MAAM,UAAU;AAE/C,IAAM,aAAS,8BAAe,aAAc;AAC5C,OAAO,cAAc;AAKd,IAAM,iBAAiB,OAAO;AAK9B,SAAS,YAAY;AAC3B,aAAO,2BAAY,MAAO;AAC3B;AAEO,SAAS,YAAa,EAAE,SAAS,CAAC,GAAG,KAAK,GAAG,MAAM,GAAI;AAC7D,QAAM,iBAAa,8BAAe,OAAO,IAAK;AAC9C,QAAM,CAAE,eAAgB,QAAI,iCAAa,kBAAmB;AAC5D,QAAM,qBAAqB,oBAAoB;AAE/C,MAAK,YAAa;AACjB,QAAK,KAAM;AACV,aAAO,4CAAC,WAAQ,eAAK;AAAA,IACtB;AACA,UAAM,cAAc,WAAW,iBAAkB;AAAA,MAChD;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACJ,CAAE;AACF,QAAK,aAAc;AAClB,aAAO,4CAAC,WAAQ,uBAAa;AAAA,IAC9B;AAAA,EACD;AACA,SAAO;AACR;",
   "names": []

package/build/components/block-list/subdirectory-icon.cjs

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-list/subdirectory-icon.js
+// packages/block-editor/src/components/block-list/subdirectory-icon.jsx
 var subdirectory_icon_exports = {};
 __export(subdirectory_icon_exports, {
   default: () => subdirectory_icon_default

package/build/components/block-list/subdirectory-icon.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-list/subdirectory-icon.js"],
+  "sources": ["../../../src/components/block-list/subdirectory-icon.jsx"],
   "sourcesContent": ["import { SVG, Path } from '@wordpress/components';\nimport { isRTL } from '@wordpress/i18n';\n\nconst Subdirectory = ( { ...extraProps } ) => (\n\t<SVG\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth={ 14 }\n\t\theight={ 14 }\n\t\tviewBox=\"0 0 20 20\"\n\t\t{ ...extraProps }\n\t>\n\t\t<Path\n\t\t\td=\"M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z\"\n\t\t\ttransform={ isRTL() ? 'scale(-1,1) translate(-20,0)' : undefined }\n\t\t/>\n\t</SVG>\n);\nexport default Subdirectory;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA0B;AAC1B,kBAAsB;AAUpB;AARF,IAAM,eAAe,CAAE,EAAE,GAAG,WAAW,MACtC;AAAA,EAAC;AAAA;AAAA,IACA,OAAM;AAAA,IACN,OAAQ;AAAA,IACR,QAAS;AAAA,IACT,SAAQ;AAAA,IACN,GAAG;AAAA,IAEL;AAAA,MAAC;AAAA;AAAA,QACA,GAAE;AAAA,QACF,eAAY,mBAAM,IAAI,iCAAiC;AAAA;AAAA,IACxD;AAAA;AACD;AAED,IAAO,4BAAQ;",
   "names": []

package/build/components/block-list/use-block-props/use-is-hovered.cjs

@@ -32,15 +32,26 @@ function useIsHovered({ isEnabled = true } = {}) {
       if (!isEnabled) {
         return;
       }
+      let timeoutId;
       function listener(event) {
         if (event.defaultPrevented) {
           return;
         }
         event.preventDefault();
-        node.classList.toggle(
-          "is-hovered",
-          event.type === "mouseover"
-        );
+        const isHovered = event.type === "mouseover";
+        node.classList.toggle("is-hovered", isHovered);
+        clearTimeout(timeoutId);
+        if (!isHovered) {
+          node.classList.remove("is-hovered-draggable");
+          return;
+        }
+        const { target } = event;
+        timeoutId = setTimeout(() => {
+          node.classList.toggle(
+            "is-hovered-draggable",
+            !target.isContentEditable
+          );
+        }, 100);
       }
       const unsubscribeOut = subscribeDelegatedListener(
         node,
@@ -55,7 +66,9 @@ function useIsHovered({ isEnabled = true } = {}) {
       return () => {
         unsubscribeOut();
         unsubscribeOver();
+        clearTimeout(timeoutId);
         node.classList.remove("is-hovered");
+        node.classList.remove("is-hovered-draggable");
       };
     },
     [isEnabled]

package/build/components/block-list/use-block-props/use-is-hovered.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/block-list/use-block-props/use-is-hovered.js"],
-  "sourcesContent": ["import {\n\tuseRefEffect,\n\tprivateApis as composePrivateApis,\n} from '@wordpress/compose';\nimport { unlock } from '../../../lock-unlock';\n\nconst { subscribeDelegatedListener } = unlock( composePrivateApis );\n\n/**\n * Adds `is-hovered` class when the block is hovered and in navigation or\n * outline mode.\n *\n * @param {Object}  options                  Options object.\n * @param {boolean} [options.isEnabled=true] Whether to enable hover detection.\n *\n * @return {Function} Ref callback.\n */\nexport function useIsHovered( { isEnabled = true } = {} ) {\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction listener( event ) {\n\t\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tevent.preventDefault();\n\t\t\t\tnode.classList.toggle(\n\t\t\t\t\t'is-hovered',\n\t\t\t\t\tevent.type === 'mouseover'\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst unsubscribeOut = subscribeDelegatedListener(\n\t\t\t\tnode,\n\t\t\t\t'mouseout',\n\t\t\t\tlistener\n\t\t\t);\n\t\t\tconst unsubscribeOver = subscribeDelegatedListener(\n\t\t\t\tnode,\n\t\t\t\t'mouseover',\n\t\t\t\tlistener\n\t\t\t);\n\n\t\t\treturn () => {\n\t\t\t\tunsubscribeOut();\n\t\t\t\tunsubscribeOver();\n\n\t\t\t\t// Remove class in case it lingers.\n\t\t\t\tnode.classList.remove( 'is-hovered' );\n\t\t\t};\n\t\t},\n\t\t[ isEnabled ]\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAGO;AACP,yBAAuB;AAEvB,IAAM,EAAE,2BAA2B,QAAI,2BAAQ,eAAAA,WAAmB;AAW3D,SAAS,aAAc,EAAE,YAAY,KAAK,IAAI,CAAC,GAAI;AACzD,aAAO;AAAA,IACN,CAAE,SAAU;AACX,UAAK,CAAE,WAAY;AAClB;AAAA,MACD;AAEA,eAAS,SAAU,OAAQ;AAC1B,YAAK,MAAM,kBAAmB;AAC7B;AAAA,QACD;AACA,cAAM,eAAe;AACrB,aAAK,UAAU;AAAA,UACd;AAAA,UACA,MAAM,SAAS;AAAA,QAChB;AAAA,MACD;AAEA,YAAM,iBAAiB;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACA,YAAM,kBAAkB;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAEA,aAAO,MAAM;AACZ,uBAAe;AACf,wBAAgB;AAGhB,aAAK,UAAU,OAAQ,YAAa;AAAA,MACrC;AAAA,IACD;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AACD;",
+  "sourcesContent": ["import {\n\tuseRefEffect,\n\tprivateApis as composePrivateApis,\n} from '@wordpress/compose';\nimport { unlock } from '../../../lock-unlock';\n\nconst { subscribeDelegatedListener } = unlock( composePrivateApis );\n\n/**\n * Adds `is-hovered` class when the block is hovered and in navigation or\n * outline mode.\n *\n * @param {Object}  options                  Options object.\n * @param {boolean} [options.isEnabled=true] Whether to enable hover detection.\n *\n * @return {Function} Ref callback.\n */\nexport function useIsHovered( { isEnabled = true } = {} ) {\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet timeoutId;\n\n\t\t\tfunction listener( event ) {\n\t\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst isHovered = event.type === 'mouseover';\n\t\t\t\tnode.classList.toggle( 'is-hovered', isHovered );\n\t\t\t\tclearTimeout( timeoutId );\n\t\t\t\tif ( ! isHovered ) {\n\t\t\t\t\tnode.classList.remove( 'is-hovered-draggable' );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t// Over editable content the cursor is a text cursor, not\n\t\t\t\t// the grab cursor, so no drag would start there. The\n\t\t\t\t// editability check can force a style recalculation, so it\n\t\t\t\t// runs once the pointer rests, which also keeps the\n\t\t\t\t// outline from flashing on blocks it merely passes over.\n\t\t\t\tconst { target } = event;\n\t\t\t\ttimeoutId = setTimeout( () => {\n\t\t\t\t\tnode.classList.toggle(\n\t\t\t\t\t\t'is-hovered-draggable',\n\t\t\t\t\t\t! target.isContentEditable\n\t\t\t\t\t);\n\t\t\t\t}, 100 );\n\t\t\t}\n\n\t\t\tconst unsubscribeOut = subscribeDelegatedListener(\n\t\t\t\tnode,\n\t\t\t\t'mouseout',\n\t\t\t\tlistener\n\t\t\t);\n\t\t\tconst unsubscribeOver = subscribeDelegatedListener(\n\t\t\t\tnode,\n\t\t\t\t'mouseover',\n\t\t\t\tlistener\n\t\t\t);\n\n\t\t\treturn () => {\n\t\t\t\tunsubscribeOut();\n\t\t\t\tunsubscribeOver();\n\n\t\t\t\t// Remove classes in case they linger.\n\t\t\t\tclearTimeout( timeoutId );\n\t\t\t\tnode.classList.remove( 'is-hovered' );\n\t\t\t\tnode.classList.remove( 'is-hovered-draggable' );\n\t\t\t};\n\t\t},\n\t\t[ isEnabled ]\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAGO;AACP,yBAAuB;AAEvB,IAAM,EAAE,2BAA2B,QAAI,2BAAQ,eAAAA,WAAmB;AAW3D,SAAS,aAAc,EAAE,YAAY,KAAK,IAAI,CAAC,GAAI;AACzD,aAAO;AAAA,IACN,CAAE,SAAU;AACX,UAAK,CAAE,WAAY;AAClB;AAAA,MACD;AAEA,UAAI;AAEJ,eAAS,SAAU,OAAQ;AAC1B,YAAK,MAAM,kBAAmB;AAC7B;AAAA,QACD;AACA,cAAM,eAAe;AACrB,cAAM,YAAY,MAAM,SAAS;AACjC,aAAK,UAAU,OAAQ,cAAc,SAAU;AAC/C,qBAAc,SAAU;AACxB,YAAK,CAAE,WAAY;AAClB,eAAK,UAAU,OAAQ,sBAAuB;AAC9C;AAAA,QACD;AAMA,cAAM,EAAE,OAAO,IAAI;AACnB,oBAAY,WAAY,MAAM;AAC7B,eAAK,UAAU;AAAA,YACd;AAAA,YACA,CAAE,OAAO;AAAA,UACV;AAAA,QACD,GAAG,GAAI;AAAA,MACR;AAEA,YAAM,iBAAiB;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACA,YAAM,kBAAkB;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAEA,aAAO,MAAM;AACZ,uBAAe;AACf,wBAAgB;AAGhB,qBAAc,SAAU;AACxB,aAAK,UAAU,OAAQ,YAAa;AACpC,aAAK,UAAU,OAAQ,sBAAuB;AAAA,MAC/C;AAAA,IACD;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AACD;",
   "names": ["composePrivateApis"]
 }

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

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-list/zoom-out-separator.js
+// packages/block-editor/src/components/block-list/zoom-out-separator.jsx
 var zoom_out_separator_exports = {};
 __export(zoom_out_separator_exports, {
   ZoomOutSeparator: () => ZoomOutSeparator

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-list/zoom-out-separator.js"],
+  "sources": ["../../../src/components/block-list/zoom-out-separator.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\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';\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\tblocksBeingDragged,\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\tgetDraggedBlockClientIds,\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\tinsertionPoint: getInsertionPoint(),\n\t\t\tblockInsertionPoint: getBlockInsertionPoint(),\n\t\t\tblockInsertionPointVisible: isBlockInsertionPointVisible(),\n\t\t\tblocksBeingDragged: getDraggedBlockClientIds(),\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\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\tconst blockBeingDraggedClientId = blocksBeingDragged[ 0 ];\n\n\tconst isCurrentBlockBeingDragged = blocksBeingDragged.includes( clientId );\n\n\tconst blockBeingDraggedIndex = sectionClientIds.indexOf(\n\t\tblockBeingDraggedClientId\n\t);\n\tconst blockBeingDraggedPreviousSiblingClientId =\n\t\tblockBeingDraggedIndex > 0\n\t\t\t? sectionClientIds[ blockBeingDraggedIndex - 1 ]\n\t\t\t: null;\n\n\tconst isCurrentBlockPreviousSiblingOfBlockBeingDragged =\n\t\tblockBeingDraggedPreviousSiblingClientId === clientId;\n\n\t// The separators are visually top/bottom of the block, but in actual fact\n\t// the \"top\" separator is the \"bottom\" separator of the previous block.\n\t// Therefore, this logic hides the separator if the current block is being dragged\n\t// or if the current block is the previous sibling of the block being dragged.\n\tif (\n\t\tisCurrentBlockBeingDragged ||\n\t\tisCurrentBlockPreviousSiblingOfBlockBeingDragged\n\t) {\n\t\tisVisible = false;\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\tinitial={ { height: 0 } }\n\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t// Use a height equal to that of the zoom out frame size.\n\t\t\t\t\t\theight: 'calc(1 * var(--wp-block-editor-iframe-zoom-out-frame-size) / var(--wp-block-editor-iframe-zoom-out-scale)',\n\t\t\t\t\t} }\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: isReducedMotion ? 0 : 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, transition: { delay: -0.125 } } }\n\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\tease: 'linear',\n\t\t\t\t\t\t\tduration: 0.1,\n\t\t\t\t\t\t\tdelay: 0.125,\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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",
   "names": ["blockEditorStore", "AnimatePresence", "motion", "clsx"]

package/build/components/block-list-appender/index.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-list-appender/index.js
+// packages/block-editor/src/components/block-list-appender/index.jsx
 var block_list_appender_exports = {};
 __export(block_list_appender_exports, {
   default: () => BlockListAppender

package/build/components/block-list-appender/index.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-list-appender/index.js"],
+  "sources": ["../../../src/components/block-list-appender/index.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport { useSelect } from '@wordpress/data';\nimport { getDefaultBlockName } from '@wordpress/blocks';\nimport DefaultBlockAppender from '../default-block-appender';\nimport ButtonBlockAppender from '../button-block-appender';\nimport { store as blockEditorStore } from '../../store';\n\nfunction DefaultAppender( { rootClientId } ) {\n\tconst canInsertDefaultBlock = useSelect( ( select ) =>\n\t\tselect( blockEditorStore ).canInsertBlockType(\n\t\t\tgetDefaultBlockName(),\n\t\t\trootClientId\n\t\t)\n\t);\n\n\tif ( canInsertDefaultBlock ) {\n\t\t// Render the default block appender if the context supports use\n\t\t// of the default appender.\n\t\treturn <DefaultBlockAppender rootClientId={ rootClientId } />;\n\t}\n\n\t// Fallback in case the default block can't be inserted.\n\treturn (\n\t\t<ButtonBlockAppender\n\t\t\trootClientId={ rootClientId }\n\t\t\tclassName=\"block-list-appender__toggle\"\n\t\t/>\n\t);\n}\n\nexport default function BlockListAppender( {\n\trootClientId,\n\tCustomAppender,\n\tclassName,\n\ttagName: TagName = 'div',\n} ) {\n\tconst isDragOver = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockInsertionPoint,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetBlockCount,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\t\t// Ideally we should also check for `isDragging` but currently it\n\t\t\t// requires a lot more setup. We can revisit this once we refactor\n\t\t\t// the DnD utility hooks.\n\t\t\treturn (\n\t\t\t\tisBlockInsertionPointVisible() &&\n\t\t\t\trootClientId === insertionPoint?.rootClientId &&\n\t\t\t\tgetBlockCount( rootClientId ) === 0\n\t\t\t);\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\treturn (\n\t\t<TagName\n\t\t\t// A `tabIndex` is used on the wrapping `div` element in order to\n\t\t\t// force a focus event to occur when an appender `button` element\n\t\t\t// is clicked. In some browsers (Firefox, Safari), button clicks do\n\t\t\t// not emit a focus event, which could cause this event to propagate\n\t\t\t// unexpectedly. The `tabIndex` ensures that the interaction is\n\t\t\t// captured as a focus, without also adding an extra tab stop.\n\t\t\t//\n\t\t\t// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus\n\t\t\ttabIndex={ -1 }\n\t\t\tclassName={ clsx( 'block-list-appender wp-block', className, {\n\t\t\t\t'is-drag-over': isDragOver,\n\t\t\t} ) }\n\t\t\t// Needed in case the whole editor is content editable (for multi\n\t\t\t// selection). It fixes an edge case where ArrowDown and ArrowRight\n\t\t\t// should collapse the selection to the end of that selection and\n\t\t\t// not into the appender.\n\t\t\tcontentEditable={ false }\n\t\t\t// The appender exists to let you add the first Paragraph before\n\t\t\t// any is inserted. To that end, this appender should visually be\n\t\t\t// presented as a block. That means theme CSS should style it as if\n\t\t\t// it were an empty paragraph block. That means a `wp-block` class to\n\t\t\t// ensure the width is correct, and a [data-block] attribute to ensure\n\t\t\t// the correct margin is applied, especially for classic themes which\n\t\t\t// have commonly targeted that attribute for margins.\n\t\t\tdata-block\n\t\t>\n\t\t\t{ CustomAppender ? (\n\t\t\t\t<CustomAppender />\n\t\t\t) : (\n\t\t\t\t<DefaultAppender rootClientId={ rootClientId } />\n\t\t\t) }\n\t\t</TagName>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,kBAA0B;AAC1B,oBAAoC;AACpC,oCAAiC;AACjC,mCAAgC;AAChC,mBAA0C;AAajC;AAXT,SAAS,gBAAiB,EAAE,aAAa,GAAI;AAC5C,QAAM,4BAAwB;AAAA,IAAW,CAAE,WAC1C,OAAQ,aAAAA,KAAiB,EAAE;AAAA,UAC1B,mCAAoB;AAAA,MACpB;AAAA,IACD;AAAA,EACD;AAEA,MAAK,uBAAwB;AAG5B,WAAO,4CAAC,8BAAAC,SAAA,EAAqB,cAA8B;AAAA,EAC5D;AAGA,SACC;AAAA,IAAC,6BAAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA,WAAU;AAAA;AAAA,EACX;AAEF;AAEe,SAAR,kBAAoC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,UAAU;AACpB,GAAI;AACH,QAAM,iBAAa;AAAA,IAClB,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,aAAAF,KAAiB;AAC7B,YAAM,iBAAiB,uBAAuB;AAI9C,aACC,6BAA6B,KAC7B,iBAAiB,gBAAgB,gBACjC,cAAe,YAAa,MAAM;AAAA,IAEpC;AAAA,IACA,CAAE,YAAa;AAAA,EAChB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MASA,UAAW;AAAA,MACX,eAAY,YAAAG,SAAM,gCAAgC,WAAW;AAAA,QAC5D,gBAAgB;AAAA,MACjB,CAAE;AAAA,MAKF,iBAAkB;AAAA,MAQlB,cAAU;AAAA,MAER,2BACD,4CAAC,kBAAe,IAEhB,4CAAC,mBAAgB,cAA8B;AAAA;AAAA,EAEjD;AAEF;",
   "names": ["blockEditorStore", "DefaultBlockAppender", "ButtonBlockAppender", "clsx"]

package/build/components/block-lock/menu-item.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-lock/menu-item.js
+// packages/block-editor/src/components/block-lock/menu-item.jsx
 var menu_item_exports = {};
 __export(menu_item_exports, {
   default: () => BlockLockMenuItem

package/build/components/block-lock/menu-item.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-lock/menu-item.js"],
+  "sources": ["../../../src/components/block-lock/menu-item.jsx"],
   "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { useReducer } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { lockOutline, unlock } from '@wordpress/icons';\nimport useBlockLock from './use-block-lock';\nimport BlockLockModal from './modal';\n\nexport default function BlockLockMenuItem( { clientId } ) {\n\tconst { canLock, isLocked } = useBlockLock( clientId );\n\n\tconst [ isModalOpen, toggleModal ] = useReducer(\n\t\t( isActive ) => ! isActive,\n\t\tfalse\n\t);\n\n\tif ( ! canLock ) {\n\t\treturn null;\n\t}\n\n\tconst label = isLocked ? __( 'Unlock' ) : __( 'Lock' );\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ isLocked ? unlock : lockOutline }\n\t\t\t\tonClick={ toggleModal }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<BlockLockModal clientId={ clientId } onClose={ toggleModal } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmB;AACnB,qBAA2B;AAC3B,wBAAyB;AACzB,mBAAoC;AACpC,4BAAyB;AACzB,mBAA2B;AAiBzB;AAfa,SAAR,kBAAoC,EAAE,SAAS,GAAI;AACzD,QAAM,EAAE,SAAS,SAAS,QAAI,sBAAAA,SAAc,QAAS;AAErD,QAAM,CAAE,aAAa,WAAY,QAAI;AAAA,IACpC,CAAE,aAAc,CAAE;AAAA,IAClB;AAAA,EACD;AAEA,MAAK,CAAE,SAAU;AAChB,WAAO;AAAA,EACR;AAEA,QAAM,QAAQ,eAAW,gBAAI,QAAS,QAAI,gBAAI,MAAO;AAErD,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,MAAO,WAAW,sBAAS;AAAA,QAC3B,SAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,iBAAc;AAAA,QAEZ;AAAA;AAAA,IACH;AAAA,IACE,eACD,4CAAC,aAAAC,SAAA,EAAe,UAAsB,SAAU,aAAc;AAAA,KAEhE;AAEF;",
   "names": ["useBlockLock", "BlockLockModal"]

package/build/components/block-lock/modal.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-lock/modal.js
+// packages/block-editor/src/components/block-lock/modal.jsx
 var modal_exports = {};
 __export(modal_exports, {
   default: () => BlockLockModal

package/build/components/block-lock/modal.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-lock/modal.js"],
+  "sources": ["../../../src/components/block-lock/modal.jsx"],
   "sourcesContent": ["import { __, sprintf } from '@wordpress/i18n';\nimport { useEffect, useState } from '@wordpress/element';\nimport {\n\tButton,\n\tCheckboxControl,\n\tFlex,\n\tFlexItem,\n\tIcon as WCIcon,\n\tModal,\n\tToggleControl,\n} from '@wordpress/components';\nimport { lock as lockIcon, unlock as unlockIcon } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { getBlockType } from '@wordpress/blocks';\nimport useBlockLock from './use-block-lock';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport { store as blockEditorStore } from '../../store';\n\n// Entity based blocks which allow edit locking\nconst ALLOWS_EDIT_LOCKING = [ 'core/navigation' ];\n\nfunction getTemplateLockValue( lock ) {\n\t// Prevents all operations.\n\tif ( lock.remove && lock.move ) {\n\t\treturn 'all';\n\t}\n\n\t// Prevents inserting or removing blocks, but allows moving existing blocks.\n\tif ( lock.remove && ! lock.move ) {\n\t\treturn 'insert';\n\t}\n\n\treturn false;\n}\n\nexport default function BlockLockModal( { clientId, onClose } ) {\n\tconst [ lock, setLock ] = useState( { move: false, remove: false } );\n\tconst { isEditLocked, isMoveLocked, isRemoveLocked } =\n\t\tuseBlockLock( clientId );\n\tconst { allowsEditLocking, templateLock, hasTemplateLock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst blockName = getBlockName( clientId );\n\t\t\tconst blockType = getBlockType( blockName );\n\n\t\t\treturn {\n\t\t\t\tallowsEditLocking: ALLOWS_EDIT_LOCKING.includes( blockName ),\n\t\t\t\ttemplateLock: getBlockAttributes( clientId )?.templateLock,\n\t\t\t\thasTemplateLock: !! blockType?.attributes?.templateLock,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst [ applyTemplateLock, setApplyTemplateLock ] = useState(\n\t\t!! templateLock\n\t);\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\n\tuseEffect( () => {\n\t\tsetLock( {\n\t\t\tmove: isMoveLocked,\n\t\t\tremove: isRemoveLocked,\n\t\t\t...( allowsEditLocking ? { edit: isEditLocked } : {} ),\n\t\t} );\n\t}, [ isEditLocked, isMoveLocked, isRemoveLocked, allowsEditLocking ] );\n\n\tconst isAllChecked = Object.values( lock ).every( Boolean );\n\tconst isMixed = Object.values( lock ).some( Boolean ) && ! isAllChecked;\n\n\tconst isDirty =\n\t\tlock.move !== isMoveLocked ||\n\t\tlock.remove !== isRemoveLocked ||\n\t\t( allowsEditLocking && lock.edit !== isEditLocked ) ||\n\t\t( hasTemplateLock && applyTemplateLock !== !! templateLock );\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ sprintf(\n\t\t\t\t/* translators: %s: Name of the block. */\n\t\t\t\t__( 'Lock %s' ),\n\t\t\t\tblockInformation.title\n\t\t\t) }\n\t\t\toverlayClassName=\"block-editor-block-lock-modal\"\n\t\t\tonRequestClose={ onClose }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( ! isDirty ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tupdateBlockAttributes( [ clientId ], {\n\t\t\t\t\t\tlock,\n\t\t\t\t\t\ttemplateLock: applyTemplateLock\n\t\t\t\t\t\t\t? getTemplateLockValue( lock )\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t} );\n\t\t\t\t\tonClose();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<fieldset className=\"block-editor-block-lock-modal__options\">\n\t\t\t\t\t<legend>\n\t\t\t\t\t\t{ __( 'Select the features you want to lock' ) }\n\t\t\t\t\t</legend>\n\t\t\t\t\t{ /*\n\t\t\t\t\t * Disable reason: The `list` ARIA role is redundant but\n\t\t\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t\t\t */\n\t\t\t\t\t/* eslint-disable jsx-a11y/no-redundant-roles */ }\n\t\t\t\t\t<ul\n\t\t\t\t\t\trole=\"list\"\n\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__checklist\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__options-all\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Lock all' ) }\n\t\t\t\t\t\t\t\tchecked={ isAllChecked }\n\t\t\t\t\t\t\t\tindeterminate={ isMixed }\n\t\t\t\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\t\t\t\tsetLock( {\n\t\t\t\t\t\t\t\t\t\tmove: newValue,\n\t\t\t\t\t\t\t\t\t\tremove: newValue,\n\t\t\t\t\t\t\t\t\t\t...( allowsEditLocking\n\t\t\t\t\t\t\t\t\t\t\t? { edit: newValue }\n\t\t\t\t\t\t\t\t\t\t\t: {} ),\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\trole=\"list\"\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__checklist\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ allowsEditLocking && (\n\t\t\t\t\t\t\t\t\t<li className=\"block-editor-block-lock-modal__checklist-item\">\n\t\t\t\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Lock editing' ) }\n\t\t\t\t\t\t\t\t\t\t\tchecked={ !! lock.edit }\n\t\t\t\t\t\t\t\t\t\t\tonChange={ ( edit ) =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetLock( ( prevLock ) => ( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...prevLock,\n\t\t\t\t\t\t\t\t\t\t\t\t\tedit,\n\t\t\t\t\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<WCIcon\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__lock-icon\"\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tlock.edit\n\t\t\t\t\t\t\t\t\t\t\t\t\t? lockIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t: unlockIcon\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<li className=\"block-editor-block-lock-modal__checklist-item\">\n\t\t\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Lock movement' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ lock.move }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( move ) =>\n\t\t\t\t\t\t\t\t\t\t\tsetLock( ( prevLock ) => ( {\n\t\t\t\t\t\t\t\t\t\t\t\t...prevLock,\n\t\t\t\t\t\t\t\t\t\t\t\tmove,\n\t\t\t\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<WCIcon\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__lock-icon\"\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tlock.move ? lockIcon : unlockIcon\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li className=\"block-editor-block-lock-modal__checklist-item\">\n\t\t\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Lock removal' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ lock.remove }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( remove ) =>\n\t\t\t\t\t\t\t\t\t\t\tsetLock( ( prevLock ) => ( {\n\t\t\t\t\t\t\t\t\t\t\t\t...prevLock,\n\t\t\t\t\t\t\t\t\t\t\t\tremove,\n\t\t\t\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<WCIcon\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__lock-icon\"\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tlock.remove ? lockIcon : unlockIcon\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t{ /* eslint-enable jsx-a11y/no-redundant-roles */ }\n\t\t\t\t\t{ hasTemplateLock && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__template-lock\"\n\t\t\t\t\t\t\tlabel={ __( 'Apply to all blocks inside' ) }\n\t\t\t\t\t\t\tchecked={ applyTemplateLock }\n\t\t\t\t\t\t\tdisabled={ lock.move && ! lock.remove }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetApplyTemplateLock( ! applyTemplateLock )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</fieldset>\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"block-editor-block-lock-modal__actions\"\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\texpanded={ false }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\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={ onClose }\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tdisabled={ ! isDirty }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA4B;AAC5B,qBAAoC;AACpC,wBAQO;AACP,mBAAuD;AACvD,kBAAuC;AACvC,oBAA6B;AAC7B,4BAAyB;AACzB,2CAAuC;AACvC,mBAA0C;AAwFrC;AArFL,IAAM,sBAAsB,CAAE,iBAAkB;AAEhD,SAAS,qBAAsB,MAAO;AAErC,MAAK,KAAK,UAAU,KAAK,MAAO;AAC/B,WAAO;AAAA,EACR;AAGA,MAAK,KAAK,UAAU,CAAE,KAAK,MAAO;AACjC,WAAO;AAAA,EACR;AAEA,SAAO;AACR;AAEe,SAAR,eAAiC,EAAE,UAAU,QAAQ,GAAI;AAC/D,QAAM,CAAE,MAAM,OAAQ,QAAI,yBAAU,EAAE,MAAM,OAAO,QAAQ,MAAM,CAAE;AACnE,QAAM,EAAE,cAAc,cAAc,eAAe,QAClD,sBAAAA,SAAc,QAAS;AACxB,QAAM,EAAE,mBAAmB,cAAc,gBAAgB,QAAI;AAAA,IAC5D,CAAE,WAAY;AACb,YAAM,EAAE,cAAc,mBAAmB,IACxC,OAAQ,aAAAC,KAAiB;AAC1B,YAAM,YAAY,aAAc,QAAS;AACzC,YAAM,gBAAY,4BAAc,SAAU;AAE1C,aAAO;AAAA,QACN,mBAAmB,oBAAoB,SAAU,SAAU;AAAA,QAC3D,cAAc,mBAAoB,QAAS,GAAG;AAAA,QAC9C,iBAAiB,CAAC,CAAE,WAAW,YAAY;AAAA,MAC5C;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,CAAE,mBAAmB,oBAAqB,QAAI;AAAA,IACnD,CAAC,CAAE;AAAA,EACJ;AACA,QAAM,EAAE,sBAAsB,QAAI,yBAAa,aAAAA,KAAiB;AAChE,QAAM,uBAAmB,qCAAAC,SAA4B,QAAS;AAE9D,gCAAW,MAAM;AAChB,YAAS;AAAA,MACR,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,GAAK,oBAAoB,EAAE,MAAM,aAAa,IAAI,CAAC;AAAA,IACpD,CAAE;AAAA,EACH,GAAG,CAAE,cAAc,cAAc,gBAAgB,iBAAkB,CAAE;AAErE,QAAM,eAAe,OAAO,OAAQ,IAAK,EAAE,MAAO,OAAQ;AAC1D,QAAM,UAAU,OAAO,OAAQ,IAAK,EAAE,KAAM,OAAQ,KAAK,CAAE;AAE3D,QAAM,UACL,KAAK,SAAS,gBACd,KAAK,WAAW,kBACd,qBAAqB,KAAK,SAAS,gBACnC,mBAAmB,sBAAsB,CAAC,CAAE;AAE/C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAQ;AAAA;AAAA,YAEP,gBAAI,SAAU;AAAA,QACd,iBAAiB;AAAA,MAClB;AAAA,MACA,kBAAiB;AAAA,MACjB,gBAAiB;AAAA,MACjB,MAAK;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACA,UAAW,CAAE,UAAW;AACvB,kBAAM,eAAe;AACrB,gBAAK,CAAE,SAAU;AAChB;AAAA,YACD;AACA,kCAAuB,CAAE,QAAS,GAAG;AAAA,cACpC;AAAA,cACA,cAAc,oBACX,qBAAsB,IAAK,IAC3B;AAAA,YACJ,CAAE;AACF,oBAAQ;AAAA,UACT;AAAA,UAEA;AAAA,yDAAC,cAAS,WAAU,0CACnB;AAAA,0DAAC,YACE,8BAAI,sCAAuC,GAC9C;AAAA,cAMA;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAK;AAAA,kBACL,WAAU;AAAA,kBAEV,uDAAC,QACA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACA,WAAU;AAAA,wBACV,WAAQ,gBAAI,UAAW;AAAA,wBACvB,SAAU;AAAA,wBACV,eAAgB;AAAA,wBAChB,UAAW,CAAE,aACZ,QAAS;AAAA,0BACR,MAAM;AAAA,0BACN,QAAQ;AAAA,0BACR,GAAK,oBACF,EAAE,MAAM,SAAS,IACjB,CAAC;AAAA,wBACL,CAAE;AAAA;AAAA,oBAEJ;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACA,MAAK;AAAA,wBACL,WAAU;AAAA,wBAER;AAAA,+CACD,6CAAC,QAAG,WAAU,iDACb;AAAA;AAAA,8BAAC;AAAA;AAAA,gCACA,WAAQ,gBAAI,cAAe;AAAA,gCAC3B,SAAU,CAAC,CAAE,KAAK;AAAA,gCAClB,UAAW,CAAE,SACZ,QAAS,CAAE,cAAgB;AAAA,kCAC1B,GAAG;AAAA,kCACH;AAAA,gCACD,EAAI;AAAA;AAAA,4BAEN;AAAA,4BACA;AAAA,8BAAC,kBAAAC;AAAA,8BAAA;AAAA,gCACA,WAAU;AAAA,gCACV,MACC,KAAK,OACF,aAAAC,OACA,aAAAC;AAAA;AAAA,4BAEL;AAAA,6BACD;AAAA,0BAED,6CAAC,QAAG,WAAU,iDACb;AAAA;AAAA,8BAAC;AAAA;AAAA,gCACA,WAAQ,gBAAI,eAAgB;AAAA,gCAC5B,SAAU,KAAK;AAAA,gCACf,UAAW,CAAE,SACZ,QAAS,CAAE,cAAgB;AAAA,kCAC1B,GAAG;AAAA,kCACH;AAAA,gCACD,EAAI;AAAA;AAAA,4BAEN;AAAA,4BACA;AAAA,8BAAC,kBAAAF;AAAA,8BAAA;AAAA,gCACA,WAAU;AAAA,gCACV,MACC,KAAK,OAAO,aAAAC,OAAW,aAAAC;AAAA;AAAA,4BAEzB;AAAA,6BACD;AAAA,0BACA,6CAAC,QAAG,WAAU,iDACb;AAAA;AAAA,8BAAC;AAAA;AAAA,gCACA,WAAQ,gBAAI,cAAe;AAAA,gCAC3B,SAAU,KAAK;AAAA,gCACf,UAAW,CAAE,WACZ,QAAS,CAAE,cAAgB;AAAA,kCAC1B,GAAG;AAAA,kCACH;AAAA,gCACD,EAAI;AAAA;AAAA,4BAEN;AAAA,4BACA;AAAA,8BAAC,kBAAAF;AAAA,8BAAA;AAAA,gCACA,WAAU;AAAA,gCACV,MACC,KAAK,SAAS,aAAAC,OAAW,aAAAC;AAAA;AAAA,4BAE3B;AAAA,6BACD;AAAA;AAAA;AAAA,oBACD;AAAA,qBACD;AAAA;AAAA,cACD;AAAA,cAEE,mBACD;AAAA,gBAAC;AAAA;AAAA,kBACA,WAAU;AAAA,kBACV,WAAQ,gBAAI,4BAA6B;AAAA,kBACzC,SAAU;AAAA,kBACV,UAAW,KAAK,QAAQ,CAAE,KAAK;AAAA,kBAC/B,UAAW,MACV,qBAAsB,CAAE,iBAAkB;AAAA;AAAA,cAE5C;AAAA,eAEF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,UAAW;AAAA,gBAEX;AAAA,8DAAC,8BACA;AAAA,oBAAC;AAAA;AAAA,sBACA,SAAQ;AAAA,sBACR,SAAU;AAAA,sBACV,uBAAqB;AAAA,sBAEnB,8BAAI,QAAS;AAAA;AAAA,kBAChB,GACD;AAAA,kBACA,4CAAC,8BACA;AAAA,oBAAC;AAAA;AAAA,sBACA,SAAQ;AAAA,sBACR,MAAK;AAAA,sBACL,UAAW,CAAE;AAAA,sBACb,wBAAsB;AAAA,sBACtB,uBAAqB;AAAA,sBAEnB,8BAAI,OAAQ;AAAA;AAAA,kBACf,GACD;AAAA;AAAA;AAAA,YACD;AAAA;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
   "names": ["useBlockLock", "blockEditorStore", "useBlockDisplayInformation", "WCIcon", "lockIcon", "unlockIcon"]

package/build/components/block-lock/toolbar.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-lock/toolbar.js
+// packages/block-editor/src/components/block-lock/toolbar.jsx
 var toolbar_exports = {};
 __export(toolbar_exports, {
   default: () => BlockLockToolbar

package/build/components/block-lock/toolbar.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-lock/toolbar.js"],
+  "sources": ["../../../src/components/block-lock/toolbar.jsx"],
   "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useReducer, useRef, useEffect } from '@wordpress/element';\nimport { lock, unlock } from '@wordpress/icons';\nimport BlockLockModal from './modal';\nimport useBlockLock from './use-block-lock';\n\nexport default function BlockLockToolbar( { clientId } ) {\n\tconst { canLock, isLocked } = useBlockLock( clientId );\n\n\tconst [ isModalOpen, toggleModal ] = useReducer(\n\t\t( isActive ) => ! isActive,\n\t\tfalse\n\t);\n\n\tconst hasLockButtonShownRef = useRef( false );\n\n\t// If the block lock button has been shown, we don't want to remove it\n\t// from the toolbar until the toolbar is rendered again without it.\n\t// Removing it beforehand can cause focus loss issues, such as when\n\t// unlocking the block from the modal. It needs to return focus from\n\t// whence it came, and to do that, we need to leave the button in the toolbar.\n\tuseEffect( () => {\n\t\tif ( isLocked ) {\n\t\t\thasLockButtonShownRef.current = true;\n\t\t}\n\t}, [ isLocked ] );\n\n\tif ( ! isLocked && ! hasLockButtonShownRef.current ) {\n\t\treturn null;\n\t}\n\n\tlet label = isLocked ? __( 'Unlock' ) : __( 'Lock' );\n\n\tif ( ! canLock && isLocked ) {\n\t\tlabel = __( 'Locked' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarGroup className=\"block-editor-block-lock-toolbar\">\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tdisabled={ ! canLock }\n\t\t\t\t\ticon={ isLocked ? lock : unlock }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonClick={ toggleModal }\n\t\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<BlockLockModal clientId={ clientId } onClose={ toggleModal } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmB;AACnB,wBAA4C;AAC5C,qBAA8C;AAC9C,mBAA6B;AAC7B,mBAA2B;AAC3B,4BAAyB;AAkCvB;AAhCa,SAAR,iBAAmC,EAAE,SAAS,GAAI;AACxD,QAAM,EAAE,SAAS,SAAS,QAAI,sBAAAA,SAAc,QAAS;AAErD,QAAM,CAAE,aAAa,WAAY,QAAI;AAAA,IACpC,CAAE,aAAc,CAAE;AAAA,IAClB;AAAA,EACD;AAEA,QAAM,4BAAwB,uBAAQ,KAAM;AAO5C,gCAAW,MAAM;AAChB,QAAK,UAAW;AACf,4BAAsB,UAAU;AAAA,IACjC;AAAA,EACD,GAAG,CAAE,QAAS,CAAE;AAEhB,MAAK,CAAE,YAAY,CAAE,sBAAsB,SAAU;AACpD,WAAO;AAAA,EACR;AAEA,MAAI,QAAQ,eAAW,gBAAI,QAAS,QAAI,gBAAI,MAAO;AAEnD,MAAK,CAAE,WAAW,UAAW;AAC5B,gBAAQ,gBAAI,QAAS;AAAA,EACtB;AAEA,SACC,4EACC;AAAA,gDAAC,kCAAa,WAAU,mCACvB;AAAA,MAAC;AAAA;AAAA,QACA,UAAW,CAAE;AAAA,QACb,MAAO,WAAW,oBAAO;AAAA,QACzB;AAAA,QACA,SAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,iBAAc;AAAA;AAAA,IACf,GACD;AAAA,IACE,eACD,4CAAC,aAAAC,SAAA,EAAe,UAAsB,SAAU,aAAc;AAAA,KAEhE;AAEF;",
   "names": ["useBlockLock", "BlockLockModal"]

package/build/components/block-manager/category.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-manager/category.js
+// packages/block-editor/src/components/block-manager/category.jsx
 var category_exports = {};
 __export(category_exports, {
   default: () => category_default

package/build/components/block-manager/category.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-manager/category.js"],
+  "sources": ["../../../src/components/block-manager/category.jsx"],
   "sourcesContent": ["import { useCallback } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { CheckboxControl } from '@wordpress/components';\nimport BlockTypesChecklist from './checklist';\n\nfunction BlockManagerCategory( {\n\ttitle,\n\tblockTypes,\n\tselectedBlockTypes,\n\tonChange,\n} ) {\n\tconst instanceId = useInstanceId( BlockManagerCategory );\n\n\tconst toggleVisible = useCallback(\n\t\t( blockType, nextIsChecked ) => {\n\t\t\tif ( nextIsChecked ) {\n\t\t\t\tonChange( [ ...selectedBlockTypes, blockType ] );\n\t\t\t} else {\n\t\t\t\tonChange(\n\t\t\t\t\tselectedBlockTypes.filter(\n\t\t\t\t\t\t( { name } ) => name !== blockType.name\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ selectedBlockTypes, onChange ]\n\t);\n\n\tconst toggleAllVisible = useCallback(\n\t\t( nextIsChecked ) => {\n\t\t\tif ( nextIsChecked ) {\n\t\t\t\tonChange( [\n\t\t\t\t\t...selectedBlockTypes,\n\t\t\t\t\t...blockTypes.filter(\n\t\t\t\t\t\t( blockType ) =>\n\t\t\t\t\t\t\t! selectedBlockTypes.find(\n\t\t\t\t\t\t\t\t( { name } ) => name === blockType.name\n\t\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t] );\n\t\t\t} else {\n\t\t\t\tonChange(\n\t\t\t\t\tselectedBlockTypes.filter(\n\t\t\t\t\t\t( selectedBlockType ) =>\n\t\t\t\t\t\t\t! blockTypes.find(\n\t\t\t\t\t\t\t\t( { name } ) => name === selectedBlockType.name\n\t\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ blockTypes, selectedBlockTypes, onChange ]\n\t);\n\n\tif ( ! blockTypes.length ) {\n\t\treturn null;\n\t}\n\n\tconst checkedBlockNames = blockTypes\n\t\t.map( ( { name } ) => name )\n\t\t.filter( ( type ) =>\n\t\t\t( selectedBlockTypes ?? [] ).some(\n\t\t\t\t( selectedBlockType ) => selectedBlockType.name === type\n\t\t\t)\n\t\t);\n\n\tconst titleId = 'block-editor-block-manager__category-title-' + instanceId;\n\n\tconst isAllChecked = checkedBlockNames.length === blockTypes.length;\n\tconst isIndeterminate = ! isAllChecked && checkedBlockNames.length > 0;\n\n\treturn (\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\taria-labelledby={ titleId }\n\t\t\tclassName=\"block-editor-block-manager__category\"\n\t\t>\n\t\t\t<CheckboxControl\n\t\t\t\tchecked={ isAllChecked }\n\t\t\t\tonChange={ toggleAllVisible }\n\t\t\t\tclassName=\"block-editor-block-manager__category-title\"\n\t\t\t\tindeterminate={ isIndeterminate }\n\t\t\t\tlabel={ <span id={ titleId }>{ title }</span> }\n\t\t\t/>\n\t\t\t<BlockTypesChecklist\n\t\t\t\tblockTypes={ blockTypes }\n\t\t\t\tvalue={ checkedBlockNames }\n\t\t\t\tonItemChange={ toggleVisible }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default BlockManagerCategory;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA4B;AAC5B,qBAA8B;AAC9B,wBAAgC;AAChC,uBAAgC;AAqE9B;AAnEF,SAAS,qBAAsB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,iBAAa,8BAAe,oBAAqB;AAEvD,QAAM,oBAAgB;AAAA,IACrB,CAAE,WAAW,kBAAmB;AAC/B,UAAK,eAAgB;AACpB,iBAAU,CAAE,GAAG,oBAAoB,SAAU,CAAE;AAAA,MAChD,OAAO;AACN;AAAA,UACC,mBAAmB;AAAA,YAClB,CAAE,EAAE,KAAK,MAAO,SAAS,UAAU;AAAA,UACpC;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,oBAAoB,QAAS;AAAA,EAChC;AAEA,QAAM,uBAAmB;AAAA,IACxB,CAAE,kBAAmB;AACpB,UAAK,eAAgB;AACpB,iBAAU;AAAA,UACT,GAAG;AAAA,UACH,GAAG,WAAW;AAAA,YACb,CAAE,cACD,CAAE,mBAAmB;AAAA,cACpB,CAAE,EAAE,KAAK,MAAO,SAAS,UAAU;AAAA,YACpC;AAAA,UACF;AAAA,QACD,CAAE;AAAA,MACH,OAAO;AACN;AAAA,UACC,mBAAmB;AAAA,YAClB,CAAE,sBACD,CAAE,WAAW;AAAA,cACZ,CAAE,EAAE,KAAK,MAAO,SAAS,kBAAkB;AAAA,YAC5C;AAAA,UACF;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,YAAY,oBAAoB,QAAS;AAAA,EAC5C;AAEA,MAAK,CAAE,WAAW,QAAS;AAC1B,WAAO;AAAA,EACR;AAEA,QAAM,oBAAoB,WACxB,IAAK,CAAE,EAAE,KAAK,MAAO,IAAK,EAC1B;AAAA,IAAQ,CAAE,UACR,sBAAsB,CAAC,GAAI;AAAA,MAC5B,CAAE,sBAAuB,kBAAkB,SAAS;AAAA,IACrD;AAAA,EACD;AAED,QAAM,UAAU,gDAAgD;AAEhE,QAAM,eAAe,kBAAkB,WAAW,WAAW;AAC7D,QAAM,kBAAkB,CAAE,gBAAgB,kBAAkB,SAAS;AAErE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,mBAAkB;AAAA,MAClB,WAAU;AAAA,MAEV;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,SAAU;AAAA,YACV,UAAW;AAAA,YACX,WAAU;AAAA,YACV,eAAgB;AAAA,YAChB,OAAQ,4CAAC,UAAK,IAAK,SAAY,iBAAO;AAAA;AAAA,QACvC;AAAA,QACA;AAAA,UAAC,iBAAAA;AAAA,UAAA;AAAA,YACA;AAAA,YACA,OAAQ;AAAA,YACR,cAAe;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,mBAAQ;",
   "names": ["BlockTypesChecklist"]

package/build/components/block-manager/checklist.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-manager/checklist.js
+// packages/block-editor/src/components/block-manager/checklist.jsx
 var checklist_exports = {};
 __export(checklist_exports, {
   default: () => checklist_default

package/build/components/block-manager/checklist.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-manager/checklist.js"],
+  "sources": ["../../../src/components/block-manager/checklist.jsx"],
   "sourcesContent": ["import { CheckboxControl } from '@wordpress/components';\nimport BlockIcon from '../block-icon';\n\nfunction BlockTypesChecklist( { blockTypes, value, onItemChange } ) {\n\treturn (\n\t\t<ul className=\"block-editor-block-manager__checklist\">\n\t\t\t{ blockTypes.map( ( blockType ) => (\n\t\t\t\t<li\n\t\t\t\t\tkey={ blockType.name }\n\t\t\t\t\tclassName=\"block-editor-block-manager__checklist-item\"\n\t\t\t\t>\n\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\tlabel={ blockType.title }\n\t\t\t\t\t\tchecked={ value.includes( blockType.name ) }\n\t\t\t\t\t\tonChange={ ( ...args ) =>\n\t\t\t\t\t\t\tonItemChange( blockType, ...args )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<BlockIcon icon={ blockType.icon } />\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t</ul>\n\t);\n}\n\nexport default BlockTypesChecklist;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAgC;AAChC,wBAAsB;AAMlB;AAJJ,SAAS,oBAAqB,EAAE,YAAY,OAAO,aAAa,GAAI;AACnE,SACC,4CAAC,QAAG,WAAU,yCACX,qBAAW,IAAK,CAAE,cACnB;AAAA,IAAC;AAAA;AAAA,MAEA,WAAU;AAAA,MAEV;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ,UAAU;AAAA,YAClB,SAAU,MAAM,SAAU,UAAU,IAAK;AAAA,YACzC,UAAW,IAAK,SACf,aAAc,WAAW,GAAG,IAAK;AAAA;AAAA,QAEnC;AAAA,QACA,4CAAC,kBAAAA,SAAA,EAAU,MAAO,UAAU,MAAO;AAAA;AAAA;AAAA,IAV7B,UAAU;AAAA,EAWjB,CACC,GACH;AAEF;AAEA,IAAO,oBAAQ;",
   "names": ["BlockIcon"]

package/build/components/block-manager/index.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-manager/index.js
+// packages/block-editor/src/components/block-manager/index.jsx
 var block_manager_exports = {};
 __export(block_manager_exports, {
   default: () => BlockManager

package/build/components/block-manager/index.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-manager/index.js"],
+  "sources": ["../../../src/components/block-manager/index.jsx"],
   "sourcesContent": ["import { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tSearchControl,\n\tCheckboxControl,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEffect, useState } from '@wordpress/element';\nimport { useDebounce } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport BlockManagerCategory from './category';\n\n/**\n * Provides a list of blocks with checkboxes.\n *\n * @param {Object}   props                    Props.\n * @param {Array}    props.blockTypes         An array of blocks.\n * @param {Array}    props.selectedBlockTypes An array of selected blocks.\n * @param {Function} props.onChange           Function to be called when the selected blocks change.\n * @param {boolean}  props.showSelectAll      Whether to show the select all checkbox.\n */\nexport default function BlockManager( {\n\tblockTypes,\n\tselectedBlockTypes,\n\tonChange,\n\tshowSelectAll = true,\n} ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\tconst [ search, setSearch ] = useState( '' );\n\tconst { categories, isMatchingSearchTerm } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tcategories: select( blocksStore ).getCategories(),\n\t\t\tisMatchingSearchTerm: select( blocksStore ).isMatchingSearchTerm,\n\t\t};\n\t}, [] );\n\n\tconst filteredBlockTypes = blockTypes.filter( ( blockType ) => {\n\t\treturn ! search || isMatchingSearchTerm( blockType, search );\n\t} );\n\n\tconst isIndeterminate =\n\t\tselectedBlockTypes.length > 0 &&\n\t\tselectedBlockTypes.length !== blockTypes.length;\n\n\tconst isAllChecked =\n\t\tblockTypes.length > 0 &&\n\t\tselectedBlockTypes.length === blockTypes.length;\n\n\t// Announce search results on change\n\tuseEffect( () => {\n\t\tif ( ! search ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = filteredBlockTypes.length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [ filteredBlockTypes?.length, search, debouncedSpeak ] );\n\n\treturn (\n\t\t<VStack className=\"block-editor-block-manager__content\" spacing={ 4 }>\n\t\t\t<SearchControl\n\t\t\t\tlabel={ __( 'Search for a block' ) }\n\t\t\t\tplaceholder={ __( 'Search for a block' ) }\n\t\t\t\tvalue={ search }\n\t\t\t\tonChange={ ( nextSearch ) => setSearch( nextSearch ) }\n\t\t\t\tclassName=\"block-editor-block-manager__search\"\n\t\t\t/>\n\t\t\t{ showSelectAll && (\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tclassName=\"block-editor-block-manager__select-all\"\n\t\t\t\t\tlabel={ __( 'Select all' ) }\n\t\t\t\t\tchecked={ isAllChecked }\n\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\tif ( isAllChecked ) {\n\t\t\t\t\t\t\tonChange( [] );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tonChange( blockTypes );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tindeterminate={ isIndeterminate }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\trole=\"region\"\n\t\t\t\taria-label={ __( 'Available block types' ) }\n\t\t\t\tclassName=\"block-editor-block-manager__results\"\n\t\t\t>\n\t\t\t\t{ filteredBlockTypes.length === 0 && (\n\t\t\t\t\t<p className=\"block-editor-block-manager__no-results\">\n\t\t\t\t\t\t{ __( 'No blocks found.' ) }\n\t\t\t\t\t</p>\n\t\t\t\t) }\n\t\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t\t<BlockManagerCategory\n\t\t\t\t\t\tkey={ category.slug }\n\t\t\t\t\t\ttitle={ category.title }\n\t\t\t\t\t\tblockTypes={ filteredBlockTypes.filter(\n\t\t\t\t\t\t\t( blockType ) =>\n\t\t\t\t\t\t\t\tblockType.category === category.slug\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tselectedBlockTypes={ selectedBlockTypes }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t\t<BlockManagerCategory\n\t\t\t\t\ttitle={ __( 'Uncategorized' ) }\n\t\t\t\t\tblockTypes={ filteredBlockTypes.filter(\n\t\t\t\t\t\t( { category } ) => ! category\n\t\t\t\t\t) }\n\t\t\t\t\tselectedBlockTypes={ selectedBlockTypes }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</VStack>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqC;AACrC,kBAA0B;AAC1B,wBAIO;AACP,kBAAgC;AAChC,qBAAoC;AACpC,qBAA4B;AAC5B,kBAAsB;AACtB,sBAAiC;AAsD9B;AA3CY,SAAR,aAA+B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AACjB,GAAI;AACH,QAAM,qBAAiB,4BAAa,mBAAO,GAAI;AAC/C,QAAM,CAAE,QAAQ,SAAU,QAAI,yBAAU,EAAG;AAC3C,QAAM,EAAE,YAAY,qBAAqB,QAAI,uBAAW,CAAE,WAAY;AACrE,WAAO;AAAA,MACN,YAAY,OAAQ,cAAAA,KAAY,EAAE,cAAc;AAAA,MAChD,sBAAsB,OAAQ,cAAAA,KAAY,EAAE;AAAA,IAC7C;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,QAAM,qBAAqB,WAAW,OAAQ,CAAE,cAAe;AAC9D,WAAO,CAAE,UAAU,qBAAsB,WAAW,MAAO;AAAA,EAC5D,CAAE;AAEF,QAAM,kBACL,mBAAmB,SAAS,KAC5B,mBAAmB,WAAW,WAAW;AAE1C,QAAM,eACL,WAAW,SAAS,KACpB,mBAAmB,WAAW,WAAW;AAG1C,gCAAW,MAAM;AAChB,QAAK,CAAE,QAAS;AACf;AAAA,IACD;AACA,UAAM,QAAQ,mBAAmB;AACjC,UAAM,0BAAsB;AAAA;AAAA,UAE3B,gBAAI,oBAAoB,qBAAqB,KAAM;AAAA,MACnD;AAAA,IACD;AACA,mBAAgB,mBAAoB;AAAA,EACrC,GAAG,CAAE,oBAAoB,QAAQ,QAAQ,cAAe,CAAE;AAE1D,SACC,6CAAC,kBAAAC,sBAAA,EAAO,WAAU,uCAAsC,SAAU,GACjE;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAQ,gBAAI,oBAAqB;AAAA,QACjC,iBAAc,gBAAI,oBAAqB;AAAA,QACvC,OAAQ;AAAA,QACR,UAAW,CAAE,eAAgB,UAAW,UAAW;AAAA,QACnD,WAAU;AAAA;AAAA,IACX;AAAA,IACE,iBACD;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,WAAQ,gBAAI,YAAa;AAAA,QACzB,SAAU;AAAA,QACV,UAAW,MAAM;AAChB,cAAK,cAAe;AACnB,qBAAU,CAAC,CAAE;AAAA,UACd,OAAO;AACN,qBAAU,UAAW;AAAA,UACtB;AAAA,QACD;AAAA,QACA,eAAgB;AAAA;AAAA,IACjB;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACA,UAAS;AAAA,QACT,MAAK;AAAA,QACL,kBAAa,gBAAI,uBAAwB;AAAA,QACzC,WAAU;AAAA,QAER;AAAA,6BAAmB,WAAW,KAC/B,4CAAC,OAAE,WAAU,0CACV,8BAAI,kBAAmB,GAC1B;AAAA,UAEC,WAAW,IAAK,CAAE,aACnB;AAAA,YAAC,gBAAAC;AAAA,YAAA;AAAA,cAEA,OAAQ,SAAS;AAAA,cACjB,YAAa,mBAAmB;AAAA,gBAC/B,CAAE,cACD,UAAU,aAAa,SAAS;AAAA,cAClC;AAAA,cACA;AAAA,cACA;AAAA;AAAA,YAPM,SAAS;AAAA,UAQhB,CACC;AAAA,UACF;AAAA,YAAC,gBAAAA;AAAA,YAAA;AAAA,cACA,WAAQ,gBAAI,eAAgB;AAAA,cAC5B,YAAa,mBAAmB;AAAA,gBAC/B,CAAE,EAAE,SAAS,MAAO,CAAE;AAAA,cACvB;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACD;AAAA;AAAA;AAAA,IACD;AAAA,KACD;AAEF;",
   "names": ["blocksStore", "VStack", "BlockManagerCategory"]

package/build/components/block-mover/button.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-mover/button.js
+// packages/block-editor/src/components/block-mover/button.jsx
 var button_exports = {};
 __export(button_exports, {
   BlockMoverDownButton: () => BlockMoverDownButton,

package/build/components/block-mover/button.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-mover/button.js"],
+  "sources": ["../../../src/components/block-mover/button.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport { getBlockType } from '@wordpress/blocks';\nimport { Button } from '@wordpress/components';\nimport { VisuallyHidden } from '@wordpress/ui';\nimport { useInstanceId, useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { forwardRef, useMemo } from '@wordpress/element';\nimport { __, isRTL, sprintf } from '@wordpress/i18n';\nimport { displayShortcut, shortcutAriaLabel } from '@wordpress/keycodes';\nimport {\n\tchevronLeft,\n\tchevronRight,\n\tchevronUp,\n\tchevronDown,\n} from '@wordpress/icons';\nimport { getBlockMoverDescription } from './mover-description';\nimport { store as blockEditorStore } from '../../store';\n\nconst getArrowIcon = ( direction, orientation ) => {\n\tif ( direction === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronRight : chevronLeft;\n\t\t}\n\t\treturn chevronUp;\n\t} else if ( direction === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronLeft : chevronRight;\n\t\t}\n\t\treturn chevronDown;\n\t}\n\treturn null;\n};\n\nconst getMovementDirectionLabel = ( moveDirection, orientation ) => {\n\tif ( moveDirection === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move right' ) : __( 'Move left' );\n\t\t}\n\t\treturn __( 'Move up' );\n\t} else if ( moveDirection === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move left' ) : __( 'Move right' );\n\t\t}\n\t\treturn __( 'Move down' );\n\t}\n\treturn null;\n};\n\nconst BlockMoverButton = forwardRef(\n\t(\n\t\t{ clientIds, direction, orientation: moverOrientation, ...props },\n\t\tref\n\t) => {\n\t\tconst instanceId = useInstanceId( BlockMoverButton );\n\t\tconst normalizedClientIds = useMemo(\n\t\t\t() => ( Array.isArray( clientIds ) ? clientIds : [ clientIds ] ),\n\t\t\t[ clientIds ]\n\t\t);\n\t\tconst blocksCount = normalizedClientIds.length;\n\t\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\n\t\tconst {\n\t\t\tblockType,\n\t\t\tisDisabled,\n\t\t\trootClientId,\n\t\t\tisFirst,\n\t\t\tisLast,\n\t\t\tfirstIndex,\n\t\t\torientation = 'vertical',\n\t\t} = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockIndex,\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetBlockOrder,\n\t\t\t\t\tgetBlock,\n\t\t\t\t\tgetBlockListSettings,\n\t\t\t\t} = select( blockEditorStore );\n\t\t\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\t\t\tconst blockRootClientId = getBlockRootClientId( firstClientId );\n\t\t\t\tconst firstBlockIndex = getBlockIndex( firstClientId );\n\t\t\t\tconst lastBlockIndex = getBlockIndex(\n\t\t\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t\t\t);\n\t\t\t\tconst blockOrder = getBlockOrder( blockRootClientId );\n\t\t\t\tconst block = getBlock( firstClientId );\n\t\t\t\tconst isFirstBlock = firstBlockIndex === 0;\n\t\t\t\tconst isLastBlock = lastBlockIndex === blockOrder.length - 1;\n\t\t\t\tconst { orientation: blockListOrientation } =\n\t\t\t\t\tgetBlockListSettings( blockRootClientId ) || {};\n\n\t\t\t\treturn {\n\t\t\t\t\tblockType: block ? getBlockType( block.name ) : null,\n\t\t\t\t\tisDisabled: direction === 'up' ? isFirstBlock : isLastBlock,\n\t\t\t\t\trootClientId: blockRootClientId,\n\t\t\t\t\tfirstIndex: firstBlockIndex,\n\t\t\t\t\tisFirst: isFirstBlock,\n\t\t\t\t\tisLast: isLastBlock,\n\t\t\t\t\torientation: moverOrientation || blockListOrientation,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ direction, moverOrientation, normalizedClientIds ]\n\t\t);\n\n\t\tconst { moveBlocksDown, moveBlocksUp } =\n\t\t\tuseDispatch( blockEditorStore );\n\t\tconst moverFunction =\n\t\t\tdirection === 'up' ? moveBlocksUp : moveBlocksDown;\n\n\t\tconst onClick = ( event ) => {\n\t\t\tmoverFunction( clientIds, rootClientId );\n\t\t\tif ( props.onClick ) {\n\t\t\t\tprops.onClick( event );\n\t\t\t}\n\t\t};\n\n\t\tconst descriptionId = `block-editor-block-mover-button__description-${ instanceId }`;\n\t\tconst keyCharacter = direction === 'up' ? 't' : 'y';\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-mover-button',\n\t\t\t\t\t\t`is-${ direction }-button`\n\t\t\t\t\t) }\n\t\t\t\t\ticon={ getArrowIcon( direction, orientation ) }\n\t\t\t\t\tlabel={ getMovementDirectionLabel(\n\t\t\t\t\t\tdirection,\n\t\t\t\t\t\torientation\n\t\t\t\t\t) }\n\t\t\t\t\ttooltipPosition={\n\t\t\t\t\t\t! isMobileViewport &&\n\t\t\t\t\t\tdirection === 'down' &&\n\t\t\t\t\t\torientation === 'vertical'\n\t\t\t\t\t\t\t? 'bottom'\n\t\t\t\t\t\t\t: 'top'\n\t\t\t\t\t}\n\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tonClick={ isDisabled ? null : onClick }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tshortcut={ displayShortcut.secondary( keyCharacter ) }\n\t\t\t\t/>\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t// translators: 1: Description of the block movement. 2: Keyboard shortcut.\n\t\t\t\t\t\t__( '%1$s (%2$s)' ),\n\t\t\t\t\t\tgetBlockMoverDescription(\n\t\t\t\t\t\t\tblocksCount,\n\t\t\t\t\t\t\tblockType && blockType.title,\n\t\t\t\t\t\t\tfirstIndex,\n\t\t\t\t\t\t\tisFirst,\n\t\t\t\t\t\t\tisLast,\n\t\t\t\t\t\t\tdirection === 'up' ? -1 : 1,\n\t\t\t\t\t\t\torientation\n\t\t\t\t\t\t),\n\t\t\t\t\t\tshortcutAriaLabel.secondary( keyCharacter )\n\t\t\t\t\t) }\n\t\t\t\t</VisuallyHidden>\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport const BlockMoverUpButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"up\" ref={ ref } { ...props } />;\n} );\n\nexport const BlockMoverDownButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"down\" ref={ ref } { ...props } />;\n} );\n"],
   "mappings": "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",
   "names": ["blockEditorStore", "clsx"]

package/build/components/block-mover/index.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-mover/index.js
+// packages/block-editor/src/components/block-mover/index.jsx
 var block_mover_exports = {};
 __export(block_mover_exports, {
   default: () => block_mover_default

package/build/components/block-mover/index.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-mover/index.js"],
+  "sources": ["../../../src/components/block-mover/index.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport { dragHandle } from '@wordpress/icons';\nimport { ToolbarGroup, ToolbarItem, Button } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport BlockDraggable from '../block-draggable';\nimport { BlockMoverUpButton, BlockMoverDownButton } from './button';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockMover( { clientIds, hideDragHandle } ) {\n\tconst {\n\t\tcanMove,\n\t\trootClientId,\n\t\tisFirst,\n\t\tisLast,\n\t\torientation,\n\t\tisManualGrid,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockIndex,\n\t\t\t\tgetBlockListSettings,\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockAttributes,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t\t? clientIds\n\t\t\t\t: [ clientIds ];\n\t\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\t\tconst _rootClientId = getBlockRootClientId( firstClientId );\n\t\t\tconst firstIndex = getBlockIndex( firstClientId );\n\t\t\tconst lastIndex = getBlockIndex(\n\t\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t\t);\n\t\t\tconst blockOrder = getBlockOrder( _rootClientId );\n\t\t\tconst { layout = {} } = getBlockAttributes( _rootClientId ) ?? {};\n\n\t\t\treturn {\n\t\t\t\tcanMove: canMoveBlocks( clientIds ),\n\t\t\t\trootClientId: _rootClientId,\n\t\t\t\tisFirst: firstIndex === 0,\n\t\t\t\tisLast: lastIndex === blockOrder.length - 1,\n\t\t\t\torientation: getBlockListSettings( _rootClientId )?.orientation,\n\t\t\t\tisManualGrid:\n\t\t\t\t\tlayout.type === 'grid' &&\n\t\t\t\t\tlayout.isManualPlacement &&\n\t\t\t\t\twindow.__experimentalEnableGridInteractivity,\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tif (\n\t\t! canMove ||\n\t\t( isFirst && isLast && ! rootClientId ) ||\n\t\t( hideDragHandle && isManualGrid )\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup\n\t\t\tclassName={ clsx( 'block-editor-block-mover', {\n\t\t\t\t'is-horizontal': orientation === 'horizontal',\n\t\t\t} ) }\n\t\t>\n\t\t\t{ ! hideDragHandle && (\n\t\t\t\t<BlockDraggable clientIds={ clientIds } fadeWhenDisabled>\n\t\t\t\t\t{ ( draggableProps ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\ticon={ dragHandle }\n\t\t\t\t\t\t\tclassName=\"block-editor-block-mover__drag-handle\"\n\t\t\t\t\t\t\tlabel={ __( 'Drag' ) }\n\t\t\t\t\t\t\t// Should not be able to tab to drag handle as this\n\t\t\t\t\t\t\t// button can only be used with a pointer device.\n\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t{ ...draggableProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockDraggable>\n\t\t\t) }\n\t\t\t{ ! isManualGrid && (\n\t\t\t\t<div className=\"block-editor-block-mover__move-button-container\">\n\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t{ ( itemProps ) => (\n\t\t\t\t\t\t\t<BlockMoverUpButton\n\t\t\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\t\t\t{ ...itemProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolbarItem>\n\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t{ ( itemProps ) => (\n\t\t\t\t\t\t\t<BlockMoverDownButton\n\t\t\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\t\t\t{ ...itemProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolbarItem>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</ToolbarGroup>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-mover/README.md\n */\nexport default BlockMover;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,mBAA2B;AAC3B,wBAAkD;AAClD,kBAA0B;AAC1B,kBAAmB;AACnB,6BAA2B;AAC3B,oBAAyD;AACzD,mBAA0C;AAgEpC;AA9DN,SAAS,WAAY,EAAE,WAAW,eAAe,GAAI;AACpD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI;AAAA,IACH,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,aAAAA,KAAiB;AAC7B,YAAM,sBAAsB,MAAM,QAAS,SAAU,IAClD,YACA,CAAE,SAAU;AACf,YAAM,gBAAgB,oBAAqB,CAAE;AAC7C,YAAM,gBAAgB,qBAAsB,aAAc;AAC1D,YAAM,aAAa,cAAe,aAAc;AAChD,YAAM,YAAY;AAAA,QACjB,oBAAqB,oBAAoB,SAAS,CAAE;AAAA,MACrD;AACA,YAAM,aAAa,cAAe,aAAc;AAChD,YAAM,EAAE,SAAS,CAAC,EAAE,IAAI,mBAAoB,aAAc,KAAK,CAAC;AAEhE,aAAO;AAAA,QACN,SAAS,cAAe,SAAU;AAAA,QAClC,cAAc;AAAA,QACd,SAAS,eAAe;AAAA,QACxB,QAAQ,cAAc,WAAW,SAAS;AAAA,QAC1C,aAAa,qBAAsB,aAAc,GAAG;AAAA,QACpD,cACC,OAAO,SAAS,UAChB,OAAO,qBACP,OAAO;AAAA,MACT;AAAA,IACD;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AAEA,MACC,CAAE,WACA,WAAW,UAAU,CAAE,gBACvB,kBAAkB,cACnB;AACD,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,eAAY,YAAAC,SAAM,4BAA4B;AAAA,QAC7C,iBAAiB,gBAAgB;AAAA,MAClC,CAAE;AAAA,MAEA;AAAA,SAAE,kBACH,4CAAC,uBAAAC,SAAA,EAAe,WAAwB,kBAAgB,MACrD,WAAE,mBACH;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,MAAO;AAAA,YACP,WAAU;AAAA,YACV,WAAQ,gBAAI,MAAO;AAAA,YAGnB,UAAS;AAAA,YACP,GAAG;AAAA;AAAA,QACN,GAEF;AAAA,QAEC,CAAE,gBACH,6CAAC,SAAI,WAAU,mDACd;AAAA,sDAAC,iCACE,WAAE,cACH;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACE,GAAG;AAAA;AAAA,UACN,GAEF;AAAA,UACA,4CAAC,iCACE,WAAE,cACH;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACE,GAAG;AAAA;AAAA,UACN,GAEF;AAAA,WACD;AAAA;AAAA;AAAA,EAEF;AAEF;AAKA,IAAO,sBAAQ;",
   "names": ["blockEditorStore", "clsx", "BlockDraggable"]

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

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-navigation/dropdown.js
+// packages/block-editor/src/components/block-navigation/dropdown.jsx
 var dropdown_exports = {};
 __export(dropdown_exports, {
   default: () => dropdown_default

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-navigation/dropdown.js"],
+  "sources": ["../../../src/components/block-navigation/dropdown.jsx"],
   "sourcesContent": ["import deprecated from '@wordpress/deprecated';\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';\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,wBAAiC;AACjC,kBAAmB;AACnB,kBAA0B;AAC1B,qBAA2B;AAC3B,mBAAyB;AACzB,uBAAqB;AACrB,mBAA0C;AAUxC;AARF,SAAS,8BAA+B;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,SACC;AAAA,IAAC;AAAA;AAAA,MACA,uBAAqB;AAAA,MACnB,GAAG;AAAA,MACL,KAAM;AAAA,MACN,MAAO;AAAA,MACP,iBAAgB;AAAA,MAChB,iBAAc;AAAA,MACd,SAAU,YAAY,WAAW;AAAA,MAEjC,WAAQ,gBAAI,WAAY;AAAA,MACxB,WAAU;AAAA,MACV,iBAAgB,CAAE;AAAA;AAAA,EACnB;AAEF;AAEA,SAAS,wBAAyB,EAAE,YAAY,GAAG,MAAM,GAAG,KAAM;AACjE,wBAAAA,SAAY,0CAA0C;AAAA,IACrD,OAAO;AAAA,IACP,aAAa;AAAA,EACd,CAAE;AAEF,QAAM,gBAAY;AAAA,IACjB,CAAE,WAAY,CAAC,CAAE,OAAQ,aAAAC,KAAiB,EAAE,cAAc;AAAA,IAC1D,CAAC;AAAA,EACF;AACA,QAAM,YAAY,aAAa,CAAE;AAEjC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,kBAAiB;AAAA,MACjB,cAAe,EAAE,WAAW,eAAe;AAAA,MAC3C,cAAe,CAAE,EAAE,QAAQ,SAAS,MACnC;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACL,UAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD;AAAA,MAED,eAAgB,MACf,6CAAC,SAAI,WAAU,4CACd;AAAA,oDAAC,OAAE,WAAU,wCACV,8BAAI,WAAY,GACnB;AAAA,QAEA,4CAAC,iBAAAC,SAAA,EAAS;AAAA,SACX;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,uBAAQ,2BAAY,uBAAwB;",
   "names": ["deprecated", "blockEditorStore", "ListView"]

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

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-parent-selector/index.js
+// packages/block-editor/src/components/block-parent-selector/index.jsx
 var block_parent_selector_exports = {};
 __export(block_parent_selector_exports, {
   default: () => BlockParentSelector

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-parent-selector/index.js"],
+  "sources": ["../../../src/components/block-parent-selector/index.jsx"],
   "sourcesContent": ["import { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\nimport { getBlockType, hasBlockSupport } from '@wordpress/blocks';\nimport { plus } from '@wordpress/icons';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport BlockIcon from '../block-icon';\nimport Inserter from '../inserter';\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, nextSiblingClientId, showInserter } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockParents,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tgetParentSectionBlock,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetNextBlockClientId,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\t\t\t// Not getSelectedBlockClientId: a text selection crossing into a\n\t\t\t// nested block resolves to the ancestor alone, but its selection\n\t\t\t// start and end differ.\n\t\t\tconst [ selectedBlockClientId ] = getSelectedBlockClientIds();\n\t\t\tconst parentSection = getParentSectionBlock(\n\t\t\t\tselectedBlockClientId\n\t\t\t);\n\t\t\tconst parents = getBlockParents( selectedBlockClientId );\n\t\t\tconst immediateParentClientId = parents[ parents.length - 1 ];\n\t\t\tconst _parentClientId = parentSection ?? immediateParentClientId;\n\t\t\tconst parentBlockType = getBlockType(\n\t\t\t\tgetBlockName( _parentClientId )\n\t\t\t);\n\t\t\t// A wrapper that merges with the text flow (list, quote) grows\n\t\t\t// by typing: Enter continues it, and users know that. Any\n\t\t\t// other parent gets a plus button to add a child; the Inserter\n\t\t\t// hides itself when nothing is insertable.\n\t\t\tconst isTextFlowWrapper =\n\t\t\t\tparentBlockType?.merge ||\n\t\t\t\thasBlockSupport( parentBlockType, '__experimentalOnMerge' );\n\t\t\treturn {\n\t\t\t\tparentClientId: _parentClientId,\n\t\t\t\tnextSiblingClientId: getNextBlockClientId(\n\t\t\t\t\tselectedBlockClientId\n\t\t\t\t),\n\t\t\t\t// When the shown parent is a section further up the tree\n\t\t\t\t// rather than the direct parent, its content is locked and\n\t\t\t\t// nothing can be inserted, so no button.\n\t\t\t\tshowInserter:\n\t\t\t\t\t!! _parentClientId &&\n\t\t\t\t\t_parentClientId === immediateParentClientId &&\n\t\t\t\t\t! isTextFlowWrapper,\n\t\t\t};\n\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\tconst parentButton = (\n\t\t<ToolbarButton\n\t\t\tclassName=\"block-editor-block-parent-selector__button\"\n\t\t\tonClick={ () => selectBlock( parentClientId ) }\n\t\t\tlabel={ sprintf(\n\t\t\t\t/* translators: %s: Name of the block's parent. */\n\t\t\t\t__( 'Select parent block: %s' ),\n\t\t\t\tblockInformation?.title\n\t\t\t) }\n\t\t\tshowTooltip\n\t\t\ticon={ <BlockIcon icon={ blockInformation?.icon } /> }\n\t\t/>\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{ ! showInserter && parentButton }\n\t\t\t{ showInserter && (\n\t\t\t\t// A real toolbar group, so the buttons get the standard\n\t\t\t\t// toolbar sizing, and the group overlaps the container\n\t\t\t\t// border the way toolbar groups overlap the toolbar box.\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t{ parentButton }\n\t\t\t\t\t<Inserter\n\t\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t\t\trootClientId={ parentClientId }\n\t\t\t\t\t\tclientId={ nextSiblingClientId }\n\t\t\t\t\t\tisAppender={ ! nextSiblingClientId }\n\t\t\t\t\t\t__experimentalIsQuick\n\t\t\t\t\t\trenderToggle={ ( {\n\t\t\t\t\t\t\tonToggle,\n\t\t\t\t\t\t\tisOpen,\n\t\t\t\t\t\t\tdisabled,\n\t\t\t\t\t\t\tblockTitle,\n\t\t\t\t\t\t\thasSingleBlockType,\n\t\t\t\t\t\t} ) => (\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-parent-selector__inserter\"\n\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\thasSingleBlockType\n\t\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t\t// translators: %s: the name of the block when there is only one\n\t\t\t\t\t\t\t\t\t\t\t\t_x(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Add %s',\n\t\t\t\t\t\t\t\t\t\t\t\t\t'directly add the only allowed block'\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\tblockTitle.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t: _x(\n\t\t\t\t\t\t\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA4C;AAC5C,kBAAuC;AACvC,kBAAgC;AAChC,qBAAuB;AACvB,oBAA8C;AAC9C,mBAAqB;AACrB,2CAAuC;AACvC,wBAAsB;AACtB,sBAAqB;AACrB,mBAAgD;AAChD,mBAA0C;AAC1C,yBAAuB;AA2Eb;AAnEK,SAAR,sBAAuC;AAC7C,QAAM,EAAE,YAAY,QAAI,yBAAa,aAAAA,KAAiB;AACtD,QAAM,EAAE,gBAAgB,qBAAqB,aAAa,QAAI;AAAA,IAC7D,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,QAAI,2BAAQ,OAAQ,aAAAA,KAAiB,CAAE;AAIvC,YAAM,CAAE,qBAAsB,IAAI,0BAA0B;AAC5D,YAAM,gBAAgB;AAAA,QACrB;AAAA,MACD;AACA,YAAM,UAAU,gBAAiB,qBAAsB;AACvD,YAAM,0BAA0B,QAAS,QAAQ,SAAS,CAAE;AAC5D,YAAM,kBAAkB,iBAAiB;AACzC,YAAM,sBAAkB;AAAA,QACvB,aAAc,eAAgB;AAAA,MAC/B;AAKA,YAAM,oBACL,iBAAiB,aACjB,+BAAiB,iBAAiB,uBAAwB;AAC3D,aAAO;AAAA,QACN,gBAAgB;AAAA,QAChB,qBAAqB;AAAA,UACpB;AAAA,QACD;AAAA;AAAA;AAAA;AAAA,QAIA,cACC,CAAC,CAAE,mBACH,oBAAoB,2BACpB,CAAE;AAAA,MACJ;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,uBAAmB,qCAAAC,SAA4B,cAAe;AAIpE,QAAM,cAAU,uBAAO;AACvB,QAAM,mCAA+B,8CAAiC;AAAA,IACrE,KAAK;AAAA,IACL,iBAAiB;AAAA,EAClB,CAAE;AAEF,QAAM,eACL;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAU,MAAM,YAAa,cAAe;AAAA,MAC5C,WAAQ;AAAA;AAAA,YAEP,gBAAI,yBAA0B;AAAA,QAC9B,kBAAkB;AAAA,MACnB;AAAA,MACA,aAAW;AAAA,MACX,MAAO,4CAAC,kBAAAC,SAAA,EAAU,MAAO,kBAAkB,MAAO;AAAA;AAAA,EACnD;AAGD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MAEV,KAAM;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,SAAE,gBAAgB;AAAA,QAClB;AAAA;AAAA;AAAA,QAID,6CAAC,kCACE;AAAA;AAAA,UACF;AAAA,YAAC,gBAAAC;AAAA,YAAA;AAAA,cACA,UAAS;AAAA,cACT,cAAe;AAAA,cACf,UAAW;AAAA,cACX,YAAa,CAAE;AAAA,cACf,uBAAqB;AAAA,cACrB,cAAe,CAAE;AAAA,gBAChB;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACD,MACC;AAAA,gBAAC;AAAA;AAAA,kBACA,WAAU;AAAA,kBACV,SAAU;AAAA,kBACV,iBAAgB;AAAA,kBAChB;AAAA,kBACA,OACC,yBACG;AAAA;AAAA,wBAEA;AAAA,sBACC;AAAA,sBACA;AAAA,oBACD;AAAA,oBACA,WAAW,YAAY;AAAA,kBACvB,QACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACA;AAAA,kBAEJ,aAAW;AAAA,kBACX,MAAO;AAAA;AAAA,cACR;AAAA;AAAA,UAEF;AAAA,WACD;AAAA;AAAA;AAAA,IAjDK;AAAA,EAmDP;AAEF;",
   "names": ["blockEditorStore", "useBlockDisplayInformation", "BlockIcon", "Inserter"]

package/build/components/block-pattern-setup/index.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-pattern-setup/index.js
+// packages/block-editor/src/components/block-pattern-setup/index.jsx
 var block_pattern_setup_exports = {};
 __export(block_pattern_setup_exports, {
   default: () => block_pattern_setup_default

package/build/components/block-pattern-setup/index.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-pattern-setup/index.js"],
+  "sources": ["../../../src/components/block-pattern-setup/index.jsx"],
   "sourcesContent": ["import { useDispatch } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\nimport { Composite } from '@wordpress/components';\nimport { VisuallyHidden } from '@wordpress/ui';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { store as blockEditorStore } from '../../store';\nimport BlockPreview from '../block-preview';\nimport SetupToolbar from './setup-toolbar';\nimport usePatternsSetup from './use-patterns-setup';\nimport { VIEWMODES } from './constants';\n\nconst SetupContent = ( {\n\tviewMode,\n\tactiveSlide,\n\tpatterns,\n\tonBlockPatternSelect,\n\tshowTitles,\n} ) => {\n\tconst containerClass = 'block-editor-block-pattern-setup__container';\n\n\tif ( viewMode === VIEWMODES.carousel ) {\n\t\tconst slideClass = new Map( [\n\t\t\t[ activeSlide, 'active-slide' ],\n\t\t\t[ activeSlide - 1, 'previous-slide' ],\n\t\t\t[ activeSlide + 1, 'next-slide' ],\n\t\t] );\n\t\treturn (\n\t\t\t<div className=\"block-editor-block-pattern-setup__carousel\">\n\t\t\t\t<div className={ containerClass }>\n\t\t\t\t\t<div className=\"carousel-container\">\n\t\t\t\t\t\t{ patterns.map( ( pattern, index ) => (\n\t\t\t\t\t\t\t<BlockPatternSlide\n\t\t\t\t\t\t\t\tactive={ index === activeSlide }\n\t\t\t\t\t\t\t\tclassName={ slideClass.get( index ) || '' }\n\t\t\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__grid\">\n\t\t\t<Composite\n\t\t\t\trole=\"listbox\"\n\t\t\t\tclassName={ containerClass }\n\t\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t\t>\n\t\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t\t<BlockPattern\n\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\tonSelect={ onBlockPatternSelect }\n\t\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</Composite>\n\t\t</div>\n\t);\n};\n\nfunction BlockPattern( { pattern, onSelect, showTitles } ) {\n\tconst baseClassName = 'block-editor-block-pattern-setup-list';\n\tconst { blocks, description, viewportWidth = 700 } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }__list-item` }>\n\t\t\t<Composite.Item\n\t\t\t\trender={\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\tdescription ? descriptionId : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\tclassName={ `${ baseClassName }__item` }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tid={ `${ baseClassName }__pattern__${ pattern.name }` }\n\t\t\t\trole=\"option\"\n\t\t\t\tonClick={ () => onSelect( blocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t/>\n\t\t\t\t{ showTitles && (\n\t\t\t\t\t<div className={ `${ baseClassName }__item-title` }>\n\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ !! description && (\n\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t) }\n\t\t\t</Composite.Item>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternSlide( { active, className, pattern, minHeight } ) {\n\tconst { blocks, title, description } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPatternSlide,\n\t\t'block-editor-block-pattern-setup-list__item-description'\n\t);\n\treturn (\n\t\t<div\n\t\t\taria-hidden={ ! active }\n\t\t\trole=\"img\"\n\t\t\tclassName={ `pattern-slide ${ className }` }\n\t\t\taria-label={ title }\n\t\t\taria-describedby={ description ? descriptionId : undefined }\n\t\t>\n\t\t\t<BlockPreview blocks={ blocks } minHeight={ minHeight } />\n\t\t\t{ !! description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nconst BlockPatternSetup = ( {\n\tclientId,\n\tblockName,\n\tfilterPatternsFn,\n\tonBlockPatternSelect,\n\tinitialViewMode = VIEWMODES.carousel,\n\tshowTitles = false,\n} ) => {\n\tconst [ viewMode, setViewMode ] = useState( initialViewMode );\n\tconst [ activeSlide, setActiveSlide ] = useState( 0 );\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\tconst patterns = usePatternsSetup( clientId, blockName, filterPatternsFn );\n\n\tif ( ! patterns?.length ) {\n\t\treturn null;\n\t}\n\n\tconst onBlockPatternSelectDefault = ( blocks ) => {\n\t\tconst clonedBlocks = blocks.map( ( block ) => cloneBlock( block ) );\n\t\treplaceBlock( clientId, clonedBlocks );\n\t};\n\tconst onPatternSelectCallback =\n\t\tonBlockPatternSelect || onBlockPatternSelectDefault;\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ `block-editor-block-pattern-setup view-mode-${ viewMode }` }\n\t\t\t>\n\t\t\t\t<SetupContent\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonBlockPatternSelect={ onPatternSelectCallback }\n\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t/>\n\t\t\t\t<SetupToolbar\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tsetViewMode={ setViewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ patterns.length }\n\t\t\t\t\thandleNext={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.min( active + 1, patterns.length - 1 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\thandlePrevious={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.max( active - 1, 0 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\tonBlockPatternSelect={ () => {\n\t\t\t\t\t\tonPatternSelectCallback(\n\t\t\t\t\t\t\tpatterns[ activeSlide ].blocks\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default BlockPatternSetup;\n"],
   "mappings": "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",
   "names": ["BlockPreview", "blockEditorStore", "usePatternsSetup", "SetupToolbar"]

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

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-editor/src/components/block-pattern-setup/setup-toolbar.js
+// packages/block-editor/src/components/block-pattern-setup/setup-toolbar.jsx
 var setup_toolbar_exports = {};
 __export(setup_toolbar_exports, {
   default: () => setup_toolbar_default