npm - @wordpress/block-editor - Versions diffs - 17.0.0 → 17.1.1-next.v.202609031004.0 - Mend

@wordpress/block-editor 17.0.0 → 17.1.1-next.v.202609031004.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1802) hide show

package/build/components/inserter/search-results.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inserter/search-results.js"],
+  "sources": ["../../../src/components/inserter/search-results.jsx"],
   "sourcesContent": ["import { useMemo, useEffect } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { VisuallyHidden } from '@wordpress/ui';\nimport { useDebounce, useAsyncList } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { useSelect } from '@wordpress/data';\nimport BlockTypesList from '../block-types-list';\nimport BlockPatternsList from '../block-patterns-list';\nimport __unstableInserterMenuExtension from '../inserter-menu-extension';\nimport InserterPanel from './panel';\nimport InserterNoResults from './no-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport usePatternsState from './hooks/use-patterns-state';\nimport useBlockTypesState from './hooks/use-block-types-state';\nimport { searchBlockItems, searchItems } from './search-items';\nimport InserterListbox from '../inserter-listbox';\nimport { orderBy } from '../../utils/sorting';\nimport { orderInserterBlockItems } from '../../utils/order-inserter-block-items';\nimport { store as blockEditorStore } from '../../store';\n\nconst INITIAL_INSERTER_RESULTS = 9;\n/**\n * Shared reference to an empty array for cases where it is important to avoid\n * returning a new array reference on every invocation and rerendering the component.\n *\n * @type {Array}\n */\nconst EMPTY_ARRAY = [];\n\nfunction InserterSearchResults( {\n\tfilterValue,\n\tonSelect,\n\tonHover,\n\tonHoverPattern,\n\trootClientId,\n\tclientId,\n\tisAppender,\n\t__experimentalInsertionIndex,\n\tmaxBlockPatterns,\n\tmaxBlockTypes,\n\tshowBlockDirectory = false,\n\tisDraggable = true,\n\tshouldFocusBlock = true,\n\tprioritizePatterns,\n\tselectBlockOnInsert,\n\tisQuick,\n} ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\n\tconst { prioritizedBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst blockListSettings =\n\t\t\t\tselect( blockEditorStore ).getBlockListSettings( rootClientId );\n\n\t\t\treturn {\n\t\t\t\tprioritizedBlocks:\n\t\t\t\t\tblockListSettings?.prioritizedInserterBlocks || EMPTY_ARRAY,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tonSelect,\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tinsertionIndex: __experimentalInsertionIndex,\n\t\tshouldFocusBlock,\n\t\tselectBlockOnInsert,\n\t} );\n\tconst [\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tonSelectBlockType,\n\t] = useBlockTypesState( destinationRootClientId, onInsertBlocks, isQuick );\n\tconst [ patterns, , onClickPattern ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId,\n\t\tundefined,\n\t\tisQuick\n\t);\n\n\tconst filteredBlockPatterns = useMemo( () => {\n\t\tif ( maxBlockPatterns === 0 ) {\n\t\t\treturn [];\n\t\t}\n\t\tconst results = searchItems( patterns, filterValue );\n\t\treturn maxBlockPatterns !== undefined\n\t\t\t? results.slice( 0, maxBlockPatterns )\n\t\t\t: results;\n\t}, [ filterValue, patterns, maxBlockPatterns ] );\n\n\tlet maxBlockTypesToShow = maxBlockTypes;\n\tif ( prioritizePatterns && filteredBlockPatterns.length > 2 ) {\n\t\tmaxBlockTypesToShow = 0;\n\t}\n\n\tconst filteredBlockTypes = useMemo( () => {\n\t\tif ( maxBlockTypesToShow === 0 ) {\n\t\t\treturn [];\n\t\t}\n\t\tconst nonPatternBlockTypes = blockTypes.filter(\n\t\t\t( blockType ) => blockType.name !== 'core/block'\n\t\t);\n\t\tlet orderedItems = orderBy( nonPatternBlockTypes, 'frecency', 'desc' );\n\n\t\tif ( ! filterValue && prioritizedBlocks.length ) {\n\t\t\torderedItems = orderInserterBlockItems(\n\t\t\t\torderedItems,\n\t\t\t\tprioritizedBlocks\n\t\t\t);\n\t\t}\n\n\t\tconst results = searchBlockItems(\n\t\t\torderedItems,\n\t\t\tblockTypeCategories,\n\t\t\tblockTypeCollections,\n\t\t\tfilterValue\n\t\t);\n\n\t\treturn maxBlockTypesToShow !== undefined\n\t\t\t? results.slice( 0, maxBlockTypesToShow )\n\t\t\t: results;\n\t}, [\n\t\tfilterValue,\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tmaxBlockTypesToShow,\n\t\tprioritizedBlocks,\n\t] );\n\n\t// Announce search results on change.\n\tuseEffect( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = filteredBlockTypes.length + filteredBlockPatterns.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}, [\n\t\tfilterValue,\n\t\tdebouncedSpeak,\n\t\tfilteredBlockTypes,\n\t\tfilteredBlockPatterns,\n\t] );\n\n\tconst currentShownBlockTypes = useAsyncList( filteredBlockTypes, {\n\t\tstep: INITIAL_INSERTER_RESULTS,\n\t} );\n\n\tconst hasItems =\n\t\tfilteredBlockTypes.length > 0 || filteredBlockPatterns.length > 0;\n\n\tconst blocksUI = !! filteredBlockTypes.length && (\n\t\t<InserterPanel\n\t\t\ttitle={ <VisuallyHidden>{ __( 'Blocks' ) }</VisuallyHidden> }\n\t\t>\n\t\t\t<BlockTypesList\n\t\t\t\titems={ currentShownBlockTypes }\n\t\t\t\tonSelect={ onSelectBlockType }\n\t\t\t\tonHover={ onHover }\n\t\t\t\tlabel={ __( 'Blocks' ) }\n\t\t\t\tisDraggable={ isDraggable }\n\t\t\t/>\n\t\t</InserterPanel>\n\t);\n\n\tconst patternsUI = !! filteredBlockPatterns.length && (\n\t\t<InserterPanel\n\t\t\ttitle={ <VisuallyHidden>{ __( 'Patterns' ) }</VisuallyHidden> }\n\t\t>\n\t\t\t<div className=\"block-editor-inserter__quick-inserter-patterns\">\n\t\t\t\t<BlockPatternsList\n\t\t\t\t\tblockPatterns={ filteredBlockPatterns }\n\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\tonHover={ onHoverPattern }\n\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</InserterPanel>\n\t);\n\n\treturn (\n\t\t<InserterListbox>\n\t\t\t{ ! showBlockDirectory && ! hasItems && <InserterNoResults /> }\n\n\t\t\t{ prioritizePatterns ? patternsUI : blocksUI }\n\n\t\t\t{ !! filteredBlockTypes.length &&\n\t\t\t\t!! filteredBlockPatterns.length && (\n\t\t\t\t\t<div className=\"block-editor-inserter__quick-inserter-separator\" />\n\t\t\t\t) }\n\n\t\t\t{ prioritizePatterns ? blocksUI : patternsUI }\n\n\t\t\t{ showBlockDirectory && (\n\t\t\t\t<__unstableInserterMenuExtension.Slot\n\t\t\t\t\tfillProps={ {\n\t\t\t\t\t\tonSelect: onSelectBlockType,\n\t\t\t\t\t\tonHover,\n\t\t\t\t\t\tfilterValue,\n\t\t\t\t\t\thasItems,\n\t\t\t\t\t\trootClientId: destinationRootClientId,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ ( fills ) => {\n\t\t\t\t\t\tif ( fills.length ) {\n\t\t\t\t\t\t\treturn fills;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( ! hasItems ) {\n\t\t\t\t\t\t\treturn <InserterNoResults />;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t} }\n\t\t\t\t</__unstableInserterMenuExtension.Slot>\n\t\t\t) }\n\t\t</InserterListbox>\n\t);\n}\n\nexport default InserterSearchResults;\n"],
   "mappings": "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",
   "names": ["blockEditorStore", "useInsertionPoint", "useBlockTypesState", "usePatternsState", "InserterPanel", "BlockTypesList", "BlockPatternsList", "InserterListbox", "InserterNoResults", "__unstableInserterMenuExtension"]

package/build/components/inserter/tips.cjs CHANGED Viewed

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

package/build/components/inserter/tips.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inserter/tips.js"],
+  "sources": ["../../../src/components/inserter/tips.jsx"],
   "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { createInterpolateElement, useState } from '@wordpress/element';\nimport { Tip } from '@wordpress/components';\n\nconst globalTips = [\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\t__( 'Drag files into the editor to automatically insert media blocks.' ),\n\t__( \"Change a block's type by pressing the block icon on the toolbar.\" ),\n];\n\nfunction Tips() {\n\tconst [ randomIndex ] = useState( () =>\n\t\tMath.floor( Math.random() * globalTips.length )\n\t);\n\n\treturn <Tip>{ globalTips[ randomIndex ] }</Tip>;\n}\n\nexport default Tips;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmB;AACnB,qBAAmD;AACnD,wBAAoB;AAOX;AALT,IAAM,aAAa;AAAA,MAClB;AAAA,QACC;AAAA,MACC;AAAA,IACD;AAAA,IACA,EAAE,KAAK,4CAAC,SAAI,EAAG;AAAA,EAChB;AAAA,MACA;AAAA,QACC;AAAA,MACC;AAAA,IACD;AAAA,IACA,EAAE,KAAK,4CAAC,SAAI,EAAG;AAAA,EAChB;AAAA,MACA;AAAA,QACC;AAAA,MACC;AAAA,IACD;AAAA,IACA,EAAE,KAAK,4CAAC,SAAI,EAAG;AAAA,EAChB;AAAA,MACA,gBAAI,kEAAmE;AAAA,MACvE,gBAAI,kEAAmE;AACxE;AAEA,SAAS,OAAO;AACf,QAAM,CAAE,WAAY,QAAI;AAAA,IAAU,MACjC,KAAK,MAAO,KAAK,OAAO,IAAI,WAAW,MAAO;AAAA,EAC/C;AAEA,SAAO,4CAAC,yBAAM,qBAAY,WAAY,GAAG;AAC1C;AAEA,IAAO,eAAQ;",
   "names": []

package/build/components/inserter-draggable-blocks/index.cjs CHANGED Viewed

