@wordpress/block-editor 12.26.0 → 13.0.1

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ExperimentalBlockCanvas = ExperimentalBlockCanvas;
 exports.default = void 0;
-var _react = require("react");
 var _compose = require("@wordpress/compose");
 var _element = require("@wordpress/element");
 var _blockList = _interopRequireDefault(require("../block-list"));
@@ -17,6 +16,7 @@ var _writingFlow = _interopRequireDefault(require("../writing-flow"));
 var _observeTyping = require("../observe-typing");
 var _blockSelectionClearer = require("../block-selection-clearer");
 var _useBlockCommands = require("../use-block-commands");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -28,7 +28,7 @@ var _useBlockCommands = require("../use-block-commands");
 function ExperimentalBlockCanvas({
   shouldIframe = true,
   height = '300px',
-  children = (0, _react.createElement)(_blockList.default, null),
+  children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockList.default, {}),
   styles,
   contentRef: contentRefProp,
   iframeProps
@@ -39,42 +39,46 @@ function ExperimentalBlockCanvas({
   const localRef = (0, _element.useRef)();
   const contentRef = (0, _compose.useMergeRefs)([contentRefProp, clearerRef, localRef]);
   if (!shouldIframe) {
-    return (0, _react.createElement)(_blockTools.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockTools.default, {
       __unstableContentRef: localRef,
       style: {
         height,
         display: 'flex'
-      }
-    }, (0, _react.createElement)(_editorStyles.default, {
-      styles: styles,
-      scope: ".editor-styles-wrapper"
-    }), (0, _react.createElement)(_writingFlow.default, {
-      ref: contentRef,
-      className: "editor-styles-wrapper",
-      tabIndex: -1,
-      style: {
-        height: '100%',
-        width: '100%'
-      }
-    }, children));
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_editorStyles.default, {
+        styles: styles,
+        scope: ".editor-styles-wrapper"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_writingFlow.default, {
+        ref: contentRef,
+        className: "editor-styles-wrapper",
+        tabIndex: -1,
+        style: {
+          height: '100%',
+          width: '100%'
+        },
+        children: children
+      })]
+    });
   }
