@wordpress/components 25.0.0 → 25.1.0

package/build-module/mobile/color-settings/index.native.js

@@ -19,19 +19,18 @@ import PickerScreen from './picker-screen';
 import GradientPickerScreen from './gradient-picker-screen';
 import PaletteScreen from './palette.screen';
 import { colorsUtils } from './utils';
-const ColorSettingsMemo = memo(_ref => {
-  let {
-    defaultSettings,
-    onHandleClosingBottomSheet,
-    shouldEnableBottomSheetMaxHeight,
-    onColorChange,
-    colorValue,
-    gradientValue,
-    onGradientChange,
-    onColorCleared,
-    label,
-    hideNavigation
-  } = _ref;
+const ColorSettingsMemo = memo(({
+  defaultSettings,
+  onHandleClosingBottomSheet,
+  shouldEnableBottomSheetMaxHeight,
+  onColorChange,
+  colorValue,
+  gradientValue,
+  onGradientChange,
+  onColorCleared,
+  label,
+  hideNavigation
+}) => {
   useEffect(() => {
     shouldEnableBottomSheetMaxHeight(true);
     onHandleClosingBottomSheet(null); // Disable reason: deferring this refactor to the native team.

package/build-module/mobile/color-settings/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"names":["useRoute","memo","useEffect","useContext","BottomSheetContext","BottomSheet","PickerScreen","GradientPickerScreen","PaletteScreen","colorsUtils","ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","screens","palette","picker","gradientPicker","ColorSettings","props","route","params"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,0BAAzB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,SAAf,EAA0BC,UAA1B,QAA4C,oBAA5C;AACA,SAASC,kBAAT,EAA6BC,WAA7B,QAAgD,uBAAhD;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,oBAAP,MAAiC,0BAAjC;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AAEA,SAASC,WAAT,QAA4B,SAA5B;AAEA,MAAMC,iBAAiB,GAAGT,IAAI,CAC7B,QAWO;AAAA,MAXL;AACDU,IAAAA,eADC;AAEDC,IAAAA,0BAFC;AAGDC,IAAAA,gCAHC;AAIDC,IAAAA,aAJC;AAKDC,IAAAA,UALC;AAMDC,IAAAA,aANC;AAODC,IAAAA,gBAPC;AAQDC,IAAAA,cARC;AASDC,IAAAA,KATC;AAUDC,IAAAA;AAVC,GAWK;AACNlB,EAAAA,SAAS,CAAE,MAAM;AAChBW,IAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAD,IAAAA,0BAA0B,CAAE,IAAF,CAA1B,CAFgB,CAGhB;AACA;AACA;AACA,GANQ,EAMN,EANM,CAAT;AAOA,SACC,cAAC,WAAD,CAAa,mBAAb,QACC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGH,WAAW,CAACY,OAAZ,CAAoBC,OAD5B;AAEC,IAAA,aAAa,EAAG;AACfX,MAAAA,eADe;AAEfG,MAAAA,aAFe;AAGfC,MAAAA,UAHe;AAIfC,MAAAA,aAJe;AAKfC,MAAAA,gBALe;AAMfC,MAAAA,cANe;AAOfC,MAAAA,KAPe;AAQfC,MAAAA;AARe;AAFjB,KAaC,cAAC,aAAD,OAbD,CADD,EAgBC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGX,WAAW,CAACY,OAAZ,CAAoBE;AAD5B,KAGC,cAAC,YAAD,OAHD,CAhBD,EAqBC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGd,WAAW,CAACY,OAAZ,CAAoBG;AAD5B,KAGC,cAAC,oBAAD,OAHD,CArBD,CADD;AA6BA,CAjD4B,CAA9B;;AAmDA,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC/B,QAAMC,KAAK,GAAG3B,QAAQ,EAAtB;AACA,QAAM;AAAEY,IAAAA,0BAAF;AAA8BC,IAAAA;AAA9B,MACLV,UAAU,CAAEC,kBAAF,CADX;AAGA,SACC,cAAC,iBAAD;AACC,IAAA,0BAA0B,EAAGQ,0BAD9B;AAEC,IAAA,gCAAgC,EAC/BC;AAHF,KAKMa,KALN,EAMMC,KAAK,CAACC,MANZ,EADD;AAUA;;AAED,eAAeH,aAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useEffect, useContext } from '@wordpress/element';\nimport { BottomSheetContext, BottomSheet } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\n\nimport { colorsUtils } from './utils';\n\nconst ColorSettingsMemo = memo(\n\t( {\n\t\tdefaultSettings,\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonColorChange,\n\t\tcolorValue,\n\t\tgradientValue,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tlabel,\n\t\thideNavigation,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] );\n\t\treturn (\n\t\t\t<BottomSheet.NavigationContainer>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.palette }\n\t\t\t\t\tinitialParams={ {\n\t\t\t\t\t\tdefaultSettings,\n\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\thideNavigation,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PaletteScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.picker }\n\t\t\t\t>\n\t\t\t\t\t<PickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.gradientPicker }\n\t\t\t\t>\n\t\t\t\t\t<GradientPickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t);\n\t}\n);\nfunction ColorSettings( props ) {\n\tconst route = useRoute();\n\tconst { onHandleClosingBottomSheet, shouldEnableBottomSheetMaxHeight } =\n\t\tuseContext( BottomSheetContext );\n\n\treturn (\n\t\t<ColorSettingsMemo\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default ColorSettings;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"names":["useRoute","memo","useEffect","useContext","BottomSheetContext","BottomSheet","PickerScreen","GradientPickerScreen","PaletteScreen","colorsUtils","ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","screens","palette","picker","gradientPicker","ColorSettings","props","route","params"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,0BAAzB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,SAAf,EAA0BC,UAA1B,QAA4C,oBAA5C;AACA,SAASC,kBAAT,EAA6BC,WAA7B,QAAgD,uBAAhD;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,oBAAP,MAAiC,0BAAjC;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AAEA,SAASC,WAAT,QAA4B,SAA5B;AAEA,MAAMC,iBAAiB,GAAGT,IAAI,CAC7B,CAAE;AACDU,EAAAA,eADC;AAEDC,EAAAA,0BAFC;AAGDC,EAAAA,gCAHC;AAIDC,EAAAA,aAJC;AAKDC,EAAAA,UALC;AAMDC,EAAAA,aANC;AAODC,EAAAA,gBAPC;AAQDC,EAAAA,cARC;AASDC,EAAAA,KATC;AAUDC,EAAAA;AAVC,CAAF,KAWO;AACNlB,EAAAA,SAAS,CAAE,MAAM;AAChBW,IAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAD,IAAAA,0BAA0B,CAAE,IAAF,CAA1B,CAFgB,CAGhB;AACA;AACA;AACA,GANQ,EAMN,EANM,CAAT;AAOA,SACC,cAAC,WAAD,CAAa,mBAAb,QACC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGH,WAAW,CAACY,OAAZ,CAAoBC,OAD5B;AAEC,IAAA,aAAa,EAAG;AACfX,MAAAA,eADe;AAEfG,MAAAA,aAFe;AAGfC,MAAAA,UAHe;AAIfC,MAAAA,aAJe;AAKfC,MAAAA,gBALe;AAMfC,MAAAA,cANe;AAOfC,MAAAA,KAPe;AAQfC,MAAAA;AARe;AAFjB,KAaC,cAAC,aAAD,OAbD,CADD,EAgBC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGX,WAAW,CAACY,OAAZ,CAAoBE;AAD5B,KAGC,cAAC,YAAD,OAHD,CAhBD,EAqBC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGd,WAAW,CAACY,OAAZ,CAAoBG;AAD5B,KAGC,cAAC,oBAAD,OAHD,CArBD,CADD;AA6BA,CAjD4B,CAA9B;;AAmDA,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC/B,QAAMC,KAAK,GAAG3B,QAAQ,EAAtB;AACA,QAAM;AAAEY,IAAAA,0BAAF;AAA8BC,IAAAA;AAA9B,MACLV,UAAU,CAAEC,kBAAF,CADX;AAGA,SACC,cAAC,iBAAD;AACC,IAAA,0BAA0B,EAAGQ,0BAD9B;AAEC,IAAA,gCAAgC,EAC/BC;AAHF,KAKMa,KALN,EAMMC,KAAK,CAACC,MANZ,EADD;AAUA;;AAED,eAAeH,aAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useEffect, useContext } from '@wordpress/element';\nimport { BottomSheetContext, BottomSheet } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\n\nimport { colorsUtils } from './utils';\n\nconst ColorSettingsMemo = memo(\n\t( {\n\t\tdefaultSettings,\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonColorChange,\n\t\tcolorValue,\n\t\tgradientValue,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tlabel,\n\t\thideNavigation,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] );\n\t\treturn (\n\t\t\t<BottomSheet.NavigationContainer>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.palette }\n\t\t\t\t\tinitialParams={ {\n\t\t\t\t\t\tdefaultSettings,\n\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\thideNavigation,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PaletteScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.picker }\n\t\t\t\t>\n\t\t\t\t\t<PickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.gradientPicker }\n\t\t\t\t>\n\t\t\t\t\t<GradientPickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t);\n\t}\n);\nfunction ColorSettings( props ) {\n\tconst route = useRoute();\n\tconst { onHandleClosingBottomSheet, shouldEnableBottomSheetMaxHeight } =\n\t\tuseContext( BottomSheetContext );\n\n\treturn (\n\t\t<ColorSettingsMemo\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default ColorSettings;\n"]}

package/build-module/mobile/color-settings/utils.native.js

@@ -15,9 +15,9 @@ const gradientOptions = [{
 }];
 
 const getGradientType = color => {
-  if (color !== null && color !== void 0 && color.includes(gradients.radial)) {
+  if (color?.includes(gradients.radial)) {
     return gradients.radial;
-  } else if (color !== null && color !== void 0 && color.includes(gradients.linear)) {
+  } else if (color?.includes(gradients.linear)) {
     return gradients.linear;
   }
 

package/build-module/mobile/color-settings/utils.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/utils.native.js"],"names":["__","gradients","linear","radial","gradientOptions","label","value","getGradientType","color","includes","colorsUtils","screens","gradientPicker","picker","palette","segments","isGradient"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA,MAAMC,SAAS,GAAG;AACjBC,EAAAA,MAAM,EAAE,iBADS;AAEjBC,EAAAA,MAAM,EAAE;AAFS,CAAlB;AAKA,MAAMC,eAAe,GAAG,CACvB;AAAEC,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,KAAK,EAAEL,SAAS,CAACC;AAA1C,CADuB,EAEvB;AAAEG,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,KAAK,EAAEL,SAAS,CAACE;AAA1C,CAFuB,CAAxB;;AAKA,MAAMI,eAAe,GAAKC,KAAF,IAAa;AACpC,MAAKA,KAAL,aAAKA,KAAL,eAAKA,KAAK,CAAEC,QAAP,CAAiBR,SAAS,CAACE,MAA3B,CAAL,EAA2C;AAC1C,WAAOF,SAAS,CAACE,MAAjB;AACA,GAFD,MAEO,IAAKK,KAAL,aAAKA,KAAL,eAAKA,KAAK,CAAEC,QAAP,CAAiBR,SAAS,CAACC,MAA3B,CAAL,EAA2C;AACjD,WAAOD,SAAS,CAACC,MAAjB;AACA;;AACD,SAAO,KAAP;AACA,CAPD;;AASA,OAAO,MAAMQ,WAAW,GAAG;AAC1BC,EAAAA,OAAO,EAAE;AACRC,IAAAA,cAAc,EAAE,gBADR;AAERC,IAAAA,MAAM,EAAE,QAFA;AAGRC,IAAAA,OAAO,EAAE;AAHD,GADiB;AAM1BC,EAAAA,QAAQ,EAAE,CAAEf,EAAE,CAAE,OAAF,CAAJ,EAAiBA,EAAE,CAAE,UAAF,CAAnB,CANgB;AAO1BC,EAAAA,SAP0B;AAQ1BG,EAAAA,eAR0B;AAS1BG,EAAAA,eAT0B;AAU1BS,EAAAA,UAAU,EAAIR,KAAF,IAAa,CAAC,CAAED,eAAe,CAAEC,KAAF;AAVjB,CAApB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst gradients = {\n\tlinear: 'linear-gradient',\n\tradial: 'radial-gradient',\n};\n\nconst gradientOptions = [\n\t{ label: __( 'Linear' ), value: gradients.linear },\n\t{ label: __( 'Radial' ), value: gradients.radial },\n];\n\nconst getGradientType = ( color ) => {\n\tif ( color?.includes( gradients.radial ) ) {\n\t\treturn gradients.radial;\n\t} else if ( color?.includes( gradients.linear ) ) {\n\t\treturn gradients.linear;\n\t}\n\treturn false;\n};\n\nexport const colorsUtils = {\n\tscreens: {\n\t\tgradientPicker: 'GradientPicker',\n\t\tpicker: 'Picker',\n\t\tpalette: 'Palette',\n\t},\n\tsegments: [ __( 'Solid' ), __( 'Gradient' ) ],\n\tgradients,\n\tgradientOptions,\n\tgetGradientType,\n\tisGradient: ( color ) => !! getGradientType( color ),\n};\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/utils.native.js"],"names":["__","gradients","linear","radial","gradientOptions","label","value","getGradientType","color","includes","colorsUtils","screens","gradientPicker","picker","palette","segments","isGradient"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA,MAAMC,SAAS,GAAG;AACjBC,EAAAA,MAAM,EAAE,iBADS;AAEjBC,EAAAA,MAAM,EAAE;AAFS,CAAlB;AAKA,MAAMC,eAAe,GAAG,CACvB;AAAEC,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,KAAK,EAAEL,SAAS,CAACC;AAA1C,CADuB,EAEvB;AAAEG,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,KAAK,EAAEL,SAAS,CAACE;AAA1C,CAFuB,CAAxB;;AAKA,MAAMI,eAAe,GAAKC,KAAF,IAAa;AACpC,MAAKA,KAAK,EAAEC,QAAP,CAAiBR,SAAS,CAACE,MAA3B,CAAL,EAA2C;AAC1C,WAAOF,SAAS,CAACE,MAAjB;AACA,GAFD,MAEO,IAAKK,KAAK,EAAEC,QAAP,CAAiBR,SAAS,CAACC,MAA3B,CAAL,EAA2C;AACjD,WAAOD,SAAS,CAACC,MAAjB;AACA;;AACD,SAAO,KAAP;AACA,CAPD;;AASA,OAAO,MAAMQ,WAAW,GAAG;AAC1BC,EAAAA,OAAO,EAAE;AACRC,IAAAA,cAAc,EAAE,gBADR;AAERC,IAAAA,MAAM,EAAE,QAFA;AAGRC,IAAAA,OAAO,EAAE;AAHD,GADiB;AAM1BC,EAAAA,QAAQ,EAAE,CAAEf,EAAE,CAAE,OAAF,CAAJ,EAAiBA,EAAE,CAAE,UAAF,CAAnB,CANgB;AAO1BC,EAAAA,SAP0B;AAQ1BG,EAAAA,eAR0B;AAS1BG,EAAAA,eAT0B;AAU1BS,EAAAA,UAAU,EAAIR,KAAF,IAAa,CAAC,CAAED,eAAe,CAAEC,KAAF;AAVjB,CAApB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst gradients = {\n\tlinear: 'linear-gradient',\n\tradial: 'radial-gradient',\n};\n\nconst gradientOptions = [\n\t{ label: __( 'Linear' ), value: gradients.linear },\n\t{ label: __( 'Radial' ), value: gradients.radial },\n];\n\nconst getGradientType = ( color ) => {\n\tif ( color?.includes( gradients.radial ) ) {\n\t\treturn gradients.radial;\n\t} else if ( color?.includes( gradients.linear ) ) {\n\t\treturn gradients.linear;\n\t}\n\treturn false;\n};\n\nexport const colorsUtils = {\n\tscreens: {\n\t\tgradientPicker: 'GradientPicker',\n\t\tpicker: 'Picker',\n\t\tpalette: 'Palette',\n\t},\n\tsegments: [ __( 'Solid' ), __( 'Gradient' ) ],\n\tgradients,\n\tgradientOptions,\n\tgetGradientType,\n\tisGradient: ( color ) => !! getGradientType( color ),\n};\n"]}

package/build-module/mobile/cycle-select-control/index.native.js

@@ -11,18 +11,17 @@ import { memo } from '@wordpress/element';
 
 import CyclePickerCell from '../bottom-sheet/cycle-picker-cell';
 
-function CycleSelectControl(_ref) {
-  let {
-    help,
-    instanceId,
-    label,
-    multiple = false,
-    onChange,
-    options = [],
-    className,
-    hideLabelFromVision,
-    ...props
-  } = _ref;
+function CycleSelectControl({
+  help,
+  instanceId,
+  label,
+  multiple = false,
+  onChange,
+  options = [],
+  className,
+  hideLabelFromVision,
+  ...props
+}) {
   const id = `inspector-select-control-${instanceId}`;
   return createElement(CyclePickerCell, _extends({
     label: label,

package/build-module/mobile/cycle-select-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"names":["memo","CyclePickerCell","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,oBAArB;AACA;AACA;AACA;;AACA,OAAOC,eAAP,MAA4B,mCAA5B;;AAEA,SAASC,kBAAT,OAUI;AAAA,MAVyB;AAC5BC,IAAAA,IAD4B;AAE5BC,IAAAA,UAF4B;AAG5BC,IAAAA,KAH4B;AAI5BC,IAAAA,QAAQ,GAAG,KAJiB;AAK5BC,IAAAA,QAL4B;AAM5BC,IAAAA,OAAO,GAAG,EANkB;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,mBAR4B;AAS5B,OAAGC;AATyB,GAUzB;AACH,QAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAApD;AAEA,SACC,cAAC,eAAD;AACC,IAAA,KAAK,EAAGC,KADT;AAEC,IAAA,mBAAmB,EAAGK,mBAFvB;AAGC,IAAA,EAAE,EAAGE,EAHN;AAIC,IAAA,IAAI,EAAGT,IAJR;AAKC,IAAA,SAAS,EAAGM,SALb;AAMC,IAAA,aAAa,EAAGF,QANjB;AAOC,wBAAmB,CAAC,CAAEJ,IAAH,GAAW,GAAGS,EAAI,QAAlB,GAA4BC,SAPhD;AAQC,IAAA,QAAQ,EAAGP,QARZ;AASC,IAAA,OAAO,EAAGE;AATX,KAUMG,KAVN,EADD;AAcA;;AAED,eAAeX,IAAI,CAAEE,kBAAF,CAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport CyclePickerCell from '../bottom-sheet/cycle-picker-cell';\n\nfunction CycleSelectControl( {\n\thelp,\n\tinstanceId,\n\tlabel,\n\tmultiple = false,\n\tonChange,\n\toptions = [],\n\tclassName,\n\thideLabelFromVision,\n\t...props\n} ) {\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn (\n\t\t<CyclePickerCell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\tmultiple={ multiple }\n\t\t\toptions={ options }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( CycleSelectControl );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"names":["memo","CyclePickerCell","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,oBAArB;AACA;AACA;AACA;;AACA,OAAOC,eAAP,MAA4B,mCAA5B;;AAEA,SAASC,kBAAT,CAA6B;AAC5BC,EAAAA,IAD4B;AAE5BC,EAAAA,UAF4B;AAG5BC,EAAAA,KAH4B;AAI5BC,EAAAA,QAAQ,GAAG,KAJiB;AAK5BC,EAAAA,QAL4B;AAM5BC,EAAAA,OAAO,GAAG,EANkB;AAO5BC,EAAAA,SAP4B;AAQ5BC,EAAAA,mBAR4B;AAS5B,KAAGC;AATyB,CAA7B,EAUI;AACH,QAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAApD;AAEA,SACC,cAAC,eAAD;AACC,IAAA,KAAK,EAAGC,KADT;AAEC,IAAA,mBAAmB,EAAGK,mBAFvB;AAGC,IAAA,EAAE,EAAGE,EAHN;AAIC,IAAA,IAAI,EAAGT,IAJR;AAKC,IAAA,SAAS,EAAGM,SALb;AAMC,IAAA,aAAa,EAAGF,QANjB;AAOC,wBAAmB,CAAC,CAAEJ,IAAH,GAAW,GAAGS,EAAI,QAAlB,GAA4BC,SAPhD;AAQC,IAAA,QAAQ,EAAGP,QARZ;AASC,IAAA,OAAO,EAAGE;AATX,KAUMG,KAVN,EADD;AAcA;;AAED,eAAeX,IAAI,CAAEE,kBAAF,CAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport CyclePickerCell from '../bottom-sheet/cycle-picker-cell';\n\nfunction CycleSelectControl( {\n\thelp,\n\tinstanceId,\n\tlabel,\n\tmultiple = false,\n\tonChange,\n\toptions = [],\n\tclassName,\n\thideLabelFromVision,\n\t...props\n} ) {\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn (\n\t\t<CyclePickerCell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\tmultiple={ multiple }\n\t\t\toptions={ options }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( CycleSelectControl );\n"]}

package/build-module/mobile/focal-point-settings-panel/index.native.js

@@ -19,13 +19,12 @@ import { BottomSheetContext, FocalPointPicker } from '@wordpress/components';
 
 import NavBar from '../bottom-sheet/nav-bar';
 import styles from './styles.scss';
-const FocalPointSettingsPanelMemo = memo(_ref => {
-  let {
-    focalPoint,
-    onFocalPointChange,
-    shouldEnableBottomSheetScroll,
-    url
-  } = _ref;
+const FocalPointSettingsPanelMemo = memo(({
+  focalPoint,
+  onFocalPointChange,
+  shouldEnableBottomSheetScroll,
+  url
+}) => {
   const navigation = useNavigation();
 
   function onButtonPress(action) {

package/build-module/mobile/focal-point-settings-panel/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/focal-point-settings-panel/index.native.js"],"names":["SafeAreaView","useRoute","useNavigation","__","memo","useContext","useState","useCallback","BottomSheetContext","FocalPointPicker","NavBar","styles","FocalPointSettingsPanelMemo","focalPoint","onFocalPointChange","shouldEnableBottomSheetScroll","url","navigation","onButtonPress","action","goBack","draftFocalPoint","setDraftFocalPoint","setPosition","coordinates","prevState","safearea","FocalPointSettingsPanel","props","route","params"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,YAAT,QAA6B,cAA7B;AACA,SAASC,QAAT,EAAmBC,aAAnB,QAAwC,0BAAxC;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,IAAT,EAAeC,UAAf,EAA2BC,QAA3B,EAAqCC,WAArC,QAAwD,oBAAxD;AACA,SAASC,kBAAT,EAA6BC,gBAA7B,QAAqD,uBAArD;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,MAAP,MAAmB,eAAnB;AAEA,MAAMC,2BAA2B,GAAGR,IAAI,CACvC,QAKO;AAAA,MALL;AACDS,IAAAA,UADC;AAEDC,IAAAA,kBAFC;AAGDC,IAAAA,6BAHC;AAIDC,IAAAA;AAJC,GAKK;AACN,QAAMC,UAAU,GAAGf,aAAa,EAAhC;;AAEA,WAASgB,aAAT,CAAwBC,MAAxB,EAAiC;AAChCF,IAAAA,UAAU,CAACG,MAAX;;AACA,QAAKD,MAAM,KAAK,OAAhB,EAA0B;AACzBL,MAAAA,kBAAkB,CAAEO,eAAF,CAAlB;AACA;AACD;;AAED,QAAM,CAAEA,eAAF,EAAmBC,kBAAnB,IAA0ChB,QAAQ,CAAEO,UAAF,CAAxD;;AACA,WAASU,WAAT,CAAsBC,WAAtB,EAAoC;AACnCF,IAAAA,kBAAkB,CAAIG,SAAF,KAAmB,EACtC,GAAGA,SADmC;AAEtC,SAAGD;AAFmC,KAAnB,CAAF,CAAlB;AAIA;;AAED,SACC,cAAC,YAAD;AAAc,IAAA,KAAK,EAAGb,MAAM,CAACe;AAA7B,KACC,cAAC,MAAD,QACC,cAAC,MAAD,CAAQ,aAAR;AACC,IAAA,OAAO,EAAG,MAAMR,aAAa,CAAE,QAAF;AAD9B,IADD,EAIC,cAAC,MAAD,CAAQ,OAAR,QACGf,EAAE,CAAE,kBAAF,CADL,CAJD,EAOC,cAAC,MAAD,CAAQ,WAAR;AACC,IAAA,OAAO,EAAG,MAAMe,aAAa,CAAE,OAAF;AAD9B,IAPD,CADD,EAYC,cAAC,gBAAD;AACC,IAAA,UAAU,EAAGG,eADd;AAEC,IAAA,QAAQ,EAAGd,WAAW,CAAEgB,WAAF,EAAe,EAAf,CAFvB;AAGC,IAAA,6BAA6B,EAC5BR,6BAJF;AAMC,IAAA,GAAG,EAAGC;AANP,IAZD,CADD;AAuBA,CA/CsC,CAAxC;;AAkDA,SAASW,uBAAT,CAAkCC,KAAlC,EAA0C;AACzC,QAAMC,KAAK,GAAG5B,QAAQ,EAAtB;AACA,QAAM;AAAEc,IAAAA;AAAF,MAAoCV,UAAU,CAAEG,kBAAF,CAApD;AAEA,SACC,cAAC,2BAAD;AACC,IAAA,6BAA6B,EAAGO;AADjC,KAEMa,KAFN,EAGMC,KAAK,CAACC,MAHZ,EADD;AAOA;;AAED,eAAeH,uBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { memo, useContext, useState, useCallback } from '@wordpress/element';\nimport { BottomSheetContext, FocalPointPicker } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport NavBar from '../bottom-sheet/nav-bar';\nimport styles from './styles.scss';\n\nconst FocalPointSettingsPanelMemo = memo(\n\t( {\n\t\tfocalPoint,\n\t\tonFocalPointChange,\n\t\tshouldEnableBottomSheetScroll,\n\t\turl,\n\t} ) => {\n\t\tconst navigation = useNavigation();\n\n\t\tfunction onButtonPress( action ) {\n\t\t\tnavigation.goBack();\n\t\t\tif ( action === 'apply' ) {\n\t\t\t\tonFocalPointChange( draftFocalPoint );\n\t\t\t}\n\t\t}\n\n\t\tconst [ draftFocalPoint, setDraftFocalPoint ] = useState( focalPoint );\n\t\tfunction setPosition( coordinates ) {\n\t\t\tsetDraftFocalPoint( ( prevState ) => ( {\n\t\t\t\t...prevState,\n\t\t\t\t...coordinates,\n\t\t\t} ) );\n\t\t}\n\n\t\treturn (\n\t\t\t<SafeAreaView style={ styles.safearea }>\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.DismissButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'cancel' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<NavBar.Heading>\n\t\t\t\t\t\t{ __( 'Edit focal point' ) }\n\t\t\t\t\t</NavBar.Heading>\n\t\t\t\t\t<NavBar.ApplyButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'apply' ) }\n\t\t\t\t\t/>\n\t\t\t\t</NavBar>\n\t\t\t\t<FocalPointPicker\n\t\t\t\t\tfocalPoint={ draftFocalPoint }\n\t\t\t\t\tonChange={ useCallback( setPosition, [] ) }\n\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t}\n\t\t\t\t\turl={ url }\n\t\t\t\t/>\n\t\t\t</SafeAreaView>\n\t\t);\n\t}\n);\n\nfunction FocalPointSettingsPanel( props ) {\n\tconst route = useRoute();\n\tconst { shouldEnableBottomSheetScroll } = useContext( BottomSheetContext );\n\n\treturn (\n\t\t<FocalPointSettingsPanelMemo\n\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default FocalPointSettingsPanel;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/focal-point-settings-panel/index.native.js"],"names":["SafeAreaView","useRoute","useNavigation","__","memo","useContext","useState","useCallback","BottomSheetContext","FocalPointPicker","NavBar","styles","FocalPointSettingsPanelMemo","focalPoint","onFocalPointChange","shouldEnableBottomSheetScroll","url","navigation","onButtonPress","action","goBack","draftFocalPoint","setDraftFocalPoint","setPosition","coordinates","prevState","safearea","FocalPointSettingsPanel","props","route","params"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,YAAT,QAA6B,cAA7B;AACA,SAASC,QAAT,EAAmBC,aAAnB,QAAwC,0BAAxC;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,IAAT,EAAeC,UAAf,EAA2BC,QAA3B,EAAqCC,WAArC,QAAwD,oBAAxD;AACA,SAASC,kBAAT,EAA6BC,gBAA7B,QAAqD,uBAArD;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,MAAP,MAAmB,eAAnB;AAEA,MAAMC,2BAA2B,GAAGR,IAAI,CACvC,CAAE;AACDS,EAAAA,UADC;AAEDC,EAAAA,kBAFC;AAGDC,EAAAA,6BAHC;AAIDC,EAAAA;AAJC,CAAF,KAKO;AACN,QAAMC,UAAU,GAAGf,aAAa,EAAhC;;AAEA,WAASgB,aAAT,CAAwBC,MAAxB,EAAiC;AAChCF,IAAAA,UAAU,CAACG,MAAX;;AACA,QAAKD,MAAM,KAAK,OAAhB,EAA0B;AACzBL,MAAAA,kBAAkB,CAAEO,eAAF,CAAlB;AACA;AACD;;AAED,QAAM,CAAEA,eAAF,EAAmBC,kBAAnB,IAA0ChB,QAAQ,CAAEO,UAAF,CAAxD;;AACA,WAASU,WAAT,CAAsBC,WAAtB,EAAoC;AACnCF,IAAAA,kBAAkB,CAAIG,SAAF,KAAmB,EACtC,GAAGA,SADmC;AAEtC,SAAGD;AAFmC,KAAnB,CAAF,CAAlB;AAIA;;AAED,SACC,cAAC,YAAD;AAAc,IAAA,KAAK,EAAGb,MAAM,CAACe;AAA7B,KACC,cAAC,MAAD,QACC,cAAC,MAAD,CAAQ,aAAR;AACC,IAAA,OAAO,EAAG,MAAMR,aAAa,CAAE,QAAF;AAD9B,IADD,EAIC,cAAC,MAAD,CAAQ,OAAR,QACGf,EAAE,CAAE,kBAAF,CADL,CAJD,EAOC,cAAC,MAAD,CAAQ,WAAR;AACC,IAAA,OAAO,EAAG,MAAMe,aAAa,CAAE,OAAF;AAD9B,IAPD,CADD,EAYC,cAAC,gBAAD;AACC,IAAA,UAAU,EAAGG,eADd;AAEC,IAAA,QAAQ,EAAGd,WAAW,CAAEgB,WAAF,EAAe,EAAf,CAFvB;AAGC,IAAA,6BAA6B,EAC5BR,6BAJF;AAMC,IAAA,GAAG,EAAGC;AANP,IAZD,CADD;AAuBA,CA/CsC,CAAxC;;AAkDA,SAASW,uBAAT,CAAkCC,KAAlC,EAA0C;AACzC,QAAMC,KAAK,GAAG5B,QAAQ,EAAtB;AACA,QAAM;AAAEc,IAAAA;AAAF,MAAoCV,UAAU,CAAEG,kBAAF,CAApD;AAEA,SACC,cAAC,2BAAD;AACC,IAAA,6BAA6B,EAAGO;AADjC,KAEMa,KAFN,EAGMC,KAAK,CAACC,MAHZ,EADD;AAOA;;AAED,eAAeH,uBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { memo, useContext, useState, useCallback } from '@wordpress/element';\nimport { BottomSheetContext, FocalPointPicker } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport NavBar from '../bottom-sheet/nav-bar';\nimport styles from './styles.scss';\n\nconst FocalPointSettingsPanelMemo = memo(\n\t( {\n\t\tfocalPoint,\n\t\tonFocalPointChange,\n\t\tshouldEnableBottomSheetScroll,\n\t\turl,\n\t} ) => {\n\t\tconst navigation = useNavigation();\n\n\t\tfunction onButtonPress( action ) {\n\t\t\tnavigation.goBack();\n\t\t\tif ( action === 'apply' ) {\n\t\t\t\tonFocalPointChange( draftFocalPoint );\n\t\t\t}\n\t\t}\n\n\t\tconst [ draftFocalPoint, setDraftFocalPoint ] = useState( focalPoint );\n\t\tfunction setPosition( coordinates ) {\n\t\t\tsetDraftFocalPoint( ( prevState ) => ( {\n\t\t\t\t...prevState,\n\t\t\t\t...coordinates,\n\t\t\t} ) );\n\t\t}\n\n\t\treturn (\n\t\t\t<SafeAreaView style={ styles.safearea }>\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.DismissButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'cancel' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<NavBar.Heading>\n\t\t\t\t\t\t{ __( 'Edit focal point' ) }\n\t\t\t\t\t</NavBar.Heading>\n\t\t\t\t\t<NavBar.ApplyButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'apply' ) }\n\t\t\t\t\t/>\n\t\t\t\t</NavBar>\n\t\t\t\t<FocalPointPicker\n\t\t\t\t\tfocalPoint={ draftFocalPoint }\n\t\t\t\t\tonChange={ useCallback( setPosition, [] ) }\n\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t}\n\t\t\t\t\turl={ url }\n\t\t\t\t/>\n\t\t\t</SafeAreaView>\n\t\t);\n\t}\n);\n\nfunction FocalPointSettingsPanel( props ) {\n\tconst route = useRoute();\n\tconst { shouldEnableBottomSheetScroll } = useContext( BottomSheetContext );\n\n\treturn (\n\t\t<FocalPointSettingsPanelMemo\n\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default FocalPointSettingsPanel;\n"]}

package/build-module/mobile/global-styles-context/index.native.js

@@ -15,31 +15,23 @@ const GlobalStylesContext = createContext({
 });
 GlobalStylesContext.BLOCK_STYLE_ATTRIBUTES = BLOCK_STYLE_ATTRIBUTES;
 export const getMergedGlobalStyles = (baseGlobalStyles, globalStyle, wrapperPropsStyle, blockAttributes, defaultColors, blockName, fontSizes) => {
-  var _baseGlobalStyles$ele, _baseGlobalStyles$blo;
-
   // Current support for general styles and blocks.
   const baseGlobalColors = {
     baseColors: {
-      color: baseGlobalStyles === null || baseGlobalStyles === void 0 ? void 0 : baseGlobalStyles.color,
-      typography: baseGlobalStyles === null || baseGlobalStyles === void 0 ? void 0 : baseGlobalStyles.typography,
+      color: baseGlobalStyles?.color,
+      typography: baseGlobalStyles?.typography,
       elements: {
-        link: baseGlobalStyles === null || baseGlobalStyles === void 0 ? void 0 : (_baseGlobalStyles$ele = baseGlobalStyles.elements) === null || _baseGlobalStyles$ele === void 0 ? void 0 : _baseGlobalStyles$ele.link
+        link: baseGlobalStyles?.elements?.link
       },
       blocks: {
-        'core/button': baseGlobalStyles === null || baseGlobalStyles === void 0 ? void 0 : (_baseGlobalStyles$blo = baseGlobalStyles.blocks) === null || _baseGlobalStyles$blo === void 0 ? void 0 : _baseGlobalStyles$blo['core/button']
+        'core/button': baseGlobalStyles?.blocks?.['core/button']
       }
     }
   };
-  const blockStyleAttributes = Object.fromEntries(Object.entries(blockAttributes !== null && blockAttributes !== void 0 ? blockAttributes : {}).filter(_ref => {
-    let [key] = _ref;
-    return BLOCK_STYLE_ATTRIBUTES.includes(key);
-  })); // This prevents certain wrapper styles from being applied to blocks that
+  const blockStyleAttributes = Object.fromEntries(Object.entries(blockAttributes !== null && blockAttributes !== void 0 ? blockAttributes : {}).filter(([key]) => BLOCK_STYLE_ATTRIBUTES.includes(key))); // This prevents certain wrapper styles from being applied to blocks that
   // don't support them yet.
 
-  const wrapperPropsStyleFiltered = Object.fromEntries(Object.entries(wrapperPropsStyle !== null && wrapperPropsStyle !== void 0 ? wrapperPropsStyle : {}).filter(_ref2 => {
-    let [key] = _ref2;
-    return BLOCK_STYLE_ATTRIBUTES.includes(key);
-  }));
+  const wrapperPropsStyleFiltered = Object.fromEntries(Object.entries(wrapperPropsStyle !== null && wrapperPropsStyle !== void 0 ? wrapperPropsStyle : {}).filter(([key]) => BLOCK_STYLE_ATTRIBUTES.includes(key)));
   const mergedStyle = { ...baseGlobalColors,
     ...globalStyle,
     ...wrapperPropsStyleFiltered

package/build-module/mobile/global-styles-context/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/global-styles-context/index.native.js"],"names":["createContext","useContext","BLOCK_STYLE_ATTRIBUTES","getBlockPaddings","getBlockColors","getBlockTypography","GlobalStylesContext","style","getMergedGlobalStyles","baseGlobalStyles","globalStyle","wrapperPropsStyle","blockAttributes","defaultColors","blockName","fontSizes","baseGlobalColors","baseColors","color","typography","elements","link","blocks","blockStyleAttributes","Object","fromEntries","entries","filter","key","includes","wrapperPropsStyleFiltered","mergedStyle","blockColors","blockPaddings","blockTypography","useGlobalStyles","globalStyles","withGlobalStyles","WrappedComponent","props"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,oBAA1C;AAEA;AACA;AACA;;AACA,SACCC,sBADD,EAECC,gBAFD,EAGCC,cAHD,EAICC,kBAJD,QAKO,SALP;AAOA,MAAMC,mBAAmB,GAAGN,aAAa,CAAE;AAAEO,EAAAA,KAAK,EAAE;AAAT,CAAF,CAAzC;AAEAD,mBAAmB,CAACJ,sBAApB,GAA6CA,sBAA7C;AAEA,OAAO,MAAMM,qBAAqB,GAAG,CACpCC,gBADoC,EAEpCC,WAFoC,EAGpCC,iBAHoC,EAIpCC,eAJoC,EAKpCC,aALoC,EAMpCC,SANoC,EAOpCC,SAPoC,KAQhC;AAAA;;AACJ;AACA,QAAMC,gBAAgB,GAAG;AACxBC,IAAAA,UAAU,EAAE;AACXC,MAAAA,KAAK,EAAET,gBAAF,aAAEA,gBAAF,uBAAEA,gBAAgB,CAAES,KADd;AAEXC,MAAAA,UAAU,EAAEV,gBAAF,aAAEA,gBAAF,uBAAEA,gBAAgB,CAAEU,UAFnB;AAGXC,MAAAA,QAAQ,EAAE;AACTC,QAAAA,IAAI,EAAEZ,gBAAF,aAAEA,gBAAF,gDAAEA,gBAAgB,CAAEW,QAApB,0DAAE,sBAA4BC;AADzB,OAHC;AAMXC,MAAAA,MAAM,EAAE;AACP,uBAAeb,gBAAf,aAAeA,gBAAf,gDAAeA,gBAAgB,CAAEa,MAAjC,0DAAe,sBAA4B,aAA5B;AADR;AANG;AADY,GAAzB;AAaA,QAAMC,oBAAoB,GAAGC,MAAM,CAACC,WAAP,CAC5BD,MAAM,CAACE,OAAP,CAAgBd,eAAhB,aAAgBA,eAAhB,cAAgBA,eAAhB,GAAmC,EAAnC,EAAwCe,MAAxC,CAAgD;AAAA,QAAE,CAAEC,GAAF,CAAF;AAAA,WAC/C1B,sBAAsB,CAAC2B,QAAvB,CAAiCD,GAAjC,CAD+C;AAAA,GAAhD,CAD4B,CAA7B,CAfI,CAqBJ;AACA;;AACA,QAAME,yBAAyB,GAAGN,MAAM,CAACC,WAAP,CACjCD,MAAM,CAACE,OAAP,CAAgBf,iBAAhB,aAAgBA,iBAAhB,cAAgBA,iBAAhB,GAAqC,EAArC,EAA0CgB,MAA1C,CAAkD;AAAA,QAAE,CAAEC,GAAF,CAAF;AAAA,WACjD1B,sBAAsB,CAAC2B,QAAvB,CAAiCD,GAAjC,CADiD;AAAA,GAAlD,CADiC,CAAlC;AAMA,QAAMG,WAAW,GAAG,EACnB,GAAGf,gBADgB;AAEnB,OAAGN,WAFgB;AAGnB,OAAGoB;AAHgB,GAApB;AAKA,QAAME,WAAW,GAAG5B,cAAc,CACjCmB,oBADiC,EAEjCV,aAFiC,EAGjCC,SAHiC,EAIjCL,gBAJiC,CAAlC;AAMA,QAAMwB,aAAa,GAAG9B,gBAAgB,CACrC4B,WADqC,EAErCpB,iBAFqC,EAGrCY,oBAHqC,EAIrCS,WAJqC,CAAtC;AAMA,QAAME,eAAe,GAAG7B,kBAAkB,CACzCkB,oBADyC,EAEzCR,SAFyC,EAGzCD,SAHyC,EAIzCL,gBAJyC,CAA1C;AAOA,SAAO,EACN,GAAGsB,WADG;AAEN,OAAGE,aAFG;AAGN,OAAGD,WAHG;AAIN,OAAGE;AAJG,GAAP;AAMA,CAnEM;AAqEP,OAAO,MAAMC,eAAe,GAAG,MAAM;AACpC,QAAMC,YAAY,GAAGnC,UAAU,CAAEK,mBAAF,CAA/B;AAEA,SAAO8B,YAAP;AACA,CAJM;AAMP,OAAO,MAAMC,gBAAgB,GAAKC,gBAAF,IAA0BC,KAAF,IAEtD,cAAC,mBAAD,CAAqB,QAArB,QACKH,YAAF,IACD,cAAC,gBAAD,eAAuBG,KAAvB;AAA+B,EAAA,YAAY,EAAGH;AAA9C,GAFF,CAFK;AASP,eAAe9B,mBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBLOCK_STYLE_ATTRIBUTES,\n\tgetBlockPaddings,\n\tgetBlockColors,\n\tgetBlockTypography,\n} from './utils';\n\nconst GlobalStylesContext = createContext( { style: {} } );\n\nGlobalStylesContext.BLOCK_STYLE_ATTRIBUTES = BLOCK_STYLE_ATTRIBUTES;\n\nexport const getMergedGlobalStyles = (\n\tbaseGlobalStyles,\n\tglobalStyle,\n\twrapperPropsStyle,\n\tblockAttributes,\n\tdefaultColors,\n\tblockName,\n\tfontSizes\n) => {\n\t// Current support for general styles and blocks.\n\tconst baseGlobalColors = {\n\t\tbaseColors: {\n\t\t\tcolor: baseGlobalStyles?.color,\n\t\t\ttypography: baseGlobalStyles?.typography,\n\t\t\telements: {\n\t\t\t\tlink: baseGlobalStyles?.elements?.link,\n\t\t\t},\n\t\t\tblocks: {\n\t\t\t\t'core/button': baseGlobalStyles?.blocks?.[ 'core/button' ],\n\t\t\t},\n\t\t},\n\t};\n\n\tconst blockStyleAttributes = Object.fromEntries(\n\t\tObject.entries( blockAttributes ?? {} ).filter( ( [ key ] ) =>\n\t\t\tBLOCK_STYLE_ATTRIBUTES.includes( key )\n\t\t)\n\t);\n\n\t// This prevents certain wrapper styles from being applied to blocks that\n\t// don't support them yet.\n\tconst wrapperPropsStyleFiltered = Object.fromEntries(\n\t\tObject.entries( wrapperPropsStyle ?? {} ).filter( ( [ key ] ) =>\n\t\t\tBLOCK_STYLE_ATTRIBUTES.includes( key )\n\t\t)\n\t);\n\n\tconst mergedStyle = {\n\t\t...baseGlobalColors,\n\t\t...globalStyle,\n\t\t...wrapperPropsStyleFiltered,\n\t};\n\tconst blockColors = getBlockColors(\n\t\tblockStyleAttributes,\n\t\tdefaultColors,\n\t\tblockName,\n\t\tbaseGlobalStyles\n\t);\n\tconst blockPaddings = getBlockPaddings(\n\t\tmergedStyle,\n\t\twrapperPropsStyle,\n\t\tblockStyleAttributes,\n\t\tblockColors\n\t);\n\tconst blockTypography = getBlockTypography(\n\t\tblockStyleAttributes,\n\t\tfontSizes,\n\t\tblockName,\n\t\tbaseGlobalStyles\n\t);\n\n\treturn {\n\t\t...mergedStyle,\n\t\t...blockPaddings,\n\t\t...blockColors,\n\t\t...blockTypography,\n\t};\n};\n\nexport const useGlobalStyles = () => {\n\tconst globalStyles = useContext( GlobalStylesContext );\n\n\treturn globalStyles;\n};\n\nexport const withGlobalStyles = ( WrappedComponent ) => ( props ) =>\n\t(\n\t\t<GlobalStylesContext.Consumer>\n\t\t\t{ ( globalStyles ) => (\n\t\t\t\t<WrappedComponent { ...props } globalStyles={ globalStyles } />\n\t\t\t) }\n\t\t</GlobalStylesContext.Consumer>\n\t);\n\nexport default GlobalStylesContext;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/global-styles-context/index.native.js"],"names":["createContext","useContext","BLOCK_STYLE_ATTRIBUTES","getBlockPaddings","getBlockColors","getBlockTypography","GlobalStylesContext","style","getMergedGlobalStyles","baseGlobalStyles","globalStyle","wrapperPropsStyle","blockAttributes","defaultColors","blockName","fontSizes","baseGlobalColors","baseColors","color","typography","elements","link","blocks","blockStyleAttributes","Object","fromEntries","entries","filter","key","includes","wrapperPropsStyleFiltered","mergedStyle","blockColors","blockPaddings","blockTypography","useGlobalStyles","globalStyles","withGlobalStyles","WrappedComponent","props"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,oBAA1C;AAEA;AACA;AACA;;AACA,SACCC,sBADD,EAECC,gBAFD,EAGCC,cAHD,EAICC,kBAJD,QAKO,SALP;AAOA,MAAMC,mBAAmB,GAAGN,aAAa,CAAE;AAAEO,EAAAA,KAAK,EAAE;AAAT,CAAF,CAAzC;AAEAD,mBAAmB,CAACJ,sBAApB,GAA6CA,sBAA7C;AAEA,OAAO,MAAMM,qBAAqB,GAAG,CACpCC,gBADoC,EAEpCC,WAFoC,EAGpCC,iBAHoC,EAIpCC,eAJoC,EAKpCC,aALoC,EAMpCC,SANoC,EAOpCC,SAPoC,KAQhC;AACJ;AACA,QAAMC,gBAAgB,GAAG;AACxBC,IAAAA,UAAU,EAAE;AACXC,MAAAA,KAAK,EAAET,gBAAgB,EAAES,KADd;AAEXC,MAAAA,UAAU,EAAEV,gBAAgB,EAAEU,UAFnB;AAGXC,MAAAA,QAAQ,EAAE;AACTC,QAAAA,IAAI,EAAEZ,gBAAgB,EAAEW,QAAlB,EAA4BC;AADzB,OAHC;AAMXC,MAAAA,MAAM,EAAE;AACP,uBAAeb,gBAAgB,EAAEa,MAAlB,GAA4B,aAA5B;AADR;AANG;AADY,GAAzB;AAaA,QAAMC,oBAAoB,GAAGC,MAAM,CAACC,WAAP,CAC5BD,MAAM,CAACE,OAAP,CAAgBd,eAAhB,aAAgBA,eAAhB,cAAgBA,eAAhB,GAAmC,EAAnC,EAAwCe,MAAxC,CAAgD,CAAE,CAAEC,GAAF,CAAF,KAC/C1B,sBAAsB,CAAC2B,QAAvB,CAAiCD,GAAjC,CADD,CAD4B,CAA7B,CAfI,CAqBJ;AACA;;AACA,QAAME,yBAAyB,GAAGN,MAAM,CAACC,WAAP,CACjCD,MAAM,CAACE,OAAP,CAAgBf,iBAAhB,aAAgBA,iBAAhB,cAAgBA,iBAAhB,GAAqC,EAArC,EAA0CgB,MAA1C,CAAkD,CAAE,CAAEC,GAAF,CAAF,KACjD1B,sBAAsB,CAAC2B,QAAvB,CAAiCD,GAAjC,CADD,CADiC,CAAlC;AAMA,QAAMG,WAAW,GAAG,EACnB,GAAGf,gBADgB;AAEnB,OAAGN,WAFgB;AAGnB,OAAGoB;AAHgB,GAApB;AAKA,QAAME,WAAW,GAAG5B,cAAc,CACjCmB,oBADiC,EAEjCV,aAFiC,EAGjCC,SAHiC,EAIjCL,gBAJiC,CAAlC;AAMA,QAAMwB,aAAa,GAAG9B,gBAAgB,CACrC4B,WADqC,EAErCpB,iBAFqC,EAGrCY,oBAHqC,EAIrCS,WAJqC,CAAtC;AAMA,QAAME,eAAe,GAAG7B,kBAAkB,CACzCkB,oBADyC,EAEzCR,SAFyC,EAGzCD,SAHyC,EAIzCL,gBAJyC,CAA1C;AAOA,SAAO,EACN,GAAGsB,WADG;AAEN,OAAGE,aAFG;AAGN,OAAGD,WAHG;AAIN,OAAGE;AAJG,GAAP;AAMA,CAnEM;AAqEP,OAAO,MAAMC,eAAe,GAAG,MAAM;AACpC,QAAMC,YAAY,GAAGnC,UAAU,CAAEK,mBAAF,CAA/B;AAEA,SAAO8B,YAAP;AACA,CAJM;AAMP,OAAO,MAAMC,gBAAgB,GAAKC,gBAAF,IAA0BC,KAAF,IAEtD,cAAC,mBAAD,CAAqB,QAArB,QACKH,YAAF,IACD,cAAC,gBAAD,eAAuBG,KAAvB;AAA+B,EAAA,YAAY,EAAGH;AAA9C,GAFF,CAFK;AASP,eAAe9B,mBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBLOCK_STYLE_ATTRIBUTES,\n\tgetBlockPaddings,\n\tgetBlockColors,\n\tgetBlockTypography,\n} from './utils';\n\nconst GlobalStylesContext = createContext( { style: {} } );\n\nGlobalStylesContext.BLOCK_STYLE_ATTRIBUTES = BLOCK_STYLE_ATTRIBUTES;\n\nexport const getMergedGlobalStyles = (\n\tbaseGlobalStyles,\n\tglobalStyle,\n\twrapperPropsStyle,\n\tblockAttributes,\n\tdefaultColors,\n\tblockName,\n\tfontSizes\n) => {\n\t// Current support for general styles and blocks.\n\tconst baseGlobalColors = {\n\t\tbaseColors: {\n\t\t\tcolor: baseGlobalStyles?.color,\n\t\t\ttypography: baseGlobalStyles?.typography,\n\t\t\telements: {\n\t\t\t\tlink: baseGlobalStyles?.elements?.link,\n\t\t\t},\n\t\t\tblocks: {\n\t\t\t\t'core/button': baseGlobalStyles?.blocks?.[ 'core/button' ],\n\t\t\t},\n\t\t},\n\t};\n\n\tconst blockStyleAttributes = Object.fromEntries(\n\t\tObject.entries( blockAttributes ?? {} ).filter( ( [ key ] ) =>\n\t\t\tBLOCK_STYLE_ATTRIBUTES.includes( key )\n\t\t)\n\t);\n\n\t// This prevents certain wrapper styles from being applied to blocks that\n\t// don't support them yet.\n\tconst wrapperPropsStyleFiltered = Object.fromEntries(\n\t\tObject.entries( wrapperPropsStyle ?? {} ).filter( ( [ key ] ) =>\n\t\t\tBLOCK_STYLE_ATTRIBUTES.includes( key )\n\t\t)\n\t);\n\n\tconst mergedStyle = {\n\t\t...baseGlobalColors,\n\t\t...globalStyle,\n\t\t...wrapperPropsStyleFiltered,\n\t};\n\tconst blockColors = getBlockColors(\n\t\tblockStyleAttributes,\n\t\tdefaultColors,\n\t\tblockName,\n\t\tbaseGlobalStyles\n\t);\n\tconst blockPaddings = getBlockPaddings(\n\t\tmergedStyle,\n\t\twrapperPropsStyle,\n\t\tblockStyleAttributes,\n\t\tblockColors\n\t);\n\tconst blockTypography = getBlockTypography(\n\t\tblockStyleAttributes,\n\t\tfontSizes,\n\t\tblockName,\n\t\tbaseGlobalStyles\n\t);\n\n\treturn {\n\t\t...mergedStyle,\n\t\t...blockPaddings,\n\t\t...blockColors,\n\t\t...blockTypography,\n\t};\n};\n\nexport const useGlobalStyles = () => {\n\tconst globalStyles = useContext( GlobalStylesContext );\n\n\treturn globalStyles;\n};\n\nexport const withGlobalStyles = ( WrappedComponent ) => ( props ) =>\n\t(\n\t\t<GlobalStylesContext.Consumer>\n\t\t\t{ ( globalStyles ) => (\n\t\t\t\t<WrappedComponent { ...props } globalStyles={ globalStyles } />\n\t\t\t) }\n\t\t</GlobalStylesContext.Consumer>\n\t);\n\nexport default GlobalStylesContext;\n"]}

package/build-module/mobile/global-styles-context/utils.native.js

@@ -24,28 +24,25 @@ const DEFAULT_FONT_SIZE = 16;
 export function getBlockPaddings(mergedStyle, wrapperPropsStyle, blockStyleAttributes, blockColors) {
   const blockPaddings = {};
 
-  if (!mergedStyle.padding && (wrapperPropsStyle !== null && wrapperPropsStyle !== void 0 && wrapperPropsStyle.backgroundColor || blockStyleAttributes !== null && blockStyleAttributes !== void 0 && blockStyleAttributes.backgroundColor || blockColors !== null && blockColors !== void 0 && blockColors.backgroundColor)) {
+  if (!mergedStyle.padding && (wrapperPropsStyle?.backgroundColor || blockStyleAttributes?.backgroundColor || blockColors?.backgroundColor)) {
     blockPaddings.padding = PADDING;
     return blockPaddings;
   } // Prevent adding extra paddings to inner blocks without background colors.
 
 
-  if (mergedStyle !== null && mergedStyle !== void 0 && mergedStyle.padding && !(wrapperPropsStyle !== null && wrapperPropsStyle !== void 0 && wrapperPropsStyle.backgroundColor) && !(blockStyleAttributes !== null && blockStyleAttributes !== void 0 && blockStyleAttributes.backgroundColor) && !(blockColors !== null && blockColors !== void 0 && blockColors.backgroundColor)) {
+  if (mergedStyle?.padding && !wrapperPropsStyle?.backgroundColor && !blockStyleAttributes?.backgroundColor && !blockColors?.backgroundColor) {
     blockPaddings.padding = undefined;
   }
 
   return blockPaddings;
 }
 export function getBlockColors(blockStyleAttributes, defaultColors, blockName, baseGlobalStyles) {
-  var _blockStyleAttributes, _baseGlobalStyles$blo, _baseGlobalStyles$sty, _baseGlobalStyles$sty2;
-
   const blockStyles = {};
-  const customBlockStyles = (blockStyleAttributes === null || blockStyleAttributes === void 0 ? void 0 : (_blockStyleAttributes = blockStyleAttributes.style) === null || _blockStyleAttributes === void 0 ? void 0 : _blockStyleAttributes.color) || {};
-  const blockGlobalStyles = baseGlobalStyles === null || baseGlobalStyles === void 0 ? void 0 : (_baseGlobalStyles$blo = baseGlobalStyles.blocks) === null || _baseGlobalStyles$blo === void 0 ? void 0 : _baseGlobalStyles$blo[blockName]; // Global styles colors.
+  const customBlockStyles = blockStyleAttributes?.style?.color || {};
+  const blockGlobalStyles = baseGlobalStyles?.blocks?.[blockName]; // Global styles colors.
 
-  if (blockGlobalStyles !== null && blockGlobalStyles !== void 0 && blockGlobalStyles.color) {
-    Object.entries(blockGlobalStyles.color).forEach(_ref => {
-      let [key, value] = _ref;
+  if (blockGlobalStyles?.color) {
+    Object.entries(blockGlobalStyles.color).forEach(([key, value]) => {
       const styleKey = BLOCK_STYLE_ATTRIBUTES_MAPPING[key];
 
       if (styleKey && value !== UNKNOWN_VALUE) {
@@ -55,17 +52,13 @@ export function getBlockColors(blockStyleAttributes, defaultColors, blockName, b
         blockStyles[styleKey] = color;
       }
     });
-  } else if (baseGlobalStyles !== null && baseGlobalStyles !== void 0 && (_baseGlobalStyles$sty = baseGlobalStyles.styles) !== null && _baseGlobalStyles$sty !== void 0 && (_baseGlobalStyles$sty2 = _baseGlobalStyles$sty.color) !== null && _baseGlobalStyles$sty2 !== void 0 && _baseGlobalStyles$sty2.text) {
-    var _baseGlobalStyles$sty3, _baseGlobalStyles$sty4;
-
-    blockStyles[BLOCK_STYLE_ATTRIBUTES_MAPPING.text] = baseGlobalStyles === null || baseGlobalStyles === void 0 ? void 0 : (_baseGlobalStyles$sty3 = baseGlobalStyles.styles) === null || _baseGlobalStyles$sty3 === void 0 ? void 0 : (_baseGlobalStyles$sty4 = _baseGlobalStyles$sty3.color) === null || _baseGlobalStyles$sty4 === void 0 ? void 0 : _baseGlobalStyles$sty4.text;
+  } else if (baseGlobalStyles?.styles?.color?.text) {
+    blockStyles[BLOCK_STYLE_ATTRIBUTES_MAPPING.text] = baseGlobalStyles?.styles?.color?.text;
   } // Global styles elements.
 
 
-  if (blockGlobalStyles !== null && blockGlobalStyles !== void 0 && blockGlobalStyles.elements) {
-    var _blockGlobalStyles$el, _blockGlobalStyles$el2, _blockGlobalStyles$el3;
-
-    const linkColor = (_blockGlobalStyles$el = blockGlobalStyles.elements) === null || _blockGlobalStyles$el === void 0 ? void 0 : (_blockGlobalStyles$el2 = _blockGlobalStyles$el.link) === null || _blockGlobalStyles$el2 === void 0 ? void 0 : (_blockGlobalStyles$el3 = _blockGlobalStyles$el2.color) === null || _blockGlobalStyles$el3 === void 0 ? void 0 : _blockGlobalStyles$el3.text;
+  if (blockGlobalStyles?.elements) {
+    const linkColor = blockGlobalStyles.elements?.link?.color?.text;
     const styleKey = BLOCK_STYLE_ATTRIBUTES_MAPPING.link;
 
     if (styleKey && linkColor && linkColor !== UNKNOWN_VALUE) {
@@ -74,11 +67,8 @@ export function getBlockColors(blockStyleAttributes, defaultColors, blockName, b
   } // Custom colors.
 
 
-  Object.entries(blockStyleAttributes).forEach(_ref2 => {
-    var _value$startsWith;
-
-    let [key, value] = _ref2;
-    const isCustomColor = value === null || value === void 0 ? void 0 : (_value$startsWith = value.startsWith) === null || _value$startsWith === void 0 ? void 0 : _value$startsWith.call(value, '#');
+  Object.entries(blockStyleAttributes).forEach(([key, value]) => {
+    const isCustomColor = value?.startsWith?.('#');
     let styleKey = key;
 
     if (BLOCK_STYLE_ATTRIBUTES_MAPPING[styleKey]) {
@@ -86,12 +76,9 @@ export function getBlockColors(blockStyleAttributes, defaultColors, blockName, b
     }
 
     if (!isCustomColor) {
-      const mappedColor = Object.values(defaultColors !== null && defaultColors !== void 0 ? defaultColors : {}).find(_ref3 => {
-        let {
-          slug
-        } = _ref3;
-        return slug === value;
-      });
+      const mappedColor = Object.values(defaultColors !== null && defaultColors !== void 0 ? defaultColors : {}).find(({
+        slug
+      }) => slug === value);
 
       if (mappedColor) {
         blockStyles[styleKey] = mappedColor.color;
@@ -101,39 +88,32 @@ export function getBlockColors(blockStyleAttributes, defaultColors, blockName, b
     }
   }); // Color placeholder.
 
-  if (blockStyles !== null && blockStyles !== void 0 && blockStyles.color) {
+  if (blockStyles?.color) {
     blockStyles[BLOCK_STYLE_ATTRIBUTES_MAPPING.placeholder] = blockStyles.color;
   }
 
   return blockStyles;
 }
 export function getBlockTypography(blockStyleAttributes, fontSizes, blockName, baseGlobalStyles) {
-  var _blockStyleAttributes2, _baseGlobalStyles$blo2;
-
   const typographyStyles = {};
-  const customBlockStyles = (blockStyleAttributes === null || blockStyleAttributes === void 0 ? void 0 : (_blockStyleAttributes2 = blockStyleAttributes.style) === null || _blockStyleAttributes2 === void 0 ? void 0 : _blockStyleAttributes2.typography) || {};
-  const blockGlobalStyles = baseGlobalStyles === null || baseGlobalStyles === void 0 ? void 0 : (_baseGlobalStyles$blo2 = baseGlobalStyles.blocks) === null || _baseGlobalStyles$blo2 === void 0 ? void 0 : _baseGlobalStyles$blo2[blockName];
+  const customBlockStyles = blockStyleAttributes?.style?.typography || {};
+  const blockGlobalStyles = baseGlobalStyles?.blocks?.[blockName];
   const parsedFontSizes = Object.values(fontSizes !== null && fontSizes !== void 0 ? fontSizes : {}); // Global styles.
 
-  if (blockGlobalStyles !== null && blockGlobalStyles !== void 0 && blockGlobalStyles.typography) {
-    var _blockGlobalStyles$ty, _blockGlobalStyles$ty2;
-
-    const fontSize = blockGlobalStyles === null || blockGlobalStyles === void 0 ? void 0 : (_blockGlobalStyles$ty = blockGlobalStyles.typography) === null || _blockGlobalStyles$ty === void 0 ? void 0 : _blockGlobalStyles$ty.fontSize;
-    const lineHeight = blockGlobalStyles === null || blockGlobalStyles === void 0 ? void 0 : (_blockGlobalStyles$ty2 = blockGlobalStyles.typography) === null || _blockGlobalStyles$ty2 === void 0 ? void 0 : _blockGlobalStyles$ty2.lineHeight;
+  if (blockGlobalStyles?.typography) {
+    const fontSize = blockGlobalStyles?.typography?.fontSize;
+    const lineHeight = blockGlobalStyles?.typography?.lineHeight;
 
     if (fontSize) {
       if (parseInt(fontSize, 10)) {
         typographyStyles.fontSize = fontSize;
       } else {
-        const mappedFontSize = parsedFontSizes.find(_ref4 => {
-          let {
-            slug
-          } = _ref4;
-          return slug === fontSize;
-        });
+        const mappedFontSize = parsedFontSizes.find(({
+          slug
+        }) => slug === fontSize);
 
         if (mappedFontSize) {
-          typographyStyles.fontSize = mappedFontSize === null || mappedFontSize === void 0 ? void 0 : mappedFontSize.size;
+          typographyStyles.fontSize = mappedFontSize?.size;
         }
       }
     }
@@ -143,26 +123,23 @@ export function getBlockTypography(blockStyleAttributes, fontSizes, blockName, b
     }
   }
 
-  if (blockStyleAttributes !== null && blockStyleAttributes !== void 0 && blockStyleAttributes.fontSize && baseGlobalStyles) {
-    const mappedFontSize = parsedFontSizes.find(_ref5 => {
-      let {
-        slug
-      } = _ref5;
-      return slug === (blockStyleAttributes === null || blockStyleAttributes === void 0 ? void 0 : blockStyleAttributes.fontSize);
-    });
+  if (blockStyleAttributes?.fontSize && baseGlobalStyles) {
+    const mappedFontSize = parsedFontSizes.find(({
+      slug
+    }) => slug === blockStyleAttributes?.fontSize);
 
     if (mappedFontSize) {
-      typographyStyles.fontSize = mappedFontSize === null || mappedFontSize === void 0 ? void 0 : mappedFontSize.size;
+      typographyStyles.fontSize = mappedFontSize?.size;
     }
   } // Custom styles.
 
 
-  if (customBlockStyles !== null && customBlockStyles !== void 0 && customBlockStyles.fontSize) {
-    typographyStyles.fontSize = customBlockStyles === null || customBlockStyles === void 0 ? void 0 : customBlockStyles.fontSize;
+  if (customBlockStyles?.fontSize) {
+    typographyStyles.fontSize = customBlockStyles?.fontSize;
   }
 
-  if (customBlockStyles !== null && customBlockStyles !== void 0 && customBlockStyles.lineHeight) {
-    typographyStyles.lineHeight = customBlockStyles === null || customBlockStyles === void 0 ? void 0 : customBlockStyles.lineHeight;
+  if (customBlockStyles?.lineHeight) {
+    typographyStyles.lineHeight = customBlockStyles?.lineHeight;
   }
 
   return typographyStyles;
@@ -179,9 +156,7 @@ export function getBlockTypography(blockStyleAttributes, fontSizes, blockName, b
 const getValueFromObjectPath = (object, path) => {
   let value = object;
   path.forEach(fieldName => {
-    var _value;
-
-    value = (_value = value) === null || _value === void 0 ? void 0 : _value[fieldName];
+    value = value?.[fieldName];
   });
   return value;
 };
@@ -211,13 +186,10 @@ export function parseStylesVariables(styles, mappedValues, customValues) {
         if (mappedPresetValue && mappedPresetValue.slug) {
           var _mappedPresetValue$va;
 
-          const matchedValue = Object.values((_mappedPresetValue$va = mappedPresetValue.values) !== null && _mappedPresetValue$va !== void 0 ? _mappedPresetValue$va : {}).find(_ref6 => {
-            let {
-              slug
-            } = _ref6;
-            return slug === path[1];
-          });
-          return matchedValue === null || matchedValue === void 0 ? void 0 : matchedValue[mappedPresetValue.slug];
+          const matchedValue = Object.values((_mappedPresetValue$va = mappedPresetValue.values) !== null && _mappedPresetValue$va !== void 0 ? _mappedPresetValue$va : {}).find(({
+            slug
+          }) => slug === path[1]);
+          return matchedValue?.[mappedPresetValue.slug];
         }
 
         return UNKNOWN_VALUE;
@@ -240,16 +212,11 @@ export function parseStylesVariables(styles, mappedValues, customValues) {
 
     if (variable === 'var') {
       stylesBase = stylesBase.replace(varRegex, (_$1, $2) => {
-        if (mappedValues !== null && mappedValues !== void 0 && mappedValues.color) {
-          var _mappedValues$color, _mappedValues$color$v;
-
-          const matchedValue = (_mappedValues$color = mappedValues.color) === null || _mappedValues$color === void 0 ? void 0 : (_mappedValues$color$v = _mappedValues$color.values) === null || _mappedValues$color$v === void 0 ? void 0 : _mappedValues$color$v.find(_ref7 => {
-            let {
-              slug
-            } = _ref7;
-            return slug === $2;
-          });
-          return `"${matchedValue === null || matchedValue === void 0 ? void 0 : matchedValue.color}"`;
+        if (mappedValues?.color) {
+          const matchedValue = mappedValues.color?.values?.find(({
+            slug
+          }) => slug === $2);
+          return `"${matchedValue?.color}"`;
         }
 
         return UNKNOWN_VALUE;
@@ -274,12 +241,10 @@ export function parseStylesVariables(styles, mappedValues, customValues) {
   return JSON.parse(stylesBase);
 }
 export function getMappedValues(features, palette) {
-  var _typography$fontSizes, _typography$fontSizes2;
-
-  const typography = features === null || features === void 0 ? void 0 : features.typography;
-  const colors = [...((palette === null || palette === void 0 ? void 0 : palette.theme) || []), ...((palette === null || palette === void 0 ? void 0 : palette.custom) || []), ...((palette === null || palette === void 0 ? void 0 : palette.default) || [])];
-  const fontSizes = { ...(typography === null || typography === void 0 ? void 0 : (_typography$fontSizes = typography.fontSizes) === null || _typography$fontSizes === void 0 ? void 0 : _typography$fontSizes.theme),
-    ...(typography === null || typography === void 0 ? void 0 : (_typography$fontSizes2 = typography.fontSizes) === null || _typography$fontSizes2 === void 0 ? void 0 : _typography$fontSizes2.custom)
+  const typography = features?.typography;
+  const colors = [...(palette?.theme || []), ...(palette?.custom || []), ...(palette?.default || [])];
+  const fontSizes = { ...typography?.fontSizes?.theme,
+    ...typography?.fontSizes?.custom
   };
   const mappedValues = {
     color: {
@@ -310,9 +275,7 @@ function normalizeFontSizes(fontSizes) {
   const dimensions = Dimensions.get('window');
   ['default', 'theme', 'custom'].forEach(key => {
     if (fontSizes[key]) {
-      var _fontSizes$key;
-
-      normalizedFontSizes[key] = (_fontSizes$key = fontSizes[key]) === null || _fontSizes$key === void 0 ? void 0 : _fontSizes$key.map(fontSizeObject => {
+      normalizedFontSizes[key] = fontSizes[key]?.map(fontSizeObject => {
         fontSizeObject.sizePx = getPxFromCssUnit(fontSizeObject.size, {
           width: dimensions.width,
           height: dimensions.height,
@@ -325,26 +288,20 @@ function normalizeFontSizes(fontSizes) {
   return normalizedFontSizes;
 }
 
-export function useMobileGlobalStylesColors() {
-  var _colorGradientSetting;
-
-  let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'colors';
+export function useMobileGlobalStylesColors(type = 'colors') {
   const colorGradientSettings = useMultipleOriginColorsAndGradients();
-  const availableThemeColors = colorGradientSettings === null || colorGradientSettings === void 0 ? void 0 : (_colorGradientSetting = colorGradientSettings[type]) === null || _colorGradientSetting === void 0 ? void 0 : _colorGradientSetting.reduce((colors, origin) => colors.concat(origin === null || origin === void 0 ? void 0 : origin[type]), []); // Default editor colors/gradients if it's not a block-based theme.
+  const availableThemeColors = colorGradientSettings?.[type]?.reduce((colors, origin) => colors.concat(origin?.[type]), []); // Default editor colors/gradients if it's not a block-based theme.
 
   const colorPalette = type === 'colors' ? 'color.palette' : 'color.gradients';
   const editorDefaultPalette = useSetting(colorPalette);
   return availableThemeColors.length >= 1 ? availableThemeColors : editorDefaultPalette;
 }
-export function getColorsAndGradients() {
-  let defaultEditorColors = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let defaultEditorGradients = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let rawFeatures = arguments.length > 2 ? arguments[2] : undefined;
+export function getColorsAndGradients(defaultEditorColors = [], defaultEditorGradients = [], rawFeatures) {
   const features = rawFeatures ? JSON.parse(rawFeatures) : {};
   return {
     __experimentalGlobalStylesBaseStyles: null,
     __experimentalFeatures: {
-      color: { ...(!(features !== null && features !== void 0 && features.color) ? {
+      color: { ...(!features?.color ? {
           text: true,
           background: true,
           palette: {
@@ -353,38 +310,38 @@ export function getColorsAndGradients() {
           gradients: {
             default: defaultEditorGradients
           }
-        } : features === null || features === void 0 ? void 0 : features.color),
-        defaultPalette: (defaultEditorColors === null || defaultEditorColors === void 0 ? void 0 : defaultEditorColors.length) > 0,
-        defaultGradients: (defaultEditorGradients === null || defaultEditorGradients === void 0 ? void 0 : defaultEditorGradients.length) > 0
+        } : features?.color),
+        defaultPalette: defaultEditorColors?.length > 0,
+        defaultGradients: defaultEditorGradients?.length > 0
       }
     }
   };
 }
 export function getGlobalStyles(rawStyles, rawFeatures) {
-  var _features$color, _features$color2, _features$typography, _features$color$text, _features$color3, _features$color$backg, _features$color4, _features$color$defau, _features$color5, _features$color$defau2, _features$color6, _features$custom;
+  var _features$color$text, _features$color$backg, _features$color$defau, _features$color$defau2;
 
   const features = rawFeatures ? JSON.parse(rawFeatures) : {};
-  const mappedValues = getMappedValues(features, features === null || features === void 0 ? void 0 : (_features$color = features.color) === null || _features$color === void 0 ? void 0 : _features$color.palette);
-  const colors = parseStylesVariables(JSON.stringify(features === null || features === void 0 ? void 0 : features.color), mappedValues);
-  const gradients = parseStylesVariables(JSON.stringify(features === null || features === void 0 ? void 0 : (_features$color2 = features.color) === null || _features$color2 === void 0 ? void 0 : _features$color2.gradients), mappedValues);
-  const customValues = parseStylesVariables(JSON.stringify(features === null || features === void 0 ? void 0 : features.custom), mappedValues);
+  const mappedValues = getMappedValues(features, features?.color?.palette);
+  const colors = parseStylesVariables(JSON.stringify(features?.color), mappedValues);
+  const gradients = parseStylesVariables(JSON.stringify(features?.color?.gradients), mappedValues);
+  const customValues = parseStylesVariables(JSON.stringify(features?.custom), mappedValues);
   const globalStyles = parseStylesVariables(rawStyles, mappedValues, customValues);
-  const fontSizes = normalizeFontSizes(features === null || features === void 0 ? void 0 : (_features$typography = features.typography) === null || _features$typography === void 0 ? void 0 : _features$typography.fontSizes);
+  const fontSizes = normalizeFontSizes(features?.typography?.fontSizes);
   return {
     __experimentalFeatures: {
       color: {
-        palette: colors === null || colors === void 0 ? void 0 : colors.palette,
+        palette: colors?.palette,
         gradients,
-        text: (_features$color$text = features === null || features === void 0 ? void 0 : (_features$color3 = features.color) === null || _features$color3 === void 0 ? void 0 : _features$color3.text) !== null && _features$color$text !== void 0 ? _features$color$text : true,
-        background: (_features$color$backg = features === null || features === void 0 ? void 0 : (_features$color4 = features.color) === null || _features$color4 === void 0 ? void 0 : _features$color4.background) !== null && _features$color$backg !== void 0 ? _features$color$backg : true,
-        defaultPalette: (_features$color$defau = features === null || features === void 0 ? void 0 : (_features$color5 = features.color) === null || _features$color5 === void 0 ? void 0 : _features$color5.defaultPalette) !== null && _features$color$defau !== void 0 ? _features$color$defau : true,
-        defaultGradients: (_features$color$defau2 = features === null || features === void 0 ? void 0 : (_features$color6 = features.color) === null || _features$color6 === void 0 ? void 0 : _features$color6.defaultGradients) !== null && _features$color$defau2 !== void 0 ? _features$color$defau2 : true
+        text: (_features$color$text = features?.color?.text) !== null && _features$color$text !== void 0 ? _features$color$text : true,
+        background: (_features$color$backg = features?.color?.background) !== null && _features$color$backg !== void 0 ? _features$color$backg : true,
+        defaultPalette: (_features$color$defau = features?.color?.defaultPalette) !== null && _features$color$defau !== void 0 ? _features$color$defau : true,
+        defaultGradients: (_features$color$defau2 = features?.color?.defaultGradients) !== null && _features$color$defau2 !== void 0 ? _features$color$defau2 : true
       },
       typography: {
         fontSizes,
-        customLineHeight: features === null || features === void 0 ? void 0 : (_features$custom = features.custom) === null || _features$custom === void 0 ? void 0 : _features$custom['line-height']
+        customLineHeight: features?.custom?.['line-height']
       },
-      spacing: features === null || features === void 0 ? void 0 : features.spacing
+      spacing: features?.spacing
     },
     __experimentalGlobalStylesBaseStyles: globalStyles
   };