@@ -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/inserter-draggable-blocks/index.js
+// packages/block-editor/src/components/inserter-draggable-blocks/index.jsx
 var inserter_draggable_blocks_exports = {};
 __export(inserter_draggable_blocks_exports, {
   default: () => inserter_draggable_blocks_default

package/build/components/inserter-draggable-blocks/index.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inserter-draggable-blocks/index.js"],
-  "sourcesContent": ["import { Draggable } from '@wordpress/components';\nimport { createBlock, store as blocksStore } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tpattern,\n} ) => {\n\tconst blockName = blocks.length === 1 ? blocks[ 0 ].name : undefined;\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\treturn (\n\t\t\t\tblockName &&\n\t\t\t\tselect( blocksStore ).getBlockType( blockName )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blockName ]\n\t);\n\n\tconst { startDragging, stopDragging } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\tconst patternBlock = useMemo( () => {\n\t\treturn pattern?.type === INSERTER_PATTERN_TYPES.user &&\n\t\t\tpattern?.syncStatus !== 'unsynced'\n\t\t\t? [ createBlock( 'core/block', { ref: pattern.id } ) ]\n\t\t\t: undefined;\n\t}, [ pattern?.type, pattern?.syncStatus, pattern?.id ] );\n\n\tif ( ! isEnabled ) {\n\t\treturn children( {\n\t\t\tdraggable: false,\n\t\t\tonDragStart: undefined,\n\t\t\tonDragEnd: undefined,\n\t\t} );\n\t}\n\n\tconst draggableBlocks = patternBlock ?? blocks;\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ { type: 'inserter', blocks: draggableBlocks } }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tstartDragging();\n\t\t\t\tconst addedTypes = new Set();\n\t\t\t\tfor ( const block of draggableBlocks ) {\n\t\t\t\t\tconst type = `wp-block:${ block.name }`;\n\t\t\t\t\t/*\n\t\t\t\t\t * Only add each block type once to avoid DataTransferItemList::add `NotSupportedError`\n\t\t\t\t\t * when patterns contain multiple blocks of the same type.\n\t\t\t\t\t */\n\t\t\t\t\tif ( ! addedTypes.has( type ) ) {\n\t\t\t\t\t\t/*\n\t\t\t\t\t\t * This will fill in the dataTransfer.types array so that\n\t\t\t\t\t\t * the drop zone can check if the draggable is eligible.\n\t\t\t\t\t\t * Unfortuantely, on drag start, we don't have access to the\n\t\t\t\t\t\t * actual data, only the data keys/types.\n\t\t\t\t\t\t */\n\t\t\t\t\t\tevent.dataTransfer.items.add( '', type );\n\t\t\t\t\t\taddedTypes.add( type );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDragging();\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon || ( ! pattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ !! pattern }\n\t\t\t\t/>\n\t\t\t}\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 InserterDraggableBlocks;\n"],
+  "sources": ["../../../src/components/inserter-draggable-blocks/index.jsx"],
+  "sourcesContent": ["import { Draggable } from '@wordpress/components';\nimport { createBlock, store as blocksStore } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tpattern,\n} ) => {\n\tconst blockName = blocks.length === 1 ? blocks[ 0 ].name : undefined;\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\treturn (\n\t\t\t\tblockName &&\n\t\t\t\tselect( blocksStore ).getBlockType( blockName )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blockName ]\n\t);\n\n\tconst { startDragging, stopDragging } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\tconst patternBlock = useMemo( () => {\n\t\treturn pattern?.type === INSERTER_PATTERN_TYPES.user &&\n\t\t\tpattern?.syncStatus !== 'unsynced'\n\t\t\t? [ createBlock( 'core/block', { ref: pattern.id } ) ]\n\t\t\t: undefined;\n\t}, [ pattern?.type, pattern?.syncStatus, pattern?.id ] );\n\n\tif ( ! isEnabled ) {\n\t\treturn children( {\n\t\t\tdraggable: false,\n\t\t\tonDragStart: undefined,\n\t\t\tonDragEnd: undefined,\n\t\t} );\n\t}\n\n\tconst draggableBlocks = patternBlock ?? blocks;\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ { type: 'inserter', blocks: draggableBlocks } }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tstartDragging();\n\t\t\t\tconst addedTypes = new Set();\n\t\t\t\tfor ( const block of draggableBlocks ) {\n\t\t\t\t\tconst type = `wp-block:${ block.name }`;\n\t\t\t\t\t/*\n\t\t\t\t\t * Only add each block type once to avoid DataTransferItemList::add `NotSupportedError`\n\t\t\t\t\t * when patterns contain multiple blocks of the same type.\n\t\t\t\t\t */\n\t\t\t\t\tif ( ! addedTypes.has( type ) ) {\n\t\t\t\t\t\t/*\n\t\t\t\t\t\t * This will fill in the dataTransfer.types array so that\n\t\t\t\t\t\t * the drop zone can check if the draggable is eligible.\n\t\t\t\t\t\t * Unfortunately, on drag start, we don't have access to the\n\t\t\t\t\t\t * actual data, only the data keys/types.\n\t\t\t\t\t\t */\n\t\t\t\t\t\tevent.dataTransfer.items.add( '', type );\n\t\t\t\t\t\taddedTypes.add( type );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDragging();\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon || ( ! pattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ !! pattern }\n\t\t\t\t/>\n\t\t\t}\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 InserterDraggableBlocks;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA0B;AAC1B,oBAAkD;AAClD,kBAAuC;AACvC,qBAAwB;AACxB,4BAA+B;AAC/B,mBAAuC;AACvC,mBAA0C;AAC1C,yBAAuB;AAqEnB;AAnEJ,IAAM,0BAA0B,CAAE;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,QAAM,YAAY,OAAO,WAAW,IAAI,OAAQ,CAAE,EAAE,OAAO;AAC3D,QAAM,oBAAgB;AAAA,IACrB,CAAE,WAAY;AACb,aACC,aACA,OAAQ,cAAAA,KAAY,EAAE,aAAc,SAAU,GAAG;AAAA,IAEnD;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AAEA,QAAM,EAAE,eAAe,aAAa,QAAI;AAAA,QACvC,yBAAa,aAAAC,KAAiB;AAAA,EAC/B;AAEA,QAAM,mBAAe,wBAAS,MAAM;AACnC,WAAO,SAAS,SAAS,oCAAuB,QAC/C,SAAS,eAAe,aACtB,KAAE,2BAAa,cAAc,EAAE,KAAK,QAAQ,GAAG,CAAE,CAAE,IACnD;AAAA,EACJ,GAAG,CAAE,SAAS,MAAM,SAAS,YAAY,SAAS,EAAG,CAAE;AAEvD,MAAK,CAAE,WAAY;AAClB,WAAO,SAAU;AAAA,MAChB,WAAW;AAAA,MACX,aAAa;AAAA,MACb,WAAW;AAAA,IACZ,CAAE;AAAA,EACH;AAEA,QAAM,kBAAkB,gBAAgB;AACxC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gCAA+B;AAAA,MAC/B,cAAe,EAAE,MAAM,YAAY,QAAQ,gBAAgB;AAAA,MAC3D,aAAc,CAAE,UAAW;AAC1B,sBAAc;AACd,cAAM,aAAa,oBAAI,IAAI;AAC3B,mBAAY,SAAS,iBAAkB;AACtC,gBAAM,OAAO,YAAa,MAAM,IAAK;AAKrC,cAAK,CAAE,WAAW,IAAK,IAAK,GAAI;AAO/B,kBAAM,aAAa,MAAM,IAAK,IAAI,IAAK;AACvC,uBAAW,IAAK,IAAK;AAAA,UACtB;AAAA,QACD;AAAA,MACD;AAAA,MACA,WAAY,MAAM;AACjB,qBAAa;AAAA,MACd;AAAA,MACA,6BACC;AAAA,QAAC,sBAAAC;AAAA,QAAA;AAAA,UACA,OAAQ,OAAO;AAAA,UACf,MAAO,QAAU,CAAE,WAAW;AAAA,UAC9B,WAAY,CAAC,CAAE;AAAA;AAAA,MAChB;AAAA,MAGC,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,oCAAQ;",
   "names": ["blocksStore", "blockEditorStore", "BlockDraggableChip"]
 }

package/build/components/inserter-list-item/index.cjs CHANGED Viewed

@@ -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/inserter-list-item/index.js
+// packages/block-editor/src/components/inserter-list-item/index.jsx
 var inserter_list_item_exports = {};
 __export(inserter_list_item_exports, {
   default: () => inserter_list_item_default

package/build/components/inserter-list-item/index.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inserter-list-item/index.js"],
+  "sources": ["../../../src/components/inserter-list-item/index.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport { useMemo, useRef, memo } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tcreateBlocksFromInnerBlocksTemplate,\n\tisReusableBlock,\n\tisTemplatePart,\n} from '@wordpress/blocks';\nimport { __experimentalTruncate as Truncate } from '@wordpress/components';\nimport { ENTER, isAppleOS } from '@wordpress/keycodes';\nimport BlockIcon from '../block-icon';\nimport { InserterListboxItem } from '../inserter-listbox';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\n\nfunction InserterListItem( {\n\tclassName,\n\tisFirst,\n\titem,\n\tonSelect,\n\tonHover,\n\tisDraggable,\n\t...props\n} ) {\n\tconst isDraggingRef = useRef( false );\n\tconst itemIconStyle = item.icon\n\t\t? {\n\t\t\t\tbackgroundColor: item.icon.background,\n\t\t\t\tcolor: item.icon.foreground,\n\t\t  }\n\t\t: {};\n\tconst blocks = useMemo(\n\t\t() => [\n\t\t\tcreateBlock(\n\t\t\t\titem.name,\n\t\t\t\titem.initialAttributes,\n\t\t\t\tcreateBlocksFromInnerBlocksTemplate( item.innerBlocks ),\n\t\t\t\titem.innerContent\n\t\t\t),\n\t\t],\n\t\t[\n\t\t\titem.name,\n\t\t\titem.initialAttributes,\n\t\t\titem.innerBlocks,\n\t\t\titem.innerContent,\n\t\t]\n\t);\n\n\tconst isSynced =\n\t\t( isReusableBlock( item ) && item.syncStatus !== 'unsynced' ) ||\n\t\tisTemplatePart( item );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable && ! item.isDisabled }\n\t\t\tblocks={ blocks }\n\t\t\ticon={ item.icon }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-types-list__list-item',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-synced': isSynced,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tisDraggingRef.current = true;\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tisDraggingRef.current = false;\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<InserterListboxItem\n\t\t\t\t\t\tisFirst={ isFirst }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-block-types-list__item',\n\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER ) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\tif ( isDraggingRef.current ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonHover( item );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"block-editor-block-types-list__item-icon\"\n\t\t\t\t\t\t\tstyle={ itemIconStyle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockIcon icon={ item.icon } showColors />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span className=\"block-editor-block-types-list__item-title\">\n\t\t\t\t\t\t\t<Truncate numberOfLines={ 3 }>\n\t\t\t\t\t\t\t\t{ item.title }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</InserterListboxItem>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nexport default memo( InserterListItem );\n"],
   "mappings": "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",
   "names": ["InserterDraggableBlocks", "clsx", "BlockIcon", "Truncate"]

package/build/components/inserter-listbox/group.cjs CHANGED Viewed

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-// packages/block-editor/src/components/inserter-listbox/group.js
+// packages/block-editor/src/components/inserter-listbox/group.jsx
 var group_exports = {};
 __export(group_exports, {
   default: () => group_default

package/build/components/inserter-listbox/group.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inserter-listbox/group.js"],
+  "sources": ["../../../src/components/inserter-listbox/group.jsx"],
   "sourcesContent": ["import { forwardRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\n\nfunction InserterListboxGroup( props, ref ) {\n\tconst [ shouldSpeak, setShouldSpeak ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( shouldSpeak ) {\n\t\t\tspeak(\n\t\t\t\t__( 'Use left and right arrow keys to move through blocks' )\n\t\t\t);\n\t\t}\n\t}, [ shouldSpeak ] );\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\trole=\"listbox\"\n\t\t\taria-orientation=\"horizontal\"\n\t\t\tonFocus={ () => {\n\t\t\t\tsetShouldSpeak( true );\n\t\t\t} }\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\tconst focusingOutsideGroup = ! event.currentTarget.contains(\n\t\t\t\t\tevent.relatedTarget\n\t\t\t\t);\n\t\t\t\tif ( focusingOutsideGroup ) {\n\t\t\t\t\tsetShouldSpeak( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxGroup );\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAgD;AAChD,kBAAmB;AACnB,kBAAsB;AAcpB;AAZF,SAAS,qBAAsB,OAAO,KAAM;AAC3C,QAAM,CAAE,aAAa,cAAe,QAAI,yBAAU,KAAM;AAExD,gCAAW,MAAM;AAChB,QAAK,aAAc;AAClB;AAAA,YACC,gBAAI,sDAAuD;AAAA,MAC5D;AAAA,IACD;AAAA,EACD,GAAG,CAAE,WAAY,CAAE;AAEnB,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,oBAAiB;AAAA,MACjB,SAAU,MAAM;AACf,uBAAgB,IAAK;AAAA,MACtB;AAAA,MACA,QAAS,CAAE,UAAW;AACrB,cAAM,uBAAuB,CAAE,MAAM,cAAc;AAAA,UAClD,MAAM;AAAA,QACP;AACA,YAAK,sBAAuB;AAC3B,yBAAgB,KAAM;AAAA,QACvB;AAAA,MACD;AAAA,MACE,GAAG;AAAA;AAAA,EACN;AAEF;AAEA,IAAO,oBAAQ,2BAAY,oBAAqB;",
   "names": []

package/build/components/inserter-listbox/index.cjs CHANGED Viewed

@@ -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/inserter-listbox/index.js
+// packages/block-editor/src/components/inserter-listbox/index.jsx
 var inserter_listbox_exports = {};
 __export(inserter_listbox_exports, {
   InserterListboxGroup: () => import_group.default,

package/build/components/inserter-listbox/index.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inserter-listbox/index.js"],
+  "sources": ["../../../src/components/inserter-listbox/index.jsx"],
   "sourcesContent": ["import { Composite } from '@wordpress/components';\nimport { Fragment } from '@wordpress/element';\nexport { default as InserterListboxGroup } from './group';\nexport { default as InserterListboxRow } from './row';\nexport { default as InserterListboxItem } from './item';\n\nfunction InserterListBoxWrapper( { key, children } ) {\n\treturn <Fragment key={ key }>{ children }</Fragment>;\n}\n\nfunction InserterListbox( { children } ) {\n\treturn (\n\t\t<Composite\n\t\t\tfocusShift\n\t\t\tfocusWrap=\"horizontal\"\n\t\t\trender={ InserterListBoxWrapper }\n\t\t>\n\t\t\t{ children }\n\t\t</Composite>\n\t);\n}\n\nexport default InserterListbox;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA0B;AAC1B,qBAAyB;AACzB,mBAAgD;AAChD,iBAA8C;AAC9C,kBAA+C;AAGvC;AADR,SAAS,uBAAwB,EAAE,KAAK,SAAS,GAAI;AACpD,SAAO,4CAAC,2BAAuB,YAAR,GAAkB;AAC1C;AAEA,SAAS,gBAAiB,EAAE,SAAS,GAAI;AACxC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,YAAU;AAAA,MACV,WAAU;AAAA,MACV,QAAS;AAAA,MAEP;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,2BAAQ;",
   "names": []

package/build/components/inserter-listbox/item.cjs CHANGED Viewed

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-// packages/block-editor/src/components/inserter-listbox/item.js
+// packages/block-editor/src/components/inserter-listbox/item.jsx
 var item_exports = {};
 __export(item_exports, {
   default: () => item_default

package/build/components/inserter-listbox/item.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inserter-listbox/item.js"],
+  "sources": ["../../../src/components/inserter-listbox/item.jsx"],
   "sourcesContent": ["import { Button, Composite } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\n\nfunction InserterListboxItem(\n\t{ isFirst, as: Component, children, ...props },\n\tref\n) {\n\treturn (\n\t\t<Composite.Item\n\t\t\tref={ ref }\n\t\t\trole=\"option\"\n\t\t\t// Use the Composite.Item `accessibleWhenDisabled` prop\n\t\t\t// over Button's `isFocusable`. The latter was shown to\n\t\t\t// cause an issue with tab order in the inserter list.\n\t\t\taccessibleWhenDisabled\n\t\t\t{ ...props }\n\t\t\trender={ ( htmlProps ) => {\n\t\t\t\tconst propsWithTabIndex = {\n\t\t\t\t\t...htmlProps,\n\t\t\t\t\ttabIndex: isFirst ? 0 : htmlProps.tabIndex,\n\t\t\t\t};\n\t\t\t\tif ( Component ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Component { ...propsWithTabIndex }>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</Component>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif ( typeof children === 'function' ) {\n\t\t\t\t\treturn children( propsWithTabIndex );\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Button __next40pxDefaultSize { ...propsWithTabIndex }>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxItem );\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAkC;AAClC,qBAA2B;AAsBrB;AApBN,SAAS,oBACR,EAAE,SAAS,IAAI,WAAW,UAAU,GAAG,MAAM,GAC7C,KACC;AACD,SACC;AAAA,IAAC,4BAAU;AAAA,IAAV;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MAIL,wBAAsB;AAAA,MACpB,GAAG;AAAA,MACL,QAAS,CAAE,cAAe;AACzB,cAAM,oBAAoB;AAAA,UACzB,GAAG;AAAA,UACH,UAAU,UAAU,IAAI,UAAU;AAAA,QACnC;AACA,YAAK,WAAY;AAChB,iBACC,4CAAC,aAAY,GAAG,mBACb,UACH;AAAA,QAEF;AACA,YAAK,OAAO,aAAa,YAAa;AACrC,iBAAO,SAAU,iBAAkB;AAAA,QACpC;AACA,eACC,4CAAC,4BAAO,uBAAqB,MAAG,GAAG,mBAChC,UACH;AAAA,MAEF;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,mBAAQ,2BAAY,mBAAoB;",
   "names": []

package/build/components/inserter-listbox/row.cjs CHANGED Viewed

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-// packages/block-editor/src/components/inserter-listbox/row.js
+// packages/block-editor/src/components/inserter-listbox/row.jsx
 var row_exports = {};
 __export(row_exports, {
   default: () => row_default

package/build/components/inserter-listbox/row.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inserter-listbox/row.js"],
+  "sources": ["../../../src/components/inserter-listbox/row.jsx"],
   "sourcesContent": ["import { forwardRef } from '@wordpress/element';\nimport { Composite } from '@wordpress/components';\n\nfunction InserterListboxRow( props, ref ) {\n\treturn <Composite.Group role=\"presentation\" ref={ ref } { ...props } />;\n}\n\nexport default forwardRef( InserterListboxRow );\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA2B;AAC3B,wBAA0B;AAGlB;AADR,SAAS,mBAAoB,OAAO,KAAM;AACzC,SAAO,4CAAC,4BAAU,OAAV,EAAgB,MAAK,gBAAe,KAAc,GAAG,OAAQ;AACtE;AAEA,IAAO,kBAAQ,2BAAY,kBAAmB;",
   "names": []

package/build/components/inspector-controls/block-support-slot-container.cjs CHANGED Viewed

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-// packages/block-editor/src/components/inspector-controls/block-support-slot-container.js
+// packages/block-editor/src/components/inspector-controls/block-support-slot-container.jsx
 var block_support_slot_container_exports = {};
 __export(block_support_slot_container_exports, {
   default: () => BlockSupportSlotContainer

package/build/components/inspector-controls/block-support-slot-container.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls/block-support-slot-container.js"],
+  "sources": ["../../../src/components/inspector-controls/block-support-slot-container.jsx"],
   "sourcesContent": ["import { __experimentalToolsPanelContext as ToolsPanelContext } from '@wordpress/components';\nimport { useContext, useMemo } from '@wordpress/element';\n\nexport default function BlockSupportSlotContainer( {\n\tSlot,\n\tfillProps,\n\t...props\n} ) {\n\t// Add the toolspanel context provider and value to existing fill props\n\tconst toolsPanelContext = useContext( ToolsPanelContext );\n\tconst computedFillProps = useMemo(\n\t\t() => ( {\n\t\t\t...( fillProps ?? {} ),\n\t\t\tforwardedContext: [\n\t\t\t\t...( fillProps?.forwardedContext ?? [] ),\n\t\t\t\t[ ToolsPanelContext.Provider, { value: toolsPanelContext } ],\n\t\t\t],\n\t\t} ),\n\t\t[ toolsPanelContext, fillProps ]\n\t);\n\n\treturn (\n\t\t<Slot { ...props } fillProps={ computedFillProps } bubblesVirtually />\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqE;AACrE,qBAAoC;AAqBlC;AAnBa,SAAR,0BAA4C;AAAA,EAClD;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AAEH,QAAM,wBAAoB,2BAAY,kBAAAA,+BAAkB;AACxD,QAAM,wBAAoB;AAAA,IACzB,OAAQ;AAAA,MACP,GAAK,aAAa,CAAC;AAAA,MACnB,kBAAkB;AAAA,QACjB,GAAK,WAAW,oBAAoB,CAAC;AAAA,QACrC,CAAE,kBAAAA,gCAAkB,UAAU,EAAE,OAAO,kBAAkB,CAAE;AAAA,MAC5D;AAAA,IACD;AAAA,IACA,CAAE,mBAAmB,SAAU;AAAA,EAChC;AAEA,SACC,4CAAC,QAAO,GAAG,OAAQ,WAAY,mBAAoB,kBAAgB,MAAC;AAEtE;",
   "names": ["ToolsPanelContext"]

package/build/components/inspector-controls/block-support-tools-panel.cjs CHANGED Viewed

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-// packages/block-editor/src/components/inspector-controls/block-support-tools-panel.js
+// packages/block-editor/src/components/inspector-controls/block-support-tools-panel.jsx
 var block_support_tools_panel_exports = {};
 __export(block_support_tools_panel_exports, {
   default: () => BlockSupportToolsPanel

package/build/components/inspector-controls/block-support-tools-panel.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls/block-support-tools-panel.js"],
+  "sources": ["../../../src/components/inspector-controls/block-support-tools-panel.jsx"],
   "sourcesContent": ["import { __experimentalToolsPanel as ToolsPanel } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\nimport { store as blockEditorStore } from '../../store';\nimport { cleanEmptyObject } from '../../hooks/utils';\nimport { useToolsPanelDropdownMenuProps } from '../global-styles/utils';\n\nexport default function BlockSupportToolsPanel( { children, group, label } ) {\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst {\n\t\tgetBlockAttributes,\n\t\tgetBlockName,\n\t\tgetMultiSelectedBlockClientIds,\n\t\tgetSelectedBlockClientId,\n\t\thasMultiSelection,\n\t} = useSelect( blockEditorStore );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst panelId = getSelectedBlockClientId();\n\tconst resetAll = useCallback(\n\t\t( resetFilters = [] ) => {\n\t\t\tconst newAttributes = {};\n\n\t\t\tconst clientIds = hasMultiSelection()\n\t\t\t\t? getMultiSelectedBlockClientIds()\n\t\t\t\t: [ panelId ];\n\n\t\t\tclientIds.forEach( ( clientId ) => {\n\t\t\t\tconst blockAttributes = getBlockAttributes( clientId ) || {};\n\t\t\t\tconst { style } = blockAttributes;\n\t\t\t\tlet newBlockAttributes = { style };\n\t\t\t\tconst resetContext = {\n\t\t\t\t\tattributes: blockAttributes,\n\t\t\t\t\tclientId,\n\t\t\t\t\tname: getBlockName( clientId ),\n\t\t\t\t};\n\n\t\t\t\tresetFilters.forEach( ( resetFilter ) => {\n\t\t\t\t\tnewBlockAttributes = {\n\t\t\t\t\t\t...newBlockAttributes,\n\t\t\t\t\t\t...resetFilter( newBlockAttributes, resetContext ),\n\t\t\t\t\t};\n\t\t\t\t} );\n\n\t\t\t\t// Enforce a cleaned style object.\n\t\t\t\tnewBlockAttributes = {\n\t\t\t\t\t...newBlockAttributes,\n\t\t\t\t\tstyle: cleanEmptyObject( newBlockAttributes.style ),\n\t\t\t\t};\n\n\t\t\t\tnewAttributes[ clientId ] = newBlockAttributes;\n\t\t\t} );\n\n\t\t\tupdateBlockAttributes( clientIds, newAttributes, true );\n\t\t},\n\t\t[\n\t\t\tgetBlockAttributes,\n\t\t\tgetBlockName,\n\t\t\tgetMultiSelectedBlockClientIds,\n\t\t\thasMultiSelection,\n\t\t\tpanelId,\n\t\t\tupdateBlockAttributes,\n\t\t]\n\t);\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tclassName={ `${ group }-block-support-panel` }\n\t\t\tlabel={ label }\n\t\t\tresetAll={ resetAll }\n\t\t\tkey={ panelId }\n\t\t\tpanelId={ panelId }\n\t\t\thasInnerWrapper\n\t\t\tshouldRenderPlaceholderItems // Required to maintain fills ordering.\n\t\t\t__experimentalFirstVisibleItemClass=\"first\"\n\t\t\t__experimentalLastVisibleItemClass=\"last\"\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuD;AACvD,kBAAuC;AACvC,qBAA4B;AAC5B,mBAA0C;AAC1C,mBAAiC;AACjC,IAAAA,gBAA+C;AA4D7C;AA1Da,SAAR,uBAAyC,EAAE,UAAU,OAAO,MAAM,GAAI;AAC5E,QAAM,EAAE,sBAAsB,QAAI,yBAAa,aAAAC,KAAiB;AAChE,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI,uBAAW,aAAAA,KAAiB;AAChC,QAAM,wBAAoB,8CAA+B;AACzD,QAAM,UAAU,yBAAyB;AACzC,QAAM,eAAW;AAAA,IAChB,CAAE,eAAe,CAAC,MAAO;AACxB,YAAM,gBAAgB,CAAC;AAEvB,YAAM,YAAY,kBAAkB,IACjC,+BAA+B,IAC/B,CAAE,OAAQ;AAEb,gBAAU,QAAS,CAAE,aAAc;AAClC,cAAM,kBAAkB,mBAAoB,QAAS,KAAK,CAAC;AAC3D,cAAM,EAAE,MAAM,IAAI;AAClB,YAAI,qBAAqB,EAAE,MAAM;AACjC,cAAM,eAAe;AAAA,UACpB,YAAY;AAAA,UACZ;AAAA,UACA,MAAM,aAAc,QAAS;AAAA,QAC9B;AAEA,qBAAa,QAAS,CAAE,gBAAiB;AACxC,+BAAqB;AAAA,YACpB,GAAG;AAAA,YACH,GAAG,YAAa,oBAAoB,YAAa;AAAA,UAClD;AAAA,QACD,CAAE;AAGF,6BAAqB;AAAA,UACpB,GAAG;AAAA,UACH,WAAO,+BAAkB,mBAAmB,KAAM;AAAA,QACnD;AAEA,sBAAe,QAAS,IAAI;AAAA,MAC7B,CAAE;AAEF,4BAAuB,WAAW,eAAe,IAAK;AAAA,IACvD;AAAA,IACA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,EACD;AAEA,SACC;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA,WAAY,GAAI,KAAM;AAAA,MACtB;AAAA,MACA;AAAA,MAEA;AAAA,MACA,iBAAe;AAAA,MACf,8BAA4B;AAAA,MAC5B,qCAAoC;AAAA,MACpC,oCAAmC;AAAA,MACnC;AAAA,MAEE;AAAA;AAAA,IARI;AAAA,EASP;AAEF;",
   "names": ["import_utils", "blockEditorStore", "ToolsPanel"]

package/build/components/inspector-controls/fill.cjs CHANGED Viewed

@@ -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/inspector-controls/fill.js
+// packages/block-editor/src/components/inspector-controls/fill.jsx
 var fill_exports = {};
 __export(fill_exports, {
   default: () => InspectorControlsFill

package/build/components/inspector-controls/fill.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls/fill.js"],
+  "sources": ["../../../src/components/inspector-controls/fill.jsx"],
   "sourcesContent": ["import {\n\t__experimentalStyleProvider as StyleProvider,\n\t__experimentalToolsPanelContext as ToolsPanelContext,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\nimport deprecated from '@wordpress/deprecated';\nimport { useEffect, useContext, useMemo } from '@wordpress/element';\nimport {\n\tuseBlockEditContext,\n\tmayDisplayControlsKey,\n\tmayDisplayPatternEditingControlsKey,\n\tisInListViewBlockSupportTreeKey,\n} from '../block-edit/context';\nimport groups from './groups';\nimport {\n\tscopeResetAllFilterToState,\n\tuseBlockStyleState,\n} from '../../hooks/block-style-state';\nimport { ListViewContentFill } from './list-view-content-popover';\n\nconst PATTERN_EDITING_GROUPS = [ 'content', 'list' ];\n\nexport default function InspectorControlsFill( {\n\tchildren,\n\tgroup = 'default',\n\t__experimentalGroup,\n\tresetAllFilter,\n} ) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsFill`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\n\tconst context = useBlockEditContext();\n\tconst isSelectedBlock = context[ mayDisplayControlsKey ];\n\tconst isPatternEditing = context[ mayDisplayPatternEditingControlsKey ];\n\tconst isInListViewTree = context[ isInListViewBlockSupportTreeKey ];\n\n\tconst Fill = groups[ group ]?.Fill;\n\tif ( ! Fill ) {\n\t\twarning( `Unknown InspectorControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\t// During pattern editing:\n\t// - All blocks can show pattern editing groups (content, list).\n\t// - Template parts can show any inspector group.\n\t// - Other blocks cannot show a settings tab.\n\tif ( isPatternEditing ) {\n\t\t// Template parts have also historically supported\n\t\t// any block inspector groups for extenders. The settings\n\t\t// tab is also used by core for the 'Design' panel. Specifically\n\t\t// for that block the restrictions on allowed groups are lessened.\n\t\tconst isTemplatePart = context.name === 'core/template-part';\n\t\tconst isPatternEditingGroup = PATTERN_EDITING_GROUPS.includes( group );\n\t\tconst canShowGroup = isTemplatePart || isPatternEditingGroup;\n\n\t\tif ( ! canShowGroup ) {\n\t\t\treturn null;\n\t\t}\n\t} else if ( ! isSelectedBlock ) {\n\t\t// Outside pattern editing, use the standard rules for displaying controls.\n\t\treturn null;\n\t}\n\n\t// When inside a section with a parent that has ListView block support,\n\t// content controls are rendered as part of the ListView via a popover.\n\tconst rendersInListView =\n\t\tgroup === 'content' && isPatternEditing && isInListViewTree;\n\n\t// When using the ListView fill, only render controls for the selected\n\t// block. Other blocks return `null`.\n\tif ( rendersInListView && ! isSelectedBlock ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t{ rendersInListView ? (\n\t\t\t\t<ListViewContentFill>{ children }</ListViewContentFill>\n\t\t\t) : (\n\t\t\t\t<Fill>\n\t\t\t\t\t{ ( fillProps ) => (\n\t\t\t\t\t\t<ToolsPanelInspectorControl\n\t\t\t\t\t\t\tfillProps={ fillProps }\n\t\t\t\t\t\t\tresetAllFilter={ resetAllFilter }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</ToolsPanelInspectorControl>\n\t\t\t\t\t) }\n\t\t\t\t</Fill>\n\t\t\t) }\n\t\t</StyleProvider>\n\t);\n}\n\nfunction RegisterResetAll( { resetAllFilter, children } ) {\n\tconst { registerResetAllFilter, deregisterResetAllFilter } =\n\t\tuseContext( ToolsPanelContext );\n\tconst selectedState = useBlockStyleState();\n\tconst scopedResetAllFilter = useMemo(\n\t\t() => scopeResetAllFilterToState( selectedState, resetAllFilter ),\n\t\t[ resetAllFilter, selectedState ]\n\t);\n\tuseEffect( () => {\n\t\tif (\n\t\t\tscopedResetAllFilter &&\n\t\t\tregisterResetAllFilter &&\n\t\t\tderegisterResetAllFilter\n\t\t) {\n\t\t\tregisterResetAllFilter( scopedResetAllFilter );\n\t\t\treturn () => {\n\t\t\t\tderegisterResetAllFilter( scopedResetAllFilter );\n\t\t\t};\n\t\t}\n\t}, [\n\t\tscopedResetAllFilter,\n\t\tregisterResetAllFilter,\n\t\tderegisterResetAllFilter,\n\t] );\n\treturn children;\n}\n\nfunction ToolsPanelInspectorControl( { children, resetAllFilter, fillProps } ) {\n\t// `fillProps.forwardedContext` is an array of context provider entries, provided by slot,\n\t// that should wrap the fill markup.\n\tconst { forwardedContext = [] } = fillProps;\n\n\t// Children passed to InspectorControlsFill will not have\n\t// access to any React Context whose Provider is part of\n\t// the InspectorControlsSlot tree. So we re-create the\n\t// Provider in this subtree.\n\tconst innerMarkup = (\n\t\t<RegisterResetAll resetAllFilter={ resetAllFilter }>\n\t\t\t{ children }\n\t\t</RegisterResetAll>\n\t);\n\treturn forwardedContext.reduce(\n\t\t( inner, [ Provider, props ] ) => (\n\t\t\t<Provider { ...props }>{ inner }</Provider>\n\t\t),\n\t\tinnerMarkup\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAGO;AACP,qBAAoB;AACpB,wBAAuB;AACvB,qBAA+C;AAC/C,qBAKO;AACP,oBAAmB;AACnB,+BAGO;AACP,uCAAoC;AAoEhC;AAlEJ,IAAM,yBAAyB,CAAE,WAAW,MAAO;AAEpC,SAAR,sBAAwC;AAAA,EAC9C;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AACD,GAAI;AACH,MAAK,qBAAsB;AAC1B,0BAAAA;AAAA,MACC;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,MACd;AAAA,IACD;AACA,YAAQ;AAAA,EACT;AAEA,QAAM,cAAU,oCAAoB;AACpC,QAAM,kBAAkB,QAAS,oCAAsB;AACvD,QAAM,mBAAmB,QAAS,kDAAoC;AACtE,QAAM,mBAAmB,QAAS,8CAAgC;AAElE,QAAM,OAAO,cAAAC,QAAQ,KAAM,GAAG;AAC9B,MAAK,CAAE,MAAO;AACb,uBAAAC,SAAS,oCAAqC,KAAM,aAAc;AAClE,WAAO;AAAA,EACR;AAMA,MAAK,kBAAmB;AAKvB,UAAM,iBAAiB,QAAQ,SAAS;AACxC,UAAM,wBAAwB,uBAAuB,SAAU,KAAM;AACrE,UAAM,eAAe,kBAAkB;AAEvC,QAAK,CAAE,cAAe;AACrB,aAAO;AAAA,IACR;AAAA,EACD,WAAY,CAAE,iBAAkB;AAE/B,WAAO;AAAA,EACR;AAIA,QAAM,oBACL,UAAU,aAAa,oBAAoB;AAI5C,MAAK,qBAAqB,CAAE,iBAAkB;AAC7C,WAAO;AAAA,EACR;AAEA,SACC,4CAAC,kBAAAC,6BAAA,EAAc,UACZ,8BACD,4CAAC,wDAAsB,UAAU,IAEjC,4CAAC,QACE,WAAE,cACH;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MAEE;AAAA;AAAA,EACH,GAEF,GAEF;AAEF;AAEA,SAAS,iBAAkB,EAAE,gBAAgB,SAAS,GAAI;AACzD,QAAM,EAAE,wBAAwB,yBAAyB,QACxD,2BAAY,kBAAAC,+BAAkB;AAC/B,QAAM,oBAAgB,6CAAmB;AACzC,QAAM,2BAAuB;AAAA,IAC5B,UAAM,qDAA4B,eAAe,cAAe;AAAA,IAChE,CAAE,gBAAgB,aAAc;AAAA,EACjC;AACA,gCAAW,MAAM;AAChB,QACC,wBACA,0BACA,0BACC;AACD,6BAAwB,oBAAqB;AAC7C,aAAO,MAAM;AACZ,iCAA0B,oBAAqB;AAAA,MAChD;AAAA,IACD;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AACF,SAAO;AACR;AAEA,SAAS,2BAA4B,EAAE,UAAU,gBAAgB,UAAU,GAAI;AAG9E,QAAM,EAAE,mBAAmB,CAAC,EAAE,IAAI;AAMlC,QAAM,cACL,4CAAC,oBAAiB,gBACf,UACH;AAED,SAAO,iBAAiB;AAAA,IACvB,CAAE,OAAO,CAAE,UAAU,KAAM,MAC1B,4CAAC,YAAW,GAAG,OAAU,iBAAO;AAAA,IAEjC;AAAA,EACD;AACD;",
   "names": ["deprecated", "groups", "warning", "StyleProvider", "ToolsPanelContext"]

package/build/components/inspector-controls/groups.cjs CHANGED Viewed

@@ -43,6 +43,7 @@ var InspectorControlsPosition = (0, import_components.createSlotFill)("Inspector
 var InspectorControlsTypography = (0, import_components.createSlotFill)(
   "InspectorControlsTypography"
 );
+var InspectorControlsViewport = (0, import_components.createSlotFill)("InspectorControlsViewport");
 var InspectorControlsListView = (0, import_components.createSlotFill)("InspectorControlsListView");
 var InspectorControlsStyles = (0, import_components.createSlotFill)("InspectorControlsStyles");
 var InspectorControlsEffects = (0, import_components.createSlotFill)("InspectorControlsEffects");
@@ -65,7 +66,8 @@ var groups = {
   settings: InspectorControlsDefault,
   // Alias for default.
   styles: InspectorControlsStyles,
-  typography: InspectorControlsTypography
+  typography: InspectorControlsTypography,
+  viewport: InspectorControlsViewport
 };
 var groups_default = groups;
 var PrivateInspectorControlsAllowedBlocks = (0, import_components.createSlotFill)(

package/build/components/inspector-controls/groups.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/inspector-controls/groups.js"],
-  "sourcesContent": ["import { createSlotFill } from '@wordpress/components';\n\nconst InspectorControlsDefault = createSlotFill( 'InspectorControls' );\nconst InspectorControlsAdvanced = createSlotFill( 'InspectorAdvancedControls' );\nconst InspectorControlsBindings = createSlotFill( 'InspectorControlsBindings' );\nconst InspectorControlsBackground = createSlotFill(\n\t'InspectorControlsBackground'\n);\nconst InspectorControlsBorder = createSlotFill( 'InspectorControlsBorder' );\nconst InspectorControlsColor = createSlotFill( 'InspectorControlsColor' );\nconst InspectorControlsFilter = createSlotFill( 'InspectorControlsFilter' );\nconst InspectorControlsDimensions = createSlotFill(\n\t'InspectorControlsDimensions'\n);\nconst InspectorControlsLayout = createSlotFill( 'InspectorControlsLayout' );\nconst InspectorControlsElements = createSlotFill( 'InspectorControlsElements' );\nconst InspectorControlsPosition = createSlotFill( 'InspectorControlsPosition' );\nconst InspectorControlsTypography = createSlotFill(\n\t'InspectorControlsTypography'\n);\nconst InspectorControlsListView = createSlotFill( 'InspectorControlsListView' );\nconst InspectorControlsStyles = createSlotFill( 'InspectorControlsStyles' );\nconst InspectorControlsEffects = createSlotFill( 'InspectorControlsEffects' );\nconst InspectorControlsContent = createSlotFill( 'InspectorControlsContent' );\n\nconst groups = {\n\tdefault: InspectorControlsDefault,\n\tadvanced: InspectorControlsAdvanced,\n\tbackground: InspectorControlsBackground,\n\tbindings: InspectorControlsBindings,\n\tborder: InspectorControlsBorder,\n\tcolor: InspectorControlsColor,\n\tcontent: InspectorControlsContent,\n\tdimensions: InspectorControlsDimensions,\n\teffects: InspectorControlsEffects,\n\telements: InspectorControlsElements,\n\tfilter: InspectorControlsFilter,\n\tlayout: InspectorControlsLayout,\n\tlist: InspectorControlsListView,\n\tposition: InspectorControlsPosition,\n\tsettings: InspectorControlsDefault, // Alias for default.\n\tstyles: InspectorControlsStyles,\n\ttypography: InspectorControlsTypography,\n};\n\nexport default groups;\n\n// Private slot for allowed blocks control UI.\nexport const PrivateInspectorControlsAllowedBlocks = createSlotFill(\n\tSymbol( 'PrivateInspectorControlsAllowedBlocks' )\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA+B;AAE/B,IAAM,+BAA2B,kCAAgB,mBAAoB;AACrE,IAAM,gCAA4B,kCAAgB,2BAA4B;AAC9E,IAAM,gCAA4B,kCAAgB,2BAA4B;AAC9E,IAAM,kCAA8B;AAAA,EACnC;AACD;AACA,IAAM,8BAA0B,kCAAgB,yBAA0B;AAC1E,IAAM,6BAAyB,kCAAgB,wBAAyB;AACxE,IAAM,8BAA0B,kCAAgB,yBAA0B;AAC1E,IAAM,kCAA8B;AAAA,EACnC;AACD;AACA,IAAM,8BAA0B,kCAAgB,yBAA0B;AAC1E,IAAM,gCAA4B,kCAAgB,2BAA4B;AAC9E,IAAM,gCAA4B,kCAAgB,2BAA4B;AAC9E,IAAM,kCAA8B;AAAA,EACnC;AACD;AACA,IAAM,gCAA4B,kCAAgB,2BAA4B;AAC9E,IAAM,8BAA0B,kCAAgB,yBAA0B;AAC1E,IAAM,+BAA2B,kCAAgB,0BAA2B;AAC5E,IAAM,+BAA2B,kCAAgB,0BAA2B;AAE5E,IAAM,SAAS;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AACb;AAEA,IAAO,iBAAQ;AAGR,IAAM,4CAAwC;AAAA,EACpD,uBAAQ,uCAAwC;AACjD;",
+  "sourcesContent": ["import { createSlotFill } from '@wordpress/components';\n\nconst InspectorControlsDefault = createSlotFill( 'InspectorControls' );\nconst InspectorControlsAdvanced = createSlotFill( 'InspectorAdvancedControls' );\nconst InspectorControlsBindings = createSlotFill( 'InspectorControlsBindings' );\nconst InspectorControlsBackground = createSlotFill(\n\t'InspectorControlsBackground'\n);\nconst InspectorControlsBorder = createSlotFill( 'InspectorControlsBorder' );\nconst InspectorControlsColor = createSlotFill( 'InspectorControlsColor' );\nconst InspectorControlsFilter = createSlotFill( 'InspectorControlsFilter' );\nconst InspectorControlsDimensions = createSlotFill(\n\t'InspectorControlsDimensions'\n);\nconst InspectorControlsLayout = createSlotFill( 'InspectorControlsLayout' );\nconst InspectorControlsElements = createSlotFill( 'InspectorControlsElements' );\nconst InspectorControlsPosition = createSlotFill( 'InspectorControlsPosition' );\nconst InspectorControlsTypography = createSlotFill(\n\t'InspectorControlsTypography'\n);\nconst InspectorControlsViewport = createSlotFill( 'InspectorControlsViewport' );\nconst InspectorControlsListView = createSlotFill( 'InspectorControlsListView' );\nconst InspectorControlsStyles = createSlotFill( 'InspectorControlsStyles' );\nconst InspectorControlsEffects = createSlotFill( 'InspectorControlsEffects' );\nconst InspectorControlsContent = createSlotFill( 'InspectorControlsContent' );\n\nconst groups = {\n\tdefault: InspectorControlsDefault,\n\tadvanced: InspectorControlsAdvanced,\n\tbackground: InspectorControlsBackground,\n\tbindings: InspectorControlsBindings,\n\tborder: InspectorControlsBorder,\n\tcolor: InspectorControlsColor,\n\tcontent: InspectorControlsContent,\n\tdimensions: InspectorControlsDimensions,\n\teffects: InspectorControlsEffects,\n\telements: InspectorControlsElements,\n\tfilter: InspectorControlsFilter,\n\tlayout: InspectorControlsLayout,\n\tlist: InspectorControlsListView,\n\tposition: InspectorControlsPosition,\n\tsettings: InspectorControlsDefault, // Alias for default.\n\tstyles: InspectorControlsStyles,\n\ttypography: InspectorControlsTypography,\n\tviewport: InspectorControlsViewport,\n};\n\nexport default groups;\n\n// Private slot for allowed blocks control UI.\nexport const PrivateInspectorControlsAllowedBlocks = createSlotFill(\n\tSymbol( 'PrivateInspectorControlsAllowedBlocks' )\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA+B;AAE/B,IAAM,+BAA2B,kCAAgB,mBAAoB;AACrE,IAAM,gCAA4B,kCAAgB,2BAA4B;AAC9E,IAAM,gCAA4B,kCAAgB,2BAA4B;AAC9E,IAAM,kCAA8B;AAAA,EACnC;AACD;AACA,IAAM,8BAA0B,kCAAgB,yBAA0B;AAC1E,IAAM,6BAAyB,kCAAgB,wBAAyB;AACxE,IAAM,8BAA0B,kCAAgB,yBAA0B;AAC1E,IAAM,kCAA8B;AAAA,EACnC;AACD;AACA,IAAM,8BAA0B,kCAAgB,yBAA0B;AAC1E,IAAM,gCAA4B,kCAAgB,2BAA4B;AAC9E,IAAM,gCAA4B,kCAAgB,2BAA4B;AAC9E,IAAM,kCAA8B;AAAA,EACnC;AACD;AACA,IAAM,gCAA4B,kCAAgB,2BAA4B;AAC9E,IAAM,gCAA4B,kCAAgB,2BAA4B;AAC9E,IAAM,8BAA0B,kCAAgB,yBAA0B;AAC1E,IAAM,+BAA2B,kCAAgB,0BAA2B;AAC5E,IAAM,+BAA2B,kCAAgB,0BAA2B;AAE5E,IAAM,SAAS;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AACX;AAEA,IAAO,iBAAQ;AAGR,IAAM,4CAAwC;AAAA,EACpD,uBAAQ,uCAAwC;AACjD;",
   "names": []
 }

package/build/components/inspector-controls/index.cjs CHANGED Viewed

@@ -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/inspector-controls/index.js
+// packages/block-editor/src/components/inspector-controls/index.jsx
 var inspector_controls_exports = {};
 __export(inspector_controls_exports, {
   InspectorAdvancedControls: () => InspectorAdvancedControls,

package/build/components/inspector-controls/index.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls/index.js"],
+  "sources": ["../../../src/components/inspector-controls/index.jsx"],
   "sourcesContent": ["import InspectorControlsFill from './fill';\nimport InspectorControlsSlot from './slot';\n\nconst InspectorControls = InspectorControlsFill;\n\nInspectorControls.Slot = InspectorControlsSlot;\n\n// This is just here for backward compatibility.\nexport const InspectorAdvancedControls = ( props ) => {\n\treturn <InspectorControlsFill { ...props } group=\"advanced\" />;\n};\nInspectorAdvancedControls.Slot = function Slot( props ) {\n\treturn <InspectorControlsSlot { ...props } group=\"advanced\" />;\n};\nInspectorAdvancedControls.slotName = 'InspectorAdvancedControls';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inspector-controls/README.md\n */\nexport default InspectorControls;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAkC;AAClC,kBAAkC;AAQ1B;AANR,IAAM,oBAAoB,YAAAA;AAE1B,kBAAkB,OAAO,YAAAC;AAGlB,IAAM,4BAA4B,CAAE,UAAW;AACrD,SAAO,4CAAC,YAAAD,SAAA,EAAwB,GAAG,OAAQ,OAAM,YAAW;AAC7D;AACA,0BAA0B,OAAO,SAAS,KAAM,OAAQ;AACvD,SAAO,4CAAC,YAAAC,SAAA,EAAwB,GAAG,OAAQ,OAAM,YAAW;AAC7D;AACA,0BAA0B,WAAW;AAKrC,IAAO,6BAAQ;",
   "names": ["InspectorControlsFill", "InspectorControlsSlot"]

package/build/components/inspector-controls/last-item.cjs CHANGED Viewed

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-// packages/block-editor/src/components/inspector-controls/last-item.js
+// packages/block-editor/src/components/inspector-controls/last-item.jsx
 var last_item_exports = {};
 __export(last_item_exports, {
   default: () => last_item_default

package/build/components/inspector-controls/last-item.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls/last-item.js"],
+  "sources": ["../../../src/components/inspector-controls/last-item.jsx"],
   "sourcesContent": ["import { createSlotFill } from '@wordpress/components';\nimport {\n\tuseBlockEditContext,\n\tmayDisplayControlsKey,\n} from '../block-edit/context';\n\nconst { Fill, Slot } = createSlotFill( Symbol( 'InspectorControlsLastItem' ) );\n\nconst InspectorControlsLastItem = ( props ) => {\n\tconst context = useBlockEditContext();\n\tif ( ! context[ mayDisplayControlsKey ] ) {\n\t\treturn null;\n\t}\n\treturn <Fill { ...props } />;\n};\nInspectorControlsLastItem.Slot = function InspectorControlsLastItemSlot(\n\tprops\n) {\n\treturn <Slot { ...props } />;\n};\n\nexport default InspectorControlsLastItem;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA+B;AAC/B,qBAGO;AASC;AAPR,IAAM,EAAE,MAAM,KAAK,QAAI,kCAAgB,uBAAQ,2BAA4B,CAAE;AAE7E,IAAM,4BAA4B,CAAE,UAAW;AAC9C,QAAM,cAAU,oCAAoB;AACpC,MAAK,CAAE,QAAS,oCAAsB,GAAI;AACzC,WAAO;AAAA,EACR;AACA,SAAO,4CAAC,QAAO,GAAG,OAAQ;AAC3B;AACA,0BAA0B,OAAO,SAAS,8BACzC,OACC;AACD,SAAO,4CAAC,QAAO,GAAG,OAAQ;AAC3B;AAEA,IAAO,oBAAQ;",
   "names": []

package/build/components/inspector-controls/list-view-content-popover.cjs CHANGED Viewed

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-// packages/block-editor/src/components/inspector-controls/list-view-content-popover.js
+// packages/block-editor/src/components/inspector-controls/list-view-content-popover.jsx
 var list_view_content_popover_exports = {};
 __export(list_view_content_popover_exports, {
   ListViewContentFill: () => Fill,

package/build/components/inspector-controls/list-view-content-popover.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls/list-view-content-popover.js"],
+  "sources": ["../../../src/components/inspector-controls/list-view-content-popover.jsx"],
   "sourcesContent": ["import {\n\tcreateSlotFill,\n\tPopover,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { useState, useLayoutEffect } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n\n// Create private slot-fill for ListViewContentPanel\nconst LIST_VIEW_CONTENT_PANEL_SLOT = Symbol( 'ListViewContentPopover' );\nconst { Fill, Slot } = createSlotFill( LIST_VIEW_CONTENT_PANEL_SLOT );\n\nexport { Fill as ListViewContentFill };\n\n// Hook to determine popover placement for inspector controls\nfunction useInspectorPopoverPlacement() {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\treturn ! isMobile\n\t\t? {\n\t\t\t\tpopoverProps: {\n\t\t\t\t\tplacement: 'left-start',\n\t\t\t\t\toffset: 35,\n\t\t\t\t\tresize: false,\n\t\t\t\t},\n\t\t  }\n\t\t: {};\n}\n\n/**\n * Displays a popover for the List View block inspector support.\n * Blocks can use `<InspectorControls group=\"content\">` to display their\n * controls in this popover when inside a section with a parent that has\n * List View block support. The routing is handled automatically by\n * `InspectorControlsFill`.\n *\n * @param {Object}                 props\n * @param {RefObject<HTMLElement>} props.listViewRef Ref to the List View slot for the block inspector.\n */\nexport function ListViewContentPopover( { listViewRef } ) {\n\tconst { popoverProps } = useInspectorPopoverPlacement();\n\tconst fills = useSlotFills( LIST_VIEW_CONTENT_PANEL_SLOT );\n\tconst hasFills = Boolean( fills && fills.length );\n\n\t// Get both the selected client ID and the popover open state.\n\tconst { selectedClientId, isOpen } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId } = select( blockEditorStore );\n\t\tconst privateSelectors = unlock( select( blockEditorStore ) );\n\n\t\treturn {\n\t\t\tselectedClientId: getSelectedBlockClientId(),\n\t\t\tisOpen: privateSelectors.isListViewContentPanelOpen(),\n\t\t};\n\t}, [] );\n\n\t// Query DOM for the selected block row element in List View.\n\tconst [ anchorElement, setAnchorElement ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! selectedClientId || ! listViewRef?.current ) {\n\t\t\tsetAnchorElement( null );\n\t\t\treturn;\n\t\t}\n\n\t\t// Query for the block in list view to anchor the popover.\n\t\t// Ensures the vertical positioning of the popover matches the\n\t\t// selected block in List View.\n\t\tconst element = listViewRef.current.querySelector(\n\t\t\t`[data-block=\"${ selectedClientId }\"]`\n\t\t);\n\n\t\tsetAnchorElement( element );\n\t}, [ selectedClientId, listViewRef ] );\n\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { closeListViewContentPanel } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\t// Only render when explicitly open.\n\tif ( ! isOpen || ! hasFills || ! anchorElement ) {\n\t\treturn null;\n\t}\n\n\t// The slot rendered in the popover doesn't use `bubblesVirtually`, this has a downside\n\t// that certain context providers (like `BlockEditContext`) are not available\n\t// to fills.\n\t// The upside is that it allows nested popovers to function correctly. If `bubblesVirtually`\n\t// is set opening a nest popover triggers the `onFocusOutside` of this popover and closes it.\n\t// Is there a solution that has no trade-offs?\n\treturn (\n\t\t<Popover\n\t\t\t{ ...( popoverProps ?? {} ) }\n\t\t\tclassName=\"block-editor-inspector-list-view-content-popover\"\n\t\t\tanchor={ anchorElement }\n\t\t\tonClose={ closeListViewContentPanel }\n\t\t>\n\t\t\t<div style={ { width: '280px' } }>\n\t\t\t\t<Slot />\n\t\t\t</div>\n\t\t</Popover>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAIO;AACP,qBAA0C;AAC1C,qBAAiC;AACjC,kBAAuC;AACvC,mBAA0C;AAC1C,yBAAuB;AA6FnB;AAxFJ,IAAM,+BAA+B,uBAAQ,wBAAyB;AACtE,IAAM,EAAE,MAAM,KAAK,QAAI,kCAAgB,4BAA6B;AAKpE,SAAS,+BAA+B;AACvC,QAAM,eAAW,iCAAkB,UAAU,GAAI;AACjD,SAAO,CAAE,WACN;AAAA,IACA,cAAc;AAAA,MACb,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,QAAQ;AAAA,IACT;AAAA,EACA,IACA,CAAC;AACL;AAYO,SAAS,uBAAwB,EAAE,YAAY,GAAI;AACzD,QAAM,EAAE,aAAa,IAAI,6BAA6B;AACtD,QAAM,YAAQ,kBAAAA,4BAAc,4BAA6B;AACzD,QAAM,WAAW,QAAS,SAAS,MAAM,MAAO;AAGhD,QAAM,EAAE,kBAAkB,OAAO,QAAI,uBAAW,CAAE,WAAY;AAC7D,UAAM,EAAE,yBAAyB,IAAI,OAAQ,aAAAC,KAAiB;AAC9D,UAAM,uBAAmB,2BAAQ,OAAQ,aAAAA,KAAiB,CAAE;AAE5D,WAAO;AAAA,MACN,kBAAkB,yBAAyB;AAAA,MAC3C,QAAQ,iBAAiB,2BAA2B;AAAA,IACrD;AAAA,EACD,GAAG,CAAC,CAAE;AAGN,QAAM,CAAE,eAAe,gBAAiB,QAAI,yBAAU,IAAK;AAE3D,sCAAiB,MAAM;AACtB,QAAK,CAAE,oBAAoB,CAAE,aAAa,SAAU;AACnD,uBAAkB,IAAK;AACvB;AAAA,IACD;AAKA,UAAM,UAAU,YAAY,QAAQ;AAAA,MACnC,gBAAiB,gBAAiB;AAAA,IACnC;AAEA,qBAAkB,OAAQ;AAAA,EAC3B,GAAG,CAAE,kBAAkB,WAAY,CAAE;AAGrC,QAAM,EAAE,0BAA0B,QAAI;AAAA,QACrC,yBAAa,aAAAA,KAAiB;AAAA,EAC/B;AAGA,MAAK,CAAE,UAAU,CAAE,YAAY,CAAE,eAAgB;AAChD,WAAO;AAAA,EACR;AAQA,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAK,gBAAgB,CAAC;AAAA,MACxB,WAAU;AAAA,MACV,QAAS;AAAA,MACT,SAAU;AAAA,MAEV,sDAAC,SAAI,OAAQ,EAAE,OAAO,QAAQ,GAC7B,sDAAC,QAAK,GACP;AAAA;AAAA,EACD;AAEF;",
   "names": ["useSlotFills", "blockEditorStore"]

package/build/components/inspector-controls/slot.cjs CHANGED Viewed

@@ -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/inspector-controls/slot.js
+// packages/block-editor/src/components/inspector-controls/slot.jsx
 var slot_exports = {};
 __export(slot_exports, {
   default: () => slot_default

package/build/components/inspector-controls/slot.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls/slot.js"],
+  "sources": ["../../../src/components/inspector-controls/slot.jsx"],
   "sourcesContent": ["import { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport warning from '@wordpress/warning';\nimport deprecated from '@wordpress/deprecated';\nimport BlockSupportToolsPanel from './block-support-tools-panel';\nimport BlockSupportSlotContainer from './block-support-slot-container';\nimport groups from './groups';\n\nfunction InspectorControlsSlot(\n\t{ __experimentalGroup, group = 'default', label, fillProps, ...props },\n\tref\n) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsSlot`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\tconst slotFill = groups[ group ];\n\tconst fills = useSlotFills( slotFill?.name );\n\n\tif ( ! slotFill ) {\n\t\twarning( `Unknown InspectorControls 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\n\tif ( label ) {\n\t\treturn (\n\t\t\t<BlockSupportToolsPanel group={ group } label={ label }>\n\t\t\t\t<BlockSupportSlotContainer\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tfillProps={ fillProps }\n\t\t\t\t\tSlot={ Slot }\n\t\t\t\t/>\n\t\t\t</BlockSupportToolsPanel>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Slot\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\tfillProps={ fillProps }\n\t\t\tbubblesVirtually\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InspectorControlsSlot );\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2D;AAC3D,qBAA2B;AAC3B,qBAAoB;AACpB,wBAAuB;AACvB,uCAAmC;AACnC,0CAAsC;AACtC,oBAAmB;AAkCf;AAhCJ,SAAS,sBACR,EAAE,qBAAqB,QAAQ,WAAW,OAAO,WAAW,GAAG,MAAM,GACrE,KACC;AACD,MAAK,qBAAsB;AAC1B,0BAAAA;AAAA,MACC;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,MACd;AAAA,IACD;AACA,YAAQ;AAAA,EACT;AACA,QAAM,WAAW,cAAAC,QAAQ,KAAM;AAC/B,QAAM,YAAQ,kBAAAC,4BAAc,UAAU,IAAK;AAE3C,MAAK,CAAE,UAAW;AACjB,uBAAAC,SAAS,oCAAqC,KAAM,aAAc;AAClE,WAAO;AAAA,EACR;AAEA,MAAK,CAAE,OAAO,QAAS;AACtB,WAAO;AAAA,EACR;AAEA,QAAM,EAAE,KAAK,IAAI;AAEjB,MAAK,OAAQ;AACZ,WACC,4CAAC,iCAAAC,SAAA,EAAuB,OAAgB,OACvC;AAAA,MAAC,oCAAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACL;AAAA,QACA;AAAA;AAAA,IACD,GACD;AAAA,EAEF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL;AAAA,MACA;AAAA,MACA,kBAAgB;AAAA;AAAA,EACjB;AAEF;AAEA,IAAO,mBAAQ,2BAAY,qBAAsB;",
   "names": ["deprecated", "groups", "useSlotFills", "warning", "BlockSupportToolsPanel", "BlockSupportSlotContainer"]

package/build/components/inspector-controls-tabs/advanced-controls-panel.cjs CHANGED Viewed

@@ -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/inspector-controls-tabs/advanced-controls-panel.js
+// packages/block-editor/src/components/inspector-controls-tabs/advanced-controls-panel.jsx
 var advanced_controls_panel_exports = {};
 __export(advanced_controls_panel_exports, {
   default: () => advanced_controls_panel_default

package/build/components/inspector-controls-tabs/advanced-controls-panel.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/advanced-controls-panel.js"],
+  "sources": ["../../../src/components/inspector-controls-tabs/advanced-controls-panel.jsx"],
   "sourcesContent": ["import {\n\tPanelBody,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tdefault as InspectorControls,\n\tInspectorAdvancedControls,\n} from '../inspector-controls';\nimport { PrivateInspectorControlsAllowedBlocks } from '../inspector-controls/groups';\n\nconst AdvancedControls = ( { initialOpen = false } ) => {\n\tconst fills = useSlotFills( InspectorAdvancedControls.slotName );\n\tconst privateFills = useSlotFills(\n\t\tPrivateInspectorControlsAllowedBlocks.name\n\t);\n\tconst hasFills = Boolean( fills && fills.length );\n\tconst hasPrivateFills = Boolean( privateFills && privateFills.length );\n\n\tif ( ! hasFills && ! hasPrivateFills ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody\n\t\t\tclassName=\"block-editor-block-inspector__advanced\"\n\t\t\ttitle={ __( 'Advanced' ) }\n\t\t\tinitialOpen={ initialOpen }\n\t\t>\n\t\t\t<InspectorControls.Slot group=\"advanced\" />\n\t\t\t<PrivateInspectorControlsAllowedBlocks.Slot />\n\t\t</PanelBody>\n\t);\n};\n\nexport default AdvancedControls;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAGO;AACP,kBAAmB;AACnB,gCAGO;AACP,oBAAsD;AAepD;AAbF,IAAM,mBAAmB,CAAE,EAAE,cAAc,MAAM,MAAO;AACvD,QAAM,YAAQ,kBAAAA,4BAAc,oDAA0B,QAAS;AAC/D,QAAM,mBAAe,kBAAAA;AAAA,IACpB,oDAAsC;AAAA,EACvC;AACA,QAAM,WAAW,QAAS,SAAS,MAAM,MAAO;AAChD,QAAM,kBAAkB,QAAS,gBAAgB,aAAa,MAAO;AAErE,MAAK,CAAE,YAAY,CAAE,iBAAkB;AACtC,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,WAAQ,gBAAI,UAAW;AAAA,MACvB;AAAA,MAEA;AAAA,oDAAC,0BAAAC,QAAkB,MAAlB,EAAuB,OAAM,YAAW;AAAA,QACzC,4CAAC,oDAAsC,MAAtC,EAA2C;AAAA;AAAA;AAAA,EAC7C;AAEF;AAEA,IAAO,kCAAQ;",
   "names": ["useSlotFills", "InspectorControls"]

package/build/components/inspector-controls-tabs/content-tab.cjs CHANGED Viewed

@@ -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/inspector-controls-tabs/content-tab.js
+// packages/block-editor/src/components/inspector-controls-tabs/content-tab.jsx
 var content_tab_exports = {};
 __export(content_tab_exports, {
   default: () => content_tab_default

package/build/components/inspector-controls-tabs/content-tab.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/content-tab.js"],
+  "sources": ["../../../src/components/inspector-controls-tabs/content-tab.jsx"],
   "sourcesContent": ["import { PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport BlockQuickNavigation from '../block-quick-navigation';\n\nconst ContentTab = ( {\n\tcontentClientIds,\n\tonSwitchToListView,\n\thasListViewTab,\n} ) => {\n\tif ( ! contentClientIds || contentClientIds.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst shouldShowBlockFields =\n\t\twindow?.__experimentalContentOnlyInspectorFields;\n\n\treturn (\n\t\t<>\n\t\t\t{ ! shouldShowBlockFields && (\n\t\t\t\t<PanelBody title={ __( 'Content' ) }>\n\t\t\t\t\t<BlockQuickNavigation\n\t\t\t\t\t\tclientIds={ contentClientIds }\n\t\t\t\t\t\tonSwitchToListView={ onSwitchToListView }\n\t\t\t\t\t\thasListViewTab={ hasListViewTab }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default ContentTab;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA0B;AAC1B,kBAAmB;AACnB,oCAAiC;AAe/B;AAbF,IAAM,aAAa,CAAE;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,MAAK,CAAE,oBAAoB,iBAAiB,WAAW,GAAI;AAC1D,WAAO;AAAA,EACR;AAEA,QAAM,wBACL,QAAQ;AAET,SACC,2EACG,WAAE,yBACH,4CAAC,+BAAU,WAAQ,gBAAI,SAAU,GAChC;AAAA,IAAC,8BAAAA;AAAA,IAAA;AAAA,MACA,WAAY;AAAA,MACZ;AAAA,MACA;AAAA;AAAA,EACD,GACD,GAEF;AAEF;AAEA,IAAO,sBAAQ;",
   "names": ["BlockQuickNavigation"]

package/build/components/inspector-controls-tabs/index.cjs CHANGED Viewed

@@ -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/inspector-controls-tabs/index.js
+// packages/block-editor/src/components/inspector-controls-tabs/index.jsx
 var inspector_controls_tabs_exports = {};
 __export(inspector_controls_tabs_exports, {
   default: () => InspectorControlsTabs

package/build/components/inspector-controls-tabs/index.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/index.js"],
+  "sources": ["../../../src/components/inspector-controls-tabs/index.jsx"],
   "sourcesContent": ["import {\n\tIcon as WCIcon,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Tooltip } from '@wordpress/ui';\nimport { TAB_SETTINGS, TAB_STYLES, TAB_LIST_VIEW, TAB_CONTENT } from './utils';\nimport SettingsTab from './settings-tab';\nimport StylesTab from './styles-tab';\nimport ContentTab from './content-tab';\nimport { ListViewContentPopover } from '../inspector-controls/list-view-content-popover';\nimport InspectorControls from '../inspector-controls';\nimport { unlock } from '../../lock-unlock';\nimport { store as blockEditorStore } from '../../store';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function InspectorControlsTabs( {\n\tblockName,\n\tclientId,\n\thasBlockStyles,\n\ttabs,\n\tisSectionBlock,\n\tcontentClientIds,\n} ) {\n\tconst listViewRef = useRef( null );\n\tconst showIconLabels = useSelect( ( select ) => {\n\t\treturn select( preferencesStore ).get( 'core', 'showIconLabels' );\n\t}, [] );\n\n\t// Get any requested inspector tab (used for initial state when programmatically switching)\n\tconst { requestedTab } = useSelect( ( select ) => ( {\n\t\trequestedTab: unlock(\n\t\t\tselect( blockEditorStore )\n\t\t).getRequestedInspectorTab(),\n\t} ) );\n\n\tconst [ selectedTabId, setSelectedTabId ] = useState(\n\t\t() => requestedTab?.tabName ?? tabs[ 0 ]?.name\n\t);\n\tconst hasUserSelectionRef = useRef( false );\n\tconst isProgrammaticSwitchRef = useRef( false );\n\tconst {\n\t\t__unstableSetOpenListViewPanel: setOpenListViewPanel,\n\t\t__unstableIncrementListViewExpandRevision:\n\t\t\tincrementListViewExpandRevision,\n\t\t__unstableSetAllListViewPanelsOpen: setAllListViewPanelsOpen,\n\t} = useDispatch( blockEditorStore );\n\tconst { clearRequestedInspectorTab } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\t// Reset when switching blocks\n\tuseEffect( () => {\n\t\thasUserSelectionRef.current = false;\n\t}, [ clientId ] );\n\n\t// Handle explicit inspector tab requests (panel opening, refs, clear).\n\t// Tab state is initialized from requestedTab above.\n\tuseEffect( () => {\n\t\tif ( ! requestedTab ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Switch to the requested tab\n\t\tsetSelectedTabId( requestedTab.tabName );\n\n\t\t// Handle tab-specific options\n\t\tif (\n\t\t\trequestedTab.tabName === TAB_LIST_VIEW.name &&\n\t\t\trequestedTab.options?.openPanel\n\t\t) {\n\t\t\t// Open the specific panel for List View\n\t\t\tsetOpenListViewPanel( requestedTab.options.openPanel );\n\t\t\tincrementListViewExpandRevision();\n\t\t}\n\n\t\t// Mark as handled (programmatic switch)\n\t\tisProgrammaticSwitchRef.current = true;\n\t\thasUserSelectionRef.current = true;\n\n\t\t// Clear the request\n\t\tclearRequestedInspectorTab();\n\t}, [\n\t\trequestedTab,\n\t\tsetOpenListViewPanel,\n\t\tincrementListViewExpandRevision,\n\t\tclearRequestedInspectorTab,\n\t] );\n\n\t// Initialize List View panels when the tab is selected and clientId changes\n\tuseEffect( () => {\n\t\tif (\n\t\t\tselectedTabId === TAB_LIST_VIEW.name &&\n\t\t\t! hasUserSelectionRef.current\n\t\t) {\n\t\t\tsetAllListViewPanelsOpen();\n\t\t\tincrementListViewExpandRevision();\n\t\t}\n\t}, [\n\t\tclientId,\n\t\tselectedTabId,\n\t\tsetAllListViewPanelsOpen,\n\t\tincrementListViewExpandRevision,\n\t] );\n\n\t// Auto-select first available tab unless user has made a selection\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! tabs?.length ||\n\t\t\t( hasUserSelectionRef.current &&\n\t\t\t\ttabs.some( ( tab ) => tab.name === selectedTabId ) )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst firstTabName = tabs[ 0 ]?.name;\n\t\tif ( selectedTabId !== firstTabName ) {\n\t\t\tsetSelectedTabId( firstTabName );\n\t\t}\n\t}, [ tabs, selectedTabId ] );\n\n\tconst handleTabSelect = ( tabId ) => {\n\t\tsetSelectedTabId( tabId );\n\t\thasUserSelectionRef.current = true;\n\n\t\t// If manually switching to List View tab (not via click-through), open all panels\n\t\tif (\n\t\t\ttabId === TAB_LIST_VIEW.name &&\n\t\t\t! isProgrammaticSwitchRef.current\n\t\t) {\n\t\t\tsetAllListViewPanelsOpen();\n\t\t\tincrementListViewExpandRevision();\n\t\t}\n\n\t\t// Reset the flag\n\t\tisProgrammaticSwitchRef.current = false;\n\t};\n\n\tconst hasListViewTab = tabs.some(\n\t\t( tab ) => tab.name === TAB_LIST_VIEW.name\n\t);\n\n\tconst switchToListView = ( targetClientId ) => {\n\t\tif ( hasListViewTab ) {\n\t\t\t// Open only the target panel\n\t\t\tsetOpenListViewPanel( targetClientId );\n\t\t\tincrementListViewExpandRevision();\n\t\t\t// Mark this as a programmatic switch\n\t\t\tisProgrammaticSwitchRef.current = true;\n\t\t\thandleTabSelect( TAB_LIST_VIEW.name );\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-block-inspector__tabs\">\n\t\t\t<Tabs\n\t\t\t\tselectedTabId={ selectedTabId }\n\t\t\t\tonSelect={ handleTabSelect }\n\t\t\t\tkey={ clientId }\n\t\t\t>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) =>\n\t\t\t\t\t\tshowIconLabels ? (\n\t\t\t\t\t\t\t<Tabs.Tab key={ tab.name } tabId={ tab.name }>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Tooltip.Root key={ tab.name }>\n\t\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\t\taria-label={ tab.title }\n\t\t\t\t\t\t\t\t\trender={ <Tooltip.Trigger /> }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<WCIcon icon={ tab.icon } />\n\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t\t<Tooltip.Popup>{ tab.title }</Tooltip.Popup>\n\t\t\t\t\t\t\t</Tooltip.Root>\n\t\t\t\t\t\t)\n\t\t\t\t\t) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_CONTENT.name } focusable={ false }>\n\t\t\t\t\t<ContentTab\n\t\t\t\t\t\tcontentClientIds={ contentClientIds }\n\t\t\t\t\t\tonSwitchToListView={ switchToListView }\n\t\t\t\t\t\thasListViewTab={ hasListViewTab }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot group=\"content\" />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_LIST_VIEW.name } focusable={ false }>\n\t\t\t\t\t<InspectorControls.Slot group=\"list\" ref={ listViewRef } />\n\t\t\t\t\t<ListViewContentPopover listViewRef={ listViewRef } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_SETTINGS.name } focusable={ false }>\n\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_STYLES.name } focusable={ false }>\n\t\t\t\t\t<StylesTab\n\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t\tisSectionBlock={ isSectionBlock }\n\t\t\t\t\t\tcontentClientIds={ contentClientIds }\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n"],
   "mappings": "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",
   "names": ["componentsPrivateApis", "preferencesStore", "blockEditorStore", "WCIcon", "ContentTab", "InspectorControls", "SettingsTab", "StylesTab"]

package/build/components/inspector-controls-tabs/position-controls-panel.cjs CHANGED Viewed

@@ -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/inspector-controls-tabs/position-controls-panel.js
+// packages/block-editor/src/components/inspector-controls-tabs/position-controls-panel.jsx
 var position_controls_panel_exports = {};
 __export(position_controls_panel_exports, {
   default: () => position_controls_panel_default

package/build/components/inspector-controls-tabs/position-controls-panel.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/position-controls-panel.js"],
+  "sources": ["../../../src/components/inspector-controls-tabs/position-controls-panel.jsx"],
   "sourcesContent": ["import {\n\t__experimentalUseSlotFills as useSlotFills,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport { default as InspectorControls } from '../inspector-controls';\nimport { store as blockEditorStore } from '../../store';\nimport { useToolsPanelDropdownMenuProps } from '../global-styles/utils';\nimport { cleanEmptyObject } from '../../hooks/utils';\n\nconst PositionControlsPanel = () => {\n\tconst { selectedClientIds, selectedBlocks, hasPositionAttribute } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getBlocksByClientId, getSelectedBlockClientIds } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst selectedBlockClientIds = getSelectedBlockClientIds();\n\t\t\tconst _selectedBlocks = getBlocksByClientId(\n\t\t\t\tselectedBlockClientIds\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tselectedClientIds: selectedBlockClientIds,\n\t\t\t\tselectedBlocks: _selectedBlocks,\n\t\t\t\thasPositionAttribute: _selectedBlocks?.some(\n\t\t\t\t\t( { attributes } ) => !! attributes?.style?.position?.type\n\t\t\t\t),\n\t\t\t};\n\t\t}, [] );\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tfunction resetPosition() {\n\t\tif ( ! selectedClientIds?.length || ! selectedBlocks?.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst attributesByClientId = Object.fromEntries(\n\t\t\tselectedBlocks?.map( ( { clientId, attributes } ) => [\n\t\t\t\tclientId,\n\t\t\t\t{\n\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t...attributes?.style,\n\t\t\t\t\t\tposition: {\n\t\t\t\t\t\t\t...attributes?.style?.position,\n\t\t\t\t\t\t\ttype: undefined,\n\t\t\t\t\t\t\ttop: undefined,\n\t\t\t\t\t\t\tright: undefined,\n\t\t\t\t\t\t\tbottom: undefined,\n\t\t\t\t\t\t\tleft: undefined,\n\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\n\t\tupdateBlockAttributes( selectedClientIds, attributesByClientId, true );\n\t}\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tclassName=\"block-editor-block-inspector__position\"\n\t\t\tlabel={ __( 'Position' ) }\n\t\t\tresetAll={ resetPosition }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t<ToolsPanelItem\n\t\t\t\tisShownByDefault={ hasPositionAttribute }\n\t\t\t\tlabel={ __( 'Position' ) }\n\t\t\t\thasValue={ () => hasPositionAttribute }\n\t\t\t\tonDeselect={ resetPosition }\n\t\t\t>\n\t\t\t\t<InspectorControls.Slot group=\"position\" />\n\t\t\t</ToolsPanelItem>\n\t\t</ToolsPanel>\n\t);\n};\n\nconst PositionControls = () => {\n\tconst fills = useSlotFills( InspectorControlsGroups.position.name );\n\tconst hasFills = Boolean( fills && fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn null;\n\t}\n\n\treturn <PositionControlsPanel />;\n};\n\nexport default PositionControls;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAIO;AACP,kBAAuC;AACvC,kBAAmB;AACnB,oBAAoC;AACpC,gCAA6C;AAC7C,mBAA0C;AAC1C,mBAA+C;AAC/C,IAAAA,gBAAiC;AAiE7B;AA/DJ,IAAM,wBAAwB,MAAM;AACnC,QAAM,EAAE,mBAAmB,gBAAgB,qBAAqB,QAC/D,uBAAW,CAAE,WAAY;AACxB,UAAM,EAAE,qBAAqB,0BAA0B,IACtD,OAAQ,aAAAC,KAAiB;AAE1B,UAAM,yBAAyB,0BAA0B;AACzD,UAAM,kBAAkB;AAAA,MACvB;AAAA,IACD;AAEA,WAAO;AAAA,MACN,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,MAChB,sBAAsB,iBAAiB;AAAA,QACtC,CAAE,EAAE,WAAW,MAAO,CAAC,CAAE,YAAY,OAAO,UAAU;AAAA,MACvD;AAAA,IACD;AAAA,EACD,GAAG,CAAC,CAAE;AAEP,QAAM,EAAE,sBAAsB,QAAI,yBAAa,aAAAA,KAAiB;AAChE,QAAM,wBAAoB,6CAA+B;AAEzD,WAAS,gBAAgB;AACxB,QAAK,CAAE,mBAAmB,UAAU,CAAE,gBAAgB,QAAS;AAC9D;AAAA,IACD;AAEA,UAAM,uBAAuB,OAAO;AAAA,MACnC,gBAAgB,IAAK,CAAE,EAAE,UAAU,WAAW,MAAO;AAAA,QACpD;AAAA,QACA;AAAA,UACC,WAAO,gCAAkB;AAAA,YACxB,GAAG,YAAY;AAAA,YACf,UAAU;AAAA,cACT,GAAG,YAAY,OAAO;AAAA,cACtB,MAAM;AAAA,cACN,KAAK;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,MAAM;AAAA,YACP;AAAA,UACD,CAAE;AAAA,QACH;AAAA,MACD,CAAE;AAAA,IACH;AAEA,0BAAuB,mBAAmB,sBAAsB,IAAK;AAAA,EACtE;AAEA,SACC;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA,WAAU;AAAA,MACV,WAAQ,gBAAI,UAAW;AAAA,MACvB,UAAW;AAAA,MACX;AAAA,MAEA;AAAA,QAAC,kBAAAC;AAAA,QAAA;AAAA,UACA,kBAAmB;AAAA,UACnB,WAAQ,gBAAI,UAAW;AAAA,UACvB,UAAW,MAAM;AAAA,UACjB,YAAa;AAAA,UAEb,sDAAC,0BAAAC,QAAkB,MAAlB,EAAuB,OAAM,YAAW;AAAA;AAAA,MAC1C;AAAA;AAAA,EACD;AAEF;AAEA,IAAM,mBAAmB,MAAM;AAC9B,QAAM,YAAQ,kBAAAC,4BAAc,cAAAC,QAAwB,SAAS,IAAK;AAClE,QAAM,WAAW,QAAS,SAAS,MAAM,MAAO;AAEhD,MAAK,CAAE,UAAW;AACjB,WAAO;AAAA,EACR;AAEA,SAAO,4CAAC,yBAAsB;AAC/B;AAEA,IAAO,kCAAQ;",
   "names": ["import_utils", "blockEditorStore", "ToolsPanel", "ToolsPanelItem", "InspectorControls", "useSlotFills", "InspectorControlsGroups"]

package/build/components/inspector-controls-tabs/settings-tab.cjs CHANGED Viewed

@@ -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/inspector-controls-tabs/settings-tab.js
+// packages/block-editor/src/components/inspector-controls-tabs/settings-tab.jsx
 var settings_tab_exports = {};
 __export(settings_tab_exports, {
   default: () => settings_tab_default

package/build/components/inspector-controls-tabs/settings-tab.cjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/settings-tab.js"],
+  "sources": ["../../../src/components/inspector-controls-tabs/settings-tab.jsx"],
   "sourcesContent": ["import { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport AdvancedControls from './advanced-controls-panel';\nimport { default as InspectorControls } from '../inspector-controls';\nimport groups from '../inspector-controls/groups';\n\nconst SettingsTab = ( { showAdvancedControls = false } ) => {\n\tconst defaultFills = useSlotFills( groups.default.name );\n\tconst bindingsFills = useSlotFills( groups.bindings.name );\n\n\t// Expand the advanced panel when there are no other fills\n\t// in the settings tab.\n\tconst hasOtherFills = !! defaultFills?.length || !! bindingsFills?.length;\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls.Slot />\n\t\t\t<InspectorControls.Slot group=\"bindings\" />\n\t\t\t{ showAdvancedControls && (\n\t\t\t\t<div>\n\t\t\t\t\t<AdvancedControls initialOpen={ ! hasOtherFills } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default SettingsTab;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2D;AAC3D,qCAA6B;AAC7B,gCAA6C;AAC7C,oBAAmB;AAWjB;AATF,IAAM,cAAc,CAAE,EAAE,uBAAuB,MAAM,MAAO;AAC3D,QAAM,mBAAe,kBAAAA,4BAAc,cAAAC,QAAO,QAAQ,IAAK;AACvD,QAAM,oBAAgB,kBAAAD,4BAAc,cAAAC,QAAO,SAAS,IAAK;AAIzD,QAAM,gBAAgB,CAAC,CAAE,cAAc,UAAU,CAAC,CAAE,eAAe;AAEnE,SACC,4EACC;AAAA,gDAAC,0BAAAC,QAAkB,MAAlB,EAAuB;AAAA,IACxB,4CAAC,0BAAAA,QAAkB,MAAlB,EAAuB,OAAM,YAAW;AAAA,IACvC,wBACD,4CAAC,SACA,sDAAC,+BAAAC,SAAA,EAAiB,aAAc,CAAE,eAAgB,GACnD;AAAA,KAEF;AAEF;AAEA,IAAO,uBAAQ;",
   "names": ["useSlotFills", "groups", "InspectorControls", "AdvancedControls"]