-  return (0, _react.createElement)(_blockTools.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockTools.default, {
     __unstableContentRef: localRef,
     style: {
       height,
       display: 'flex'
-    }
-  }, (0, _react.createElement)(_iframe.default, {
-    ...iframeProps,
-    ref: resetTypingRef,
-    contentRef: contentRef,
-    style: {
-      ...iframeProps?.style
     },
-    name: "editor-canvas"
-  }, (0, _react.createElement)(_editorStyles.default, {
-    styles: styles
-  }), children));
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_iframe.default, {
+      ...iframeProps,
+      ref: resetTypingRef,
+      contentRef: contentRef,
+      style: {
+        ...iframeProps?.style
+      },
+      name: "editor-canvas",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_editorStyles.default, {
+        styles: styles
+      }), children]
+    })
+  });
 }
 
 /**
@@ -111,10 +115,11 @@ function BlockCanvas({
   height,
   styles
 }) {
-  return (0, _react.createElement)(ExperimentalBlockCanvas, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ExperimentalBlockCanvas, {
     height: height,
-    styles: styles
-  }, children);
+    styles: styles,
+    children: children
+  });
 }
 var _default = exports.default = BlockCanvas;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_compose","require","_element","_blockList","_interopRequireDefault","_blockTools","_editorStyles","_iframe","_writingFlow","_observeTyping","_blockSelectionClearer","_useBlockCommands","ExperimentalBlockCanvas","shouldIframe","height","children","_react","createElement","default","styles","contentRef","contentRefProp","iframeProps","useBlockCommands","resetTypingRef","useMouseMoveTypingReset","clearerRef","useBlockSelectionClearer","localRef","useRef","useMergeRefs","__unstableContentRef","style","display","scope","ref","className","tabIndex","width","name","BlockCanvas","_default","exports"],"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":"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","ignoreList":[]}
+{"version":3,"names":["_compose","require","_element","_blockList","_interopRequireDefault","_blockTools","_editorStyles","_iframe","_writingFlow","_observeTyping","_blockSelectionClearer","_useBlockCommands","_jsxRuntime","ExperimentalBlockCanvas","shouldIframe","height","children","jsx","default","styles","contentRef","contentRefProp","iframeProps","useBlockCommands","resetTypingRef","useMouseMoveTypingReset","clearerRef","useBlockSelectionClearer","localRef","useRef","useMergeRefs","jsxs","__unstableContentRef","style","display","scope","ref","className","tabIndex","width","name","BlockCanvas","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,aAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,OAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,YAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,sBAAA,GAAAT,OAAA;AACA,IAAAU,iBAAA,GAAAV,OAAA;AAAyD,IAAAW,WAAA,GAAAX,OAAA;AAhBzD;AACA;AACA;;AAIA;AACA;AACA;;AAUO,SAASY,uBAAuBA,CAAE;EACxCC,YAAY,GAAG,IAAI;EACnBC,MAAM,GAAG,OAAO;EAChBC,QAAQ,gBAAG,IAAAJ,WAAA,CAAAK,GAAA,EAACd,UAAA,CAAAe,OAAS,IAAE,CAAC;EACxBC,MAAM;EACNC,UAAU,EAAEC,cAAc;EAC1BC;AACD,CAAC,EAAG;EACH,IAAAC,kCAAgB,EAAC,CAAC;EAClB,MAAMC,cAAc,GAAG,IAAAC,sCAAuB,EAAC,CAAC;EAChD,MAAMC,UAAU,GAAG,IAAAC,+CAAwB,EAAC,CAAC;EAC7C,MAAMC,QAAQ,GAAG,IAAAC,eAAM,EAAC,CAAC;EACzB,MAAMT,UAAU,GAAG,IAAAU,qBAAY,EAAE,CAAET,cAAc,EAAEK,UAAU,EAAEE,QAAQ,CAAG,CAAC;EAE3E,IAAK,CAAEd,YAAY,EAAG;IACrB,oBACC,IAAAF,WAAA,CAAAmB,IAAA,EAAC1B,WAAA,CAAAa,OAAU;MACVc,oBAAoB,EAAGJ,QAAU;MACjCK,KAAK,EAAG;QAAElB,MAAM;QAAEmB,OAAO,EAAE;MAAO,CAAG;MAAAlB,QAAA,gBAErC,IAAAJ,WAAA,CAAAK,GAAA,EAACX,aAAA,CAAAY,OAAY;QACZC,MAAM,EAAGA,MAAQ;QACjBgB,KAAK,EAAC;MAAwB,CAC9B,CAAC,eACF,IAAAvB,WAAA,CAAAK,GAAA,EAACT,YAAA,CAAAU,OAAW;QACXkB,GAAG,EAAGhB,UAAY;QAClBiB,SAAS,EAAC,uBAAuB;QACjCC,QAAQ,EAAG,CAAC,CAAG;QACfL,KAAK,EAAG;UACPlB,MAAM,EAAE,MAAM;UACdwB,KAAK,EAAE;QACR,CAAG;QAAAvB,QAAA,EAEDA;MAAQ,CACE,CAAC;IAAA,CACH,CAAC;EAEf;EAEA,oBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACZ,WAAA,CAAAa,OAAU;IACVc,oBAAoB,EAAGJ,QAAU;IACjCK,KAAK,EAAG;MAAElB,MAAM;MAAEmB,OAAO,EAAE;IAAO,CAAG;IAAAlB,QAAA,eAErC,IAAAJ,WAAA,CAAAmB,IAAA,EAACxB,OAAA,CAAAW,OAAM;MAAA,GACDI,WAAW;MAChBc,GAAG,EAAGZ,cAAgB;MACtBJ,UAAU,EAAGA,UAAY;MACzBa,KAAK,EAAG;QACP,GAAGX,WAAW,EAAEW;MACjB,CAAG;MACHO,IAAI,EAAC,eAAe;MAAAxB,QAAA,gBAEpB,IAAAJ,WAAA,CAAAK,GAAA,EAACX,aAAA,CAAAY,OAAY;QAACC,MAAM,EAAGA;MAAQ,CAAE,CAAC,EAChCH,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,SAASyB,WAAWA,CAAE;EAAEzB,QAAQ;EAAED,MAAM;EAAEI;AAAO,CAAC,EAAG;EACpD,oBACC,IAAAP,WAAA,CAAAK,GAAA,EAACJ,uBAAuB;IAACE,MAAM,EAAGA,MAAQ;IAACI,MAAM,EAAGA,MAAQ;IAAAH,QAAA,EACzDA;EAAQ,CACc,CAAC;AAE5B;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAEcuB,WAAW","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
@@ -13,6 +12,7 @@ var _data = require("@wordpress/data");
 var _blocks = require("@wordpress/blocks");
 var _styles = _interopRequireDefault(require("./styles.scss"));
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -35,19 +35,20 @@ const BlockCaption = ({
   shouldDisplay,
   text,
   insertBlocksAfter
-}) => (0, _react.createElement)(_reactNative.View, {
-  style: [_styles.default.container, shouldDisplay && _styles.default.padding]
-}, (0, _react.createElement)(_blockEditor.Caption, {
-  accessibilityLabelCreator: accessibilityLabelCreator,
-  accessible: accessible,
-  isSelected: isSelected,
-  onBlur: onBlur,
-  onChange: onChange,
-  onFocus: onFocus,
-  shouldDisplay: shouldDisplay,
-  value: text,
-  insertBlocksAfter: insertBlocksAfter
-}));
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: [_styles.default.container, shouldDisplay && _styles.default.padding],
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.Caption, {
+    accessibilityLabelCreator: accessibilityLabelCreator,
+    accessible: accessible,
+    isSelected: isSelected,
+    onBlur: onBlur,
+    onChange: onChange,
+    onFocus: onFocus,
+    shouldDisplay: shouldDisplay,
+    value: text,
+    insertBlocksAfter: insertBlocksAfter
+  })
+});
 var _default = exports.default = (0, _compose.compose)([(0, _data.withSelect)((select, {
   clientId
 }) => {

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_blockEditor","_compose","_data","_blocks","_styles","_interopRequireDefault","_store","BlockCaption","accessible","accessibilityLabelCreator","onBlur","onChange","onFocus","isSelected","shouldDisplay","text","insertBlocksAfter","_react","createElement","View","style","styles","container","padding","Caption","value","_default","exports","default","compose","withSelect","select","clientId","getBlockAttributes","getSelectedBlockClientId","getBlockName","getBlockRootClientId","blockEditorStore","caption","isBlockSelected","parentId","parentBlockName","hideCaption","hasBlockSupport","RichText","isEmpty","withDispatch","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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAMQ,YAAY,GAAGA,CAAE;EACtBC,UAAU;EACVC,yBAAyB;EACzBC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,aAAa;EACbC,IAAI;EACJC;AACD,CAAC,KACA,IAAAC,MAAA,CAAAC,aAAA,EAACpB,YAAA,CAAAqB,IAAI;EAACC,KAAK,EAAG,CAAEC,eAAM,CAACC,SAAS,EAAER,aAAa,IAAIO,eAAM,CAACE,OAAO;AAAI,GACpE,IAAAN,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAwB,OAAO;EACPf,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/BW,KAAK,EAAGV,IAAM;EACdC,iBAAiB,EAAGA;AAAmB,CACvC,CACI,CACN;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IACLC,kBAAkB;IAClBC,wBAAwB;IACxBC,YAAY;IACZC;EACD,CAAC,GAAGL,MAAM,CAAEM,YAAiB,CAAC;EAC9B,MAAM;IAAEC;EAAQ,CAAC,GAAGL,kBAAkB,CAAED,QAAS,CAAC,IAAI,CAAC,CAAC;EACxD,MAAMO,eAAe,GAAGL,wBAAwB,CAAC,CAAC,KAAKF,QAAQ;;EAE/D;EACA;EACA;EACA;EACA,MAAMQ,QAAQ,GAAGJ,oBAAoB,CAAEJ,QAAS,CAAC;EACjD,MAAMS,eAAe,GAAGN,YAAY,CAAEK,QAAS,CAAC;EAEhD,MAAME,WAAW,GAAG,IAAAC,uBAAe,EAClCF,eAAe,EACf,sCAAsC,EACtC,KACD,CAAC;;EAED;EACA;EACA,MAAM3B,aAAa,GAClB,CAAE4B,WAAW,KACX,CAAEE,qBAAQ,CAACC,OAAO,CAAEP,OAAQ,CAAC,GAAG,CAAC,IAAIC,eAAe,CAAE;EAEzD,OAAO;IACNzB,aAAa;IACbC,IAAI,EAAEuB;EACP,CAAC;AACF,CAAE,CAAC,EACH,IAAAQ,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEf;AAAS,CAAC,KAAM;EAC3C,MAAM;IAAEgB;EAAsB,CAAC,GAAGD,QAAQ,CAAEV,YAAiB,CAAC;EAC9D,OAAO;IACN1B,QAAQ,EAAI2B,OAAO,IAAM;MACxBU,qBAAqB,CAAEhB,QAAQ,EAAE;QAAEM;MAAQ,CAAE,CAAC;IAC/C;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAE/B,YAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_blockEditor","_compose","_data","_blocks","_styles","_interopRequireDefault","_store","_jsxRuntime","BlockCaption","accessible","accessibilityLabelCreator","onBlur","onChange","onFocus","isSelected","shouldDisplay","text","insertBlocksAfter","jsx","View","style","styles","container","padding","children","Caption","value","_default","exports","default","compose","withSelect","select","clientId","getBlockAttributes","getSelectedBlockClientId","getBlockName","getBlockRootClientId","blockEditorStore","caption","isBlockSelected","parentId","parentBlockName","hideCaption","hasBlockSupport","RichText","isEmpty","withDispatch","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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAwD,IAAAQ,WAAA,GAAAR,OAAA;AAjBxD;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAMS,YAAY,GAAGA,CAAE;EACtBC,UAAU;EACVC,yBAAyB;EACzBC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,aAAa;EACbC,IAAI;EACJC;AACD,CAAC,kBACA,IAAAV,WAAA,CAAAW,GAAA,EAACpB,YAAA,CAAAqB,IAAI;EAACC,KAAK,EAAG,CAAEC,eAAM,CAACC,SAAS,EAAEP,aAAa,IAAIM,eAAM,CAACE,OAAO,CAAI;EAAAC,QAAA,eACpE,IAAAjB,WAAA,CAAAW,GAAA,EAAClB,YAAA,CAAAyB,OAAO;IACPf,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/BW,KAAK,EAAGV,IAAM;IACdC,iBAAiB,EAAGA;EAAmB,CACvC;AAAC,CACG,CACN;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IACLC,kBAAkB;IAClBC,wBAAwB;IACxBC,YAAY;IACZC;EACD,CAAC,GAAGL,MAAM,CAAEM,YAAiB,CAAC;EAC9B,MAAM;IAAEC;EAAQ,CAAC,GAAGL,kBAAkB,CAAED,QAAS,CAAC,IAAI,CAAC,CAAC;EACxD,MAAMO,eAAe,GAAGL,wBAAwB,CAAC,CAAC,KAAKF,QAAQ;;EAE/D;EACA;EACA;EACA;EACA,MAAMQ,QAAQ,GAAGJ,oBAAoB,CAAEJ,QAAS,CAAC;EACjD,MAAMS,eAAe,GAAGN,YAAY,CAAEK,QAAS,CAAC;EAEhD,MAAME,WAAW,GAAG,IAAAC,uBAAe,EAClCF,eAAe,EACf,sCAAsC,EACtC,KACD,CAAC;;EAED;EACA;EACA,MAAM3B,aAAa,GAClB,CAAE4B,WAAW,KACX,CAAEE,qBAAQ,CAACC,OAAO,CAAEP,OAAQ,CAAC,GAAG,CAAC,IAAIC,eAAe,CAAE;EAEzD,OAAO;IACNzB,aAAa;IACbC,IAAI,EAAEuB;EACP,CAAC;AACF,CAAE,CAAC,EACH,IAAAQ,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEf;AAAS,CAAC,KAAM;EAC3C,MAAM;IAAEgB;EAAsB,CAAC,GAAGD,QAAQ,CAAEV,YAAiB,CAAC;EAC9D,OAAO;IACN1B,QAAQ,EAAI2B,OAAO,IAAM;MACxBU,qBAAqB,CAAEhB,QAAQ,EAAE;QAAEM;MAAQ,CAAE,CAAC;IAC/C;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAE/B,YAAa,CAAC","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _components = require("@wordpress/components");
@@ -14,6 +13,7 @@ var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -59,32 +59,37 @@ function BlockCard({
   const {
     selectBlock
   } = (0, _data.useDispatch)(_store.store);
-  return (0, _react.createElement)("div", {
-    className: (0, _clsx.default)('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.
-  (0, _react.createElement)(_components.Button, {
-    onClick: () => selectBlock(parentNavBlockClientId),
-    label: (0, _i18n.__)('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: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
-    size: "small"
-  }), (0, _react.createElement)(_blockIcon.default, {
-    icon: icon,
-    showColors: true
-  }), (0, _react.createElement)("div", {
-    className: "block-editor-block-card__content"
-  }, (0, _react.createElement)("h2", {
-    className: "block-editor-block-card__title"
-  }, title), description && (0, _react.createElement)("span", {
-    className: "block-editor-block-card__description"
-  }, description)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _clsx.default)('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.
+    (0, _jsxRuntime.jsx)(_components.Button, {
+      onClick: () => selectBlock(parentNavBlockClientId),
+      label: (0, _i18n.__)('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: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
+      size: "small"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.default, {
+      icon: icon,
+      showColors: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+        className: "block-editor-block-card__title",
+        children: title
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+        className: "block-editor-block-card__description",
+        children: description
+      })]
+    })]
+  });
 }
 var _default = exports.default = BlockCard;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_deprecated","_components","_icons","_i18n","_data","_blockIcon","_store","BlockCard","title","icon","description","blockType","className","deprecated","since","alternative","parentNavBlockClientId","useSelect","select","getSelectedBlockClientId","getBlockParentsByBlockName","blockEditorStore","_selectedBlockClientId","selectBlock","useDispatch","_react","createElement","clsx","Button","onClick","label","__","style","minWidth","padding","isRTL","chevronRight","chevronLeft","size","default","showColors","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,UAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASQ,SAASA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,WAAW;EAAEC,SAAS;EAAEC;AAAU,CAAC,EAAG;EACxE,IAAKD,SAAS,EAAG;IAChB,IAAAE,mBAAU,EAAE,+CAA+C,EAAE;MAC5DC,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE;IACd,CAAE,CAAC;IACH,CAAE;MAAEP,KAAK;MAAEC,IAAI;MAAEC;IAAY,CAAC,GAAGC,SAAS;EAC3C;EAEA,MAAM;IAAEK;EAAuB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3D,MAAM;MAAEC,wBAAwB;MAAEC;IAA2B,CAAC,GAC7DF,MAAM,CAAEG,YAAiB,CAAC;IAE3B,MAAMC,sBAAsB,GAAGH,wBAAwB,CAAC,CAAC;IAEzD,OAAO;MACNH,sBAAsB,EAAEI,0BAA0B,CACjDE,sBAAsB,EACtB,iBAAiB,EACjB,IACD,CAAC,CAAE,CAAC;IACL,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAEvD,OACC,IAAAI,MAAA,CAAAC,aAAA;IAAKd,SAAS,EAAG,IAAAe,aAAI,EAAE,yBAAyB,EAAEf,SAAU;EAAG,GAC5DI,sBAAsB;EAAM;EAC7B,IAAAS,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA2B,MAAM;IACNC,OAAO,EAAGA,CAAA,KAAMN,WAAW,CAAEP,sBAAuB,CAAG;IACvDc,KAAK,EAAG,IAAAC,QAAE,EAAE,+BAAgC,CAAG;IAC/CC,KAAK;IACJ;IACA;IACA;MAAEC,QAAQ,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAE,CAC3B;IACDzB,IAAI,EAAG,IAAA0B,WAAK,EAAC,CAAC,GAAGC,mBAAY,GAAGC,kBAAa;IAC7CC,IAAI,EAAC;EAAO,CACZ,CACD,EACD,IAAAb,MAAA,CAAAC,aAAA,EAACrB,UAAA,CAAAkC,OAAS;IAAC9B,IAAI,EAAGA,IAAM;IAAC+B,UAAU;EAAA,CAAE,CAAC,EACtC,IAAAf,MAAA,CAAAC,aAAA;IAAKd,SAAS,EAAC;EAAkC,GAChD,IAAAa,MAAA,CAAAC,aAAA;IAAId,SAAS,EAAC;EAAgC,GAAGJ,KAAW,CAAC,EAC3DE,WAAW,IACZ,IAAAe,MAAA,CAAAC,aAAA;IAAMd,SAAS,EAAC;EAAsC,GACnDF,WACG,CAEH,CACD,CAAC;AAER;AAAC,IAAA+B,QAAA,GAAAC,OAAA,CAAAH,OAAA,GAEchC,SAAS","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_deprecated","_components","_icons","_i18n","_data","_blockIcon","_store","_jsxRuntime","BlockCard","title","icon","description","blockType","className","deprecated","since","alternative","parentNavBlockClientId","useSelect","select","getSelectedBlockClientId","getBlockParentsByBlockName","blockEditorStore","_selectedBlockClientId","selectBlock","useDispatch","jsxs","clsx","children","jsx","Button","onClick","label","__","style","minWidth","padding","isRTL","chevronRight","chevronLeft","size","default","showColors","__experimentalVStack","spacing","__experimentalText","_default","exports"],"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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,UAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAwD,IAAAQ,WAAA,GAAAR,OAAA;AAtBxD;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;;AAIA,SAASS,SAASA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,WAAW;EAAEC,SAAS;EAAEC;AAAU,CAAC,EAAG;EACxE,IAAKD,SAAS,EAAG;IAChB,IAAAE,mBAAU,EAAE,+CAA+C,EAAE;MAC5DC,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE;IACd,CAAE,CAAC;IACH,CAAE;MAAEP,KAAK;MAAEC,IAAI;MAAEC;IAAY,CAAC,GAAGC,SAAS;EAC3C;EAEA,MAAM;IAAEK;EAAuB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3D,MAAM;MAAEC,wBAAwB;MAAEC;IAA2B,CAAC,GAC7DF,MAAM,CAAEG,YAAiB,CAAC;IAE3B,MAAMC,sBAAsB,GAAGH,wBAAwB,CAAC,CAAC;IAEzD,OAAO;MACNH,sBAAsB,EAAEI,0BAA0B,CACjDE,sBAAsB,EACtB,iBAAiB,EACjB,IACD,CAAC,CAAE,CAAC;IACL,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAEvD,oBACC,IAAAf,WAAA,CAAAmB,IAAA;IAAKb,SAAS,EAAG,IAAAc,aAAI,EAAE,yBAAyB,EAAEd,SAAU,CAAG;IAAAe,QAAA,GAC5DX,sBAAsB;IAAA;IAAM;IAC7B,IAAAV,WAAA,CAAAsB,GAAA,EAAC5B,WAAA,CAAA6B,MAAM;MACNC,OAAO,EAAGA,CAAA,KAAMP,WAAW,CAAEP,sBAAuB,CAAG;MACvDe,KAAK,EAAG,IAAAC,QAAE,EAAE,+BAAgC,CAAG;MAC/CC,KAAK;MACJ;MACA;MACA;QAAEC,QAAQ,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAE,CAC3B;MACD1B,IAAI,EAAG,IAAA2B,WAAK,EAAC,CAAC,GAAGC,mBAAY,GAAGC,kBAAa;MAC7CC,IAAI,EAAC;IAAO,CACZ,CACD,eACD,IAAAjC,WAAA,CAAAsB,GAAA,EAACxB,UAAA,CAAAoC,OAAS;MAAC/B,IAAI,EAAGA,IAAM;MAACgC,UAAU;IAAA,CAAE,CAAC,eACtC,IAAAnC,WAAA,CAAAmB,IAAA,EAACzB,WAAA,CAAA0C,oBAAM;MAACC,OAAO,EAAG,CAAG;MAAAhB,QAAA,gBACpB,IAAArB,WAAA,CAAAsB,GAAA;QAAIhB,SAAS,EAAC,gCAAgC;QAAAe,QAAA,EAAGnB;MAAK,CAAM,CAAC,EAC3DE,WAAW,iBACZ,IAAAJ,WAAA,CAAAsB,GAAA,EAAC5B,WAAA,CAAA4C,kBAAI;QAAChC,SAAS,EAAC,sCAAsC;QAAAe,QAAA,EACnDjB;MAAW,CACR,CACN;IAAA,CACM,CAAC;EAAA,CACL,CAAC;AAER;AAAC,IAAAmC,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEcjC,SAAS","ignoreList":[]}

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockView;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _dom = require("@wordpress/dom");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -20,22 +20,31 @@ function BlockView({
   actionText,
   className
 }) {
-  return (0, _react.createElement)("div", {
-    className: className
-  }, (0, _react.createElement)("div", {
-    className: "block-editor-block-compare__content"
-  }, (0, _react.createElement)("h2", {
-    className: "block-editor-block-compare__heading"
-  }, title), (0, _react.createElement)("div", {
-    className: "block-editor-block-compare__html"
-  }, rawContent), (0, _react.createElement)("div", {
-    className: "block-editor-block-compare__preview edit-post-visual-editor"
-  }, (0, _react.createElement)(_element.RawHTML, null, (0, _dom.safeHTML)(renderedContent)))), (0, _react.createElement)("div", {
-    className: "block-editor-block-compare__action"
-  }, (0, _react.createElement)(_components.Button, {
-    variant: "secondary",
-    tabIndex: "0",
-    onClick: action
-  }, actionText)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "block-editor-block-compare__content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+        className: "block-editor-block-compare__heading",
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "block-editor-block-compare__html",
+        children: rawContent
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "block-editor-block-compare__preview edit-post-visual-editor",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.RawHTML, {
+          children: (0, _dom.safeHTML)(renderedContent)
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-editor-block-compare__action",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        variant: "secondary",
+        tabIndex: "0",
+        onClick: action,
+        children: actionText
+      })
+    })]
+  });
 }
 //# sourceMappingURL=block-view.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_element","_dom","BlockView","title","rawContent","renderedContent","action","actionText","className","_react","createElement","RawHTML","safeHTML","Button","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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKe,SAASG,SAASA,CAAE;EAClCC,KAAK;EACLC,UAAU;EACVC,eAAe;EACfC,MAAM;EACNC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKF,SAAS,EAAGA;EAAW,GAC3B,IAAAC,MAAA,CAAAC,aAAA;IAAKF,SAAS,EAAC;EAAqC,GACnD,IAAAC,MAAA,CAAAC,aAAA;IAAIF,SAAS,EAAC;EAAqC,GAChDL,KACC,CAAC,EAEL,IAAAM,MAAA,CAAAC,aAAA;IAAKF,SAAS,EAAC;EAAkC,GAC9CJ,UACE,CAAC,EAEN,IAAAK,MAAA,CAAAC,aAAA;IAAKF,SAAS,EAAC;EAA6D,GAC3E,IAAAC,MAAA,CAAAC,aAAA,EAACV,QAAA,CAAAW,OAAO,QAAG,IAAAC,aAAQ,EAAEP,eAAgB,CAAY,CAC7C,CACD,CAAC,EAEN,IAAAI,MAAA,CAAAC,aAAA;IAAKF,SAAS,EAAC;EAAoC,GAClD,IAAAC,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAe,MAAM;IAACC,OAAO,EAAC,WAAW;IAACC,QAAQ,EAAC,GAAG;IAACC,OAAO,EAAGV;EAAQ,GACxDC,UACK,CACJ,CACD,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_components","require","_element","_dom","_jsxRuntime","BlockView","title","rawContent","renderedContent","action","actionText","className","jsxs","children","jsx","RawHTML","safeHTML","Button","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":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAA0C,IAAAG,WAAA,GAAAH,OAAA;AAL1C;AACA;AACA;;AAKe,SAASI,SAASA,CAAE;EAClCC,KAAK;EACLC,UAAU;EACVC,eAAe;EACfC,MAAM;EACNC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,oBACC,IAAAP,WAAA,CAAAQ,IAAA;IAAKD,SAAS,EAAGA,SAAW;IAAAE,QAAA,gBAC3B,IAAAT,WAAA,CAAAQ,IAAA;MAAKD,SAAS,EAAC,qCAAqC;MAAAE,QAAA,gBACnD,IAAAT,WAAA,CAAAU,GAAA;QAAIH,SAAS,EAAC,qCAAqC;QAAAE,QAAA,EAChDP;MAAK,CACJ,CAAC,eAEL,IAAAF,WAAA,CAAAU,GAAA;QAAKH,SAAS,EAAC,kCAAkC;QAAAE,QAAA,EAC9CN;MAAU,CACR,CAAC,eAEN,IAAAH,WAAA,CAAAU,GAAA;QAAKH,SAAS,EAAC,6DAA6D;QAAAE,QAAA,eAC3E,IAAAT,WAAA,CAAAU,GAAA,EAACZ,QAAA,CAAAa,OAAO;UAAAF,QAAA,EAAG,IAAAG,aAAQ,EAAER,eAAgB;QAAC,CAAW;MAAC,CAC9C,CAAC;IAAA,CACF,CAAC,eAEN,IAAAJ,WAAA,CAAAU,GAAA;MAAKH,SAAS,EAAC,oCAAoC;MAAAE,QAAA,eAClD,IAAAT,WAAA,CAAAU,GAAA,EAACd,WAAA,CAAAiB,MAAM;QAACC,OAAO,EAAC,WAAW;QAACC,QAAQ,EAAC,GAAG;QAACC,OAAO,EAAGX,MAAQ;QAAAI,QAAA,EACxDH;MAAU,CACL;IAAC,CACL,CAAC;EAAA,CACF,CAAC;AAER","ignoreList":[]}

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _character = require("diff/lib/diff/character");
 var _i18n = require("@wordpress/i18n");
 var _blocks = require("@wordpress/blocks");
 var _blockView = _interopRequireDefault(require("./block-view"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -40,10 +40,10 @@ function BlockCompare({
         'block-editor-block-compare__added': item.added,
         'block-editor-block-compare__removed': item.removed
       });
-      return (0, _react.createElement)("span", {
-        key: pos,
-        className: classes
-      }, item.value);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: classes,
+        children: item.value
+      }, pos);
     });
   }
   function getConvertedContent(convertedBlock) {
@@ -56,23 +56,24 @@ function BlockCompare({
   }
   const converted = getConvertedContent(convertor(block));
   const difference = getDifference(block.originalContent, converted);
-  return (0, _react.createElement)("div", {
-    className: "block-editor-block-compare__wrapper"
-  }, (0, _react.createElement)(_blockView.default, {
-    title: (0, _i18n.__)('Current'),
-    className: "block-editor-block-compare__current",
-    action: onKeep,
-    actionText: (0, _i18n.__)('Convert to HTML'),
-    rawContent: block.originalContent,
-    renderedContent: block.originalContent
-  }), (0, _react.createElement)(_blockView.default, {
-    title: (0, _i18n.__)('After Conversion'),
-    className: "block-editor-block-compare__converted",
-    action: onConvert,
-    actionText: convertButtonText,
-    rawContent: difference,
-    renderedContent: converted
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "block-editor-block-compare__wrapper",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockView.default, {
+      title: (0, _i18n.__)('Current'),
+      className: "block-editor-block-compare__current",
+      action: onKeep,
+      actionText: (0, _i18n.__)('Convert to HTML'),
+      rawContent: block.originalContent,
+      renderedContent: block.originalContent
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockView.default, {
+      title: (0, _i18n.__)('After Conversion'),
+      className: "block-editor-block-compare__converted",
+      action: onConvert,
+      actionText: convertButtonText,
+      rawContent: difference,
+      renderedContent: converted
+    })]
+  });
 }
 var _default = exports.default = BlockCompare;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_character","_i18n","_blocks","_blockView","BlockCompare","block","onKeep","onConvert","convertor","convertButtonText","getDifference","originalContent","newContent","difference","diffChars","map","item","pos","classes","clsx","added","removed","_react","createElement","key","className","value","getConvertedContent","convertedBlock","newBlocks","Array","isArray","getSaveContent","name","attributes","innerBlocks","join","converted","default","title","__","action","actionText","rawContent","renderedContent","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,UAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AAjBA;AACA;AACA;;AAEA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASK,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,GAAG,IAAAC,oBAAS,EAAEH,eAAe,EAAEC,UAAW,CAAC;IAE3D,OAAOC,UAAU,CAACE,GAAG,CAAE,CAAEC,IAAI,EAAEC,GAAG,KAAM;MACvC,MAAMC,OAAO,GAAG,IAAAC,aAAI,EAAE;QACrB,mCAAmC,EAAEH,IAAI,CAACI,KAAK;QAC/C,qCAAqC,EAAEJ,IAAI,CAACK;MAC7C,CAAE,CAAC;MAEH,OACC,IAAAC,MAAA,CAAAC,aAAA;QAAMC,GAAG,EAAGP,GAAK;QAACQ,SAAS,EAAGP;MAAS,GACpCF,IAAI,CAACU,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,MAAMhB,UAAU,GAAGiB,SAAS,CAACd,GAAG,CAAIC,IAAI,IACvC,IAAAgB,sBAAc,EAAEhB,IAAI,CAACiB,IAAI,EAAEjB,IAAI,CAACkB,UAAU,EAAElB,IAAI,CAACmB,WAAY,CAC9D,CAAC;IAED,OAAOvB,UAAU,CAACwB,IAAI,CAAE,EAAG,CAAC;EAC7B;EAEA,MAAMC,SAAS,GAAGV,mBAAmB,CAAEnB,SAAS,CAAEH,KAAM,CAAE,CAAC;EAC3D,MAAMQ,UAAU,GAAGH,aAAa,CAAEL,KAAK,CAACM,eAAe,EAAE0B,SAAU,CAAC;EAEpE,OACC,IAAAf,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAqC,GACnD,IAAAH,MAAA,CAAAC,aAAA,EAACpB,UAAA,CAAAmC,OAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBf,SAAS,EAAC,qCAAqC;IAC/CgB,MAAM,EAAGnC,MAAQ;IACjBoC,UAAU,EAAG,IAAAF,QAAE,EAAE,iBAAkB,CAAG;IACtCG,UAAU,EAAGtC,KAAK,CAACM,eAAiB;IACpCiC,eAAe,EAAGvC,KAAK,CAACM;EAAiB,CACzC,CAAC,EAEF,IAAAW,MAAA,CAAAC,aAAA,EAACpB,UAAA,CAAAmC,OAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCf,SAAS,EAAC,uCAAuC;IACjDgB,MAAM,EAAGlC,SAAW;IACpBmC,UAAU,EAAGjC,iBAAmB;IAChCkC,UAAU,EAAG9B,UAAY;IACzB+B,eAAe,EAAGP;EAAW,CAC7B,CACG,CAAC;AAER;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEclC,YAAY","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_character","_i18n","_blocks","_blockView","_jsxRuntime","BlockCompare","block","onKeep","onConvert","convertor","convertButtonText","getDifference","originalContent","newContent","difference","diffChars","map","item","pos","classes","clsx","added","removed","jsx","className","children","value","getConvertedContent","convertedBlock","newBlocks","Array","isArray","getSaveContent","name","attributes","innerBlocks","join","converted","jsxs","default","title","__","action","actionText","rawContent","renderedContent","_default","exports"],"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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,UAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAqC,IAAAK,WAAA,GAAAL,OAAA;AAjBrC;AACA;AACA;;AAEA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASM,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,GAAG,IAAAC,oBAAS,EAAEH,eAAe,EAAEC,UAAW,CAAC;IAE3D,OAAOC,UAAU,CAACE,GAAG,CAAE,CAAEC,IAAI,EAAEC,GAAG,KAAM;MACvC,MAAMC,OAAO,GAAG,IAAAC,aAAI,EAAE;QACrB,mCAAmC,EAAEH,IAAI,CAACI,KAAK;QAC/C,qCAAqC,EAAEJ,IAAI,CAACK;MAC7C,CAAE,CAAC;MAEH,oBACC,IAAAlB,WAAA,CAAAmB,GAAA;QAAkBC,SAAS,EAAGL,OAAS;QAAAM,QAAA,EACpCR,IAAI,CAACS;MAAK,GADDR,GAEN,CAAC;IAET,CAAE,CAAC;EACJ;EAEA,SAASS,mBAAmBA,CAAEC,cAAc,EAAG;IAC9C;IACA,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAO,CAAEH,cAAe,CAAC,GAC9CA,cAAc,GACd,CAAEA,cAAc,CAAE;;IAErB;IACA,MAAMf,UAAU,GAAGgB,SAAS,CAACb,GAAG,CAAIC,IAAI,IACvC,IAAAe,sBAAc,EAAEf,IAAI,CAACgB,IAAI,EAAEhB,IAAI,CAACiB,UAAU,EAAEjB,IAAI,CAACkB,WAAY,CAC9D,CAAC;IAED,OAAOtB,UAAU,CAACuB,IAAI,CAAE,EAAG,CAAC;EAC7B;EAEA,MAAMC,SAAS,GAAGV,mBAAmB,CAAElB,SAAS,CAAEH,KAAM,CAAE,CAAC;EAC3D,MAAMQ,UAAU,GAAGH,aAAa,CAAEL,KAAK,CAACM,eAAe,EAAEyB,SAAU,CAAC;EAEpE,oBACC,IAAAjC,WAAA,CAAAkC,IAAA;IAAKd,SAAS,EAAC,qCAAqC;IAAAC,QAAA,gBACnD,IAAArB,WAAA,CAAAmB,GAAA,EAACpB,UAAA,CAAAoC,OAAS;MACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;MACzBjB,SAAS,EAAC,qCAAqC;MAC/CkB,MAAM,EAAGnC,MAAQ;MACjBoC,UAAU,EAAG,IAAAF,QAAE,EAAE,iBAAkB,CAAG;MACtCG,UAAU,EAAGtC,KAAK,CAACM,eAAiB;MACpCiC,eAAe,EAAGvC,KAAK,CAACM;IAAiB,CACzC,CAAC,eAEF,IAAAR,WAAA,CAAAmB,GAAA,EAACpB,UAAA,CAAAoC,OAAS;MACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;MAClCjB,SAAS,EAAC,uCAAuC;MACjDkB,MAAM,EAAGlC,SAAW;MACpBmC,UAAU,EAAGjC,iBAAmB;MAChCkC,UAAU,EAAG9B,UAAY;MACzB+B,eAAe,EAAGR;IAAW,CAC7B,CAAC;EAAA,CACE,CAAC;AAER;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEclC,YAAY","ignoreList":[]}

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlockContextProvider = BlockContextProvider;
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -21,8 +21,7 @@ var _element = require("@wordpress/element");
  * @property {ReactNode}        children Component children.
  */
 
