@wordpress/block-editor 12.7.0 → 12.8.1

package/build-module/components/block-types-list/index.native.js

@@ -1,20 +1,19 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { Dimensions, FlatList, SectionList, StyleSheet, Text, TouchableWithoutFeedback, View } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { useState, useEffect } from '@wordpress/element';
 import { BottomSheet, Gradient, InserterButton } from '@wordpress/components';
 import { usePreferredColorScheme, usePreferredColorSchemeStyle } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import styles from './style.scss';
 const MIN_COL_NUM = 3;
 export default function BlockTypesList({
@@ -35,7 +34,6 @@ export default function BlockTypesList({
       dimensionsChangeSubscription.remove();
     };
   }, []);
-
   function calculateItemWidth() {
     const {
       paddingLeft: itemPaddingLeft,
@@ -46,7 +44,6 @@ export default function BlockTypesList({
     } = InserterButton.Styles.modalIconWrapper;
     return width + itemPaddingLeft + itemPaddingRight;
   }
-
   function onLayout() {
     const columnStyle = styles['block-types-list__column'];
     const sumLeftRightPadding = columnStyle.paddingLeft + columnStyle.paddingRight;
@@ -57,15 +54,12 @@ export default function BlockTypesList({
     const numColumns = Math.max(MIN_COL_NUM, columnsFitToWidth);
     setNumberOfColumns(numColumns);
     setMaxWidth(containerTotalWidth / numColumns);
-
     if (columnsFitToWidth < MIN_COL_NUM) {
       const updatedItemWidth = (bottomSheetWidth - 2 * sumLeftRightPadding) / MIN_COL_NUM;
       setItemWidth(updatedItemWidth);
     }
   }
-
   const contentContainerStyle = StyleSheet.flatten(listProps.contentContainerStyle);
-
   const renderSection = ({
     item
   }) => {
@@ -85,7 +79,6 @@ export default function BlockTypesList({
       renderItem: renderListItem
     }));
   };
-
   const renderListItem = ({
     item
   }) => {
@@ -96,11 +89,9 @@ export default function BlockTypesList({
       onSelect: onSelect
     });
   };
-
   const colorScheme = usePreferredColorScheme();
   const sectionHeaderGradientValue = colorScheme === 'light' ? 'linear-gradient(#fff 70%, rgba(255, 255, 255, 0))' : 'linear-gradient(#2e2e2e 70%, rgba(46, 46, 46, 0))';
   const sectionHeaderTitleStyles = usePreferredColorSchemeStyle(styles['block-types-list__section-header-title'], styles['block-types-list__section-header-title--dark']);
-
   const renderSectionHeader = ({
     section: {
       metadata
@@ -109,7 +100,6 @@ export default function BlockTypesList({
     if (!metadata?.icon || !metadata?.title) {
       return null;
     }
-
     return createElement(TouchableWithoutFeedback, {
       accessible: false
     }, createElement(Gradient, {
@@ -119,7 +109,6 @@ export default function BlockTypesList({
       style: sectionHeaderTitleStyles
     }, metadata?.title)));
   };
-
   return createElement(SectionList, {
     onLayout: onLayout,
     testID: `InserterUI-${name}`,
@@ -130,7 +119,8 @@ export default function BlockTypesList({
     renderItem: renderSection,
     renderSectionHeader: renderSectionHeader,
     ...listProps,
-    contentContainerStyle: { ...contentContainerStyle,
+    contentContainerStyle: {
+      ...contentContainerStyle,
       paddingBottom: Math.max(listProps.safeAreaBottomInset, contentContainerStyle.paddingBottom)
     }
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-types-list/index.native.js"],"names":["Dimensions","FlatList","SectionList","StyleSheet","Text","TouchableWithoutFeedback","View","useState","useEffect","BottomSheet","Gradient","InserterButton","usePreferredColorScheme","usePreferredColorSchemeStyle","styles","MIN_COL_NUM","BlockTypesList","name","sections","onSelect","label","listProps","initialNumToRender","numberOfColumns","setNumberOfColumns","itemWidth","setItemWidth","maxWidth","setMaxWidth","dimensionsChangeSubscription","addEventListener","onLayout","remove","calculateItemWidth","paddingLeft","itemPaddingLeft","paddingRight","itemPaddingRight","Styles","modalItem","width","modalIconWrapper","columnStyle","sumLeftRightPadding","bottomSheetWidth","getWidth","containerTotalWidth","itemTotalWidth","columnsFitToWidth","Math","floor","numColumns","max","updatedItemWidth","contentContainerStyle","flatten","renderSection","item","list","renderListItem","colorScheme","sectionHeaderGradientValue","sectionHeaderTitleStyles","renderSectionHeader","section","metadata","icon","title","paddingBottom","safeAreaBottomInset"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tDimensions,\n\tFlatList,\n\tSectionList,\n\tStyleSheet,\n\tText,\n\tTouchableWithoutFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { BottomSheet, Gradient, InserterButton } from '@wordpress/components';\nimport {\n\tusePreferredColorScheme,\n\tusePreferredColorSchemeStyle,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst MIN_COL_NUM = 3;\n\nexport default function BlockTypesList( {\n\tname,\n\tsections,\n\tonSelect,\n\tlabel,\n\tlistProps,\n\tinitialNumToRender = 3,\n} ) {\n\tconst [ numberOfColumns, setNumberOfColumns ] = useState( MIN_COL_NUM );\n\tconst [ itemWidth, setItemWidth ] = useState();\n\tconst [ maxWidth, setMaxWidth ] = useState();\n\n\tuseEffect( () => {\n\t\tconst dimensionsChangeSubscription = Dimensions.addEventListener(\n\t\t\t'change',\n\t\t\tonLayout\n\t\t);\n\t\tonLayout();\n\t\treturn () => {\n\t\t\tdimensionsChangeSubscription.remove();\n\t\t};\n\t}, [] );\n\n\tfunction calculateItemWidth() {\n\t\tconst { paddingLeft: itemPaddingLeft, paddingRight: itemPaddingRight } =\n\t\t\tInserterButton.Styles.modalItem;\n\t\tconst { width } = InserterButton.Styles.modalIconWrapper;\n\t\treturn width + itemPaddingLeft + itemPaddingRight;\n\t}\n\n\tfunction onLayout() {\n\t\tconst columnStyle = styles[ 'block-types-list__column' ];\n\t\tconst sumLeftRightPadding =\n\t\t\tcolumnStyle.paddingLeft + columnStyle.paddingRight;\n\n\t\tconst bottomSheetWidth = BottomSheet.getWidth();\n\t\tconst containerTotalWidth = bottomSheetWidth - sumLeftRightPadding;\n\t\tconst itemTotalWidth = calculateItemWidth();\n\n\t\tconst columnsFitToWidth = Math.floor(\n\t\t\tcontainerTotalWidth / itemTotalWidth\n\t\t);\n\n\t\tconst numColumns = Math.max( MIN_COL_NUM, columnsFitToWidth );\n\n\t\tsetNumberOfColumns( numColumns );\n\t\tsetMaxWidth( containerTotalWidth / numColumns );\n\n\t\tif ( columnsFitToWidth < MIN_COL_NUM ) {\n\t\t\tconst updatedItemWidth =\n\t\t\t\t( bottomSheetWidth - 2 * sumLeftRightPadding ) / MIN_COL_NUM;\n\t\t\tsetItemWidth( updatedItemWidth );\n\t\t}\n\t}\n\n\tconst contentContainerStyle = StyleSheet.flatten(\n\t\tlistProps.contentContainerStyle\n\t);\n\n\tconst renderSection = ( { item } ) => {\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback accessible={ false }>\n\t\t\t\t<FlatList\n\t\t\t\t\tdata={ item.list }\n\t\t\t\t\tkey={ `InserterUI-${ name }-${ numberOfColumns }` } // Re-render when numberOfColumns changes.\n\t\t\t\t\tnumColumns={ numberOfColumns }\n\t\t\t\t\tItemSeparatorComponent={ () => (\n\t\t\t\t\t\t<TouchableWithoutFeedback accessible={ false }>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tstyles[ 'block-types-list__row-separator' ]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t\t) }\n\t\t\t\t\tscrollEnabled={ false }\n\t\t\t\t\trenderItem={ renderListItem }\n\t\t\t\t/>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t};\n\n\tconst renderListItem = ( { item } ) => {\n\t\treturn (\n\t\t\t<InserterButton\n\t\t\t\titem={ item }\n\t\t\t\titemWidth={ itemWidth }\n\t\t\t\tmaxWidth={ maxWidth }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst colorScheme = usePreferredColorScheme();\n\tconst sectionHeaderGradientValue =\n\t\tcolorScheme === 'light'\n\t\t\t? 'linear-gradient(#fff 70%, rgba(255, 255, 255, 0))'\n\t\t\t: 'linear-gradient(#2e2e2e 70%, rgba(46, 46, 46, 0))';\n\tconst sectionHeaderTitleStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'block-types-list__section-header-title' ],\n\t\tstyles[ 'block-types-list__section-header-title--dark' ]\n\t);\n\n\tconst renderSectionHeader = ( { section: { metadata } } ) => {\n\t\tif ( ! metadata?.icon || ! metadata?.title ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback accessible={ false }>\n\t\t\t\t<Gradient\n\t\t\t\t\tgradientValue={ sectionHeaderGradientValue }\n\t\t\t\t\tstyle={ styles[ 'block-types-list__section-header' ] }\n\t\t\t\t>\n\t\t\t\t\t{ metadata?.icon }\n\t\t\t\t\t<Text style={ sectionHeaderTitleStyles }>\n\t\t\t\t\t\t{ metadata?.title }\n\t\t\t\t\t</Text>\n\t\t\t\t</Gradient>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t};\n\n\treturn (\n\t\t<SectionList\n\t\t\tonLayout={ onLayout }\n\t\t\ttestID={ `InserterUI-${ name }` }\n\t\t\taccessibilityLabel={ label }\n\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\tsections={ sections }\n\t\t\tinitialNumToRender={ initialNumToRender }\n\t\t\trenderItem={ renderSection }\n\t\t\trenderSectionHeader={ renderSectionHeader }\n\t\t\t{ ...listProps }\n\t\t\tcontentContainerStyle={ {\n\t\t\t\t...contentContainerStyle,\n\t\t\t\tpaddingBottom: Math.max(\n\t\t\t\t\tlistProps.safeAreaBottomInset,\n\t\t\t\t\tcontentContainerStyle.paddingBottom\n\t\t\t\t),\n\t\t\t} }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"names":["Dimensions","FlatList","SectionList","StyleSheet","Text","TouchableWithoutFeedback","View","useState","useEffect","BottomSheet","Gradient","InserterButton","usePreferredColorScheme","usePreferredColorSchemeStyle","styles","MIN_COL_NUM","BlockTypesList","name","sections","onSelect","label","listProps","initialNumToRender","numberOfColumns","setNumberOfColumns","itemWidth","setItemWidth","maxWidth","setMaxWidth","dimensionsChangeSubscription","addEventListener","onLayout","remove","calculateItemWidth","paddingLeft","itemPaddingLeft","paddingRight","itemPaddingRight","Styles","modalItem","width","modalIconWrapper","columnStyle","sumLeftRightPadding","bottomSheetWidth","getWidth","containerTotalWidth","itemTotalWidth","columnsFitToWidth","Math","floor","numColumns","max","updatedItemWidth","contentContainerStyle","flatten","renderSection","item","createElement","accessible","data","list","key","ItemSeparatorComponent","style","scrollEnabled","renderItem","renderListItem","colorScheme","sectionHeaderGradientValue","sectionHeaderTitleStyles","renderSectionHeader","section","metadata","icon","title","gradientValue","testID","accessibilityLabel","keyboardShouldPersistTaps","paddingBottom","safeAreaBottomInset"],"sources":["@wordpress/block-editor/src/components/block-types-list/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tDimensions,\n\tFlatList,\n\tSectionList,\n\tStyleSheet,\n\tText,\n\tTouchableWithoutFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { BottomSheet, Gradient, InserterButton } from '@wordpress/components';\nimport {\n\tusePreferredColorScheme,\n\tusePreferredColorSchemeStyle,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst MIN_COL_NUM = 3;\n\nexport default function BlockTypesList( {\n\tname,\n\tsections,\n\tonSelect,\n\tlabel,\n\tlistProps,\n\tinitialNumToRender = 3,\n} ) {\n\tconst [ numberOfColumns, setNumberOfColumns ] = useState( MIN_COL_NUM );\n\tconst [ itemWidth, setItemWidth ] = useState();\n\tconst [ maxWidth, setMaxWidth ] = useState();\n\n\tuseEffect( () => {\n\t\tconst dimensionsChangeSubscription = Dimensions.addEventListener(\n\t\t\t'change',\n\t\t\tonLayout\n\t\t);\n\t\tonLayout();\n\t\treturn () => {\n\t\t\tdimensionsChangeSubscription.remove();\n\t\t};\n\t}, [] );\n\n\tfunction calculateItemWidth() {\n\t\tconst { paddingLeft: itemPaddingLeft, paddingRight: itemPaddingRight } =\n\t\t\tInserterButton.Styles.modalItem;\n\t\tconst { width } = InserterButton.Styles.modalIconWrapper;\n\t\treturn width + itemPaddingLeft + itemPaddingRight;\n\t}\n\n\tfunction onLayout() {\n\t\tconst columnStyle = styles[ 'block-types-list__column' ];\n\t\tconst sumLeftRightPadding =\n\t\t\tcolumnStyle.paddingLeft + columnStyle.paddingRight;\n\n\t\tconst bottomSheetWidth = BottomSheet.getWidth();\n\t\tconst containerTotalWidth = bottomSheetWidth - sumLeftRightPadding;\n\t\tconst itemTotalWidth = calculateItemWidth();\n\n\t\tconst columnsFitToWidth = Math.floor(\n\t\t\tcontainerTotalWidth / itemTotalWidth\n\t\t);\n\n\t\tconst numColumns = Math.max( MIN_COL_NUM, columnsFitToWidth );\n\n\t\tsetNumberOfColumns( numColumns );\n\t\tsetMaxWidth( containerTotalWidth / numColumns );\n\n\t\tif ( columnsFitToWidth < MIN_COL_NUM ) {\n\t\t\tconst updatedItemWidth =\n\t\t\t\t( bottomSheetWidth - 2 * sumLeftRightPadding ) / MIN_COL_NUM;\n\t\t\tsetItemWidth( updatedItemWidth );\n\t\t}\n\t}\n\n\tconst contentContainerStyle = StyleSheet.flatten(\n\t\tlistProps.contentContainerStyle\n\t);\n\n\tconst renderSection = ( { item } ) => {\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback accessible={ false }>\n\t\t\t\t<FlatList\n\t\t\t\t\tdata={ item.list }\n\t\t\t\t\tkey={ `InserterUI-${ name }-${ numberOfColumns }` } // Re-render when numberOfColumns changes.\n\t\t\t\t\tnumColumns={ numberOfColumns }\n\t\t\t\t\tItemSeparatorComponent={ () => (\n\t\t\t\t\t\t<TouchableWithoutFeedback accessible={ false }>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tstyles[ 'block-types-list__row-separator' ]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t\t) }\n\t\t\t\t\tscrollEnabled={ false }\n\t\t\t\t\trenderItem={ renderListItem }\n\t\t\t\t/>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t};\n\n\tconst renderListItem = ( { item } ) => {\n\t\treturn (\n\t\t\t<InserterButton\n\t\t\t\titem={ item }\n\t\t\t\titemWidth={ itemWidth }\n\t\t\t\tmaxWidth={ maxWidth }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst colorScheme = usePreferredColorScheme();\n\tconst sectionHeaderGradientValue =\n\t\tcolorScheme === 'light'\n\t\t\t? 'linear-gradient(#fff 70%, rgba(255, 255, 255, 0))'\n\t\t\t: 'linear-gradient(#2e2e2e 70%, rgba(46, 46, 46, 0))';\n\tconst sectionHeaderTitleStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'block-types-list__section-header-title' ],\n\t\tstyles[ 'block-types-list__section-header-title--dark' ]\n\t);\n\n\tconst renderSectionHeader = ( { section: { metadata } } ) => {\n\t\tif ( ! metadata?.icon || ! metadata?.title ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback accessible={ false }>\n\t\t\t\t<Gradient\n\t\t\t\t\tgradientValue={ sectionHeaderGradientValue }\n\t\t\t\t\tstyle={ styles[ 'block-types-list__section-header' ] }\n\t\t\t\t>\n\t\t\t\t\t{ metadata?.icon }\n\t\t\t\t\t<Text style={ sectionHeaderTitleStyles }>\n\t\t\t\t\t\t{ metadata?.title }\n\t\t\t\t\t</Text>\n\t\t\t\t</Gradient>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t};\n\n\treturn (\n\t\t<SectionList\n\t\t\tonLayout={ onLayout }\n\t\t\ttestID={ `InserterUI-${ name }` }\n\t\t\taccessibilityLabel={ label }\n\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\tsections={ sections }\n\t\t\tinitialNumToRender={ initialNumToRender }\n\t\t\trenderItem={ renderSection }\n\t\t\trenderSectionHeader={ renderSectionHeader }\n\t\t\t{ ...listProps }\n\t\t\tcontentContainerStyle={ {\n\t\t\t\t...contentContainerStyle,\n\t\t\t\tpaddingBottom: Math.max(\n\t\t\t\t\tlistProps.safeAreaBottomInset,\n\t\t\t\t\tcontentContainerStyle.paddingBottom\n\t\t\t\t),\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

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

@@ -1,17 +1,15 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { __ } from '@wordpress/i18n';
 import { Button, Placeholder } from '@wordpress/components';
 import { layout } from '@wordpress/icons';
-
 function BlockVariationPicker({
   icon = layout,
   label = __('Choose variation'),
@@ -50,6 +48,5 @@ function BlockVariationPicker({
     onClick: () => onSelect()
   }, __('Skip'))));
 }
-
 export default BlockVariationPicker;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-variation-picker/index.js"],"names":["classnames","__","Button","Placeholder","layout","BlockVariationPicker","icon","label","instructions","variations","onSelect","allowSkip","classes","length","map","variation","name","src","description","title"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,MAAT,EAAiBC,WAAjB,QAAoC,uBAApC;AACA,SAASC,MAAT,QAAuB,kBAAvB;;AAEA,SAASC,oBAAT,CAA+B;AAC9BC,EAAAA,IAAI,GAAGF,MADuB;AAE9BG,EAAAA,KAAK,GAAGN,EAAE,CAAE,kBAAF,CAFoB;AAG9BO,EAAAA,YAAY,GAAGP,EAAE,CAAE,mCAAF,CAHa;AAI9BQ,EAAAA,UAJ8B;AAK9BC,EAAAA,QAL8B;AAM9BC,EAAAA;AAN8B,CAA/B,EAOI;AACH,QAAMC,OAAO,GAAGZ,UAAU,CAAE,qCAAF,EAAyC;AAClE,2BAAuBS,UAAU,CAACI,MAAX,GAAoB;AADuB,GAAzC,CAA1B;AAIA,SACC,cAAC,WAAD;AACC,IAAA,IAAI,EAAGP,IADR;AAEC,IAAA,KAAK,EAAGC,KAFT;AAGC,IAAA,YAAY,EAAGC,YAHhB;AAIC,IAAA,SAAS,EAAGI;AAJb,KAWC;AACC,IAAA,SAAS,EAAC,iDADX;AAEC,IAAA,IAAI,EAAC,MAFN;AAGC,kBAAaX,EAAE,CAAE,kBAAF;AAHhB,KAKGQ,UAAU,CAACK,GAAX,CAAkBC,SAAF,IACjB;AAAI,IAAA,GAAG,EAAGA,SAAS,CAACC;AAApB,KACC,cAAC,MAAD;AACC,IAAA,OAAO,EAAC,WADT;AAEC,IAAA,IAAI,EACHD,SAAS,CAACT,IAAV,IAAkBS,SAAS,CAACT,IAAV,CAAeW,GAAjC,GACGF,SAAS,CAACT,IAAV,CAAeW,GADlB,GAEGF,SAAS,CAACT,IALf;AAOC,IAAA,QAAQ,EAAG,EAPZ;AAQC,IAAA,OAAO,EAAG,MAAMI,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,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAC,MAAhB;AAAuB,IAAA,OAAO,EAAG,MAAMD,QAAQ;AAA/C,KACGT,EAAE,CAAE,MAAF,CADL,CADD,CAtCF,CADD;AA+CA;;AAED,eAAeI,oBAAf","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","__","Button","Placeholder","layout","BlockVariationPicker","icon","label","instructions","variations","onSelect","allowSkip","classes","length","createElement","className","role","map","variation","key","name","variant","src","iconSize","onClick","description","title"],"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":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,EAAEC,WAAW,QAAQ,uBAAuB;AAC3D,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,SAASC,oBAAoBA,CAAE;EAC9BC,IAAI,GAAGF,MAAM;EACbG,KAAK,GAAGN,EAAE,CAAE,kBAAmB,CAAC;EAChCO,YAAY,GAAGP,EAAE,CAAE,mCAAoC,CAAC;EACxDQ,UAAU;EACVC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,OAAO,GAAGZ,UAAU,CAAE,qCAAqC,EAAE;IAClE,qBAAqB,EAAES,UAAU,CAACI,MAAM,GAAG;EAC5C,CAAE,CAAC;EAEH,OACCC,aAAA,CAACX,WAAW;IACXG,IAAI,EAAGA,IAAM;IACbC,KAAK,EAAGA,KAAO;IACfC,YAAY,EAAGA,YAAc;IAC7BO,SAAS,EAAGH;EAAS,GAOrBE,aAAA;IACCC,SAAS,EAAC,iDAAiD;IAC3DC,IAAI,EAAC,MAAM;IACX,cAAaf,EAAE,CAAE,kBAAmB;EAAG,GAErCQ,UAAU,CAACQ,GAAG,CAAIC,SAAS,IAC5BJ,aAAA;IAAIK,GAAG,EAAGD,SAAS,CAACE;EAAM,GACzBN,aAAA,CAACZ,MAAM;IACNmB,OAAO,EAAC,WAAW;IACnBf,IAAI,EACHY,SAAS,CAACZ,IAAI,IAAIY,SAAS,CAACZ,IAAI,CAACgB,GAAG,GACjCJ,SAAS,CAACZ,IAAI,CAACgB,GAAG,GAClBJ,SAAS,CAACZ,IACb;IACDiB,QAAQ,EAAG,EAAI;IACfC,OAAO,EAAGA,CAAA,KAAMd,QAAQ,CAAEQ,SAAU,CAAG;IACvCH,SAAS,EAAC,gDAAgD;IAC1DR,KAAK,EAAGW,SAAS,CAACO,WAAW,IAAIP,SAAS,CAACQ;EAAO,CAClD,CAAC,EACFZ,aAAA;IAAMC,SAAS,EAAC;EAAsD,GACnEG,SAAS,CAACQ,KACP,CACH,CACH,CACC,CAAC,EAEHf,SAAS,IACVG,aAAA;IAAKC,SAAS,EAAC;EAA2C,GACzDD,aAAA,CAACZ,MAAM;IAACmB,OAAO,EAAC,MAAM;IAACG,OAAO,EAAGA,CAAA,KAAMd,QAAQ,CAAC;EAAG,GAChDT,EAAE,CAAE,MAAO,CACN,CACJ,CAEM,CAAC;AAEhB;AAEA,eAAeI,oBAAoB"}

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

@@ -1,23 +1,22 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { ScrollView, View, Text, TouchableWithoutFeedback, Platform } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { useDispatch } from '@wordpress/data';
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 import { createBlocksFromInnerBlocksTemplate } from '@wordpress/blocks';
 import { __ } from '@wordpress/i18n';
 import { PanelBody, BottomSheet, FooterMessageControl, InserterButton } from '@wordpress/components';
 import { Icon, close } from '@wordpress/icons';
+
 /**
  * Internal dependencies
  */
-
 import styles from './style.scss';
 import { store as blockEditorStore } from '../../store';
 const hitSlop = {
@@ -26,7 +25,6 @@ const hitSlop = {
   left: 22,
   right: 22
 };
-
 function BlockVariationPicker({
   isVisible,
   onClose,
@@ -49,12 +47,10 @@ function BlockVariationPicker({
     size: 24,
     style: styles.closeIcon
   })));
-
   const onVariationSelect = variation => {
     replaceInnerBlocks(clientId, createBlocksFromInnerBlocksTemplate(variation.innerBlocks));
     onClose();
   };
-
   return createElement(BottomSheet, {
     isVisible: isVisible,
     onClose: onClose,
@@ -75,6 +71,5 @@ function BlockVariationPicker({
     label: __('Note: Column layout may vary between themes and screen sizes')
   })));
 }
-
 export default BlockVariationPicker;
 //# sourceMappingURL=index.native.js.map

package/build-module/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":["ScrollView","View","Text","TouchableWithoutFeedback","Platform","useDispatch","usePreferredColorSchemeStyle","createBlocksFromInnerBlocksTemplate","__","PanelBody","BottomSheet","FooterMessageControl","InserterButton","Icon","close","styles","store","blockEditorStore","hitSlop","top","bottom","left","right","BlockVariationPicker","isVisible","onClose","clientId","variations","replaceInnerBlocks","isIOS","OS","cancelButtonStyle","cancelButton","cancelButtonDark","leftButton","closeIcon","onVariationSelect","variation","innerBlocks","contentStyle","contentContainerStyle","containerStyle","map","v","name"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,UADD,EAECC,IAFD,EAGCC,IAHD,EAICC,wBAJD,EAKCC,QALD,QAMO,cANP;AAQA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AACA,SAASC,mCAAT,QAAoD,mBAApD;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SACCC,SADD,EAECC,WAFD,EAGCC,oBAHD,EAICC,cAJD,QAKO,uBALP;AAMA,SAASC,IAAT,EAAeC,KAAf,QAA4B,kBAA5B;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AAEA,MAAMC,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,MAAyBvB,WAAW,CAAEY,gBAAF,CAA1C;AACA,QAAMY,KAAK,GAAGzB,QAAQ,CAAC0B,EAAT,KAAgB,KAA9B;AAEA,QAAMC,iBAAiB,GAAGzB,4BAA4B,CACrDS,MAAM,CAACiB,YAD8C,EAErDjB,MAAM,CAACkB,gBAF8C,CAAtD;AAKA,QAAMC,UAAU,GACf,cAAC,wBAAD;AAA0B,IAAA,OAAO,EAAGT,OAApC;AAA8C,IAAA,OAAO,EAAGP;AAAxD,KACC,cAAC,IAAD,QACGW,KAAK,GACN,cAAC,IAAD;AACC,IAAA,KAAK,EAAGE,iBADT;AAEC,IAAA,qBAAqB,EAAG;AAFzB,KAIGvB,EAAE,CAAE,QAAF,CAJL,CADM,GAQN,cAAC,IAAD;AACC,IAAA,IAAI,EAAGM,KADR;AAEC,IAAA,IAAI,EAAG,EAFR;AAGC,IAAA,KAAK,EAAGC,MAAM,CAACoB;AAHhB,IATF,CADD,CADD;;AAqBA,QAAMC,iBAAiB,GAAKC,SAAF,IAAiB;AAC1CT,IAAAA,kBAAkB,CACjBF,QADiB,EAEjBnB,mCAAmC,CAAE8B,SAAS,CAACC,WAAZ,CAFlB,CAAlB;AAIAb,IAAAA,OAAO;AACP,GAND;;AAQA,SACC,cAAC,WAAD;AACC,IAAA,SAAS,EAAGD,SADb;AAEC,IAAA,OAAO,EAAGC,OAFX;AAGC,IAAA,KAAK,EAAGjB,EAAE,CAAE,iBAAF,CAHX;AAIC,IAAA,YAAY,EAAGO,MAAM,CAACwB,YAJvB;AAKC,IAAA,UAAU,EAAGL,UALd;AAMC,IAAA,MAAM,EAAC;AANR,KAQC,cAAC,UAAD;AACC,IAAA,UAAU,MADX;AAEC,IAAA,8BAA8B,EAAG,KAFlC;AAGC,IAAA,qBAAqB,EAAGnB,MAAM,CAACyB,qBAHhC;AAIC,IAAA,KAAK,EAAGzB,MAAM,CAAC0B;AAJhB,KAMGd,UAAU,CAACe,GAAX,CAAkBC,CAAF,IACjB,cAAC,cAAD;AACC,IAAA,IAAI,EAAGA,CADR;AAEC,IAAA,GAAG,EAAGA,CAAC,CAACC,IAFT;AAGC,IAAA,QAAQ,EAAG,MAAMR,iBAAiB,CAAEO,CAAF;AAHnC,IADC,CANH,CARD,EAsBC,cAAC,SAAD,QACC,cAAC,oBAAD;AACC,IAAA,KAAK,EAAGnC,EAAE,CACT,8DADS;AADX,IADD,CAtBD,CADD;AAgCA;;AAED,eAAee,oBAAf","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"]}
+{"version":3,"names":["ScrollView","View","Text","TouchableWithoutFeedback","Platform","useDispatch","usePreferredColorSchemeStyle","createBlocksFromInnerBlocksTemplate","__","PanelBody","BottomSheet","FooterMessageControl","InserterButton","Icon","close","styles","store","blockEditorStore","hitSlop","top","bottom","left","right","BlockVariationPicker","isVisible","onClose","clientId","variations","replaceInnerBlocks","isIOS","OS","cancelButtonStyle","cancelButton","cancelButtonDark","leftButton","createElement","onPress","style","maxFontSizeMultiplier","icon","size","closeIcon","onVariationSelect","variation","innerBlocks","title","contentStyle","testID","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","containerStyle","map","v","item","key","name","onSelect","label"],"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":";AAAA;AACA;AACA;AACA,SACCA,UAAU,EACVC,IAAI,EACJC,IAAI,EACJC,wBAAwB,EACxBC,QAAQ,QACF,cAAc;;AAErB;AACA;AACA;AACA,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,4BAA4B,QAAQ,oBAAoB;AACjE,SAASC,mCAAmC,QAAQ,mBAAmB;AACvE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,SAAS,EACTC,WAAW,EACXC,oBAAoB,EACpBC,cAAc,QACR,uBAAuB;AAC9B,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;;AAE9C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,MAAMC,OAAO,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;AAE5D,SAASC,oBAAoBA,CAAE;EAAEC,SAAS;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAW,CAAC,EAAG;EAC7E,MAAM;IAAEC;EAAmB,CAAC,GAAGvB,WAAW,CAAEY,gBAAiB,CAAC;EAC9D,MAAMY,KAAK,GAAGzB,QAAQ,CAAC0B,EAAE,KAAK,KAAK;EAEnC,MAAMC,iBAAiB,GAAGzB,4BAA4B,CACrDS,MAAM,CAACiB,YAAY,EACnBjB,MAAM,CAACkB,gBACR,CAAC;EAED,MAAMC,UAAU,GACfC,aAAA,CAAChC,wBAAwB;IAACiC,OAAO,EAAGX,OAAS;IAACP,OAAO,EAAGA;EAAS,GAChEiB,aAAA,CAAClC,IAAI,QACF4B,KAAK,GACNM,aAAA,CAACjC,IAAI;IACJmC,KAAK,EAAGN,iBAAmB;IAC3BO,qBAAqB,EAAG;EAAG,GAEzB9B,EAAE,CAAE,QAAS,CACV,CAAC,GAEP2B,aAAA,CAACtB,IAAI;IACJ0B,IAAI,EAAGzB,KAAO;IACd0B,IAAI,EAAG,EAAI;IACXH,KAAK,EAAGtB,MAAM,CAAC0B;EAAW,CAC1B,CAEG,CACmB,CAC1B;EAED,MAAMC,iBAAiB,GAAKC,SAAS,IAAM;IAC1Cf,kBAAkB,CACjBF,QAAQ,EACRnB,mCAAmC,CAAEoC,SAAS,CAACC,WAAY,CAC5D,CAAC;IACDnB,OAAO,CAAC,CAAC;EACV,CAAC;EAED,OACCU,aAAA,CAACzB,WAAW;IACXc,SAAS,EAAGA,SAAW;IACvBC,OAAO,EAAGA,OAAS;IACnBoB,KAAK,EAAGrC,EAAE,CAAE,iBAAkB,CAAG;IACjCsC,YAAY,EAAG/B,MAAM,CAAC+B,YAAc;IACpCZ,UAAU,EAAGA,UAAY;IACzBa,MAAM,EAAC;EAAuB,GAE9BZ,aAAA,CAACnC,UAAU;IACVgD,UAAU;IACVC,8BAA8B,EAAG,KAAO;IACxCC,qBAAqB,EAAGnC,MAAM,CAACmC,qBAAuB;IACtDb,KAAK,EAAGtB,MAAM,CAACoC;EAAgB,GAE7BxB,UAAU,CAACyB,GAAG,CAAIC,CAAC,IACpBlB,aAAA,CAACvB,cAAc;IACd0C,IAAI,EAAGD,CAAG;IACVE,GAAG,EAAGF,CAAC,CAACG,IAAM;IACdC,QAAQ,EAAGA,CAAA,KAAMf,iBAAiB,CAAEW,CAAE;EAAG,CACzC,CACA,CACS,CAAC,EACblB,aAAA,CAAC1B,SAAS,QACT0B,aAAA,CAACxB,oBAAoB;IACpB+C,KAAK,EAAGlD,EAAE,CACT,8DACD;EAAG,CACH,CACS,CACC,CAAC;AAEhB;AAEA,eAAee,oBAAoB"}

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

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -9,13 +8,12 @@ import { Button, DropdownMenu, MenuGroup, MenuItemsChoice, VisuallyHidden } from
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useMemo } from '@wordpress/element';
 import { chevronDown } from '@wordpress/icons';
+
 /**
  * Internal dependencies
  */
-
 import BlockIcon from '../block-icon';
 import { store as blockEditorStore } from '../../store';
-
 function VariationsButtons({
   className,
   onSelectVariation,
@@ -33,15 +31,13 @@ function VariationsButtons({
       showColors: true
     }),
     isPressed: selectedValue === variation.name,
-    label: selectedValue === variation.name ? variation.title : sprintf(
-    /* translators: %s: Name of the block variation */
+    label: selectedValue === variation.name ? variation.title : sprintf( /* translators: %s: Name of the block variation */
     __('Transform to %s'), variation.title),
     onClick: () => onSelectVariation(variation.name),
     "aria-label": variation.title,
     showTooltip: true
   })));
 }
-
 function VariationsDropdown({
   className,
   onSelectVariation,
@@ -77,7 +73,6 @@ function VariationsDropdown({
     onSelect: onSelectVariation
   }))));
 }
-
 function __experimentalBlockVariationTransforms({
   blockClientId
 }) {
@@ -102,15 +97,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 = useMemo(() => {
     const variationIcons = new Set();
-
     if (!variations) {
       return false;
     }
-
     variations.forEach(variation => {
       if (variation.icon) {
         variationIcons.add(variation.icon?.src || variation.icon);
@@ -118,16 +112,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 createElement(Component, {
@@ -137,6 +131,5 @@ function __experimentalBlockVariationTransforms({
     variations: variations
   });
 }
-
 export default __experimentalBlockVariationTransforms;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-variation-transforms/index.js"],"names":["store","blocksStore","__","sprintf","Button","DropdownMenu","MenuGroup","MenuItemsChoice","VisuallyHidden","useSelect","useDispatch","useMemo","chevronDown","BlockIcon","blockEditorStore","VariationsButtons","className","onSelectVariation","selectedValue","variations","map","variation","name","icon","title","VariationsDropdown","selectOptions","description","value","label","info","position","iconPosition","__experimentalBlockVariationTransforms","blockClientId","updateBlockAttributes","activeBlockVariation","select","getActiveBlockVariation","getBlockVariations","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":["store","blocksStore","__","sprintf","Button","DropdownMenu","MenuGroup","MenuItemsChoice","VisuallyHidden","useSelect","useDispatch","useMemo","chevronDown","BlockIcon","blockEditorStore","VariationsButtons","className","onSelectVariation","selectedValue","variations","createElement","as","map","variation","key","name","icon","showColors","isPressed","label","title","onClick","showTooltip","VariationsDropdown","selectOptions","description","value","info","text","popoverProps","position","toggleProps","iconPosition","choices","onSelect","__experimentalBlockVariationTransforms","blockClientId","updateBlockAttributes","activeBlockVariation","select","getActiveBlockVariation","getBlockVariations","getBlockName","getBlockAttributes","hasUniqueIcons","variationIcons","Set","forEach","add","src","size","length","variationName","find","attributes","baseClass","Component"],"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-module/components/block-vertical-alignment-control/icons.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */

package/build-module/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":["Path","SVG","alignBottom","alignCenter","alignTop","alignStretch","spaceBetween"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,GAAf,QAA0B,uBAA1B;AAEA,OAAO,MAAMC,WAAW,GACvB,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADM;AAMP,OAAO,MAAMC,WAAW,GACvB,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADM;AAMP,OAAO,MAAMC,QAAQ,GACpB,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADM;AAMP,OAAO,MAAMC,YAAY,GACxB,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADM;AAMP,OAAO,MAAMC,YAAY,GACxB,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,cAAC,IAAD;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":["Path","SVG","alignBottom","createElement","xmlns","viewBox","d","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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,GAAG,QAAQ,uBAAuB;AAEjD,OAAO,MAAMC,WAAW,GACvBC,aAAA,CAACF,GAAG;EAACG,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1DF,aAAA,CAACH,IAAI;EAACM,CAAC,EAAC;AAAsC,CAAE,CAC5C,CACL;AAED,OAAO,MAAMC,WAAW,GACvBJ,aAAA,CAACF,GAAG;EAACG,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1DF,aAAA,CAACH,IAAI;EAACM,CAAC,EAAC;AAAsC,CAAE,CAC5C,CACL;AAED,OAAO,MAAME,QAAQ,GACpBL,aAAA,CAACF,GAAG;EAACG,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1DF,aAAA,CAACH,IAAI;EAACM,CAAC,EAAC;AAAiC,CAAE,CACvC,CACL;AAED,OAAO,MAAMG,YAAY,GACxBN,aAAA,CAACF,GAAG;EAACG,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1DF,aAAA,CAACH,IAAI;EAACM,CAAC,EAAC;AAA4F,CAAE,CAClG,CACL;AAED,OAAO,MAAMI,YAAY,GACxBP,aAAA,CAACF,GAAG;EAACG,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1DF,aAAA,CAACH,IAAI;EAACM,CAAC,EAAC;AAAoE,CAAE,CAC1E,CACL"}

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

@@ -1,25 +1,23 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * Internal dependencies
  */
 import BlockVerticalAlignmentUI from './ui';
-
 const BlockVerticalAlignmentControl = props => {
-  return createElement(BlockVerticalAlignmentUI, { ...props,
+  return createElement(BlockVerticalAlignmentUI, {
+    ...props,
     isToolbar: false
   });
 };
-
 const BlockVerticalAlignmentToolbar = props => {
-  return createElement(BlockVerticalAlignmentUI, { ...props,
+  return createElement(BlockVerticalAlignmentUI, {
+    ...props,
     isToolbar: true
   });
 };
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-control/README.md
  */
-
-
 export { BlockVerticalAlignmentControl, BlockVerticalAlignmentToolbar };
 //# sourceMappingURL=index.js.map

package/build-module/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":["BlockVerticalAlignmentUI","BlockVerticalAlignmentControl","props","BlockVerticalAlignmentToolbar"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,wBAAP,MAAqC,MAArC;;AAEA,MAAMC,6BAA6B,GAAKC,KAAF,IAAa;AAClD,SAAO,cAAC,wBAAD,OAA+BA,KAA/B;AAAuC,IAAA,SAAS,EAAG;AAAnD,IAAP;AACA,CAFD;;AAIA,MAAMC,6BAA6B,GAAKD,KAAF,IAAa;AAClD,SAAO,cAAC,wBAAD,OAA+BA,KAA/B;AAAuC,IAAA,SAAS;AAAhD,IAAP;AACA,CAFD;AAIA;AACA;AACA;;;AACA,SAASD,6BAAT,EAAwCE,6BAAxC","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":["BlockVerticalAlignmentUI","BlockVerticalAlignmentControl","props","createElement","isToolbar","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":";AAAA;AACA;AACA;AACA,OAAOA,wBAAwB,MAAM,MAAM;AAE3C,MAAMC,6BAA6B,GAAKC,KAAK,IAAM;EAClD,OAAOC,aAAA,CAACH,wBAAwB;IAAA,GAAME,KAAK;IAAGE,SAAS,EAAG;EAAO,CAAE,CAAC;AACrE,CAAC;AAED,MAAMC,6BAA6B,GAAKH,KAAK,IAAM;EAClD,OAAOC,aAAA,CAACH,wBAAwB;IAAA,GAAME,KAAK;IAAGE,SAAS;EAAA,CAAE,CAAC;AAC3D,CAAC;;AAED;AACA;AACA;AACA,SAASH,6BAA6B,EAAEI,6BAA6B"}

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

@@ -1,14 +1,13 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
 import { _x } from '@wordpress/i18n';
 import { ToolbarGroup, ToolbarDropdownMenu } from '@wordpress/components';
+
 /**
  * Internal dependencies
  */
-
 import { alignTop, alignCenter, alignBottom, alignStretch, spaceBetween } from './icons';
 const BLOCK_ALIGNMENTS_CONTROLS = {
   top: {
@@ -34,7 +33,6 @@ const BLOCK_ALIGNMENTS_CONTROLS = {
 };
 const DEFAULT_CONTROLS = ['top', 'center', 'bottom'];
 const DEFAULT_CONTROL = 'top';
-
 function BlockVerticalAlignmentUI({
   value,
   onChange,
@@ -45,7 +43,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 ? ToolbarGroup : ToolbarDropdownMenu;
@@ -56,7 +53,8 @@ function BlockVerticalAlignmentUI({
     icon: activeAlignment ? activeAlignment.icon : defaultAlignmentControl.icon,
     label: _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)
@@ -65,10 +63,9 @@ function BlockVerticalAlignmentUI({
     ...extraProps
   });
 }
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-toolbar/README.md
  */
-
-
 export default BlockVerticalAlignmentUI;
 //# sourceMappingURL=ui.js.map

package/build-module/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":["_x","ToolbarGroup","ToolbarDropdownMenu","alignTop","alignCenter","alignBottom","alignStretch","spaceBetween","BLOCK_ALIGNMENTS_CONTROLS","top","icon","title","center","bottom","stretch","DEFAULT_CONTROLS","DEFAULT_CONTROL","BlockVerticalAlignmentUI","value","onChange","controls","isCollapsed","isToolbar","applyOrUnset","align","undefined","activeAlignment","defaultAlignmentControl","UIComponent","extraProps","map","control","isActive","role","onClick"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,YAAT,EAAuBC,mBAAvB,QAAkD,uBAAlD;AAEA;AACA;AACA;;AACA,SACCC,QADD,EAECC,WAFD,EAGCC,WAHD,EAICC,YAJD,EAKCC,YALD,QAMO,SANP;AAQA,MAAMC,yBAAyB,GAAG;AACjCC,EAAAA,GAAG,EAAE;AACJC,IAAAA,IAAI,EAAEP,QADF;AAEJQ,IAAAA,KAAK,EAAEX,EAAE,CAAE,WAAF,EAAe,kCAAf;AAFL,GAD4B;AAKjCY,EAAAA,MAAM,EAAE;AACPF,IAAAA,IAAI,EAAEN,WADC;AAEPO,IAAAA,KAAK,EAAEX,EAAE,CAAE,cAAF,EAAkB,kCAAlB;AAFF,GALyB;AASjCa,EAAAA,MAAM,EAAE;AACPH,IAAAA,IAAI,EAAEL,WADC;AAEPM,IAAAA,KAAK,EAAEX,EAAE,CAAE,cAAF,EAAkB,kCAAlB;AAFF,GATyB;AAajCc,EAAAA,OAAO,EAAE;AACRJ,IAAAA,IAAI,EAAEJ,YADE;AAERK,IAAAA,KAAK,EAAEX,EAAE,CAAE,iBAAF,EAAqB,kCAArB;AAFD,GAbwB;AAiBjC,mBAAiB;AAChBU,IAAAA,IAAI,EAAEH,YADU;AAEhBI,IAAAA,KAAK,EAAEX,EAAE,CAAE,eAAF,EAAmB,kCAAnB;AAFO;AAjBgB,CAAlC;AAuBA,MAAMe,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,GAAGlB,yBAAyB,CAAEU,KAAF,CAAjD;AACA,QAAMS,uBAAuB,GAC5BnB,yBAAyB,CAAEQ,eAAF,CAD1B;AAGA,QAAMY,WAAW,GAAGN,SAAS,GAAGrB,YAAH,GAAkBC,mBAA/C;AACA,QAAM2B,UAAU,GAAGP,SAAS,GAAG;AAAED,IAAAA;AAAF,GAAH,GAAqB,EAAjD;AAEA,SACC,cAAC,WAAD;AACC,IAAA,IAAI,EACHK,eAAe,GACZA,eAAe,CAAChB,IADJ,GAEZiB,uBAAuB,CAACjB,IAJ7B;AAMC,IAAA,KAAK,EAAGV,EAAE,CACT,2BADS,EAET,wCAFS,CANX;AAUC,IAAA,QAAQ,EAAGoB,QAAQ,CAACU,GAAT,CAAgBC,OAAF,IAAe;AACvC,aAAO,EACN,GAAGvB,yBAAyB,CAAEuB,OAAF,CADtB;AAENC,QAAAA,QAAQ,EAAEd,KAAK,KAAKa,OAFd;AAGNE,QAAAA,IAAI,EAAEZ,WAAW,GAAG,eAAH,GAAqBI,SAHhC;AAINS,QAAAA,OAAO,EAAEX,YAAY,CAAEQ,OAAF;AAJf,OAAP;AAMA,KAPU,CAVZ;AAAA,OAkBMF;AAlBN,IADD;AAsBA;AAED;AACA;AACA;;;AACA,eAAeZ,wBAAf","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":["_x","ToolbarGroup","ToolbarDropdownMenu","alignTop","alignCenter","alignBottom","alignStretch","spaceBetween","BLOCK_ALIGNMENTS_CONTROLS","top","icon","title","center","bottom","stretch","DEFAULT_CONTROLS","DEFAULT_CONTROL","BlockVerticalAlignmentUI","value","onChange","controls","isCollapsed","isToolbar","applyOrUnset","align","undefined","activeAlignment","defaultAlignmentControl","UIComponent","extraProps","createElement","label","map","control","isActive","role","onClick"],"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":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,EAAEC,mBAAmB,QAAQ,uBAAuB;;AAEzE;AACA;AACA;AACA,SACCC,QAAQ,EACRC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,YAAY,QACN,SAAS;AAEhB,MAAMC,yBAAyB,GAAG;EACjCC,GAAG,EAAE;IACJC,IAAI,EAAEP,QAAQ;IACdQ,KAAK,EAAEX,EAAE,CAAE,WAAW,EAAE,kCAAmC;EAC5D,CAAC;EACDY,MAAM,EAAE;IACPF,IAAI,EAAEN,WAAW;IACjBO,KAAK,EAAEX,EAAE,CAAE,cAAc,EAAE,kCAAmC;EAC/D,CAAC;EACDa,MAAM,EAAE;IACPH,IAAI,EAAEL,WAAW;IACjBM,KAAK,EAAEX,EAAE,CAAE,cAAc,EAAE,kCAAmC;EAC/D,CAAC;EACDc,OAAO,EAAE;IACRJ,IAAI,EAAEJ,YAAY;IAClBK,KAAK,EAAEX,EAAE,CAAE,iBAAiB,EAAE,kCAAmC;EAClE,CAAC;EACD,eAAe,EAAE;IAChBU,IAAI,EAAEH,YAAY;IAClBI,KAAK,EAAEX,EAAE,CAAE,eAAe,EAAE,kCAAmC;EAChE;AACD,CAAC;AAED,MAAMe,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,GAAGlB,yBAAyB,CAAEU,KAAK,CAAE;EAC1D,MAAMS,uBAAuB,GAC5BnB,yBAAyB,CAAEQ,eAAe,CAAE;EAE7C,MAAMY,WAAW,GAAGN,SAAS,GAAGrB,YAAY,GAAGC,mBAAmB;EAClE,MAAM2B,UAAU,GAAGP,SAAS,GAAG;IAAED;EAAY,CAAC,GAAG,CAAC,CAAC;EAEnD,OACCS,aAAA,CAACF,WAAW;IACXlB,IAAI,EACHgB,eAAe,GACZA,eAAe,CAAChB,IAAI,GACpBiB,uBAAuB,CAACjB,IAC3B;IACDqB,KAAK,EAAG/B,EAAE,CACT,2BAA2B,EAC3B,wCACD,CAAG;IACHoB,QAAQ,EAAGA,QAAQ,CAACY,GAAG,CAAIC,OAAO,IAAM;MACvC,OAAO;QACN,GAAGzB,yBAAyB,CAAEyB,OAAO,CAAE;QACvCC,QAAQ,EAAEhB,KAAK,KAAKe,OAAO;QAC3BE,IAAI,EAAEd,WAAW,GAAG,eAAe,GAAGI,SAAS;QAC/CW,OAAO,EAAEb,YAAY,CAAEU,OAAQ;MAChC,CAAC;IACF,CAAE,CAAG;IAAA,GACAJ;EAAU,CACf,CAAC;AAEJ;;AAEA;AACA;AACA;AACA,eAAeZ,wBAAwB"}

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

@@ -1,14 +1,13 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
 import { __experimentalUnitControl as UnitControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+
 /**
  * Internal dependencies
  */
-
 import { getAllValue, getAllUnit, hasMixedValues, hasDefinedValues } from './utils';
 export default function AllInputControl({
   onChange,
@@ -18,25 +17,24 @@ export default function AllInputControl({
   ...props
 }) {
   let allValue = 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 = getAllUnit(selectedUnits);
   }
-
   const hasValues = hasDefinedValues(values);
   const isMixed = hasValues && hasMixedValues(values);
-  const allPlaceholder = isMixed ? __('Mixed') : null; // Filter out CSS-unit-only values to prevent invalid styles.
+  const allPlaceholder = isMixed ? __('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,
@@ -45,8 +43,8 @@ export default function AllInputControl({
       bottomRight: unit
     });
   };
-
-  return createElement(UnitControl, { ...props,
+  return createElement(UnitControl, {
+    ...props,
     "aria-label": __('Border radius'),
     disableUnits: isMixed,
     isOnly: true,