@wordpress/block-editor 12.6.0 → 12.8.0

package/build/components/block-variation-picker/index.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _icons = require("@wordpress/icons");
-
 /**
  * External dependencies
  */
@@ -24,6 +17,7 @@ var _icons = require("@wordpress/icons");
 /**
  * WordPress dependencies
  */
+
 function BlockVariationPicker({
   icon = _icons.layout,
   label = (0, _i18n.__)('Choose variation'),
@@ -62,7 +56,6 @@ function BlockVariationPicker({
     onClick: () => onSelect()
   }, (0, _i18n.__)('Skip'))));
 }
-
 var _default = BlockVariationPicker;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/build/components/block-variation-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-variation-picker/index.js"],"names":["BlockVariationPicker","icon","layout","label","instructions","variations","onSelect","allowSkip","classes","length","map","variation","name","src","description","title"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;AAKA,SAASA,oBAAT,CAA+B;AAC9BC,EAAAA,IAAI,GAAGC,aADuB;AAE9BC,EAAAA,KAAK,GAAG,cAAI,kBAAJ,CAFsB;AAG9BC,EAAAA,YAAY,GAAG,cAAI,mCAAJ,CAHe;AAI9BC,EAAAA,UAJ8B;AAK9BC,EAAAA,QAL8B;AAM9BC,EAAAA;AAN8B,CAA/B,EAOI;AACH,QAAMC,OAAO,GAAG,yBAAY,qCAAZ,EAAmD;AAClE,2BAAuBH,UAAU,CAACI,MAAX,GAAoB;AADuB,GAAnD,CAAhB;AAIA,SACC,4BAAC,uBAAD;AACC,IAAA,IAAI,EAAGR,IADR;AAEC,IAAA,KAAK,EAAGE,KAFT;AAGC,IAAA,YAAY,EAAGC,YAHhB;AAIC,IAAA,SAAS,EAAGI;AAJb,KAWC;AACC,IAAA,SAAS,EAAC,iDADX;AAEC,IAAA,IAAI,EAAC,MAFN;AAGC,kBAAa,cAAI,kBAAJ;AAHd,KAKGH,UAAU,CAACK,GAAX,CAAkBC,SAAF,IACjB;AAAI,IAAA,GAAG,EAAGA,SAAS,CAACC;AAApB,KACC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,WADT;AAEC,IAAA,IAAI,EACHD,SAAS,CAACV,IAAV,IAAkBU,SAAS,CAACV,IAAV,CAAeY,GAAjC,GACGF,SAAS,CAACV,IAAV,CAAeY,GADlB,GAEGF,SAAS,CAACV,IALf;AAOC,IAAA,QAAQ,EAAG,EAPZ;AAQC,IAAA,OAAO,EAAG,MAAMK,QAAQ,CAAEK,SAAF,CARzB;AASC,IAAA,SAAS,EAAC,gDATX;AAUC,IAAA,KAAK,EAAGA,SAAS,CAACG,WAAV,IAAyBH,SAAS,CAACI;AAV5C,IADD,EAaC;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGJ,SAAS,CAACI,KADb,CAbD,CADC,CALH,CAXD,EAqCGR,SAAS,IACV;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,kBAAD;AAAQ,IAAA,OAAO,EAAC,MAAhB;AAAuB,IAAA,OAAO,EAAG,MAAMD,QAAQ;AAA/C,KACG,cAAI,MAAJ,CADH,CADD,CAtCF,CADD;AA+CA;;eAEcN,oB","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, Placeholder } from '@wordpress/components';\nimport { layout } from '@wordpress/icons';\n\nfunction BlockVariationPicker( {\n\ticon = layout,\n\tlabel = __( 'Choose variation' ),\n\tinstructions = __( 'Select a variation to start with.' ),\n\tvariations,\n\tonSelect,\n\tallowSkip,\n} ) {\n\tconst classes = classnames( 'block-editor-block-variation-picker', {\n\t\t'has-many-variations': variations.length > 4,\n\t} );\n\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ icon }\n\t\t\tlabel={ label }\n\t\t\tinstructions={ instructions }\n\t\t\tclassName={ classes }\n\t\t>\n\t\t\t{ /*\n\t\t\t * Disable reason: The `list` ARIA role is redundant but\n\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t */\n\t\t\t/* eslint-disable jsx-a11y/no-redundant-roles */ }\n\t\t\t<ul\n\t\t\t\tclassName=\"block-editor-block-variation-picker__variations\"\n\t\t\t\trole=\"list\"\n\t\t\t\taria-label={ __( 'Block variations' ) }\n\t\t\t>\n\t\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t\t<li key={ variation.name }>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\tvariation.icon && variation.icon.src\n\t\t\t\t\t\t\t\t\t? variation.icon.src\n\t\t\t\t\t\t\t\t\t: variation.icon\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticonSize={ 48 }\n\t\t\t\t\t\t\tonClick={ () => onSelect( variation ) }\n\t\t\t\t\t\t\tclassName=\"block-editor-block-variation-picker__variation\"\n\t\t\t\t\t\t\tlabel={ variation.description || variation.title }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span className=\"block-editor-block-variation-picker__variation-label\">\n\t\t\t\t\t\t\t{ variation.title }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</li>\n\t\t\t\t) ) }\n\t\t\t</ul>\n\t\t\t{ /* eslint-enable jsx-a11y/no-redundant-roles */ }\n\t\t\t{ allowSkip && (\n\t\t\t\t<div className=\"block-editor-block-variation-picker__skip\">\n\t\t\t\t\t<Button variant=\"link\" onClick={ () => onSelect() }>\n\t\t\t\t\t\t{ __( 'Skip' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</Placeholder>\n\t);\n}\n\nexport default BlockVariationPicker;\n"]}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_icons","BlockVariationPicker","icon","layout","label","__","instructions","variations","onSelect","allowSkip","classes","classnames","length","_element","createElement","Placeholder","className","role","map","variation","key","name","Button","variant","src","iconSize","onClick","description","title","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-variation-picker/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, Placeholder } from '@wordpress/components';\nimport { layout } from '@wordpress/icons';\n\nfunction BlockVariationPicker( {\n\ticon = layout,\n\tlabel = __( 'Choose variation' ),\n\tinstructions = __( 'Select a variation to start with.' ),\n\tvariations,\n\tonSelect,\n\tallowSkip,\n} ) {\n\tconst classes = classnames( 'block-editor-block-variation-picker', {\n\t\t'has-many-variations': variations.length > 4,\n\t} );\n\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ icon }\n\t\t\tlabel={ label }\n\t\t\tinstructions={ instructions }\n\t\t\tclassName={ classes }\n\t\t>\n\t\t\t{ /*\n\t\t\t * Disable reason: The `list` ARIA role is redundant but\n\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t */\n\t\t\t/* eslint-disable jsx-a11y/no-redundant-roles */ }\n\t\t\t<ul\n\t\t\t\tclassName=\"block-editor-block-variation-picker__variations\"\n\t\t\t\trole=\"list\"\n\t\t\t\taria-label={ __( 'Block variations' ) }\n\t\t\t>\n\t\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t\t<li key={ variation.name }>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\tvariation.icon && variation.icon.src\n\t\t\t\t\t\t\t\t\t? variation.icon.src\n\t\t\t\t\t\t\t\t\t: variation.icon\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticonSize={ 48 }\n\t\t\t\t\t\t\tonClick={ () => onSelect( variation ) }\n\t\t\t\t\t\t\tclassName=\"block-editor-block-variation-picker__variation\"\n\t\t\t\t\t\t\tlabel={ variation.description || variation.title }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span className=\"block-editor-block-variation-picker__variation-label\">\n\t\t\t\t\t\t\t{ variation.title }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</li>\n\t\t\t\t) ) }\n\t\t\t</ul>\n\t\t\t{ /* eslint-enable jsx-a11y/no-redundant-roles */ }\n\t\t\t{ allowSkip && (\n\t\t\t\t<div className=\"block-editor-block-variation-picker__skip\">\n\t\t\t\t\t<Button variant=\"link\" onClick={ () => onSelect() }>\n\t\t\t\t\t\t{ __( 'Skip' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</Placeholder>\n\t);\n}\n\nexport default BlockVariationPicker;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,SAASI,oBAAoBA,CAAE;EAC9BC,IAAI,GAAGC,aAAM;EACbC,KAAK,GAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAC;EAChCC,YAAY,GAAG,IAAAD,QAAE,EAAE,mCAAoC,CAAC;EACxDE,UAAU;EACVC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAE,qCAAqC,EAAE;IAClE,qBAAqB,EAAEJ,UAAU,CAACK,MAAM,GAAG;EAC5C,CAAE,CAAC;EAEH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,WAAW;IACXb,IAAI,EAAGA,IAAM;IACbE,KAAK,EAAGA,KAAO;IACfE,YAAY,EAAGA,YAAc;IAC7BU,SAAS,EAAGN;EAAS,GAOrB,IAAAG,QAAA,CAAAC,aAAA;IACCE,SAAS,EAAC,iDAAiD;IAC3DC,IAAI,EAAC,MAAM;IACX,cAAa,IAAAZ,QAAE,EAAE,kBAAmB;EAAG,GAErCE,UAAU,CAACW,GAAG,CAAIC,SAAS,IAC5B,IAAAN,QAAA,CAAAC,aAAA;IAAIM,GAAG,EAAGD,SAAS,CAACE;EAAM,GACzB,IAAAR,QAAA,CAAAC,aAAA,EAACf,WAAA,CAAAuB,MAAM;IACNC,OAAO,EAAC,WAAW;IACnBrB,IAAI,EACHiB,SAAS,CAACjB,IAAI,IAAIiB,SAAS,CAACjB,IAAI,CAACsB,GAAG,GACjCL,SAAS,CAACjB,IAAI,CAACsB,GAAG,GAClBL,SAAS,CAACjB,IACb;IACDuB,QAAQ,EAAG,EAAI;IACfC,OAAO,EAAGA,CAAA,KAAMlB,QAAQ,CAAEW,SAAU,CAAG;IACvCH,SAAS,EAAC,gDAAgD;IAC1DZ,KAAK,EAAGe,SAAS,CAACQ,WAAW,IAAIR,SAAS,CAACS;EAAO,CAClD,CAAC,EACF,IAAAf,QAAA,CAAAC,aAAA;IAAME,SAAS,EAAC;EAAsD,GACnEG,SAAS,CAACS,KACP,CACH,CACH,CACC,CAAC,EAEHnB,SAAS,IACV,IAAAI,QAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAA2C,GACzD,IAAAH,QAAA,CAAAC,aAAA,EAACf,WAAA,CAAAuB,MAAM;IAACC,OAAO,EAAC,MAAM;IAACG,OAAO,EAAGA,CAAA,KAAMlB,QAAQ,CAAC;EAAG,GAChD,IAAAH,QAAE,EAAE,MAAO,CACN,CACJ,CAEM,CAAC;AAEhB;AAAC,IAAAwB,QAAA,GAEc5B,oBAAoB;AAAA6B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/block-variation-picker/index.native.js

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _data = require("@wordpress/data");
-
 var _compose = require("@wordpress/compose");
