npm - @wordpress/components - Versions diffs - 25.1.0 → 25.1.1 - Mend

@wordpress/components 25.1.0 → 25.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (993) hide show

package/build/mobile/bottom-sheet/keyboard-avoiding-view.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/keyboard-avoiding-view.native.js"],"names":["KeyboardAvoidingView","Component","constructor","arguments","_onKeyboardChange","bind","_subscriptions","state","bottom","_relativeKeyboardHeight","keyboardFrame","windowWidth","Dimensions","get","width","isFloatingKeyboard","windowHeight","height","keyboardY","screenY","props","keyboardVerticalOffset","final","Math","max","event","setState","duration","easing","endCoordinates","LayoutAnimation","configureNext","update","type","Types","componentDidMount","Platform","OS","Keyboard","addListener","componentWillUnmount","forEach","subscription","remove","render","children","enabled","style","finalStyle","bottomHeight","StyleSheet","compose","paddingBottom","defaultProps"],"mappings":"~~;;;;;;;;;~~AAeA~~;;;;~~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~~AAAd~~,~~OAAgC5B~~,~~KAAhC~~,~~GACGyB,~~QADH,CADD;AAKA;;AA5F2C;;AA+F7C7C,oBAAoB,CAACqD,YAArB,GAAoC;AACnCP,EAAAA,OAAO,EAAE,IAD0B;AAEnCzB,EAAAA,sBAAsB,EAAE;AAFW,CAApC;eAKerB,oB","sourcesContent":["/*\n External dependencies\n /\nimport {\n\tKeyboard,\n\tLayoutAnimation,\n\tPlatform,\n\tStyleSheet,\n\tView,\n\tDimensions,\n} from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { Component } from '@wordpress/element';\n\n/\n This is a simplified version of Facebook's KeyboardAvoidingView.\n * It's meant to work specifically with BottomSheets.\n * This fixes an issue in the bottom padding calculation, when the\n * BottomSheet was presented on Landscape, with the keyboard already present,\n * and a TextField on Autofocus (situation present on Links UI)\n /\nclass KeyboardAvoidingView extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis._onKeyboardChange = this._onKeyboardChange.bind( this );\n\t\tthis._subscriptions = [];\n\t\tthis.state = {\n\t\t\tbottom: 0,\n\t\t};\n\t}\n\n\t_relativeKeyboardHeight( keyboardFrame ) {\n\t\tif ( ! keyboardFrame ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tconst windowWidth = Dimensions.get( 'window' ).width;\n\t\tconst isFloatingKeyboard = keyboardFrame.width !== windowWidth;\n\t\tif ( isFloatingKeyboard ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tconst windowHeight = Dimensions.get( 'window' ).height;\n\t\tconst keyboardY =\n\t\t\tkeyboardFrame.screenY - this.props.keyboardVerticalOffset;\n\n\t\tconst final = Math.max( windowHeight - keyboardY, 0 );\n\t\treturn final;\n\t}\n\n\t/\n\t @param {Object} event Keyboard event.\n\t */\n\t_onKeyboardChange( event ) {\n\t\tif ( event === null ) {\n\t\t\tthis.setState( { bottom: 0 } );\n\t\t\treturn;\n\t\t}\n\n\t\tconst { duration, easing, endCoordinates } = event;\n\t\tconst height = this._relativeKeyboardHeight( endCoordinates );\n\n\t\tif ( this.state.bottom === height ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( duration && easing ) {\n\t\t\tLayoutAnimation.configureNext( {\n\t\t\t\tduration,\n\t\t\t\tupdate: {\n\t\t\t\t\tduration,\n\t\t\t\t\ttype: LayoutAnimation.Types[ easing ] \|\| 'keyboard',\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t\tthis.setState( { bottom: height } );\n\t}\n\n\tcomponentDidMount() {\n\t\tif ( Platform.OS === 'ios' ) {\n\t\t\tthis._subscriptions = [\n\t\t\t\tKeyboard.addListener(\n\t\t\t\t\t'keyboardWillChangeFrame',\n\t\t\t\t\tthis._onKeyboardChange\n\t\t\t\t),\n\t\t\t];\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis._subscriptions.forEach( ( subscription ) => {\n\t\t\tsubscription.remove();\n\t\t} );\n\t}\n\n\trender() {\n\t\tconst { children, enabled, keyboardVerticalOffset, style, ...props } =\n\t\t\tthis.props;\n\n\t\tlet finalStyle = style;\n\t\tif ( Platform.OS === 'ios' ) {\n\t\t\tconst bottomHeight = enabled ? this.state.bottom : 0;\n\t\t\tfinalStyle = StyleSheet.compose( style, {\n\t\t\t\tpaddingBottom: bottomHeight,\n\t\t\t} );\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={ finalStyle } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nKeyboardAvoidingView.defaultProps = {\n\tenabled: true,\n\tkeyboardVerticalOffset: 0,\n};\n\nexport default KeyboardAvoidingView;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/keyboard-avoiding-view.native.js"],"names":["KeyboardAvoidingView","Component","constructor","arguments","_onKeyboardChange","bind","_subscriptions","state","bottom","_relativeKeyboardHeight","keyboardFrame","windowWidth","Dimensions","get","width","isFloatingKeyboard","windowHeight","height","keyboardY","screenY","props","keyboardVerticalOffset","final","Math","max","event","setState","duration","easing","endCoordinates","LayoutAnimation","configureNext","update","type","Types","componentDidMount","Platform","OS","Keyboard","addListener","componentWillUnmount","forEach","subscription","remove","render","children","enabled","style","finalStyle","bottomHeight","StyleSheet","compose","paddingBottom","defaultProps"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport {\n\tKeyboard,\n\tLayoutAnimation,\n\tPlatform,\n\tStyleSheet,\n\tView,\n\tDimensions,\n} from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { Component } from '@wordpress/element';\n\n/\n This is a simplified version of Facebook's KeyboardAvoidingView.\n * It's meant to work specifically with BottomSheets.\n * This fixes an issue in the bottom padding calculation, when the\n * BottomSheet was presented on Landscape, with the keyboard already present,\n * and a TextField on Autofocus (situation present on Links UI)\n /\nclass KeyboardAvoidingView extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis._onKeyboardChange = this._onKeyboardChange.bind( this );\n\t\tthis._subscriptions = [];\n\t\tthis.state = {\n\t\t\tbottom: 0,\n\t\t};\n\t}\n\n\t_relativeKeyboardHeight( keyboardFrame ) {\n\t\tif ( ! keyboardFrame ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tconst windowWidth = Dimensions.get( 'window' ).width;\n\t\tconst isFloatingKeyboard = keyboardFrame.width !== windowWidth;\n\t\tif ( isFloatingKeyboard ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tconst windowHeight = Dimensions.get( 'window' ).height;\n\t\tconst keyboardY =\n\t\t\tkeyboardFrame.screenY - this.props.keyboardVerticalOffset;\n\n\t\tconst final = Math.max( windowHeight - keyboardY, 0 );\n\t\treturn final;\n\t}\n\n\t/\n\t @param {Object} event Keyboard event.\n\t */\n\t_onKeyboardChange( event ) {\n\t\tif ( event === null ) {\n\t\t\tthis.setState( { bottom: 0 } );\n\t\t\treturn;\n\t\t}\n\n\t\tconst { duration, easing, endCoordinates } = event;\n\t\tconst height = this._relativeKeyboardHeight( endCoordinates );\n\n\t\tif ( this.state.bottom === height ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( duration && easing ) {\n\t\t\tLayoutAnimation.configureNext( {\n\t\t\t\tduration,\n\t\t\t\tupdate: {\n\t\t\t\t\tduration,\n\t\t\t\t\ttype: LayoutAnimation.Types[ easing ] \|\| 'keyboard',\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t\tthis.setState( { bottom: height } );\n\t}\n\n\tcomponentDidMount() {\n\t\tif ( Platform.OS === 'ios' ) {\n\t\t\tthis._subscriptions = [\n\t\t\t\tKeyboard.addListener(\n\t\t\t\t\t'keyboardWillChangeFrame',\n\t\t\t\t\tthis._onKeyboardChange\n\t\t\t\t),\n\t\t\t];\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis._subscriptions.forEach( ( subscription ) => {\n\t\t\tsubscription.remove();\n\t\t} );\n\t}\n\n\trender() {\n\t\tconst { children, enabled, keyboardVerticalOffset, style, ...props } =\n\t\t\tthis.props;\n\n\t\tlet finalStyle = style;\n\t\tif ( Platform.OS === 'ios' ) {\n\t\t\tconst bottomHeight = enabled ? this.state.bottom : 0;\n\t\t\tfinalStyle = StyleSheet.compose( style, {\n\t\t\t\tpaddingBottom: bottomHeight,\n\t\t\t} );\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={ finalStyle } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nKeyboardAvoidingView.defaultProps = {\n\tenabled: true,\n\tkeyboardVerticalOffset: 0,\n};\n\nexport default KeyboardAvoidingView;\n"]}

package/build/mobile/bottom-sheet/link-suggestion-item-cell.native.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
@@ -82,14 +80,14 @@ function LinkSuggestionItemCell({
   const cellSummaryStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.cellValue, _styles.default.cellTextDark);
   const titleStyle = [cellTitleStyle, _linkSuggestionStyles.default.titleStyle];
   const summaryStyle = [cellSummaryStyle, _linkSuggestionStyles.default.summaryStyle];
-  return (0, _element.createElement)(_cell.default, (0, _extends2.default)({}, props, {
+  return (0, _element.createElement)(_cell.default, { ...props,
     icon: icons[type] || _gridicons.empty,
     onPress: pickLink,
     separatorType: 'none',
     cellContainerStyle: _linkSuggestionStyles.default.itemContainerStyle,
     labelStyle: _linkSuggestionStyles.default.hidden,
     valueStyle: _linkSuggestionStyles.default.hidden
-  }), (0, _element.createElement)(_reactNative.View, {
+  }, (0, _element.createElement)(_reactNative.View, {
     style: _linkSuggestionStyles.default.containerStyle
   }, (0, _element.createElement)(_reactNative.Text, {
     style: titleStyle,

package/build/mobile/bottom-sheet/link-suggestion-item-cell.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/link-suggestion-item-cell.native.js"],"names":["icons","URL","globe","clipboard","post","posts","page","pages","getSummaryForType","type","LinkSuggestionItemCell","suggestion","onLinkPicked","props","title","contentTitle","url","isDirectEntry","summary","pickLink","cellTitleStyle","cellStyles","cellLabel","cellTextDark","cellSummaryStyle","cellValue","titleStyle","suggestionStyles","summaryStyle","empty","itemContainerStyle","hidden","containerStyle"],"mappings":"~~;;;;;;;;;;;;;~~AAGA;;AAKA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAMA,MAAMA,KAAK,GAAG;AACbC,EAAAA,GAAG,EAAEC,YADQ;AAEbC,EAAAA,SAAS,EAATA,oBAFa;AAGbC,EAAAA,IAAI,EAAEC,gBAHO;AAIbC,EAAAA,IAAI,EAAEC;AAJO,CAAd;;AAOA,MAAMC,iBAAiB,GAAKC,IAAF,IAAY;AACrC,UAASA,IAAT;AACC,SAAK,WAAL;AACC,aAAO,cAAI,gBAAJ,CAAP;;AACD,SAAK,QAAL;AACC,aAAO,cAAI,qBAAJ,CAAP;;AACD,SAAK,KAAL;AACC,aAAO,cAAI,yBAAJ,CAAP;;AACD;AACC,aAAO,cAAI,eAAJ,CAAP;AARF;AAUA,CAXD,C,CAaA;;;AACA,SAASC,sBAAT,CAAiC;AAAEC,EAAAA,UAAF;AAAcC,EAAAA,YAAd;AAA4B,KAAGC;AAA/B,CAAjC,EAA0E;AACzE,QAAM;AAAEC,IAAAA,KAAK,EAAEC,YAAT;AAAuBC,IAAAA,GAAvB;AAA4BP,IAAAA,IAA5B;AAAkCQ,IAAAA;AAAlC,MAAoDN,UAA1D;AACA,QAAMG,KAAK,GAAGG,aAAa,GAAGD,GAAH,GAASD,YAApC;AACA,QAAMG,OAAO,GAAGD,aAAa,GAAGT,iBAAiB,CAAEC,IAAF,CAApB,GAA+BO,GAA5D;;AAEA,QAAMG,QAAQ,GAAG,MAAMP,YAAY,CAAED,UAAF,CAAnC;;AAEA,QAAMS,cAAc,GAAG,2CACtBC,gBAAWC,SADW,EAEtBD,gBAAWE,YAFW,CAAvB;AAKA,QAAMC,gBAAgB,GAAG,2CACxBH,gBAAWI,SADa,EAExBJ,gBAAWE,YAFa,CAAzB;AAKA,QAAMG,UAAU,GAAG,CAAEN,cAAF,EAAkBO,8BAAiBD,UAAnC,CAAnB;AACA,QAAME,YAAY,GAAG,CAAEJ,gBAAF,EAAoBG,8BAAiBC,YAArC,CAArB;AAEA,SACC,4BAAC,aAAD,~~6BACMf~~,KADN;AAEC,IAAA,IAAI,EAAGb,KAAK,CAAES,IAAF,CAAL,IAAiBoB,gBAFzB;AAGC,IAAA,OAAO,EAAGV,QAHX;AAIC,IAAA,aAAa,EAAG,MAJjB;AAKC,IAAA,kBAAkB,EAAGQ,8BAAiBG,kBALvC;AAMC,IAAA,UAAU,EAAGH,8BAAiBI,MAN/B;AAOC,IAAA,UAAU,EAAGJ,8BAAiBI;AAP/B,~~MASC~~,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ,8BAAiBK;AAA/B,KACC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAGN,UADT;AAEC,IAAA,aAAa,EAAG,CAFjB;AAGC,IAAA,aAAa,EAAG;AAHjB,KAKGZ,KALH,CADD,EAQC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAGc,YADT;AAEC,IAAA,aAAa,EAAG,CAFjB;AAGC,IAAA,aAAa,EAAG;AAHjB,KAKGV,OALH,CARD,CATD,CADD;AA4BA;;eAEcR,sB","sourcesContent":["/*\n External dependencies\n /\nimport { Text, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { globe } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport Cell from './cell';\nimport cellStyles from './styles.scss';\nimport suggestionStyles from './link-suggestion-styles.scss';\nimport { posts, pages, empty, clipboard } from '../gridicons';\n\nconst icons = {\n\tURL: globe,\n\tclipboard,\n\tpost: posts,\n\tpage: pages,\n};\n\nconst getSummaryForType = ( type ) => {\n\tswitch ( type ) {\n\t\tcase 'clipboard':\n\t\t\treturn __( 'From clipboard' );\n\t\tcase 'mailto':\n\t\t\treturn __( 'Add this email link' );\n\t\tcase 'tel':\n\t\t\treturn __( 'Add this telephone link' );\n\t\tdefault:\n\t\t\treturn __( 'Add this link' );\n\t}\n};\n\n// We use some Cell styles here with a column flex-direction.\nfunction LinkSuggestionItemCell( { suggestion, onLinkPicked, ...props } ) {\n\tconst { title: contentTitle, url, type, isDirectEntry } = suggestion;\n\tconst title = isDirectEntry ? url : contentTitle;\n\tconst summary = isDirectEntry ? getSummaryForType( type ) : url;\n\n\tconst pickLink = () => onLinkPicked( suggestion );\n\n\tconst cellTitleStyle = usePreferredColorSchemeStyle(\n\t\tcellStyles.cellLabel,\n\t\tcellStyles.cellTextDark\n\t);\n\n\tconst cellSummaryStyle = usePreferredColorSchemeStyle(\n\t\tcellStyles.cellValue,\n\t\tcellStyles.cellTextDark\n\t);\n\n\tconst titleStyle = [ cellTitleStyle, suggestionStyles.titleStyle ];\n\tconst summaryStyle = [ cellSummaryStyle, suggestionStyles.summaryStyle ];\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...props }\n\t\t\ticon={ icons[ type ] \|\| empty }\n\t\t\tonPress={ pickLink }\n\t\t\tseparatorType={ 'none' }\n\t\t\tcellContainerStyle={ suggestionStyles.itemContainerStyle }\n\t\t\tlabelStyle={ suggestionStyles.hidden }\n\t\t\tvalueStyle={ suggestionStyles.hidden }\n\t\t>\n\t\t\t<View style={ suggestionStyles.containerStyle }>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ titleStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode={ 'middle' }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Text>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ summaryStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode={ 'middle' }\n\t\t\t\t>\n\t\t\t\t\t{ summary }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t</Cell>\n\t);\n}\n\nexport default LinkSuggestionItemCell;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/link-suggestion-item-cell.native.js"],"names":["icons","URL","globe","clipboard","post","posts","page","pages","getSummaryForType","type","LinkSuggestionItemCell","suggestion","onLinkPicked","props","title","contentTitle","url","isDirectEntry","summary","pickLink","cellTitleStyle","cellStyles","cellLabel","cellTextDark","cellSummaryStyle","cellValue","titleStyle","suggestionStyles","summaryStyle","empty","itemContainerStyle","hidden","containerStyle"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAMA,MAAMA,KAAK,GAAG;AACbC,EAAAA,GAAG,EAAEC,YADQ;AAEbC,EAAAA,SAAS,EAATA,oBAFa;AAGbC,EAAAA,IAAI,EAAEC,gBAHO;AAIbC,EAAAA,IAAI,EAAEC;AAJO,CAAd;;AAOA,MAAMC,iBAAiB,GAAKC,IAAF,IAAY;AACrC,UAASA,IAAT;AACC,SAAK,WAAL;AACC,aAAO,cAAI,gBAAJ,CAAP;;AACD,SAAK,QAAL;AACC,aAAO,cAAI,qBAAJ,CAAP;;AACD,SAAK,KAAL;AACC,aAAO,cAAI,yBAAJ,CAAP;;AACD;AACC,aAAO,cAAI,eAAJ,CAAP;AARF;AAUA,CAXD,C,CAaA;;;AACA,SAASC,sBAAT,CAAiC;AAAEC,EAAAA,UAAF;AAAcC,EAAAA,YAAd;AAA4B,KAAGC;AAA/B,CAAjC,EAA0E;AACzE,QAAM;AAAEC,IAAAA,KAAK,EAAEC,YAAT;AAAuBC,IAAAA,GAAvB;AAA4BP,IAAAA,IAA5B;AAAkCQ,IAAAA;AAAlC,MAAoDN,UAA1D;AACA,QAAMG,KAAK,GAAGG,aAAa,GAAGD,GAAH,GAASD,YAApC;AACA,QAAMG,OAAO,GAAGD,aAAa,GAAGT,iBAAiB,CAAEC,IAAF,CAApB,GAA+BO,GAA5D;;AAEA,QAAMG,QAAQ,GAAG,MAAMP,YAAY,CAAED,UAAF,CAAnC;;AAEA,QAAMS,cAAc,GAAG,2CACtBC,gBAAWC,SADW,EAEtBD,gBAAWE,YAFW,CAAvB;AAKA,QAAMC,gBAAgB,GAAG,2CACxBH,gBAAWI,SADa,EAExBJ,gBAAWE,YAFa,CAAzB;AAKA,QAAMG,UAAU,GAAG,CAAEN,cAAF,EAAkBO,8BAAiBD,UAAnC,CAAnB;AACA,QAAME,YAAY,GAAG,CAAEJ,gBAAF,EAAoBG,8BAAiBC,YAArC,CAArB;AAEA,SACC,4BAAC,aAAD,OACMf,KADN;AAEC,IAAA,IAAI,EAAGb,KAAK,CAAES,IAAF,CAAL,IAAiBoB,gBAFzB;AAGC,IAAA,OAAO,EAAGV,QAHX;AAIC,IAAA,aAAa,EAAG,MAJjB;AAKC,IAAA,kBAAkB,EAAGQ,8BAAiBG,kBALvC;AAMC,IAAA,UAAU,EAAGH,8BAAiBI,MAN/B;AAOC,IAAA,UAAU,EAAGJ,8BAAiBI;AAP/B,KASC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ,8BAAiBK;AAA/B,KACC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAGN,UADT;AAEC,IAAA,aAAa,EAAG,CAFjB;AAGC,IAAA,aAAa,EAAG;AAHjB,KAKGZ,KALH,CADD,EAQC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAGc,YADT;AAEC,IAAA,aAAa,EAAG,CAFjB;AAGC,IAAA,aAAa,EAAG;AAHjB,KAKGV,OALH,CARD,CATD,CADD;AA4BA;;eAEcR,sB","sourcesContent":["/*\n External dependencies\n /\nimport { Text, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { globe } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport Cell from './cell';\nimport cellStyles from './styles.scss';\nimport suggestionStyles from './link-suggestion-styles.scss';\nimport { posts, pages, empty, clipboard } from '../gridicons';\n\nconst icons = {\n\tURL: globe,\n\tclipboard,\n\tpost: posts,\n\tpage: pages,\n};\n\nconst getSummaryForType = ( type ) => {\n\tswitch ( type ) {\n\t\tcase 'clipboard':\n\t\t\treturn __( 'From clipboard' );\n\t\tcase 'mailto':\n\t\t\treturn __( 'Add this email link' );\n\t\tcase 'tel':\n\t\t\treturn __( 'Add this telephone link' );\n\t\tdefault:\n\t\t\treturn __( 'Add this link' );\n\t}\n};\n\n// We use some Cell styles here with a column flex-direction.\nfunction LinkSuggestionItemCell( { suggestion, onLinkPicked, ...props } ) {\n\tconst { title: contentTitle, url, type, isDirectEntry } = suggestion;\n\tconst title = isDirectEntry ? url : contentTitle;\n\tconst summary = isDirectEntry ? getSummaryForType( type ) : url;\n\n\tconst pickLink = () => onLinkPicked( suggestion );\n\n\tconst cellTitleStyle = usePreferredColorSchemeStyle(\n\t\tcellStyles.cellLabel,\n\t\tcellStyles.cellTextDark\n\t);\n\n\tconst cellSummaryStyle = usePreferredColorSchemeStyle(\n\t\tcellStyles.cellValue,\n\t\tcellStyles.cellTextDark\n\t);\n\n\tconst titleStyle = [ cellTitleStyle, suggestionStyles.titleStyle ];\n\tconst summaryStyle = [ cellSummaryStyle, suggestionStyles.summaryStyle ];\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...props }\n\t\t\ticon={ icons[ type ] \|\| empty }\n\t\t\tonPress={ pickLink }\n\t\t\tseparatorType={ 'none' }\n\t\t\tcellContainerStyle={ suggestionStyles.itemContainerStyle }\n\t\t\tlabelStyle={ suggestionStyles.hidden }\n\t\t\tvalueStyle={ suggestionStyles.hidden }\n\t\t>\n\t\t\t<View style={ suggestionStyles.containerStyle }>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ titleStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode={ 'middle' }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Text>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ summaryStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode={ 'middle' }\n\t\t\t\t>\n\t\t\t\t\t{ summary }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t</Cell>\n\t);\n}\n\nexport default LinkSuggestionItemCell;\n"]}

package/build/mobile/bottom-sheet/picker-cell.native.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = BottomSheetPickerCell;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _cell = _interopRequireDefault(require("./cell"));
 var _picker = _interopRequireDefault(require("../picker"));
@@ -38,11 +36,12 @@ function BottomSheetPickerCell(props) {
   const option = options.find(opt => opt.value === value);
   const label = option ? option.label : value;
-  return (0, _element.createElement)(_cell.default, (0, _extends2.default)({
+  return (0, _element.createElement)(_cell.default, {
     onPress: onCellPress,
     editable: false,
-    value: label
-  }, cellProps), (0, _element.createElement)(_picker.default, {
+    value: label,
+    ...cellProps
+  }, (0, _element.createElement)(_picker.default, {
     leftAlign: true,
     hideCancelButton: hideCancelButton,
     ref: instance => picker = instance,

package/build/mobile/bottom-sheet/picker-cell.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/picker-cell.native.js"],"names":["BottomSheetPickerCell","props","options","hideCancelButton","onChangeValue","value","cellProps","picker","onCellPress","presentPicker","onChange","newValue","option","find","opt","label","instance"],"mappings":"~~;;;;;;;;;;;;;~~AAGA;;AACA;;AAJA;AACA;AACA;AAIe,SAASA,qBAAT,CAAgCC,KAAhC,EAAwC;AACtD,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,gBAAX;AAA6BC,IAAAA,aAA7B;AAA4CC,IAAAA,KAA5C;AAAmD,OAAGC;AAAtD,MACLL,KADD;AAGA,MAAIM,MAAJ;;AAEA,QAAMC,WAAW,GAAG,MAAM;AACzBD,IAAAA,MAAM,CAACE,aAAP;AACA,GAFD;;AAIA,QAAMC,QAAQ,GAAKC,QAAF,IAAgB;AAChCP,IAAAA,aAAa,CAAEO,QAAF,CAAb;AACA,GAFD;;AAIA,QAAMC,MAAM,GAAGV,OAAO,CAACW,IAAR,CAAgBC,GAAF,IAAWA,GAAG,CAACT,KAAJ,KAAcA,KAAvC,CAAf;AACA,QAAMU,KAAK,GAAGH,MAAM,GAAGA,MAAM,CAACG,KAAV,GAAkBV,KAAtC;AAEA,SACC,4BAAC,aAAD;AACC,IAAA,OAAO,EAAGG,WADX;AAEC,IAAA,QAAQ,EAAG,KAFZ;AAGC,IAAA,KAAK,EAAGO;~~AAHT~~,~~KAIMT~~,~~SAJN~~,~~GAMC,~~4BAAC,eAAD;AACC,IAAA,SAAS,MADV;AAEC,IAAA,gBAAgB,EAAGH,gBAFpB;AAGC,IAAA,GAAG,EAAKa,QAAF,IAAkBT,MAAM,GAAGS,QAHlC;AAIC,IAAA,OAAO,EAAGd,OAJX;AAKC,IAAA,QAAQ,EAAGQ;AALZ,IAND,CADD;AAgBA","sourcesContent":["/*\n Internal dependencies\n */\nimport Cell from './cell';\nimport Picker from '../picker';\n\nexport default function BottomSheetPickerCell( props ) {\n\tconst { options, hideCancelButton, onChangeValue, value, ...cellProps } =\n\t\tprops;\n\n\tlet picker;\n\n\tconst onCellPress = () => {\n\t\tpicker.presentPicker();\n\t};\n\n\tconst onChange = ( newValue ) => {\n\t\tonChangeValue( newValue );\n\t};\n\n\tconst option = options.find( ( opt ) => opt.value === value );\n\tconst label = option ? option.label : value;\n\n\treturn (\n\t\t<Cell\n\t\t\tonPress={ onCellPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ label }\n\t\t\t{ ...cellProps }\n\t\t>\n\t\t\t<Picker\n\t\t\t\tleftAlign\n\t\t\t\thideCancelButton={ hideCancelButton }\n\t\t\t\tref={ ( instance ) => ( picker = instance ) }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/picker-cell.native.js"],"names":["BottomSheetPickerCell","props","options","hideCancelButton","onChangeValue","value","cellProps","picker","onCellPress","presentPicker","onChange","newValue","option","find","opt","label","instance"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIe,SAASA,qBAAT,CAAgCC,KAAhC,EAAwC;AACtD,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,gBAAX;AAA6BC,IAAAA,aAA7B;AAA4CC,IAAAA,KAA5C;AAAmD,OAAGC;AAAtD,MACLL,KADD;AAGA,MAAIM,MAAJ;;AAEA,QAAMC,WAAW,GAAG,MAAM;AACzBD,IAAAA,MAAM,CAACE,aAAP;AACA,GAFD;;AAIA,QAAMC,QAAQ,GAAKC,QAAF,IAAgB;AAChCP,IAAAA,aAAa,CAAEO,QAAF,CAAb;AACA,GAFD;;AAIA,QAAMC,MAAM,GAAGV,OAAO,CAACW,IAAR,CAAgBC,GAAF,IAAWA,GAAG,CAACT,KAAJ,KAAcA,KAAvC,CAAf;AACA,QAAMU,KAAK,GAAGH,MAAM,GAAGA,MAAM,CAACG,KAAV,GAAkBV,KAAtC;AAEA,SACC,4BAAC,aAAD;AACC,IAAA,OAAO,EAAGG,WADX;AAEC,IAAA,QAAQ,EAAG,KAFZ;AAGC,IAAA,KAAK,EAAGO,KAHT;AAAA,OAIMT;AAJN,KAMC,4BAAC,eAAD;AACC,IAAA,SAAS,MADV;AAEC,IAAA,gBAAgB,EAAGH,gBAFpB;AAGC,IAAA,GAAG,EAAKa,QAAF,IAAkBT,MAAM,GAAGS,QAHlC;AAIC,IAAA,OAAO,EAAGd,OAJX;AAKC,IAAA,QAAQ,EAAGQ;AALZ,IAND,CADD;AAgBA","sourcesContent":["/*\n Internal dependencies\n */\nimport Cell from './cell';\nimport Picker from '../picker';\n\nexport default function BottomSheetPickerCell( props ) {\n\tconst { options, hideCancelButton, onChangeValue, value, ...cellProps } =\n\t\tprops;\n\n\tlet picker;\n\n\tconst onCellPress = () => {\n\t\tpicker.presentPicker();\n\t};\n\n\tconst onChange = ( newValue ) => {\n\t\tonChangeValue( newValue );\n\t};\n\n\tconst option = options.find( ( opt ) => opt.value === value );\n\tconst label = option ? option.label : value;\n\n\treturn (\n\t\t<Cell\n\t\t\tonPress={ onCellPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ label }\n\t\t\t{ ...cellProps }\n\t\t>\n\t\t\t<Picker\n\t\t\t\tleftAlign\n\t\t\t\thideCancelButton={ hideCancelButton }\n\t\t\t\tref={ ( instance ) => ( picker = instance ) }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"]}

package/build/mobile/bottom-sheet/radio-cell.native.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = BottomSheetRadioCell;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
@@ -34,7 +32,7 @@ function BottomSheetRadioCell(props) {
     ...cellProps
   } = props;
   const selectedIconStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.selectedIcon, _styles.default.selectedIconDark);
-  return (0, _element.createElement)(_cell.default, (0, _extends2.default)({}, cellProps, {
+  return (0, _element.createElement)(_cell.default, { ...cellProps,
     accessibilityRole: 'radio',
     accessibilityState: {
       selected
@@ -45,7 +43,7 @@ function BottomSheetRadioCell(props) {
     editable: false,
     value: '',
     showLockIcon: selected
-  }), selected && (0, _element.createElement)(_icons.Icon, {
+  }, selected && (0, _element.createElement)(_icons.Icon, {
     icon: _icons.check,
     style: selectedIconStyle
   }));

package/build/mobile/bottom-sheet/radio-cell.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/radio-cell.native.js"],"names":["BottomSheetRadioCell","props","selected","cellProps","selectedIconStyle","styles","selectedIcon","selectedIconDark","check"],"mappings":"~~;;;;;;;;;;;;;~~AAGA;;AACA;;AACA;;AAIA;;AACA;;AAVA;AACA;AACA;;AAIA;AACA;AACA;AAIe,SAASA,oBAAT,CAA+BC,KAA/B,EAAuC;AACrD,QAAM;AAAEC,IAAAA,QAAF;AAAY,OAAGC;AAAf,MAA6BF,KAAnC;AAEA,QAAMG,iBAAiB,GAAG,2CACzBC,gBAAOC,YADkB,EAEzBD,gBAAOE,gBAFkB,CAA1B;AAKA,SACC,4BAAC,aAAD,~~6BACMJ~~,SADN;AAEC,IAAA,iBAAiB,EAAG,OAFrB;AAGC,IAAA,kBAAkB,EAAG;AAAED,MAAAA;AAAF,KAHtB;AAIC,IAAA,iBAAiB;AAChB;AACA,kBAAI,iCAAJ,CANF;AAQC,IAAA,QAAQ,EAAG,KARZ;AASC,IAAA,KAAK,EAAG,EATT;AAUC,IAAA,YAAY,EAAGA;AAVhB,~~MAYGA~~,QAAQ,IACT,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGM,YAAb;AAAqB,IAAA,KAAK,EAAGJ;AAA7B,IAbF,CADD;AAkBA","sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/\n Internal dependencies\n /\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nexport default function BottomSheetRadioCell( props ) {\n\tconst { selected, ...cellProps } = props;\n\n\tconst selectedIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selectedIcon,\n\t\tstyles.selectedIconDark\n\t);\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole={ 'radio' }\n\t\t\taccessibilityState={ { selected } }\n\t\t\taccessibilityHint={\n\t\t\t\t/ translators: accessibility text (hint for selecting option) */\n\t\t\t\t__( 'Double tap to select the option' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tshowLockIcon={ selected }\n\t\t>\n\t\t\t{ selected && (\n\t\t\t\t<Icon icon={ check } style={ selectedIconStyle }></Icon>\n\t\t\t) }\n\t\t</Cell>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/radio-cell.native.js"],"names":["BottomSheetRadioCell","props","selected","cellProps","selectedIconStyle","styles","selectedIcon","selectedIconDark","check"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAIA;;AACA;;AAVA;AACA;AACA;;AAIA;AACA;AACA;AAIe,SAASA,oBAAT,CAA+BC,KAA/B,EAAuC;AACrD,QAAM;AAAEC,IAAAA,QAAF;AAAY,OAAGC;AAAf,MAA6BF,KAAnC;AAEA,QAAMG,iBAAiB,GAAG,2CACzBC,gBAAOC,YADkB,EAEzBD,gBAAOE,gBAFkB,CAA1B;AAKA,SACC,4BAAC,aAAD,OACMJ,SADN;AAEC,IAAA,iBAAiB,EAAG,OAFrB;AAGC,IAAA,kBAAkB,EAAG;AAAED,MAAAA;AAAF,KAHtB;AAIC,IAAA,iBAAiB;AAChB;AACA,kBAAI,iCAAJ,CANF;AAQC,IAAA,QAAQ,EAAG,KARZ;AASC,IAAA,KAAK,EAAG,EATT;AAUC,IAAA,YAAY,EAAGA;AAVhB,KAYGA,QAAQ,IACT,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGM,YAAb;AAAqB,IAAA,KAAK,EAAGJ;AAA7B,IAbF,CADD;AAkBA","sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/\n Internal dependencies\n /\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nexport default function BottomSheetRadioCell( props ) {\n\tconst { selected, ...cellProps } = props;\n\n\tconst selectedIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selectedIcon,\n\t\tstyles.selectedIconDark\n\t);\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole={ 'radio' }\n\t\t\taccessibilityState={ { selected } }\n\t\t\taccessibilityHint={\n\t\t\t\t/ translators: accessibility text (hint for selecting option) */\n\t\t\t\t__( 'Double tap to select the option' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tshowLockIcon={ selected }\n\t\t>\n\t\t\t{ selected && (\n\t\t\t\t<Icon icon={ check } style={ selectedIconStyle }></Icon>\n\t\t\t) }\n\t\t</Cell>\n\t);\n}\n"]}

package/build/mobile/bottom-sheet/range-cell.native.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactNative = require("react-native");
 var _slider = _interopRequireDefault(require("@react-native-community/slider"));
@@ -256,7 +254,7 @@ class BottomSheetRangeCell extends _element.Component {
       accessibilityHint: getAccessibilityHint()
     }, (0, _element.createElement)(_reactNative.View, {
       importantForAccessibility: "no-hide-descendants"
-    }, (0, _element.createElement)(_cell.default, (0, _extends2.default)({}, cellProps, {
+    }, (0, _element.createElement)(_cell.default, { ...cellProps,
       cellContainerStyle: [_rangeCell.default.cellContainerStyles, cellContainerStyle],
       cellRowContainerStyle: containerStyle,
       leftAlign: true,
@@ -266,7 +264,7 @@ class BottomSheetRangeCell extends _element.Component {
       valueStyle: _rangeCell.default.valueStyle,
       disabled: disabled,
       showLockIcon: false
-    }), (0, _element.createElement)(_reactNative.View, {
+    }, (0, _element.createElement)(_reactNative.View, {
       style: containerStyle
     }, preview, (0, _element.createElement)(_slider.default, {
       testID: `Slider ${cellProps.label}`,

package/build/mobile/bottom-sheet/range-cell.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/range-cell.native.js"],"names":["isIOS","Platform","OS","BottomSheetRangeCell","Component","constructor","props","onSliderChange","bind","onCompleteSliderChange","onTextInputChange","a11yIncrementValue","a11yDecrementValue","a11yUpdateValue","value","defaultValue","minimumValue","initialValue","Number","state","inputValue","sliderValue","componentWillUnmount","clearTimeout","timeoutAnnounceValue","decimalNum","onChange","setState","nextValue","onComplete","step","maximumValue","newValue","undefined","announceValue","label","unitLabel","setTimeout","AccessibilityInfo","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","getAccessibilityLabel","containerStyle","styles","container","containerIOS","containerAndroid","name","event","nativeEvent","actionName","cellContainerStyles","valueStyle","slider","sliderRef","sliderIOS","sliderAndroid"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport { Platform, AccessibilityInfo, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\n\n/\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport Cell from './cell';\nimport LockIcon from './lock-icon';\nimport styles from './range-cell.scss';\nimport RangeTextInput from './range-text-input';\nimport { toFixed } from '../utils';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetRangeCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onSliderChange = this.onSliderChange.bind( this );\n\t\tthis.onCompleteSliderChange = this.onCompleteSliderChange.bind( this );\n\t\tthis.onTextInputChange = this.onTextInputChange.bind( this );\n\t\tthis.a11yIncrementValue = this.a11yIncrementValue.bind( this );\n\t\tthis.a11yDecrementValue = this.a11yDecrementValue.bind( this );\n\t\tthis.a11yUpdateValue = this.a11yUpdateValue.bind( this );\n\n\t\tconst { value, defaultValue, minimumValue } = props;\n\t\tconst initialValue = Number( value \|\| defaultValue \|\| minimumValue );\n\n\t\tthis.state = {\n\t\t\tinputValue: initialValue,\n\t\t\tsliderValue: initialValue,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tonSliderChange( initialValue ) {\n\t\tconst { decimalNum, onChange } = this.props;\n\t\tinitialValue = toFixed( initialValue, decimalNum );\n\t\tthis.setState( { inputValue: initialValue } );\n\t\tonChange( initialValue );\n\t}\n\n\tonTextInputChange( nextValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: nextValue,\n\t\t} );\n\t\tonChange( nextValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\tonCompleteSliderChange( nextValue ) {\n\t\tconst { decimalNum, onComplete } = this.props;\n\t\tnextValue = toFixed( nextValue, decimalNum );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\t/\n\t * Only used with screenreaders like VoiceOver and TalkBack. Increments the\n\t * value of this setting programmatically.\n\t /\n\ta11yIncrementValue() {\n\t\tconst { step = 5, maximumValue, decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tconst newValue = toFixed( inputValue + step, decimalNum );\n\n\t\tif ( newValue <= maximumValue \|\| maximumValue === undefined ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\t/\n\t * Only used with screenreaders like VoiceOver and TalkBack. Decrements the\n\t * value of this setting programmatically.\n\t /\n\ta11yDecrementValue() {\n\t\tconst { step = 5, minimumValue, decimalNum } = this.props;\n\t\tconst { sliderValue } = this.state;\n\n\t\tconst newValue = toFixed( sliderValue - step, decimalNum );\n\n\t\tif ( newValue >= minimumValue ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\ta11yUpdateValue( newValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: newValue,\n\t\t\tinputValue: newValue,\n\t\t} );\n\t\tonChange( newValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( newValue );\n\t\t}\n\t\tthis.announceValue( newValue );\n\t}\n\n\t/\n\t * Only used with screenreaders like VoiceOver and TalkBack.\n\t /\n\tannounceValue( value ) {\n\t\tconst { label, unitLabel = '' } = this.props;\n\n\t\tif ( isIOS ) {\n\t\t\t// On Android it triggers the accessibilityLabel with the value change, but\n\t\t\t// on iOS we need to do this manually.\n\t\t\tclearTimeout( this.timeoutAnnounceValue );\n\t\t\tthis.timeoutAnnounceValue = setTimeout( () => {\n\t\t\t\tAccessibilityInfo.announceForAccessibility(\n\t\t\t\t\t`${ value } ${ unitLabel }, ${ label }`\n\t\t\t\t);\n\t\t\t}, 300 );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\tminimumValue = 0,\n\t\t\tmaximumValue = 10,\n\t\t\tdisabled,\n\t\t\tstep = 1,\n\t\t\tpreferredColorScheme,\n\t\t\tminimumTrackTintColor = preferredColorScheme === 'light'\n\t\t\t\t? '#00669b'\n\t\t\t\t: '#5198d9',\n\t\t\tmaximumTrackTintColor = isIOS ? '#e9eff3' : '#909090',\n\t\t\tthumbTintColor = ! isIOS && '#00669b',\n\t\t\tpreview,\n\t\t\tcellContainerStyle,\n\t\t\tshouldDisplayTextInput = true,\n\t\t\tunitLabel = '',\n\t\t\tsettingLabel = 'Value',\n\t\t\topenUnitPicker,\n\t\t\tchildren,\n\t\t\tdecimalNum,\n\t\t\t...cellProps\n\t\t} = this.props;\n\n\t\tconst { inputValue, sliderValue } = this.state;\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\treturn sprintf(\n\t\t\t\t/ translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */\n\t\t\t\t__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\t\tcellProps.label,\n\t\t\t\tsettingLabel,\n\t\t\t\ttoFixed( value, decimalNum ),\n\t\t\t\tunitLabel\n\t\t\t);\n\t\t};\n\n\t\tconst containerStyle = [\n\t\t\tstyles.container,\n\t\t\tisIOS ? styles.containerIOS : styles.containerAndroid,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityActions={ [\n\t\t\t\t\t{ name: 'increment' },\n\t\t\t\t\t{ name: 'decrement' },\n\t\t\t\t\t{ name: 'activate' },\n\t\t\t\t] }\n\t\t\t\tonAccessibilityAction={ ( event ) => {\n\t\t\t\t\tswitch ( event.nativeEvent.actionName ) {\n\t\t\t\t\t\tcase 'increment':\n\t\t\t\t\t\t\tthis.a11yIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.a11yDecrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'activate':\n\t\t\t\t\t\t\tif ( openUnitPicker ) {\n\t\t\t\t\t\t\t\topenUnitPicker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\n\t\t\t>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\t{ ...cellProps }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyles,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={ containerStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\tactiveOpacity={ 1 }\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tvalueStyle={ styles.valueStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tshowLockIcon={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Slider\n\t\t\t\t\t\t\t\ttestID={ `Slider ${ cellProps.label }` }\n\t\t\t\t\t\t\t\tvalue={ sliderValue }\n\t\t\t\t\t\t\t\tdefaultValue={ defaultValue }\n\t\t\t\t\t\t\t\tdisabled={ disabled && ! isIOS }\n\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\tminimumValue={ minimumValue }\n\t\t\t\t\t\t\t\tmaximumValue={ maximumValue }\n\t\t\t\t\t\t\t\tminimumTrackTintColor={ minimumTrackTintColor }\n\t\t\t\t\t\t\t\tmaximumTrackTintColor={ maximumTrackTintColor }\n\t\t\t\t\t\t\t\tthumbTintColor={ thumbTintColor }\n\t\t\t\t\t\t\t\tonValueChange={ this.onSliderChange }\n\t\t\t\t\t\t\t\tonSlidingComplete={\n\t\t\t\t\t\t\t\t\tthis.onCompleteSliderChange\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tref={ ( slider ) => {\n\t\t\t\t\t\t\t\t\tthis.sliderRef = slider;\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tisIOS\n\t\t\t\t\t\t\t\t\t\t? styles.sliderIOS\n\t\t\t\t\t\t\t\t\t\t: styles.sliderAndroid\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\tlabel={ cellProps.label }\n\t\t\t\t\t\t\t\t\tonChange={ this.onTextInputChange }\n\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\tvalue={ inputValue }\n\t\t\t\t\t\t\t\t\tmin={ minimumValue }\n\t\t\t\t\t\t\t\t\tmax={ maximumValue }\n\t\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ disabled && <LockIcon /> }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Cell>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetRangeCell );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/range-cell.native.js"],"names":["isIOS","Platform","OS","BottomSheetRangeCell","Component","constructor","props","onSliderChange","bind","onCompleteSliderChange","onTextInputChange","a11yIncrementValue","a11yDecrementValue","a11yUpdateValue","value","defaultValue","minimumValue","initialValue","Number","state","inputValue","sliderValue","componentWillUnmount","clearTimeout","timeoutAnnounceValue","decimalNum","onChange","setState","nextValue","onComplete","step","maximumValue","newValue","undefined","announceValue","label","unitLabel","setTimeout","AccessibilityInfo","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","getAccessibilityLabel","containerStyle","styles","container","containerIOS","containerAndroid","name","event","nativeEvent","actionName","cellContainerStyles","valueStyle","slider","sliderRef","sliderIOS","sliderAndroid"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport { Platform, AccessibilityInfo, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\n\n/\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport Cell from './cell';\nimport LockIcon from './lock-icon';\nimport styles from './range-cell.scss';\nimport RangeTextInput from './range-text-input';\nimport { toFixed } from '../utils';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetRangeCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onSliderChange = this.onSliderChange.bind( this );\n\t\tthis.onCompleteSliderChange = this.onCompleteSliderChange.bind( this );\n\t\tthis.onTextInputChange = this.onTextInputChange.bind( this );\n\t\tthis.a11yIncrementValue = this.a11yIncrementValue.bind( this );\n\t\tthis.a11yDecrementValue = this.a11yDecrementValue.bind( this );\n\t\tthis.a11yUpdateValue = this.a11yUpdateValue.bind( this );\n\n\t\tconst { value, defaultValue, minimumValue } = props;\n\t\tconst initialValue = Number( value \|\| defaultValue \|\| minimumValue );\n\n\t\tthis.state = {\n\t\t\tinputValue: initialValue,\n\t\t\tsliderValue: initialValue,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tonSliderChange( initialValue ) {\n\t\tconst { decimalNum, onChange } = this.props;\n\t\tinitialValue = toFixed( initialValue, decimalNum );\n\t\tthis.setState( { inputValue: initialValue } );\n\t\tonChange( initialValue );\n\t}\n\n\tonTextInputChange( nextValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: nextValue,\n\t\t} );\n\t\tonChange( nextValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\tonCompleteSliderChange( nextValue ) {\n\t\tconst { decimalNum, onComplete } = this.props;\n\t\tnextValue = toFixed( nextValue, decimalNum );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\t/\n\t * Only used with screenreaders like VoiceOver and TalkBack. Increments the\n\t * value of this setting programmatically.\n\t /\n\ta11yIncrementValue() {\n\t\tconst { step = 5, maximumValue, decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tconst newValue = toFixed( inputValue + step, decimalNum );\n\n\t\tif ( newValue <= maximumValue \|\| maximumValue === undefined ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\t/\n\t * Only used with screenreaders like VoiceOver and TalkBack. Decrements the\n\t * value of this setting programmatically.\n\t /\n\ta11yDecrementValue() {\n\t\tconst { step = 5, minimumValue, decimalNum } = this.props;\n\t\tconst { sliderValue } = this.state;\n\n\t\tconst newValue = toFixed( sliderValue - step, decimalNum );\n\n\t\tif ( newValue >= minimumValue ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\ta11yUpdateValue( newValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: newValue,\n\t\t\tinputValue: newValue,\n\t\t} );\n\t\tonChange( newValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( newValue );\n\t\t}\n\t\tthis.announceValue( newValue );\n\t}\n\n\t/\n\t * Only used with screenreaders like VoiceOver and TalkBack.\n\t /\n\tannounceValue( value ) {\n\t\tconst { label, unitLabel = '' } = this.props;\n\n\t\tif ( isIOS ) {\n\t\t\t// On Android it triggers the accessibilityLabel with the value change, but\n\t\t\t// on iOS we need to do this manually.\n\t\t\tclearTimeout( this.timeoutAnnounceValue );\n\t\t\tthis.timeoutAnnounceValue = setTimeout( () => {\n\t\t\t\tAccessibilityInfo.announceForAccessibility(\n\t\t\t\t\t`${ value } ${ unitLabel }, ${ label }`\n\t\t\t\t);\n\t\t\t}, 300 );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\tminimumValue = 0,\n\t\t\tmaximumValue = 10,\n\t\t\tdisabled,\n\t\t\tstep = 1,\n\t\t\tpreferredColorScheme,\n\t\t\tminimumTrackTintColor = preferredColorScheme === 'light'\n\t\t\t\t? '#00669b'\n\t\t\t\t: '#5198d9',\n\t\t\tmaximumTrackTintColor = isIOS ? '#e9eff3' : '#909090',\n\t\t\tthumbTintColor = ! isIOS && '#00669b',\n\t\t\tpreview,\n\t\t\tcellContainerStyle,\n\t\t\tshouldDisplayTextInput = true,\n\t\t\tunitLabel = '',\n\t\t\tsettingLabel = 'Value',\n\t\t\topenUnitPicker,\n\t\t\tchildren,\n\t\t\tdecimalNum,\n\t\t\t...cellProps\n\t\t} = this.props;\n\n\t\tconst { inputValue, sliderValue } = this.state;\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\treturn sprintf(\n\t\t\t\t/ translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */\n\t\t\t\t__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\t\tcellProps.label,\n\t\t\t\tsettingLabel,\n\t\t\t\ttoFixed( value, decimalNum ),\n\t\t\t\tunitLabel\n\t\t\t);\n\t\t};\n\n\t\tconst containerStyle = [\n\t\t\tstyles.container,\n\t\t\tisIOS ? styles.containerIOS : styles.containerAndroid,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityActions={ [\n\t\t\t\t\t{ name: 'increment' },\n\t\t\t\t\t{ name: 'decrement' },\n\t\t\t\t\t{ name: 'activate' },\n\t\t\t\t] }\n\t\t\t\tonAccessibilityAction={ ( event ) => {\n\t\t\t\t\tswitch ( event.nativeEvent.actionName ) {\n\t\t\t\t\t\tcase 'increment':\n\t\t\t\t\t\t\tthis.a11yIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.a11yDecrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'activate':\n\t\t\t\t\t\t\tif ( openUnitPicker ) {\n\t\t\t\t\t\t\t\topenUnitPicker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\n\t\t\t>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\t{ ...cellProps }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyles,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={ containerStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\tactiveOpacity={ 1 }\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tvalueStyle={ styles.valueStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tshowLockIcon={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Slider\n\t\t\t\t\t\t\t\ttestID={ `Slider ${ cellProps.label }` }\n\t\t\t\t\t\t\t\tvalue={ sliderValue }\n\t\t\t\t\t\t\t\tdefaultValue={ defaultValue }\n\t\t\t\t\t\t\t\tdisabled={ disabled && ! isIOS }\n\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\tminimumValue={ minimumValue }\n\t\t\t\t\t\t\t\tmaximumValue={ maximumValue }\n\t\t\t\t\t\t\t\tminimumTrackTintColor={ minimumTrackTintColor }\n\t\t\t\t\t\t\t\tmaximumTrackTintColor={ maximumTrackTintColor }\n\t\t\t\t\t\t\t\tthumbTintColor={ thumbTintColor }\n\t\t\t\t\t\t\t\tonValueChange={ this.onSliderChange }\n\t\t\t\t\t\t\t\tonSlidingComplete={\n\t\t\t\t\t\t\t\t\tthis.onCompleteSliderChange\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tref={ ( slider ) => {\n\t\t\t\t\t\t\t\t\tthis.sliderRef = slider;\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tisIOS\n\t\t\t\t\t\t\t\t\t\t? styles.sliderIOS\n\t\t\t\t\t\t\t\t\t\t: styles.sliderAndroid\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\tlabel={ cellProps.label }\n\t\t\t\t\t\t\t\t\tonChange={ this.onTextInputChange }\n\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\tvalue={ inputValue }\n\t\t\t\t\t\t\t\t\tmin={ minimumValue }\n\t\t\t\t\t\t\t\t\tmax={ maximumValue }\n\t\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ disabled && <LockIcon /> }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Cell>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetRangeCell );\n"]}

package/build/mobile/bottom-sheet/ripple.native.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
@@ -49,22 +47,22 @@ const TouchableRipple = ({
     // A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'
     // https://github.com/facebook/react-native/issues/6480
     const useForeground = _reactNative.Platform.OS === 'android' && _reactNative.Platform.Version >= ANDROID_VERSION_PIE && borderless;
-    return (0, _element.createElement)(_reactNative.TouchableNativeFeedback, (0, _extends2.default)({}, touchableProps, {
+    return (0, _element.createElement)(_reactNative.TouchableNativeFeedback, { ...touchableProps,
       onPress: onPress,
       disabled: disabled,
       useForeground: useForeground,
       background: _reactNative.TouchableNativeFeedback.Ripple(rippleColor, borderless)
-    }), (0, _element.createElement)(_reactNative.View, {
+    }, (0, _element.createElement)(_reactNative.View, {
       style: [borderless && _rippleNative.default.overflow, style]
     }, children));
   }
-  return (0, _element.createElement)(_reactNative.TouchableOpacity, (0, _extends2.default)({}, touchableProps, {
+  return (0, _element.createElement)(_reactNative.TouchableOpacity, { ...touchableProps,
     onPress: onPress,
     disabled: disabled,
     activeOpacity: activeOpacity,
     style: style
-  }), children);
+  }, children);
 };
 var _default = (0, _compose.withPreferredColorScheme)(TouchableRipple);

package/build/mobile/bottom-sheet/ripple.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/ripple.native.js"],"names":["ANDROID_VERSION_LOLLIPOP","ANDROID_VERSION_PIE","TouchableRipple","style","onPress","disabled","disabledProp","children","activeOpacity","getStylesFromColorScheme","borderless","touchableProps","isTouchableNativeSupported","Platform","OS","Version","rippleColor","rippleStyles","ripple","rippleDark","backgroundColor","useForeground","TouchableNativeFeedback","Ripple","overflow"],"mappings":"~~;;;;;;;;;;;;;~~AAGA;;AAUA;;AAKA;;AAlBA;AACA;AACA;;AAQA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,wBAAwB,GAAG,EAAjC;AACA,MAAMC,mBAAmB,GAAG,EAA5B;;AAEA,MAAMC,eAAe,GAAG,CAAE;AACzBC,EAAAA,KADyB;AAEzBC,EAAAA,OAFyB;AAGzBC,EAAAA,QAAQ,EAAEC,YAHe;AAIzBC,EAAAA,QAJyB;AAKzBC,EAAAA,aALyB;AAMzBC,EAAAA,wBANyB;AAOzBC,EAAAA,UAAU,GAAG,KAPY;AAQzB,KAAGC;AARsB,CAAF,KASjB;AACN,QAAMC,0BAA0B,GAC/BC,sBAASC,EAAT,KAAgB,SAAhB,IACAD,sBAASE,OAAT,IAAoBf,wBAFrB;AAIA,QAAMK,QAAQ,GAAGC,YAAY,IAAI,CAAEF,OAAnC;AACA,QAAMY,WAAW,GAAGP,wBAAwB,CAC3CQ,sBAAaC,MAD8B,EAE3CD,sBAAaE,UAF8B,CAAxB,CAGlBC,eAHF;;AAKA,MAAKR,0BAAL,EAAkC;AACjC;AACA;AACA,UAAMS,aAAa,GAClBR,sBAASC,EAAT,KAAgB,SAAhB,IACAD,sBAASE,OAAT,IAAoBd,mBADpB,IAEAS,UAHD;AAKA,WACC,4BAAC,oCAAD,~~6BACMC~~,cADN;AAEC,MAAA,OAAO,EAAGP,OAFX;AAGC,MAAA,QAAQ,EAAGC,QAHZ;AAIC,MAAA,aAAa,EAAGgB,aAJjB;AAKC,MAAA,UAAU,EAAGC,qCAAwBC,MAAxB,CACZP,WADY,EAEZN,UAFY;AALd,~~QAUC~~,4BAAC,iBAAD;AAAM,MAAA,KAAK,EAAG,CAAEA,UAAU,IAAIO,sBAAaO,QAA7B,EAAuCrB,KAAvC;AAAd,OACGI,QADH,CAVD,CADD;AAgBA;;AAED,SACC,4BAAC,6BAAD,~~6BACMI~~,cADN;AAEC,IAAA,OAAO,EAAGP,OAFX;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,aAAa,EAAGG,aAJjB;AAKC,IAAA,KAAK,EAAGL;AALT,~~MAOGI~~,QAPH,CADD;AAWA,CAzDD;;eA2De,uCAA0BL,eAA1B,C","sourcesContent":["/*\n External dependencies\n /\nimport {\n\tPlatform,\n\tTouchableOpacity,\n\tTouchableNativeFeedback,\n\tView,\n} from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport rippleStyles from './ripple.native.scss';\n\nconst ANDROID_VERSION_LOLLIPOP = 21;\nconst ANDROID_VERSION_PIE = 28;\n\nconst TouchableRipple = ( {\n\tstyle,\n\tonPress,\n\tdisabled: disabledProp,\n\tchildren,\n\tactiveOpacity,\n\tgetStylesFromColorScheme,\n\tborderless = false,\n\t...touchableProps\n} ) => {\n\tconst isTouchableNativeSupported =\n\t\tPlatform.OS === 'android' &&\n\t\tPlatform.Version >= ANDROID_VERSION_LOLLIPOP;\n\n\tconst disabled = disabledProp \|\| ! onPress;\n\tconst rippleColor = getStylesFromColorScheme(\n\t\trippleStyles.ripple,\n\t\trippleStyles.rippleDark\n\t).backgroundColor;\n\n\tif ( isTouchableNativeSupported ) {\n\t\t// A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'\n\t\t// https://github.com/facebook/react-native/issues/6480\n\t\tconst useForeground =\n\t\t\tPlatform.OS === 'android' &&\n\t\t\tPlatform.Version >= ANDROID_VERSION_PIE &&\n\t\t\tborderless;\n\n\t\treturn (\n\t\t\t<TouchableNativeFeedback\n\t\t\t\t{ ...touchableProps }\n\t\t\t\tonPress={ onPress }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tuseForeground={ useForeground }\n\t\t\t\tbackground={ TouchableNativeFeedback.Ripple(\n\t\t\t\t\trippleColor,\n\t\t\t\t\tborderless\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<View style={ [ borderless && rippleStyles.overflow, style ] }>\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableNativeFeedback>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\t{ ...touchableProps }\n\t\t\tonPress={ onPress }\n\t\t\tdisabled={ disabled }\n\t\t\tactiveOpacity={ activeOpacity }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</TouchableOpacity>\n\t);\n};\n\nexport default withPreferredColorScheme( TouchableRipple );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/ripple.native.js"],"names":["ANDROID_VERSION_LOLLIPOP","ANDROID_VERSION_PIE","TouchableRipple","style","onPress","disabled","disabledProp","children","activeOpacity","getStylesFromColorScheme","borderless","touchableProps","isTouchableNativeSupported","Platform","OS","Version","rippleColor","rippleStyles","ripple","rippleDark","backgroundColor","useForeground","TouchableNativeFeedback","Ripple","overflow"],"mappings":";;;;;;;;;;;AAGA;;AAUA;;AAKA;;AAlBA;AACA;AACA;;AAQA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,wBAAwB,GAAG,EAAjC;AACA,MAAMC,mBAAmB,GAAG,EAA5B;;AAEA,MAAMC,eAAe,GAAG,CAAE;AACzBC,EAAAA,KADyB;AAEzBC,EAAAA,OAFyB;AAGzBC,EAAAA,QAAQ,EAAEC,YAHe;AAIzBC,EAAAA,QAJyB;AAKzBC,EAAAA,aALyB;AAMzBC,EAAAA,wBANyB;AAOzBC,EAAAA,UAAU,GAAG,KAPY;AAQzB,KAAGC;AARsB,CAAF,KASjB;AACN,QAAMC,0BAA0B,GAC/BC,sBAASC,EAAT,KAAgB,SAAhB,IACAD,sBAASE,OAAT,IAAoBf,wBAFrB;AAIA,QAAMK,QAAQ,GAAGC,YAAY,IAAI,CAAEF,OAAnC;AACA,QAAMY,WAAW,GAAGP,wBAAwB,CAC3CQ,sBAAaC,MAD8B,EAE3CD,sBAAaE,UAF8B,CAAxB,CAGlBC,eAHF;;AAKA,MAAKR,0BAAL,EAAkC;AACjC;AACA;AACA,UAAMS,aAAa,GAClBR,sBAASC,EAAT,KAAgB,SAAhB,IACAD,sBAASE,OAAT,IAAoBd,mBADpB,IAEAS,UAHD;AAKA,WACC,4BAAC,oCAAD,OACMC,cADN;AAEC,MAAA,OAAO,EAAGP,OAFX;AAGC,MAAA,QAAQ,EAAGC,QAHZ;AAIC,MAAA,aAAa,EAAGgB,aAJjB;AAKC,MAAA,UAAU,EAAGC,qCAAwBC,MAAxB,CACZP,WADY,EAEZN,UAFY;AALd,OAUC,4BAAC,iBAAD;AAAM,MAAA,KAAK,EAAG,CAAEA,UAAU,IAAIO,sBAAaO,QAA7B,EAAuCrB,KAAvC;AAAd,OACGI,QADH,CAVD,CADD;AAgBA;;AAED,SACC,4BAAC,6BAAD,OACMI,cADN;AAEC,IAAA,OAAO,EAAGP,OAFX;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,aAAa,EAAGG,aAJjB;AAKC,IAAA,KAAK,EAAGL;AALT,KAOGI,QAPH,CADD;AAWA,CAzDD;;eA2De,uCAA0BL,eAA1B,C","sourcesContent":["/*\n External dependencies\n /\nimport {\n\tPlatform,\n\tTouchableOpacity,\n\tTouchableNativeFeedback,\n\tView,\n} from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport rippleStyles from './ripple.native.scss';\n\nconst ANDROID_VERSION_LOLLIPOP = 21;\nconst ANDROID_VERSION_PIE = 28;\n\nconst TouchableRipple = ( {\n\tstyle,\n\tonPress,\n\tdisabled: disabledProp,\n\tchildren,\n\tactiveOpacity,\n\tgetStylesFromColorScheme,\n\tborderless = false,\n\t...touchableProps\n} ) => {\n\tconst isTouchableNativeSupported =\n\t\tPlatform.OS === 'android' &&\n\t\tPlatform.Version >= ANDROID_VERSION_LOLLIPOP;\n\n\tconst disabled = disabledProp \|\| ! onPress;\n\tconst rippleColor = getStylesFromColorScheme(\n\t\trippleStyles.ripple,\n\t\trippleStyles.rippleDark\n\t).backgroundColor;\n\n\tif ( isTouchableNativeSupported ) {\n\t\t// A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'\n\t\t// https://github.com/facebook/react-native/issues/6480\n\t\tconst useForeground =\n\t\t\tPlatform.OS === 'android' &&\n\t\t\tPlatform.Version >= ANDROID_VERSION_PIE &&\n\t\t\tborderless;\n\n\t\treturn (\n\t\t\t<TouchableNativeFeedback\n\t\t\t\t{ ...touchableProps }\n\t\t\t\tonPress={ onPress }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tuseForeground={ useForeground }\n\t\t\t\tbackground={ TouchableNativeFeedback.Ripple(\n\t\t\t\t\trippleColor,\n\t\t\t\t\tborderless\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<View style={ [ borderless && rippleStyles.overflow, style ] }>\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableNativeFeedback>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\t{ ...touchableProps }\n\t\t\tonPress={ onPress }\n\t\t\tdisabled={ disabled }\n\t\t\tactiveOpacity={ activeOpacity }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</TouchableOpacity>\n\t);\n};\n\nexport default withPreferredColorScheme( TouchableRipple );\n"]}

package/build/mobile/bottom-sheet/switch-cell.native.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = BottomSheetSwitchCell;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
@@ -58,7 +56,7 @@ function BottomSheetSwitchCell(props) {
     (0, _i18n._x)('%1$s, %2$s. Off', 'switch control'), cellProps.label, cellProps.help);
   };
-  return (0, _element.createElement)(_cell.default, (0, _extends2.default)({}, cellProps, {
+  return (0, _element.createElement)(_cell.default, { ...cellProps,
     accessibilityLabel: getAccessibilityLabel(),
     accessibilityRole: 'none',
     accessibilityHint:
@@ -69,7 +67,7 @@ function BottomSheetSwitchCell(props) {
     value: '',
     disabled: disabled,
     disabledStyle: EMPTY_STYLE
-  }), (0, _element.createElement)(_reactNative.Switch, {
+  }, (0, _element.createElement)(_reactNative.Switch, {
     value: value,
     onValueChange: onValueChange,
     disabled: disabled

package/build/mobile/bottom-sheet/switch-cell.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/switch-cell.native.js"],"names":["EMPTY_STYLE","BottomSheetSwitchCell","props","value","onValueChange","disabled","cellProps","onPress","getAccessibilityLabel","help","label"],"mappings":"~~;;;;;;;;;;;;;~~AAGA;;AAKA;;AAIA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AAGA,MAAMA,WAAW,GAAG,EAApB;;AAEe,SAASC,qBAAT,CAAgCC,KAAhC,EAAwC;AACtD,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,aAAT;AAAwBC,IAAAA,QAAxB;AAAkC,OAAGC;AAArC,MAAmDJ,KAAzD;;AAEA,QAAMK,OAAO,GAAG,MAAM;AACrBH,IAAAA,aAAa,CAAE,CAAED,KAAJ,CAAb;AACA,GAFD;;AAIA,QAAMK,qBAAqB,GAAG,MAAM;AACnC,QAAK,CAAEF,SAAS,CAACG,IAAjB,EAAwB;AACvB,aAAON,KAAK,GACT;AACA;AACA,oBAAI,QAAJ,EAAc,gBAAd,CAFA,EAGAG,SAAS,CAACI,KAHV,CADS,GAMT;AACA;AACA,oBAAI,SAAJ,EAAe,gBAAf,CAFA,EAGAJ,SAAS,CAACI,KAHV,CANH;AAWA;;AACD,WAAOP,KAAK,GACT;AACA;AACA,kBAAI,gBAAJ,EAAsB,gBAAtB,CAFA,EAGAG,SAAS,CAACI,KAHV,EAIAJ,SAAS,CAACG,IAJV,CADS,GAOT;AACA;AACA,kBAAI,iBAAJ,EAAuB,gBAAvB,CAFA,EAGAH,SAAS,CAACI,KAHV,EAIAJ,SAAS,CAACG,IAJV,CAPH;AAaA,GA3BD;;AA6BA,SACC,4BAAC,aAAD,~~6BACMH~~,SADN;AAEC,IAAA,kBAAkB,EAAGE,qBAAqB,EAF3C;AAGC,IAAA,iBAAiB,EAAG,MAHrB;AAIC,IAAA,iBAAiB;AAChB;AACA,kBAAI,8BAAJ,CANF;AAQC,IAAA,OAAO,EAAGD,OARX;AASC,IAAA,QAAQ,EAAG,KATZ;AAUC,IAAA,KAAK,EAAG,EAVT;AAWC,IAAA,QAAQ,EAAGF,QAXZ;AAYC,IAAA,aAAa,EAAGL;AAZjB,~~MAcC~~,4BAAC,mBAAD;AACC,IAAA,KAAK,EAAGG,KADT;AAEC,IAAA,aAAa,EAAGC,aAFjB;AAGC,IAAA,QAAQ,EAAGC;AAHZ,IAdD,CADD;AAsBA","sourcesContent":["/*\n External dependencies\n /\nimport { Switch } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { __, _x, sprintf } from '@wordpress/i18n';\n/\n Internal dependencies\n /\nimport Cell from './cell';\n\nconst EMPTY_STYLE = {};\n\nexport default function BottomSheetSwitchCell( props ) {\n\tconst { value, onValueChange, disabled, ...cellProps } = props;\n\n\tconst onPress = () => {\n\t\tonValueChange( ! value );\n\t};\n\n\tconst getAccessibilityLabel = () => {\n\t\tif ( ! cellProps.help ) {\n\t\t\treturn value\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Switch setting ON state. %s: Switch title. /\n\t\t\t\t\t\t_x( '%s. On', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Switch setting OFF state. %s: Switch title. /\n\t\t\t\t\t\t_x( '%s. Off', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t );\n\t\t}\n\t\treturn value\n\t\t\t? sprintf(\n\t\t\t\t\t/ translators: accessibility text. Switch setting ON state. %1: Switch title, %2: switch help. /\n\t\t\t\t\t_x( '%1$s, %2$s. On', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t )\n\t\t\t: sprintf(\n\t\t\t\t\t/ translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. /\n\t\t\t\t\t_x( '%1$s, %2$s. Off', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t );\n\t};\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\taccessibilityRole={ 'none' }\n\t\t\taccessibilityHint={\n\t\t\t\t/ translators: accessibility text (hint for switches) */\n\t\t\t\t__( 'Double tap to toggle setting' )\n\t\t\t}\n\t\t\tonPress={ onPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tdisabled={ disabled }\n\t\t\tdisabledStyle={ EMPTY_STYLE }\n\t\t>\n\t\t\t<Switch\n\t\t\t\tvalue={ value }\n\t\t\t\tonValueChange={ onValueChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/switch-cell.native.js"],"names":["EMPTY_STYLE","BottomSheetSwitchCell","props","value","onValueChange","disabled","cellProps","onPress","getAccessibilityLabel","help","label"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAIA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AAGA,MAAMA,WAAW,GAAG,EAApB;;AAEe,SAASC,qBAAT,CAAgCC,KAAhC,EAAwC;AACtD,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,aAAT;AAAwBC,IAAAA,QAAxB;AAAkC,OAAGC;AAArC,MAAmDJ,KAAzD;;AAEA,QAAMK,OAAO,GAAG,MAAM;AACrBH,IAAAA,aAAa,CAAE,CAAED,KAAJ,CAAb;AACA,GAFD;;AAIA,QAAMK,qBAAqB,GAAG,MAAM;AACnC,QAAK,CAAEF,SAAS,CAACG,IAAjB,EAAwB;AACvB,aAAON,KAAK,GACT;AACA;AACA,oBAAI,QAAJ,EAAc,gBAAd,CAFA,EAGAG,SAAS,CAACI,KAHV,CADS,GAMT;AACA;AACA,oBAAI,SAAJ,EAAe,gBAAf,CAFA,EAGAJ,SAAS,CAACI,KAHV,CANH;AAWA;;AACD,WAAOP,KAAK,GACT;AACA;AACA,kBAAI,gBAAJ,EAAsB,gBAAtB,CAFA,EAGAG,SAAS,CAACI,KAHV,EAIAJ,SAAS,CAACG,IAJV,CADS,GAOT;AACA;AACA,kBAAI,iBAAJ,EAAuB,gBAAvB,CAFA,EAGAH,SAAS,CAACI,KAHV,EAIAJ,SAAS,CAACG,IAJV,CAPH;AAaA,GA3BD;;AA6BA,SACC,4BAAC,aAAD,OACMH,SADN;AAEC,IAAA,kBAAkB,EAAGE,qBAAqB,EAF3C;AAGC,IAAA,iBAAiB,EAAG,MAHrB;AAIC,IAAA,iBAAiB;AAChB;AACA,kBAAI,8BAAJ,CANF;AAQC,IAAA,OAAO,EAAGD,OARX;AASC,IAAA,QAAQ,EAAG,KATZ;AAUC,IAAA,KAAK,EAAG,EAVT;AAWC,IAAA,QAAQ,EAAGF,QAXZ;AAYC,IAAA,aAAa,EAAGL;AAZjB,KAcC,4BAAC,mBAAD;AACC,IAAA,KAAK,EAAGG,KADT;AAEC,IAAA,aAAa,EAAGC,aAFjB;AAGC,IAAA,QAAQ,EAAGC;AAHZ,IAdD,CADD;AAsBA","sourcesContent":["/*\n External dependencies\n /\nimport { Switch } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { __, _x, sprintf } from '@wordpress/i18n';\n/\n Internal dependencies\n /\nimport Cell from './cell';\n\nconst EMPTY_STYLE = {};\n\nexport default function BottomSheetSwitchCell( props ) {\n\tconst { value, onValueChange, disabled, ...cellProps } = props;\n\n\tconst onPress = () => {\n\t\tonValueChange( ! value );\n\t};\n\n\tconst getAccessibilityLabel = () => {\n\t\tif ( ! cellProps.help ) {\n\t\t\treturn value\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Switch setting ON state. %s: Switch title. /\n\t\t\t\t\t\t_x( '%s. On', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Switch setting OFF state. %s: Switch title. /\n\t\t\t\t\t\t_x( '%s. Off', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t );\n\t\t}\n\t\treturn value\n\t\t\t? sprintf(\n\t\t\t\t\t/ translators: accessibility text. Switch setting ON state. %1: Switch title, %2: switch help. /\n\t\t\t\t\t_x( '%1$s, %2$s. On', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t )\n\t\t\t: sprintf(\n\t\t\t\t\t/ translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. /\n\t\t\t\t\t_x( '%1$s, %2$s. Off', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t );\n\t};\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\taccessibilityRole={ 'none' }\n\t\t\taccessibilityHint={\n\t\t\t\t/ translators: accessibility text (hint for switches) */\n\t\t\t\t__( 'Double tap to toggle setting' )\n\t\t\t}\n\t\t\tonPress={ onPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tdisabled={ disabled }\n\t\t\tdisabledStyle={ EMPTY_STYLE }\n\t\t>\n\t\t\t<Switch\n\t\t\t\tvalue={ value }\n\t\t\t\tonValueChange={ onValueChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"]}

package/build/mobile/color-settings/index.native.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _native = require("@react-navigation/native");
 var _components = require("@wordpress/components");
@@ -77,10 +75,12 @@ function ColorSettings(props) {
     onHandleClosingBottomSheet,
     shouldEnableBottomSheetMaxHeight
   } = (0, _element.useContext)(_components.BottomSheetContext);
-  return (0, _element.createElement)(ColorSettingsMemo, (0, _extends2.default)({
+  return (0, _element.createElement)(ColorSettingsMemo, {
     onHandleClosingBottomSheet: onHandleClosingBottomSheet,
-    shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight
-  }, props, route.params));
+    shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
+    ...props,
+    ...route.params
+  });
 }
 var _default = ColorSettings;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"names":["ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","colorsUtils","screens","palette","picker","gradientPicker","ColorSettings","props","route","BottomSheetContext","params"],"mappings":";;;;;;;;;AAQA~~;;;;~~AALA;;AAMA;;AAKA;;AACA;;AACA;;AAEA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAOA,MAAMA,iBAAiB,GAAG,mBACzB,CAAE;AACDC,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;AACN,0BAAW,MAAM;AAChBP,IAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAD,IAAAA,0BAA0B,CAAE,IAAF,CAA1B,CAFgB,CAGhB;AACA;AACA;AACA,GAND,EAMG,EANH;AAOA,SACC,4BAAC,uBAAD,CAAa,mBAAb,QACC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGS,mBAAYC,OAAZ,CAAoBC,OAD5B;AAEC,IAAA,aAAa,EAAG;AACfZ,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,4BAAC,gBAAD,OAbD,CADD,EAgBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGC,mBAAYC,OAAZ,CAAoBE;AAD5B,KAGC,4BAAC,qBAAD,OAHD,CAhBD,EAqBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGH,mBAAYC,OAAZ,CAAoBG;AAD5B,KAGC,4BAAC,6BAAD,OAHD,CArBD,CADD;AA6BA,CAjDwB,CAA1B;;AAmDA,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC/B,QAAMC,KAAK,GAAG,uBAAd;AACA,QAAM;AAAEhB,IAAAA,0BAAF;AAA8BC,IAAAA;AAA9B,MACL,yBAAYgB,8BAAZ,CADD;AAGA,SACC,4BAAC,iBAAD;AACC,IAAA,0BAA0B,EAAGjB,0BAD9B;AAEC,IAAA,gCAAgC,EAC/BC;~~AAHF~~,~~KAKMc~~,KALN,~~EAMMC~~,KAAK,CAACE,~~MANZ,EADD~~;AAUA;;eAEcJ,a","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"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"names":["ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","colorsUtils","screens","palette","picker","gradientPicker","ColorSettings","props","route","BottomSheetContext","params"],"mappings":";;;;;;;;;AAQA;;AALA;;AAMA;;AAKA;;AACA;;AACA;;AAEA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAOA,MAAMA,iBAAiB,GAAG,mBACzB,CAAE;AACDC,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;AACN,0BAAW,MAAM;AAChBP,IAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAD,IAAAA,0BAA0B,CAAE,IAAF,CAA1B,CAFgB,CAGhB;AACA;AACA;AACA,GAND,EAMG,EANH;AAOA,SACC,4BAAC,uBAAD,CAAa,mBAAb,QACC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGS,mBAAYC,OAAZ,CAAoBC,OAD5B;AAEC,IAAA,aAAa,EAAG;AACfZ,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,4BAAC,gBAAD,OAbD,CADD,EAgBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGC,mBAAYC,OAAZ,CAAoBE;AAD5B,KAGC,4BAAC,qBAAD,OAHD,CAhBD,EAqBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGH,mBAAYC,OAAZ,CAAoBG;AAD5B,KAGC,4BAAC,6BAAD,OAHD,CArBD,CADD;AA6BA,CAjDwB,CAA1B;;AAmDA,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC/B,QAAMC,KAAK,GAAG,uBAAd;AACA,QAAM;AAAEhB,IAAAA,0BAAF;AAA8BC,IAAAA;AAA9B,MACL,yBAAYgB,8BAAZ,CADD;AAGA,SACC,4BAAC,iBAAD;AACC,IAAA,0BAA0B,EAAGjB,0BAD9B;AAEC,IAAA,gCAAgC,EAC/BC,gCAHF;AAAA,OAKMc,KALN;AAAA,OAMMC,KAAK,CAACE;AANZ,IADD;AAUA;;eAEcJ,a","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/mobile/cycle-select-control/index.native.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _cyclePickerCell = _interopRequireDefault(require("../bottom-sheet/cycle-picker-cell"));
 /**
@@ -32,7 +30,7 @@ function CycleSelectControl({
   ...props
 }) {
   const id = `inspector-select-control-${instanceId}`;
-  return (0, _element.createElement)(_cyclePickerCell.default, (0, _extends2.default)({
+  return (0, _element.createElement)(_cyclePickerCell.default, {
     label: label,
     hideLabelFromVision: hideLabelFromVision,
     id: id,
@@ -41,8 +39,9 @@ function CycleSelectControl({
     onChangeValue: onChange,
     "aria-describedby": !!help ? `${id}__help` : undefined,
     multiple: multiple,
-    options: options
-  }, props));
+    options: options,
+    ...props
+  });
 }
 var _default = (0, _element.memo)(CycleSelectControl);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"names":["CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","undefined"],"mappings":";;;;;;;;;AAGA~~;;;;~~AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,SAASA,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,4BAAC,wBAAD;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;;eAEc,mBAAMT,kBAAN,C","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"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"names":["CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","undefined"],"mappings":";;;;;;;;;AAGA;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,SAASA,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,4BAAC,wBAAD;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,OATX;AAAA,OAUMG;AAVN,IADD;AAcA;;eAEc,mBAAMT,kBAAN,C","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/mobile/focal-point-settings-panel/index.native.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactNative = require("react-native");
 var _native = require("@react-navigation/native");
@@ -77,9 +75,11 @@ function FocalPointSettingsPanel(props) {
   const {
     shouldEnableBottomSheetScroll
   } = (0, _element.useContext)(_components.BottomSheetContext);
-  return (0, _element.createElement)(FocalPointSettingsPanelMemo, (0, _extends2.default)({
-    shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll
-  }, props, route.params));
+  return (0, _element.createElement)(FocalPointSettingsPanelMemo, {
+    shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
+    ...props,
+    ...route.params
+  });
 }
 var _default = FocalPointSettingsPanel;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/focal-point-settings-panel/index.native.js"],"names":["FocalPointSettingsPanelMemo","focalPoint","onFocalPointChange","shouldEnableBottomSheetScroll","url","navigation","onButtonPress","action","goBack","draftFocalPoint","setDraftFocalPoint","setPosition","coordinates","prevState","styles","safearea","FocalPointSettingsPanel","props","route","BottomSheetContext","params"],"mappings":";;;;;;;;;AAUA~~;;;;~~AAPA;;AACA;;AAKA;;AAEA;;AAKA;;AACA;;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAKA;AACA;AACA;AAIA,MAAMA,2BAA2B,GAAG,mBACnC,CAAE;AACDC,EAAAA,UADC;AAEDC,EAAAA,kBAFC;AAGDC,EAAAA,6BAHC;AAIDC,EAAAA;AAJC,CAAF,KAKO;AACN,QAAMC,UAAU,GAAG,4BAAnB;;AAEA,WAASC,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,IAA0C,uBAAUT,UAAV,CAAhD;;AACA,WAASU,WAAT,CAAsBC,WAAtB,EAAoC;AACnCF,IAAAA,kBAAkB,CAAIG,SAAF,KAAmB,EACtC,GAAGA,SADmC;AAEtC,SAAGD;AAFmC,KAAnB,CAAF,CAAlB;AAIA;;AAED,SACC,4BAAC,yBAAD;AAAc,IAAA,KAAK,EAAGE,gBAAOC;AAA7B,KACC,4BAAC,eAAD,QACC,4BAAC,eAAD,CAAQ,aAAR;AACC,IAAA,OAAO,EAAG,MAAMT,aAAa,CAAE,QAAF;AAD9B,IADD,EAIC,4BAAC,eAAD,CAAQ,OAAR,QACG,cAAI,kBAAJ,CADH,CAJD,EAOC,4BAAC,eAAD,CAAQ,WAAR;AACC,IAAA,OAAO,EAAG,MAAMA,aAAa,CAAE,OAAF;AAD9B,IAPD,CADD,EAYC,4BAAC,4BAAD;AACC,IAAA,UAAU,EAAGG,eADd;AAEC,IAAA,QAAQ,EAAG,0BAAaE,WAAb,EAA0B,EAA1B,CAFZ;AAGC,IAAA,6BAA6B,EAC5BR,6BAJF;AAMC,IAAA,GAAG,EAAGC;AANP,IAZD,CADD;AAuBA,CA/CkC,CAApC;;AAkDA,SAASY,uBAAT,CAAkCC,KAAlC,EAA0C;AACzC,QAAMC,KAAK,GAAG,uBAAd;AACA,QAAM;AAAEf,IAAAA;AAAF,MAAoC,yBAAYgB,8BAAZ,CAA1C;AAEA,SACC,4BAAC,2BAAD;AACC,IAAA,6BAA6B,EAAGhB;~~AADjC~~,~~KAEMc~~,KAFN,~~EAGMC~~,KAAK,CAACE,~~MAHZ,EADD~~;AAOA;;eAEcJ,uB","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"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/focal-point-settings-panel/index.native.js"],"names":["FocalPointSettingsPanelMemo","focalPoint","onFocalPointChange","shouldEnableBottomSheetScroll","url","navigation","onButtonPress","action","goBack","draftFocalPoint","setDraftFocalPoint","setPosition","coordinates","prevState","styles","safearea","FocalPointSettingsPanel","props","route","BottomSheetContext","params"],"mappings":";;;;;;;;;AAUA;;AAPA;;AACA;;AAKA;;AAEA;;AAKA;;AACA;;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAKA;AACA;AACA;AAIA,MAAMA,2BAA2B,GAAG,mBACnC,CAAE;AACDC,EAAAA,UADC;AAEDC,EAAAA,kBAFC;AAGDC,EAAAA,6BAHC;AAIDC,EAAAA;AAJC,CAAF,KAKO;AACN,QAAMC,UAAU,GAAG,4BAAnB;;AAEA,WAASC,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,IAA0C,uBAAUT,UAAV,CAAhD;;AACA,WAASU,WAAT,CAAsBC,WAAtB,EAAoC;AACnCF,IAAAA,kBAAkB,CAAIG,SAAF,KAAmB,EACtC,GAAGA,SADmC;AAEtC,SAAGD;AAFmC,KAAnB,CAAF,CAAlB;AAIA;;AAED,SACC,4BAAC,yBAAD;AAAc,IAAA,KAAK,EAAGE,gBAAOC;AAA7B,KACC,4BAAC,eAAD,QACC,4BAAC,eAAD,CAAQ,aAAR;AACC,IAAA,OAAO,EAAG,MAAMT,aAAa,CAAE,QAAF;AAD9B,IADD,EAIC,4BAAC,eAAD,CAAQ,OAAR,QACG,cAAI,kBAAJ,CADH,CAJD,EAOC,4BAAC,eAAD,CAAQ,WAAR;AACC,IAAA,OAAO,EAAG,MAAMA,aAAa,CAAE,OAAF;AAD9B,IAPD,CADD,EAYC,4BAAC,4BAAD;AACC,IAAA,UAAU,EAAGG,eADd;AAEC,IAAA,QAAQ,EAAG,0BAAaE,WAAb,EAA0B,EAA1B,CAFZ;AAGC,IAAA,6BAA6B,EAC5BR,6BAJF;AAMC,IAAA,GAAG,EAAGC;AANP,IAZD,CADD;AAuBA,CA/CkC,CAApC;;AAkDA,SAASY,uBAAT,CAAkCC,KAAlC,EAA0C;AACzC,QAAMC,KAAK,GAAG,uBAAd;AACA,QAAM;AAAEf,IAAAA;AAAF,MAAoC,yBAAYgB,8BAAZ,CAA1C;AAEA,SACC,4BAAC,2BAAD;AACC,IAAA,6BAA6B,EAAGhB,6BADjC;AAAA,OAEMc,KAFN;AAAA,OAGMC,KAAK,CAACE;AAHZ,IADD;AAOA;;eAEcJ,uB","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/mobile/global-styles-context/index.native.js CHANGED Viewed

@@ -1,7 +1,5 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.withGlobalStyles = exports.useGlobalStyles = exports.getMergedGlobalStyl
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _utils = require("./utils");
 /**
@@ -66,9 +62,9 @@ const useGlobalStyles = () => {
 exports.useGlobalStyles = useGlobalStyles;
-const withGlobalStyles = WrappedComponent => props => (0, _element.createElement)(GlobalStylesContext.Consumer, null, globalStyles => (0, _element.createElement)(WrappedComponent, (0, _extends2.default)({}, props, {
+const withGlobalStyles = WrappedComponent => props => (0, _element.createElement)(GlobalStylesContext.Consumer, null, globalStyles => (0, _element.createElement)(WrappedComponent, { ...props,
   globalStyles: globalStyles
-})));
+}));
 exports.withGlobalStyles = withGlobalStyles;
 var _default = GlobalStylesContext;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/global-styles-context/index.native.js"],"names":["GlobalStylesContext","style","BLOCK_STYLE_ATTRIBUTES","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":"~~;;;;;;;;;~~AAGA~~;;;;~~AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAQA,MAAMA,mBAAmB,GAAG,4BAAe;AAAEC,EAAAA,KAAK,EAAE;AAAT,CAAf,CAA5B;AAEAD,mBAAmB,CAACE,sBAApB,GAA6CA,6BAA7C;;AAEO,MAAMC,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/CrB,8BAAuBsB,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,KACjDrB,8BAAuBsB,QAAvB,CAAiCD,GAAjC,CADD,CADiC,CAAlC;AAMA,QAAMG,WAAW,GAAG,EACnB,GAAGf,gBADgB;AAEnB,OAAGN,WAFgB;AAGnB,OAAGoB;AAHgB,GAApB;AAKA,QAAME,WAAW,GAAG,2BACnBT,oBADmB,EAEnBV,aAFmB,EAGnBC,SAHmB,EAInBL,gBAJmB,CAApB;AAMA,QAAMwB,aAAa,GAAG,6BACrBF,WADqB,EAErBpB,iBAFqB,EAGrBY,oBAHqB,EAIrBS,WAJqB,CAAtB;AAMA,QAAME,eAAe,GAAG,+BACvBX,oBADuB,EAEvBR,SAFuB,EAGvBD,SAHuB,EAIvBL,gBAJuB,CAAxB;AAOA,SAAO,EACN,GAAGsB,WADG;AAEN,OAAGE,aAFG;AAGN,OAAGD,WAHG;AAIN,OAAGE;AAJG,GAAP;AAMA,CAnEM;;;;AAqEA,MAAMC,eAAe,GAAG,MAAM;AACpC,QAAMC,YAAY,GAAG,yBAAY/B,mBAAZ,CAArB;AAEA,SAAO+B,YAAP;AACA,CAJM;;;;AAMA,MAAMC,gBAAgB,GAAKC,gBAAF,IAA0BC,KAAF,IAEtD,4BAAC,mBAAD,CAAqB,QAArB,QACKH,YAAF,IACD,4BAAC,gBAAD,~~6BAAuBG~~,KAAvB;AAA+B,EAAA,YAAY,EAAGH;AAA9C,~~GAFF~~,CAFK;;;eASQ/B,mB","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"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/global-styles-context/index.native.js"],"names":["GlobalStylesContext","style","BLOCK_STYLE_ATTRIBUTES","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":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAQA,MAAMA,mBAAmB,GAAG,4BAAe;AAAEC,EAAAA,KAAK,EAAE;AAAT,CAAf,CAA5B;AAEAD,mBAAmB,CAACE,sBAApB,GAA6CA,6BAA7C;;AAEO,MAAMC,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/CrB,8BAAuBsB,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,KACjDrB,8BAAuBsB,QAAvB,CAAiCD,GAAjC,CADD,CADiC,CAAlC;AAMA,QAAMG,WAAW,GAAG,EACnB,GAAGf,gBADgB;AAEnB,OAAGN,WAFgB;AAGnB,OAAGoB;AAHgB,GAApB;AAKA,QAAME,WAAW,GAAG,2BACnBT,oBADmB,EAEnBV,aAFmB,EAGnBC,SAHmB,EAInBL,gBAJmB,CAApB;AAMA,QAAMwB,aAAa,GAAG,6BACrBF,WADqB,EAErBpB,iBAFqB,EAGrBY,oBAHqB,EAIrBS,WAJqB,CAAtB;AAMA,QAAME,eAAe,GAAG,+BACvBX,oBADuB,EAEvBR,SAFuB,EAGvBD,SAHuB,EAIvBL,gBAJuB,CAAxB;AAOA,SAAO,EACN,GAAGsB,WADG;AAEN,OAAGE,aAFG;AAGN,OAAGD,WAHG;AAIN,OAAGE;AAJG,GAAP;AAMA,CAnEM;;;;AAqEA,MAAMC,eAAe,GAAG,MAAM;AACpC,QAAMC,YAAY,GAAG,yBAAY/B,mBAAZ,CAArB;AAEA,SAAO+B,YAAP;AACA,CAJM;;;;AAMA,MAAMC,gBAAgB,GAAKC,gBAAF,IAA0BC,KAAF,IAEtD,4BAAC,mBAAD,CAAqB,QAArB,QACKH,YAAF,IACD,4BAAC,gBAAD,OAAuBG,KAAvB;AAA+B,EAAA,YAAY,EAAGH;AAA9C,EAFF,CAFK;;;eASQ/B,mB","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/mobile/gradient/index.native.js CHANGED Viewed

@@ -13,8 +13,6 @@ exports.getGradientColorGroup = getGradientColorGroup;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactNative = require("react-native");
 var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
@@ -145,14 +143,15 @@ function Gradient({
   const isLinearGradient = getGradientType(gradientValue) === gradients.linear;
   if (isLinearGradient) {
-    return (0, _element.createElement)(_reactNativeLinearGradient.default, (0, _extends2.default)({
+    return (0, _element.createElement)(_reactNativeLinearGradient.default, {
       colors: colors,
       useAngle: true,
       angle: getGradientAngle(gradientValue),
       locations: locations,
       angleCenter: angleCenter,
-      style: style
-    }, otherProps), children);
+      style: style,
+      ...otherProps
+    }, children);
   }
   return (0, _element.createElement)(_reactNative.View, {