-/** @type {import('react').Context<Record<string,*>>} */
-const Context = (0, _element.createContext)({});
+/** @type {import('react').Context<Record<string,*>>} */const Context = (0, _element.createContext)({});
 
 /**
  * Component which merges passed value with current consumed block context.
@@ -40,7 +39,7 @@ function BlockContextProvider({
     ...context,
     ...value
   }), [context, value]);
-  return (0, _react.createElement)(Context.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Context.Provider, {
     value: nextValue,
     children: children
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","Context","createContext","BlockContextProvider","value","children","context","useContext","nextValue","useMemo","_react","createElement","Provider","_default","exports","default"],"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":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMC,OAAO,GAAG,IAAAC,sBAAa,EAAE,CAAC,CAAE,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC;AAAS,CAAC,EAAG;EAC3D,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAEN,OAAQ,CAAC;EACrC,MAAMO,SAAS,GAAG,IAAAC,gBAAO,EACxB,OAAQ;IAAE,GAAGH,OAAO;IAAE,GAAGF;EAAM,CAAC,CAAE,EAClC,CAAEE,OAAO,EAAEF,KAAK,CACjB,CAAC;EAED,OAAO,IAAAM,MAAA,CAAAC,aAAA,EAACV,OAAO,CAACW,QAAQ;IAACR,KAAK,EAAGI,SAAW;IAACH,QAAQ,EAAGA;EAAU,CAAE,CAAC;AACtE;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcd,OAAO","ignoreList":[]}
+{"version":3,"names":["_element","require","_jsxRuntime","Context","createContext","BlockContextProvider","value","children","context","useContext","nextValue","useMemo","jsx","Provider","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAAwE,IAAAC,WAAA,GAAAD,OAAA;AAHxE;AACA;AACA;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,wDACA,MAAME,OAAO,GAAG,IAAAC,sBAAa,EAAE,CAAC,CAAE,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC;AAAS,CAAC,EAAG;EAC3D,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAEN,OAAQ,CAAC;EACrC,MAAMO,SAAS,GAAG,IAAAC,gBAAO,EACxB,OAAQ;IAAE,GAAGH,OAAO;IAAE,GAAGF;EAAM,CAAC,CAAE,EAClC,CAAEE,OAAO,EAAEF,KAAK,CACjB,CAAC;EAED,oBAAO,IAAAJ,WAAA,CAAAU,GAAA,EAACT,OAAO,CAACU,QAAQ;IAACP,KAAK,EAAGI,SAAW;IAACH,QAAQ,EAAGA;EAAU,CAAE,CAAC;AACtE;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcb,OAAO","ignoreList":[]}