-
 var _blocks = require("@wordpress/blocks");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _icons = require("@wordpress/icons");
-
 var _style = _interopRequireDefault(require("./style.scss"));
-
 var _store = require("../../store");
-
 /**
  * External dependencies
  */
@@ -38,13 +26,13 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
+
 const hitSlop = {
   top: 22,
   bottom: 22,
   left: 22,
   right: 22
 };
-
 function BlockVariationPicker({
   isVisible,
   onClose,
@@ -56,7 +44,7 @@ function BlockVariationPicker({
   } = (0, _data.useDispatch)(_store.store);
   const isIOS = _reactNative.Platform.OS === 'ios';
   const cancelButtonStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.cancelButton, _style.default.cancelButtonDark);
-  const leftButton = (0, _element.useMemo)(() => (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+  const leftButton = (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
     onPress: onClose,
     hitSlop: hitSlop
   }, (0, _element.createElement)(_reactNative.View, null, isIOS ? (0, _element.createElement)(_reactNative.Text, {
@@ -66,14 +54,12 @@ function BlockVariationPicker({
     icon: _icons.close,
     size: 24,
     style: _style.default.closeIcon
-  }))), [onClose, cancelButtonStyle]);
-
+  })));
   const onVariationSelect = variation => {
     replaceInnerBlocks(clientId, (0, _blocks.createBlocksFromInnerBlocksTemplate)(variation.innerBlocks));
     onClose();
   };
-
-  return (0, _element.useMemo)(() => (0, _element.createElement)(_components.BottomSheet, {
+  return (0, _element.createElement)(_components.BottomSheet, {
     isVisible: isVisible,
     onClose: onClose,
     title: (0, _i18n.__)('Select a layout'),
@@ -85,25 +71,14 @@ function BlockVariationPicker({
     showsHorizontalScrollIndicator: false,
     contentContainerStyle: _style.default.contentContainerStyle,
     style: _style.default.containerStyle
-  }, variations.map(v => {
-    return (0, _element.createElement)(_components.InserterButton, {
-      item: v,
-      key: v.name,
-      onSelect: () => onVariationSelect(v)
-    });
-  })), (0, _element.createElement)(_components.PanelBody, null, (0, _element.createElement)(_components.FooterMessageControl, {
+  }, variations.map(v => (0, _element.createElement)(_components.InserterButton, {
+    item: v,
+    key: v.name,
+    onSelect: () => onVariationSelect(v)
+  }))), (0, _element.createElement)(_components.PanelBody, null, (0, _element.createElement)(_components.FooterMessageControl, {
     label: (0, _i18n.__)('Note: Column layout may vary between themes and screen sizes')
-  }))), [variations, isVisible, onClose]);
+  })));
 }
