@wordpress/block-editor 17.0.0 → 17.1.0

package/build-module/components/block-compare/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-compare/index.js"],
+  "sources": ["../../../src/components/block-compare/index.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport { diffChars } from 'diff';\nimport { __ } from '@wordpress/i18n';\nimport { getSaveContent } from '@wordpress/blocks';\nimport BlockView from './block-view';\n\nfunction BlockCompare( {\n\tblock,\n\tonKeep,\n\tonConvert,\n\tconvertor,\n\tconvertButtonText,\n} ) {\n\tfunction getDifference( originalContent, newContent ) {\n\t\tconst difference = diffChars( originalContent, newContent );\n\n\t\treturn difference.map( ( item, pos ) => {\n\t\t\tconst classes = clsx( {\n\t\t\t\t'block-editor-block-compare__added': item.added,\n\t\t\t\t'block-editor-block-compare__removed': item.removed,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<span key={ pos } className={ classes }>\n\t\t\t\t\t{ item.value }\n\t\t\t\t</span>\n\t\t\t);\n\t\t} );\n\t}\n\n\tfunction getConvertedContent( convertedBlock ) {\n\t\t// The convertor may return an array of items or a single item.\n\t\tconst newBlocks = Array.isArray( convertedBlock )\n\t\t\t? convertedBlock\n\t\t\t: [ convertedBlock ];\n\n\t\t// Get converted block details.\n\t\tconst newContent = newBlocks.map( ( item ) =>\n\t\t\tgetSaveContent( item.name, item.attributes, item.innerBlocks )\n\t\t);\n\n\t\treturn newContent.join( '' );\n\t}\n\n\tconst converted = getConvertedContent( convertor( block ) );\n\tconst difference = getDifference( block.originalContent, converted );\n\n\treturn (\n\t\t<div className=\"block-editor-block-compare__wrapper\">\n\t\t\t<BlockView\n\t\t\t\ttitle={ __( 'Current' ) }\n\t\t\t\tclassName=\"block-editor-block-compare__current\"\n\t\t\t\taction={ onKeep }\n\t\t\t\tactionText={ __( 'Convert to HTML' ) }\n\t\t\t\trawContent={ block.originalContent }\n\t\t\t\trenderedContent={ block.originalContent }\n\t\t\t/>\n\n\t\t\t<BlockView\n\t\t\t\ttitle={ __( 'After Conversion' ) }\n\t\t\t\tclassName=\"block-editor-block-compare__converted\"\n\t\t\t\taction={ onConvert }\n\t\t\t\tactionText={ convertButtonText }\n\t\t\t\trawContent={ difference }\n\t\t\t\trenderedContent={ converted }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default BlockCompare;\n"],
   "mappings": ";AAAA,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAC/B,OAAO,eAAe;AAmBlB,cAyBF,YAzBE;AAjBJ,SAAS,aAAc;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,WAAS,cAAe,iBAAiB,YAAa;AACrD,UAAMA,cAAa,UAAW,iBAAiB,UAAW;AAE1D,WAAOA,YAAW,IAAK,CAAE,MAAM,QAAS;AACvC,YAAM,UAAU,KAAM;AAAA,QACrB,qCAAqC,KAAK;AAAA,QAC1C,uCAAuC,KAAK;AAAA,MAC7C,CAAE;AAEF,aACC,oBAAC,UAAiB,WAAY,SAC3B,eAAK,SADI,GAEZ;AAAA,IAEF,CAAE;AAAA,EACH;AAEA,WAAS,oBAAqB,gBAAiB;AAE9C,UAAM,YAAY,MAAM,QAAS,cAAe,IAC7C,iBACA,CAAE,cAAe;AAGpB,UAAM,aAAa,UAAU;AAAA,MAAK,CAAE,SACnC,eAAgB,KAAK,MAAM,KAAK,YAAY,KAAK,WAAY;AAAA,IAC9D;AAEA,WAAO,WAAW,KAAM,EAAG;AAAA,EAC5B;AAEA,QAAM,YAAY,oBAAqB,UAAW,KAAM,CAAE;AAC1D,QAAM,aAAa,cAAe,MAAM,iBAAiB,SAAU;AAEnE,SACC,qBAAC,SAAI,WAAU,uCACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,SAAU;AAAA,QACtB,WAAU;AAAA,QACV,QAAS;AAAA,QACT,YAAa,GAAI,iBAAkB;AAAA,QACnC,YAAa,MAAM;AAAA,QACnB,iBAAkB,MAAM;AAAA;AAAA,IACzB;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,kBAAmB;AAAA,QAC/B,WAAU;AAAA,QACV,QAAS;AAAA,QACT,YAAa;AAAA,QACb,YAAa;AAAA,QACb,iBAAkB;AAAA;AAAA,IACnB;AAAA,KACD;AAEF;AAEA,IAAO,wBAAQ;",
   "names": ["difference"]

package/build-module/components/block-context/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-context/index.js
+// packages/block-editor/src/components/block-context/index.jsx
 import { createContext, useContext, useMemo } from "@wordpress/element";
 import { jsx } from "react/jsx-runtime";
 var Context = createContext({});

package/build-module/components/block-context/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-context/index.js"],
+  "sources": ["../../../src/components/block-context/index.jsx"],
   "sourcesContent": ["import { createContext, useContext, useMemo } from '@wordpress/element';\n\n/** @typedef {React.ReactNode} ReactNode */\n\n/**\n * @typedef BlockContextProviderProps\n *\n * @property {Record<string,*>} value    Context value to merge with current\n *                                       value.\n * @property {ReactNode}        children Component children.\n */\n\n/** @type {React.Context<Record<string,*>>} */\nconst Context = createContext( {} );\nContext.displayName = 'BlockContext';\n\n/**\n * Component which merges passed value with current consumed block context.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-context/README.md\n *\n * @param {BlockContextProviderProps} props\n */\nexport function BlockContextProvider( { value, children } ) {\n\tconst context = useContext( Context );\n\tconst nextValue = useMemo(\n\t\t() => ( { ...context, ...value } ),\n\t\t[ context, value ]\n\t);\n\n\treturn <Context.Provider value={ nextValue } children={ children } />;\n}\n\nexport default Context;\n"],
   "mappings": ";AAAA,SAAS,eAAe,YAAY,eAAe;AA8B3C;AAjBR,IAAM,UAAU,cAAe,CAAC,CAAE;AAClC,QAAQ,cAAc;AASf,SAAS,qBAAsB,EAAE,OAAO,SAAS,GAAI;AAC3D,QAAM,UAAU,WAAY,OAAQ;AACpC,QAAM,YAAY;AAAA,IACjB,OAAQ,EAAE,GAAG,SAAS,GAAG,MAAM;AAAA,IAC/B,CAAE,SAAS,KAAM;AAAA,EAClB;AAEA,SAAO,oBAAC,QAAQ,UAAR,EAAiB,OAAQ,WAAY,UAAsB;AACpE;AAEA,IAAO,wBAAQ;",
   "names": []

