@wordpress/block-editor 12.7.0 → 12.8.1

package/build/components/block-styles/preview-panel.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockStylesPreviewPanel;
-
 var _element = require("@wordpress/element");
-
 var _blocks = require("@wordpress/blocks");
-
 var _previewPanel = _interopRequireDefault(require("../inserter/preview-panel"));
-
 var _utils = require("./utils");
-
 /**
  * WordPress dependencies
  */
@@ -22,6 +16,7 @@ var _utils = require("./utils");
 /**
  * Internal dependencies
  */
+
 function BlockStylesPreviewPanel({
   genericPreviewBlock,
   style,
@@ -31,10 +26,12 @@ function BlockStylesPreviewPanel({
   const example = (0, _blocks.getBlockType)(genericPreviewBlock.name)?.example;
   const styleClassName = (0, _utils.replaceActiveStyle)(className, activeStyle, style);
   const previewBlocks = (0, _element.useMemo)(() => {
-    return { ...genericPreviewBlock,
+    return {
+      ...genericPreviewBlock,
       title: style.label || style.name,
       description: style.description,
-      initialAttributes: { ...genericPreviewBlock.attributes,
+      initialAttributes: {
+        ...genericPreviewBlock.attributes,
         className: styleClassName + ' block-editor-block-styles__block-preview-container'
       },
       example

package/build/components/block-styles/preview-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-styles/preview-panel.js"],"names":["BlockStylesPreviewPanel","genericPreviewBlock","style","className","activeStyle","example","name","styleClassName","previewBlocks","title","label","description","initialAttributes","attributes"],"mappings":";;;;;;;;;AAIA;;AADA;;AAMA;;AACA;;AAVA;AACA;AACA;;AAIA;AACA;AACA;AAIe,SAASA,uBAAT,CAAkC;AAChDC,EAAAA,mBADgD;AAEhDC,EAAAA,KAFgD;AAGhDC,EAAAA,SAHgD;AAIhDC,EAAAA;AAJgD,CAAlC,EAKX;AACH,QAAMC,OAAO,GAAG,0BAAcJ,mBAAmB,CAACK,IAAlC,GAA0CD,OAA1D;AACA,QAAME,cAAc,GAAG,+BAAoBJ,SAApB,EAA+BC,WAA/B,EAA4CF,KAA5C,CAAvB;AACA,QAAMM,aAAa,GAAG,sBAAS,MAAM;AACpC,WAAO,EACN,GAAGP,mBADG;AAENQ,MAAAA,KAAK,EAAEP,KAAK,CAACQ,KAAN,IAAeR,KAAK,CAACI,IAFtB;AAGNK,MAAAA,WAAW,EAAET,KAAK,CAACS,WAHb;AAINC,MAAAA,iBAAiB,EAAE,EAClB,GAAGX,mBAAmB,CAACY,UADL;AAElBV,QAAAA,SAAS,EACRI,cAAc,GACd;AAJiB,OAJb;AAUNF,MAAAA;AAVM,KAAP;AAYA,GAbqB,EAanB,CAAEJ,mBAAF,EAAuBM,cAAvB,CAbmB,CAAtB;AAeA,SAAO,4BAAC,qBAAD;AAAsB,IAAA,IAAI,EAAGC;AAA7B,IAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterPreviewPanel from '../inserter/preview-panel';\nimport { replaceActiveStyle } from './utils';\n\nexport default function BlockStylesPreviewPanel( {\n\tgenericPreviewBlock,\n\tstyle,\n\tclassName,\n\tactiveStyle,\n} ) {\n\tconst example = getBlockType( genericPreviewBlock.name )?.example;\n\tconst styleClassName = replaceActiveStyle( className, activeStyle, style );\n\tconst previewBlocks = useMemo( () => {\n\t\treturn {\n\t\t\t...genericPreviewBlock,\n\t\t\ttitle: style.label || style.name,\n\t\t\tdescription: style.description,\n\t\t\tinitialAttributes: {\n\t\t\t\t...genericPreviewBlock.attributes,\n\t\t\t\tclassName:\n\t\t\t\t\tstyleClassName +\n\t\t\t\t\t' block-editor-block-styles__block-preview-container',\n\t\t\t},\n\t\t\texample,\n\t\t};\n\t}, [ genericPreviewBlock, styleClassName ] );\n\n\treturn <InserterPreviewPanel item={ previewBlocks } />;\n}\n"]}
+{"version":3,"names":["_element","require","_blocks","_previewPanel","_interopRequireDefault","_utils","BlockStylesPreviewPanel","genericPreviewBlock","style","className","activeStyle","example","getBlockType","name","styleClassName","replaceActiveStyle","previewBlocks","useMemo","title","label","description","initialAttributes","attributes","createElement","default","item"],"sources":["@wordpress/block-editor/src/components/block-styles/preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterPreviewPanel from '../inserter/preview-panel';\nimport { replaceActiveStyle } from './utils';\n\nexport default function BlockStylesPreviewPanel( {\n\tgenericPreviewBlock,\n\tstyle,\n\tclassName,\n\tactiveStyle,\n} ) {\n\tconst example = getBlockType( genericPreviewBlock.name )?.example;\n\tconst styleClassName = replaceActiveStyle( className, activeStyle, style );\n\tconst previewBlocks = useMemo( () => {\n\t\treturn {\n\t\t\t...genericPreviewBlock,\n\t\t\ttitle: style.label || style.name,\n\t\t\tdescription: style.description,\n\t\t\tinitialAttributes: {\n\t\t\t\t...genericPreviewBlock.attributes,\n\t\t\t\tclassName:\n\t\t\t\t\tstyleClassName +\n\t\t\t\t\t' block-editor-block-styles__block-preview-container',\n\t\t\t},\n\t\t\texample,\n\t\t};\n\t}, [ genericPreviewBlock, styleClassName ] );\n\n\treturn <InserterPreviewPanel item={ previewBlocks } />;\n}\n"],"mappings":";;;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,OAAA,GAAAD,OAAA;AAMA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIe,SAASK,uBAAuBA,CAAE;EAChDC,mBAAmB;EACnBC,KAAK;EACLC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,oBAAY,EAAEL,mBAAmB,CAACM,IAAK,CAAC,EAAEF,OAAO;EACjE,MAAMG,cAAc,GAAG,IAAAC,yBAAkB,EAAEN,SAAS,EAAEC,WAAW,EAAEF,KAAM,CAAC;EAC1E,MAAMQ,aAAa,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACpC,OAAO;MACN,GAAGV,mBAAmB;MACtBW,KAAK,EAAEV,KAAK,CAACW,KAAK,IAAIX,KAAK,CAACK,IAAI;MAChCO,WAAW,EAAEZ,KAAK,CAACY,WAAW;MAC9BC,iBAAiB,EAAE;QAClB,GAAGd,mBAAmB,CAACe,UAAU;QACjCb,SAAS,EACRK,cAAc,GACd;MACF,CAAC;MACDH;IACD,CAAC;EACF,CAAC,EAAE,CAAEJ,mBAAmB,EAAEO,cAAc,CAAG,CAAC;EAE5C,OAAO,IAAAd,QAAA,CAAAuB,aAAA,EAACpB,aAAA,CAAAqB,OAAoB;IAACC,IAAI,EAAGT;EAAe,CAAE,CAAC;AACvD"}

package/build/components/block-styles/preview.native.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _components = require("@wordpress/components");
-
 var _compose = require("@wordpress/compose");
-
 var _style = _interopRequireDefault(require("./style.scss"));
-
 /**
  * External dependencies
  */
@@ -28,9 +21,9 @@ var _style = _interopRequireDefault(require("./style.scss"));
 /**
  * Internal dependencies
  */
+
 const MAX_ITEM_WIDTH = 120;
 const HALF_COLUMN = 0.5;
-
 function StylePreview({
   onPress,
   isActive,
@@ -43,27 +36,22 @@ function StylePreview({
     name
   } = style;
   const opacity = (0, _element.useRef)(new _reactNative.Animated.Value(1)).current;
-
   function onLayout() {
-    const columnsNum = // To indicate scroll availabilty, there is a need to display additional half the column.
+    const columnsNum =
+    // To indicate scroll availabilty, there is a need to display additional half the column.
     Math.floor(_components.BottomSheet.getWidth() / MAX_ITEM_WIDTH) + HALF_COLUMN;
     setItemWidth(_components.BottomSheet.getWidth() / columnsNum);
   }
-
   (0, _element.useEffect)(() => {
     onLayout();
-
     const dimensionsChangeSubscription = _reactNative.Dimensions.addEventListener('change', onLayout);
-
     return () => {
       dimensionsChangeSubscription.remove();
     };
   }, []);
   const labelStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.label, _style.default.labelDark);
-
   const animateOutline = () => {
     opacity.setValue(0);
-
     _reactNative.Animated.timing(opacity, {
       toValue: 1,
       duration: 100,
@@ -71,9 +59,7 @@ function StylePreview({
       easing: _reactNative.Easing.linear
     }).start();
   };
-
   const innerOutlineStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.innerOutline, _style.default.innerOutlineDark);
-
   const getOutline = outlineStyles => outlineStyles.map((outlineStyle, index) => {
     return (0, _element.createElement)(_reactNative.Animated.View, {
       style: [outlineStyle, {
@@ -82,7 +68,6 @@ function StylePreview({
       key: index
     });
   });
-
   return (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
     onPress: () => {
       onPress();
@@ -103,7 +88,6 @@ function StylePreview({
     style: [labelStyle, isActive && _style.default.labelSelected]
   }, label)));
 }
-
 var _default = StylePreview;
 exports.default = _default;
 //# sourceMappingURL=preview.native.js.map

package/build/components/block-styles/preview.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-styles/preview.native.js"],"names":["MAX_ITEM_WIDTH","HALF_COLUMN","StylePreview","onPress","isActive","style","url","itemWidth","setItemWidth","label","name","opacity","Animated","Value","current","onLayout","columnsNum","Math","floor","BottomSheet","getWidth","dimensionsChangeSubscription","Dimensions","addEventListener","remove","labelStyle","styles","labelDark","animateOutline","setValue","timing","toValue","duration","useNativeDriver","easing","Easing","linear","start","innerOutlineStyle","innerOutline","innerOutlineDark","getOutline","outlineStyles","map","outlineStyle","index","container","width","imageWrapper","outline","image","uri","labelSelected"],"mappings":";;;;;;;;;AAiBA;;AAdA;;AAaA;;AAEA;;AAKA;;AAvBA;AACA;AACA;;AAWA;AACA;AACA;;AAKA;AACA;AACA;AAGA,MAAMA,cAAc,GAAG,GAAvB;AACA,MAAMC,WAAW,GAAG,GAApB;;AAEA,SAASC,YAAT,CAAuB;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,QAAX;AAAqBC,EAAAA,KAArB;AAA4BC,EAAAA;AAA5B,CAAvB,EAA2D;AAC1D,QAAM,CAAEC,SAAF,EAAaC,YAAb,IAA8B,uBAAUR,cAAV,CAApC;AACA,QAAM;AAAES,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAkBL,KAAxB;AACA,QAAMM,OAAO,GAAG,qBAAQ,IAAIC,sBAASC,KAAb,CAAoB,CAApB,CAAR,EAAkCC,OAAlD;;AAEA,WAASC,QAAT,GAAoB;AACnB,UAAMC,UAAU,GACf;AACAC,IAAAA,IAAI,CAACC,KAAL,CAAYC,wBAAYC,QAAZ,KAAyBpB,cAArC,IAAwDC,WAFzD;AAGAO,IAAAA,YAAY,CAAEW,wBAAYC,QAAZ,KAAyBJ,UAA3B,CAAZ;AACA;;AAED,0BAAW,MAAM;AAChBD,IAAAA,QAAQ;;AACR,UAAMM,4BAA4B,GAAGC,wBAAWC,gBAAX,CACpC,QADoC,EAEpCR,QAFoC,CAArC;;AAKA,WAAO,MAAM;AACZM,MAAAA,4BAA4B,CAACG,MAA7B;AACA,KAFD;AAGA,GAVD,EAUG,EAVH;AAYA,QAAMC,UAAU,GAAG,2CAClBC,eAAOjB,KADW,EAElBiB,eAAOC,SAFW,CAAnB;;AAKA,QAAMC,cAAc,GAAG,MAAM;AAC5BjB,IAAAA,OAAO,CAACkB,QAAR,CAAkB,CAAlB;;AACAjB,0BAASkB,MAAT,CAAiBnB,OAAjB,EAA0B;AACzBoB,MAAAA,OAAO,EAAE,CADgB;AAEzBC,MAAAA,QAAQ,EAAE,GAFe;AAGzBC,MAAAA,eAAe,EAAE,IAHQ;AAIzBC,MAAAA,MAAM,EAAEC,oBAAOC;AAJU,KAA1B,EAKIC,KALJ;AAMA,GARD;;AAUA,QAAMC,iBAAiB,GAAG,2CACzBZ,eAAOa,YADkB,EAEzBb,eAAOc,gBAFkB,CAA1B;;AAKA,QAAMC,UAAU,GAAKC,aAAF,IAClBA,aAAa,CAACC,GAAd,CAAmB,CAAEC,YAAF,EAAgBC,KAAhB,KAA2B;AAC7C,WACC,4BAAC,qBAAD,CAAU,IAAV;AACC,MAAA,KAAK,EAAG,CAAED,YAAF,EAAgB;AAAEjC,QAAAA;AAAF,OAAhB,EAA6Be,eAAQhB,IAAR,CAA7B,CADT;AAEC,MAAA,GAAG,EAAGmC;AAFP,MADD;AAMA,GAPD,CADD;;AAUA,SACC,4BAAC,qCAAD;AACC,IAAA,OAAO,EAAG,MAAM;AACf1C,MAAAA,OAAO;AACPyB,MAAAA,cAAc;AACd;AAJF,KAMC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAG,CAAEF,eAAOoB,SAAT,EAAoB;AAAEC,MAAAA,KAAK,EAAExC;AAAT,KAApB;AAAd,KACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGmB,eAAOsB;AAArB,KACG5C,QAAQ,IACTqC,UAAU,CAAE,CAAEf,eAAOuB,OAAT,EAAkBX,iBAAlB,CAAF,CAFZ,EAGC,4BAAC,kBAAD;AACC,IAAA,KAAK,EAAG,CAAEZ,eAAOwB,KAAT,EAAgBxB,eAAQhB,IAAR,CAAhB,CADT;AAEC,IAAA,MAAM,EAAG;AAAEyC,MAAAA,GAAG,EAAE7C;AAAP;AAFV,IAHD,CADD,EASC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAG,CAAEmB,UAAF,EAAcrB,QAAQ,IAAIsB,eAAO0B,aAAjC;AADT,KAGG3C,KAHH,CATD,CAND,CADD;AAwBA;;eAEcP,Y","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tText,\n\tDimensions,\n\tAnimated,\n\tEasing,\n\tImage,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheet } from '@wordpress/components';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst MAX_ITEM_WIDTH = 120;\nconst HALF_COLUMN = 0.5;\n\nfunction StylePreview( { onPress, isActive, style, url } ) {\n\tconst [ itemWidth, setItemWidth ] = useState( MAX_ITEM_WIDTH );\n\tconst { label, name } = style;\n\tconst opacity = useRef( new Animated.Value( 1 ) ).current;\n\n\tfunction onLayout() {\n\t\tconst columnsNum =\n\t\t\t// To indicate scroll availabilty, there is a need to display additional half the column.\n\t\t\tMath.floor( BottomSheet.getWidth() / MAX_ITEM_WIDTH ) + HALF_COLUMN;\n\t\tsetItemWidth( BottomSheet.getWidth() / columnsNum );\n\t}\n\n\tuseEffect( () => {\n\t\tonLayout();\n\t\tconst dimensionsChangeSubscription = Dimensions.addEventListener(\n\t\t\t'change',\n\t\t\tonLayout\n\t\t);\n\n\t\treturn () => {\n\t\t\tdimensionsChangeSubscription.remove();\n\t\t};\n\t}, [] );\n\n\tconst labelStyle = usePreferredColorSchemeStyle(\n\t\tstyles.label,\n\t\tstyles.labelDark\n\t);\n\n\tconst animateOutline = () => {\n\t\topacity.setValue( 0 );\n\t\tAnimated.timing( opacity, {\n\t\t\ttoValue: 1,\n\t\t\tduration: 100,\n\t\t\tuseNativeDriver: true,\n\t\t\teasing: Easing.linear,\n\t\t} ).start();\n\t};\n\n\tconst innerOutlineStyle = usePreferredColorSchemeStyle(\n\t\tstyles.innerOutline,\n\t\tstyles.innerOutlineDark\n\t);\n\n\tconst getOutline = ( outlineStyles ) =>\n\t\toutlineStyles.map( ( outlineStyle, index ) => {\n\t\t\treturn (\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={ [ outlineStyle, { opacity }, styles[ name ] ] }\n\t\t\t\t\tkey={ index }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\tonPress={ () => {\n\t\t\t\tonPress();\n\t\t\t\tanimateOutline();\n\t\t\t} }\n\t\t>\n\t\t\t<View style={ [ styles.container, { width: itemWidth } ] }>\n\t\t\t\t<View style={ styles.imageWrapper }>\n\t\t\t\t\t{ isActive &&\n\t\t\t\t\t\tgetOutline( [ styles.outline, innerOutlineStyle ] ) }\n\t\t\t\t\t<Image\n\t\t\t\t\t\tstyle={ [ styles.image, styles[ name ] ] }\n\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ [ labelStyle, isActive && styles.labelSelected ] }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default StylePreview;\n"]}
+{"version":3,"names":["_element","require","_reactNative","_components","_compose","_style","_interopRequireDefault","MAX_ITEM_WIDTH","HALF_COLUMN","StylePreview","onPress","isActive","style","url","itemWidth","setItemWidth","useState","label","name","opacity","useRef","Animated","Value","current","onLayout","columnsNum","Math","floor","BottomSheet","getWidth","useEffect","dimensionsChangeSubscription","Dimensions","addEventListener","remove","labelStyle","usePreferredColorSchemeStyle","styles","labelDark","animateOutline","setValue","timing","toValue","duration","useNativeDriver","easing","Easing","linear","start","innerOutlineStyle","innerOutline","innerOutlineDark","getOutline","outlineStyles","map","outlineStyle","index","createElement","View","key","TouchableWithoutFeedback","container","width","imageWrapper","outline","Image","image","source","uri","Text","labelSelected","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-styles/preview.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tText,\n\tDimensions,\n\tAnimated,\n\tEasing,\n\tImage,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheet } from '@wordpress/components';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst MAX_ITEM_WIDTH = 120;\nconst HALF_COLUMN = 0.5;\n\nfunction StylePreview( { onPress, isActive, style, url } ) {\n\tconst [ itemWidth, setItemWidth ] = useState( MAX_ITEM_WIDTH );\n\tconst { label, name } = style;\n\tconst opacity = useRef( new Animated.Value( 1 ) ).current;\n\n\tfunction onLayout() {\n\t\tconst columnsNum =\n\t\t\t// To indicate scroll availabilty, there is a need to display additional half the column.\n\t\t\tMath.floor( BottomSheet.getWidth() / MAX_ITEM_WIDTH ) + HALF_COLUMN;\n\t\tsetItemWidth( BottomSheet.getWidth() / columnsNum );\n\t}\n\n\tuseEffect( () => {\n\t\tonLayout();\n\t\tconst dimensionsChangeSubscription = Dimensions.addEventListener(\n\t\t\t'change',\n\t\t\tonLayout\n\t\t);\n\n\t\treturn () => {\n\t\t\tdimensionsChangeSubscription.remove();\n\t\t};\n\t}, [] );\n\n\tconst labelStyle = usePreferredColorSchemeStyle(\n\t\tstyles.label,\n\t\tstyles.labelDark\n\t);\n\n\tconst animateOutline = () => {\n\t\topacity.setValue( 0 );\n\t\tAnimated.timing( opacity, {\n\t\t\ttoValue: 1,\n\t\t\tduration: 100,\n\t\t\tuseNativeDriver: true,\n\t\t\teasing: Easing.linear,\n\t\t} ).start();\n\t};\n\n\tconst innerOutlineStyle = usePreferredColorSchemeStyle(\n\t\tstyles.innerOutline,\n\t\tstyles.innerOutlineDark\n\t);\n\n\tconst getOutline = ( outlineStyles ) =>\n\t\toutlineStyles.map( ( outlineStyle, index ) => {\n\t\t\treturn (\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={ [ outlineStyle, { opacity }, styles[ name ] ] }\n\t\t\t\t\tkey={ index }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\tonPress={ () => {\n\t\t\t\tonPress();\n\t\t\t\tanimateOutline();\n\t\t\t} }\n\t\t>\n\t\t\t<View style={ [ styles.container, { width: itemWidth } ] }>\n\t\t\t\t<View style={ styles.imageWrapper }>\n\t\t\t\t\t{ isActive &&\n\t\t\t\t\t\tgetOutline( [ styles.outline, innerOutlineStyle ] ) }\n\t\t\t\t\t<Image\n\t\t\t\t\t\tstyle={ [ styles.image, styles[ name ] ] }\n\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ [ labelStyle, isActive && styles.labelSelected ] }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default StylePreview;\n"],"mappings":"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"}

package/build/components/block-styles/use-styles-for-block.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useStylesForBlocks;
-
 var _data = require("@wordpress/data");
-
 var _blocks = require("@wordpress/blocks");
-
 var _element = require("@wordpress/element");
-
 var _utils = require("./utils");
-
 var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */
@@ -33,19 +27,18 @@ function useGenericPreviewBlock(block, type) {
   return (0, _element.useMemo)(() => {
     const example = type?.example;
     const blockName = type?.name;
-
     if (example && blockName) {
       return (0, _blocks.getBlockFromExample)(blockName, {
         attributes: example.attributes,
         innerBlocks: example.innerBlocks
       });
     }
-
     if (block) {
       return (0, _blocks.cloneBlock)(block);
     }
   }, [type?.example ? block?.name : block, type]);
 }
+
 /**
  * @typedef useStylesForBlocksArguments
  * @property {string}     clientId Block client ID.
@@ -57,8 +50,6 @@ function useGenericPreviewBlock(block, type) {
  * @param {useStylesForBlocksArguments} useStylesForBlocks arguments.
  * @return {Object}                                         Results of the select methods.
  */
-
-
 function useStylesForBlocks({
   clientId,
   onSwitch
@@ -68,11 +59,9 @@ function useStylesForBlocks({
       getBlock
     } = select(_store.store);
     const block = getBlock(clientId);
-
     if (!block) {
       return {};
     }
-
     const blockType = (0, _blocks.getBlockType)(block.name);
     const {
       getBlockStyles
@@ -84,7 +73,6 @@ function useStylesForBlocks({
       className: block.attributes.className || ''
     };
   };
-
   const {
     styles,
     block,
@@ -97,7 +85,6 @@ function useStylesForBlocks({
   const stylesToRender = (0, _utils.getRenderedStyles)(styles);
   const activeStyle = (0, _utils.getActiveStyle)(stylesToRender, className);
   const genericPreviewBlock = useGenericPreviewBlock(block, blockType);
-
   const onSelect = style => {
     const styleClassName = (0, _utils.replaceActiveStyle)(className, activeStyle, style);
     updateBlockAttributes(clientId, {
@@ -105,7 +92,6 @@ function useStylesForBlocks({
     });
     onSwitch();
   };
-
   return {
     onSelect,
     stylesToRender,

package/build/components/block-styles/use-styles-for-block.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-styles/use-styles-for-block.js"],"names":["useGenericPreviewBlock","block","type","example","blockName","name","attributes","innerBlocks","useStylesForBlocks","clientId","onSwitch","selector","select","getBlock","blockEditorStore","blockType","getBlockStyles","blocksStore","styles","className","updateBlockAttributes","stylesToRender","activeStyle","genericPreviewBlock","onSelect","style","styleClassName"],"mappings":";;;;;;;AAGA;;AACA;;AAMA;;AAKA;;AACA;;AAhBA;AACA;AACA;;AAUA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,sBAAT,CAAiCC,KAAjC,EAAwCC,IAAxC,EAA+C;AAC9C,SAAO,sBAAS,MAAM;AACrB,UAAMC,OAAO,GAAGD,IAAI,EAAEC,OAAtB;AACA,UAAMC,SAAS,GAAGF,IAAI,EAAEG,IAAxB;;AAEA,QAAKF,OAAO,IAAIC,SAAhB,EAA4B;AAC3B,aAAO,iCAAqBA,SAArB,EAAgC;AACtCE,QAAAA,UAAU,EAAEH,OAAO,CAACG,UADkB;AAEtCC,QAAAA,WAAW,EAAEJ,OAAO,CAACI;AAFiB,OAAhC,CAAP;AAIA;;AAED,QAAKN,KAAL,EAAa;AACZ,aAAO,wBAAYA,KAAZ,CAAP;AACA;AACD,GAdM,EAcJ,CAAEC,IAAI,EAAEC,OAAN,GAAgBF,KAAK,EAAEI,IAAvB,GAA8BJ,KAAhC,EAAuCC,IAAvC,CAdI,CAAP;AAeA;AAED;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AACe,SAASM,kBAAT,CAA6B;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAA7B,EAAsD;AACpE,QAAMC,QAAQ,GAAKC,MAAF,IAAc;AAC9B,UAAM;AAAEC,MAAAA;AAAF,QAAeD,MAAM,CAAEE,YAAF,CAA3B;AACA,UAAMb,KAAK,GAAGY,QAAQ,CAAEJ,QAAF,CAAtB;;AAEA,QAAK,CAAER,KAAP,EAAe;AACd,aAAO,EAAP;AACA;;AACD,UAAMc,SAAS,GAAG,0BAAcd,KAAK,CAACI,IAApB,CAAlB;AACA,UAAM;AAAEW,MAAAA;AAAF,QAAqBJ,MAAM,CAAEK,aAAF,CAAjC;AAEA,WAAO;AACNhB,MAAAA,KADM;AAENc,MAAAA,SAFM;AAGNG,MAAAA,MAAM,EAAEF,cAAc,CAAEf,KAAK,CAACI,IAAR,CAHhB;AAINc,MAAAA,SAAS,EAAElB,KAAK,CAACK,UAAN,CAAiBa,SAAjB,IAA8B;AAJnC,KAAP;AAMA,GAhBD;;AAiBA,QAAM;AAAED,IAAAA,MAAF;AAAUjB,IAAAA,KAAV;AAAiBc,IAAAA,SAAjB;AAA4BI,IAAAA;AAA5B,MAA0C,qBAAWR,QAAX,EAAqB,CACpEF,QADoE,CAArB,CAAhD;AAGA,QAAM;AAAEW,IAAAA;AAAF,MAA4B,uBAAaN,YAAb,CAAlC;AACA,QAAMO,cAAc,GAAG,8BAAmBH,MAAnB,CAAvB;AACA,QAAMI,WAAW,GAAG,2BAAgBD,cAAhB,EAAgCF,SAAhC,CAApB;AACA,QAAMI,mBAAmB,GAAGvB,sBAAsB,CAAEC,KAAF,EAASc,SAAT,CAAlD;;AAEA,QAAMS,QAAQ,GAAKC,KAAF,IAAa;AAC7B,UAAMC,cAAc,GAAG,+BACtBP,SADsB,EAEtBG,WAFsB,EAGtBG,KAHsB,CAAvB;AAKAL,IAAAA,qBAAqB,CAAEX,QAAF,EAAY;AAChCU,MAAAA,SAAS,EAAEO;AADqB,KAAZ,CAArB;AAGAhB,IAAAA,QAAQ;AACR,GAVD;;AAYA,SAAO;AACNc,IAAAA,QADM;AAENH,IAAAA,cAFM;AAGNC,IAAAA,WAHM;AAINC,IAAAA,mBAJM;AAKNJ,IAAAA;AALM,GAAP;AAOA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tcloneBlock,\n\tgetBlockType,\n\tgetBlockFromExample,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getActiveStyle, getRenderedStyles, replaceActiveStyle } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n *\n * @param {WPBlock}     block Block object.\n * @param {WPBlockType} type  Block type settings.\n * @return {WPBlock}          A generic block ready for styles preview.\n */\nfunction useGenericPreviewBlock( block, type ) {\n\treturn useMemo( () => {\n\t\tconst example = type?.example;\n\t\tconst blockName = type?.name;\n\n\t\tif ( example && blockName ) {\n\t\t\treturn getBlockFromExample( blockName, {\n\t\t\t\tattributes: example.attributes,\n\t\t\t\tinnerBlocks: example.innerBlocks,\n\t\t\t} );\n\t\t}\n\n\t\tif ( block ) {\n\t\t\treturn cloneBlock( block );\n\t\t}\n\t}, [ type?.example ? block?.name : block, type ] );\n}\n\n/**\n * @typedef useStylesForBlocksArguments\n * @property {string}     clientId Block client ID.\n * @property {() => void} onSwitch Block style switch callback function.\n */\n\n/**\n *\n * @param {useStylesForBlocksArguments} useStylesForBlocks arguments.\n * @return {Object}                                         Results of the select methods.\n */\nexport default function useStylesForBlocks( { clientId, onSwitch } ) {\n\tconst selector = ( select ) => {\n\t\tconst { getBlock } = select( blockEditorStore );\n\t\tconst block = getBlock( clientId );\n\n\t\tif ( ! block ) {\n\t\t\treturn {};\n\t\t}\n\t\tconst blockType = getBlockType( block.name );\n\t\tconst { getBlockStyles } = select( blocksStore );\n\n\t\treturn {\n\t\t\tblock,\n\t\t\tblockType,\n\t\t\tstyles: getBlockStyles( block.name ),\n\t\t\tclassName: block.attributes.className || '',\n\t\t};\n\t};\n\tconst { styles, block, blockType, className } = useSelect( selector, [\n\t\tclientId,\n\t] );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst stylesToRender = getRenderedStyles( styles );\n\tconst activeStyle = getActiveStyle( stylesToRender, className );\n\tconst genericPreviewBlock = useGenericPreviewBlock( block, blockType );\n\n\tconst onSelect = ( style ) => {\n\t\tconst styleClassName = replaceActiveStyle(\n\t\t\tclassName,\n\t\t\tactiveStyle,\n\t\t\tstyle\n\t\t);\n\t\tupdateBlockAttributes( clientId, {\n\t\t\tclassName: styleClassName,\n\t\t} );\n\t\tonSwitch();\n\t};\n\n\treturn {\n\t\tonSelect,\n\t\tstylesToRender,\n\t\tactiveStyle,\n\t\tgenericPreviewBlock,\n\t\tclassName,\n\t};\n}\n"]}
+{"version":3,"names":["_data","require","_blocks","_element","_utils","_store","useGenericPreviewBlock","block","type","useMemo","example","blockName","name","getBlockFromExample","attributes","innerBlocks","cloneBlock","useStylesForBlocks","clientId","onSwitch","selector","select","getBlock","blockEditorStore","blockType","getBlockType","getBlockStyles","blocksStore","styles","className","useSelect","updateBlockAttributes","useDispatch","stylesToRender","getRenderedStyles","activeStyle","getActiveStyle","genericPreviewBlock","onSelect","style","styleClassName","replaceActiveStyle"],"sources":["@wordpress/block-editor/src/components/block-styles/use-styles-for-block.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tcloneBlock,\n\tgetBlockType,\n\tgetBlockFromExample,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getActiveStyle, getRenderedStyles, replaceActiveStyle } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n *\n * @param {WPBlock}     block Block object.\n * @param {WPBlockType} type  Block type settings.\n * @return {WPBlock}          A generic block ready for styles preview.\n */\nfunction useGenericPreviewBlock( block, type ) {\n\treturn useMemo( () => {\n\t\tconst example = type?.example;\n\t\tconst blockName = type?.name;\n\n\t\tif ( example && blockName ) {\n\t\t\treturn getBlockFromExample( blockName, {\n\t\t\t\tattributes: example.attributes,\n\t\t\t\tinnerBlocks: example.innerBlocks,\n\t\t\t} );\n\t\t}\n\n\t\tif ( block ) {\n\t\t\treturn cloneBlock( block );\n\t\t}\n\t}, [ type?.example ? block?.name : block, type ] );\n}\n\n/**\n * @typedef useStylesForBlocksArguments\n * @property {string}     clientId Block client ID.\n * @property {() => void} onSwitch Block style switch callback function.\n */\n\n/**\n *\n * @param {useStylesForBlocksArguments} useStylesForBlocks arguments.\n * @return {Object}                                         Results of the select methods.\n */\nexport default function useStylesForBlocks( { clientId, onSwitch } ) {\n\tconst selector = ( select ) => {\n\t\tconst { getBlock } = select( blockEditorStore );\n\t\tconst block = getBlock( clientId );\n\n\t\tif ( ! block ) {\n\t\t\treturn {};\n\t\t}\n\t\tconst blockType = getBlockType( block.name );\n\t\tconst { getBlockStyles } = select( blocksStore );\n\n\t\treturn {\n\t\t\tblock,\n\t\t\tblockType,\n\t\t\tstyles: getBlockStyles( block.name ),\n\t\t\tclassName: block.attributes.className || '',\n\t\t};\n\t};\n\tconst { styles, block, blockType, className } = useSelect( selector, [\n\t\tclientId,\n\t] );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst stylesToRender = getRenderedStyles( styles );\n\tconst activeStyle = getActiveStyle( stylesToRender, className );\n\tconst genericPreviewBlock = useGenericPreviewBlock( block, blockType );\n\n\tconst onSelect = ( style ) => {\n\t\tconst styleClassName = replaceActiveStyle(\n\t\t\tclassName,\n\t\t\tactiveStyle,\n\t\t\tstyle\n\t\t);\n\t\tupdateBlockAttributes( clientId, {\n\t\t\tclassName: styleClassName,\n\t\t} );\n\t\tonSwitch();\n\t};\n\n\treturn {\n\t\tonSelect,\n\t\tstylesToRender,\n\t\tactiveStyle,\n\t\tgenericPreviewBlock,\n\t\tclassName,\n\t};\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAhBA;AACA;AACA;;AAUA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA,SAASK,sBAAsBA,CAAEC,KAAK,EAAEC,IAAI,EAAG;EAC9C,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,MAAMC,OAAO,GAAGF,IAAI,EAAEE,OAAO;IAC7B,MAAMC,SAAS,GAAGH,IAAI,EAAEI,IAAI;IAE5B,IAAKF,OAAO,IAAIC,SAAS,EAAG;MAC3B,OAAO,IAAAE,2BAAmB,EAAEF,SAAS,EAAE;QACtCG,UAAU,EAAEJ,OAAO,CAACI,UAAU;QAC9BC,WAAW,EAAEL,OAAO,CAACK;MACtB,CAAE,CAAC;IACJ;IAEA,IAAKR,KAAK,EAAG;MACZ,OAAO,IAAAS,kBAAU,EAAET,KAAM,CAAC;IAC3B;EACD,CAAC,EAAE,CAAEC,IAAI,EAAEE,OAAO,GAAGH,KAAK,EAAEK,IAAI,GAAGL,KAAK,EAAEC,IAAI,CAAG,CAAC;AACnD;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACe,SAASS,kBAAkBA,CAAE;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EACpE,MAAMC,QAAQ,GAAKC,MAAM,IAAM;IAC9B,MAAM;MAAEC;IAAS,CAAC,GAAGD,MAAM,CAAEE,YAAiB,CAAC;IAC/C,MAAMhB,KAAK,GAAGe,QAAQ,CAAEJ,QAAS,CAAC;IAElC,IAAK,CAAEX,KAAK,EAAG;MACd,OAAO,CAAC,CAAC;IACV;IACA,MAAMiB,SAAS,GAAG,IAAAC,oBAAY,EAAElB,KAAK,CAACK,IAAK,CAAC;IAC5C,MAAM;MAAEc;IAAe,CAAC,GAAGL,MAAM,CAAEM,aAAY,CAAC;IAEhD,OAAO;MACNpB,KAAK;MACLiB,SAAS;MACTI,MAAM,EAAEF,cAAc,CAAEnB,KAAK,CAACK,IAAK,CAAC;MACpCiB,SAAS,EAAEtB,KAAK,CAACO,UAAU,CAACe,SAAS,IAAI;IAC1C,CAAC;EACF,CAAC;EACD,MAAM;IAAED,MAAM;IAAErB,KAAK;IAAEiB,SAAS;IAAEK;EAAU,CAAC,GAAG,IAAAC,eAAS,EAAEV,QAAQ,EAAE,CACpEF,QAAQ,CACP,CAAC;EACH,MAAM;IAAEa;EAAsB,CAAC,GAAG,IAAAC,iBAAW,EAAET,YAAiB,CAAC;EACjE,MAAMU,cAAc,GAAG,IAAAC,wBAAiB,EAAEN,MAAO,CAAC;EAClD,MAAMO,WAAW,GAAG,IAAAC,qBAAc,EAAEH,cAAc,EAAEJ,SAAU,CAAC;EAC/D,MAAMQ,mBAAmB,GAAG/B,sBAAsB,CAAEC,KAAK,EAAEiB,SAAU,CAAC;EAEtE,MAAMc,QAAQ,GAAKC,KAAK,IAAM;IAC7B,MAAMC,cAAc,GAAG,IAAAC,yBAAkB,EACxCZ,SAAS,EACTM,WAAW,EACXI,KACD,CAAC;IACDR,qBAAqB,CAAEb,QAAQ,EAAE;MAChCW,SAAS,EAAEW;IACZ,CAAE,CAAC;IACHrB,QAAQ,CAAC,CAAC;EACX,CAAC;EAED,OAAO;IACNmB,QAAQ;IACRL,cAAc;IACdE,WAAW;IACXE,mBAAmB;IACnBR;EACD,CAAC;AACF"}

package/build/components/block-styles/utils.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,11 +8,8 @@ exports.getActiveStyle = getActiveStyle;
 exports.getDefaultStyle = getDefaultStyle;
 exports.getRenderedStyles = getRenderedStyles;
 exports.replaceActiveStyle = replaceActiveStyle;
-
 var _tokenList = _interopRequireDefault(require("@wordpress/token-list"));
-
 var _i18n = require("@wordpress/i18n");
-
 /**
  * WordPress dependencies
  */
@@ -31,19 +27,17 @@ function getActiveStyle(styles, className) {
     if (style.indexOf('is-style-') === -1) {
       continue;
     }
-
     const potentialStyleName = style.substring(9);
     const activeStyle = styles?.find(({
       name
     }) => name === potentialStyleName);
-
     if (activeStyle) {
       return activeStyle;
     }
   }
-
   return getDefaultStyle(styles);
 }
+
 /**
  * Replaces the active style in the block's className.
  *
@@ -53,18 +47,15 @@ function getActiveStyle(styles, className) {
  *
  * @return {string} The updated className.
  */
-
-
 function replaceActiveStyle(className, activeStyle, newStyle) {
   const list = new _tokenList.default(className);
-
   if (activeStyle) {
     list.remove('is-style-' + activeStyle.name);
   }
-
   list.add('is-style-' + newStyle.name);
   return list.value;
 }
+
 /**
  * Returns a collection of styles that can be represented on the frontend.
  * The function checks a style collection for a default style. If none is found, it adds one to
@@ -75,19 +66,17 @@ function replaceActiveStyle(className, activeStyle, newStyle) {
  *
  * @return {Array<Object?>}        The style collection.
  */
-
-
 function getRenderedStyles(styles) {
   if (!styles || styles.length === 0) {
     return [];
   }
-
   return getDefaultStyle(styles) ? styles : [{
     name: 'default',
     label: (0, _i18n._x)('Default', 'block style'),
     isDefault: true
   }, ...styles];
 }
+
 /**
  * Returns a style object from a collection of styles where that style object is the default block style.
  *
@@ -95,8 +84,6 @@ function getRenderedStyles(styles) {
  *
  * @return {Object?}        The default style object, if found.
  */
-
-
 function getDefaultStyle(styles) {
   return styles?.find(style => style.isDefault);
 }

package/build/components/block-styles/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-styles/utils.js"],"names":["getActiveStyle","styles","className","style","TokenList","values","indexOf","potentialStyleName","substring","activeStyle","find","name","getDefaultStyle","replaceActiveStyle","newStyle","list","remove","add","value","getRenderedStyles","length","label","isDefault"],"mappings":";;;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAT,CAAyBC,MAAzB,EAAiCC,SAAjC,EAA6C;AACnD,OAAM,MAAMC,KAAZ,IAAqB,IAAIC,kBAAJ,CAAeF,SAAf,EAA2BG,MAA3B,EAArB,EAA2D;AAC1D,QAAKF,KAAK,CAACG,OAAN,CAAe,WAAf,MAAiC,CAAC,CAAvC,EAA2C;AAC1C;AACA;;AAED,UAAMC,kBAAkB,GAAGJ,KAAK,CAACK,SAAN,CAAiB,CAAjB,CAA3B;AACA,UAAMC,WAAW,GAAGR,MAAM,EAAES,IAAR,CACnB,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAgBA,IAAI,KAAKJ,kBADN,CAApB;;AAGA,QAAKE,WAAL,EAAmB;AAClB,aAAOA,WAAP;AACA;AACD;;AAED,SAAOG,eAAe,CAAEX,MAAF,CAAtB;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASY,kBAAT,CAA6BX,SAA7B,EAAwCO,WAAxC,EAAqDK,QAArD,EAAgE;AACtE,QAAMC,IAAI,GAAG,IAAIX,kBAAJ,CAAeF,SAAf,CAAb;;AAEA,MAAKO,WAAL,EAAmB;AAClBM,IAAAA,IAAI,CAACC,MAAL,CAAa,cAAcP,WAAW,CAACE,IAAvC;AACA;;AAEDI,EAAAA,IAAI,CAACE,GAAL,CAAU,cAAcH,QAAQ,CAACH,IAAjC;AAEA,SAAOI,IAAI,CAACG,KAAZ;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASC,iBAAT,CAA4BlB,MAA5B,EAAqC;AAC3C,MAAK,CAAEA,MAAF,IAAYA,MAAM,CAACmB,MAAP,KAAkB,CAAnC,EAAuC;AACtC,WAAO,EAAP;AACA;;AAED,SAAOR,eAAe,CAAEX,MAAF,CAAf,GACJA,MADI,GAEJ,CACA;AACCU,IAAAA,IAAI,EAAE,SADP;AAECU,IAAAA,KAAK,EAAE,cAAI,SAAJ,EAAe,aAAf,CAFR;AAGCC,IAAAA,SAAS,EAAE;AAHZ,GADA,EAMA,GAAGrB,MANH,CAFH;AAUA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASW,eAAT,CAA0BX,MAA1B,EAAmC;AACzC,SAAOA,MAAM,EAAES,IAAR,CAAgBP,KAAF,IAAaA,KAAK,CAACmB,SAAjC,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport TokenList from '@wordpress/token-list';\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Returns the active style from the given className.\n *\n * @param {Array}  styles    Block styles.\n * @param {string} className Class name\n *\n * @return {Object?} The active style.\n */\nexport function getActiveStyle( styles, className ) {\n\tfor ( const style of new TokenList( className ).values() ) {\n\t\tif ( style.indexOf( 'is-style-' ) === -1 ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst potentialStyleName = style.substring( 9 );\n\t\tconst activeStyle = styles?.find(\n\t\t\t( { name } ) => name === potentialStyleName\n\t\t);\n\t\tif ( activeStyle ) {\n\t\t\treturn activeStyle;\n\t\t}\n\t}\n\n\treturn getDefaultStyle( styles );\n}\n\n/**\n * Replaces the active style in the block's className.\n *\n * @param {string}  className   Class name.\n * @param {Object?} activeStyle The replaced style.\n * @param {Object}  newStyle    The replacing style.\n *\n * @return {string} The updated className.\n */\nexport function replaceActiveStyle( className, activeStyle, newStyle ) {\n\tconst list = new TokenList( className );\n\n\tif ( activeStyle ) {\n\t\tlist.remove( 'is-style-' + activeStyle.name );\n\t}\n\n\tlist.add( 'is-style-' + newStyle.name );\n\n\treturn list.value;\n}\n\n/**\n * Returns a collection of styles that can be represented on the frontend.\n * The function checks a style collection for a default style. If none is found, it adds one to\n * act as a fallback for when there is no active style applied to a block. The default item also serves\n * as a switch on the frontend to deactivate non-default styles.\n *\n * @param {Array} styles Block styles.\n *\n * @return {Array<Object?>}        The style collection.\n */\nexport function getRenderedStyles( styles ) {\n\tif ( ! styles || styles.length === 0 ) {\n\t\treturn [];\n\t}\n\n\treturn getDefaultStyle( styles )\n\t\t? styles\n\t\t: [\n\t\t\t\t{\n\t\t\t\t\tname: 'default',\n\t\t\t\t\tlabel: _x( 'Default', 'block style' ),\n\t\t\t\t\tisDefault: true,\n\t\t\t\t},\n\t\t\t\t...styles,\n\t\t  ];\n}\n\n/**\n * Returns a style object from a collection of styles where that style object is the default block style.\n *\n * @param {Array} styles Block styles.\n *\n * @return {Object?}        The default style object, if found.\n */\nexport function getDefaultStyle( styles ) {\n\treturn styles?.find( ( style ) => style.isDefault );\n}\n"]}
+{"version":3,"names":["_tokenList","_interopRequireDefault","require","_i18n","getActiveStyle","styles","className","style","TokenList","values","indexOf","potentialStyleName","substring","activeStyle","find","name","getDefaultStyle","replaceActiveStyle","newStyle","list","remove","add","value","getRenderedStyles","length","label","_x","isDefault"],"sources":["@wordpress/block-editor/src/components/block-styles/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport TokenList from '@wordpress/token-list';\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Returns the active style from the given className.\n *\n * @param {Array}  styles    Block styles.\n * @param {string} className Class name\n *\n * @return {Object?} The active style.\n */\nexport function getActiveStyle( styles, className ) {\n\tfor ( const style of new TokenList( className ).values() ) {\n\t\tif ( style.indexOf( 'is-style-' ) === -1 ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst potentialStyleName = style.substring( 9 );\n\t\tconst activeStyle = styles?.find(\n\t\t\t( { name } ) => name === potentialStyleName\n\t\t);\n\t\tif ( activeStyle ) {\n\t\t\treturn activeStyle;\n\t\t}\n\t}\n\n\treturn getDefaultStyle( styles );\n}\n\n/**\n * Replaces the active style in the block's className.\n *\n * @param {string}  className   Class name.\n * @param {Object?} activeStyle The replaced style.\n * @param {Object}  newStyle    The replacing style.\n *\n * @return {string} The updated className.\n */\nexport function replaceActiveStyle( className, activeStyle, newStyle ) {\n\tconst list = new TokenList( className );\n\n\tif ( activeStyle ) {\n\t\tlist.remove( 'is-style-' + activeStyle.name );\n\t}\n\n\tlist.add( 'is-style-' + newStyle.name );\n\n\treturn list.value;\n}\n\n/**\n * Returns a collection of styles that can be represented on the frontend.\n * The function checks a style collection for a default style. If none is found, it adds one to\n * act as a fallback for when there is no active style applied to a block. The default item also serves\n * as a switch on the frontend to deactivate non-default styles.\n *\n * @param {Array} styles Block styles.\n *\n * @return {Array<Object?>}        The style collection.\n */\nexport function getRenderedStyles( styles ) {\n\tif ( ! styles || styles.length === 0 ) {\n\t\treturn [];\n\t}\n\n\treturn getDefaultStyle( styles )\n\t\t? styles\n\t\t: [\n\t\t\t\t{\n\t\t\t\t\tname: 'default',\n\t\t\t\t\tlabel: _x( 'Default', 'block style' ),\n\t\t\t\t\tisDefault: true,\n\t\t\t\t},\n\t\t\t\t...styles,\n\t\t  ];\n}\n\n/**\n * Returns a style object from a collection of styles where that style object is the default block style.\n *\n * @param {Array} styles Block styles.\n *\n * @return {Object?}        The default style object, if found.\n */\nexport function getDefaultStyle( styles ) {\n\treturn styles?.find( ( style ) => style.isDefault );\n}\n"],"mappings":";;;;;;;;;;AAGA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,cAAcA,CAAEC,MAAM,EAAEC,SAAS,EAAG;EACnD,KAAM,MAAMC,KAAK,IAAI,IAAIC,kBAAS,CAAEF,SAAU,CAAC,CAACG,MAAM,CAAC,CAAC,EAAG;IAC1D,IAAKF,KAAK,CAACG,OAAO,CAAE,WAAY,CAAC,KAAK,CAAC,CAAC,EAAG;MAC1C;IACD;IAEA,MAAMC,kBAAkB,GAAGJ,KAAK,CAACK,SAAS,CAAE,CAAE,CAAC;IAC/C,MAAMC,WAAW,GAAGR,MAAM,EAAES,IAAI,CAC/B,CAAE;MAAEC;IAAK,CAAC,KAAMA,IAAI,KAAKJ,kBAC1B,CAAC;IACD,IAAKE,WAAW,EAAG;MAClB,OAAOA,WAAW;IACnB;EACD;EAEA,OAAOG,eAAe,CAAEX,MAAO,CAAC;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASY,kBAAkBA,CAAEX,SAAS,EAAEO,WAAW,EAAEK,QAAQ,EAAG;EACtE,MAAMC,IAAI,GAAG,IAAIX,kBAAS,CAAEF,SAAU,CAAC;EAEvC,IAAKO,WAAW,EAAG;IAClBM,IAAI,CAACC,MAAM,CAAE,WAAW,GAAGP,WAAW,CAACE,IAAK,CAAC;EAC9C;EAEAI,IAAI,CAACE,GAAG,CAAE,WAAW,GAAGH,QAAQ,CAACH,IAAK,CAAC;EAEvC,OAAOI,IAAI,CAACG,KAAK;AAClB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAAElB,MAAM,EAAG;EAC3C,IAAK,CAAEA,MAAM,IAAIA,MAAM,CAACmB,MAAM,KAAK,CAAC,EAAG;IACtC,OAAO,EAAE;EACV;EAEA,OAAOR,eAAe,CAAEX,MAAO,CAAC,GAC7BA,MAAM,GACN,CACA;IACCU,IAAI,EAAE,SAAS;IACfU,KAAK,EAAE,IAAAC,QAAE,EAAE,SAAS,EAAE,aAAc,CAAC;IACrCC,SAAS,EAAE;EACZ,CAAC,EACD,GAAGtB,MAAM,CACR;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASW,eAAeA,CAAEX,MAAM,EAAG;EACzC,OAAOA,MAAM,EAAES,IAAI,CAAIP,KAAK,IAAMA,KAAK,CAACoB,SAAU,CAAC;AACpD"}

package/build/components/block-switcher/block-styles-menu.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockStylesMenu;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _menuItems = _interopRequireDefault(require("../block-styles/menu-items"));
-
 /**
  * WordPress dependencies
  */
@@ -22,6 +16,7 @@ var _menuItems = _interopRequireDefault(require("../block-styles/menu-items"));
 /**
  * Internal dependencies
  */
+
 function BlockStylesMenu({
   hoveredBlock,
   onSwitch

package/build/components/block-switcher/block-styles-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-switcher/block-styles-menu.js"],"names":["BlockStylesMenu","hoveredBlock","onSwitch","clientId"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGe,SAASA,eAAT,CAA0B;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA;AAAhB,CAA1B,EAAuD;AACrE,QAAM;AAAEC,IAAAA;AAAF,MAAeF,YAArB;AAEA,SACC,4BAAC,qBAAD;AACC,IAAA,KAAK,EAAG,cAAI,QAAJ,CADT;AAEC,IAAA,SAAS,EAAC;AAFX,KAIC,4BAAC,kBAAD;AAAsB,IAAA,QAAQ,EAAGE,QAAjC;AAA4C,IAAA,QAAQ,EAAGD;AAAvD,IAJD,CADD;AAQA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesMenuItems from '../block-styles/menu-items';\n\nexport default function BlockStylesMenu( { hoveredBlock, onSwitch } ) {\n\tconst { clientId } = hoveredBlock;\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Styles' ) }\n\t\t\tclassName=\"block-editor-block-switcher__styles__menugroup\"\n\t\t>\n\t\t\t<BlockStylesMenuItems clientId={ clientId } onSwitch={ onSwitch } />\n\t\t</MenuGroup>\n\t);\n}\n"]}
+{"version":3,"names":["_i18n","require","_components","_menuItems","_interopRequireDefault","BlockStylesMenu","hoveredBlock","onSwitch","clientId","_element","createElement","MenuGroup","label","__","className","default"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-styles-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesMenuItems from '../block-styles/menu-items';\n\nexport default function BlockStylesMenu( { hoveredBlock, onSwitch } ) {\n\tconst { clientId } = hoveredBlock;\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Styles' ) }\n\t\t\tclassName=\"block-editor-block-switcher__styles__menugroup\"\n\t\t>\n\t\t\t<BlockStylesMenuItems clientId={ clientId } onSwitch={ onSwitch } />\n\t\t</MenuGroup>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,eAAeA,CAAE;EAAEC,YAAY;EAAEC;AAAS,CAAC,EAAG;EACrE,MAAM;IAAEC;EAAS,CAAC,GAAGF,YAAY;EAEjC,OACC,IAAAG,QAAA,CAAAC,aAAA,EAACR,WAAA,CAAAS,SAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,SAAS,EAAC;EAAgD,GAE1D,IAAAL,QAAA,CAAAC,aAAA,EAACP,UAAA,CAAAY,OAAoB;IAACP,QAAQ,EAAGA,QAAU;IAACD,QAAQ,EAAGA;EAAU,CAAE,CACzD,CAAC;AAEd"}

package/build/components/block-switcher/block-transformations-menu.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _blocks = require("@wordpress/blocks");
-
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
-
 var _previewBlockPopover = _interopRequireDefault(require("./preview-block-popover"));
-
 var _blockVariationTransformations = _interopRequireDefault(require("./block-variation-transformations"));
-
 /**
  * WordPress dependencies
  */
@@ -52,20 +43,19 @@ function useGroupedTransforms(possibleBlockTransformations) {
       const {
         name
       } = item;
-
       if (priorityTextTranformsNames.includes(name)) {
         accumulator.priorityTextTransformations.push(item);
       } else {
         accumulator.restTransformations.push(item);
       }
-
       return accumulator;
     }, {
       priorityTextTransformations: [],
       restTransformations: []
     });
-  }, [possibleBlockTransformations]); // Order the priority text transformations.
+  }, [possibleBlockTransformations]);
 
+  // Order the priority text transformations.
   transformations.priorityTextTransformations.sort(({
     name: currentName
   }, {
@@ -75,7 +65,6 @@ function useGroupedTransforms(possibleBlockTransformations) {
   });
   return transformations;
 }
-
 const BlockTransformationsMenu = ({
   className,
   possibleBlockTransformations,
@@ -88,9 +77,9 @@ const BlockTransformationsMenu = ({
   const {
     priorityTextTransformations,
     restTransformations
-  } = useGroupedTransforms(possibleBlockTransformations); // We have to check if both content transformations(priority and rest) are set
+  } = useGroupedTransforms(possibleBlockTransformations);
+  // We have to check if both content transformations(priority and rest) are set
   // in order to create a separate MenuGroup for them.
-
   const hasBothContentTransformations = priorityTextTransformations.length && restTransformations.length;
   const restTransformItems = !!restTransformations.length && (0, _element.createElement)(RestTransformationItems, {
     restTransformations: restTransformations,
@@ -115,7 +104,6 @@ const BlockTransformationsMenu = ({
     className: className
   }, restTransformItems));
 };
-
 function RestTransformationItems({
   restTransformations,
   onSelect,
@@ -128,7 +116,6 @@ function RestTransformationItems({
     setHoveredTransformItemName: setHoveredTransformItemName
   }));
 }
-
 function BlockTranformationItem({
   item,
   onSelect,
@@ -154,7 +141,6 @@ function BlockTranformationItem({
     showColors: true
   }), title);
 }
-
 var _default = BlockTransformationsMenu;
 exports.default = _default;
 //# sourceMappingURL=block-transformations-menu.js.map

package/build/components/block-switcher/block-transformations-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-switcher/block-transformations-menu.js"],"names":["useGroupedTransforms","possibleBlockTransformations","priorityContentTranformationBlocks","transformations","priorityTextTranformsNames","Object","keys","reduce","accumulator","item","name","includes","priorityTextTransformations","push","restTransformations","sort","currentName","nextName","BlockTransformationsMenu","className","possibleBlockVariationTransformations","onSelect","onSelectVariation","blocks","hoveredTransformItemName","setHoveredTransformItemName","hasBothContentTransformations","length","restTransformItems","map","RestTransformationItems","BlockTranformationItem","icon","title","isDisabled","event","preventDefault"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup, MenuItem } from '@wordpress/components';\nimport {\n\tgetBlockMenuDefaultClassName,\n\tswitchToBlockType,\n} from '@wordpress/blocks';\nimport { useState, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport PreviewBlockPopover from './preview-block-popover';\nimport BlockVariationTransformations from './block-variation-transformations';\n\n/**\n * Helper hook to group transformations to display them in a specific order in the UI.\n * For now we group only priority content driven transformations(ex. paragraph -> heading).\n *\n * Later on we could also group 'layout' transformations(ex. paragraph -> group) and\n * display them in different sections.\n *\n * @param {Object[]} possibleBlockTransformations The available block transformations.\n * @return {Record<string, Object[]>} The grouped block transformations.\n */\nfunction useGroupedTransforms( possibleBlockTransformations ) {\n\tconst priorityContentTranformationBlocks = {\n\t\t'core/paragraph': 1,\n\t\t'core/heading': 2,\n\t\t'core/list': 3,\n\t\t'core/quote': 4,\n\t};\n\tconst transformations = useMemo( () => {\n\t\tconst priorityTextTranformsNames = Object.keys(\n\t\t\tpriorityContentTranformationBlocks\n\t\t);\n\t\treturn possibleBlockTransformations.reduce(\n\t\t\t( accumulator, item ) => {\n\t\t\t\tconst { name } = item;\n\t\t\t\tif ( priorityTextTranformsNames.includes( name ) ) {\n\t\t\t\t\taccumulator.priorityTextTransformations.push( item );\n\t\t\t\t} else {\n\t\t\t\t\taccumulator.restTransformations.push( item );\n\t\t\t\t}\n\t\t\t\treturn accumulator;\n\t\t\t},\n\t\t\t{ priorityTextTransformations: [], restTransformations: [] }\n\t\t);\n\t}, [ possibleBlockTransformations ] );\n\n\t// Order the priority text transformations.\n\ttransformations.priorityTextTransformations.sort(\n\t\t( { name: currentName }, { name: nextName } ) => {\n\t\t\treturn priorityContentTranformationBlocks[ currentName ] <\n\t\t\t\tpriorityContentTranformationBlocks[ nextName ]\n\t\t\t\t? -1\n\t\t\t\t: 1;\n\t\t}\n\t);\n\treturn transformations;\n}\n\nconst BlockTransformationsMenu = ( {\n\tclassName,\n\tpossibleBlockTransformations,\n\tpossibleBlockVariationTransformations,\n\tonSelect,\n\tonSelectVariation,\n\tblocks,\n} ) => {\n\tconst [ hoveredTransformItemName, setHoveredTransformItemName ] =\n\t\tuseState();\n\n\tconst { priorityTextTransformations, restTransformations } =\n\t\tuseGroupedTransforms( possibleBlockTransformations );\n\t// We have to check if both content transformations(priority and rest) are set\n\t// in order to create a separate MenuGroup for them.\n\tconst hasBothContentTransformations =\n\t\tpriorityTextTransformations.length && restTransformations.length;\n\tconst restTransformItems = !! restTransformations.length && (\n\t\t<RestTransformationItems\n\t\t\trestTransformations={ restTransformations }\n\t\t\tonSelect={ onSelect }\n\t\t\tsetHoveredTransformItemName={ setHoveredTransformItemName }\n\t\t/>\n\t);\n\treturn (\n\t\t<>\n\t\t\t<MenuGroup label={ __( 'Transform to' ) } className={ className }>\n\t\t\t\t{ hoveredTransformItemName && (\n\t\t\t\t\t<PreviewBlockPopover\n\t\t\t\t\t\tblocks={ switchToBlockType(\n\t\t\t\t\t\t\tblocks,\n\t\t\t\t\t\t\thoveredTransformItemName\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ !! possibleBlockVariationTransformations?.length && (\n\t\t\t\t\t<BlockVariationTransformations\n\t\t\t\t\t\ttransformations={\n\t\t\t\t\t\t\tpossibleBlockVariationTransformations\n\t\t\t\t\t\t}\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tonSelect={ onSelectVariation }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ priorityTextTransformations.map( ( item ) => (\n\t\t\t\t\t<BlockTranformationItem\n\t\t\t\t\t\tkey={ item.name }\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tsetHoveredTransformItemName={\n\t\t\t\t\t\t\tsetHoveredTransformItemName\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t\t{ ! hasBothContentTransformations && restTransformItems }\n\t\t\t</MenuGroup>\n\t\t\t{ !! hasBothContentTransformations && (\n\t\t\t\t<MenuGroup className={ className }>\n\t\t\t\t\t{ restTransformItems }\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nfunction RestTransformationItems( {\n\trestTransformations,\n\tonSelect,\n\tsetHoveredTransformItemName,\n} ) {\n\treturn restTransformations.map( ( item ) => (\n\t\t<BlockTranformationItem\n\t\t\tkey={ item.name }\n\t\t\titem={ item }\n\t\t\tonSelect={ onSelect }\n\t\t\tsetHoveredTransformItemName={ setHoveredTransformItemName }\n\t\t/>\n\t) );\n}\n\nfunction BlockTranformationItem( {\n\titem,\n\tonSelect,\n\tsetHoveredTransformItemName,\n} ) {\n\tconst { name, icon, title, isDisabled } = item;\n\treturn (\n\t\t<MenuItem\n\t\t\tclassName={ getBlockMenuDefaultClassName( name ) }\n\t\t\tonClick={ ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonSelect( name );\n\t\t\t} }\n\t\t\tdisabled={ isDisabled }\n\t\t\tonMouseLeave={ () => setHoveredTransformItemName( null ) }\n\t\t\tonMouseEnter={ () => setHoveredTransformItemName( name ) }\n\t\t>\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t{ title }\n\t\t</MenuItem>\n\t);\n}\n\nexport default BlockTransformationsMenu;\n"]}
+{"version":3,"names":["_element","require","_i18n","_components","_blocks","_blockIcon","_interopRequireDefault","_previewBlockPopover","_blockVariationTransformations","useGroupedTransforms","possibleBlockTransformations","priorityContentTranformationBlocks","transformations","useMemo","priorityTextTranformsNames","Object","keys","reduce","accumulator","item","name","includes","priorityTextTransformations","push","restTransformations","sort","currentName","nextName","BlockTransformationsMenu","className","possibleBlockVariationTransformations","onSelect","onSelectVariation","blocks","hoveredTransformItemName","setHoveredTransformItemName","useState","hasBothContentTransformations","length","restTransformItems","createElement","RestTransformationItems","Fragment","MenuGroup","label","__","default","switchToBlockType","map","BlockTranformationItem","key","icon","title","isDisabled","MenuItem","getBlockMenuDefaultClassName","onClick","event","preventDefault","disabled","onMouseLeave","onMouseEnter","showColors","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-transformations-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup, MenuItem } from '@wordpress/components';\nimport {\n\tgetBlockMenuDefaultClassName,\n\tswitchToBlockType,\n} from '@wordpress/blocks';\nimport { useState, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport PreviewBlockPopover from './preview-block-popover';\nimport BlockVariationTransformations from './block-variation-transformations';\n\n/**\n * Helper hook to group transformations to display them in a specific order in the UI.\n * For now we group only priority content driven transformations(ex. paragraph -> heading).\n *\n * Later on we could also group 'layout' transformations(ex. paragraph -> group) and\n * display them in different sections.\n *\n * @param {Object[]} possibleBlockTransformations The available block transformations.\n * @return {Record<string, Object[]>} The grouped block transformations.\n */\nfunction useGroupedTransforms( possibleBlockTransformations ) {\n\tconst priorityContentTranformationBlocks = {\n\t\t'core/paragraph': 1,\n\t\t'core/heading': 2,\n\t\t'core/list': 3,\n\t\t'core/quote': 4,\n\t};\n\tconst transformations = useMemo( () => {\n\t\tconst priorityTextTranformsNames = Object.keys(\n\t\t\tpriorityContentTranformationBlocks\n\t\t);\n\t\treturn possibleBlockTransformations.reduce(\n\t\t\t( accumulator, item ) => {\n\t\t\t\tconst { name } = item;\n\t\t\t\tif ( priorityTextTranformsNames.includes( name ) ) {\n\t\t\t\t\taccumulator.priorityTextTransformations.push( item );\n\t\t\t\t} else {\n\t\t\t\t\taccumulator.restTransformations.push( item );\n\t\t\t\t}\n\t\t\t\treturn accumulator;\n\t\t\t},\n\t\t\t{ priorityTextTransformations: [], restTransformations: [] }\n\t\t);\n\t}, [ possibleBlockTransformations ] );\n\n\t// Order the priority text transformations.\n\ttransformations.priorityTextTransformations.sort(\n\t\t( { name: currentName }, { name: nextName } ) => {\n\t\t\treturn priorityContentTranformationBlocks[ currentName ] <\n\t\t\t\tpriorityContentTranformationBlocks[ nextName ]\n\t\t\t\t? -1\n\t\t\t\t: 1;\n\t\t}\n\t);\n\treturn transformations;\n}\n\nconst BlockTransformationsMenu = ( {\n\tclassName,\n\tpossibleBlockTransformations,\n\tpossibleBlockVariationTransformations,\n\tonSelect,\n\tonSelectVariation,\n\tblocks,\n} ) => {\n\tconst [ hoveredTransformItemName, setHoveredTransformItemName ] =\n\t\tuseState();\n\n\tconst { priorityTextTransformations, restTransformations } =\n\t\tuseGroupedTransforms( possibleBlockTransformations );\n\t// We have to check if both content transformations(priority and rest) are set\n\t// in order to create a separate MenuGroup for them.\n\tconst hasBothContentTransformations =\n\t\tpriorityTextTransformations.length && restTransformations.length;\n\tconst restTransformItems = !! restTransformations.length && (\n\t\t<RestTransformationItems\n\t\t\trestTransformations={ restTransformations }\n\t\t\tonSelect={ onSelect }\n\t\t\tsetHoveredTransformItemName={ setHoveredTransformItemName }\n\t\t/>\n\t);\n\treturn (\n\t\t<>\n\t\t\t<MenuGroup label={ __( 'Transform to' ) } className={ className }>\n\t\t\t\t{ hoveredTransformItemName && (\n\t\t\t\t\t<PreviewBlockPopover\n\t\t\t\t\t\tblocks={ switchToBlockType(\n\t\t\t\t\t\t\tblocks,\n\t\t\t\t\t\t\thoveredTransformItemName\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ !! possibleBlockVariationTransformations?.length && (\n\t\t\t\t\t<BlockVariationTransformations\n\t\t\t\t\t\ttransformations={\n\t\t\t\t\t\t\tpossibleBlockVariationTransformations\n\t\t\t\t\t\t}\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tonSelect={ onSelectVariation }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ priorityTextTransformations.map( ( item ) => (\n\t\t\t\t\t<BlockTranformationItem\n\t\t\t\t\t\tkey={ item.name }\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tsetHoveredTransformItemName={\n\t\t\t\t\t\t\tsetHoveredTransformItemName\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t\t{ ! hasBothContentTransformations && restTransformItems }\n\t\t\t</MenuGroup>\n\t\t\t{ !! hasBothContentTransformations && (\n\t\t\t\t<MenuGroup className={ className }>\n\t\t\t\t\t{ restTransformItems }\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nfunction RestTransformationItems( {\n\trestTransformations,\n\tonSelect,\n\tsetHoveredTransformItemName,\n} ) {\n\treturn restTransformations.map( ( item ) => (\n\t\t<BlockTranformationItem\n\t\t\tkey={ item.name }\n\t\t\titem={ item }\n\t\t\tonSelect={ onSelect }\n\t\t\tsetHoveredTransformItemName={ setHoveredTransformItemName }\n\t\t/>\n\t) );\n}\n\nfunction BlockTranformationItem( {\n\titem,\n\tonSelect,\n\tsetHoveredTransformItemName,\n} ) {\n\tconst { name, icon, title, isDisabled } = item;\n\treturn (\n\t\t<MenuItem\n\t\t\tclassName={ getBlockMenuDefaultClassName( name ) }\n\t\t\tonClick={ ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonSelect( name );\n\t\t\t} }\n\t\t\tdisabled={ isDisabled }\n\t\t\tonMouseLeave={ () => setHoveredTransformItemName( null ) }\n\t\t\tonMouseEnter={ () => setHoveredTransformItemName( name ) }\n\t\t>\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t{ title }\n\t\t</MenuItem>\n\t);\n}\n\nexport default BlockTransformationsMenu;\n"],"mappings":"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"}