-
-var _default = (0, _compose.compose)((0, _data.withSelect)((select, {}) => {
-  const {
-    getBlockVariations
-  } = select(_blocks.store);
-  return {
-    date: getBlockVariations('core/columns', 'block')
-  };
-}))(BlockVariationPicker);
-
+var _default = BlockVariationPicker;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/build/components/block-variation-picker/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-variation-picker/index.native.js"],"names":["hitSlop","top","bottom","left","right","BlockVariationPicker","isVisible","onClose","clientId","variations","replaceInnerBlocks","blockEditorStore","isIOS","Platform","OS","cancelButtonStyle","styles","cancelButton","cancelButtonDark","leftButton","close","closeIcon","onVariationSelect","variation","innerBlocks","contentStyle","contentContainerStyle","containerStyle","map","v","name","select","getBlockVariations","blocksStore","date"],"mappings":";;;;;;;;;AA4BA;;AAzBA;;AAWA;;AACA;;AACA;;AAIA;;AACA;;AAMA;;AAMA;;AACA;;AAlCA;AACA;AACA;;AASA;AACA;AACA;;AAiBA;AACA;AACA;AAIA,MAAMA,OAAO,GAAG;AAAEC,EAAAA,GAAG,EAAE,EAAP;AAAWC,EAAAA,MAAM,EAAE,EAAnB;AAAuBC,EAAAA,IAAI,EAAE,EAA7B;AAAiCC,EAAAA,KAAK,EAAE;AAAxC,CAAhB;;AAEA,SAASC,oBAAT,CAA+B;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,OAAb;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA;AAAhC,CAA/B,EAA8E;AAC7E,QAAM;AAAEC,IAAAA;AAAF,MAAyB,uBAAaC,YAAb,CAA/B;AACA,QAAMC,KAAK,GAAGC,sBAASC,EAAT,KAAgB,KAA9B;AAEA,QAAMC,iBAAiB,GAAG,2CACzBC,eAAOC,YADkB,EAEzBD,eAAOE,gBAFkB,CAA1B;AAKA,QAAMC,UAAU,GAAG,sBAClB,MACC,4BAAC,qCAAD;AAA0B,IAAA,OAAO,EAAGZ,OAApC;AAA8C,IAAA,OAAO,EAAGP;AAAxD,KACC,4BAAC,iBAAD,QACGY,KAAK,GACN,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAGG,iBADT;AAEC,IAAA,qBAAqB,EAAG;AAFzB,KAIG,cAAI,QAAJ,CAJH,CADM,GAQN,4BAAC,WAAD;AACC,IAAA,IAAI,EAAGK,YADR;AAEC,IAAA,IAAI,EAAG,EAFR;AAGC,IAAA,KAAK,EAAGJ,eAAOK;AAHhB,IATF,CADD,CAFiB,EAqBlB,CAAEd,OAAF,EAAWQ,iBAAX,CArBkB,CAAnB;;AAwBA,QAAMO,iBAAiB,GAAKC,SAAF,IAAiB;AAC1Cb,IAAAA,kBAAkB,CACjBF,QADiB,EAEjB,iDAAqCe,SAAS,CAACC,WAA/C,CAFiB,CAAlB;AAIAjB,IAAAA,OAAO;AACP,GAND;;AAQA,SAAO,sBACN,MACC,4BAAC,uBAAD;AACC,IAAA,SAAS,EAAGD,SADb;AAEC,IAAA,OAAO,EAAGC,OAFX;AAGC,IAAA,KAAK,EAAG,cAAI,iBAAJ,CAHT;AAIC,IAAA,YAAY,EAAGS,eAAOS,YAJvB;AAKC,IAAA,UAAU,EAAGN,UALd;AAMC,IAAA,MAAM,EAAC;AANR,KAQC,4BAAC,uBAAD;AACC,IAAA,UAAU,MADX;AAEC,IAAA,8BAA8B,EAAG,KAFlC;AAGC,IAAA,qBAAqB,EAAGH,eAAOU,qBAHhC;AAIC,IAAA,KAAK,EAAGV,eAAOW;AAJhB,KAMGlB,UAAU,CAACmB,GAAX,CAAkBC,CAAF,IAAS;AAC1B,WACC,4BAAC,0BAAD;AACC,MAAA,IAAI,EAAGA,CADR;AAEC,MAAA,GAAG,EAAGA,CAAC,CAACC,IAFT;AAGC,MAAA,QAAQ,EAAG,MAAMR,iBAAiB,CAAEO,CAAF;AAHnC,MADD;AAOA,GARC,CANH,CARD,EAwBC,4BAAC,qBAAD,QACC,4BAAC,gCAAD;AACC,IAAA,KAAK,EAAG,cACP,8DADO;AADT,IADD,CAxBD,CAFK,EAmCN,CAAEpB,UAAF,EAAcH,SAAd,EAAyBC,OAAzB,CAnCM,CAAP;AAqCA;;eAEc,sBACd,sBAAY,CAAEwB,MAAF,EAAU,EAAV,KAAkB;AAC7B,QAAM;AAAEC,IAAAA;AAAF,MAAyBD,MAAM,CAAEE,aAAF,CAArC;AAEA,SAAO;AACNC,IAAAA,IAAI,EAAEF,kBAAkB,CAAE,cAAF,EAAkB,OAAlB;AADlB,GAAP;AAGA,CAND,CADc,EAQZ3B,oBARY,C","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tScrollView,\n\tView,\n\tText,\n\tTouchableWithoutFeedback,\n\tPlatform,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withSelect, useDispatch } from '@wordpress/data';\nimport { compose, usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport {\n\tcreateBlocksFromInnerBlocksTemplate,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tPanelBody,\n\tBottomSheet,\n\tFooterMessageControl,\n\tInserterButton,\n} from '@wordpress/components';\nimport { Icon, close } from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { store as blockEditorStore } from '../../store';\n\nconst hitSlop = { top: 22, bottom: 22, left: 22, right: 22 };\n\nfunction BlockVariationPicker( { isVisible, onClose, clientId, variations } ) {\n\tconst { replaceInnerBlocks } = useDispatch( blockEditorStore );\n\tconst isIOS = Platform.OS === 'ios';\n\n\tconst cancelButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.cancelButton,\n\t\tstyles.cancelButtonDark\n\t);\n\n\tconst leftButton = useMemo(\n\t\t() => (\n\t\t\t<TouchableWithoutFeedback onPress={ onClose } hitSlop={ hitSlop }>\n\t\t\t\t<View>\n\t\t\t\t\t{ isIOS ? (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={ cancelButtonStyle }\n\t\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ close }\n\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\tstyle={ styles.closeIcon }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t),\n\t\t[ onClose, cancelButtonStyle ]\n\t);\n\n\tconst onVariationSelect = ( variation ) => {\n\t\treplaceInnerBlocks(\n\t\t\tclientId,\n\t\t\tcreateBlocksFromInnerBlocksTemplate( variation.innerBlocks )\n\t\t);\n\t\tonClose();\n\t};\n\n\treturn useMemo(\n\t\t() => (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ isVisible }\n\t\t\t\tonClose={ onClose }\n\t\t\t\ttitle={ __( 'Select a layout' ) }\n\t\t\t\tcontentStyle={ styles.contentStyle }\n\t\t\t\tleftButton={ leftButton }\n\t\t\t\ttestID=\"block-variation-modal\"\n\t\t\t>\n\t\t\t\t<ScrollView\n\t\t\t\t\thorizontal\n\t\t\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\t\t\tcontentContainerStyle={ styles.contentContainerStyle }\n\t\t\t\t\tstyle={ styles.containerStyle }\n\t\t\t\t>\n\t\t\t\t\t{ variations.map( ( v ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<InserterButton\n\t\t\t\t\t\t\t\titem={ v }\n\t\t\t\t\t\t\t\tkey={ v.name }\n\t\t\t\t\t\t\t\tonSelect={ () => onVariationSelect( v ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</ScrollView>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t'Note: Column layout may vary between themes and screen sizes'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</BottomSheet>\n\t\t),\n\t\t[ variations, isVisible, onClose ]\n\t);\n}\n\nexport default compose(\n\twithSelect( ( select, {} ) => {\n\t\tconst { getBlockVariations } = select( blocksStore );\n\n\t\treturn {\n\t\t\tdate: getBlockVariations( 'core/columns', 'block' ),\n\t\t};\n\t} )\n)( BlockVariationPicker );\n"]}
+{"version":3,"names":["_reactNative","require","_data","_compose","_blocks","_i18n","_components","_icons","_style","_interopRequireDefault","_store","hitSlop","top","bottom","left","right","BlockVariationPicker","isVisible","onClose","clientId","variations","replaceInnerBlocks","useDispatch","blockEditorStore","isIOS","Platform","OS","cancelButtonStyle","usePreferredColorSchemeStyle","styles","cancelButton","cancelButtonDark","leftButton","_element","createElement","TouchableWithoutFeedback","onPress","View","Text","style","maxFontSizeMultiplier","__","Icon","icon","close","size","closeIcon","onVariationSelect","variation","createBlocksFromInnerBlocksTemplate","innerBlocks","BottomSheet","title","contentStyle","testID","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","containerStyle","map","v","InserterButton","item","key","name","onSelect","PanelBody","FooterMessageControl","label","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-variation-picker/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tScrollView,\n\tView,\n\tText,\n\tTouchableWithoutFeedback,\n\tPlatform,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { createBlocksFromInnerBlocksTemplate } from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tPanelBody,\n\tBottomSheet,\n\tFooterMessageControl,\n\tInserterButton,\n} from '@wordpress/components';\nimport { Icon, close } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { store as blockEditorStore } from '../../store';\n\nconst hitSlop = { top: 22, bottom: 22, left: 22, right: 22 };\n\nfunction BlockVariationPicker( { isVisible, onClose, clientId, variations } ) {\n\tconst { replaceInnerBlocks } = useDispatch( blockEditorStore );\n\tconst isIOS = Platform.OS === 'ios';\n\n\tconst cancelButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.cancelButton,\n\t\tstyles.cancelButtonDark\n\t);\n\n\tconst leftButton = (\n\t\t<TouchableWithoutFeedback onPress={ onClose } hitSlop={ hitSlop }>\n\t\t\t<View>\n\t\t\t\t{ isIOS ? (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ cancelButtonStyle }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ close }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\tstyle={ styles.closeIcon }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tconst onVariationSelect = ( variation ) => {\n\t\treplaceInnerBlocks(\n\t\t\tclientId,\n\t\t\tcreateBlocksFromInnerBlocksTemplate( variation.innerBlocks )\n\t\t);\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ isVisible }\n\t\t\tonClose={ onClose }\n\t\t\ttitle={ __( 'Select a layout' ) }\n\t\t\tcontentStyle={ styles.contentStyle }\n\t\t\tleftButton={ leftButton }\n\t\t\ttestID=\"block-variation-modal\"\n\t\t>\n\t\t\t<ScrollView\n\t\t\t\thorizontal\n\t\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\t\tcontentContainerStyle={ styles.contentContainerStyle }\n\t\t\t\tstyle={ styles.containerStyle }\n\t\t\t>\n\t\t\t\t{ variations.map( ( v ) => (\n\t\t\t\t\t<InserterButton\n\t\t\t\t\t\titem={ v }\n\t\t\t\t\t\tkey={ v.name }\n\t\t\t\t\t\tonSelect={ () => onVariationSelect( v ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ScrollView>\n\t\t\t<PanelBody>\n\t\t\t\t<FooterMessageControl\n\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t'Note: Column layout may vary between themes and screen sizes'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</BottomSheet>\n\t);\n}\n\nexport default BlockVariationPicker;\n"],"mappings":"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"}

package/build/components/block-variation-transforms/index.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _blocks = require("@wordpress/blocks");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _data = require("@wordpress/data");
-
 var _icons = require("@wordpress/icons");
-
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
-
 var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */
@@ -30,6 +20,7 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
+
 function VariationsButtons({
   className,
   onSelectVariation,
@@ -47,15 +38,13 @@ function VariationsButtons({
       showColors: true
     }),
     isPressed: selectedValue === variation.name,
-    label: selectedValue === variation.name ? variation.title : (0, _i18n.sprintf)(
-    /* translators: %s: Name of the block variation */
+    label: selectedValue === variation.name ? variation.title : (0, _i18n.sprintf)( /* translators: %s: Name of the block variation */
     (0, _i18n.__)('Transform to %s'), variation.title),
     onClick: () => onSelectVariation(variation.name),
     "aria-label": variation.title,
     showTooltip: true
   })));
 }
-
 function VariationsDropdown({
   className,
   onSelectVariation,
@@ -91,7 +80,6 @@ function VariationsDropdown({
     onSelect: onSelectVariation
   }))));
 }
-
 function __experimentalBlockVariationTransforms({
   blockClientId
 }) {
@@ -116,15 +104,14 @@ function __experimentalBlockVariationTransforms({
       variations: name && getBlockVariations(name, 'transform')
     };
   }, [blockClientId]);
-  const selectedValue = activeBlockVariation?.name; // Check if each variation has a unique icon.
+  const selectedValue = activeBlockVariation?.name;
 
