@wordpress/block-editor 12.1.0 → 12.3.0

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

@@ -34,37 +34,33 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
-const BlockCaption = _ref => {
-  let {
-    accessible,
-    accessibilityLabelCreator,
-    onBlur,
-    onChange,
-    onFocus,
-    isSelected,
-    shouldDisplay,
-    text,
-    insertBlocksAfter
-  } = _ref;
-  return (0, _element.createElement)(_reactNative.View, {
-    style: [_styles.default.container, shouldDisplay && _styles.default.padding]
-  }, (0, _element.createElement)(_blockEditor.Caption, {
-    accessibilityLabelCreator: accessibilityLabelCreator,
-    accessible: accessible,
-    isSelected: isSelected,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    shouldDisplay: shouldDisplay,
-    value: text,
-    insertBlocksAfter: insertBlocksAfter
-  }));
-};
-
-var _default = (0, _compose.compose)([(0, _data.withSelect)((select, _ref2) => {
-  let {
-    clientId
-  } = _ref2;
+const BlockCaption = ({
+  accessible,
+  accessibilityLabelCreator,
+  onBlur,
+  onChange,
+  onFocus,
+  isSelected,
+  shouldDisplay,
+  text,
+  insertBlocksAfter
+}) => (0, _element.createElement)(_reactNative.View, {
+  style: [_styles.default.container, shouldDisplay && _styles.default.padding]
+}, (0, _element.createElement)(_blockEditor.Caption, {
+  accessibilityLabelCreator: accessibilityLabelCreator,
+  accessible: accessible,
+  isSelected: isSelected,
+  onBlur: onBlur,
+  onChange: onChange,
+  onFocus: onFocus,
+  shouldDisplay: shouldDisplay,
+  value: text,
+  insertBlocksAfter: insertBlocksAfter
+}));
+
+var _default = (0, _compose.compose)([(0, _data.withSelect)((select, {
+  clientId
+}) => {
   const {
     getBlockAttributes,
     getSelectedBlockClientId,
@@ -89,10 +85,9 @@ var _default = (0, _compose.compose)([(0, _data.withSelect)((select, _ref2) => {
     shouldDisplay,
     text: caption
   };
-}), (0, _data.withDispatch)((dispatch, _ref3) => {
-  let {
-    clientId
-  } = _ref3;
+}), (0, _data.withDispatch)((dispatch, {
+  clientId
+}) => {
   const {
     updateBlockAttributes
   } = dispatch(_store.store);

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-caption/index.native.js"],"names":["BlockCaption","accessible","accessibilityLabelCreator","onBlur","onChange","onFocus","isSelected","shouldDisplay","text","insertBlocksAfter","styles","container","padding","select","clientId","getBlockAttributes","getSelectedBlockClientId","getBlockName","getBlockRootClientId","blockEditorStore","caption","isBlockSelected","parentId","parentBlockName","hideCaption","RichText","isEmpty","dispatch","updateBlockAttributes"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AAIA,MAAMA,YAAY,GAAG;AAAA,MAAE;AACtBC,IAAAA,UADsB;AAEtBC,IAAAA,yBAFsB;AAGtBC,IAAAA,MAHsB;AAItBC,IAAAA,QAJsB;AAKtBC,IAAAA,OALsB;AAMtBC,IAAAA,UANsB;AAOtBC,IAAAA,aAPsB;AAQtBC,IAAAA,IARsB;AAStBC,IAAAA;AATsB,GAAF;AAAA,SAWpB,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAG,CAAEC,gBAAOC,SAAT,EAAoBJ,aAAa,IAAIG,gBAAOE,OAA5C;AAAd,KACC,4BAAC,oBAAD;AACC,IAAA,yBAAyB,EAAGV,yBAD7B;AAEC,IAAA,UAAU,EAAGD,UAFd;AAGC,IAAA,UAAU,EAAGK,UAHd;AAIC,IAAA,MAAM,EAAGH,MAJV;AAKC,IAAA,QAAQ,EAAGC,QALZ;AAMC,IAAA,OAAO,EAAGC,OANX;AAOC,IAAA,aAAa,EAAGE,aAPjB;AAQC,IAAA,KAAK,EAAGC,IART;AASC,IAAA,iBAAiB,EAAGC;AATrB,IADD,CAXoB;AAAA,CAArB;;eA0Be,sBAAS,CACvB,sBAAY,CAAEI,MAAF,YAA4B;AAAA,MAAlB;AAAEC,IAAAA;AAAF,GAAkB;AACvC,QAAM;AACLC,IAAAA,kBADK;AAELC,IAAAA,wBAFK;AAGLC,IAAAA,YAHK;AAILC,IAAAA;AAJK,MAKFL,MAAM,CAAEM,YAAF,CALV;AAMA,QAAM;AAAEC,IAAAA;AAAF,MAAcL,kBAAkB,CAAED,QAAF,CAAlB,IAAkC,EAAtD;AACA,QAAMO,eAAe,GAAGL,wBAAwB,OAAOF,QAAvD,CARuC,CAUvC;AACA;AACA;AACA;;AACA,QAAMQ,QAAQ,GAAGJ,oBAAoB,CAAEJ,QAAF,CAArC;AACA,QAAMS,eAAe,GAAGN,YAAY,CAAEK,QAAF,CAApC;AAEA,QAAME,WAAW,GAAG,6BACnBD,eADmB,EAEnB,sCAFmB,EAGnB,KAHmB,CAApB,CAjBuC,CAuBvC;AACA;;AACA,QAAMhB,aAAa,GAClB,CAAEiB,WAAF,KACE,CAAEC,sBAASC,OAAT,CAAkBN,OAAlB,CAAF,GAAgC,CAAhC,IAAqCC,eADvC,CADD;AAIA,SAAO;AACNd,IAAAA,aADM;AAENC,IAAAA,IAAI,EAAEY;AAFA,GAAP;AAIA,CAjCD,CADuB,EAmCvB,wBAAc,CAAEO,QAAF,YAA8B;AAAA,MAAlB;AAAEb,IAAAA;AAAF,GAAkB;AAC3C,QAAM;AAAEc,IAAAA;AAAF,MAA4BD,QAAQ,CAAER,YAAF,CAA1C;AACA,SAAO;AACNf,IAAAA,QAAQ,EAAIgB,OAAF,IAAe;AACxBQ,MAAAA,qBAAqB,CAAEd,QAAF,EAAY;AAAEM,QAAAA;AAAF,OAAZ,CAArB;AACA;AAHK,GAAP;AAKA,CAPD,CAnCuB,CAAT,EA2CVpB,YA3CU,C","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"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-caption/index.native.js"],"names":["BlockCaption","accessible","accessibilityLabelCreator","onBlur","onChange","onFocus","isSelected","shouldDisplay","text","insertBlocksAfter","styles","container","padding","select","clientId","getBlockAttributes","getSelectedBlockClientId","getBlockName","getBlockRootClientId","blockEditorStore","caption","isBlockSelected","parentId","parentBlockName","hideCaption","RichText","isEmpty","dispatch","updateBlockAttributes"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AAIA,MAAMA,YAAY,GAAG,CAAE;AACtBC,EAAAA,UADsB;AAEtBC,EAAAA,yBAFsB;AAGtBC,EAAAA,MAHsB;AAItBC,EAAAA,QAJsB;AAKtBC,EAAAA,OALsB;AAMtBC,EAAAA,UANsB;AAOtBC,EAAAA,aAPsB;AAQtBC,EAAAA,IARsB;AAStBC,EAAAA;AATsB,CAAF,KAWpB,4BAAC,iBAAD;AAAM,EAAA,KAAK,EAAG,CAAEC,gBAAOC,SAAT,EAAoBJ,aAAa,IAAIG,gBAAOE,OAA5C;AAAd,GACC,4BAAC,oBAAD;AACC,EAAA,yBAAyB,EAAGV,yBAD7B;AAEC,EAAA,UAAU,EAAGD,UAFd;AAGC,EAAA,UAAU,EAAGK,UAHd;AAIC,EAAA,MAAM,EAAGH,MAJV;AAKC,EAAA,QAAQ,EAAGC,QALZ;AAMC,EAAA,OAAO,EAAGC,OANX;AAOC,EAAA,aAAa,EAAGE,aAPjB;AAQC,EAAA,KAAK,EAAGC,IART;AASC,EAAA,iBAAiB,EAAGC;AATrB,EADD,CAXD;;eA0Be,sBAAS,CACvB,sBAAY,CAAEI,MAAF,EAAU;AAAEC,EAAAA;AAAF,CAAV,KAA4B;AACvC,QAAM;AACLC,IAAAA,kBADK;AAELC,IAAAA,wBAFK;AAGLC,IAAAA,YAHK;AAILC,IAAAA;AAJK,MAKFL,MAAM,CAAEM,YAAF,CALV;AAMA,QAAM;AAAEC,IAAAA;AAAF,MAAcL,kBAAkB,CAAED,QAAF,CAAlB,IAAkC,EAAtD;AACA,QAAMO,eAAe,GAAGL,wBAAwB,OAAOF,QAAvD,CARuC,CAUvC;AACA;AACA;AACA;;AACA,QAAMQ,QAAQ,GAAGJ,oBAAoB,CAAEJ,QAAF,CAArC;AACA,QAAMS,eAAe,GAAGN,YAAY,CAAEK,QAAF,CAApC;AAEA,QAAME,WAAW,GAAG,6BACnBD,eADmB,EAEnB,sCAFmB,EAGnB,KAHmB,CAApB,CAjBuC,CAuBvC;AACA;;AACA,QAAMhB,aAAa,GAClB,CAAEiB,WAAF,KACE,CAAEC,sBAASC,OAAT,CAAkBN,OAAlB,CAAF,GAAgC,CAAhC,IAAqCC,eADvC,CADD;AAIA,SAAO;AACNd,IAAAA,aADM;AAENC,IAAAA,IAAI,EAAEY;AAFA,GAAP;AAIA,CAjCD,CADuB,EAmCvB,wBAAc,CAAEO,QAAF,EAAY;AAAEb,EAAAA;AAAF,CAAZ,KAA8B;AAC3C,QAAM;AAAEc,IAAAA;AAAF,MAA4BD,QAAQ,CAAER,YAAF,CAA1C;AACA,SAAO;AACNf,IAAAA,QAAQ,EAAIgB,OAAF,IAAe;AACxBQ,MAAAA,qBAAqB,CAAEd,QAAF,EAAY;AAAEM,QAAAA;AAAF,OAAZ,CAArB;AACA;AAHK,GAAP;AAKA,CAPD,CAnCuB,CAAT,EA2CVpB,YA3CU,C","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"]}

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

@@ -36,15 +36,13 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
-function BlockCard(_ref) {
-  let {
-    title,
-    icon,
-    description,
-    blockType,
-    className
-  } = _ref;
-
+function BlockCard({
+  title,
+  icon,
+  description,
+  blockType,
+  className
+}) {
   if (blockType) {
     (0, _deprecated.default)('`blockType` property in `BlockCard component`', {
       since: '5.7',

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-card/index.js"],"names":["BlockCard","title","icon","description","blockType","className","since","alternative","parentNavBlockClientId","select","getSelectedBlockClientId","getBlockParentsByBlockName","blockEditorStore","_selectedBlockClientId","selectBlock","minWidth","padding","chevronRight","chevronLeft"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AAIA,SAASA,SAAT,OAAyE;AAAA,MAArD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,IAAT;AAAeC,IAAAA,WAAf;AAA4BC,IAAAA,SAA5B;AAAuCC,IAAAA;AAAvC,GAAqD;;AACxE,MAAKD,SAAL,EAAiB;AAChB,6BAAY,+CAAZ,EAA6D;AAC5DE,MAAAA,KAAK,EAAE,KADqD;AAE5DC,MAAAA,WAAW,EAAE;AAF+C,KAA7D;AAIA,KAAE;AAAEN,MAAAA,KAAF;AAASC,MAAAA,IAAT;AAAeC,MAAAA;AAAf,QAA+BC,SAAjC;AACA;;AAED,QAAM;AAAEI,IAAAA;AAAF,MAA6B,qBAAaC,MAAF,IAAc;AAC3D,UAAM;AAAEC,MAAAA,wBAAF;AAA4BC,MAAAA;AAA5B,QACLF,MAAM,CAAEG,YAAF,CADP;;AAGA,UAAMC,sBAAsB,GAAGH,wBAAwB,EAAvD;;AAEA,WAAO;AACNF,MAAAA,sBAAsB,EAAEG,0BAA0B,CACjDE,sBADiD,EAEjD,iBAFiD,EAGjD,IAHiD,CAA1B,CAIrB,CAJqB;AADlB,KAAP;AAOA,GAbkC,EAahC,EAbgC,CAAnC;AAeA,QAAM;AAAEC,IAAAA;AAAF,MAAkB,uBAAaF,YAAb,CAAxB;AAEA,SACC;AAAK,IAAA,SAAS,EAAG,yBAAY,yBAAZ,EAAuCP,SAAvC;AAAjB,KACGG,sBAAsB,IAAM;AAC7B,8BAAC,kBAAD;AACC,IAAA,OAAO,EAAG,MAAMM,WAAW,CAAEN,sBAAF,CAD5B;AAEC,IAAA,KAAK,EAAG,cAAI,+BAAJ,CAFT;AAGC,IAAA,KAAK,EACJ;AACA;AACA;AAAEO,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,OAAO,EAAE;AAAzB,KANF;AAQC,IAAA,IAAI,EAAG,qBAAUC,mBAAV,GAAyBC,kBARjC;AASC,IAAA,OAAO;AATR,IAFF,EAcC,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGhB,IAAlB;AAAyB,IAAA,UAAU;AAAnC,IAdD,EAeC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAI,IAAA,SAAS,EAAC;AAAd,KAAiDD,KAAjD,CADD,EAEC;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGE,WADH,CAFD,CAfD,CADD;AAwBA;;eAEcH,S","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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={ classnames( '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\tisSmall\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<span className=\"block-editor-block-card__description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-card/index.js"],"names":["BlockCard","title","icon","description","blockType","className","since","alternative","parentNavBlockClientId","select","getSelectedBlockClientId","getBlockParentsByBlockName","blockEditorStore","_selectedBlockClientId","selectBlock","minWidth","padding","chevronRight","chevronLeft"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AAIA,SAASA,SAAT,CAAoB;AAAEC,EAAAA,KAAF;AAASC,EAAAA,IAAT;AAAeC,EAAAA,WAAf;AAA4BC,EAAAA,SAA5B;AAAuCC,EAAAA;AAAvC,CAApB,EAAyE;AACxE,MAAKD,SAAL,EAAiB;AAChB,6BAAY,+CAAZ,EAA6D;AAC5DE,MAAAA,KAAK,EAAE,KADqD;AAE5DC,MAAAA,WAAW,EAAE;AAF+C,KAA7D;AAIA,KAAE;AAAEN,MAAAA,KAAF;AAASC,MAAAA,IAAT;AAAeC,MAAAA;AAAf,QAA+BC,SAAjC;AACA;;AAED,QAAM;AAAEI,IAAAA;AAAF,MAA6B,qBAAaC,MAAF,IAAc;AAC3D,UAAM;AAAEC,MAAAA,wBAAF;AAA4BC,MAAAA;AAA5B,QACLF,MAAM,CAAEG,YAAF,CADP;;AAGA,UAAMC,sBAAsB,GAAGH,wBAAwB,EAAvD;;AAEA,WAAO;AACNF,MAAAA,sBAAsB,EAAEG,0BAA0B,CACjDE,sBADiD,EAEjD,iBAFiD,EAGjD,IAHiD,CAA1B,CAIrB,CAJqB;AADlB,KAAP;AAOA,GAbkC,EAahC,EAbgC,CAAnC;AAeA,QAAM;AAAEC,IAAAA;AAAF,MAAkB,uBAAaF,YAAb,CAAxB;AAEA,SACC;AAAK,IAAA,SAAS,EAAG,yBAAY,yBAAZ,EAAuCP,SAAvC;AAAjB,KACGG,sBAAsB,IAAM;AAC7B,8BAAC,kBAAD;AACC,IAAA,OAAO,EAAG,MAAMM,WAAW,CAAEN,sBAAF,CAD5B;AAEC,IAAA,KAAK,EAAG,cAAI,+BAAJ,CAFT;AAGC,IAAA,KAAK,EACJ;AACA;AACA;AAAEO,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,OAAO,EAAE;AAAzB,KANF;AAQC,IAAA,IAAI,EAAG,qBAAUC,mBAAV,GAAyBC,kBARjC;AASC,IAAA,OAAO;AATR,IAFF,EAcC,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGhB,IAAlB;AAAyB,IAAA,UAAU;AAAnC,IAdD,EAeC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAI,IAAA,SAAS,EAAC;AAAd,KAAiDD,KAAjD,CADD,EAEC;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGE,WADH,CAFD,CAfD,CADD;AAwBA;;eAEcH,S","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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={ classnames( '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\tisSmall\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<span className=\"block-editor-block-card__description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"]}

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

@@ -14,15 +14,14 @@ var _dom = require("@wordpress/dom");
 /**
  * WordPress dependencies
  */
-function BlockView(_ref) {
-  let {
-    title,
-    rawContent,
-    renderedContent,
-    action,
-    actionText,
-    className
-  } = _ref;
+function BlockView({
+  title,
+  rawContent,
+  renderedContent,
+  action,
+  actionText,
+  className
+}) {
   return (0, _element.createElement)("div", {
     className: className
   }, (0, _element.createElement)("div", {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-compare/block-view.js"],"names":["BlockView","title","rawContent","renderedContent","action","actionText","className"],"mappings":";;;;;;;AAIA;;AADA;;AAEA;;AALA;AACA;AACA;AAKe,SAASA,SAAT,OAOX;AAAA,MAP+B;AAClCC,IAAAA,KADkC;AAElCC,IAAAA,UAFkC;AAGlCC,IAAAA,eAHkC;AAIlCC,IAAAA,MAJkC;AAKlCC,IAAAA,UALkC;AAMlCC,IAAAA;AANkC,GAO/B;AACH,SACC;AAAK,IAAA,SAAS,EAAGA;AAAjB,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACGL,KADH,CADD,EAKC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGC,UADH,CALD,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,gBAAD,QAAW,mBAAUC,eAAV,CAAX,CADD,CATD,CADD,EAeC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,kBAAD;AAAQ,IAAA,OAAO,EAAC,WAAhB;AAA4B,IAAA,QAAQ,EAAC,GAArC;AAAyC,IAAA,OAAO,EAAGC;AAAnD,KACGC,UADH,CADD,CAfD,CADD;AAuBA","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"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-compare/block-view.js"],"names":["BlockView","title","rawContent","renderedContent","action","actionText","className"],"mappings":";;;;;;;AAIA;;AADA;;AAEA;;AALA;AACA;AACA;AAKe,SAASA,SAAT,CAAoB;AAClCC,EAAAA,KADkC;AAElCC,EAAAA,UAFkC;AAGlCC,EAAAA,eAHkC;AAIlCC,EAAAA,MAJkC;AAKlCC,EAAAA,UALkC;AAMlCC,EAAAA;AANkC,CAApB,EAOX;AACH,SACC;AAAK,IAAA,SAAS,EAAGA;AAAjB,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACGL,KADH,CADD,EAKC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGC,UADH,CALD,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,gBAAD,QAAW,mBAAUC,eAAV,CAAX,CADD,CATD,CADD,EAeC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,kBAAD;AAAQ,IAAA,OAAO,EAAC,WAAhB;AAA4B,IAAA,QAAQ,EAAC,GAArC;AAAyC,IAAA,OAAO,EAAGC;AAAnD,KACGC,UADH,CADD,CAfD,CADD;AAuBA","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"]}

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

@@ -32,15 +32,13 @@ var _blockView = _interopRequireDefault(require("./block-view"));
 /**
  * Internal dependencies
  */
-function BlockCompare(_ref) {
-  let {
-    block,
-    onKeep,
-    onConvert,
-    convertor,
-    convertButtonText
-  } = _ref;
-
+function BlockCompare({
+  block,
+  onKeep,
+  onConvert,
+  convertor,
+  convertButtonText
+}) {
   function getDifference(originalContent, newContent) {
     const difference = (0, _character.diffChars)(originalContent, newContent);
     return difference.map((item, pos) => {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-compare/index.js"],"names":["BlockCompare","block","onKeep","onConvert","convertor","convertButtonText","getDifference","originalContent","newContent","difference","map","item","pos","classes","added","removed","value","getConvertedContent","convertedBlock","newBlocks","Array","isArray","name","attributes","innerBlocks","join","converted"],"mappings":";;;;;;;;;;;AAGA;;AAGA;;AAKA;;AACA;;AAKA;;AAjBA;AACA;AACA;AAEA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGA,SAASA,YAAT,OAMI;AAAA,MANmB;AACtBC,IAAAA,KADsB;AAEtBC,IAAAA,MAFsB;AAGtBC,IAAAA,SAHsB;AAItBC,IAAAA,SAJsB;AAKtBC,IAAAA;AALsB,GAMnB;;AACH,WAASC,aAAT,CAAwBC,eAAxB,EAAyCC,UAAzC,EAAsD;AACrD,UAAMC,UAAU,GAAG,0BAAWF,eAAX,EAA4BC,UAA5B,CAAnB;AAEA,WAAOC,UAAU,CAACC,GAAX,CAAgB,CAAEC,IAAF,EAAQC,GAAR,KAAiB;AACvC,YAAMC,OAAO,GAAG,yBAAY;AAC3B,6CAAqCF,IAAI,CAACG,KADf;AAE3B,+CAAuCH,IAAI,CAACI;AAFjB,OAAZ,CAAhB;AAKA,aACC;AAAM,QAAA,GAAG,EAAGH,GAAZ;AAAkB,QAAA,SAAS,EAAGC;AAA9B,SACGF,IAAI,CAACK,KADR,CADD;AAKA,KAXM,CAAP;AAYA;;AAED,WAASC,mBAAT,CAA8BC,cAA9B,EAA+C;AAC9C;AACA,UAAMC,SAAS,GAAGC,KAAK,CAACC,OAAN,CAAeH,cAAf,IACfA,cADe,GAEf,CAAEA,cAAF,CAFH,CAF8C,CAM9C;;AACA,UAAMV,UAAU,GAAGW,SAAS,CAACT,GAAV,CAAiBC,IAAF,IACjC,4BAAgBA,IAAI,CAACW,IAArB,EAA2BX,IAAI,CAACY,UAAhC,EAA4CZ,IAAI,CAACa,WAAjD,CADkB,CAAnB;AAIA,WAAOhB,UAAU,CAACiB,IAAX,CAAiB,EAAjB,CAAP;AACA;;AAED,QAAMC,SAAS,GAAGT,mBAAmB,CAAEb,SAAS,CAAEH,KAAF,CAAX,CAArC;AACA,QAAMQ,UAAU,GAAGH,aAAa,CAAEL,KAAK,CAACM,eAAR,EAAyBmB,SAAzB,CAAhC;AAEA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,kBAAD;AACC,IAAA,KAAK,EAAG,cAAI,SAAJ,CADT;AAEC,IAAA,SAAS,EAAC,qCAFX;AAGC,IAAA,MAAM,EAAGxB,MAHV;AAIC,IAAA,UAAU,EAAG,cAAI,iBAAJ,CAJd;AAKC,IAAA,UAAU,EAAGD,KAAK,CAACM,eALpB;AAMC,IAAA,eAAe,EAAGN,KAAK,CAACM;AANzB,IADD,EAUC,4BAAC,kBAAD;AACC,IAAA,KAAK,EAAG,cAAI,kBAAJ,CADT;AAEC,IAAA,SAAS,EAAC,uCAFX;AAGC,IAAA,MAAM,EAAGJ,SAHV;AAIC,IAAA,UAAU,EAAGE,iBAJd;AAKC,IAAA,UAAU,EAAGI,UALd;AAMC,IAAA,eAAe,EAAGiB;AANnB,IAVD,CADD;AAqBA;;eAEc1B,Y","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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 = classnames( {\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"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-compare/index.js"],"names":["BlockCompare","block","onKeep","onConvert","convertor","convertButtonText","getDifference","originalContent","newContent","difference","map","item","pos","classes","added","removed","value","getConvertedContent","convertedBlock","newBlocks","Array","isArray","name","attributes","innerBlocks","join","converted"],"mappings":";;;;;;;;;;;AAGA;;AAGA;;AAKA;;AACA;;AAKA;;AAjBA;AACA;AACA;AAEA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGA,SAASA,YAAT,CAAuB;AACtBC,EAAAA,KADsB;AAEtBC,EAAAA,MAFsB;AAGtBC,EAAAA,SAHsB;AAItBC,EAAAA,SAJsB;AAKtBC,EAAAA;AALsB,CAAvB,EAMI;AACH,WAASC,aAAT,CAAwBC,eAAxB,EAAyCC,UAAzC,EAAsD;AACrD,UAAMC,UAAU,GAAG,0BAAWF,eAAX,EAA4BC,UAA5B,CAAnB;AAEA,WAAOC,UAAU,CAACC,GAAX,CAAgB,CAAEC,IAAF,EAAQC,GAAR,KAAiB;AACvC,YAAMC,OAAO,GAAG,yBAAY;AAC3B,6CAAqCF,IAAI,CAACG,KADf;AAE3B,+CAAuCH,IAAI,CAACI;AAFjB,OAAZ,CAAhB;AAKA,aACC;AAAM,QAAA,GAAG,EAAGH,GAAZ;AAAkB,QAAA,SAAS,EAAGC;AAA9B,SACGF,IAAI,CAACK,KADR,CADD;AAKA,KAXM,CAAP;AAYA;;AAED,WAASC,mBAAT,CAA8BC,cAA9B,EAA+C;AAC9C;AACA,UAAMC,SAAS,GAAGC,KAAK,CAACC,OAAN,CAAeH,cAAf,IACfA,cADe,GAEf,CAAEA,cAAF,CAFH,CAF8C,CAM9C;;AACA,UAAMV,UAAU,GAAGW,SAAS,CAACT,GAAV,CAAiBC,IAAF,IACjC,4BAAgBA,IAAI,CAACW,IAArB,EAA2BX,IAAI,CAACY,UAAhC,EAA4CZ,IAAI,CAACa,WAAjD,CADkB,CAAnB;AAIA,WAAOhB,UAAU,CAACiB,IAAX,CAAiB,EAAjB,CAAP;AACA;;AAED,QAAMC,SAAS,GAAGT,mBAAmB,CAAEb,SAAS,CAAEH,KAAF,CAAX,CAArC;AACA,QAAMQ,UAAU,GAAGH,aAAa,CAAEL,KAAK,CAACM,eAAR,EAAyBmB,SAAzB,CAAhC;AAEA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,kBAAD;AACC,IAAA,KAAK,EAAG,cAAI,SAAJ,CADT;AAEC,IAAA,SAAS,EAAC,qCAFX;AAGC,IAAA,MAAM,EAAGxB,MAHV;AAIC,IAAA,UAAU,EAAG,cAAI,iBAAJ,CAJd;AAKC,IAAA,UAAU,EAAGD,KAAK,CAACM,eALpB;AAMC,IAAA,eAAe,EAAGN,KAAK,CAACM;AANzB,IADD,EAUC,4BAAC,kBAAD;AACC,IAAA,KAAK,EAAG,cAAI,kBAAJ,CADT;AAEC,IAAA,SAAS,EAAC,uCAFX;AAGC,IAAA,MAAM,EAAGJ,SAHV;AAIC,IAAA,UAAU,EAAGE,iBAJd;AAKC,IAAA,UAAU,EAAGI,UALd;AAMC,IAAA,eAAe,EAAGiB;AANnB,IAVD,CADD;AAqBA;;eAEc1B,Y","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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 = classnames( {\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"]}

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

@@ -32,11 +32,10 @@ const Context = (0, _element.createContext)({});
  * @param {BlockContextProviderProps} props
  */
 
-function BlockContextProvider(_ref) {
-  let {
-    value,
-    children
-  } = _ref;
+function BlockContextProvider({
+  value,
+  children
+}) {
   const context = (0, _element.useContext)(Context);
   const nextValue = (0, _element.useMemo)(() => ({ ...context,
     ...value

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-context/index.js"],"names":["Context","BlockContextProvider","value","children","context","nextValue"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMA,OAAO,GAAG,4BAAe,EAAf,CAAhB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACO,SAASC,oBAAT,OAAqD;AAAA,MAAtB;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAsB;AAC3D,QAAMC,OAAO,GAAG,yBAAYJ,OAAZ,CAAhB;AACA,QAAMK,SAAS,GAAG,sBACjB,OAAQ,EAAE,GAAGD,OAAL;AAAc,OAAGF;AAAjB,GAAR,CADiB,EAEjB,CAAEE,OAAF,EAAWF,KAAX,CAFiB,CAAlB;AAKA,SAAO,4BAAC,OAAD,CAAS,QAAT;AAAkB,IAAA,KAAK,EAAGG,SAA1B;AAAsC,IAAA,QAAQ,EAAGF;AAAjD,IAAP;AACA;;eAEcH,O","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"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-context/index.js"],"names":["Context","BlockContextProvider","value","children","context","nextValue"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMA,OAAO,GAAG,4BAAe,EAAf,CAAhB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACO,SAASC,oBAAT,CAA+B;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAA/B,EAAqD;AAC3D,QAAMC,OAAO,GAAG,yBAAYJ,OAAZ,CAAhB;AACA,QAAMK,SAAS,GAAG,sBACjB,OAAQ,EAAE,GAAGD,OAAL;AAAc,OAAGF;AAAjB,GAAR,CADiB,EAEjB,CAAEE,OAAF,EAAWF,KAAX,CAFiB,CAAlB;AAKA,SAAO,4BAAC,OAAD,CAAS,QAAT;AAAkB,IAAA,KAAK,EAAGG,SAA1B;AAAsC,IAAA,QAAQ,EAAGF;AAAjD,IAAP;AACA;;eAEcH,O","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"]}

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

@@ -9,16 +9,10 @@ exports.default = BlockControlsFill;
 
 var _element = require("@wordpress/element");
 
-var _lodash = require("lodash");
-
 var _components = require("@wordpress/components");
 
 var _hook = _interopRequireDefault(require("./hook"));
 
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
@@ -26,31 +20,30 @@ var _hook = _interopRequireDefault(require("./hook"));
 /**
  * Internal dependencies
  */
-function BlockControlsFill(_ref) {
-  let {
-    group = 'default',
-    controls,
-    children,
-    __experimentalShareWithChildBlocks = false
-  } = _ref;
+function BlockControlsFill({
+  group = 'default',
+  controls,
+  children,
+  __experimentalShareWithChildBlocks = false
+}) {
   const Fill = (0, _hook.default)(group, __experimentalShareWithChildBlocks);
 
   if (!Fill) {
     return null;
   }
 
+  const innerMarkup = (0, _element.createElement)(_element.Fragment, null, group === 'default' && (0, _element.createElement)(_components.ToolbarGroup, {
+    controls: controls
+  }), children);
   return (0, _element.createElement)(_components.__experimentalStyleProvider, {
     document: document
   }, (0, _element.createElement)(Fill, null, fillProps => {
-    // Children passed to BlockControlsFill will not have access to any
-    // React Context whose Provider is part of the BlockControlsSlot tree.
-    // So we re-create the Provider in this subtree.
-    const value = !(0, _lodash.isEmpty)(fillProps) ? fillProps : null;
-    return (0, _element.createElement)(_components.__experimentalToolbarContext.Provider, {
-      value: value
-    }, group === 'default' && (0, _element.createElement)(_components.ToolbarGroup, {
-      controls: controls
-    }), children);
+    // `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]) => (0, _element.createElement)(Provider, props, inner), innerMarkup);
   }));
 }
 //# sourceMappingURL=fill.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/fill.js"],"names":["BlockControlsFill","group","controls","children","__experimentalShareWithChildBlocks","Fill","document","fillProps","value"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AASA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AAGe,SAASA,iBAAT,OAKX;AAAA,MALuC;AAC1CC,IAAAA,KAAK,GAAG,SADkC;AAE1CC,IAAAA,QAF0C;AAG1CC,IAAAA,QAH0C;AAI1CC,IAAAA,kCAAkC,GAAG;AAJK,GAKvC;AACH,QAAMC,IAAI,GAAG,mBACZJ,KADY,EAEZG,kCAFY,CAAb;;AAIA,MAAK,CAAEC,IAAP,EAAc;AACb,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,uCAAD;AAAe,IAAA,QAAQ,EAAGC;AAA1B,KACC,4BAAC,IAAD,QACKC,SAAF,IAAiB;AAClB;AACA;AACA;AACA,UAAMC,KAAK,GAAG,CAAE,qBAASD,SAAT,CAAF,GAAyBA,SAAzB,GAAqC,IAAnD;AACA,WACC,4BAAC,wCAAD,CAAgB,QAAhB;AAAyB,MAAA,KAAK,EAAGC;AAAjC,OACGP,KAAK,KAAK,SAAV,IACD,4BAAC,wBAAD;AAAc,MAAA,QAAQ,EAAGC;AAAzB,MAFF,EAIGC,QAJH,CADD;AAQA,GAdF,CADD,CADD;AAoBA","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\t__experimentalToolbarContext as ToolbarContext,\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\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill>\n\t\t\t\t{ ( fillProps ) => {\n\t\t\t\t\t// Children passed to BlockControlsFill will not have access to any\n\t\t\t\t\t// React Context whose Provider is part of the BlockControlsSlot tree.\n\t\t\t\t\t// So we re-create the Provider in this subtree.\n\t\t\t\t\tconst value = ! isEmpty( fillProps ) ? fillProps : null;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ToolbarContext.Provider value={ value }>\n\t\t\t\t\t\t\t{ group === 'default' && (\n\t\t\t\t\t\t\t\t<ToolbarGroup controls={ controls } />\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</ToolbarContext.Provider>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Fill>\n\t\t</StyleProvider>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/fill.js"],"names":["BlockControlsFill","group","controls","children","__experimentalShareWithChildBlocks","Fill","innerMarkup","document","fillProps","forwardedContext","reduce","inner","Provider","props"],"mappings":";;;;;;;;;;;AAGA;;AAQA;;AAXA;AACA;AACA;;AAMA;AACA;AACA;AAGe,SAASA,iBAAT,CAA4B;AAC1CC,EAAAA,KAAK,GAAG,SADkC;AAE1CC,EAAAA,QAF0C;AAG1CC,EAAAA,QAH0C;AAI1CC,EAAAA,kCAAkC,GAAG;AAJK,CAA5B,EAKX;AACH,QAAMC,IAAI,GAAG,mBACZJ,KADY,EAEZG,kCAFY,CAAb;;AAIA,MAAK,CAAEC,IAAP,EAAc;AACb,WAAO,IAAP;AACA;;AAED,QAAMC,WAAW,GAChB,qDACGL,KAAK,KAAK,SAAV,IAAuB,4BAAC,wBAAD;AAAc,IAAA,QAAQ,EAAGC;AAAzB,IAD1B,EAEGC,QAFH,CADD;AAOA,SACC,4BAAC,uCAAD;AAAe,IAAA,QAAQ,EAAGI;AAA1B,KACC,4BAAC,IAAD,QACKC,SAAF,IAAiB;AAClB;AACA;AACA,UAAM;AAAEC,MAAAA,gBAAgB,GAAG;AAArB,QAA4BD,SAAlC;AACA,WAAOC,gBAAgB,CAACC,MAAjB,CACN,CAAEC,KAAF,EAAS,CAAEC,QAAF,EAAYC,KAAZ,CAAT,KACC,4BAAC,QAAD,EAAeA,KAAf,EAAyBF,KAAzB,CAFK,EAINL,WAJM,CAAP;AAMA,GAXF,CADD,CADD;AAiBA","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"]}

package/build/components/block-controls/hook.js

@@ -43,9 +43,7 @@ function useBlockControlsFill(group, shareWithChildBlocks) {
   }, [shareWithChildBlocks, clientId]);
 
   if (isDisplayed) {
-    var _groups$group;
-
-    return (_groups$group = _groups.default[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Fill;
+    return _groups.default[group]?.Fill;
   }
 
   if (isParentDisplayed) {

package/build/components/block-controls/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/hook.js"],"names":["useBlockControlsFill","group","shareWithChildBlocks","isDisplayed","clientId","isParentDisplayed","select","getBlockName","hasSelectedInnerBlock","blockEditorStore","hasBlockSupport","blocksStore","groups","Fill","parent"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAZA;AACA;AACA;;AAIA;AACA;AACA;AAMe,SAASA,oBAAT,CAA+BC,KAA/B,EAAsCC,oBAAtC,EAA6D;AAC3E,QAAMC,WAAW,GAAG,uCAApB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAe,mCAArB;AACA,QAAMC,iBAAiB,GAAG,qBACvBC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,YAAF;AAAgBC,MAAAA;AAAhB,QACLF,MAAM,CAAEG,YAAF,CADP;AAEA,UAAM;AAAEC,MAAAA;AAAF,QAAsBJ,MAAM,CAAEK,aAAF,CAAlC;AACA,WACCT,oBAAoB,IACpBQ,eAAe,CACdH,YAAY,CAAEH,QAAF,CADE,EAEd,wCAFc,EAGd,KAHc,CADf,IAMAI,qBAAqB,CAAEJ,QAAF,CAPtB;AASA,GAdwB,EAezB,CAAEF,oBAAF,EAAwBE,QAAxB,CAfyB,CAA1B;;AAkBA,MAAKD,WAAL,EAAmB;AAAA;;AAClB,4BAAOS,gBAAQX,KAAR,CAAP,kDAAO,cAAiBY,IAAxB;AACA;;AACD,MAAKR,iBAAL,EAAyB;AACxB,WAAOO,gBAAOE,MAAP,CAAcD,IAArB;AACA;;AACD,SAAO,IAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockEditContext } from '../block-edit/context';\nimport useDisplayBlockControls from '../use-display-block-controls';\n\nexport default function useBlockControlsFill( group, shareWithChildBlocks ) {\n\tconst isDisplayed = useDisplayBlockControls();\n\tconst { clientId } = useBlockEditContext();\n\tconst isParentDisplayed = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { hasBlockSupport } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tshareWithChildBlocks &&\n\t\t\t\thasBlockSupport(\n\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t'__experimentalExposeControlsToChildren',\n\t\t\t\t\tfalse\n\t\t\t\t) &&\n\t\t\t\thasSelectedInnerBlock( clientId )\n\t\t\t);\n\t\t},\n\t\t[ shareWithChildBlocks, clientId ]\n\t);\n\n\tif ( isDisplayed ) {\n\t\treturn groups[ group ]?.Fill;\n\t}\n\tif ( isParentDisplayed ) {\n\t\treturn groups.parent.Fill;\n\t}\n\treturn null;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/hook.js"],"names":["useBlockControlsFill","group","shareWithChildBlocks","isDisplayed","clientId","isParentDisplayed","select","getBlockName","hasSelectedInnerBlock","blockEditorStore","hasBlockSupport","blocksStore","groups","Fill","parent"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAZA;AACA;AACA;;AAIA;AACA;AACA;AAMe,SAASA,oBAAT,CAA+BC,KAA/B,EAAsCC,oBAAtC,EAA6D;AAC3E,QAAMC,WAAW,GAAG,uCAApB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAe,mCAArB;AACA,QAAMC,iBAAiB,GAAG,qBACvBC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,YAAF;AAAgBC,MAAAA;AAAhB,QACLF,MAAM,CAAEG,YAAF,CADP;AAEA,UAAM;AAAEC,MAAAA;AAAF,QAAsBJ,MAAM,CAAEK,aAAF,CAAlC;AACA,WACCT,oBAAoB,IACpBQ,eAAe,CACdH,YAAY,CAAEH,QAAF,CADE,EAEd,wCAFc,EAGd,KAHc,CADf,IAMAI,qBAAqB,CAAEJ,QAAF,CAPtB;AASA,GAdwB,EAezB,CAAEF,oBAAF,EAAwBE,QAAxB,CAfyB,CAA1B;;AAkBA,MAAKD,WAAL,EAAmB;AAClB,WAAOS,gBAAQX,KAAR,GAAiBY,IAAxB;AACA;;AACD,MAAKR,iBAAL,EAAyB;AACxB,WAAOO,gBAAOE,MAAP,CAAcD,IAArB;AACA;;AACD,SAAO,IAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockEditContext } from '../block-edit/context';\nimport useDisplayBlockControls from '../use-display-block-controls';\n\nexport default function useBlockControlsFill( group, shareWithChildBlocks ) {\n\tconst isDisplayed = useDisplayBlockControls();\n\tconst { clientId } = useBlockEditContext();\n\tconst isParentDisplayed = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { hasBlockSupport } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tshareWithChildBlocks &&\n\t\t\t\thasBlockSupport(\n\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t'__experimentalExposeControlsToChildren',\n\t\t\t\t\tfalse\n\t\t\t\t) &&\n\t\t\t\thasSelectedInnerBlock( clientId )\n\t\t\t);\n\t\t},\n\t\t[ shareWithChildBlocks, clientId ]\n\t);\n\n\tif ( isDisplayed ) {\n\t\treturn groups[ group ]?.Fill;\n\t}\n\tif ( isParentDisplayed ) {\n\t\treturn groups.parent.Fill;\n\t}\n\treturn null;\n}\n"]}

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

@@ -17,6 +17,8 @@ var _warning = _interopRequireDefault(require("@wordpress/warning"));
 
 var _groups = _interopRequireDefault(require("./groups"));
 
+var _lockUnlock = require("../../lock-unlock");
+
 /**
  * WordPress dependencies
  */
@@ -24,36 +26,44 @@ var _groups = _interopRequireDefault(require("./groups"));
 /**
  * Internal dependencies
  */
-function BlockControlsSlot(_ref) {
-  var _groups$group;
+const {
+  ComponentsContext
+} = (0, _lockUnlock.unlock)(_components.privateApis);
 
-  let {
-    group = 'default',
-    ...props
-  } = _ref;
-  const accessibleToolbarState = (0, _element.useContext)(_components.__experimentalToolbarContext);
-  const Slot = (_groups$group = _groups.default[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Slot;
-  const fills = (0, _components.__experimentalUseSlotFills)(Slot === null || Slot === void 0 ? void 0 : Slot.__unstableName);
+function BlockControlsSlot({
+  group = 'default',
+  ...props
+}) {
+  const toolbarState = (0, _element.useContext)(_components.__experimentalToolbarContext);
+  const contextState = (0, _element.useContext)(ComponentsContext);
+  const fillProps = (0, _element.useMemo)(() => ({
+    forwardedContext: [[_components.__experimentalToolbarContext.Provider, {
+      value: toolbarState
+    }], [ComponentsContext.Provider, {
+      value: contextState
+    }]]
+  }), [toolbarState, contextState]);
+  const Slot = _groups.default[group]?.Slot;
+  const fills = (0, _components.__experimentalUseSlotFills)(Slot?.__unstableName);
 
   if (!Slot) {
     typeof process !== "undefined" && process.env && process.env.NODE_ENV !== "production" ? (0, _warning.default)(`Unknown BlockControls group "${group}" provided.`) : void 0;
     return null;
   }
 
-  if (!(fills !== null && fills !== void 0 && fills.length)) {
+  if (!fills?.length) {
     return null;
   }
 
+  const slot = (0, _element.createElement)(Slot, (0, _extends2.default)({}, props, {
+    bubblesVirtually: true,
+    fillProps: fillProps
+  }));
+
   if (group === 'default') {
-    return (0, _element.createElement)(Slot, (0, _extends2.default)({}, props, {
-      bubblesVirtually: true,
-      fillProps: accessibleToolbarState
-    }));
+    return slot;
   }
 
-  return (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(Slot, (0, _extends2.default)({}, props, {
-    bubblesVirtually: true,
-    fillProps: accessibleToolbarState
-  })));
+  return (0, _element.createElement)(_components.ToolbarGroup, null, slot);
 }
 //# sourceMappingURL=slot.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/slot.js"],"names":["BlockControlsSlot","group","props","accessibleToolbarState","ToolbarContext","Slot","groups","fills","__unstableName","length"],"mappings":";;;;;;;;;AAGA;;;;AACA;;AAKA;;AAKA;;AAdA;AACA;AACA;;AASA;AACA;AACA;AAGe,SAASA,iBAAT,OAA8D;AAAA;;AAAA,MAAlC;AAAEC,IAAAA,KAAK,GAAG,SAAV;AAAqB,OAAGC;AAAxB,GAAkC;AAC5E,QAAMC,sBAAsB,GAAG,yBAAYC,wCAAZ,CAA/B;AACA,QAAMC,IAAI,oBAAGC,gBAAQL,KAAR,CAAH,kDAAG,cAAiBI,IAA9B;AACA,QAAME,KAAK,GAAG,4CAAcF,IAAd,aAAcA,IAAd,uBAAcA,IAAI,CAAEG,cAApB,CAAd;;AACA,MAAK,CAAEH,IAAP,EAAc;AACb,mHAAU,gCAAgCJ,KAAO,aAAjD;AACA,WAAO,IAAP;AACA;;AAED,MAAK,EAAEM,KAAF,aAAEA,KAAF,eAAEA,KAAK,CAAEE,MAAT,CAAL,EAAuB;AACtB,WAAO,IAAP;AACA;;AAED,MAAKR,KAAK,KAAK,SAAf,EAA2B;AAC1B,WACC,4BAAC,IAAD,6BACMC,KADN;AAEC,MAAA,gBAAgB,MAFjB;AAGC,MAAA,SAAS,EAAGC;AAHb,OADD;AAOA;;AAED,SACC,4BAAC,wBAAD,QACC,4BAAC,IAAD,6BACMD,KADN;AAEC,IAAA,gBAAgB,MAFjB;AAGC,IAAA,SAAS,EAAGC;AAHb,KADD,CADD;AASA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\nimport {\n\t__experimentalToolbarContext as ToolbarContext,\n\tToolbarGroup,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\n\nexport default function BlockControlsSlot( { group = 'default', ...props } ) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\tconst Slot = groups[ group ]?.Slot;\n\tconst fills = useSlotFills( Slot?.__unstableName );\n\tif ( ! Slot ) {\n\t\twarning( `Unknown BlockControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\tif ( ! fills?.length ) {\n\t\treturn null;\n\t}\n\n\tif ( group === 'default' ) {\n\t\treturn (\n\t\t\t<Slot\n\t\t\t\t{ ...props }\n\t\t\t\tbubblesVirtually\n\t\t\t\tfillProps={ accessibleToolbarState }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<Slot\n\t\t\t\t{ ...props }\n\t\t\t\tbubblesVirtually\n\t\t\t\tfillProps={ accessibleToolbarState }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/slot.js"],"names":["ComponentsContext","privateApis","BlockControlsSlot","group","props","toolbarState","ToolbarContext","contextState","fillProps","forwardedContext","Provider","value","Slot","groups","fills","__unstableName","length","slot"],"mappings":";;;;;;;;;AAGA;;;;AACA;;AAMA;;AAKA;;AACA;;AAhBA;AACA;AACA;;AAUA;AACA;AACA;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAwB,wBAAQC,uBAAR,CAA9B;;AAEe,SAASC,iBAAT,CAA4B;AAAEC,EAAAA,KAAK,GAAG,SAAV;AAAqB,KAAGC;AAAxB,CAA5B,EAA8D;AAC5E,QAAMC,YAAY,GAAG,yBAAYC,wCAAZ,CAArB;AACA,QAAMC,YAAY,GAAG,yBAAYP,iBAAZ,CAArB;AACA,QAAMQ,SAAS,GAAG,sBACjB,OAAQ;AACPC,IAAAA,gBAAgB,EAAE,CACjB,CAAEH,yCAAeI,QAAjB,EAA2B;AAAEC,MAAAA,KAAK,EAAEN;AAAT,KAA3B,CADiB,EAEjB,CAAEL,iBAAiB,CAACU,QAApB,EAA8B;AAAEC,MAAAA,KAAK,EAAEJ;AAAT,KAA9B,CAFiB;AADX,GAAR,CADiB,EAOjB,CAAEF,YAAF,EAAgBE,YAAhB,CAPiB,CAAlB;AAUA,QAAMK,IAAI,GAAGC,gBAAQV,KAAR,GAAiBS,IAA9B;AACA,QAAME,KAAK,GAAG,4CAAcF,IAAI,EAAEG,cAApB,CAAd;;AACA,MAAK,CAAEH,IAAP,EAAc;AACb,mHAAU,gCAAgCT,KAAO,aAAjD;AACA,WAAO,IAAP;AACA;;AAED,MAAK,CAAEW,KAAK,EAAEE,MAAd,EAAuB;AACtB,WAAO,IAAP;AACA;;AAED,QAAMC,IAAI,GAAG,4BAAC,IAAD,6BAAWb,KAAX;AAAmB,IAAA,gBAAgB,MAAnC;AAAoC,IAAA,SAAS,EAAGI;AAAhD,KAAb;;AAEA,MAAKL,KAAK,KAAK,SAAf,EAA2B;AAC1B,WAAOc,IAAP;AACA;;AAED,SAAO,4BAAC,wBAAD,QAAgBA,IAAhB,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext, useMemo } from '@wordpress/element';\nimport {\n\tprivateApis,\n\t__experimentalToolbarContext as ToolbarContext,\n\tToolbarGroup,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport { unlock } from '../../lock-unlock';\n\nconst { ComponentsContext } = unlock( privateApis );\n\nexport default function BlockControlsSlot( { group = 'default', ...props } ) {\n\tconst toolbarState = useContext( ToolbarContext );\n\tconst contextState = useContext( ComponentsContext );\n\tconst fillProps = useMemo(\n\t\t() => ( {\n\t\t\tforwardedContext: [\n\t\t\t\t[ ToolbarContext.Provider, { value: toolbarState } ],\n\t\t\t\t[ ComponentsContext.Provider, { value: contextState } ],\n\t\t\t],\n\t\t} ),\n\t\t[ toolbarState, contextState ]\n\t);\n\n\tconst Slot = groups[ group ]?.Slot;\n\tconst fills = useSlotFills( Slot?.__unstableName );\n\tif ( ! Slot ) {\n\t\twarning( `Unknown BlockControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\tif ( ! fills?.length ) {\n\t\treturn null;\n\t}\n\n\tconst slot = <Slot { ...props } bubblesVirtually fillProps={ fillProps } />;\n\n\tif ( group === 'default' ) {\n\t\treturn slot;\n\t}\n\n\treturn <ToolbarGroup>{ slot }</ToolbarGroup>;\n}\n"]}

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

@@ -9,8 +9,6 @@ exports.default = BlockControlsSlot;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _components = require("@wordpress/components");
 
 var _warning = _interopRequireDefault(require("@wordpress/warning"));
@@ -24,15 +22,11 @@ var _groups = _interopRequireDefault(require("./groups"));
 /**
  * Internal dependencies
  */
-function BlockControlsSlot(_ref) {
-  var _groups$group;
-
-  let {
-    group = 'default',
-    ...props
-  } = _ref;
-  const accessibleToolbarState = (0, _element.useContext)(_components.__experimentalToolbarContext);
-  const Slot = (_groups$group = _groups.default[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Slot;
+function BlockControlsSlot({
+  group = 'default',
+  ...props
+}) {
+  const Slot = _groups.default[group]?.Slot;
 
   if (!Slot) {
     typeof process !== "undefined" && process.env && process.env.NODE_ENV !== "production" ? (0, _warning.default)(`Unknown BlockControls group "${group}" provided.`) : void 0;
@@ -40,14 +34,10 @@ function BlockControlsSlot(_ref) {
   }
 
   if (group === 'default') {
-    return (0, _element.createElement)(Slot, (0, _extends2.default)({}, props, {
-      fillProps: accessibleToolbarState
-    }));
+    return (0, _element.createElement)(Slot, props);
   }
 
-  return (0, _element.createElement)(Slot, (0, _extends2.default)({}, props, {
-    fillProps: accessibleToolbarState
-  }), fills => {
+  return (0, _element.createElement)(Slot, props, fills => {
     if (!fills.length) {
       return null;
     }

package/build/components/block-controls/slot.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/slot.native.js"],"names":["BlockControlsSlot","group","props","accessibleToolbarState","ToolbarContext","Slot","groups","fills","length"],"mappings":";;;;;;;;;AAGA;;;;AACA;;AAIA;;AAKA;;AAbA;AACA;AACA;;AAQA;AACA;AACA;AAGe,SAASA,iBAAT,OAA8D;AAAA;;AAAA,MAAlC;AAAEC,IAAAA,KAAK,GAAG,SAAV;AAAqB,OAAGC;AAAxB,GAAkC;AAC5E,QAAMC,sBAAsB,GAAG,yBAAYC,wCAAZ,CAA/B;AACA,QAAMC,IAAI,oBAAGC,gBAAQL,KAAR,CAAH,kDAAG,cAAiBI,IAA9B;;AACA,MAAK,CAAEA,IAAP,EAAc;AACb,mHAAU,gCAAgCJ,KAAO,aAAjD;AACA,WAAO,IAAP;AACA;;AAED,MAAKA,KAAK,KAAK,SAAf,EAA2B;AAC1B,WAAO,4BAAC,IAAD,6BAAWC,KAAX;AAAmB,MAAA,SAAS,EAAGC;AAA/B,OAAP;AACA;;AAED,SACC,4BAAC,IAAD,6BAAWD,KAAX;AAAmB,IAAA,SAAS,EAAGC;AAA/B,MACKI,KAAF,IAAa;AACd,QAAK,CAAEA,KAAK,CAACC,MAAb,EAAsB;AACrB,aAAO,IAAP;AACA;;AACD,WAAO,4BAAC,wBAAD,QAAgBD,KAAhB,CAAP;AACA,GANF,CADD;AAUA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\nimport {\n\t__experimentalToolbarContext as ToolbarContext,\n\tToolbarGroup,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\n\nexport default function BlockControlsSlot( { group = 'default', ...props } ) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\tconst Slot = groups[ group ]?.Slot;\n\tif ( ! Slot ) {\n\t\twarning( `Unknown BlockControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\tif ( group === 'default' ) {\n\t\treturn <Slot { ...props } fillProps={ accessibleToolbarState } />;\n\t}\n\n\treturn (\n\t\t<Slot { ...props } fillProps={ accessibleToolbarState }>\n\t\t\t{ ( fills ) => {\n\t\t\t\tif ( ! fills.length ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn <ToolbarGroup>{ fills }</ToolbarGroup>;\n\t\t\t} }\n\t\t</Slot>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/slot.native.js"],"names":["BlockControlsSlot","group","props","Slot","groups","fills","length"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGe,SAASA,iBAAT,CAA4B;AAAEC,EAAAA,KAAK,GAAG,SAAV;AAAqB,KAAGC;AAAxB,CAA5B,EAA8D;AAC5E,QAAMC,IAAI,GAAGC,gBAAQH,KAAR,GAAiBE,IAA9B;;AACA,MAAK,CAAEA,IAAP,EAAc;AACb,mHAAU,gCAAgCF,KAAO,aAAjD;AACA,WAAO,IAAP;AACA;;AAED,MAAKA,KAAK,KAAK,SAAf,EAA2B;AAC1B,WAAO,4BAAC,IAAD,EAAWC,KAAX,CAAP;AACA;;AAED,SACC,4BAAC,IAAD,EAAWA,KAAX,EACKG,KAAF,IAAa;AACd,QAAK,CAAEA,KAAK,CAACC,MAAb,EAAsB;AACrB,aAAO,IAAP;AACA;;AACD,WAAO,4BAAC,wBAAD,QAAgBD,KAAhB,CAAP;AACA,GANF,CADD;AAUA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarGroup } from '@wordpress/components';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\n\nexport default function BlockControlsSlot( { group = 'default', ...props } ) {\n\tconst Slot = groups[ group ]?.Slot;\n\tif ( ! Slot ) {\n\t\twarning( `Unknown BlockControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\tif ( group === 'default' ) {\n\t\treturn <Slot { ...props } />;\n\t}\n\n\treturn (\n\t\t<Slot { ...props }>\n\t\t\t{ ( fills ) => {\n\t\t\t\tif ( ! fills.length ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn <ToolbarGroup>{ fills }</ToolbarGroup>;\n\t\t\t} }\n\t\t</Slot>\n\t);\n}\n"]}

package/build/components/block-draggable/draggable-chip.js

@@ -24,12 +24,11 @@ var _blockIcon = _interopRequireDefault(require("../block-icon"));
 /**
  * Internal dependencies
  */
-function BlockDraggableChip(_ref) {
-  let {
-    count,
-    icon,
-    isPattern
-  } = _ref;
+function BlockDraggableChip({
+  count,
+  icon,
+  isPattern
+}) {
   const patternLabel = isPattern && (0, _i18n.__)('Pattern');
   return (0, _element.createElement)("div", {
     className: "block-editor-block-draggable-chip-wrapper"

package/build/components/block-draggable/draggable-chip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-draggable/draggable-chip.js"],"names":["BlockDraggableChip","count","icon","isPattern","patternLabel","dragHandle"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;AAGe,SAASA,kBAAT,OAA0D;AAAA,MAA7B;AAAEC,IAAAA,KAAF;AAASC,IAAAA,IAAT;AAAeC,IAAAA;AAAf,GAA6B;AACxE,QAAMC,YAAY,GAAGD,SAAS,IAAI,cAAI,SAAJ,CAAlC;AACA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AACC,IAAA,SAAS,EAAC,mCADX;AAEC,mBAAY;AAFb,KAIC,4BAAC,gBAAD;AACC,IAAA,OAAO,EAAC,QADT;AAEC,IAAA,SAAS,EAAC;AAFX,KAIC,4BAAC,oBAAD,QACGD,IAAI,GACL,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGA;AAAlB,IADK,GAGLE,YAAY,IACZ;AACC;AACA,gBAAI,UAAJ,EAAgB,WAAhB,EAA6BH,KAA7B,CAFD,EAGCA,KAHD,CALF,CAJD,EAgBC,4BAAC,oBAAD,QACC,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGI;AAAlB,IADD,CAhBD,CAJD,CADD,CADD;AA6BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { Flex, FlexItem } from '@wordpress/components';\nimport { dragHandle } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\n\nexport default function BlockDraggableChip( { count, icon, isPattern } ) {\n\tconst patternLabel = isPattern && __( 'Pattern' );\n\treturn (\n\t\t<div className=\"block-editor-block-draggable-chip-wrapper\">\n\t\t\t<div\n\t\t\t\tclassName=\"block-editor-block-draggable-chip\"\n\t\t\t\tdata-testid=\"block-draggable-chip\"\n\t\t\t>\n\t\t\t\t<Flex\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\tclassName=\"block-editor-block-draggable-chip__content\"\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t{ icon ? (\n\t\t\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tpatternLabel ||\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t/* translators: %d: Number of blocks. */\n\t\t\t\t\t\t\t\t_n( '%d block', '%d blocks', count ),\n\t\t\t\t\t\t\t\tcount\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<BlockIcon icon={ dragHandle } />\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-draggable/draggable-chip.js"],"names":["BlockDraggableChip","count","icon","isPattern","patternLabel","dragHandle"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;AAGe,SAASA,kBAAT,CAA6B;AAAEC,EAAAA,KAAF;AAASC,EAAAA,IAAT;AAAeC,EAAAA;AAAf,CAA7B,EAA0D;AACxE,QAAMC,YAAY,GAAGD,SAAS,IAAI,cAAI,SAAJ,CAAlC;AACA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AACC,IAAA,SAAS,EAAC,mCADX;AAEC,mBAAY;AAFb,KAIC,4BAAC,gBAAD;AACC,IAAA,OAAO,EAAC,QADT;AAEC,IAAA,SAAS,EAAC;AAFX,KAIC,4BAAC,oBAAD,QACGD,IAAI,GACL,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGA;AAAlB,IADK,GAGLE,YAAY,IACZ;AACC;AACA,gBAAI,UAAJ,EAAgB,WAAhB,EAA6BH,KAA7B,CAFD,EAGCA,KAHD,CALF,CAJD,EAgBC,4BAAC,oBAAD,QACC,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGI;AAAlB,IADD,CAhBD,CAJD,CADD,CADD;AA6BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { Flex, FlexItem } from '@wordpress/components';\nimport { dragHandle } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\n\nexport default function BlockDraggableChip( { count, icon, isPattern } ) {\n\tconst patternLabel = isPattern && __( 'Pattern' );\n\treturn (\n\t\t<div className=\"block-editor-block-draggable-chip-wrapper\">\n\t\t\t<div\n\t\t\t\tclassName=\"block-editor-block-draggable-chip\"\n\t\t\t\tdata-testid=\"block-draggable-chip\"\n\t\t\t>\n\t\t\t\t<Flex\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\tclassName=\"block-editor-block-draggable-chip__content\"\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t{ icon ? (\n\t\t\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tpatternLabel ||\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t/* translators: %d: Number of blocks. */\n\t\t\t\t\t\t\t\t_n( '%d block', '%d blocks', count ),\n\t\t\t\t\t\t\t\tcount\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<BlockIcon icon={ dragHandle } />\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/build/components/block-draggable/draggable-chip.native.js

@@ -48,10 +48,9 @@ const shadowStyle = {
  * @return {JSX.Element} Chip component.
  */
 
-function BlockDraggableChip(_ref) {
-  let {
-    icon
-  } = _ref;
+function BlockDraggableChip({
+  icon
+}) {
   const containerStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default['draggable-chip__container'], _style.default['draggable-chip__container--dark']);
   return (0, _element.createElement)(_reactNative.View, {
     style: [containerStyle, shadowStyle],

package/build/components/block-draggable/draggable-chip.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-draggable/draggable-chip.native.js"],"names":["shadowStyle","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","BlockDraggableChip","icon","containerStyle","styles","dragHandle"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAIA,MAAMA,WAAW,GAAG;AACnBC,EAAAA,WAAW,EAAE,MADM;AAEnBC,EAAAA,YAAY,EAAE;AACbC,IAAAA,KAAK,EAAE,CADM;AAEbC,IAAAA,MAAM,EAAE;AAFK,GAFK;AAMnBC,EAAAA,aAAa,EAAE,IANI;AAOnBC,EAAAA,YAAY,EAAE,IAPK;AASnBC,EAAAA,SAAS,EAAE;AATQ,CAApB;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;;AACe,SAASC,kBAAT,OAAwC;AAAA,MAAX;AAAEC,IAAAA;AAAF,GAAW;AACtD,QAAMC,cAAc,GAAG,2CACtBC,eAAQ,2BAAR,CADsB,EAEtBA,eAAQ,iCAAR,CAFsB,CAAvB;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAG,CAAED,cAAF,EAAkBV,WAAlB,CAAd;AAAgD,IAAA,MAAM,EAAC;AAAvD,KACC,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGY;AAAlB,IADD,EAEGH,IAAI,IAAI,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGA;AAAlB,IAFX,CADD;AAMA","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { dragHandle } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport styles from './style.scss';\n\nconst shadowStyle = {\n\tshadowColor: '#000',\n\tshadowOffset: {\n\t\twidth: 0,\n\t\theight: 2,\n\t},\n\tshadowOpacity: 0.25,\n\tshadowRadius: 3.84,\n\n\televation: 5,\n};\n\n/**\n * Block draggable chip component\n *\n * @param {Object} props        Component props.\n * @param {Object} [props.icon] Block icon.\n * @return {JSX.Element} Chip component.\n */\nexport default function BlockDraggableChip( { icon } ) {\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'draggable-chip__container' ],\n\t\tstyles[ 'draggable-chip__container--dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ [ containerStyle, shadowStyle ] } testID=\"draggable-chip\">\n\t\t\t<BlockIcon icon={ dragHandle } />\n\t\t\t{ icon && <BlockIcon icon={ icon } /> }\n\t\t</View>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-draggable/draggable-chip.native.js"],"names":["shadowStyle","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","BlockDraggableChip","icon","containerStyle","styles","dragHandle"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAIA,MAAMA,WAAW,GAAG;AACnBC,EAAAA,WAAW,EAAE,MADM;AAEnBC,EAAAA,YAAY,EAAE;AACbC,IAAAA,KAAK,EAAE,CADM;AAEbC,IAAAA,MAAM,EAAE;AAFK,GAFK;AAMnBC,EAAAA,aAAa,EAAE,IANI;AAOnBC,EAAAA,YAAY,EAAE,IAPK;AASnBC,EAAAA,SAAS,EAAE;AATQ,CAApB;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;;AACe,SAASC,kBAAT,CAA6B;AAAEC,EAAAA;AAAF,CAA7B,EAAwC;AACtD,QAAMC,cAAc,GAAG,2CACtBC,eAAQ,2BAAR,CADsB,EAEtBA,eAAQ,iCAAR,CAFsB,CAAvB;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAG,CAAED,cAAF,EAAkBV,WAAlB,CAAd;AAAgD,IAAA,MAAM,EAAC;AAAvD,KACC,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGY;AAAlB,IADD,EAEGH,IAAI,IAAI,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGA;AAAlB,IAFX,CADD;AAMA","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { dragHandle } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport styles from './style.scss';\n\nconst shadowStyle = {\n\tshadowColor: '#000',\n\tshadowOffset: {\n\t\twidth: 0,\n\t\theight: 2,\n\t},\n\tshadowOpacity: 0.25,\n\tshadowRadius: 3.84,\n\n\televation: 5,\n};\n\n/**\n * Block draggable chip component\n *\n * @param {Object} props        Component props.\n * @param {Object} [props.icon] Block icon.\n * @return {JSX.Element} Chip component.\n */\nexport default function BlockDraggableChip( { icon } ) {\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'draggable-chip__container' ],\n\t\tstyles[ 'draggable-chip__container--dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ [ containerStyle, shadowStyle ] } testID=\"draggable-chip\">\n\t\t\t<BlockIcon icon={ dragHandle } />\n\t\t\t{ icon && <BlockIcon icon={ icon } /> }\n\t\t</View>\n\t);\n}\n"]}

package/build/components/block-draggable/dropping-insertion-point.native.js

@@ -52,13 +52,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *
  * @return {JSX.Element} The component to be rendered.
  */
-function DroppingInsertionPoint(_ref) {
-  let {
-    scroll,
-    currentYPosition,
-    isDragging,
-    targetBlockIndex
-  } = _ref;
+function DroppingInsertionPoint({
+  scroll,
+  currentYPosition,
+  isDragging,
+  targetBlockIndex
+}) {
   const {
     getBlockOrder,
     isBlockBeingDragged,