@wordpress/block-editor 12.26.0 → 13.0.0

package/build-module/components/block-canvas/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMergeRefs","useRef","BlockList","BlockTools","EditorStyles","Iframe","WritingFlow","useMouseMoveTypingReset","useBlockSelectionClearer","useBlockCommands","ExperimentalBlockCanvas","shouldIframe","height","children","createElement","styles","contentRef","contentRefProp","iframeProps","resetTypingRef","clearerRef","localRef","__unstableContentRef","style","display","scope","ref","className","tabIndex","width","name","BlockCanvas"],"sources":["@wordpress/block-editor/src/components/block-canvas/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../block-list';\nimport BlockTools from '../block-tools';\nimport EditorStyles from '../editor-styles';\nimport Iframe from '../iframe';\nimport WritingFlow from '../writing-flow';\nimport { useMouseMoveTypingReset } from '../observe-typing';\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\nimport { useBlockCommands } from '../use-block-commands';\n\nexport function ExperimentalBlockCanvas( {\n\tshouldIframe = true,\n\theight = '300px',\n\tchildren = <BlockList />,\n\tstyles,\n\tcontentRef: contentRefProp,\n\tiframeProps,\n} ) {\n\tuseBlockCommands();\n\tconst resetTypingRef = useMouseMoveTypingReset();\n\tconst clearerRef = useBlockSelectionClearer();\n\tconst localRef = useRef();\n\tconst contentRef = useMergeRefs( [ contentRefProp, clearerRef, localRef ] );\n\n\tif ( ! shouldIframe ) {\n\t\treturn (\n\t\t\t<BlockTools\n\t\t\t\t__unstableContentRef={ localRef }\n\t\t\t\tstyle={ { height, display: 'flex' } }\n\t\t\t>\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\".editor-styles-wrapper\"\n\t\t\t\t/>\n\t\t\t\t<WritingFlow\n\t\t\t\t\tref={ contentRef }\n\t\t\t\t\tclassName=\"editor-styles-wrapper\"\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</WritingFlow>\n\t\t\t</BlockTools>\n\t\t);\n\t}\n\n\treturn (\n\t\t<BlockTools\n\t\t\t__unstableContentRef={ localRef }\n\t\t\tstyle={ { height, display: 'flex' } }\n\t\t>\n\t\t\t<Iframe\n\t\t\t\t{ ...iframeProps }\n\t\t\t\tref={ resetTypingRef }\n\t\t\t\tcontentRef={ contentRef }\n\t\t\t\tstyle={ {\n\t\t\t\t\t...iframeProps?.style,\n\t\t\t\t} }\n\t\t\t\tname=\"editor-canvas\"\n\t\t\t>\n\t\t\t\t<EditorStyles styles={ styles } />\n\t\t\t\t{ children }\n\t\t\t</Iframe>\n\t\t</BlockTools>\n\t);\n}\n\n/**\n * BlockCanvas component is a component used to display the canvas of the block editor.\n * What we call the canvas is an iframe containing the block list that you can manipulate.\n * The component is also responsible of wiring up all the necessary hooks to enable\n * the keyboard navigation across blocks in the editor and inject content styles into the iframe.\n *\n * @example\n *\n * ```jsx\n * function MyBlockEditor() {\n *   const [ blocks, updateBlocks ] = useState([]);\n *   return (\n *     <BlockEditorProvider\n *       value={ blocks }\n *       onInput={ updateBlocks }\n *       onChange={ persistBlocks }\n *      >\n *        <BlockCanvas height=\"400px\" />\n *      </BlockEditorProvider>\n *    );\n * }\n * ```\n *\n * @param {Object}  props          Component props.\n * @param {string}  props.height   Canvas height, defaults to 300px.\n * @param {Array}   props.styles   Content styles to inject into the iframe.\n * @param {Element} props.children Content of the canvas, defaults to the BlockList component.\n * @return {Element}               Block Breadcrumb.\n */\nfunction BlockCanvas( { children, height, styles } ) {\n\treturn (\n\t\t<ExperimentalBlockCanvas height={ height } styles={ styles }>\n\t\t\t{ children }\n\t\t</ExperimentalBlockCanvas>\n\t);\n}\n\nexport default BlockCanvas;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,MAAM,QAAQ,oBAAoB;;AAE3C;AACA;AACA;AACA,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,WAAW,MAAM,iBAAiB;AACzC,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,SAASC,uBAAuBA,CAAE;EACxCC,YAAY,GAAG,IAAI;EACnBC,MAAM,GAAG,OAAO;EAChBC,QAAQ,GAAGC,aAAA,CAACZ,SAAS,MAAE,CAAC;EACxBa,MAAM;EACNC,UAAU,EAAEC,cAAc;EAC1BC;AACD,CAAC,EAAG;EACHT,gBAAgB,CAAC,CAAC;EAClB,MAAMU,cAAc,GAAGZ,uBAAuB,CAAC,CAAC;EAChD,MAAMa,UAAU,GAAGZ,wBAAwB,CAAC,CAAC;EAC7C,MAAMa,QAAQ,GAAGpB,MAAM,CAAC,CAAC;EACzB,MAAMe,UAAU,GAAGhB,YAAY,CAAE,CAAEiB,cAAc,EAAEG,UAAU,EAAEC,QAAQ,CAAG,CAAC;EAE3E,IAAK,CAAEV,YAAY,EAAG;IACrB,OACCG,aAAA,CAACX,UAAU;MACVmB,oBAAoB,EAAGD,QAAU;MACjCE,KAAK,EAAG;QAAEX,MAAM;QAAEY,OAAO,EAAE;MAAO;IAAG,GAErCV,aAAA,CAACV,YAAY;MACZW,MAAM,EAAGA,MAAQ;MACjBU,KAAK,EAAC;IAAwB,CAC9B,CAAC,EACFX,aAAA,CAACR,WAAW;MACXoB,GAAG,EAAGV,UAAY;MAClBW,SAAS,EAAC,uBAAuB;MACjCC,QAAQ,EAAG,CAAC,CAAG;MACfL,KAAK,EAAG;QACPX,MAAM,EAAE,MAAM;QACdiB,KAAK,EAAE;MACR;IAAG,GAEDhB,QACU,CACF,CAAC;EAEf;EAEA,OACCC,aAAA,CAACX,UAAU;IACVmB,oBAAoB,EAAGD,QAAU;IACjCE,KAAK,EAAG;MAAEX,MAAM;MAAEY,OAAO,EAAE;IAAO;EAAG,GAErCV,aAAA,CAACT,MAAM;IAAA,GACDa,WAAW;IAChBQ,GAAG,EAAGP,cAAgB;IACtBH,UAAU,EAAGA,UAAY;IACzBO,KAAK,EAAG;MACP,GAAGL,WAAW,EAAEK;IACjB,CAAG;IACHO,IAAI,EAAC;EAAe,GAEpBhB,aAAA,CAACV,YAAY;IAACW,MAAM,EAAGA;EAAQ,CAAE,CAAC,EAChCF,QACK,CACG,CAAC;AAEf;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASkB,WAAWA,CAAE;EAAElB,QAAQ;EAAED,MAAM;EAAEG;AAAO,CAAC,EAAG;EACpD,OACCD,aAAA,CAACJ,uBAAuB;IAACE,MAAM,EAAGA,MAAQ;IAACG,MAAM,EAAGA;EAAQ,GACzDF,QACsB,CAAC;AAE5B;AAEA,eAAekB,WAAW","ignoreList":[]}
+{"version":3,"names":["useMergeRefs","useRef","BlockList","BlockTools","EditorStyles","Iframe","WritingFlow","useMouseMoveTypingReset","useBlockSelectionClearer","useBlockCommands","jsx","_jsx","jsxs","_jsxs","ExperimentalBlockCanvas","shouldIframe","height","children","styles","contentRef","contentRefProp","iframeProps","resetTypingRef","clearerRef","localRef","__unstableContentRef","style","display","scope","ref","className","tabIndex","width","name","BlockCanvas"],"sources":["@wordpress/block-editor/src/components/block-canvas/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../block-list';\nimport BlockTools from '../block-tools';\nimport EditorStyles from '../editor-styles';\nimport Iframe from '../iframe';\nimport WritingFlow from '../writing-flow';\nimport { useMouseMoveTypingReset } from '../observe-typing';\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\nimport { useBlockCommands } from '../use-block-commands';\n\nexport function ExperimentalBlockCanvas( {\n\tshouldIframe = true,\n\theight = '300px',\n\tchildren = <BlockList />,\n\tstyles,\n\tcontentRef: contentRefProp,\n\tiframeProps,\n} ) {\n\tuseBlockCommands();\n\tconst resetTypingRef = useMouseMoveTypingReset();\n\tconst clearerRef = useBlockSelectionClearer();\n\tconst localRef = useRef();\n\tconst contentRef = useMergeRefs( [ contentRefProp, clearerRef, localRef ] );\n\n\tif ( ! shouldIframe ) {\n\t\treturn (\n\t\t\t<BlockTools\n\t\t\t\t__unstableContentRef={ localRef }\n\t\t\t\tstyle={ { height, display: 'flex' } }\n\t\t\t>\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\".editor-styles-wrapper\"\n\t\t\t\t/>\n\t\t\t\t<WritingFlow\n\t\t\t\t\tref={ contentRef }\n\t\t\t\t\tclassName=\"editor-styles-wrapper\"\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</WritingFlow>\n\t\t\t</BlockTools>\n\t\t);\n\t}\n\n\treturn (\n\t\t<BlockTools\n\t\t\t__unstableContentRef={ localRef }\n\t\t\tstyle={ { height, display: 'flex' } }\n\t\t>\n\t\t\t<Iframe\n\t\t\t\t{ ...iframeProps }\n\t\t\t\tref={ resetTypingRef }\n\t\t\t\tcontentRef={ contentRef }\n\t\t\t\tstyle={ {\n\t\t\t\t\t...iframeProps?.style,\n\t\t\t\t} }\n\t\t\t\tname=\"editor-canvas\"\n\t\t\t>\n\t\t\t\t<EditorStyles styles={ styles } />\n\t\t\t\t{ children }\n\t\t\t</Iframe>\n\t\t</BlockTools>\n\t);\n}\n\n/**\n * BlockCanvas component is a component used to display the canvas of the block editor.\n * What we call the canvas is an iframe containing the block list that you can manipulate.\n * The component is also responsible of wiring up all the necessary hooks to enable\n * the keyboard navigation across blocks in the editor and inject content styles into the iframe.\n *\n * @example\n *\n * ```jsx\n * function MyBlockEditor() {\n *   const [ blocks, updateBlocks ] = useState([]);\n *   return (\n *     <BlockEditorProvider\n *       value={ blocks }\n *       onInput={ updateBlocks }\n *       onChange={ persistBlocks }\n *      >\n *        <BlockCanvas height=\"400px\" />\n *      </BlockEditorProvider>\n *    );\n * }\n * ```\n *\n * @param {Object}  props          Component props.\n * @param {string}  props.height   Canvas height, defaults to 300px.\n * @param {Array}   props.styles   Content styles to inject into the iframe.\n * @param {Element} props.children Content of the canvas, defaults to the BlockList component.\n * @return {Element}               Block Breadcrumb.\n */\nfunction BlockCanvas( { children, height, styles } ) {\n\treturn (\n\t\t<ExperimentalBlockCanvas height={ height } styles={ styles }>\n\t\t\t{ children }\n\t\t</ExperimentalBlockCanvas>\n\t);\n}\n\nexport default BlockCanvas;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,MAAM,QAAQ,oBAAoB;;AAE3C;AACA;AACA;AACA,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,WAAW,MAAM,iBAAiB;AACzC,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,gBAAgB,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEzD,OAAO,SAASC,uBAAuBA,CAAE;EACxCC,YAAY,GAAG,IAAI;EACnBC,MAAM,GAAG,OAAO;EAChBC,QAAQ,gBAAGN,IAAA,CAACT,SAAS,IAAE,CAAC;EACxBgB,MAAM;EACNC,UAAU,EAAEC,cAAc;EAC1BC;AACD,CAAC,EAAG;EACHZ,gBAAgB,CAAC,CAAC;EAClB,MAAMa,cAAc,GAAGf,uBAAuB,CAAC,CAAC;EAChD,MAAMgB,UAAU,GAAGf,wBAAwB,CAAC,CAAC;EAC7C,MAAMgB,QAAQ,GAAGvB,MAAM,CAAC,CAAC;EACzB,MAAMkB,UAAU,GAAGnB,YAAY,CAAE,CAAEoB,cAAc,EAAEG,UAAU,EAAEC,QAAQ,CAAG,CAAC;EAE3E,IAAK,CAAET,YAAY,EAAG;IACrB,oBACCF,KAAA,CAACV,UAAU;MACVsB,oBAAoB,EAAGD,QAAU;MACjCE,KAAK,EAAG;QAAEV,MAAM;QAAEW,OAAO,EAAE;MAAO,CAAG;MAAAV,QAAA,gBAErCN,IAAA,CAACP,YAAY;QACZc,MAAM,EAAGA,MAAQ;QACjBU,KAAK,EAAC;MAAwB,CAC9B,CAAC,eACFjB,IAAA,CAACL,WAAW;QACXuB,GAAG,EAAGV,UAAY;QAClBW,SAAS,EAAC,uBAAuB;QACjCC,QAAQ,EAAG,CAAC,CAAG;QACfL,KAAK,EAAG;UACPV,MAAM,EAAE,MAAM;UACdgB,KAAK,EAAE;QACR,CAAG;QAAAf,QAAA,EAEDA;MAAQ,CACE,CAAC;IAAA,CACH,CAAC;EAEf;EAEA,oBACCN,IAAA,CAACR,UAAU;IACVsB,oBAAoB,EAAGD,QAAU;IACjCE,KAAK,EAAG;MAAEV,MAAM;MAAEW,OAAO,EAAE;IAAO,CAAG;IAAAV,QAAA,eAErCJ,KAAA,CAACR,MAAM;MAAA,GACDgB,WAAW;MAChBQ,GAAG,EAAGP,cAAgB;MACtBH,UAAU,EAAGA,UAAY;MACzBO,KAAK,EAAG;QACP,GAAGL,WAAW,EAAEK;MACjB,CAAG;MACHO,IAAI,EAAC,eAAe;MAAAhB,QAAA,gBAEpBN,IAAA,CAACP,YAAY;QAACc,MAAM,EAAGA;MAAQ,CAAE,CAAC,EAChCD,QAAQ;IAAA,CACH;EAAC,CACE,CAAC;AAEf;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASiB,WAAWA,CAAE;EAAEjB,QAAQ;EAAED,MAAM;EAAEE;AAAO,CAAC,EAAG;EACpD,oBACCP,IAAA,CAACG,uBAAuB;IAACE,MAAM,EAAGA,MAAQ;IAACE,MAAM,EAAGA,MAAQ;IAAAD,QAAA,EACzDA;EAAQ,CACc,CAAC;AAE5B;AAEA,eAAeiB,WAAW","ignoreList":[]}

package/build-module/components/block-caption/index.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -17,6 +16,7 @@ import { hasBlockSupport } from '@wordpress/blocks';
  */
 import styles from './styles.scss';
 import { store as blockEditorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
 const BlockCaption = ({
   accessible,
   accessibilityLabelCreator,
@@ -27,19 +27,20 @@ const BlockCaption = ({
   shouldDisplay,
   text,
   insertBlocksAfter
-}) => createElement(View, {
-  style: [styles.container, shouldDisplay && styles.padding]
-}, createElement(Caption, {
-  accessibilityLabelCreator: accessibilityLabelCreator,
-  accessible: accessible,
-  isSelected: isSelected,
-  onBlur: onBlur,
-  onChange: onChange,
-  onFocus: onFocus,
-  shouldDisplay: shouldDisplay,
-  value: text,
-  insertBlocksAfter: insertBlocksAfter
-}));
+}) => /*#__PURE__*/_jsx(View, {
+  style: [styles.container, shouldDisplay && styles.padding],
+  children: /*#__PURE__*/_jsx(Caption, {
+    accessibilityLabelCreator: accessibilityLabelCreator,
+    accessible: accessible,
+    isSelected: isSelected,
+    onBlur: onBlur,
+    onChange: onChange,
+    onFocus: onFocus,
+    shouldDisplay: shouldDisplay,
+    value: text,
+    insertBlocksAfter: insertBlocksAfter
+  })
+});
 export default compose([withSelect((select, {
   clientId
 }) => {

package/build-module/components/block-caption/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Caption","RichText","compose","withDispatch","withSelect","hasBlockSupport","styles","store","blockEditorStore","BlockCaption","accessible","accessibilityLabelCreator","onBlur","onChange","onFocus","isSelected","shouldDisplay","text","insertBlocksAfter","createElement","style","container","padding","value","select","clientId","getBlockAttributes","getSelectedBlockClientId","getBlockName","getBlockRootClientId","caption","isBlockSelected","parentId","parentBlockName","hideCaption","isEmpty","dispatch","updateBlockAttributes"],"sources":["@wordpress/block-editor/src/components/block-caption/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Caption, RichText } from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\nimport { withDispatch, withSelect } from '@wordpress/data';\nimport { hasBlockSupport } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { store as blockEditorStore } from '../../store';\n\nconst BlockCaption = ( {\n\taccessible,\n\taccessibilityLabelCreator,\n\tonBlur,\n\tonChange,\n\tonFocus,\n\tisSelected,\n\tshouldDisplay,\n\ttext,\n\tinsertBlocksAfter,\n} ) => (\n\t<View style={ [ styles.container, shouldDisplay && styles.padding ] }>\n\t\t<Caption\n\t\t\taccessibilityLabelCreator={ accessibilityLabelCreator }\n\t\t\taccessible={ accessible }\n\t\t\tisSelected={ isSelected }\n\t\t\tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tonFocus={ onFocus }\n\t\t\tshouldDisplay={ shouldDisplay }\n\t\t\tvalue={ text }\n\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t/>\n\t</View>\n);\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst {\n\t\t\tgetBlockAttributes,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockName,\n\t\t\tgetBlockRootClientId,\n\t\t} = select( blockEditorStore );\n\t\tconst { caption } = getBlockAttributes( clientId ) || {};\n\t\tconst isBlockSelected = getSelectedBlockClientId() === clientId;\n\n\t\t// Detect whether the block is an inner block by checking if it has a parent block.\n\t\t// getBlockRootClientId() will return an empty string for all top-level blocks.\n\t\t// If the block is an inner block, its parent may explicitly hide child block controls.\n\t\t// See: https://github.com/wordpress-mobile/gutenberg-mobile/pull/4256\n\t\tconst parentId = getBlockRootClientId( clientId );\n\t\tconst parentBlockName = getBlockName( parentId );\n\n\t\tconst hideCaption = hasBlockSupport(\n\t\t\tparentBlockName,\n\t\t\t'__experimentalHideChildBlockControls',\n\t\t\tfalse\n\t\t);\n\n\t\t// We'll render the caption so that the soft keyboard is not forced to close on Android\n\t\t// but still hide it by setting its display style to none. See wordpress-mobile/gutenberg-mobile#1221\n\t\tconst shouldDisplay =\n\t\t\t! hideCaption &&\n\t\t\t( ! RichText.isEmpty( caption ) > 0 || isBlockSelected );\n\n\t\treturn {\n\t\t\tshouldDisplay,\n\t\t\ttext: caption,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { updateBlockAttributes } = dispatch( blockEditorStore );\n\t\treturn {\n\t\t\tonChange: ( caption ) => {\n\t\t\t\tupdateBlockAttributes( clientId, { caption } );\n\t\t\t},\n\t\t};\n\t} ),\n] )( BlockCaption );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,OAAO,EAAEC,QAAQ,QAAQ,yBAAyB;AAC3D,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAC1D,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAClC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,MAAMC,YAAY,GAAGA,CAAE;EACtBC,UAAU;EACVC,yBAAyB;EACzBC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,aAAa;EACbC,IAAI;EACJC;AACD,CAAC,KACAC,aAAA,CAACpB,IAAI;EAACqB,KAAK,EAAG,CAAEd,MAAM,CAACe,SAAS,EAAEL,aAAa,IAAIV,MAAM,CAACgB,OAAO;AAAI,GACpEH,aAAA,CAACnB,OAAO;EACPW,yBAAyB,EAAGA,yBAA2B;EACvDD,UAAU,EAAGA,UAAY;EACzBK,UAAU,EAAGA,UAAY;EACzBH,MAAM,EAAGA,MAAQ;EACjBC,QAAQ,EAAGA,QAAU;EACrBC,OAAO,EAAGA,OAAS;EACnBE,aAAa,EAAGA,aAAe;EAC/BO,KAAK,EAAGN,IAAM;EACdC,iBAAiB,EAAGA;AAAmB,CACvC,CACI,CACN;AAED,eAAehB,OAAO,CAAE,CACvBE,UAAU,CAAE,CAAEoB,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IACLC,kBAAkB;IAClBC,wBAAwB;IACxBC,YAAY;IACZC;EACD,CAAC,GAAGL,MAAM,CAAEhB,gBAAiB,CAAC;EAC9B,MAAM;IAAEsB;EAAQ,CAAC,GAAGJ,kBAAkB,CAAED,QAAS,CAAC,IAAI,CAAC,CAAC;EACxD,MAAMM,eAAe,GAAGJ,wBAAwB,CAAC,CAAC,KAAKF,QAAQ;;EAE/D;EACA;EACA;EACA;EACA,MAAMO,QAAQ,GAAGH,oBAAoB,CAAEJ,QAAS,CAAC;EACjD,MAAMQ,eAAe,GAAGL,YAAY,CAAEI,QAAS,CAAC;EAEhD,MAAME,WAAW,GAAG7B,eAAe,CAClC4B,eAAe,EACf,sCAAsC,EACtC,KACD,CAAC;;EAED;EACA;EACA,MAAMjB,aAAa,GAClB,CAAEkB,WAAW,KACX,CAAEjC,QAAQ,CAACkC,OAAO,CAAEL,OAAQ,CAAC,GAAG,CAAC,IAAIC,eAAe,CAAE;EAEzD,OAAO;IACNf,aAAa;IACbC,IAAI,EAAEa;EACP,CAAC;AACF,CAAE,CAAC,EACH3B,YAAY,CAAE,CAAEiC,QAAQ,EAAE;EAAEX;AAAS,CAAC,KAAM;EAC3C,MAAM;IAAEY;EAAsB,CAAC,GAAGD,QAAQ,CAAE5B,gBAAiB,CAAC;EAC9D,OAAO;IACNK,QAAQ,EAAIiB,OAAO,IAAM;MACxBO,qBAAqB,CAAEZ,QAAQ,EAAE;QAAEK;MAAQ,CAAE,CAAC;IAC/C;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAErB,YAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["View","Caption","RichText","compose","withDispatch","withSelect","hasBlockSupport","styles","store","blockEditorStore","jsx","_jsx","BlockCaption","accessible","accessibilityLabelCreator","onBlur","onChange","onFocus","isSelected","shouldDisplay","text","insertBlocksAfter","style","container","padding","children","value","select","clientId","getBlockAttributes","getSelectedBlockClientId","getBlockName","getBlockRootClientId","caption","isBlockSelected","parentId","parentBlockName","hideCaption","isEmpty","dispatch","updateBlockAttributes"],"sources":["@wordpress/block-editor/src/components/block-caption/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Caption, RichText } from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\nimport { withDispatch, withSelect } from '@wordpress/data';\nimport { hasBlockSupport } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { store as blockEditorStore } from '../../store';\n\nconst BlockCaption = ( {\n\taccessible,\n\taccessibilityLabelCreator,\n\tonBlur,\n\tonChange,\n\tonFocus,\n\tisSelected,\n\tshouldDisplay,\n\ttext,\n\tinsertBlocksAfter,\n} ) => (\n\t<View style={ [ styles.container, shouldDisplay && styles.padding ] }>\n\t\t<Caption\n\t\t\taccessibilityLabelCreator={ accessibilityLabelCreator }\n\t\t\taccessible={ accessible }\n\t\t\tisSelected={ isSelected }\n\t\t\tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tonFocus={ onFocus }\n\t\t\tshouldDisplay={ shouldDisplay }\n\t\t\tvalue={ text }\n\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t/>\n\t</View>\n);\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst {\n\t\t\tgetBlockAttributes,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockName,\n\t\t\tgetBlockRootClientId,\n\t\t} = select( blockEditorStore );\n\t\tconst { caption } = getBlockAttributes( clientId ) || {};\n\t\tconst isBlockSelected = getSelectedBlockClientId() === clientId;\n\n\t\t// Detect whether the block is an inner block by checking if it has a parent block.\n\t\t// getBlockRootClientId() will return an empty string for all top-level blocks.\n\t\t// If the block is an inner block, its parent may explicitly hide child block controls.\n\t\t// See: https://github.com/wordpress-mobile/gutenberg-mobile/pull/4256\n\t\tconst parentId = getBlockRootClientId( clientId );\n\t\tconst parentBlockName = getBlockName( parentId );\n\n\t\tconst hideCaption = hasBlockSupport(\n\t\t\tparentBlockName,\n\t\t\t'__experimentalHideChildBlockControls',\n\t\t\tfalse\n\t\t);\n\n\t\t// We'll render the caption so that the soft keyboard is not forced to close on Android\n\t\t// but still hide it by setting its display style to none. See wordpress-mobile/gutenberg-mobile#1221\n\t\tconst shouldDisplay =\n\t\t\t! hideCaption &&\n\t\t\t( ! RichText.isEmpty( caption ) > 0 || isBlockSelected );\n\n\t\treturn {\n\t\t\tshouldDisplay,\n\t\t\ttext: caption,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { updateBlockAttributes } = dispatch( blockEditorStore );\n\t\treturn {\n\t\t\tonChange: ( caption ) => {\n\t\t\t\tupdateBlockAttributes( clientId, { caption } );\n\t\t\t},\n\t\t};\n\t} ),\n] )( BlockCaption );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,OAAO,EAAEC,QAAQ,QAAQ,yBAAyB;AAC3D,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAC1D,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAClC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,YAAY,GAAGA,CAAE;EACtBC,UAAU;EACVC,yBAAyB;EACzBC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,aAAa;EACbC,IAAI;EACJC;AACD,CAAC,kBACAV,IAAA,CAACX,IAAI;EAACsB,KAAK,EAAG,CAAEf,MAAM,CAACgB,SAAS,EAAEJ,aAAa,IAAIZ,MAAM,CAACiB,OAAO,CAAI;EAAAC,QAAA,eACpEd,IAAA,CAACV,OAAO;IACPa,yBAAyB,EAAGA,yBAA2B;IACvDD,UAAU,EAAGA,UAAY;IACzBK,UAAU,EAAGA,UAAY;IACzBH,MAAM,EAAGA,MAAQ;IACjBC,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA,OAAS;IACnBE,aAAa,EAAGA,aAAe;IAC/BO,KAAK,EAAGN,IAAM;IACdC,iBAAiB,EAAGA;EAAmB,CACvC;AAAC,CACG,CACN;AAED,eAAelB,OAAO,CAAE,CACvBE,UAAU,CAAE,CAAEsB,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IACLC,kBAAkB;IAClBC,wBAAwB;IACxBC,YAAY;IACZC;EACD,CAAC,GAAGL,MAAM,CAAElB,gBAAiB,CAAC;EAC9B,MAAM;IAAEwB;EAAQ,CAAC,GAAGJ,kBAAkB,CAAED,QAAS,CAAC,IAAI,CAAC,CAAC;EACxD,MAAMM,eAAe,GAAGJ,wBAAwB,CAAC,CAAC,KAAKF,QAAQ;;EAE/D;EACA;EACA;EACA;EACA,MAAMO,QAAQ,GAAGH,oBAAoB,CAAEJ,QAAS,CAAC;EACjD,MAAMQ,eAAe,GAAGL,YAAY,CAAEI,QAAS,CAAC;EAEhD,MAAME,WAAW,GAAG/B,eAAe,CAClC8B,eAAe,EACf,sCAAsC,EACtC,KACD,CAAC;;EAED;EACA;EACA,MAAMjB,aAAa,GAClB,CAAEkB,WAAW,KACX,CAAEnC,QAAQ,CAACoC,OAAO,CAAEL,OAAQ,CAAC,GAAG,CAAC,IAAIC,eAAe,CAAE;EAEzD,OAAO;IACNf,aAAa;IACbC,IAAI,EAAEa;EACP,CAAC;AACF,CAAE,CAAC,EACH7B,YAAY,CAAE,CAAEmC,QAAQ,EAAE;EAAEX;AAAS,CAAC,KAAM;EAC3C,MAAM;IAAEY;EAAsB,CAAC,GAAGD,QAAQ,CAAE9B,gBAAiB,CAAC;EAC9D,OAAO;IACNO,QAAQ,EAAIiB,OAAO,IAAM;MACxBO,qBAAqB,CAAEZ,QAAQ,EAAE;QAAEK;MAAQ,CAAE,CAAC;IAC/C;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAErB,YAAa,CAAC","ignoreList":[]}

package/build-module/components/block-card/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -8,7 +7,7 @@ import clsx from 'clsx';
  * WordPress dependencies
  */
 import deprecated from '@wordpress/deprecated';
-import { Button } from '@wordpress/components';
+import { Button, __experimentalText as Text, __experimentalVStack as VStack } from '@wordpress/components';
 import { chevronLeft, chevronRight } from '@wordpress/icons';
 import { __, isRTL } from '@wordpress/i18n';
 import { useSelect, useDispatch } from '@wordpress/data';
@@ -18,6 +17,8 @@ import { useSelect, useDispatch } from '@wordpress/data';
  */
 import BlockIcon from '../block-icon';
 import { store as blockEditorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function BlockCard({
   title,
   icon,
@@ -51,32 +52,37 @@ function BlockCard({
   const {
     selectBlock
   } = useDispatch(blockEditorStore);
-  return createElement("div", {
-    className: clsx('block-editor-block-card', className)
-  }, parentNavBlockClientId &&
-  // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.
-  createElement(Button, {
-    onClick: () => selectBlock(parentNavBlockClientId),
-    label: __('Go to parent Navigation block'),
-    style:
-    // TODO: This style override is also used in ToolsPanelHeader.
-    // It should be supported out-of-the-box by Button.
-    {
-      minWidth: 24,
-      padding: 0
-    },
-    icon: isRTL() ? chevronRight : chevronLeft,
-    size: "small"
-  }), createElement(BlockIcon, {
-    icon: icon,
-    showColors: true
-  }), createElement("div", {
-    className: "block-editor-block-card__content"
-  }, createElement("h2", {
-    className: "block-editor-block-card__title"
-  }, title), description && createElement("span", {
-    className: "block-editor-block-card__description"
-  }, description)));
+  return /*#__PURE__*/_jsxs("div", {
+    className: clsx('block-editor-block-card', className),
+    children: [parentNavBlockClientId &&
+    /*#__PURE__*/
+    // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.
+    _jsx(Button, {
+      onClick: () => selectBlock(parentNavBlockClientId),
+      label: __('Go to parent Navigation block'),
+      style:
+      // TODO: This style override is also used in ToolsPanelHeader.
+      // It should be supported out-of-the-box by Button.
+      {
+        minWidth: 24,
+        padding: 0
+      },
+      icon: isRTL() ? chevronRight : chevronLeft,
+      size: "small"
+    }), /*#__PURE__*/_jsx(BlockIcon, {
+      icon: icon,
+      showColors: true
+    }), /*#__PURE__*/_jsxs(VStack, {
+      spacing: 1,
+      children: [/*#__PURE__*/_jsx("h2", {
+        className: "block-editor-block-card__title",
+        children: title
+      }), description && /*#__PURE__*/_jsx(Text, {
+        className: "block-editor-block-card__description",
+        children: description
+      })]
+    })]
+  });
 }
 export default BlockCard;
 //# sourceMappingURL=index.js.map

package/build-module/components/block-card/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","deprecated","Button","chevronLeft","chevronRight","__","isRTL","useSelect","useDispatch","BlockIcon","store","blockEditorStore","BlockCard","title","icon","description","blockType","className","since","alternative","parentNavBlockClientId","select","getSelectedBlockClientId","getBlockParentsByBlockName","_selectedBlockClientId","selectBlock","createElement","onClick","label","style","minWidth","padding","size","showColors"],"sources":["@wordpress/block-editor/src/components/block-card/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { Button } from '@wordpress/components';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockCard( { title, icon, description, blockType, className } ) {\n\tif ( blockType ) {\n\t\tdeprecated( '`blockType` property in `BlockCard component`', {\n\t\t\tsince: '5.7',\n\t\t\talternative: '`title, icon and description` properties',\n\t\t} );\n\t\t( { title, icon, description } = blockType );\n\t}\n\n\tconst { parentNavBlockClientId } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId, getBlockParentsByBlockName } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tparentNavBlockClientId: getBlockParentsByBlockName(\n\t\t\t\t_selectedBlockClientId,\n\t\t\t\t'core/navigation',\n\t\t\t\ttrue\n\t\t\t)[ 0 ],\n\t\t};\n\t}, [] );\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<div className={ clsx( 'block-editor-block-card', className ) }>\n\t\t\t{ parentNavBlockClientId && ( // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ () => selectBlock( parentNavBlockClientId ) }\n\t\t\t\t\tlabel={ __( 'Go to parent Navigation block' ) }\n\t\t\t\t\tstyle={\n\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t}\n\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t<div className=\"block-editor-block-card__content\">\n\t\t\t\t<h2 className=\"block-editor-block-card__title\">{ title }</h2>\n\t\t\t\t{ description && (\n\t\t\t\t\t<span className=\"block-editor-block-card__description\">\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,EAAEC,YAAY,QAAQ,kBAAkB;AAC5D,SAASC,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;;AAExD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,eAAe;AACrC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,SAASC,SAASA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,WAAW;EAAEC,SAAS;EAAEC;AAAU,CAAC,EAAG;EACxE,IAAKD,SAAS,EAAG;IAChBf,UAAU,CAAE,+CAA+C,EAAE;MAC5DiB,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE;IACd,CAAE,CAAC;IACH,CAAE;MAAEN,KAAK;MAAEC,IAAI;MAAEC;IAAY,CAAC,GAAGC,SAAS;EAC3C;EAEA,MAAM;IAAEI;EAAuB,CAAC,GAAGb,SAAS,CAAIc,MAAM,IAAM;IAC3D,MAAM;MAAEC,wBAAwB;MAAEC;IAA2B,CAAC,GAC7DF,MAAM,CAAEV,gBAAiB,CAAC;IAE3B,MAAMa,sBAAsB,GAAGF,wBAAwB,CAAC,CAAC;IAEzD,OAAO;MACNF,sBAAsB,EAAEG,0BAA0B,CACjDC,sBAAsB,EACtB,iBAAiB,EACjB,IACD,CAAC,CAAE,CAAC;IACL,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEC;EAAY,CAAC,GAAGjB,WAAW,CAAEG,gBAAiB,CAAC;EAEvD,OACCe,aAAA;IAAKT,SAAS,EAAGjB,IAAI,CAAE,yBAAyB,EAAEiB,SAAU;EAAG,GAC5DG,sBAAsB;EAAM;EAC7BM,aAAA,CAACxB,MAAM;IACNyB,OAAO,EAAGA,CAAA,KAAMF,WAAW,CAAEL,sBAAuB,CAAG;IACvDQ,KAAK,EAAGvB,EAAE,CAAE,+BAAgC,CAAG;IAC/CwB,KAAK;IACJ;IACA;IACA;MAAEC,QAAQ,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAE,CAC3B;IACDjB,IAAI,EAAGR,KAAK,CAAC,CAAC,GAAGF,YAAY,GAAGD,WAAa;IAC7C6B,IAAI,EAAC;EAAO,CACZ,CACD,EACDN,aAAA,CAACjB,SAAS;IAACK,IAAI,EAAGA,IAAM;IAACmB,UAAU;EAAA,CAAE,CAAC,EACtCP,aAAA;IAAKT,SAAS,EAAC;EAAkC,GAChDS,aAAA;IAAIT,SAAS,EAAC;EAAgC,GAAGJ,KAAW,CAAC,EAC3DE,WAAW,IACZW,aAAA;IAAMT,SAAS,EAAC;EAAsC,GACnDF,WACG,CAEH,CACD,CAAC;AAER;AAEA,eAAeH,SAAS","ignoreList":[]}
+{"version":3,"names":["clsx","deprecated","Button","__experimentalText","Text","__experimentalVStack","VStack","chevronLeft","chevronRight","__","isRTL","useSelect","useDispatch","BlockIcon","store","blockEditorStore","jsx","_jsx","jsxs","_jsxs","BlockCard","title","icon","description","blockType","className","since","alternative","parentNavBlockClientId","select","getSelectedBlockClientId","getBlockParentsByBlockName","_selectedBlockClientId","selectBlock","children","onClick","label","style","minWidth","padding","size","showColors","spacing"],"sources":["@wordpress/block-editor/src/components/block-card/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport {\n\tButton,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockCard( { title, icon, description, blockType, className } ) {\n\tif ( blockType ) {\n\t\tdeprecated( '`blockType` property in `BlockCard component`', {\n\t\t\tsince: '5.7',\n\t\t\talternative: '`title, icon and description` properties',\n\t\t} );\n\t\t( { title, icon, description } = blockType );\n\t}\n\n\tconst { parentNavBlockClientId } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId, getBlockParentsByBlockName } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tparentNavBlockClientId: getBlockParentsByBlockName(\n\t\t\t\t_selectedBlockClientId,\n\t\t\t\t'core/navigation',\n\t\t\t\ttrue\n\t\t\t)[ 0 ],\n\t\t};\n\t}, [] );\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<div className={ clsx( 'block-editor-block-card', className ) }>\n\t\t\t{ parentNavBlockClientId && ( // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ () => selectBlock( parentNavBlockClientId ) }\n\t\t\t\t\tlabel={ __( 'Go to parent Navigation block' ) }\n\t\t\t\t\tstyle={\n\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t}\n\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t<h2 className=\"block-editor-block-card__title\">{ title }</h2>\n\t\t\t\t{ description && (\n\t\t\t\t\t<Text className=\"block-editor-block-card__description\">\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SACCC,MAAM,EACNC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,WAAW,EAAEC,YAAY,QAAQ,kBAAkB;AAC5D,SAASC,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;;AAExD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,eAAe;AACrC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAExD,SAASC,SAASA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,WAAW;EAAEC,SAAS;EAAEC;AAAU,CAAC,EAAG;EACxE,IAAKD,SAAS,EAAG;IAChBvB,UAAU,CAAE,+CAA+C,EAAE;MAC5DyB,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE;IACd,CAAE,CAAC;IACH,CAAE;MAAEN,KAAK;MAAEC,IAAI;MAAEC;IAAY,CAAC,GAAGC,SAAS;EAC3C;EAEA,MAAM;IAAEI;EAAuB,CAAC,GAAGjB,SAAS,CAAIkB,MAAM,IAAM;IAC3D,MAAM;MAAEC,wBAAwB;MAAEC;IAA2B,CAAC,GAC7DF,MAAM,CAAEd,gBAAiB,CAAC;IAE3B,MAAMiB,sBAAsB,GAAGF,wBAAwB,CAAC,CAAC;IAEzD,OAAO;MACNF,sBAAsB,EAAEG,0BAA0B,CACjDC,sBAAsB,EACtB,iBAAiB,EACjB,IACD,CAAC,CAAE,CAAC;IACL,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEC;EAAY,CAAC,GAAGrB,WAAW,CAAEG,gBAAiB,CAAC;EAEvD,oBACCI,KAAA;IAAKM,SAAS,EAAGzB,IAAI,CAAE,yBAAyB,EAAEyB,SAAU,CAAG;IAAAS,QAAA,GAC5DN,sBAAsB;IAAA;IAAM;IAC7BX,IAAA,CAACf,MAAM;MACNiC,OAAO,EAAGA,CAAA,KAAMF,WAAW,CAAEL,sBAAuB,CAAG;MACvDQ,KAAK,EAAG3B,EAAE,CAAE,+BAAgC,CAAG;MAC/C4B,KAAK;MACJ;MACA;MACA;QAAEC,QAAQ,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAE,CAC3B;MACDjB,IAAI,EAAGZ,KAAK,CAAC,CAAC,GAAGF,YAAY,GAAGD,WAAa;MAC7CiC,IAAI,EAAC;IAAO,CACZ,CACD,eACDvB,IAAA,CAACJ,SAAS;MAACS,IAAI,EAAGA,IAAM;MAACmB,UAAU;IAAA,CAAE,CAAC,eACtCtB,KAAA,CAACb,MAAM;MAACoC,OAAO,EAAG,CAAG;MAAAR,QAAA,gBACpBjB,IAAA;QAAIQ,SAAS,EAAC,gCAAgC;QAAAS,QAAA,EAAGb;MAAK,CAAM,CAAC,EAC3DE,WAAW,iBACZN,IAAA,CAACb,IAAI;QAACqB,SAAS,EAAC,sCAAsC;QAAAS,QAAA,EACnDX;MAAW,CACR,CACN;IAAA,CACM,CAAC;EAAA,CACL,CAAC;AAER;AAEA,eAAeH,SAAS","ignoreList":[]}

package/build-module/components/block-compare/block-view.js

@@ -1,10 +1,11 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { Button } from '@wordpress/components';
 import { RawHTML } from '@wordpress/element';
 import { safeHTML } from '@wordpress/dom';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function BlockView({
   title,
   rawContent,
@@ -13,22 +14,31 @@ export default function BlockView({
   actionText,
   className
 }) {
-  return createElement("div", {
-    className: className
-  }, createElement("div", {
-    className: "block-editor-block-compare__content"
-  }, createElement("h2", {
-    className: "block-editor-block-compare__heading"
-  }, title), createElement("div", {
-    className: "block-editor-block-compare__html"
-  }, rawContent), createElement("div", {
-    className: "block-editor-block-compare__preview edit-post-visual-editor"
-  }, createElement(RawHTML, null, safeHTML(renderedContent)))), createElement("div", {
-    className: "block-editor-block-compare__action"
-  }, createElement(Button, {
-    variant: "secondary",
-    tabIndex: "0",
-    onClick: action
-  }, actionText)));
+  return /*#__PURE__*/_jsxs("div", {
+    className: className,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "block-editor-block-compare__content",
+      children: [/*#__PURE__*/_jsx("h2", {
+        className: "block-editor-block-compare__heading",
+        children: title
+      }), /*#__PURE__*/_jsx("div", {
+        className: "block-editor-block-compare__html",
+        children: rawContent
+      }), /*#__PURE__*/_jsx("div", {
+        className: "block-editor-block-compare__preview edit-post-visual-editor",
+        children: /*#__PURE__*/_jsx(RawHTML, {
+          children: safeHTML(renderedContent)
+        })
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: "block-editor-block-compare__action",
+      children: /*#__PURE__*/_jsx(Button, {
+        variant: "secondary",
+        tabIndex: "0",
+        onClick: action,
+        children: actionText
+      })
+    })]
+  });
 }
 //# sourceMappingURL=block-view.js.map

package/build-module/components/block-compare/block-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","RawHTML","safeHTML","BlockView","title","rawContent","renderedContent","action","actionText","className","createElement","variant","tabIndex","onClick"],"sources":["@wordpress/block-editor/src/components/block-compare/block-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { RawHTML } from '@wordpress/element';\nimport { safeHTML } from '@wordpress/dom';\n\nexport default function BlockView( {\n\ttitle,\n\trawContent,\n\trenderedContent,\n\taction,\n\tactionText,\n\tclassName,\n} ) {\n\treturn (\n\t\t<div className={ className }>\n\t\t\t<div className=\"block-editor-block-compare__content\">\n\t\t\t\t<h2 className=\"block-editor-block-compare__heading\">\n\t\t\t\t\t{ title }\n\t\t\t\t</h2>\n\n\t\t\t\t<div className=\"block-editor-block-compare__html\">\n\t\t\t\t\t{ rawContent }\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"block-editor-block-compare__preview edit-post-visual-editor\">\n\t\t\t\t\t<RawHTML>{ safeHTML( renderedContent ) }</RawHTML>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"block-editor-block-compare__action\">\n\t\t\t\t<Button variant=\"secondary\" tabIndex=\"0\" onClick={ action }>\n\t\t\t\t\t{ actionText }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,QAAQ,gBAAgB;AAEzC,eAAe,SAASC,SAASA,CAAE;EAClCC,KAAK;EACLC,UAAU;EACVC,eAAe;EACfC,MAAM;EACNC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,OACCC,aAAA;IAAKD,SAAS,EAAGA;EAAW,GAC3BC,aAAA;IAAKD,SAAS,EAAC;EAAqC,GACnDC,aAAA;IAAID,SAAS,EAAC;EAAqC,GAChDL,KACC,CAAC,EAELM,aAAA;IAAKD,SAAS,EAAC;EAAkC,GAC9CJ,UACE,CAAC,EAENK,aAAA;IAAKD,SAAS,EAAC;EAA6D,GAC3EC,aAAA,CAACT,OAAO,QAAGC,QAAQ,CAAEI,eAAgB,CAAY,CAC7C,CACD,CAAC,EAENI,aAAA;IAAKD,SAAS,EAAC;EAAoC,GAClDC,aAAA,CAACV,MAAM;IAACW,OAAO,EAAC,WAAW;IAACC,QAAQ,EAAC,GAAG;IAACC,OAAO,EAAGN;EAAQ,GACxDC,UACK,CACJ,CACD,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["Button","RawHTML","safeHTML","jsx","_jsx","jsxs","_jsxs","BlockView","title","rawContent","renderedContent","action","actionText","className","children","variant","tabIndex","onClick"],"sources":["@wordpress/block-editor/src/components/block-compare/block-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { RawHTML } from '@wordpress/element';\nimport { safeHTML } from '@wordpress/dom';\n\nexport default function BlockView( {\n\ttitle,\n\trawContent,\n\trenderedContent,\n\taction,\n\tactionText,\n\tclassName,\n} ) {\n\treturn (\n\t\t<div className={ className }>\n\t\t\t<div className=\"block-editor-block-compare__content\">\n\t\t\t\t<h2 className=\"block-editor-block-compare__heading\">\n\t\t\t\t\t{ title }\n\t\t\t\t</h2>\n\n\t\t\t\t<div className=\"block-editor-block-compare__html\">\n\t\t\t\t\t{ rawContent }\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"block-editor-block-compare__preview edit-post-visual-editor\">\n\t\t\t\t\t<RawHTML>{ safeHTML( renderedContent ) }</RawHTML>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"block-editor-block-compare__action\">\n\t\t\t\t<Button variant=\"secondary\" tabIndex=\"0\" onClick={ action }>\n\t\t\t\t\t{ actionText }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE1C,eAAe,SAASC,SAASA,CAAE;EAClCC,KAAK;EACLC,UAAU;EACVC,eAAe;EACfC,MAAM;EACNC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,oBACCP,KAAA;IAAKO,SAAS,EAAGA,SAAW;IAAAC,QAAA,gBAC3BR,KAAA;MAAKO,SAAS,EAAC,qCAAqC;MAAAC,QAAA,gBACnDV,IAAA;QAAIS,SAAS,EAAC,qCAAqC;QAAAC,QAAA,EAChDN;MAAK,CACJ,CAAC,eAELJ,IAAA;QAAKS,SAAS,EAAC,kCAAkC;QAAAC,QAAA,EAC9CL;MAAU,CACR,CAAC,eAENL,IAAA;QAAKS,SAAS,EAAC,6DAA6D;QAAAC,QAAA,eAC3EV,IAAA,CAACH,OAAO;UAAAa,QAAA,EAAGZ,QAAQ,CAAEQ,eAAgB;QAAC,CAAW;MAAC,CAC9C,CAAC;IAAA,CACF,CAAC,eAENN,IAAA;MAAKS,SAAS,EAAC,oCAAoC;MAAAC,QAAA,eAClDV,IAAA,CAACJ,MAAM;QAACe,OAAO,EAAC,WAAW;QAACC,QAAQ,EAAC,GAAG;QAACC,OAAO,EAAGN,MAAQ;QAAAG,QAAA,EACxDF;MAAU,CACL;IAAC,CACL,CAAC;EAAA,CACF,CAAC;AAER","ignoreList":[]}

package/build-module/components/block-compare/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -17,6 +16,8 @@ import { getSaveContent } from '@wordpress/blocks';
  * Internal dependencies
  */
 import BlockView from './block-view';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function BlockCompare({
   block,
   onKeep,
@@ -31,10 +32,10 @@ function BlockCompare({
         'block-editor-block-compare__added': item.added,
         'block-editor-block-compare__removed': item.removed
       });
-      return createElement("span", {
-        key: pos,
-        className: classes
-      }, item.value);
+      return /*#__PURE__*/_jsx("span", {
+        className: classes,
+        children: item.value
+      }, pos);
     });
   }
   function getConvertedContent(convertedBlock) {
@@ -47,23 +48,24 @@ function BlockCompare({
   }
   const converted = getConvertedContent(convertor(block));
   const difference = getDifference(block.originalContent, converted);
-  return createElement("div", {
-    className: "block-editor-block-compare__wrapper"
-  }, createElement(BlockView, {
-    title: __('Current'),
-    className: "block-editor-block-compare__current",
-    action: onKeep,
-    actionText: __('Convert to HTML'),
-    rawContent: block.originalContent,
-    renderedContent: block.originalContent
-  }), createElement(BlockView, {
-    title: __('After Conversion'),
-    className: "block-editor-block-compare__converted",
-    action: onConvert,
-    actionText: convertButtonText,
-    rawContent: difference,
-    renderedContent: converted
-  }));
+  return /*#__PURE__*/_jsxs("div", {
+    className: "block-editor-block-compare__wrapper",
+    children: [/*#__PURE__*/_jsx(BlockView, {
+      title: __('Current'),
+      className: "block-editor-block-compare__current",
+      action: onKeep,
+      actionText: __('Convert to HTML'),
+      rawContent: block.originalContent,
+      renderedContent: block.originalContent
+    }), /*#__PURE__*/_jsx(BlockView, {
+      title: __('After Conversion'),
+      className: "block-editor-block-compare__converted",
+      action: onConvert,
+      actionText: convertButtonText,
+      rawContent: difference,
+      renderedContent: converted
+    })]
+  });
 }
 export default BlockCompare;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","diffChars","__","getSaveContent","BlockView","BlockCompare","block","onKeep","onConvert","convertor","convertButtonText","getDifference","originalContent","newContent","difference","map","item","pos","classes","added","removed","createElement","key","className","value","getConvertedContent","convertedBlock","newBlocks","Array","isArray","name","attributes","innerBlocks","join","converted","title","action","actionText","rawContent","renderedContent"],"sources":["@wordpress/block-editor/src/components/block-compare/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n// diff doesn't tree-shake correctly, so we import from the individual\n// module here, to avoid including too much of the library\nimport { diffChars } from 'diff/lib/diff/character';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { getSaveContent } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\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;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;AACvB;AACA;AACA,SAASC,SAAS,QAAQ,yBAAyB;;AAEnD;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,cAAc,QAAQ,mBAAmB;;AAElD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,cAAc;AAEpC,SAASC,YAAYA,CAAE;EACtBC,KAAK;EACLC,MAAM;EACNC,SAAS;EACTC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,SAASC,aAAaA,CAAEC,eAAe,EAAEC,UAAU,EAAG;IACrD,MAAMC,UAAU,GAAGb,SAAS,CAAEW,eAAe,EAAEC,UAAW,CAAC;IAE3D,OAAOC,UAAU,CAACC,GAAG,CAAE,CAAEC,IAAI,EAAEC,GAAG,KAAM;MACvC,MAAMC,OAAO,GAAGlB,IAAI,CAAE;QACrB,mCAAmC,EAAEgB,IAAI,CAACG,KAAK;QAC/C,qCAAqC,EAAEH,IAAI,CAACI;MAC7C,CAAE,CAAC;MAEH,OACCC,aAAA;QAAMC,GAAG,EAAGL,GAAK;QAACM,SAAS,EAAGL;MAAS,GACpCF,IAAI,CAACQ,KACF,CAAC;IAET,CAAE,CAAC;EACJ;EAEA,SAASC,mBAAmBA,CAAEC,cAAc,EAAG;IAC9C;IACA,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAO,CAAEH,cAAe,CAAC,GAC9CA,cAAc,GACd,CAAEA,cAAc,CAAE;;IAErB;IACA,MAAMb,UAAU,GAAGc,SAAS,CAACZ,GAAG,CAAIC,IAAI,IACvCb,cAAc,CAAEa,IAAI,CAACc,IAAI,EAAEd,IAAI,CAACe,UAAU,EAAEf,IAAI,CAACgB,WAAY,CAC9D,CAAC;IAED,OAAOnB,UAAU,CAACoB,IAAI,CAAE,EAAG,CAAC;EAC7B;EAEA,MAAMC,SAAS,GAAGT,mBAAmB,CAAEhB,SAAS,CAAEH,KAAM,CAAE,CAAC;EAC3D,MAAMQ,UAAU,GAAGH,aAAa,CAAEL,KAAK,CAACM,eAAe,EAAEsB,SAAU,CAAC;EAEpE,OACCb,aAAA;IAAKE,SAAS,EAAC;EAAqC,GACnDF,aAAA,CAACjB,SAAS;IACT+B,KAAK,EAAGjC,EAAE,CAAE,SAAU,CAAG;IACzBqB,SAAS,EAAC,qCAAqC;IAC/Ca,MAAM,EAAG7B,MAAQ;IACjB8B,UAAU,EAAGnC,EAAE,CAAE,iBAAkB,CAAG;IACtCoC,UAAU,EAAGhC,KAAK,CAACM,eAAiB;IACpC2B,eAAe,EAAGjC,KAAK,CAACM;EAAiB,CACzC,CAAC,EAEFS,aAAA,CAACjB,SAAS;IACT+B,KAAK,EAAGjC,EAAE,CAAE,kBAAmB,CAAG;IAClCqB,SAAS,EAAC,uCAAuC;IACjDa,MAAM,EAAG5B,SAAW;IACpB6B,UAAU,EAAG3B,iBAAmB;IAChC4B,UAAU,EAAGxB,UAAY;IACzByB,eAAe,EAAGL;EAAW,CAC7B,CACG,CAAC;AAER;AAEA,eAAe7B,YAAY","ignoreList":[]}
+{"version":3,"names":["clsx","diffChars","__","getSaveContent","BlockView","jsx","_jsx","jsxs","_jsxs","BlockCompare","block","onKeep","onConvert","convertor","convertButtonText","getDifference","originalContent","newContent","difference","map","item","pos","classes","added","removed","className","children","value","getConvertedContent","convertedBlock","newBlocks","Array","isArray","name","attributes","innerBlocks","join","converted","title","action","actionText","rawContent","renderedContent"],"sources":["@wordpress/block-editor/src/components/block-compare/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n// diff doesn't tree-shake correctly, so we import from the individual\n// module here, to avoid including too much of the library\nimport { diffChars } from 'diff/lib/diff/character';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { getSaveContent } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\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;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;AACvB;AACA;AACA,SAASC,SAAS,QAAQ,yBAAyB;;AAEnD;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,cAAc,QAAQ,mBAAmB;;AAElD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErC,SAASC,YAAYA,CAAE;EACtBC,KAAK;EACLC,MAAM;EACNC,SAAS;EACTC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,SAASC,aAAaA,CAAEC,eAAe,EAAEC,UAAU,EAAG;IACrD,MAAMC,UAAU,GAAGjB,SAAS,CAAEe,eAAe,EAAEC,UAAW,CAAC;IAE3D,OAAOC,UAAU,CAACC,GAAG,CAAE,CAAEC,IAAI,EAAEC,GAAG,KAAM;MACvC,MAAMC,OAAO,GAAGtB,IAAI,CAAE;QACrB,mCAAmC,EAAEoB,IAAI,CAACG,KAAK;QAC/C,qCAAqC,EAAEH,IAAI,CAACI;MAC7C,CAAE,CAAC;MAEH,oBACClB,IAAA;QAAkBmB,SAAS,EAAGH,OAAS;QAAAI,QAAA,EACpCN,IAAI,CAACO;MAAK,GADDN,GAEN,CAAC;IAET,CAAE,CAAC;EACJ;EAEA,SAASO,mBAAmBA,CAAEC,cAAc,EAAG;IAC9C;IACA,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAO,CAAEH,cAAe,CAAC,GAC9CA,cAAc,GACd,CAAEA,cAAc,CAAE;;IAErB;IACA,MAAMZ,UAAU,GAAGa,SAAS,CAACX,GAAG,CAAIC,IAAI,IACvCjB,cAAc,CAAEiB,IAAI,CAACa,IAAI,EAAEb,IAAI,CAACc,UAAU,EAAEd,IAAI,CAACe,WAAY,CAC9D,CAAC;IAED,OAAOlB,UAAU,CAACmB,IAAI,CAAE,EAAG,CAAC;EAC7B;EAEA,MAAMC,SAAS,GAAGT,mBAAmB,CAAEf,SAAS,CAAEH,KAAM,CAAE,CAAC;EAC3D,MAAMQ,UAAU,GAAGH,aAAa,CAAEL,KAAK,CAACM,eAAe,EAAEqB,SAAU,CAAC;EAEpE,oBACC7B,KAAA;IAAKiB,SAAS,EAAC,qCAAqC;IAAAC,QAAA,gBACnDpB,IAAA,CAACF,SAAS;MACTkC,KAAK,EAAGpC,EAAE,CAAE,SAAU,CAAG;MACzBuB,SAAS,EAAC,qCAAqC;MAC/Cc,MAAM,EAAG5B,MAAQ;MACjB6B,UAAU,EAAGtC,EAAE,CAAE,iBAAkB,CAAG;MACtCuC,UAAU,EAAG/B,KAAK,CAACM,eAAiB;MACpC0B,eAAe,EAAGhC,KAAK,CAACM;IAAiB,CACzC,CAAC,eAEFV,IAAA,CAACF,SAAS;MACTkC,KAAK,EAAGpC,EAAE,CAAE,kBAAmB,CAAG;MAClCuB,SAAS,EAAC,uCAAuC;MACjDc,MAAM,EAAG3B,SAAW;MACpB4B,UAAU,EAAG1B,iBAAmB;MAChC2B,UAAU,EAAGvB,UAAY;MACzBwB,eAAe,EAAGL;IAAW,CAC7B,CAAC;EAAA,CACE,CAAC;AAER;AAEA,eAAe5B,YAAY","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -15,6 +14,7 @@ import { createContext, useContext, useMemo } from '@wordpress/element';
  */
 
 /** @type {import('react').Context<Record<string,*>>} */
+import { jsx as _jsx } from "react/jsx-runtime";
 const Context = createContext({});
 
 /**
@@ -33,7 +33,7 @@ export function BlockContextProvider({
     ...context,
     ...value
   }), [context, value]);
-  return createElement(Context.Provider, {
+  return /*#__PURE__*/_jsx(Context.Provider, {
     value: nextValue,
     children: children
   });

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

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","useMemo","Context","BlockContextProvider","value","children","context","nextValue","createElement","Provider"],"sources":["@wordpress/block-editor/src/components/block-context/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\n\n/** @typedef {import('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 {import('react').Context<Record<string,*>>} */\nconst Context = createContext( {} );\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;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;;AAEvE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMC,OAAO,GAAGH,aAAa,CAAE,CAAC,CAAE,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC;AAAS,CAAC,EAAG;EAC3D,MAAMC,OAAO,GAAGN,UAAU,CAAEE,OAAQ,CAAC;EACrC,MAAMK,SAAS,GAAGN,OAAO,CACxB,OAAQ;IAAE,GAAGK,OAAO;IAAE,GAAGF;EAAM,CAAC,CAAE,EAClC,CAAEE,OAAO,EAAEF,KAAK,CACjB,CAAC;EAED,OAAOI,aAAA,CAACN,OAAO,CAACO,QAAQ;IAACL,KAAK,EAAGG,SAAW;IAACF,QAAQ,EAAGA;EAAU,CAAE,CAAC;AACtE;AAEA,eAAeH,OAAO","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","useMemo","jsx","_jsx","Context","BlockContextProvider","value","children","context","nextValue","Provider"],"sources":["@wordpress/block-editor/src/components/block-context/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\n\n/** @typedef {import('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 {import('react').Context<Record<string,*>>} */\nconst Context = createContext( {} );\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;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;;AAEvE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,OAAO,GAAGL,aAAa,CAAE,CAAC,CAAE,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC;AAAS,CAAC,EAAG;EAC3D,MAAMC,OAAO,GAAGR,UAAU,CAAEI,OAAQ,CAAC;EACrC,MAAMK,SAAS,GAAGR,OAAO,CACxB,OAAQ;IAAE,GAAGO,OAAO;IAAE,GAAGF;EAAM,CAAC,CAAE,EAClC,CAAEE,OAAO,EAAEF,KAAK,CACjB,CAAC;EAED,oBAAOH,IAAA,CAACC,OAAO,CAACM,QAAQ;IAACJ,KAAK,EAAGG,SAAW;IAACF,QAAQ,EAAGA;EAAU,CAAE,CAAC;AACtE;AAEA,eAAeH,OAAO","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -8,6 +7,9 @@ import { __experimentalStyleProvider as StyleProvider, ToolbarGroup } from '@wor
  * Internal dependencies
  */
 import useBlockControlsFill from './hook';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function BlockControlsFill({
   group = 'default',
   controls,
@@ -18,20 +20,26 @@ export default function BlockControlsFill({
   if (!Fill) {
     return null;
   }
-  const innerMarkup = createElement(Fragment, null, group === 'default' && createElement(ToolbarGroup, {
-    controls: controls
-  }), children);
-  return createElement(StyleProvider, {
-    document: document
-  }, createElement(Fill, null, fillProps => {
-    // `fillProps.forwardedContext` is an array of context provider entries, provided by slot,
-    // that should wrap the fill markup.
-    const {
-      forwardedContext = []
-    } = fillProps;
-    return forwardedContext.reduce((inner, [Provider, props]) => createElement(Provider, {
-      ...props
-    }, inner), innerMarkup);
-  }));
+  const innerMarkup = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [group === 'default' && /*#__PURE__*/_jsx(ToolbarGroup, {
+      controls: controls
+    }), children]
+  });
+  return /*#__PURE__*/_jsx(StyleProvider, {
+    document: document,
+    children: /*#__PURE__*/_jsx(Fill, {
+      children: fillProps => {
+        // `fillProps.forwardedContext` is an array of context provider entries, provided by slot,
+        // that should wrap the fill markup.
+        const {
+          forwardedContext = []
+        } = fillProps;
+        return forwardedContext.reduce((inner, [Provider, props]) => /*#__PURE__*/_jsx(Provider, {
+          ...props,
+          children: inner
+        }), innerMarkup);
+      }
+    })
+  });
 }
 //# sourceMappingURL=fill.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalStyleProvider","StyleProvider","ToolbarGroup","useBlockControlsFill","BlockControlsFill","group","controls","children","__experimentalShareWithChildBlocks","Fill","innerMarkup","createElement","Fragment","document","fillProps","forwardedContext","reduce","inner","Provider","props"],"sources":["@wordpress/block-editor/src/components/block-controls/fill.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\tToolbarGroup,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\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<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;AACA;AACA;AACA,SACCA,2BAA2B,IAAIC,aAAa,EAC5CC,YAAY,QACN,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,QAAQ;AAEzC,eAAe,SAASC,iBAAiBA,CAAE;EAC1CC,KAAK,GAAG,SAAS;EACjBC,QAAQ;EACRC,QAAQ;EACRC,kCAAkC,GAAG;AACtC,CAAC,EAAG;EACH,MAAMC,IAAI,GAAGN,oBAAoB,CAChCE,KAAK,EACLG,kCACD,CAAC;EACD,IAAK,CAAEC,IAAI,EAAG;IACb,OAAO,IAAI;EACZ;EAEA,MAAMC,WAAW,GAChBC,aAAA,CAAAC,QAAA,QACGP,KAAK,KAAK,SAAS,IAAIM,aAAA,CAACT,YAAY;IAACI,QAAQ,EAAGA;EAAU,CAAE,CAAC,EAC7DC,QACD,CACF;EAED,OACCI,aAAA,CAACV,aAAa;IAACY,QAAQ,EAAGA;EAAU,GACnCF,aAAA,CAACF,IAAI,QACAK,SAAS,IAAM;IAClB;IACA;IACA,MAAM;MAAEC,gBAAgB,GAAG;IAAG,CAAC,GAAGD,SAAS;IAC3C,OAAOC,gBAAgB,CAACC,MAAM,CAC7B,CAAEC,KAAK,EAAE,CAAEC,QAAQ,EAAEC,KAAK,CAAE,KAC3BR,aAAA,CAACO,QAAQ;MAAA,GAAMC;IAAK,GAAKF,KAAiB,CAC1C,EACDP,WACD,CAAC;EACF,CACK,CACQ,CAAC;AAElB","ignoreList":[]}
+{"version":3,"names":["__experimentalStyleProvider","StyleProvider","ToolbarGroup","useBlockControlsFill","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","BlockControlsFill","group","controls","children","__experimentalShareWithChildBlocks","Fill","innerMarkup","document","fillProps","forwardedContext","reduce","inner","Provider","props"],"sources":["@wordpress/block-editor/src/components/block-controls/fill.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\tToolbarGroup,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\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<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;AACA;AACA;AACA,SACCA,2BAA2B,IAAIC,aAAa,EAC5CC,YAAY,QACN,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE1C,eAAe,SAASC,iBAAiBA,CAAE;EAC1CC,KAAK,GAAG,SAAS;EACjBC,QAAQ;EACRC,QAAQ;EACRC,kCAAkC,GAAG;AACtC,CAAC,EAAG;EACH,MAAMC,IAAI,GAAGZ,oBAAoB,CAChCQ,KAAK,EACLG,kCACD,CAAC;EACD,IAAK,CAAEC,IAAI,EAAG;IACb,OAAO,IAAI;EACZ;EAEA,MAAMC,WAAW,gBAChBP,KAAA,CAAAF,SAAA;IAAAM,QAAA,GACGF,KAAK,KAAK,SAAS,iBAAIN,IAAA,CAACH,YAAY;MAACU,QAAQ,EAAGA;IAAU,CAAE,CAAC,EAC7DC,QAAQ;EAAA,CACT,CACF;EAED,oBACCR,IAAA,CAACJ,aAAa;IAACgB,QAAQ,EAAGA,QAAU;IAAAJ,QAAA,eACnCR,IAAA,CAACU,IAAI;MAAAF,QAAA,EACAK,SAAS,IAAM;QAClB;QACA;QACA,MAAM;UAAEC,gBAAgB,GAAG;QAAG,CAAC,GAAGD,SAAS;QAC3C,OAAOC,gBAAgB,CAACC,MAAM,CAC7B,CAAEC,KAAK,EAAE,CAAEC,QAAQ,EAAEC,KAAK,CAAE,kBAC3BlB,IAAA,CAACiB,QAAQ;UAAA,GAAMC,KAAK;UAAAV,QAAA,EAAKQ;QAAK,CAAY,CAC1C,EACDL,WACD,CAAC;MACF;IAAC,CACI;EAAC,CACO,CAAC;AAElB","ignoreList":[]}

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

@@ -1,21 +1,21 @@
-import { createElement } from "react";
 /**
  * Internal dependencies
  */
 import BlockControlsFill from './fill';
 import BlockControlsSlot from './slot';
+import { jsx as _jsx } from "react/jsx-runtime";
 const BlockControls = BlockControlsFill;
 BlockControls.Slot = BlockControlsSlot;
 
 // This is just here for backward compatibility.
 export const BlockFormatControls = props => {
-  return createElement(BlockControlsFill, {
+  return /*#__PURE__*/_jsx(BlockControlsFill, {
     group: "inline",
     ...props
   });
 };
 BlockFormatControls.Slot = props => {
-  return createElement(BlockControlsSlot, {
+  return /*#__PURE__*/_jsx(BlockControlsSlot, {
     group: "inline",
     ...props
   });

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

@@ -1 +1 @@
-{"version":3,"names":["BlockControlsFill","BlockControlsSlot","BlockControls","Slot","BlockFormatControls","props","createElement","group"],"sources":["@wordpress/block-editor/src/components/block-controls/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport 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 = ( props ) => {\n\treturn <BlockControlsSlot group=\"inline\" { ...props } />;\n};\n\nexport default BlockControls;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,iBAAiB,MAAM,QAAQ;AACtC,OAAOC,iBAAiB,MAAM,QAAQ;AAEtC,MAAMC,aAAa,GAAGF,iBAAiB;AAEvCE,aAAa,CAACC,IAAI,GAAGF,iBAAiB;;AAEtC;AACA,OAAO,MAAMG,mBAAmB,GAAKC,KAAK,IAAM;EAC/C,OAAOC,aAAA,CAACN,iBAAiB;IAACO,KAAK,EAAC,QAAQ;IAAA,GAAMF;EAAK,CAAI,CAAC;AACzD,CAAC;AACDD,mBAAmB,CAACD,IAAI,GAAKE,KAAK,IAAM;EACvC,OAAOC,aAAA,CAACL,iBAAiB;IAACM,KAAK,EAAC,QAAQ;IAAA,GAAMF;EAAK,CAAI,CAAC;AACzD,CAAC;AAED,eAAeH,aAAa","ignoreList":[]}
+{"version":3,"names":["BlockControlsFill","BlockControlsSlot","jsx","_jsx","BlockControls","Slot","BlockFormatControls","props","group"],"sources":["@wordpress/block-editor/src/components/block-controls/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport 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 = ( props ) => {\n\treturn <BlockControlsSlot group=\"inline\" { ...props } />;\n};\n\nexport default BlockControls;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,iBAAiB,MAAM,QAAQ;AACtC,OAAOC,iBAAiB,MAAM,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,MAAMC,aAAa,GAAGJ,iBAAiB;AAEvCI,aAAa,CAACC,IAAI,GAAGJ,iBAAiB;;AAEtC;AACA,OAAO,MAAMK,mBAAmB,GAAKC,KAAK,IAAM;EAC/C,oBAAOJ,IAAA,CAACH,iBAAiB;IAACQ,KAAK,EAAC,QAAQ;IAAA,GAAMD;EAAK,CAAI,CAAC;AACzD,CAAC;AACDD,mBAAmB,CAACD,IAAI,GAAKE,KAAK,IAAM;EACvC,oBAAOJ,IAAA,CAACF,iBAAiB;IAACO,KAAK,EAAC,QAAQ;IAAA,GAAMD;EAAK,CAAI,CAAC;AACzD,CAAC;AAED,eAAeH,aAAa","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -11,6 +10,7 @@ import warning from '@wordpress/warning';
  */
 import groups from './groups';
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   ComponentsContext
 } = unlock(privateApis);
@@ -30,13 +30,13 @@ export default function BlockControlsSlot({
   const Slot = groups[group]?.Slot;
   const fills = useSlotFills(Slot?.__unstableName);
   if (!Slot) {
-    typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? warning(`Unknown BlockControls group "${group}" provided.`) : void 0;
+    globalThis.SCRIPT_DEBUG === true ? warning(`Unknown BlockControls group "${group}" provided.`) : void 0;
     return null;
   }
   if (!fills?.length) {
     return null;
   }
-  const slot = createElement(Slot, {
+  const slot = /*#__PURE__*/_jsx(Slot, {
     ...props,
     bubblesVirtually: true,
     fillProps: fillProps
@@ -44,6 +44,8 @@ export default function BlockControlsSlot({
   if (group === 'default') {
     return slot;
   }
-  return createElement(ToolbarGroup, null, slot);
+  return /*#__PURE__*/_jsx(ToolbarGroup, {
+    children: slot
+  });
 }
 //# sourceMappingURL=slot.js.map