+  // Check if each variation has a unique icon.
   const hasUniqueIcons = (0, _element.useMemo)(() => {
     const variationIcons = new Set();
-
     if (!variations) {
       return false;
     }
-
     variations.forEach(variation => {
       if (variation.icon) {
         variationIcons.add(variation.icon?.src || variation.icon);
@@ -132,16 +119,16 @@ function __experimentalBlockVariationTransforms({
     });
     return variationIcons.size === variations.length;
   }, [variations]);
-
   const onSelectVariation = variationName => {
-    updateBlockAttributes(blockClientId, { ...variations.find(({
+    updateBlockAttributes(blockClientId, {
+      ...variations.find(({
         name
       }) => name === variationName).attributes
     });
   };
+  const baseClass = 'block-editor-block-variation-transforms';
 
-  const baseClass = 'block-editor-block-variation-transforms'; // Skip rendering if there are no variations
-
+  // Skip rendering if there are no variations
   if (!variations?.length) return null;
   const Component = hasUniqueIcons ? VariationsButtons : VariationsDropdown;
   return (0, _element.createElement)(Component, {
@@ -151,7 +138,6 @@ function __experimentalBlockVariationTransforms({
     variations: variations
   });
 }
-
 var _default = __experimentalBlockVariationTransforms;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/build/components/block-variation-transforms/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-variation-transforms/index.js"],"names":["VariationsButtons","className","onSelectVariation","selectedValue","variations","map","variation","name","icon","title","VariationsDropdown","selectOptions","description","value","label","info","position","chevronDown","iconPosition","__experimentalBlockVariationTransforms","blockClientId","updateBlockAttributes","blockEditorStore","activeBlockVariation","select","getActiveBlockVariation","getBlockVariations","blocksStore","getBlockName","getBlockAttributes","hasUniqueIcons","variationIcons","Set","forEach","add","src","size","length","variationName","find","attributes","baseClass","Component"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItemsChoice,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { chevronDown } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\n\nfunction VariationsButtons( {\n\tclassName,\n\tonSelectVariation,\n\tselectedValue,\n\tvariations,\n} ) {\n\treturn (\n\t\t<fieldset className={ className }>\n\t\t\t<VisuallyHidden as=\"legend\">\n\t\t\t\t{ __( 'Transform to variation' ) }\n\t\t\t</VisuallyHidden>\n\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t<Button\n\t\t\t\t\tkey={ variation.name }\n\t\t\t\t\ticon={ <BlockIcon icon={ variation.icon } showColors /> }\n\t\t\t\t\tisPressed={ selectedValue === variation.name }\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tselectedValue === variation.name\n\t\t\t\t\t\t\t? variation.title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: Name of the block variation */\n\t\t\t\t\t\t\t\t\t__( 'Transform to %s' ),\n\t\t\t\t\t\t\t\t\tvariation.title\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t}\n\t\t\t\t\tonClick={ () => onSelectVariation( variation.name ) }\n\t\t\t\t\taria-label={ variation.title }\n\t\t\t\t\tshowTooltip\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</fieldset>\n\t);\n}\n\nfunction VariationsDropdown( {\n\tclassName,\n\tonSelectVariation,\n\tselectedValue,\n\tvariations,\n} ) {\n\tconst selectOptions = variations.map(\n\t\t( { name, title, description } ) => ( {\n\t\t\tvalue: name,\n\t\t\tlabel: title,\n\t\t\tinfo: description,\n\t\t} )\n\t);\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tclassName={ className }\n\t\t\tlabel={ __( 'Transform to variation' ) }\n\t\t\ttext={ __( 'Transform to variation' ) }\n\t\t\tpopoverProps={ {\n\t\t\t\tposition: 'bottom center',\n\t\t\t\tclassName: `${ className }__popover`,\n\t\t\t} }\n\t\t\ticon={ chevronDown }\n\t\t\ttoggleProps={ { iconPosition: 'right' } }\n\t\t>\n\t\t\t{ () => (\n\t\t\t\t<div className={ `${ className }__container` }>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\tchoices={ selectOptions }\n\t\t\t\t\t\t\tvalue={ selectedValue }\n\t\t\t\t\t\t\tonSelect={ onSelectVariation }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction __experimentalBlockVariationTransforms( { blockClientId } ) {\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst { activeBlockVariation, variations } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveBlockVariation, getBlockVariations } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst { getBlockName, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst name = blockClientId && getBlockName( blockClientId );\n\t\t\treturn {\n\t\t\t\tactiveBlockVariation: getActiveBlockVariation(\n\t\t\t\t\tname,\n\t\t\t\t\tgetBlockAttributes( blockClientId )\n\t\t\t\t),\n\t\t\t\tvariations: name && getBlockVariations( name, 'transform' ),\n\t\t\t};\n\t\t},\n\t\t[ blockClientId ]\n\t);\n\n\tconst selectedValue = activeBlockVariation?.name;\n\n\t// Check if each variation has a unique icon.\n\tconst hasUniqueIcons = useMemo( () => {\n\t\tconst variationIcons = new Set();\n\t\tif ( ! variations ) {\n\t\t\treturn false;\n\t\t}\n\t\tvariations.forEach( ( variation ) => {\n\t\t\tif ( variation.icon ) {\n\t\t\t\tvariationIcons.add( variation.icon?.src || variation.icon );\n\t\t\t}\n\t\t} );\n\t\treturn variationIcons.size === variations.length;\n\t}, [ variations ] );\n\n\tconst onSelectVariation = ( variationName ) => {\n\t\tupdateBlockAttributes( blockClientId, {\n\t\t\t...variations.find( ( { name } ) => name === variationName )\n\t\t\t\t.attributes,\n\t\t} );\n\t};\n\n\tconst baseClass = 'block-editor-block-variation-transforms';\n\n\t// Skip rendering if there are no variations\n\tif ( ! variations?.length ) return null;\n\n\tconst Component = hasUniqueIcons ? VariationsButtons : VariationsDropdown;\n\n\treturn (\n\t\t<Component\n\t\t\tclassName={ baseClass }\n\t\t\tonSelectVariation={ onSelectVariation }\n\t\t\tselectedValue={ selectedValue }\n\t\t\tvariations={ variations }\n\t\t/>\n\t);\n}\n\nexport default __experimentalBlockVariationTransforms;\n"]}
+{"version":3,"names":["_element","require","_blocks","_i18n","_components","_data","_icons","_blockIcon","_interopRequireDefault","_store","VariationsButtons","className","onSelectVariation","selectedValue","variations","createElement","VisuallyHidden","as","__","map","variation","Button","key","name","icon","default","showColors","isPressed","label","title","sprintf","onClick","showTooltip","VariationsDropdown","selectOptions","description","value","info","DropdownMenu","text","popoverProps","position","chevronDown","toggleProps","iconPosition","MenuGroup","MenuItemsChoice","choices","onSelect","__experimentalBlockVariationTransforms","blockClientId","updateBlockAttributes","useDispatch","blockEditorStore","activeBlockVariation","useSelect","select","getActiveBlockVariation","getBlockVariations","blocksStore","getBlockName","getBlockAttributes","hasUniqueIcons","useMemo","variationIcons","Set","forEach","add","src","size","length","variationName","find","attributes","baseClass","Component","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-variation-transforms/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItemsChoice,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { chevronDown } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\n\nfunction VariationsButtons( {\n\tclassName,\n\tonSelectVariation,\n\tselectedValue,\n\tvariations,\n} ) {\n\treturn (\n\t\t<fieldset className={ className }>\n\t\t\t<VisuallyHidden as=\"legend\">\n\t\t\t\t{ __( 'Transform to variation' ) }\n\t\t\t</VisuallyHidden>\n\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t<Button\n\t\t\t\t\tkey={ variation.name }\n\t\t\t\t\ticon={ <BlockIcon icon={ variation.icon } showColors /> }\n\t\t\t\t\tisPressed={ selectedValue === variation.name }\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tselectedValue === variation.name\n\t\t\t\t\t\t\t? variation.title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: Name of the block variation */\n\t\t\t\t\t\t\t\t\t__( 'Transform to %s' ),\n\t\t\t\t\t\t\t\t\tvariation.title\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t}\n\t\t\t\t\tonClick={ () => onSelectVariation( variation.name ) }\n\t\t\t\t\taria-label={ variation.title }\n\t\t\t\t\tshowTooltip\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</fieldset>\n\t);\n}\n\nfunction VariationsDropdown( {\n\tclassName,\n\tonSelectVariation,\n\tselectedValue,\n\tvariations,\n} ) {\n\tconst selectOptions = variations.map(\n\t\t( { name, title, description } ) => ( {\n\t\t\tvalue: name,\n\t\t\tlabel: title,\n\t\t\tinfo: description,\n\t\t} )\n\t);\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tclassName={ className }\n\t\t\tlabel={ __( 'Transform to variation' ) }\n\t\t\ttext={ __( 'Transform to variation' ) }\n\t\t\tpopoverProps={ {\n\t\t\t\tposition: 'bottom center',\n\t\t\t\tclassName: `${ className }__popover`,\n\t\t\t} }\n\t\t\ticon={ chevronDown }\n\t\t\ttoggleProps={ { iconPosition: 'right' } }\n\t\t>\n\t\t\t{ () => (\n\t\t\t\t<div className={ `${ className }__container` }>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\tchoices={ selectOptions }\n\t\t\t\t\t\t\tvalue={ selectedValue }\n\t\t\t\t\t\t\tonSelect={ onSelectVariation }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction __experimentalBlockVariationTransforms( { blockClientId } ) {\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst { activeBlockVariation, variations } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveBlockVariation, getBlockVariations } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst { getBlockName, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst name = blockClientId && getBlockName( blockClientId );\n\t\t\treturn {\n\t\t\t\tactiveBlockVariation: getActiveBlockVariation(\n\t\t\t\t\tname,\n\t\t\t\t\tgetBlockAttributes( blockClientId )\n\t\t\t\t),\n\t\t\t\tvariations: name && getBlockVariations( name, 'transform' ),\n\t\t\t};\n\t\t},\n\t\t[ blockClientId ]\n\t);\n\n\tconst selectedValue = activeBlockVariation?.name;\n\n\t// Check if each variation has a unique icon.\n\tconst hasUniqueIcons = useMemo( () => {\n\t\tconst variationIcons = new Set();\n\t\tif ( ! variations ) {\n\t\t\treturn false;\n\t\t}\n\t\tvariations.forEach( ( variation ) => {\n\t\t\tif ( variation.icon ) {\n\t\t\t\tvariationIcons.add( variation.icon?.src || variation.icon );\n\t\t\t}\n\t\t} );\n\t\treturn variationIcons.size === variations.length;\n\t}, [ variations ] );\n\n\tconst onSelectVariation = ( variationName ) => {\n\t\tupdateBlockAttributes( blockClientId, {\n\t\t\t...variations.find( ( { name } ) => name === variationName )\n\t\t\t\t.attributes,\n\t\t} );\n\t};\n\n\tconst baseClass = 'block-editor-block-variation-transforms';\n\n\t// Skip rendering if there are no variations\n\tif ( ! variations?.length ) return null;\n\n\tconst Component = hasUniqueIcons ? VariationsButtons : VariationsDropdown;\n\n\treturn (\n\t\t<Component\n\t\t\tclassName={ baseClass }\n\t\t\tonSelectVariation={ onSelectVariation }\n\t\t\tselectedValue={ selectedValue }\n\t\t\tvariations={ variations }\n\t\t/>\n\t);\n}\n\nexport default __experimentalBlockVariationTransforms;\n"],"mappings":"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"}

package/build/components/block-vertical-alignment-control/icons.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.spaceBetween = exports.alignTop = exports.alignStretch = exports.alignCenter = exports.alignBottom = void 0;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 /**
  * WordPress dependencies
  */
+
 const alignBottom = (0, _element.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"

package/build/components/block-vertical-alignment-control/icons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-vertical-alignment-control/icons.js"],"names":["alignBottom","alignCenter","alignTop","alignStretch","spaceBetween"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,MAAMA,WAAW,GACvB,4BAAC,eAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,4BAAC,gBAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADM;;AAMA,MAAMC,WAAW,GACvB,4BAAC,eAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,4BAAC,gBAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADM;;AAMA,MAAMC,QAAQ,GACpB,4BAAC,eAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,4BAAC,gBAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADM;;AAMA,MAAMC,YAAY,GACxB,4BAAC,eAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,4BAAC,gBAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADM;;AAMA,MAAMC,YAAY,GACxB,4BAAC,eAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,4BAAC,gBAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport const alignBottom = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M15 4H9v11h6V4zM4 18.5V20h16v-1.5H4z\" />\n\t</SVG>\n);\n\nexport const alignCenter = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M20 11h-5V4H9v7H4v1.5h5V20h6v-7.5h5z\" />\n\t</SVG>\n);\n\nexport const alignTop = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M9 20h6V9H9v11zM4 4v1.5h16V4H4z\" />\n\t</SVG>\n);\n\nexport const alignStretch = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M4 4L20 4L20 5.5L4 5.5L4 4ZM10 7L14 7L14 17L10 17L10 7ZM20 18.5L4 18.5L4 20L20 20L20 18.5Z\" />\n\t</SVG>\n);\n\nexport const spaceBetween = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M7 4H17V8L7 8V4ZM7 16L17 16V20L7 20V16ZM20 11.25H4V12.75H20V11.25Z\" />\n\t</SVG>\n);\n"]}
+{"version":3,"names":["_components","require","alignBottom","_element","createElement","SVG","xmlns","viewBox","Path","d","exports","alignCenter","alignTop","alignStretch","spaceBetween"],"sources":["@wordpress/block-editor/src/components/block-vertical-alignment-control/icons.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport const alignBottom = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M15 4H9v11h6V4zM4 18.5V20h16v-1.5H4z\" />\n\t</SVG>\n);\n\nexport const alignCenter = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M20 11h-5V4H9v7H4v1.5h5V20h6v-7.5h5z\" />\n\t</SVG>\n);\n\nexport const alignTop = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M9 20h6V9H9v11zM4 4v1.5h16V4H4z\" />\n\t</SVG>\n);\n\nexport const alignStretch = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M4 4L20 4L20 5.5L4 5.5L4 4ZM10 7L14 7L14 17L10 17L10 7ZM20 18.5L4 18.5L4 20L20 20L20 18.5Z\" />\n\t</SVG>\n);\n\nexport const spaceBetween = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M7 4H17V8L7 8V4ZM7 16L17 16V20L7 20V16ZM20 11.25H4V12.75H20V11.25Z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,WAAW,GACvB,IAAAC,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAsC,CAAE,CAC5C,CACL;AAACC,OAAA,CAAAR,WAAA,GAAAA,WAAA;AAEK,MAAMS,WAAW,GACvB,IAAAR,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAsC,CAAE,CAC5C,CACL;AAACC,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAEK,MAAMC,QAAQ,GACpB,IAAAT,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAiC,CAAE,CACvC,CACL;AAACC,OAAA,CAAAE,QAAA,GAAAA,QAAA;AAEK,MAAMC,YAAY,GACxB,IAAAV,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAA4F,CAAE,CAClG,CACL;AAACC,OAAA,CAAAG,YAAA,GAAAA,YAAA;AAEK,MAAMC,YAAY,GACxB,IAAAX,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAoE,CAAE,CAC1E,CACL;AAACC,OAAA,CAAAI,YAAA,GAAAA,YAAA"}

package/build/components/block-vertical-alignment-control/index.js

@@ -1,36 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BlockVerticalAlignmentToolbar = exports.BlockVerticalAlignmentControl = void 0;
-
 var _element = require("@wordpress/element");
-
 var _ui = _interopRequireDefault(require("./ui"));
-
 /**
  * Internal dependencies
  */
+
 const BlockVerticalAlignmentControl = props => {
-  return (0, _element.createElement)(_ui.default, { ...props,
+  return (0, _element.createElement)(_ui.default, {
+    ...props,
     isToolbar: false
   });
 };
-
 exports.BlockVerticalAlignmentControl = BlockVerticalAlignmentControl;
-
 const BlockVerticalAlignmentToolbar = props => {
-  return (0, _element.createElement)(_ui.default, { ...props,
+  return (0, _element.createElement)(_ui.default, {
+    ...props,
     isToolbar: true
   });
 };
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-control/README.md
  */
-
-
 exports.BlockVerticalAlignmentToolbar = BlockVerticalAlignmentToolbar;
 //# sourceMappingURL=index.js.map

package/build/components/block-vertical-alignment-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-vertical-alignment-control/index.js"],"names":["BlockVerticalAlignmentControl","props","BlockVerticalAlignmentToolbar"],"mappings":";;;;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,6BAA6B,GAAKC,KAAF,IAAa;AAClD,SAAO,4BAAC,WAAD,OAA+BA,KAA/B;AAAuC,IAAA,SAAS,EAAG;AAAnD,IAAP;AACA,CAFD;;;;AAIA,MAAMC,6BAA6B,GAAKD,KAAF,IAAa;AAClD,SAAO,4BAAC,WAAD,OAA+BA,KAA/B;AAAuC,IAAA,SAAS;AAAhD,IAAP;AACA,CAFD;AAIA;AACA;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport BlockVerticalAlignmentUI from './ui';\n\nconst BlockVerticalAlignmentControl = ( props ) => {\n\treturn <BlockVerticalAlignmentUI { ...props } isToolbar={ false } />;\n};\n\nconst BlockVerticalAlignmentToolbar = ( props ) => {\n\treturn <BlockVerticalAlignmentUI { ...props } isToolbar />;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-control/README.md\n */\nexport { BlockVerticalAlignmentControl, BlockVerticalAlignmentToolbar };\n"]}
+{"version":3,"names":["_ui","_interopRequireDefault","require","BlockVerticalAlignmentControl","props","_element","createElement","default","isToolbar","exports","BlockVerticalAlignmentToolbar"],"sources":["@wordpress/block-editor/src/components/block-vertical-alignment-control/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport BlockVerticalAlignmentUI from './ui';\n\nconst BlockVerticalAlignmentControl = ( props ) => {\n\treturn <BlockVerticalAlignmentUI { ...props } isToolbar={ false } />;\n};\n\nconst BlockVerticalAlignmentToolbar = ( props ) => {\n\treturn <BlockVerticalAlignmentUI { ...props } isToolbar />;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-control/README.md\n */\nexport { BlockVerticalAlignmentControl, BlockVerticalAlignmentToolbar };\n"],"mappings":";;;;;;;;AAGA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,6BAA6B,GAAKC,KAAK,IAAM;EAClD,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACN,GAAA,CAAAO,OAAwB;IAAA,GAAMH,KAAK;IAAGI,SAAS,EAAG;EAAO,CAAE,CAAC;AACrE,CAAC;AAACC,OAAA,CAAAN,6BAAA,GAAAA,6BAAA;AAEF,MAAMO,6BAA6B,GAAKN,KAAK,IAAM;EAClD,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACN,GAAA,CAAAO,OAAwB;IAAA,GAAMH,KAAK;IAAGI,SAAS;EAAA,CAAE,CAAC;AAC3D,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAC,6BAAA,GAAAA,6BAAA"}

package/build/components/block-vertical-alignment-control/ui.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _icons = require("./icons");
-
 /**
  * WordPress dependencies
  */
@@ -20,6 +15,7 @@ var _icons = require("./icons");
 /**
  * Internal dependencies
  */
+
 const BLOCK_ALIGNMENTS_CONTROLS = {
   top: {
     icon: _icons.alignTop,
@@ -44,7 +40,6 @@ const BLOCK_ALIGNMENTS_CONTROLS = {
 };
 const DEFAULT_CONTROLS = ['top', 'center', 'bottom'];
 const DEFAULT_CONTROL = 'top';
-
 function BlockVerticalAlignmentUI({
   value,
   onChange,
@@ -55,7 +50,6 @@ function BlockVerticalAlignmentUI({
   function applyOrUnset(align) {
     return () => onChange(value === align ? undefined : align);
   }
-
   const activeAlignment = BLOCK_ALIGNMENTS_CONTROLS[value];
   const defaultAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[DEFAULT_CONTROL];
   const UIComponent = isToolbar ? _components.ToolbarGroup : _components.ToolbarDropdownMenu;
@@ -66,7 +60,8 @@ function BlockVerticalAlignmentUI({
     icon: activeAlignment ? activeAlignment.icon : defaultAlignmentControl.icon,
     label: (0, _i18n._x)('Change vertical alignment', 'Block vertical alignment setting label'),
     controls: controls.map(control => {
-      return { ...BLOCK_ALIGNMENTS_CONTROLS[control],
+      return {
+        ...BLOCK_ALIGNMENTS_CONTROLS[control],
         isActive: value === control,
         role: isCollapsed ? 'menuitemradio' : undefined,
         onClick: applyOrUnset(control)
@@ -75,11 +70,10 @@ function BlockVerticalAlignmentUI({
     ...extraProps
   });
 }
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-toolbar/README.md
  */
-
-
 var _default = BlockVerticalAlignmentUI;
 exports.default = _default;
 //# sourceMappingURL=ui.js.map

package/build/components/block-vertical-alignment-control/ui.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-vertical-alignment-control/ui.js"],"names":["BLOCK_ALIGNMENTS_CONTROLS","top","icon","alignTop","title","center","alignCenter","bottom","alignBottom","stretch","alignStretch","spaceBetween","DEFAULT_CONTROLS","DEFAULT_CONTROL","BlockVerticalAlignmentUI","value","onChange","controls","isCollapsed","isToolbar","applyOrUnset","align","undefined","activeAlignment","defaultAlignmentControl","UIComponent","ToolbarGroup","ToolbarDropdownMenu","extraProps","map","control","isActive","role","onClick"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AASA,MAAMA,yBAAyB,GAAG;AACjCC,EAAAA,GAAG,EAAE;AACJC,IAAAA,IAAI,EAAEC,eADF;AAEJC,IAAAA,KAAK,EAAE,cAAI,WAAJ,EAAiB,kCAAjB;AAFH,GAD4B;AAKjCC,EAAAA,MAAM,EAAE;AACPH,IAAAA,IAAI,EAAEI,kBADC;AAEPF,IAAAA,KAAK,EAAE,cAAI,cAAJ,EAAoB,kCAApB;AAFA,GALyB;AASjCG,EAAAA,MAAM,EAAE;AACPL,IAAAA,IAAI,EAAEM,kBADC;AAEPJ,IAAAA,KAAK,EAAE,cAAI,cAAJ,EAAoB,kCAApB;AAFA,GATyB;AAajCK,EAAAA,OAAO,EAAE;AACRP,IAAAA,IAAI,EAAEQ,mBADE;AAERN,IAAAA,KAAK,EAAE,cAAI,iBAAJ,EAAuB,kCAAvB;AAFC,GAbwB;AAiBjC,mBAAiB;AAChBF,IAAAA,IAAI,EAAES,mBADU;AAEhBP,IAAAA,KAAK,EAAE,cAAI,eAAJ,EAAqB,kCAArB;AAFS;AAjBgB,CAAlC;AAuBA,MAAMQ,gBAAgB,GAAG,CAAE,KAAF,EAAS,QAAT,EAAmB,QAAnB,CAAzB;AACA,MAAMC,eAAe,GAAG,KAAxB;;AAEA,SAASC,wBAAT,CAAmC;AAClCC,EAAAA,KADkC;AAElCC,EAAAA,QAFkC;AAGlCC,EAAAA,QAAQ,GAAGL,gBAHuB;AAIlCM,EAAAA,WAAW,GAAG,IAJoB;AAKlCC,EAAAA;AALkC,CAAnC,EAMI;AACH,WAASC,YAAT,CAAuBC,KAAvB,EAA+B;AAC9B,WAAO,MAAML,QAAQ,CAAED,KAAK,KAAKM,KAAV,GAAkBC,SAAlB,GAA8BD,KAAhC,CAArB;AACA;;AAED,QAAME,eAAe,GAAGvB,yBAAyB,CAAEe,KAAF,CAAjD;AACA,QAAMS,uBAAuB,GAC5BxB,yBAAyB,CAAEa,eAAF,CAD1B;AAGA,QAAMY,WAAW,GAAGN,SAAS,GAAGO,wBAAH,GAAkBC,+BAA/C;AACA,QAAMC,UAAU,GAAGT,SAAS,GAAG;AAAED,IAAAA;AAAF,GAAH,GAAqB,EAAjD;AAEA,SACC,4BAAC,WAAD;AACC,IAAA,IAAI,EACHK,eAAe,GACZA,eAAe,CAACrB,IADJ,GAEZsB,uBAAuB,CAACtB,IAJ7B;AAMC,IAAA,KAAK,EAAG,cACP,2BADO,EAEP,wCAFO,CANT;AAUC,IAAA,QAAQ,EAAGe,QAAQ,CAACY,GAAT,CAAgBC,OAAF,IAAe;AACvC,aAAO,EACN,GAAG9B,yBAAyB,CAAE8B,OAAF,CADtB;AAENC,QAAAA,QAAQ,EAAEhB,KAAK,KAAKe,OAFd;AAGNE,QAAAA,IAAI,EAAEd,WAAW,GAAG,eAAH,GAAqBI,SAHhC;AAINW,QAAAA,OAAO,EAAEb,YAAY,CAAEU,OAAF;AAJf,OAAP;AAMA,KAPU,CAVZ;AAAA,OAkBMF;AAlBN,IADD;AAsBA;AAED;AACA;AACA;;;eACed,wB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\nimport { ToolbarGroup, ToolbarDropdownMenu } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport {\n\talignTop,\n\talignCenter,\n\talignBottom,\n\talignStretch,\n\tspaceBetween,\n} from './icons';\n\nconst BLOCK_ALIGNMENTS_CONTROLS = {\n\ttop: {\n\t\ticon: alignTop,\n\t\ttitle: _x( 'Align top', 'Block vertical alignment setting' ),\n\t},\n\tcenter: {\n\t\ticon: alignCenter,\n\t\ttitle: _x( 'Align middle', 'Block vertical alignment setting' ),\n\t},\n\tbottom: {\n\t\ticon: alignBottom,\n\t\ttitle: _x( 'Align bottom', 'Block vertical alignment setting' ),\n\t},\n\tstretch: {\n\t\ticon: alignStretch,\n\t\ttitle: _x( 'Stretch to fill', 'Block vertical alignment setting' ),\n\t},\n\t'space-between': {\n\t\ticon: spaceBetween,\n\t\ttitle: _x( 'Space between', 'Block vertical alignment setting' ),\n\t},\n};\n\nconst DEFAULT_CONTROLS = [ 'top', 'center', 'bottom' ];\nconst DEFAULT_CONTROL = 'top';\n\nfunction BlockVerticalAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols = DEFAULT_CONTROLS,\n\tisCollapsed = true,\n\tisToolbar,\n} ) {\n\tfunction applyOrUnset( align ) {\n\t\treturn () => onChange( value === align ? undefined : align );\n\t}\n\n\tconst activeAlignment = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={\n\t\t\t\tactiveAlignment\n\t\t\t\t\t? activeAlignment.icon\n\t\t\t\t\t: defaultAlignmentControl.icon\n\t\t\t}\n\t\t\tlabel={ _x(\n\t\t\t\t'Change vertical alignment',\n\t\t\t\t'Block vertical alignment setting label'\n\t\t\t) }\n\t\t\tcontrols={ controls.map( ( control ) => {\n\t\t\t\treturn {\n\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ control ],\n\t\t\t\t\tisActive: value === control,\n\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\tonClick: applyOrUnset( control ),\n\t\t\t\t};\n\t\t\t} ) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-toolbar/README.md\n */\nexport default BlockVerticalAlignmentUI;\n"]}
+{"version":3,"names":["_i18n","require","_components","_icons","BLOCK_ALIGNMENTS_CONTROLS","top","icon","alignTop","title","_x","center","alignCenter","bottom","alignBottom","stretch","alignStretch","spaceBetween","DEFAULT_CONTROLS","DEFAULT_CONTROL","BlockVerticalAlignmentUI","value","onChange","controls","isCollapsed","isToolbar","applyOrUnset","align","undefined","activeAlignment","defaultAlignmentControl","UIComponent","ToolbarGroup","ToolbarDropdownMenu","extraProps","_element","createElement","label","map","control","isActive","role","onClick","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-vertical-alignment-control/ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\nimport { ToolbarGroup, ToolbarDropdownMenu } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport {\n\talignTop,\n\talignCenter,\n\talignBottom,\n\talignStretch,\n\tspaceBetween,\n} from './icons';\n\nconst BLOCK_ALIGNMENTS_CONTROLS = {\n\ttop: {\n\t\ticon: alignTop,\n\t\ttitle: _x( 'Align top', 'Block vertical alignment setting' ),\n\t},\n\tcenter: {\n\t\ticon: alignCenter,\n\t\ttitle: _x( 'Align middle', 'Block vertical alignment setting' ),\n\t},\n\tbottom: {\n\t\ticon: alignBottom,\n\t\ttitle: _x( 'Align bottom', 'Block vertical alignment setting' ),\n\t},\n\tstretch: {\n\t\ticon: alignStretch,\n\t\ttitle: _x( 'Stretch to fill', 'Block vertical alignment setting' ),\n\t},\n\t'space-between': {\n\t\ticon: spaceBetween,\n\t\ttitle: _x( 'Space between', 'Block vertical alignment setting' ),\n\t},\n};\n\nconst DEFAULT_CONTROLS = [ 'top', 'center', 'bottom' ];\nconst DEFAULT_CONTROL = 'top';\n\nfunction BlockVerticalAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols = DEFAULT_CONTROLS,\n\tisCollapsed = true,\n\tisToolbar,\n} ) {\n\tfunction applyOrUnset( align ) {\n\t\treturn () => onChange( value === align ? undefined : align );\n\t}\n\n\tconst activeAlignment = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={\n\t\t\t\tactiveAlignment\n\t\t\t\t\t? activeAlignment.icon\n\t\t\t\t\t: defaultAlignmentControl.icon\n\t\t\t}\n\t\t\tlabel={ _x(\n\t\t\t\t'Change vertical alignment',\n\t\t\t\t'Block vertical alignment setting label'\n\t\t\t) }\n\t\t\tcontrols={ controls.map( ( control ) => {\n\t\t\t\treturn {\n\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ control ],\n\t\t\t\t\tisActive: value === control,\n\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\tonClick: applyOrUnset( control ),\n\t\t\t\t};\n\t\t\t} ) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-toolbar/README.md\n */\nexport default BlockVerticalAlignmentUI;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AASA,MAAMG,yBAAyB,GAAG;EACjCC,GAAG,EAAE;IACJC,IAAI,EAAEC,eAAQ;IACdC,KAAK,EAAE,IAAAC,QAAE,EAAE,WAAW,EAAE,kCAAmC;EAC5D,CAAC;EACDC,MAAM,EAAE;IACPJ,IAAI,EAAEK,kBAAW;IACjBH,KAAK,EAAE,IAAAC,QAAE,EAAE,cAAc,EAAE,kCAAmC;EAC/D,CAAC;EACDG,MAAM,EAAE;IACPN,IAAI,EAAEO,kBAAW;IACjBL,KAAK,EAAE,IAAAC,QAAE,EAAE,cAAc,EAAE,kCAAmC;EAC/D,CAAC;EACDK,OAAO,EAAE;IACRR,IAAI,EAAES,mBAAY;IAClBP,KAAK,EAAE,IAAAC,QAAE,EAAE,iBAAiB,EAAE,kCAAmC;EAClE,CAAC;EACD,eAAe,EAAE;IAChBH,IAAI,EAAEU,mBAAY;IAClBR,KAAK,EAAE,IAAAC,QAAE,EAAE,eAAe,EAAE,kCAAmC;EAChE;AACD,CAAC;AAED,MAAMQ,gBAAgB,GAAG,CAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAE;AACtD,MAAMC,eAAe,GAAG,KAAK;AAE7B,SAASC,wBAAwBA,CAAE;EAClCC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAGL,gBAAgB;EAC3BM,WAAW,GAAG,IAAI;EAClBC;AACD,CAAC,EAAG;EACH,SAASC,YAAYA,CAAEC,KAAK,EAAG;IAC9B,OAAO,MAAML,QAAQ,CAAED,KAAK,KAAKM,KAAK,GAAGC,SAAS,GAAGD,KAAM,CAAC;EAC7D;EAEA,MAAME,eAAe,GAAGxB,yBAAyB,CAAEgB,KAAK,CAAE;EAC1D,MAAMS,uBAAuB,GAC5BzB,yBAAyB,CAAEc,eAAe,CAAE;EAE7C,MAAMY,WAAW,GAAGN,SAAS,GAAGO,wBAAY,GAAGC,+BAAmB;EAClE,MAAMC,UAAU,GAAGT,SAAS,GAAG;IAAED;EAAY,CAAC,GAAG,CAAC,CAAC;EAEnD,OACC,IAAAW,QAAA,CAAAC,aAAA,EAACL,WAAW;IACXxB,IAAI,EACHsB,eAAe,GACZA,eAAe,CAACtB,IAAI,GACpBuB,uBAAuB,CAACvB,IAC3B;IACD8B,KAAK,EAAG,IAAA3B,QAAE,EACT,2BAA2B,EAC3B,wCACD,CAAG;IACHa,QAAQ,EAAGA,QAAQ,CAACe,GAAG,CAAIC,OAAO,IAAM;MACvC,OAAO;QACN,GAAGlC,yBAAyB,CAAEkC,OAAO,CAAE;QACvCC,QAAQ,EAAEnB,KAAK,KAAKkB,OAAO;QAC3BE,IAAI,EAAEjB,WAAW,GAAG,eAAe,GAAGI,SAAS;QAC/Cc,OAAO,EAAEhB,YAAY,CAAEa,OAAQ;MAChC,CAAC;IACF,CAAE,CAAG;IAAA,GACAL;EAAU,CACf,CAAC;AAEJ;;AAEA;AACA;AACA;AAFA,IAAAS,QAAA,GAGevB,wBAAwB;AAAAwB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/border-radius-control/all-input-control.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = AllInputControl;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 var _utils = require("./utils");
-
 /**
  * WordPress dependencies
  */
@@ -20,6 +15,7 @@ var _utils = require("./utils");
 /**
  * Internal dependencies
  */
+
 function AllInputControl({
   onChange,
   selectedUnits,
@@ -28,25 +24,24 @@ function AllInputControl({
   ...props
 }) {
   let allValue = (0, _utils.getAllValue)(values);
-
   if (allValue === undefined) {
     // If we don't have any value set the unit to any current selection
     // or the most common unit from the individual radii values.
     allValue = (0, _utils.getAllUnit)(selectedUnits);
   }
-
   const hasValues = (0, _utils.hasDefinedValues)(values);
   const isMixed = hasValues && (0, _utils.hasMixedValues)(values);
-  const allPlaceholder = isMixed ? (0, _i18n.__)('Mixed') : null; // Filter out CSS-unit-only values to prevent invalid styles.
+  const allPlaceholder = isMixed ? (0, _i18n.__)('Mixed') : null;
 
+  // Filter out CSS-unit-only values to prevent invalid styles.
   const handleOnChange = next => {
     const isNumeric = !isNaN(parseFloat(next));
     const nextValue = isNumeric ? next : undefined;
     onChange(nextValue);
-  }; // Store current unit selection for use as fallback for individual
-  // radii controls.
-
+  };
 
+  // Store current unit selection for use as fallback for individual
+  // radii controls.
   const handleOnUnitChange = unit => {
     setSelectedUnits({
       topLeft: unit,
@@ -55,8 +50,8 @@ function AllInputControl({
       bottomRight: unit
     });
   };
-
-  return (0, _element.createElement)(_components.__experimentalUnitControl, { ...props,
+  return (0, _element.createElement)(_components.__experimentalUnitControl, {
+    ...props,
     "aria-label": (0, _i18n.__)('Border radius'),
     disableUnits: isMixed,
     isOnly: true,

package/build/components/border-radius-control/all-input-control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/border-radius-control/all-input-control.js"],"names":["AllInputControl","onChange","selectedUnits","setSelectedUnits","values","props","allValue","undefined","hasValues","isMixed","allPlaceholder","handleOnChange","next","isNumeric","isNaN","parseFloat","nextValue","handleOnUnitChange","unit","topLeft","topRight","bottomLeft","bottomRight"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAQe,SAASA,eAAT,CAA0B;AACxCC,EAAAA,QADwC;AAExCC,EAAAA,aAFwC;AAGxCC,EAAAA,gBAHwC;AAIxCC,EAAAA,MAJwC;AAKxC,KAAGC;AALqC,CAA1B,EAMX;AACH,MAAIC,QAAQ,GAAG,wBAAaF,MAAb,CAAf;;AAEA,MAAKE,QAAQ,KAAKC,SAAlB,EAA8B;AAC7B;AACA;AACAD,IAAAA,QAAQ,GAAG,uBAAYJ,aAAZ,CAAX;AACA;;AAED,QAAMM,SAAS,GAAG,6BAAkBJ,MAAlB,CAAlB;AACA,QAAMK,OAAO,GAAGD,SAAS,IAAI,2BAAgBJ,MAAhB,CAA7B;AACA,QAAMM,cAAc,GAAGD,OAAO,GAAG,cAAI,OAAJ,CAAH,GAAmB,IAAjD,CAXG,CAaH;;AACA,QAAME,cAAc,GAAKC,IAAF,IAAY;AAClC,UAAMC,SAAS,GAAG,CAAEC,KAAK,CAAEC,UAAU,CAAEH,IAAF,CAAZ,CAAzB;AACA,UAAMI,SAAS,GAAGH,SAAS,GAAGD,IAAH,GAAUL,SAArC;AACAN,IAAAA,QAAQ,CAAEe,SAAF,CAAR;AACA,GAJD,CAdG,CAoBH;AACA;;;AACA,QAAMC,kBAAkB,GAAKC,IAAF,IAAY;AACtCf,IAAAA,gBAAgB,CAAE;AACjBgB,MAAAA,OAAO,EAAED,IADQ;AAEjBE,MAAAA,QAAQ,EAAEF,IAFO;AAGjBG,MAAAA,UAAU,EAAEH,IAHK;AAIjBI,MAAAA,WAAW,EAAEJ;AAJI,KAAF,CAAhB;AAMA,GAPD;;AASA,SACC,4BAAC,qCAAD,OACMb,KADN;AAEC,kBAAa,cAAI,eAAJ,CAFd;AAGC,IAAA,YAAY,EAAGI,OAHhB;AAIC,IAAA,MAAM,MAJP;AAKC,IAAA,KAAK,EAAGH,QALT;AAMC,IAAA,QAAQ,EAAGK,cANZ;AAOC,IAAA,YAAY,EAAGM,kBAPhB;AAQC,IAAA,WAAW,EAAGP,cARf;AASC,IAAA,IAAI,EAAG;AATR,IADD;AAaA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalUnitControl as UnitControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetAllValue,\n\tgetAllUnit,\n\thasMixedValues,\n\thasDefinedValues,\n} from './utils';\n\nexport default function AllInputControl( {\n\tonChange,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tvalues,\n\t...props\n} ) {\n\tlet allValue = getAllValue( values );\n\n\tif ( allValue === undefined ) {\n\t\t// If we don't have any value set the unit to any current selection\n\t\t// or the most common unit from the individual radii values.\n\t\tallValue = getAllUnit( selectedUnits );\n\t}\n\n\tconst hasValues = hasDefinedValues( values );\n\tconst isMixed = hasValues && hasMixedValues( values );\n\tconst allPlaceholder = isMixed ? __( 'Mixed' ) : null;\n\n\t// Filter out CSS-unit-only values to prevent invalid styles.\n\tconst handleOnChange = ( next ) => {\n\t\tconst isNumeric = ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\t\tonChange( nextValue );\n\t};\n\n\t// Store current unit selection for use as fallback for individual\n\t// radii controls.\n\tconst handleOnUnitChange = ( unit ) => {\n\t\tsetSelectedUnits( {\n\t\t\ttopLeft: unit,\n\t\t\ttopRight: unit,\n\t\t\tbottomLeft: unit,\n\t\t\tbottomRight: unit,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...props }\n\t\t\taria-label={ __( 'Border radius' ) }\n\t\t\tdisableUnits={ isMixed }\n\t\t\tisOnly\n\t\t\tvalue={ allValue }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ handleOnUnitChange }\n\t\t\tplaceholder={ allPlaceholder }\n\t\t\tsize={ '__unstable-large' }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"names":["_components","require","_i18n","_utils","AllInputControl","onChange","selectedUnits","setSelectedUnits","values","props","allValue","getAllValue","undefined","getAllUnit","hasValues","hasDefinedValues","isMixed","hasMixedValues","allPlaceholder","__","handleOnChange","next","isNumeric","isNaN","parseFloat","nextValue","handleOnUnitChange","unit","topLeft","topRight","bottomLeft","bottomRight","_element","createElement","__experimentalUnitControl","disableUnits","isOnly","value","onUnitChange","placeholder","size"],"sources":["@wordpress/block-editor/src/components/border-radius-control/all-input-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalUnitControl as UnitControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetAllValue,\n\tgetAllUnit,\n\thasMixedValues,\n\thasDefinedValues,\n} from './utils';\n\nexport default function AllInputControl( {\n\tonChange,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tvalues,\n\t...props\n} ) {\n\tlet allValue = getAllValue( values );\n\n\tif ( allValue === undefined ) {\n\t\t// If we don't have any value set the unit to any current selection\n\t\t// or the most common unit from the individual radii values.\n\t\tallValue = getAllUnit( selectedUnits );\n\t}\n\n\tconst hasValues = hasDefinedValues( values );\n\tconst isMixed = hasValues && hasMixedValues( values );\n\tconst allPlaceholder = isMixed ? __( 'Mixed' ) : null;\n\n\t// Filter out CSS-unit-only values to prevent invalid styles.\n\tconst handleOnChange = ( next ) => {\n\t\tconst isNumeric = ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\t\tonChange( nextValue );\n\t};\n\n\t// Store current unit selection for use as fallback for individual\n\t// radii controls.\n\tconst handleOnUnitChange = ( unit ) => {\n\t\tsetSelectedUnits( {\n\t\t\ttopLeft: unit,\n\t\t\ttopRight: unit,\n\t\t\tbottomLeft: unit,\n\t\t\tbottomRight: unit,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...props }\n\t\t\taria-label={ __( 'Border radius' ) }\n\t\t\tdisableUnits={ isMixed }\n\t\t\tisOnly\n\t\t\tvalue={ allValue }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ handleOnUnitChange }\n\t\t\tplaceholder={ allPlaceholder }\n\t\t\tsize={ '__unstable-large' }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAQe,SAASG,eAAeA,CAAE;EACxCC,QAAQ;EACRC,aAAa;EACbC,gBAAgB;EAChBC,MAAM;EACN,GAAGC;AACJ,CAAC,EAAG;EACH,IAAIC,QAAQ,GAAG,IAAAC,kBAAW,EAAEH,MAAO,CAAC;EAEpC,IAAKE,QAAQ,KAAKE,SAAS,EAAG;IAC7B;IACA;IACAF,QAAQ,GAAG,IAAAG,iBAAU,EAAEP,aAAc,CAAC;EACvC;EAEA,MAAMQ,SAAS,GAAG,IAAAC,uBAAgB,EAAEP,MAAO,CAAC;EAC5C,MAAMQ,OAAO,GAAGF,SAAS,IAAI,IAAAG,qBAAc,EAAET,MAAO,CAAC;EACrD,MAAMU,cAAc,GAAGF,OAAO,GAAG,IAAAG,QAAE,EAAE,OAAQ,CAAC,GAAG,IAAI;;EAErD;EACA,MAAMC,cAAc,GAAKC,IAAI,IAAM;IAClC,MAAMC,SAAS,GAAG,CAAEC,KAAK,CAAEC,UAAU,CAAEH,IAAK,CAAE,CAAC;IAC/C,MAAMI,SAAS,GAAGH,SAAS,GAAGD,IAAI,GAAGT,SAAS;IAC9CP,QAAQ,CAAEoB,SAAU,CAAC;EACtB,CAAC;;EAED;EACA;EACA,MAAMC,kBAAkB,GAAKC,IAAI,IAAM;IACtCpB,gBAAgB,CAAE;MACjBqB,OAAO,EAAED,IAAI;MACbE,QAAQ,EAAEF,IAAI;MACdG,UAAU,EAAEH,IAAI;MAChBI,WAAW,EAAEJ;IACd,CAAE,CAAC;EACJ,CAAC;EAED,OACC,IAAAK,QAAA,CAAAC,aAAA,EAACjC,WAAA,CAAAkC,yBAAW;IAAA,GACNzB,KAAK;IACV,cAAa,IAAAU,QAAE,EAAE,eAAgB,CAAG;IACpCgB,YAAY,EAAGnB,OAAS;IACxBoB,MAAM;IACNC,KAAK,EAAG3B,QAAU;IAClBL,QAAQ,EAAGe,cAAgB;IAC3BkB,YAAY,EAAGZ,kBAAoB;IACnCa,WAAW,EAAGrB,cAAgB;IAC9BsB,IAAI,EAAG;EAAoB,CAC3B,CAAC;AAEJ"}