package/build-module/components/block-controls/fill.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-controls/fill.js
+// packages/block-editor/src/components/block-controls/fill.jsx
 import {
   __experimentalStyleProvider as StyleProvider,
   ToolbarGroup

package/build-module/components/block-controls/fill.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-controls/fill.js"],
+  "sources": ["../../../src/components/block-controls/fill.jsx"],
   "sourcesContent": ["import {\n\t__experimentalStyleProvider as StyleProvider,\n\tToolbarGroup,\n} from '@wordpress/components';\nimport useBlockControlsFill from './hook';\n\nexport default function BlockControlsFill( {\n\tgroup = 'default',\n\tcontrols,\n\tchildren,\n\t__experimentalShareWithChildBlocks = false,\n} ) {\n\tconst Fill = useBlockControlsFill(\n\t\tgroup,\n\t\t__experimentalShareWithChildBlocks\n\t);\n\tif ( ! Fill ) {\n\t\treturn null;\n\t}\n\n\tconst innerMarkup = (\n\t\t<>\n\t\t\t{ group === 'default' && <ToolbarGroup controls={ controls } /> }\n\t\t\t{ children }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t{ /* eslint-disable-next-line react-hooks/static-components */ }\n\t\t\t<Fill>\n\t\t\t\t{ ( fillProps ) => {\n\t\t\t\t\t// `fillProps.forwardedContext` is an array of context provider entries, provided by slot,\n\t\t\t\t\t// that should wrap the fill markup.\n\t\t\t\t\tconst { forwardedContext = [] } = fillProps;\n\t\t\t\t\treturn forwardedContext.reduce(\n\t\t\t\t\t\t( inner, [ Provider, props ] ) => (\n\t\t\t\t\t\t\t<Provider { ...props }>{ inner }</Provider>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tinnerMarkup\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Fill>\n\t\t</StyleProvider>\n\t);\n}\n"],
   "mappings": ";AAAA;AAAA,EACC,+BAA+B;AAAA,EAC/B;AAAA,OACM;AACP,OAAO,0BAA0B;AAiB/B,mBAC0B,KAD1B;AAfa,SAAR,kBAAoC;AAAA,EAC1C,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,qCAAqC;AACtC,GAAI;AACH,QAAM,OAAO;AAAA,IACZ;AAAA,IACA;AAAA,EACD;AACA,MAAK,CAAE,MAAO;AACb,WAAO;AAAA,EACR;AAEA,QAAM,cACL,iCACG;AAAA,cAAU,aAAa,oBAAC,gBAAa,UAAsB;AAAA,IAC3D;AAAA,KACH;AAGD,SACC,oBAAC,iBAAc,UAEd,8BAAC,QACE,WAAE,cAAe;AAGlB,UAAM,EAAE,mBAAmB,CAAC,EAAE,IAAI;AAClC,WAAO,iBAAiB;AAAA,MACvB,CAAE,OAAO,CAAE,UAAU,KAAM,MAC1B,oBAAC,YAAW,GAAG,OAAU,iBAAO;AAAA,MAEjC;AAAA,IACD;AAAA,EACD,GACD,GACD;AAEF;",
   "names": []

package/build-module/components/block-controls/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-controls/index.js
+// packages/block-editor/src/components/block-controls/index.jsx
 import BlockControlsFill from "./fill.mjs";
 import BlockControlsSlot from "./slot.mjs";
 import { jsx } from "react/jsx-runtime";

package/build-module/components/block-controls/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-controls/index.js"],
+  "sources": ["../../../src/components/block-controls/index.jsx"],
   "sourcesContent": ["import BlockControlsFill from './fill';\nimport BlockControlsSlot from './slot';\n\nconst BlockControls = BlockControlsFill;\n\nBlockControls.Slot = BlockControlsSlot;\n\n// This is just here for backward compatibility.\nexport const BlockFormatControls = ( props ) => {\n\treturn <BlockControlsFill group=\"inline\" { ...props } />;\n};\nBlockFormatControls.Slot = function Slot( props ) {\n\treturn <BlockControlsSlot group=\"inline\" { ...props } />;\n};\n\nexport default BlockControls;\n"],
   "mappings": ";AAAA,OAAO,uBAAuB;AAC9B,OAAO,uBAAuB;AAQtB;AANR,IAAM,gBAAgB;AAEtB,cAAc,OAAO;AAGd,IAAM,sBAAsB,CAAE,UAAW;AAC/C,SAAO,oBAAC,qBAAkB,OAAM,UAAW,GAAG,OAAQ;AACvD;AACA,oBAAoB,OAAO,SAAS,KAAM,OAAQ;AACjD,SAAO,oBAAC,qBAAkB,OAAM,UAAW,GAAG,OAAQ;AACvD;AAEA,IAAO,yBAAQ;",
   "names": []

package/build-module/components/block-controls/slot.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-controls/slot.js
+// packages/block-editor/src/components/block-controls/slot.jsx
 import { useContext, useMemo } from "@wordpress/element";
 import {
   privateApis,

package/build-module/components/block-controls/slot.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-controls/slot.js"],
+  "sources": ["../../../src/components/block-controls/slot.jsx"],
   "sourcesContent": ["import { useContext, useMemo } from '@wordpress/element';\nimport {\n\tprivateApis,\n\t__experimentalToolbarContext as ToolbarContext,\n\tToolbarGroup,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\nimport groups from './groups';\nimport { unlock } from '../../lock-unlock';\n\nconst { ComponentsContext } = unlock( privateApis );\n\nexport default function BlockControlsSlot( { group = 'default', ...props } ) {\n\tconst toolbarState = useContext( ToolbarContext );\n\tconst contextState = useContext( ComponentsContext );\n\tconst fillProps = useMemo(\n\t\t() => ( {\n\t\t\tforwardedContext: [\n\t\t\t\t[ ToolbarContext.Provider, { value: toolbarState } ],\n\t\t\t\t[ ComponentsContext.Provider, { value: contextState } ],\n\t\t\t],\n\t\t} ),\n\t\t[ toolbarState, contextState ]\n\t);\n\n\tconst slotFill = groups[ group ];\n\tconst fills = useSlotFills( slotFill.name );\n\n\tif ( ! slotFill ) {\n\t\twarning( `Unknown BlockControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\tif ( ! fills?.length ) {\n\t\treturn null;\n\t}\n\n\tconst { Slot } = slotFill;\n\tconst slot = <Slot { ...props } bubblesVirtually fillProps={ fillProps } />;\n\n\tif ( group === 'default' ) {\n\t\treturn slot;\n\t}\n\n\treturn <ToolbarGroup>{ slot }</ToolbarGroup>;\n}\n"],
   "mappings": ";AAAA,SAAS,YAAY,eAAe;AACpC;AAAA,EACC;AAAA,EACA,gCAAgC;AAAA,EAChC;AAAA,EACA,8BAA8B;AAAA,OACxB;AACP,OAAO,aAAa;AACpB,OAAO,YAAY;AACnB,SAAS,cAAc;AA8BT;AA5Bd,IAAM,EAAE,kBAAkB,IAAI,OAAQ,WAAY;AAEnC,SAAR,kBAAoC,EAAE,QAAQ,WAAW,GAAG,MAAM,GAAI;AAC5E,QAAM,eAAe,WAAY,cAAe;AAChD,QAAM,eAAe,WAAY,iBAAkB;AACnD,QAAM,YAAY;AAAA,IACjB,OAAQ;AAAA,MACP,kBAAkB;AAAA,QACjB,CAAE,eAAe,UAAU,EAAE,OAAO,aAAa,CAAE;AAAA,QACnD,CAAE,kBAAkB,UAAU,EAAE,OAAO,aAAa,CAAE;AAAA,MACvD;AAAA,IACD;AAAA,IACA,CAAE,cAAc,YAAa;AAAA,EAC9B;AAEA,QAAM,WAAW,OAAQ,KAAM;AAC/B,QAAM,QAAQ,aAAc,SAAS,IAAK;AAE1C,MAAK,CAAE,UAAW;AACjB,YAAS,gCAAiC,KAAM,aAAc;AAC9D,WAAO;AAAA,EACR;AAEA,MAAK,CAAE,OAAO,QAAS;AACtB,WAAO;AAAA,EACR;AAEA,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM,OAAO,oBAAC,QAAO,GAAG,OAAQ,kBAAgB,MAAC,WAAwB;AAEzE,MAAK,UAAU,WAAY;AAC1B,WAAO;AAAA,EACR;AAEA,SAAO,oBAAC,gBAAe,gBAAM;AAC9B;",
   "names": []

package/build-module/components/block-draggable/draggable-chip.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-draggable/draggable-chip.js
+// packages/block-editor/src/components/block-draggable/draggable-chip.jsx
 import { __, _n, sprintf } from "@wordpress/i18n";
 import { Flex, FlexItem } from "@wordpress/components";
 import { dragHandle } from "@wordpress/icons";

package/build-module/components/block-draggable/draggable-chip.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-draggable/draggable-chip.js"],
+  "sources": ["../../../src/components/block-draggable/draggable-chip.jsx"],
   "sourcesContent": ["import { __, _n, sprintf } from '@wordpress/i18n';\nimport { Flex, FlexItem } from '@wordpress/components';\nimport { dragHandle } from '@wordpress/icons';\nimport BlockIcon from '../block-icon';\n\nexport default function BlockDraggableChip( {\n\tcount,\n\ticon,\n\tisPattern,\n\tfadeWhenDisabled,\n} ) {\n\tconst patternLabel = isPattern && __( 'Pattern' );\n\treturn (\n\t\t<div className=\"block-editor-block-draggable-chip-wrapper\">\n\t\t\t<div\n\t\t\t\tclassName=\"block-editor-block-draggable-chip\"\n\t\t\t\tdata-testid=\"block-draggable-chip\"\n\t\t\t>\n\t\t\t\t<Flex\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\tclassName=\"block-editor-block-draggable-chip__content\"\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t{ icon ? (\n\t\t\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tpatternLabel ||\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t/* translators: %d: Number of blocks. */\n\t\t\t\t\t\t\t\t_n( '%d block', '%d blocks', count ),\n\t\t\t\t\t\t\t\tcount\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<BlockIcon icon={ dragHandle } />\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t{ fadeWhenDisabled && (\n\t\t\t\t\t\t<FlexItem className=\"block-editor-block-draggable-chip__disabled\">\n\t\t\t\t\t\t\t<span className=\"block-editor-block-draggable-chip__disabled-icon\"></span>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t) }\n\t\t\t\t</Flex>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],
   "mappings": ";AAAA,SAAS,IAAI,IAAI,eAAe;AAChC,SAAS,MAAM,gBAAgB;AAC/B,SAAS,kBAAkB;AAC3B,OAAO,eAAe;AAelB,SAMG,KANH;AAbW,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,eAAe,aAAa,GAAI,SAAU;AAChD,SACC,oBAAC,SAAI,WAAU,6CACd;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ;AAAA,QAAC;AAAA;AAAA,UACA,SAAQ;AAAA,UACR,WAAU;AAAA,UAEV;AAAA,gCAAC,YACE,iBACD,oBAAC,aAAU,MAAc,IAEzB,gBACA;AAAA;AAAA,cAEC,GAAI,YAAY,aAAa,KAAM;AAAA,cACnC;AAAA,YACD,GAEF;AAAA,YACA,oBAAC,YACA,8BAAC,aAAU,MAAO,YAAa,GAChC;AAAA,YACE,oBACD,oBAAC,YAAS,WAAU,+CACnB,8BAAC,UAAK,WAAU,oDAAmD,GACpE;AAAA;AAAA;AAAA,MAEF;AAAA;AAAA,EACD,GACD;AAEF;",
   "names": []

package/build-module/components/block-draggable/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-draggable/index.js
+// packages/block-editor/src/components/block-draggable/index.jsx
 import { store as blocksStore } from "@wordpress/blocks";
 import { Draggable } from "@wordpress/components";
 import { useSelect, useDispatch } from "@wordpress/data";

package/build-module/components/block-draggable/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-draggable/index.js"],
+  "sources": ["../../../src/components/block-draggable/index.jsx"],
   "sourcesContent": ["import { store as blocksStore } from '@wordpress/blocks';\nimport { Draggable } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { throttle } from '@wordpress/compose';\nimport BlockDraggableChip from './draggable-chip';\nimport useScrollWhenDragging from './use-scroll-when-dragging';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockElement } from '../block-list/use-block-props/use-block-refs';\nimport { isDropTargetValid } from '../use-block-drop-zone';\n\nconst BlockDraggable = ( {\n\tappendToOwnerDocument,\n\tchildren,\n\tclientIds,\n\tcloneClassname,\n\telementId,\n\tonDragStart,\n\tonDragEnd,\n\tfadeWhenDisabled = false,\n\tdragComponent,\n} ) => {\n\tconst {\n\t\tsrcRootClientId,\n\t\tisDraggable,\n\t\ticon,\n\t\tvisibleInserter,\n\t\tgetBlockType,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockType: _getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientIds[ 0 ] );\n\t\t\tconst blockName = getBlockName( clientIds[ 0 ] );\n\t\t\tconst variation = getActiveBlockVariation(\n\t\t\t\tblockName,\n\t\t\t\tgetBlockAttributes( clientIds[ 0 ] )\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tsrcRootClientId: rootClientId,\n\t\t\t\tisDraggable: canMoveBlocks( clientIds ),\n\t\t\t\ticon: variation?.icon || _getBlockType( blockName )?.icon,\n\t\t\t\tvisibleInserter: isBlockInsertionPointVisible(),\n\t\t\t\tgetBlockType: _getBlockType,\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst isDraggingRef = useRef( false );\n\tconst [ startScrolling, scrollOnDragOver, stopScrolling ] =\n\t\tuseScrollWhenDragging();\n\n\tconst { getAllowedBlocks, getBlockNamesByClientId, getBlockRootClientId } =\n\t\tuseSelect( blockEditorStore );\n\n\tconst { startDraggingBlocks, stopDraggingBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\t// Stop dragging blocks if the block draggable is unmounted.\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( isDraggingRef.current ) {\n\t\t\t\tstopDraggingBlocks();\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\t// Find the root of the editor iframe.\n\tconst blockEl = useBlockElement( clientIds[ 0 ] );\n\tconst editorRoot = blockEl?.closest( 'body' );\n\n\t/*\n\t * Add a dragover event listener to the editor root to track the blocks being dragged over.\n\t * The listener has to be inside the editor iframe otherwise the target isn't accessible.\n\t */\n\tuseEffect( () => {\n\t\tif ( ! editorRoot || ! fadeWhenDisabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst onDragOver = ( event ) => {\n\t\t\tif ( ! event.target.closest( '[data-block]' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst draggedBlockNames = getBlockNamesByClientId( clientIds );\n\t\t\tconst targetClientId = event.target\n\t\t\t\t.closest( '[data-block]' )\n\t\t\t\t.getAttribute( 'data-block' );\n\n\t\t\tconst allowedBlocks = getAllowedBlocks( targetClientId );\n\t\t\tconst targetBlockName = getBlockNamesByClientId( [\n\t\t\t\ttargetClientId,\n\t\t\t] )[ 0 ];\n\n\t\t\t/*\n\t\t\t * Check if the target is valid to drop in.\n\t\t\t * If the target's allowedBlocks is an empty array,\n\t\t\t * it isn't a container block, in which case we check\n\t\t\t * its parent's validity instead.\n\t\t\t */\n\t\t\tlet dropTargetValid;\n\t\t\tif ( allowedBlocks?.length === 0 ) {\n\t\t\t\tconst targetRootClientId =\n\t\t\t\t\tgetBlockRootClientId( targetClientId );\n\t\t\t\tconst targetRootBlockName = getBlockNamesByClientId( [\n\t\t\t\t\ttargetRootClientId,\n\t\t\t\t] )[ 0 ];\n\t\t\t\tconst rootAllowedBlocks =\n\t\t\t\t\tgetAllowedBlocks( targetRootClientId );\n\t\t\t\tdropTargetValid = isDropTargetValid(\n\t\t\t\t\tgetBlockType,\n\t\t\t\t\trootAllowedBlocks,\n\t\t\t\t\tdraggedBlockNames,\n\t\t\t\t\ttargetRootBlockName\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tdropTargetValid = isDropTargetValid(\n\t\t\t\t\tgetBlockType,\n\t\t\t\t\tallowedBlocks,\n\t\t\t\t\tdraggedBlockNames,\n\t\t\t\t\ttargetBlockName\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/*\n\t\t\t * Update the body class to reflect if drop target is valid.\n\t\t\t * This has to be done on the document body because the draggable\n\t\t\t * chip is rendered outside of the editor iframe.\n\t\t\t */\n\t\t\tif ( ! dropTargetValid && ! visibleInserter ) {\n\t\t\t\twindow?.document?.body?.classList?.add(\n\t\t\t\t\t'block-draggable-invalid-drag-token'\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\twindow?.document?.body?.classList?.remove(\n\t\t\t\t\t'block-draggable-invalid-drag-token'\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\tconst throttledOnDragOver = throttle( onDragOver, 200 );\n\n\t\teditorRoot.addEventListener( 'dragover', throttledOnDragOver );\n\n\t\treturn () => {\n\t\t\teditorRoot.removeEventListener( 'dragover', throttledOnDragOver );\n\t\t};\n\t}, [\n\t\tclientIds,\n\t\teditorRoot,\n\t\tfadeWhenDisabled,\n\t\tgetAllowedBlocks,\n\t\tgetBlockNamesByClientId,\n\t\tgetBlockRootClientId,\n\t\tgetBlockType,\n\t\tvisibleInserter,\n\t] );\n\n\tif ( ! isDraggable ) {\n\t\treturn children( { draggable: false } );\n\t}\n\n\tconst transferData = {\n\t\ttype: 'block',\n\t\tsrcClientIds: clientIds,\n\t\tsrcRootClientId,\n\t};\n\n\treturn (\n\t\t<Draggable\n\t\t\tappendToOwnerDocument={ appendToOwnerDocument }\n\t\t\tcloneClassname={ cloneClassname }\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t// Defer hiding the dragged source element to the next\n\t\t\t\t// frame to enable dragging.\n\t\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\t\tstartDraggingBlocks( clientIds );\n\t\t\t\t\tisDraggingRef.current = true;\n\n\t\t\t\t\tstartScrolling( event );\n\n\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\tonDragStart();\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tonDragOver={ scrollOnDragOver }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDraggingBlocks();\n\t\t\t\tisDraggingRef.current = false;\n\n\t\t\t\tstopScrolling();\n\n\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\tonDragEnd();\n\t\t\t\t}\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t// Check against `undefined` so that `null` can be used to disable\n\t\t\t\t// the default drag component.\n\t\t\t\tdragComponent !== undefined ? (\n\t\t\t\t\tdragComponent\n\t\t\t\t) : (\n\t\t\t\t\t<BlockDraggableChip\n\t\t\t\t\t\tcount={ clientIds.length }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tfadeWhenDisabled\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t}\n\t\t\telementId={ elementId }\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: true,\n\t\t\t\t\tonDragStart: onDraggableStart,\n\t\t\t\t\tonDragEnd: onDraggableEnd,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default BlockDraggable;\n"],
   "mappings": ";AAAA,SAAS,SAAS,mBAAmB;AACrC,SAAS,iBAAiB;AAC1B,SAAS,WAAW,mBAAmB;AACvC,SAAS,WAAW,cAAc;AAClC,SAAS,gBAAgB;AACzB,OAAO,wBAAwB;AAC/B,OAAO,2BAA2B;AAClC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AA6M7B;AA3ML,IAAM,iBAAiB,CAAE;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AACD,MAAO;AACN,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI;AAAA,IACH,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA,sBAAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,gBAAiB;AAC7B,YAAM,EAAE,cAAc,eAAe,wBAAwB,IAC5D,OAAQ,WAAY;AACrB,YAAM,eAAeA,sBAAsB,UAAW,CAAE,CAAE;AAC1D,YAAM,YAAY,aAAc,UAAW,CAAE,CAAE;AAC/C,YAAM,YAAY;AAAA,QACjB;AAAA,QACA,mBAAoB,UAAW,CAAE,CAAE;AAAA,MACpC;AAEA,aAAO;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa,cAAe,SAAU;AAAA,QACtC,MAAM,WAAW,QAAQ,cAAe,SAAU,GAAG;AAAA,QACrD,iBAAiB,6BAA6B;AAAA,QAC9C,cAAc;AAAA,MACf;AAAA,IACD;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AAEA,QAAM,gBAAgB,OAAQ,KAAM;AACpC,QAAM,CAAE,gBAAgB,kBAAkB,aAAc,IACvD,sBAAsB;AAEvB,QAAM,EAAE,kBAAkB,yBAAyB,qBAAqB,IACvE,UAAW,gBAAiB;AAE7B,QAAM,EAAE,qBAAqB,mBAAmB,IAC/C,YAAa,gBAAiB;AAG/B,YAAW,MAAM;AAChB,WAAO,MAAM;AACZ,UAAK,cAAc,SAAU;AAC5B,2BAAmB;AAAA,MACpB;AAAA,IACD;AAAA,EACD,GAAG,CAAC,CAAE;AAGN,QAAM,UAAU,gBAAiB,UAAW,CAAE,CAAE;AAChD,QAAM,aAAa,SAAS,QAAS,MAAO;AAM5C,YAAW,MAAM;AAChB,QAAK,CAAE,cAAc,CAAE,kBAAmB;AACzC;AAAA,IACD;AAEA,UAAM,aAAa,CAAE,UAAW;AAC/B,UAAK,CAAE,MAAM,OAAO,QAAS,cAAe,GAAI;AAC/C;AAAA,MACD;AACA,YAAM,oBAAoB,wBAAyB,SAAU;AAC7D,YAAM,iBAAiB,MAAM,OAC3B,QAAS,cAAe,EACxB,aAAc,YAAa;AAE7B,YAAM,gBAAgB,iBAAkB,cAAe;AACvD,YAAM,kBAAkB,wBAAyB;AAAA,QAChD;AAAA,MACD,CAAE,EAAG,CAAE;AAQP,UAAI;AACJ,UAAK,eAAe,WAAW,GAAI;AAClC,cAAM,qBACL,qBAAsB,cAAe;AACtC,cAAM,sBAAsB,wBAAyB;AAAA,UACpD;AAAA,QACD,CAAE,EAAG,CAAE;AACP,cAAM,oBACL,iBAAkB,kBAAmB;AACtC,0BAAkB;AAAA,UACjB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD;AAAA,MACD,OAAO;AACN,0BAAkB;AAAA,UACjB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAOA,UAAK,CAAE,mBAAmB,CAAE,iBAAkB;AAC7C,gBAAQ,UAAU,MAAM,WAAW;AAAA,UAClC;AAAA,QACD;AAAA,MACD,OAAO;AACN,gBAAQ,UAAU,MAAM,WAAW;AAAA,UAClC;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAEA,UAAM,sBAAsB,SAAU,YAAY,GAAI;AAEtD,eAAW,iBAAkB,YAAY,mBAAoB;AAE7D,WAAO,MAAM;AACZ,iBAAW,oBAAqB,YAAY,mBAAoB;AAAA,IACjE;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AAEF,MAAK,CAAE,aAAc;AACpB,WAAO,SAAU,EAAE,WAAW,MAAM,CAAE;AAAA,EACvC;AAEA,QAAM,eAAe;AAAA,IACpB,MAAM;AAAA,IACN,cAAc;AAAA,IACd;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gCAA+B;AAAA,MAC/B;AAAA,MACA,aAAc,CAAE,UAAW;AAG1B,eAAO,sBAAuB,MAAM;AACnC,8BAAqB,SAAU;AAC/B,wBAAc,UAAU;AAExB,yBAAgB,KAAM;AAEtB,cAAK,aAAc;AAClB,wBAAY;AAAA,UACb;AAAA,QACD,CAAE;AAAA,MACH;AAAA,MACA,YAAa;AAAA,MACb,WAAY,MAAM;AACjB,2BAAmB;AACnB,sBAAc,UAAU;AAExB,sBAAc;AAEd,YAAK,WAAY;AAChB,oBAAU;AAAA,QACX;AAAA,MACD;AAAA,MACA;AAAA;AAAA;AAAA,QAGC,kBAAkB,SACjB,gBAEA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ,UAAU;AAAA,YAClB;AAAA,YACA,kBAAgB;AAAA;AAAA,QACjB;AAAA;AAAA,MAGF;AAAA,MAEE,WAAE,EAAE,kBAAkB,eAAe,MAAO;AAC7C,eAAO,SAAU;AAAA,UAChB,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,QACZ,CAAE;AAAA,MACH;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,0BAAQ;",
   "names": ["getBlockRootClientId"]

package/build-module/components/block-edit/edit.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-edit/edit.js
+// packages/block-editor/src/components/block-edit/edit.jsx
 import clsx from "clsx";
 import {
   getBlockDefaultClassName,

package/build-module/components/block-edit/edit.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-edit/edit.js"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n\tgetBlockDefaultClassName,\n\tgetBlockType,\n\thasBlockSupport,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { withFilters } from '@wordpress/components';\nimport { useRegistry, useSelect } from '@wordpress/data';\nimport { useCallback, useContext, useMemo } from '@wordpress/element';\nimport BlockContext from '../block-context';\nimport isURLLike from '../link-control/is-url-like';\nimport {\n\tgetBlockBindingsContext,\n\thasPatternOverridesDefaultBinding,\n\treplacePatternOverridesDefaultBinding,\n} from '../../utils/block-bindings';\nimport { unlock } from '../../lock-unlock';\nimport { PrivateBlockContext } from '../block-list/private-block-context';\n\nconst Edit = ( props ) => {\n\tconst { name } = props;\n\tconst blockType = getBlockType( name );\n\n\tif ( ! blockType ) {\n\t\treturn null;\n\t}\n\n\t// `edit` and `save` are functions or components describing the markup\n\t// with which a block is displayed. If `blockType` is valid, assign\n\t// them preferentially as the render value for the block.\n\tconst Component = blockType.edit || blockType.save;\n\n\treturn <Component { ...props } />;\n};\n\nconst EditWithFilters = withFilters( 'editor.BlockEdit' )( Edit );\n\nconst EditWithGeneratedProps = ( props ) => {\n\tconst { name, clientId, attributes, setAttributes } = props;\n\tconst registry = useRegistry();\n\tconst blockType = getBlockType( name );\n\tconst blockContext = useContext( BlockContext );\n\tconst registeredSources = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( blocksStore ) ).getAllBlockBindingsSources(),\n\t\t[]\n\t);\n\tconst { bindableAttributes } = useContext( PrivateBlockContext );\n\n\tconst { blockBindings, context, hasPatternOverrides } = useMemo( () => {\n\t\treturn {\n\t\t\tblockBindings: replacePatternOverridesDefaultBinding(\n\t\t\t\tattributes?.metadata?.bindings,\n\t\t\t\tbindableAttributes\n\t\t\t),\n\t\t\t// Assign context values using the block type's declared context\n\t\t\t// needs, plus the context requested by the block's bindings\n\t\t\t// sources.\n\t\t\tcontext: getBlockBindingsContext(\n\t\t\t\tblockContext,\n\t\t\t\tblockType?.usesContext,\n\t\t\t\tattributes?.metadata?.bindings\n\t\t\t\t\t? Object.values( attributes.metadata.bindings ).map(\n\t\t\t\t\t\t\t( binding ) => registeredSources[ binding?.source ]\n\t\t\t\t\t  )\n\t\t\t\t\t: undefined\n\t\t\t),\n\t\t\thasPatternOverrides: hasPatternOverridesDefaultBinding(\n\t\t\t\tattributes?.metadata?.bindings\n\t\t\t),\n\t\t};\n\t}, [\n\t\tblockType?.usesContext,\n\t\tblockContext,\n\t\tattributes?.metadata?.bindings,\n\t\tbindableAttributes,\n\t\tregisteredSources,\n\t] );\n\n\tconst computedAttributes = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! blockBindings ) {\n\t\t\t\treturn attributes;\n\t\t\t}\n\n\t\t\tconst attributesFromSources = {};\n\t\t\tconst blockBindingsBySource = new Map();\n\n\t\t\tfor ( const [ attributeName, binding ] of Object.entries(\n\t\t\t\tblockBindings\n\t\t\t) ) {\n\t\t\t\tconst { source: sourceName, args: sourceArgs } = binding;\n\t\t\t\tconst source = registeredSources[ sourceName ];\n\t\t\t\tif (\n\t\t\t\t\t! source ||\n\t\t\t\t\t! bindableAttributes?.includes( attributeName )\n\t\t\t\t) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tblockBindingsBySource.set( source, {\n\t\t\t\t\t...blockBindingsBySource.get( source ),\n\t\t\t\t\t[ attributeName ]: {\n\t\t\t\t\t\targs: sourceArgs,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( blockBindingsBySource.size ) {\n\t\t\t\tfor ( const [ source, bindings ] of blockBindingsBySource ) {\n\t\t\t\t\t// Get values in batch if the source supports it.\n\t\t\t\t\tlet values = {};\n\t\t\t\t\tif ( ! source.getValues ) {\n\t\t\t\t\t\tObject.keys( bindings ).forEach( ( attr ) => {\n\t\t\t\t\t\t\t// Default to the the source label when `getValues` doesn't exist.\n\t\t\t\t\t\t\tvalues[ attr ] = source.label;\n\t\t\t\t\t\t} );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvalues = source.getValues( {\n\t\t\t\t\t\t\tselect,\n\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tbindings,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tfor ( const [ attributeName, value ] of Object.entries(\n\t\t\t\t\t\tvalues\n\t\t\t\t\t) ) {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tattributeName === 'url' &&\n\t\t\t\t\t\t\t( ! value || ! isURLLike( value ) )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// Return null if value is not a valid URL.\n\t\t\t\t\t\t\tattributesFromSources[ attributeName ] = null;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tattributesFromSources[ attributeName ] = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\t...attributesFromSources,\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tattributes,\n\t\t\tbindableAttributes,\n\t\t\tblockBindings,\n\t\t\tclientId,\n\t\t\tcontext,\n\t\t\tregisteredSources,\n\t\t]\n\t);\n\n\tconst setBoundAttributes = useCallback(\n\t\t( nextAttributes ) => {\n\t\t\tif ( ! blockBindings ) {\n\t\t\t\tsetAttributes( nextAttributes );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tregistry.batch( () => {\n\t\t\t\tconst keptAttributes = { ...nextAttributes };\n\t\t\t\tconst blockBindingsBySource = new Map();\n\n\t\t\t\t// Loop only over the updated attributes to avoid modifying the bound ones that haven't changed.\n\t\t\t\tfor ( const [ attributeName, newValue ] of Object.entries(\n\t\t\t\t\tkeptAttributes\n\t\t\t\t) ) {\n\t\t\t\t\tif (\n\t\t\t\t\t\t! blockBindings[ attributeName ] ||\n\t\t\t\t\t\t! bindableAttributes?.includes( attributeName )\n\t\t\t\t\t) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst binding = blockBindings[ attributeName ];\n\t\t\t\t\tconst source = registeredSources[ binding?.source ];\n\t\t\t\t\tif ( ! source?.setValues ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t\tblockBindingsBySource.set( source, {\n\t\t\t\t\t\t...blockBindingsBySource.get( source ),\n\t\t\t\t\t\t[ attributeName ]: {\n\t\t\t\t\t\t\targs: binding.args,\n\t\t\t\t\t\t\tnewValue,\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t\tdelete keptAttributes[ attributeName ];\n\t\t\t\t}\n\n\t\t\t\tif ( blockBindingsBySource.size ) {\n\t\t\t\t\tfor ( const [\n\t\t\t\t\t\tsource,\n\t\t\t\t\t\tbindings,\n\t\t\t\t\t] of blockBindingsBySource ) {\n\t\t\t\t\t\tsource.setValues( {\n\t\t\t\t\t\t\tselect: registry.select,\n\t\t\t\t\t\t\tdispatch: registry.dispatch,\n\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tbindings,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst hasParentPattern = !! context[ 'pattern/overrides' ];\n\n\t\t\t\tif (\n\t\t\t\t\t// Don't update non-connected attributes if the block is using pattern overrides\n\t\t\t\t\t// and the editing is happening while overriding the pattern (not editing the original).\n\t\t\t\t\t! ( hasPatternOverrides && hasParentPattern ) &&\n\t\t\t\t\tObject.keys( keptAttributes ).length\n\t\t\t\t) {\n\t\t\t\t\t// Don't update href until it is supported.\n\t\t\t\t\tif ( hasPatternOverrides ) {\n\t\t\t\t\t\tdelete keptAttributes.href;\n\t\t\t\t\t}\n\t\t\t\t\tsetAttributes( keptAttributes );\n\t\t\t\t}\n\t\t\t} );\n\t\t},\n\t\t[\n\t\t\tbindableAttributes,\n\t\t\tblockBindings,\n\t\t\tclientId,\n\t\t\tcontext,\n\t\t\thasPatternOverrides,\n\t\t\tsetAttributes,\n\t\t\tregisteredSources,\n\t\t\tregistry,\n\t\t]\n\t);\n\n\tif ( ! blockType ) {\n\t\treturn null;\n\t}\n\n\tif ( blockType.apiVersion > 1 ) {\n\t\treturn (\n\t\t\t<EditWithFilters\n\t\t\t\t{ ...props }\n\t\t\t\tattributes={ computedAttributes }\n\t\t\t\tcontext={ context }\n\t\t\t\tsetAttributes={ setBoundAttributes }\n\t\t\t/>\n\t\t);\n\t}\n\n\t// Generate a class name for the block's editable form.\n\tconst generatedClassName = hasBlockSupport( blockType, 'className', true )\n\t\t? getBlockDefaultClassName( name )\n\t\t: null;\n\tconst className = clsx(\n\t\tgeneratedClassName,\n\t\tattributes?.className,\n\t\tprops.className\n\t);\n\n\treturn (\n\t\t<EditWithFilters\n\t\t\t{ ...props }\n\t\t\tattributes={ computedAttributes }\n\t\t\tclassName={ className }\n\t\t\tcontext={ context }\n\t\t\tsetAttributes={ setBoundAttributes }\n\t\t/>\n\t);\n};\n\nexport default EditWithGeneratedProps;\n"],
+  "sources": ["../../../src/components/block-edit/edit.jsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n\tgetBlockDefaultClassName,\n\tgetBlockType,\n\thasBlockSupport,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { withFilters } from '@wordpress/components';\nimport { useRegistry, useSelect } from '@wordpress/data';\nimport { useCallback, useContext, useMemo } from '@wordpress/element';\nimport BlockContext from '../block-context';\nimport isURLLike from '../link-control/is-url-like';\nimport {\n\tgetBlockBindingsContext,\n\thasPatternOverridesDefaultBinding,\n\treplacePatternOverridesDefaultBinding,\n} from '../../utils/block-bindings';\nimport { unlock } from '../../lock-unlock';\nimport { PrivateBlockContext } from '../block-list/private-block-context';\n\nconst Edit = ( props ) => {\n\tconst { name } = props;\n\tconst blockType = getBlockType( name );\n\n\tif ( ! blockType ) {\n\t\treturn null;\n\t}\n\n\t// `edit` and `save` are functions or components describing the markup\n\t// with which a block is displayed. If `blockType` is valid, assign\n\t// them preferentially as the render value for the block.\n\tconst Component = blockType.edit || blockType.save;\n\n\treturn <Component { ...props } />;\n};\n\nconst EditWithFilters = withFilters( 'editor.BlockEdit' )( Edit );\n\nconst EditWithGeneratedProps = ( props ) => {\n\tconst { name, clientId, attributes, setAttributes } = props;\n\tconst registry = useRegistry();\n\tconst blockType = getBlockType( name );\n\tconst blockContext = useContext( BlockContext );\n\tconst registeredSources = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( blocksStore ) ).getAllBlockBindingsSources(),\n\t\t[]\n\t);\n\tconst { bindableAttributes } = useContext( PrivateBlockContext );\n\n\tconst { blockBindings, context, hasPatternOverrides } = useMemo( () => {\n\t\treturn {\n\t\t\tblockBindings: replacePatternOverridesDefaultBinding(\n\t\t\t\tattributes?.metadata?.bindings,\n\t\t\t\tbindableAttributes\n\t\t\t),\n\t\t\t// Assign context values using the block type's declared context\n\t\t\t// needs, plus the context requested by the block's bindings\n\t\t\t// sources.\n\t\t\tcontext: getBlockBindingsContext(\n\t\t\t\tblockContext,\n\t\t\t\tblockType?.usesContext,\n\t\t\t\tattributes?.metadata?.bindings\n\t\t\t\t\t? Object.values( attributes.metadata.bindings ).map(\n\t\t\t\t\t\t\t( binding ) => registeredSources[ binding?.source ]\n\t\t\t\t\t  )\n\t\t\t\t\t: undefined\n\t\t\t),\n\t\t\thasPatternOverrides: hasPatternOverridesDefaultBinding(\n\t\t\t\tattributes?.metadata?.bindings\n\t\t\t),\n\t\t};\n\t}, [\n\t\tblockType?.usesContext,\n\t\tblockContext,\n\t\tattributes?.metadata?.bindings,\n\t\tbindableAttributes,\n\t\tregisteredSources,\n\t] );\n\n\tconst computedAttributes = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! blockBindings ) {\n\t\t\t\treturn attributes;\n\t\t\t}\n\n\t\t\tconst attributesFromSources = {};\n\t\t\tconst blockBindingsBySource = new Map();\n\n\t\t\tfor ( const [ attributeName, binding ] of Object.entries(\n\t\t\t\tblockBindings\n\t\t\t) ) {\n\t\t\t\tconst { source: sourceName, args: sourceArgs } = binding;\n\t\t\t\tconst source = registeredSources[ sourceName ];\n\t\t\t\tif (\n\t\t\t\t\t! source ||\n\t\t\t\t\t! bindableAttributes?.includes( attributeName )\n\t\t\t\t) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tblockBindingsBySource.set( source, {\n\t\t\t\t\t...blockBindingsBySource.get( source ),\n\t\t\t\t\t[ attributeName ]: {\n\t\t\t\t\t\targs: sourceArgs,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( blockBindingsBySource.size ) {\n\t\t\t\tfor ( const [ source, bindings ] of blockBindingsBySource ) {\n\t\t\t\t\t// Get values in batch if the source supports it.\n\t\t\t\t\tlet values = {};\n\t\t\t\t\tif ( ! source.getValues ) {\n\t\t\t\t\t\tObject.keys( bindings ).forEach( ( attr ) => {\n\t\t\t\t\t\t\t// Default to the source label when `getValues` doesn't exist.\n\t\t\t\t\t\t\tvalues[ attr ] = source.label;\n\t\t\t\t\t\t} );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvalues = source.getValues( {\n\t\t\t\t\t\t\tselect,\n\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tbindings,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tfor ( const [ attributeName, value ] of Object.entries(\n\t\t\t\t\t\tvalues\n\t\t\t\t\t) ) {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tattributeName === 'url' &&\n\t\t\t\t\t\t\t( ! value || ! isURLLike( value ) )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// Return null if value is not a valid URL.\n\t\t\t\t\t\t\tattributesFromSources[ attributeName ] = null;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tattributesFromSources[ attributeName ] = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\t...attributesFromSources,\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tattributes,\n\t\t\tbindableAttributes,\n\t\t\tblockBindings,\n\t\t\tclientId,\n\t\t\tcontext,\n\t\t\tregisteredSources,\n\t\t]\n\t);\n\n\tconst setBoundAttributes = useCallback(\n\t\t( nextAttributes ) => {\n\t\t\tif ( ! blockBindings ) {\n\t\t\t\tsetAttributes( nextAttributes );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tregistry.batch( () => {\n\t\t\t\tconst keptAttributes = { ...nextAttributes };\n\t\t\t\tconst blockBindingsBySource = new Map();\n\n\t\t\t\t// Loop only over the updated attributes to avoid modifying the bound ones that haven't changed.\n\t\t\t\tfor ( const [ attributeName, newValue ] of Object.entries(\n\t\t\t\t\tkeptAttributes\n\t\t\t\t) ) {\n\t\t\t\t\tif (\n\t\t\t\t\t\t! blockBindings[ attributeName ] ||\n\t\t\t\t\t\t! bindableAttributes?.includes( attributeName )\n\t\t\t\t\t) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst binding = blockBindings[ attributeName ];\n\t\t\t\t\tconst source = registeredSources[ binding?.source ];\n\t\t\t\t\tif ( ! source?.setValues ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t\tblockBindingsBySource.set( source, {\n\t\t\t\t\t\t...blockBindingsBySource.get( source ),\n\t\t\t\t\t\t[ attributeName ]: {\n\t\t\t\t\t\t\targs: binding.args,\n\t\t\t\t\t\t\tnewValue,\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t\tdelete keptAttributes[ attributeName ];\n\t\t\t\t}\n\n\t\t\t\tif ( blockBindingsBySource.size ) {\n\t\t\t\t\tfor ( const [\n\t\t\t\t\t\tsource,\n\t\t\t\t\t\tbindings,\n\t\t\t\t\t] of blockBindingsBySource ) {\n\t\t\t\t\t\tsource.setValues( {\n\t\t\t\t\t\t\tselect: registry.select,\n\t\t\t\t\t\t\tdispatch: registry.dispatch,\n\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tbindings,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst hasParentPattern = !! context[ 'pattern/overrides' ];\n\n\t\t\t\tif (\n\t\t\t\t\t// Don't update non-connected attributes if the block is using pattern overrides\n\t\t\t\t\t// and the editing is happening while overriding the pattern (not editing the original).\n\t\t\t\t\t! ( hasPatternOverrides && hasParentPattern ) &&\n\t\t\t\t\tObject.keys( keptAttributes ).length\n\t\t\t\t) {\n\t\t\t\t\t// Don't update href until it is supported.\n\t\t\t\t\tif ( hasPatternOverrides ) {\n\t\t\t\t\t\tdelete keptAttributes.href;\n\t\t\t\t\t}\n\t\t\t\t\tsetAttributes( keptAttributes );\n\t\t\t\t}\n\t\t\t} );\n\t\t},\n\t\t[\n\t\t\tbindableAttributes,\n\t\t\tblockBindings,\n\t\t\tclientId,\n\t\t\tcontext,\n\t\t\thasPatternOverrides,\n\t\t\tsetAttributes,\n\t\t\tregisteredSources,\n\t\t\tregistry,\n\t\t]\n\t);\n\n\tif ( ! blockType ) {\n\t\treturn null;\n\t}\n\n\tif ( blockType.apiVersion > 1 ) {\n\t\treturn (\n\t\t\t<EditWithFilters\n\t\t\t\t{ ...props }\n\t\t\t\tattributes={ computedAttributes }\n\t\t\t\tcontext={ context }\n\t\t\t\tsetAttributes={ setBoundAttributes }\n\t\t\t/>\n\t\t);\n\t}\n\n\t// Generate a class name for the block's editable form.\n\tconst generatedClassName = hasBlockSupport( blockType, 'className', true )\n\t\t? getBlockDefaultClassName( name )\n\t\t: null;\n\tconst className = clsx(\n\t\tgeneratedClassName,\n\t\tattributes?.className,\n\t\tprops.className\n\t);\n\n\treturn (\n\t\t<EditWithFilters\n\t\t\t{ ...props }\n\t\t\tattributes={ computedAttributes }\n\t\t\tclassName={ className }\n\t\t\tcontext={ context }\n\t\t\tsetAttributes={ setBoundAttributes }\n\t\t/>\n\t);\n};\n\nexport default EditWithGeneratedProps;\n"],
   "mappings": "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",
   "names": []
 }

package/build-module/components/block-edit/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-edit/index.js
+// packages/block-editor/src/components/block-edit/index.jsx
 import { useMemo, useContext } from "@wordpress/element";
 import { hasBlockSupport } from "@wordpress/blocks";
 import Edit from "./edit.mjs";

package/build-module/components/block-edit/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-edit/index.js"],
+  "sources": ["../../../src/components/block-edit/index.jsx"],
   "sourcesContent": ["import { useMemo, useContext } from '@wordpress/element';\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport Edit from './edit';\nimport {\n\tBlockEditContextProvider,\n\tuseBlockEditContext,\n\tmayDisplayControlsKey,\n\tmayDisplayParentControlsKey,\n\tmayDisplayPatternEditingControlsKey,\n\tblockEditingModeKey,\n\tblockBindingsKey,\n\tisPreviewModeKey,\n\tisInListViewBlockSupportTreeKey,\n} from './context';\nimport { MultipleUsageWarning } from './multiple-usage-warning';\nimport { PrivateBlockContext } from '../block-list/private-block-context';\n\n/**\n * The `useBlockEditContext` hook provides information about the block this hook is being used in.\n * It returns an object with the `name`, `isSelected` state, and the `clientId` of the block.\n * It is useful if you want to create custom hooks that need access to the current blocks clientId\n * but don't want to rely on the data getting passed in as a parameter.\n *\n * @return {Object} Block edit context\n */\nexport { useBlockEditContext };\n\nexport default function BlockEdit( {\n\tmayDisplayControls,\n\tmayDisplayParentControls,\n\tmayDisplayPatternEditingControls,\n\tblockEditingMode,\n\tisPreviewMode,\n\t// The remaining props are passed through the BlockEdit filters and are thus\n\t// public API!\n\t...props\n} ) {\n\tconst {\n\t\tname,\n\t\tisSelected,\n\t\tclientId,\n\t\tattributes = {},\n\t\t__unstableLayoutClassNames,\n\t} = props;\n\tconst { layout = null, metadata = {} } = attributes;\n\tconst { bindings } = metadata;\n\tconst layoutSupport =\n\t\thasBlockSupport( name, 'layout', false ) ||\n\t\thasBlockSupport( name, '__experimentalLayout', false );\n\tconst parentBlockEditContext = useBlockEditContext();\n\tconst isInListViewBlockSupportTree =\n\t\t!! parentBlockEditContext[ isInListViewBlockSupportTreeKey ] ||\n\t\thasBlockSupport( name, 'listView' ) ||\n\t\tname === 'core/navigation';\n\tconst { originalBlockClientId } = useContext( PrivateBlockContext );\n\n\treturn (\n\t\t<BlockEditContextProvider\n\t\t\t// It is important to return the same object if props haven't\n\t\t\t// changed to avoid  unnecessary rerenders.\n\t\t\t// See https://reactjs.org/docs/context.html#caveats.\n\t\t\tvalue={ useMemo(\n\t\t\t\t() => ( {\n\t\t\t\t\tname,\n\t\t\t\t\tisSelected,\n\t\t\t\t\tclientId,\n\t\t\t\t\tlayout: layoutSupport ? layout : null,\n\t\t\t\t\t__unstableLayoutClassNames,\n\t\t\t\t\t// We use symbols in favour of an __unstable prefix to avoid\n\t\t\t\t\t// usage outside of the package (this context is exposed).\n\t\t\t\t\t[ mayDisplayControlsKey ]: mayDisplayControls,\n\t\t\t\t\t[ mayDisplayParentControlsKey ]: mayDisplayParentControls,\n\t\t\t\t\t[ mayDisplayPatternEditingControlsKey ]:\n\t\t\t\t\t\tmayDisplayPatternEditingControls &&\n\t\t\t\t\t\tblockEditingMode !== 'disabled',\n\t\t\t\t\t[ blockEditingModeKey ]: blockEditingMode,\n\t\t\t\t\t[ blockBindingsKey ]: bindings,\n\t\t\t\t\t[ isPreviewModeKey ]: isPreviewMode,\n\t\t\t\t\t[ isInListViewBlockSupportTreeKey ]:\n\t\t\t\t\t\tisInListViewBlockSupportTree,\n\t\t\t\t} ),\n\t\t\t\t[\n\t\t\t\t\tname,\n\t\t\t\t\tisSelected,\n\t\t\t\t\tclientId,\n\t\t\t\t\tlayoutSupport,\n\t\t\t\t\tlayout,\n\t\t\t\t\t__unstableLayoutClassNames,\n\t\t\t\t\tmayDisplayControls,\n\t\t\t\t\tmayDisplayParentControls,\n\t\t\t\t\tmayDisplayPatternEditingControls,\n\t\t\t\t\tblockEditingMode,\n\t\t\t\t\tbindings,\n\t\t\t\t\tisPreviewMode,\n\t\t\t\t\tisInListViewBlockSupportTree,\n\t\t\t\t]\n\t\t\t) }\n\t\t>\n\t\t\t<Edit { ...props } />\n\t\t\t{ originalBlockClientId && (\n\t\t\t\t<MultipleUsageWarning\n\t\t\t\t\toriginalBlockClientId={ originalBlockClientId }\n\t\t\t\t\tname={ name }\n\t\t\t\t\tonReplace={ props.onReplace }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</BlockEditContextProvider>\n\t);\n}\n"],
   "mappings": ";AAAA,SAAS,SAAS,kBAAkB;AACpC,SAAS,uBAAuB;AAChC,OAAO,UAAU;AACjB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AA0ClC,SAyCC,KAzCD;AA9Ba,SAAR,UAA4B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA,EAGA,GAAG;AACJ,GAAI;AACH,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,CAAC;AAAA,IACd;AAAA,EACD,IAAI;AACJ,QAAM,EAAE,SAAS,MAAM,WAAW,CAAC,EAAE,IAAI;AACzC,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,gBACL,gBAAiB,MAAM,UAAU,KAAM,KACvC,gBAAiB,MAAM,wBAAwB,KAAM;AACtD,QAAM,yBAAyB,oBAAoB;AACnD,QAAM,+BACL,CAAC,CAAE,uBAAwB,+BAAgC,KAC3D,gBAAiB,MAAM,UAAW,KAClC,SAAS;AACV,QAAM,EAAE,sBAAsB,IAAI,WAAY,mBAAoB;AAElE,SACC;AAAA,IAAC;AAAA;AAAA,MAIA,OAAQ;AAAA,QACP,OAAQ;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ,gBAAgB,SAAS;AAAA,UACjC;AAAA;AAAA;AAAA,UAGA,CAAE,qBAAsB,GAAG;AAAA,UAC3B,CAAE,2BAA4B,GAAG;AAAA,UACjC,CAAE,mCAAoC,GACrC,oCACA,qBAAqB;AAAA,UACtB,CAAE,mBAAoB,GAAG;AAAA,UACzB,CAAE,gBAAiB,GAAG;AAAA,UACtB,CAAE,gBAAiB,GAAG;AAAA,UACtB,CAAE,+BAAgC,GACjC;AAAA,QACF;AAAA,QACA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,MAEA;AAAA,4BAAC,QAAO,GAAG,OAAQ;AAAA,QACjB,yBACD;AAAA,UAAC;AAAA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAY,MAAM;AAAA;AAAA,QACnB;AAAA;AAAA;AAAA,EAEF;AAEF;",
   "names": []

package/build-module/components/block-edit/multiple-usage-warning.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-edit/multiple-usage-warning.js
+// packages/block-editor/src/components/block-edit/multiple-usage-warning.jsx
 import { getBlockType } from "@wordpress/blocks";
 import { Button } from "@wordpress/components";
 import { useDispatch } from "@wordpress/data";

package/build-module/components/block-edit/multiple-usage-warning.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-edit/multiple-usage-warning.js"],
+  "sources": ["../../../src/components/block-edit/multiple-usage-warning.jsx"],
   "sourcesContent": ["import { getBlockType } from '@wordpress/blocks';\nimport { Button } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { store as blockEditorStore } from '../../store';\nimport Warning from '../warning';\n\nexport function MultipleUsageWarning( {\n\toriginalBlockClientId,\n\tname,\n\tonReplace,\n} ) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst blockType = getBlockType( name );\n\n\treturn (\n\t\t<Warning\n\t\t\tactions={ [\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tkey=\"find-original\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={ () => selectBlock( originalBlockClientId ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Find original' ) }\n\t\t\t\t</Button>,\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tkey=\"remove\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={ () => onReplace( [] ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t</Button>,\n\t\t\t] }\n\t\t>\n\t\t\t<strong>{ blockType?.title }: </strong>\n\t\t\t{ __( 'This block can only be used once.' ) }\n\t\t</Warning>\n\t);\n}\n"],
   "mappings": ";AAAA,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AACnB,SAAS,SAAS,wBAAwB;AAC1C,OAAO,aAAa;AAahB,cAkBD,YAlBC;AAXG,SAAS,qBAAsB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,YAAY,IAAI,YAAa,gBAAiB;AACtD,QAAM,YAAY,aAAc,IAAK;AAErC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAU;AAAA,QACT;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YAErB,SAAQ;AAAA,YACR,SAAU,MAAM,YAAa,qBAAsB;AAAA,YAEjD,aAAI,eAAgB;AAAA;AAAA,UAJlB;AAAA,QAKL;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YAErB,SAAQ;AAAA,YACR,SAAU,MAAM,UAAW,CAAC,CAAE;AAAA,YAE5B,aAAI,QAAS;AAAA;AAAA,UAJX;AAAA,QAKL;AAAA,MACD;AAAA,MAEA;AAAA,6BAAC,YAAS;AAAA,qBAAW;AAAA,UAAO;AAAA,WAAE;AAAA,QAC5B,GAAI,mCAAoC;AAAA;AAAA;AAAA,EAC3C;AAEF;",
   "names": []

package/build-module/components/block-edit-visually-button/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-edit-visually-button/index.js
+// packages/block-editor/src/components/block-edit-visually-button/index.jsx
 import { ToolbarButton, ToolbarGroup } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
 import { useSelect, useDispatch } from "@wordpress/data";

package/build-module/components/block-edit-visually-button/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-edit-visually-button/index.js"],
+  "sources": ["../../../src/components/block-edit-visually-button/index.jsx"],
   "sourcesContent": ["import { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockEditVisuallyButton( { clientIds } ) {\n\t// Edit visually only works for single block selection.\n\tconst clientId = clientIds.length === 1 ? clientIds[ 0 ] : undefined;\n\tconst canEditVisually = useSelect(\n\t\t( select ) =>\n\t\t\t!! clientId &&\n\t\t\tselect( blockEditorStore ).getBlockMode( clientId ) === 'html',\n\t\t[ clientId ]\n\t);\n\tconst { toggleBlockMode } = useDispatch( blockEditorStore );\n\n\tif ( ! canEditVisually ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tonClick={ () => {\n\t\t\t\t\ttoggleBlockMode( clientId );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Edit visually' ) }\n\t\t\t</ToolbarButton>\n\t\t</ToolbarGroup>\n\t);\n}\n"],
   "mappings": ";AAAA,SAAS,eAAe,oBAAoB;AAC5C,SAAS,UAAU;AACnB,SAAS,WAAW,mBAAmB;AACvC,SAAS,SAAS,wBAAwB;AAmBvC;AAjBY,SAAR,wBAA0C,EAAE,UAAU,GAAI;AAEhE,QAAM,WAAW,UAAU,WAAW,IAAI,UAAW,CAAE,IAAI;AAC3D,QAAM,kBAAkB;AAAA,IACvB,CAAE,WACD,CAAC,CAAE,YACH,OAAQ,gBAAiB,EAAE,aAAc,QAAS,MAAM;AAAA,IACzD,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,EAAE,gBAAgB,IAAI,YAAa,gBAAiB;AAE1D,MAAK,CAAE,iBAAkB;AACxB,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,gBACA;AAAA,IAAC;AAAA;AAAA,MACA,SAAU,MAAM;AACf,wBAAiB,QAAS;AAAA,MAC3B;AAAA,MAEE,aAAI,eAAgB;AAAA;AAAA,EACvB,GACD;AAEF;",
   "names": []

package/build-module/components/block-full-height-alignment-control/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-full-height-alignment-control/index.js
+// packages/block-editor/src/components/block-full-height-alignment-control/index.jsx
 import { __ } from "@wordpress/i18n";
 import { ToolbarButton } from "@wordpress/components";
 import { fullHeight } from "@wordpress/icons";

package/build-module/components/block-full-height-alignment-control/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-full-height-alignment-control/index.js"],
+  "sources": ["../../../src/components/block-full-height-alignment-control/index.jsx"],
   "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { ToolbarButton } from '@wordpress/components';\nimport { fullHeight } from '@wordpress/icons';\n\nfunction BlockFullHeightAlignmentControl( {\n\tisActive,\n\tlabel = __( 'Full height' ),\n\tonToggle,\n\tisDisabled,\n} ) {\n\treturn (\n\t\t<ToolbarButton\n\t\t\tisActive={ isActive }\n\t\t\ticon={ fullHeight }\n\t\t\tlabel={ label }\n\t\t\tonClick={ () => onToggle( ! isActive ) }\n\t\t\tdisabled={ isDisabled }\n\t\t/>\n\t);\n}\n\nexport default BlockFullHeightAlignmentControl;\n"],
   "mappings": ";AAAA,SAAS,UAAU;AACnB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AASzB;AAPF,SAAS,gCAAiC;AAAA,EACzC;AAAA,EACA,QAAQ,GAAI,aAAc;AAAA,EAC1B;AAAA,EACA;AACD,GAAI;AACH,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,MAAO;AAAA,MACP;AAAA,MACA,SAAU,MAAM,SAAU,CAAE,QAAS;AAAA,MACrC,UAAW;AAAA;AAAA,EACZ;AAEF;AAEA,IAAO,8CAAQ;",
   "names": []

package/build-module/components/block-heading-level-dropdown/heading-level-icon.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-heading-level-dropdown/heading-level-icon.js
+// packages/block-editor/src/components/block-heading-level-dropdown/heading-level-icon.jsx
 import {
   headingLevel1,
   headingLevel2,

package/build-module/components/block-heading-level-dropdown/heading-level-icon.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-heading-level-dropdown/heading-level-icon.js"],
+  "sources": ["../../../src/components/block-heading-level-dropdown/heading-level-icon.jsx"],
   "sourcesContent": ["import {\n\theadingLevel1,\n\theadingLevel2,\n\theadingLevel3,\n\theadingLevel4,\n\theadingLevel5,\n\theadingLevel6,\n\tparagraph,\n} from '@wordpress/icons';\nimport { Icon as WCIcon } from '@wordpress/components';\n\n/** @typedef {React.ComponentType} ComponentType */\n\n/**\n * HeadingLevelIcon props.\n *\n * @typedef WPHeadingLevelIconProps\n *\n * @property {number} level The heading level to show an icon for.\n */\n\nconst LEVEL_TO_PATH = {\n\t0: paragraph,\n\t1: headingLevel1,\n\t2: headingLevel2,\n\t3: headingLevel3,\n\t4: headingLevel4,\n\t5: headingLevel5,\n\t6: headingLevel6,\n};\n\n/**\n * Heading level icon.\n *\n * @param {WPHeadingLevelIconProps} props Component props.\n *\n * @return {?ComponentType} The icon.\n */\nexport default function HeadingLevelIcon( { level } ) {\n\tif ( LEVEL_TO_PATH[ level ] ) {\n\t\treturn <WCIcon icon={ LEVEL_TO_PATH[ level ] } />;\n\t}\n\n\treturn null;\n}\n"],
   "mappings": ";AAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,QAAQ,cAAc;AA+BtB;AAnBT,IAAM,gBAAgB;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACJ;AASe,SAAR,iBAAmC,EAAE,MAAM,GAAI;AACrD,MAAK,cAAe,KAAM,GAAI;AAC7B,WAAO,oBAAC,UAAO,MAAO,cAAe,KAAM,GAAI;AAAA,EAChD;AAEA,SAAO;AACR;",
   "names": []

package/build-module/components/block-heading-level-dropdown/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-heading-level-dropdown/index.js
+// packages/block-editor/src/components/block-heading-level-dropdown/index.jsx
 import { ToolbarDropdownMenu } from "@wordpress/components";
 import { __, sprintf } from "@wordpress/i18n";
 import HeadingLevelIcon from "./heading-level-icon.mjs";

package/build-module/components/block-heading-level-dropdown/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-heading-level-dropdown/index.js"],
+  "sources": ["../../../src/components/block-heading-level-dropdown/index.jsx"],
   "sourcesContent": ["import { ToolbarDropdownMenu } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport HeadingLevelIcon from './heading-level-icon';\n\nconst HEADING_LEVELS = [ 1, 2, 3, 4, 5, 6 ];\n\nconst POPOVER_PROPS = {\n\tclassName: 'block-library-heading-level-dropdown',\n};\n\n/** @typedef {React.ComponentType} ComponentType */\n\n/**\n * HeadingLevelDropdown props.\n *\n * @typedef WPHeadingLevelDropdownProps\n *\n * @property {number}     value    The chosen heading level.\n * @property {number[]}   options  An array of supported heading levels.\n * @property {()=>number} onChange Function called with\n *                                 the selected value changes.\n */\n\n/**\n * Dropdown for selecting a heading level (1 through 6) or paragraph (0).\n *\n * @param {WPHeadingLevelDropdownProps} props Component props.\n *\n * @return {ComponentType} The toolbar.\n */\nexport default function HeadingLevelDropdown( {\n\toptions = HEADING_LEVELS,\n\tvalue,\n\tonChange,\n} ) {\n\tconst validOptions = options\n\t\t.filter(\n\t\t\t( option ) => option === 0 || HEADING_LEVELS.includes( option )\n\t\t)\n\t\t.sort( ( a, b ) => a - b ); // Sorts numerically in ascending order;\n\n\treturn (\n\t\t<ToolbarDropdownMenu\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\ticon={ <HeadingLevelIcon level={ value } /> }\n\t\t\tlabel={ __( 'Change level' ) }\n\t\t\tcontrols={ validOptions.map( ( targetLevel ) => {\n\t\t\t\tconst isActive = targetLevel === value;\n\t\t\t\treturn {\n\t\t\t\t\ticon: <HeadingLevelIcon level={ targetLevel } />,\n\t\t\t\t\ttitle:\n\t\t\t\t\t\ttargetLevel === 0\n\t\t\t\t\t\t\t? __( 'Paragraph' )\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %d: heading level e.g: \"1\", \"2\", \"3\"\n\t\t\t\t\t\t\t\t\t__( 'Heading %d' ),\n\t\t\t\t\t\t\t\t\ttargetLevel\n\t\t\t\t\t\t\t  ),\n\t\t\t\t\tisActive,\n\t\t\t\t\tonClick() {\n\t\t\t\t\t\tonChange( targetLevel );\n\t\t\t\t\t},\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t};\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"],
   "mappings": ";AAAA,SAAS,2BAA2B;AACpC,SAAS,IAAI,eAAe;AAC5B,OAAO,sBAAsB;AA0CnB;AAxCV,IAAM,iBAAiB,CAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAE;AAE1C,IAAM,gBAAgB;AAAA,EACrB,WAAW;AACZ;AAsBe,SAAR,qBAAuC;AAAA,EAC7C,UAAU;AAAA,EACV;AAAA,EACA;AACD,GAAI;AACH,QAAM,eAAe,QACnB;AAAA,IACA,CAAE,WAAY,WAAW,KAAK,eAAe,SAAU,MAAO;AAAA,EAC/D,EACC,KAAM,CAAE,GAAG,MAAO,IAAI,CAAE;AAE1B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,cAAe;AAAA,MACf,MAAO,oBAAC,oBAAiB,OAAQ,OAAQ;AAAA,MACzC,OAAQ,GAAI,cAAe;AAAA,MAC3B,UAAW,aAAa,IAAK,CAAE,gBAAiB;AAC/C,cAAM,WAAW,gBAAgB;AACjC,eAAO;AAAA,UACN,MAAM,oBAAC,oBAAiB,OAAQ,aAAc;AAAA,UAC9C,OACC,gBAAgB,IACb,GAAI,WAAY,IAChB;AAAA;AAAA,YAEA,GAAI,YAAa;AAAA,YACjB;AAAA,UACA;AAAA,UACJ;AAAA,UACA,UAAU;AACT,qBAAU,WAAY;AAAA,UACvB;AAAA,UACA,MAAM;AAAA,QACP;AAAA,MACD,CAAE;AAAA;AAAA,EACH;AAEF;",
   "names": []

package/build-module/components/block-icon/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-icon/index.js
+// packages/block-editor/src/components/block-icon/index.jsx
 import clsx from "clsx";
 import { Icon as WCIcon } from "@wordpress/components";
 import { blockDefault } from "@wordpress/icons";

package/build-module/components/block-icon/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-icon/index.js"],
+  "sources": ["../../../src/components/block-icon/index.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport { Icon as WCIcon } from '@wordpress/components';\nimport { blockDefault } from '@wordpress/icons';\nimport { memo } from '@wordpress/element';\n\nfunction BlockIcon( { icon, showColors = false, className, context } ) {\n\tif ( icon?.src === 'block-default' ) {\n\t\ticon = {\n\t\t\tsrc: blockDefault,\n\t\t};\n\t}\n\n\tconst renderedIcon = (\n\t\t<WCIcon\n\t\t\ticon={ icon && icon.src ? icon.src : icon }\n\t\t\tcontext={ context }\n\t\t/>\n\t);\n\tconst style = showColors\n\t\t? {\n\t\t\t\tbackgroundColor: icon && icon.background,\n\t\t\t\tcolor: icon && icon.foreground,\n\t\t  }\n\t\t: {};\n\n\treturn (\n\t\t<span\n\t\t\tstyle={ style }\n\t\t\tclassName={ clsx( 'block-editor-block-icon', className, {\n\t\t\t\t'has-colors': showColors,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ renderedIcon }\n\t\t</span>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-icon/README.md\n */\nexport default memo( BlockIcon );\n"],
   "mappings": ";AAAA,OAAO,UAAU;AACjB,SAAS,QAAQ,cAAc;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AAUnB;AARF,SAAS,UAAW,EAAE,MAAM,aAAa,OAAO,WAAW,QAAQ,GAAI;AACtE,MAAK,MAAM,QAAQ,iBAAkB;AACpC,WAAO;AAAA,MACN,KAAK;AAAA,IACN;AAAA,EACD;AAEA,QAAM,eACL;AAAA,IAAC;AAAA;AAAA,MACA,MAAO,QAAQ,KAAK,MAAM,KAAK,MAAM;AAAA,MACrC;AAAA;AAAA,EACD;AAED,QAAM,QAAQ,aACX;AAAA,IACA,iBAAiB,QAAQ,KAAK;AAAA,IAC9B,OAAO,QAAQ,KAAK;AAAA,EACpB,IACA,CAAC;AAEJ,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAY,KAAM,2BAA2B,WAAW;AAAA,QACvD,cAAc;AAAA,MACf,CAAE;AAAA,MAEA;AAAA;AAAA,EACH;AAEF;AAKA,IAAO,qBAAQ,KAAM,SAAU;",
   "names": []

package/build-module/components/block-inspector/edit-contents.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-inspector/edit-contents.js
+// packages/block-editor/src/components/block-inspector/edit-contents.jsx
 import { Button } from "@wordpress/components";
 import { Stack } from "@wordpress/ui";
 import { __ } from "@wordpress/i18n";

package/build-module/components/block-inspector/edit-contents.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-inspector/edit-contents.js"],
+  "sources": ["../../../src/components/block-inspector/edit-contents.jsx"],
   "sourcesContent": ["import { Button } from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isReusableBlock, isTemplatePart } from '@wordpress/blocks';\nimport useContentOnlySectionEdit from '../../hooks/use-content-only-section-edit';\nimport { store as blockEditorStore } from '../../store';\n\nfunction IsolatedEditButton( {\n\tattributes = {},\n\tonNavigateToEntityRecord,\n\tisTemplatePartBlock,\n} ) {\n\tconst { ref, theme, slug } = attributes;\n\tconst entityId = isTemplatePartBlock\n\t\t? theme && slug && `${ theme }//${ slug }`\n\t\t: ref;\n\n\tconst handleClick = () => {\n\t\tif ( ! entityId ) {\n\t\t\treturn;\n\t\t}\n\n\t\tonNavigateToEntityRecord( {\n\t\t\tpostId: entityId,\n\t\t\tpostType: isTemplatePartBlock ? 'wp_template_part' : 'wp_block',\n\t\t} );\n\t};\n\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"column\"\n\t\t\tclassName=\"block-editor-block-inspector-edit-contents\"\n\t\t>\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-block-inspector-edit-contents__button\"\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tonClick={ handleClick }\n\t\t\t\taccessibleWhenDisabled\n\t\t\t\tdisabled={ ! entityId }\n\t\t\t>\n\t\t\t\t{ __( 'Edit original' ) }\n\t\t\t</Button>\n\t\t</Stack>\n\t);\n}\n\nfunction InlineEditButton( {\n\tclientId,\n\teditedContentOnlySection,\n\teditContentOnlySection,\n\tstopEditingContentOnlySection,\n} ) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst handleClick = () => {\n\t\tif ( ! editedContentOnlySection ) {\n\t\t\teditContentOnlySection( clientId );\n\t\t\tselectBlock( clientId );\n\t\t} else {\n\t\t\tstopEditingContentOnlySection();\n\t\t\t// Keep the selected section pattern or content block selected after exiting.\n\t\t\tselectBlock( clientId );\n\t\t}\n\t};\n\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"column\"\n\t\t\tclassName=\"block-editor-block-inspector-edit-contents\"\n\t\t>\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-block-inspector-edit-contents__button\"\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tonClick={ handleClick }\n\t\t\t>\n\t\t\t\t{ editedContentOnlySection\n\t\t\t\t\t? /* translators: Button label to leave pattern editing mode. */\n\t\t\t\t\t  __( 'Exit pattern' )\n\t\t\t\t\t: /* translators: Button label to enter pattern editing mode. */\n\t\t\t\t\t  __( 'Edit pattern' ) }\n\t\t\t</Button>\n\t\t</Stack>\n\t);\n}\n\nexport default function EditContents( { clientId } ) {\n\tconst {\n\t\tisWithinSection,\n\t\tisWithinEditedSection,\n\t\teditedContentOnlySection,\n\t\teditContentOnlySection,\n\t\tstopEditingContentOnlySection,\n\t} = useContentOnlySectionEdit( clientId );\n\n\tconst { block, onNavigateToEntityRecord, canEdit } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock, getSettings, canEditBlock } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tblock: getBlock( clientId ),\n\t\t\t\tonNavigateToEntityRecord:\n\t\t\t\t\tgetSettings().onNavigateToEntityRecord,\n\t\t\t\tcanEdit: canEditBlock( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tif ( ! canEdit || ( ! isWithinSection && ! isWithinEditedSection ) ) {\n\t\treturn null;\n\t}\n\n\tconst isSyncedPattern = isReusableBlock( block );\n\tconst isTemplatePartBlock = isTemplatePart( block );\n\tconst shouldUseIsolatedEditor =\n\t\t( isSyncedPattern || isTemplatePartBlock ) && onNavigateToEntityRecord;\n\n\tif ( shouldUseIsolatedEditor ) {\n\t\treturn (\n\t\t\t<IsolatedEditButton\n\t\t\t\tattributes={ block?.attributes }\n\t\t\t\tonNavigateToEntityRecord={ onNavigateToEntityRecord }\n\t\t\t\tisTemplatePartBlock={ isTemplatePartBlock }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InlineEditButton\n\t\t\tclientId={ clientId }\n\t\t\teditedContentOnlySection={ editedContentOnlySection }\n\t\t\teditContentOnlySection={ editContentOnlySection }\n\t\t\tstopEditingContentOnlySection={ stopEditingContentOnlySection }\n\t\t/>\n\t);\n}\n"],
   "mappings": ";AAAA,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,UAAU;AACnB,SAAS,WAAW,mBAAmB;AACvC,SAAS,iBAAiB,sBAAsB;AAChD,OAAO,+BAA+B;AACtC,SAAS,SAAS,wBAAwB;AA4BvC;AA1BH,SAAS,mBAAoB;AAAA,EAC5B,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,KAAK,OAAO,KAAK,IAAI;AAC7B,QAAM,WAAW,sBACd,SAAS,QAAQ,GAAI,KAAM,KAAM,IAAK,KACtC;AAEH,QAAM,cAAc,MAAM;AACzB,QAAK,CAAE,UAAW;AACjB;AAAA,IACD;AAEA,6BAA0B;AAAA,MACzB,QAAQ;AAAA,MACR,UAAU,sBAAsB,qBAAqB;AAAA,IACtD,CAAE;AAAA,EACH;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,WAAU;AAAA,MAEV;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,uBAAqB;AAAA,UACrB,SAAQ;AAAA,UACR,SAAU;AAAA,UACV,wBAAsB;AAAA,UACtB,UAAW,CAAE;AAAA,UAEX,aAAI,eAAgB;AAAA;AAAA,MACvB;AAAA;AAAA,EACD;AAEF;AAEA,SAAS,iBAAkB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,YAAY,IAAI,YAAa,gBAAiB;AACtD,QAAM,cAAc,MAAM;AACzB,QAAK,CAAE,0BAA2B;AACjC,6BAAwB,QAAS;AACjC,kBAAa,QAAS;AAAA,IACvB,OAAO;AACN,oCAA8B;AAE9B,kBAAa,QAAS;AAAA,IACvB;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,WAAU;AAAA,MAEV;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,uBAAqB;AAAA,UACrB,SAAQ;AAAA,UACR,SAAU;AAAA,UAER;AAAA;AAAA,YAEC,GAAI,cAAe;AAAA;AAAA;AAAA,YAEnB,GAAI,cAAe;AAAA;AAAA;AAAA,MACvB;AAAA;AAAA,EACD;AAEF;AAEe,SAAR,aAA+B,EAAE,SAAS,GAAI;AACpD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI,0BAA2B,QAAS;AAExC,QAAM,EAAE,OAAO,0BAA0B,QAAQ,IAAI;AAAA,IACpD,CAAE,WAAY;AACb,YAAM,EAAE,UAAU,aAAa,aAAa,IAC3C,OAAQ,gBAAiB;AAC1B,aAAO;AAAA,QACN,OAAO,SAAU,QAAS;AAAA,QAC1B,0BACC,YAAY,EAAE;AAAA,QACf,SAAS,aAAc,QAAS;AAAA,MACjC;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAEA,MAAK,CAAE,WAAa,CAAE,mBAAmB,CAAE,uBAA0B;AACpE,WAAO;AAAA,EACR;AAEA,QAAM,kBAAkB,gBAAiB,KAAM;AAC/C,QAAM,sBAAsB,eAAgB,KAAM;AAClD,QAAM,2BACH,mBAAmB,wBAAyB;AAE/C,MAAK,yBAA0B;AAC9B,WACC;AAAA,MAAC;AAAA;AAAA,QACA,YAAa,OAAO;AAAA,QACpB;AAAA,QACA;AAAA;AAAA,IACD;AAAA,EAEF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACD;AAEF;",
   "names": []

package/build-module/components/block-inspector/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/block-inspector/index.js
+// packages/block-editor/src/components/block-inspector/index.jsx
 import { __ } from "@wordpress/i18n";
 import {
   getBlockType,
@@ -30,7 +30,6 @@ import InspectorControlsLastItem from "../inspector-controls/last-item.mjs";
 import AdvancedControls from "../inspector-controls-tabs/advanced-controls-panel.mjs";
 import PositionControls from "../inspector-controls-tabs/position-controls-panel.mjs";
 import useBlockInspectorAnimationSettings from "./useBlockInspectorAnimationSettings.mjs";
-import { useBorderPanelLabel } from "../../hooks/border.mjs";
 import { BlockStateBadges, BlockStatesControl } from "../../hooks/states.mjs";
 import ContentTab from "../inspector-controls-tabs/content-tab.mjs";
 import ViewportVisibilityInfo from "../block-visibility/viewport-visibility-info.mjs";
@@ -43,12 +42,10 @@ import {
 } from "../../hooks/block-style-state.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function StyleInspectorSlots({
-  clientId,
   showAdvancedControls = true,
   showPositionControls = true,
   showBindingsControls = true
 }) {
-  const borderPanelLabel = useBorderPanelLabel({ clientId });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(InspectorControls.Slot, {}),
     /* @__PURE__ */ jsx(
@@ -82,7 +79,7 @@ function StyleInspectorSlots({
         label: __("Dimensions")
       }
     ),
-    /* @__PURE__ */ jsx(InspectorControls.Slot, { group: "border", label: borderPanelLabel }),
+    /* @__PURE__ */ jsx(InspectorControls.Slot, { group: "border", label: __("Borders") }),
     /* @__PURE__ */ jsx(
       InspectorControls.Slot,
       {
@@ -104,8 +101,7 @@ function StyleStateInspectorSlots({
   isSectionBlock,
   selectedBlockStyleState
 }) {
-  const borderPanelLabel = useBorderPanelLabel({ clientId });
-  const showLayoutControls = hasViewportBlockStyleState(selectedBlockStyleState) && !hasPseudoBlockStyleState(selectedBlockStyleState);
+  const isViewportStyleState = hasViewportBlockStyleState(selectedBlockStyleState) && !hasPseudoBlockStyleState(selectedBlockStyleState);
   const showSectionStyleControls = isSectionBlock && blockName !== "core/template-part";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     showSectionStyleControls && /* @__PURE__ */ jsx(BlockStyleStateProvider, { value: selectedBlockStyleState, children: /* @__PURE__ */ jsx(
@@ -140,7 +136,7 @@ function StyleStateInspectorSlots({
           className: "background-block-support-panel__inner-wrapper"
         }
       ),
-      showLayoutControls && /* @__PURE__ */ jsx(
+      isViewportStyleState && /* @__PURE__ */ jsx(
         InspectorControls.Slot,
         {
           group: "layout",
@@ -158,7 +154,7 @@ function StyleStateInspectorSlots({
         InspectorControls.Slot,
         {
           group: "border",
-          label: borderPanelLabel
+          label: __("Borders")
         }
       ),
       /* @__PURE__ */ jsx(
@@ -169,7 +165,8 @@ function StyleStateInspectorSlots({
           className: "elements-block-support-panel__inner-wrapper"
         }
       )
-    ] })
+    ] }),
+    isViewportStyleState && /* @__PURE__ */ jsx(InspectorControls.Slot, { group: "viewport" })
   ] });
 }
 function BlockInspector() {
@@ -478,12 +475,7 @@ var BlockInspectorSingleBlock = ({
       /* @__PURE__ */ jsx(InspectorControls.Slot, { group: "content" }),
       /* @__PURE__ */ jsx(InspectorControls.Slot, { group: "list", ref: listViewRef }),
       /* @__PURE__ */ jsx(ListViewContentPopover, { listViewRef }),
-      !isSectionBlock && /* @__PURE__ */ jsx(
-        StyleInspectorSlots,
-        {
-          clientId: renderedBlockClientId
-        }
-      )
+      !isSectionBlock && /* @__PURE__ */ jsx(StyleInspectorSlots, {})
     ] }),
     !isEditingStyleState && /* @__PURE__ */ jsx(InspectorControlsLastItem.Slot, {}),
     /* @__PURE__ */ jsx(SkipToSelectedBlock, {}, "back")