@wordpress/block-editor 12.2.0 → 12.3.1

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

@@ -9,8 +9,6 @@ exports.default = BlockTypesList;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _reactNative = require("react-native");
 
 var _components = require("@wordpress/components");
@@ -32,15 +30,14 @@ var _style = _interopRequireDefault(require("./style.scss"));
  */
 const MIN_COL_NUM = 3;
 
-function BlockTypesList(_ref) {
-  let {
-    name,
-    sections,
-    onSelect,
-    label,
-    listProps,
-    initialNumToRender = 3
-  } = _ref;
+function BlockTypesList({
+  name,
+  sections,
+  onSelect,
+  label,
+  listProps,
+  initialNumToRender = 3
+}) {
   const [numberOfColumns, setNumberOfColumns] = (0, _element.useState)(MIN_COL_NUM);
   const [itemWidth, setItemWidth] = (0, _element.useState)();
   const [maxWidth, setMaxWidth] = (0, _element.useState)();
@@ -85,10 +82,9 @@ function BlockTypesList(_ref) {
 
   const contentContainerStyle = _reactNative.StyleSheet.flatten(listProps.contentContainerStyle);
 
-  const renderSection = _ref2 => {
-    let {
-      item
-    } = _ref2;
+  const renderSection = ({
+    item
+  }) => {
     return (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
       accessible: false
     }, (0, _element.createElement)(_reactNative.FlatList, {
@@ -106,10 +102,9 @@ function BlockTypesList(_ref) {
     }));
   };
 
-  const renderListItem = _ref3 => {
-    let {
-      item
-    } = _ref3;
+  const renderListItem = ({
+    item
+  }) => {
     return (0, _element.createElement)(_components.InserterButton, {
       item: item,
       itemWidth: itemWidth,
@@ -122,14 +117,12 @@ function BlockTypesList(_ref) {
   const sectionHeaderGradientValue = colorScheme === 'light' ? 'linear-gradient(#fff 70%, rgba(255, 255, 255, 0))' : 'linear-gradient(#2e2e2e 70%, rgba(46, 46, 46, 0))';
   const sectionHeaderTitleStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default['block-types-list__section-header-title'], _style.default['block-types-list__section-header-title--dark']);
 
-  const renderSectionHeader = _ref4 => {
-    let {
-      section: {
-        metadata
-      }
-    } = _ref4;
-
-    if (!(metadata !== null && metadata !== void 0 && metadata.icon) || !(metadata !== null && metadata !== void 0 && metadata.title)) {
+  const renderSectionHeader = ({
+    section: {
+      metadata
+    }
+  }) => {
+    if (!metadata?.icon || !metadata?.title) {
       return null;
     }
 
@@ -138,12 +131,12 @@ function BlockTypesList(_ref) {
     }, (0, _element.createElement)(_components.Gradient, {
       gradientValue: sectionHeaderGradientValue,
       style: _style.default['block-types-list__section-header']
-    }, metadata === null || metadata === void 0 ? void 0 : metadata.icon, (0, _element.createElement)(_reactNative.Text, {
+    }, metadata?.icon, (0, _element.createElement)(_reactNative.Text, {
       style: sectionHeaderTitleStyles
-    }, metadata === null || metadata === void 0 ? void 0 : metadata.title)));
+    }, metadata?.title)));
   };
 
-  return (0, _element.createElement)(_reactNative.SectionList, (0, _extends2.default)({
+  return (0, _element.createElement)(_reactNative.SectionList, {
     onLayout: onLayout,
     testID: `InserterUI-${name}`,
     accessibilityLabel: label,
@@ -151,11 +144,11 @@ function BlockTypesList(_ref) {
     sections: sections,
     initialNumToRender: initialNumToRender,
     renderItem: renderSection,
-    renderSectionHeader: renderSectionHeader
-  }, listProps, {
+    renderSectionHeader: renderSectionHeader,
+    ...listProps,
     contentContainerStyle: { ...contentContainerStyle,
       paddingBottom: Math.max(listProps.safeAreaBottomInset, contentContainerStyle.paddingBottom)
     }
-  }));
+  });
 }
 //# sourceMappingURL=index.native.js.map

package/build/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":["MIN_COL_NUM","BlockTypesList","name","sections","onSelect","label","listProps","initialNumToRender","numberOfColumns","setNumberOfColumns","itemWidth","setItemWidth","maxWidth","setMaxWidth","dimensionsChangeSubscription","Dimensions","addEventListener","onLayout","remove","calculateItemWidth","paddingLeft","itemPaddingLeft","paddingRight","itemPaddingRight","InserterButton","Styles","modalItem","width","modalIconWrapper","columnStyle","styles","sumLeftRightPadding","bottomSheetWidth","BottomSheet","getWidth","containerTotalWidth","itemTotalWidth","columnsFitToWidth","Math","floor","numColumns","max","updatedItemWidth","contentContainerStyle","StyleSheet","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,"sources":["@wordpress/block-editor/src/components/block-types-list/index.native.js"],"names":["MIN_COL_NUM","BlockTypesList","name","sections","onSelect","label","listProps","initialNumToRender","numberOfColumns","setNumberOfColumns","itemWidth","setItemWidth","maxWidth","setMaxWidth","dimensionsChangeSubscription","Dimensions","addEventListener","onLayout","remove","calculateItemWidth","paddingLeft","itemPaddingLeft","paddingRight","itemPaddingRight","InserterButton","Styles","modalItem","width","modalIconWrapper","columnStyle","styles","sumLeftRightPadding","bottomSheetWidth","BottomSheet","getWidth","containerTotalWidth","itemTotalWidth","columnsFitToWidth","Math","floor","numColumns","max","updatedItemWidth","contentContainerStyle","StyleSheet","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"]}

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

@@ -24,15 +24,14 @@ var _icons = require("@wordpress/icons");
 /**
  * WordPress dependencies
  */
-function BlockVariationPicker(_ref) {
-  let {
-    icon = _icons.layout,
-    label = (0, _i18n.__)('Choose variation'),
-    instructions = (0, _i18n.__)('Select a variation to start with.'),
-    variations,
-    onSelect,
-    allowSkip
-  } = _ref;
+function BlockVariationPicker({
+  icon = _icons.layout,
+  label = (0, _i18n.__)('Choose variation'),
+  instructions = (0, _i18n.__)('Select a variation to start with.'),
+  variations,
+  onSelect,
+  allowSkip
+}) {
   const classes = (0, _classnames.default)('block-editor-block-variation-picker', {
     'has-many-variations': variations.length > 4
   });

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,OAOI;AAAA,MAP2B;AAC9BC,IAAAA,IAAI,GAAGC,aADuB;AAE9BC,IAAAA,KAAK,GAAG,cAAI,kBAAJ,CAFsB;AAG9BC,IAAAA,YAAY,GAAG,cAAI,mCAAJ,CAHe;AAI9BC,IAAAA,UAJ8B;AAK9BC,IAAAA,QAL8B;AAM9BC,IAAAA;AAN8B,GAO3B;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,"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"]}

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

@@ -45,13 +45,12 @@ const hitSlop = {
   right: 22
 };
 
-function BlockVariationPicker(_ref) {
-  let {
-    isVisible,
-    onClose,
-    clientId,
-    variations
-  } = _ref;
+function BlockVariationPicker({
+  isVisible,
+  onClose,
+  clientId,
+  variations
+}) {
   const {
     replaceInnerBlocks
   } = (0, _data.useDispatch)(_store.store);
@@ -97,8 +96,7 @@ function BlockVariationPicker(_ref) {
   }))), [variations, isVisible, onClose]);
 }
 
-var _default = (0, _compose.compose)((0, _data.withSelect)((select, _ref2) => {
-  let {} = _ref2;
+var _default = (0, _compose.compose)((0, _data.withSelect)((select, {}) => {
   const {
     getBlockVariations
   } = select(_blocks.store);

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,OAA8E;AAAA,MAA/C;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,OAAb;AAAsBC,IAAAA,QAAtB;AAAgCC,IAAAA;AAAhC,GAA+C;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,YAAkB;AAAA,MAAR,EAAQ;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,"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"]}

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

@@ -30,13 +30,12 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
-function VariationsButtons(_ref) {
-  let {
-    className,
-    onSelectVariation,
-    selectedValue,
-    variations
-  } = _ref;
+function VariationsButtons({
+  className,
+  onSelectVariation,
+  selectedValue,
+  variations
+}) {
   return (0, _element.createElement)("fieldset", {
     className: className
   }, (0, _element.createElement)(_components.VisuallyHidden, {
@@ -57,25 +56,21 @@ function VariationsButtons(_ref) {
   })));
 }
 
-function VariationsDropdown(_ref2) {
-  let {
-    className,
-    onSelectVariation,
-    selectedValue,
-    variations
-  } = _ref2;
-  const selectOptions = variations.map(_ref3 => {
-    let {
-      name,
-      title,
-      description
-    } = _ref3;
-    return {
-      value: name,
-      label: title,
-      info: description
-    };
-  });
+function VariationsDropdown({
+  className,
+  onSelectVariation,
+  selectedValue,
+  variations
+}) {
+  const selectOptions = variations.map(({
+    name,
+    title,
+    description
+  }) => ({
+    value: name,
+    label: title,
+    info: description
+  }));
   return (0, _element.createElement)(_components.DropdownMenu, {
     className: className,
     label: (0, _i18n.__)('Transform to variation'),
@@ -97,10 +92,9 @@ function VariationsDropdown(_ref2) {
   }))));
 }
 
-function __experimentalBlockVariationTransforms(_ref4) {
-  let {
-    blockClientId
-  } = _ref4;
+function __experimentalBlockVariationTransforms({
+  blockClientId
+}) {
   const {
     updateBlockAttributes
   } = (0, _data.useDispatch)(_store.store);
@@ -122,7 +116,7 @@ function __experimentalBlockVariationTransforms(_ref4) {
       variations: name && getBlockVariations(name, 'transform')
     };
   }, [blockClientId]);
-  const selectedValue = activeBlockVariation === null || activeBlockVariation === void 0 ? void 0 : 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();
@@ -133,27 +127,22 @@ function __experimentalBlockVariationTransforms(_ref4) {
 
     variations.forEach(variation => {
       if (variation.icon) {
-        var _variation$icon;
-
-        variationIcons.add(((_variation$icon = variation.icon) === null || _variation$icon === void 0 ? void 0 : _variation$icon.src) || variation.icon);
+        variationIcons.add(variation.icon?.src || variation.icon);
       }
     });
     return variationIcons.size === variations.length;
   }, [variations]);
 
   const onSelectVariation = variationName => {
-    updateBlockAttributes(blockClientId, { ...variations.find(_ref5 => {
-        let {
-          name
-        } = _ref5;
-        return name === variationName;
-      }).attributes
+    updateBlockAttributes(blockClientId, { ...variations.find(({
+        name
+      }) => name === variationName).attributes
     });
   };
 
   const baseClass = 'block-editor-block-variation-transforms'; // Skip rendering if there are no variations
 
-  if (!(variations !== null && variations !== void 0 && variations.length)) return null;
+  if (!variations?.length) return null;
   const Component = hasUniqueIcons ? VariationsButtons : VariationsDropdown;
   return (0, _element.createElement)(Component, {
     className: baseClass,

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,"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"]}

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

@@ -9,25 +9,23 @@ exports.BlockVerticalAlignmentToolbar = exports.BlockVerticalAlignmentControl =
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _ui = _interopRequireDefault(require("./ui"));
 
 /**
  * Internal dependencies
  */
 const BlockVerticalAlignmentControl = props => {
-  return (0, _element.createElement)(_ui.default, (0, _extends2.default)({}, props, {
+  return (0, _element.createElement)(_ui.default, { ...props,
     isToolbar: false
-  }));
+  });
 };
 
 exports.BlockVerticalAlignmentControl = BlockVerticalAlignmentControl;
 
 const BlockVerticalAlignmentToolbar = props => {
-  return (0, _element.createElement)(_ui.default, (0, _extends2.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

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,6BAA+BA,KAA/B;AAAuC,IAAA,SAAS,EAAG;AAAnD,KAAP;AACA,CAFD;;;;AAIA,MAAMC,6BAA6B,GAAKD,KAAF,IAAa;AAClD,SAAO,4BAAC,WAAD,6BAA+BA,KAA/B;AAAuC,IAAA,SAAS;AAAhD,KAAP;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,"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"]}

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

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _i18n = require("@wordpress/i18n");
 
 var _components = require("@wordpress/components");
@@ -49,15 +45,13 @@ const BLOCK_ALIGNMENTS_CONTROLS = {
 const DEFAULT_CONTROLS = ['top', 'center', 'bottom'];
 const DEFAULT_CONTROL = 'top';
 
-function BlockVerticalAlignmentUI(_ref) {
-  let {
-    value,
-    onChange,
-    controls = DEFAULT_CONTROLS,
-    isCollapsed = true,
-    isToolbar
-  } = _ref;
-
+function BlockVerticalAlignmentUI({
+  value,
+  onChange,
+  controls = DEFAULT_CONTROLS,
+  isCollapsed = true,
+  isToolbar
+}) {
   function applyOrUnset(align) {
     return () => onChange(value === align ? undefined : align);
   }
@@ -67,12 +61,8 @@ function BlockVerticalAlignmentUI(_ref) {
   const UIComponent = isToolbar ? _components.ToolbarGroup : _components.ToolbarDropdownMenu;
   const extraProps = isToolbar ? {
     isCollapsed
-  } : {
-    popoverProps: {
-      variant: 'toolbar'
-    }
-  };
-  return (0, _element.createElement)(UIComponent, (0, _extends2.default)({
+  } : {};
+  return (0, _element.createElement)(UIComponent, {
     icon: activeAlignment ? activeAlignment.icon : defaultAlignmentControl.icon,
     label: (0, _i18n._x)('Change vertical alignment', 'Block vertical alignment setting label'),
     controls: controls.map(control => {
@@ -81,8 +71,9 @@ function BlockVerticalAlignmentUI(_ref) {
         role: isCollapsed ? 'menuitemradio' : undefined,
         onClick: applyOrUnset(control)
       };
-    })
-  }, extraProps));
+    }),
+    ...extraProps
+  });
 }
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-toolbar/README.md

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","popoverProps","variant","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,OAMI;AAAA,MAN+B;AAClCC,IAAAA,KADkC;AAElCC,IAAAA,QAFkC;AAGlCC,IAAAA,QAAQ,GAAGL,gBAHuB;AAIlCM,IAAAA,WAAW,GAAG,IAJoB;AAKlCC,IAAAA;AALkC,GAM/B;;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,GACzB;AAAED,IAAAA;AAAF,GADyB,GAEzB;AAAEW,IAAAA,YAAY,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAX;AAAhB,GAFH;AAIA,SACC,4BAAC,WAAD;AACC,IAAA,IAAI,EACHP,eAAe,GACZA,eAAe,CAACrB,IADJ,GAEZsB,uBAAuB,CAACtB,IAJ7B;AAMC,IAAA,KAAK,EAAG,cACP,2BADO,EAEP,wCAFO,CANT;AAUC,IAAA,QAAQ,EAAGe,QAAQ,CAACc,GAAT,CAAgBC,OAAF,IAAe;AACvC,aAAO,EACN,GAAGhC,yBAAyB,CAAEgC,OAAF,CADtB;AAENC,QAAAA,QAAQ,EAAElB,KAAK,KAAKiB,OAFd;AAGNE,QAAAA,IAAI,EAAEhB,WAAW,GAAG,eAAH,GAAqBI,SAHhC;AAINa,QAAAA,OAAO,EAAEf,YAAY,CAAEY,OAAF;AAJf,OAAP;AAMA,KAPU;AAVZ,KAkBMJ,UAlBN,EADD;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\n\t\t? { isCollapsed }\n\t\t: { popoverProps: { variant: 'toolbar' } };\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,"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"]}

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

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = AllInputControl;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _components = require("@wordpress/components");
 
 var _i18n = require("@wordpress/i18n");
@@ -24,14 +20,13 @@ var _utils = require("./utils");
 /**
  * Internal dependencies
  */
-function AllInputControl(_ref) {
-  let {
-    onChange,
-    selectedUnits,
-    setSelectedUnits,
-    values,
-    ...props
-  } = _ref;
+function AllInputControl({
+  onChange,
+  selectedUnits,
+  setSelectedUnits,
+  values,
+  ...props
+}) {
   let allValue = (0, _utils.getAllValue)(values);
 
   if (allValue === undefined) {
@@ -61,7 +56,7 @@ function AllInputControl(_ref) {
     });
   };
 
-  return (0, _element.createElement)(_components.__experimentalUnitControl, (0, _extends2.default)({}, props, {
+  return (0, _element.createElement)(_components.__experimentalUnitControl, { ...props,
     "aria-label": (0, _i18n.__)('Border radius'),
     disableUnits: isMixed,
     isOnly: true,
@@ -70,6 +65,6 @@ function AllInputControl(_ref) {
     onUnitChange: handleOnUnitChange,
     placeholder: allPlaceholder,
     size: '__unstable-large'
-  }));
+  });
 }
 //# sourceMappingURL=all-input-control.js.map