@wordpress/components 19.0.1 → 19.0.2

package/build/mobile/audio-player/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/audio-player/index.native.js"],"names":["isIOS","Platform","OS","Player","getStylesFromColorScheme","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","onPressListen","player","presentFullscreenPlayer","Linking","canOpenURL","then","supported","Alert","alert","openURL","catch","containerStyle","styles","container","containerDark","iconStyle","icon","iconDark","iconDisabledStyle","iconDisabled","iconDisabledDark","isDisabled","finalIconStyle","iconContainerStyle","iconContainer","iconContainerDark","titleContainerStyle","titleContainer","titleContainerIOS","titleContainerAndroid","titleStyle","title","titleDark","uploadFailedStyle","uploadFailed","uploadFailedDark","subtitleStyle","subtitle","subtitleDark","finalSubtitleStyle","buttonBackgroundStyle","buttonBackground","buttonBackgroundDark","extension","result","getSubtitleValue","onAudioUploadCancelDialog","audio","subtitleContainer","warning","errorIcon","buttonText","uri","ref"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tTouchableWithoutFeedback,\n\tLinking,\n\tAlert,\n\tPlatform,\n} from 'react-native';\nimport { default as VideoPlayer } from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { audio, warning } from '@wordpress/icons';\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n} from '@wordpress/react-native-bridge';\nimport { getProtocol } from '@wordpress/url';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { parseAudioUrl } from './audio-url-parser.native';\n\nconst isIOS = Platform.OS === 'ios';\n\nfunction Player( {\n\tgetStylesFromColorScheme,\n\tisUploadInProgress,\n\tisUploadFailed,\n\tattributes,\n\tisSelected,\n} ) {\n\tconst { id, src } = attributes;\n\tconst [ paused, setPaused ] = useState( true );\n\n\tconst onPressListen = () => {\n\t\tif ( src ) {\n\t\t\tif ( isIOS && this.player ) {\n\t\t\t\tthis.player.presentFullscreenPlayer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tLinking.canOpenURL( src )\n\t\t\t\t.then( ( supported ) => {\n\t\t\t\t\tif ( ! supported ) {\n\t\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t\t__( 'No application can handle this request.' )\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn Linking.openURL( src );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t__( 'An unknown error occurred. Please try again.' )\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t}\n\t};\n\n\tconst containerStyle = getStylesFromColorScheme(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tconst iconStyle = getStylesFromColorScheme( styles.icon, styles.iconDark );\n\n\tconst iconDisabledStyle = getStylesFromColorScheme(\n\t\tstyles.iconDisabled,\n\t\tstyles.iconDisabledDark\n\t);\n\n\tconst isDisabled = isUploadFailed || isUploadInProgress;\n\n\tconst finalIconStyle = {\n\t\t...iconStyle,\n\t\t...( isDisabled && iconDisabledStyle ),\n\t};\n\n\tconst iconContainerStyle = getStylesFromColorScheme(\n\t\tstyles.iconContainer,\n\t\tstyles.iconContainerDark\n\t);\n\n\tconst titleContainerStyle = {\n\t\t...styles.titleContainer,\n\t\t...( isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid ),\n\t};\n\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.title,\n\t\tstyles.titleDark\n\t);\n\n\tconst uploadFailedStyle = getStylesFromColorScheme(\n\t\tstyles.uploadFailed,\n\t\tstyles.uploadFailedDark\n\t);\n\n\tconst subtitleStyle = getStylesFromColorScheme(\n\t\tstyles.subtitle,\n\t\tstyles.subtitleDark\n\t);\n\n\tconst finalSubtitleStyle = {\n\t\t...subtitleStyle,\n\t\t...( isUploadFailed && uploadFailedStyle ),\n\t};\n\n\tconst buttonBackgroundStyle = getStylesFromColorScheme(\n\t\tstyles.buttonBackground,\n\t\tstyles.buttonBackgroundDark\n\t);\n\n\tlet title = '';\n\tlet extension = '';\n\n\tif ( src ) {\n\t\tconst result = parseAudioUrl( src );\n\t\textension = result.extension;\n\t\ttitle = result.title;\n\t}\n\n\tconst getSubtitleValue = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\treturn __( 'Uploading…' );\n\t\t}\n\t\tif ( isUploadFailed ) {\n\t\t\treturn __( 'Failed to insert audio file. Please tap for options.' );\n\t\t}\n\t\treturn (\n\t\t\textension +\n\t\t\t// translators: displays audio file extension. e.g. MP3 audio file\n\t\t\t__( 'audio file' )\n\t\t);\n\t};\n\n\tfunction onAudioUploadCancelDialog() {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( id && getProtocol( src ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t}\n\t}\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tdisabled={ ! isSelected }\n\t\t\tonPress={ onAudioUploadCancelDialog }\n\t\t>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<View style={ iconContainerStyle }>\n\t\t\t\t\t<Icon icon={ audio } style={ finalIconStyle } size={ 24 } />\n\t\t\t\t</View>\n\t\t\t\t<View style={ titleContainerStyle }>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t<View style={ styles.subtitleContainer }>\n\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ warning }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t...styles.errorIcon,\n\t\t\t\t\t\t\t\t\t...uploadFailedStyle,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Text style={ finalSubtitleStyle }>\n\t\t\t\t\t\t\t{ getSubtitleValue() }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{ ! isDisabled && (\n\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\taccessibilityLabel={ __( 'Audio Player' ) }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t'Double tap to listen the audio file'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonPress={ onPressListen }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ buttonBackgroundStyle }>\n\t\t\t\t\t\t\t<Text style={ styles.buttonText }>\n\t\t\t\t\t\t\t\t{ __( 'OPEN' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t) }\n\t\t\t\t{ isIOS && (\n\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\tsource={ { uri: src } }\n\t\t\t\t\t\tpaused={ paused }\n\t\t\t\t\t\tref={ ( ref ) => {\n\t\t\t\t\t\t\tthis.player = ref;\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tcontrols={ false }\n\t\t\t\t\t\tignoreSilentSwitch={ 'ignore' }\n\t\t\t\t\t\tonFullscreenPlayerWillPresent={ () => {\n\t\t\t\t\t\t\tsetPaused( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFullscreenPlayerDidDismiss={ () => {\n\t\t\t\t\t\t\tsetPaused( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default withPreferredColorScheme( Player );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/audio-player/index.native.js"],"names":["isIOS","Platform","OS","Player","getStylesFromColorScheme","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","onPressListen","player","presentFullscreenPlayer","Linking","canOpenURL","then","supported","Alert","alert","openURL","catch","containerStyle","styles","container","containerDark","iconStyle","icon","iconDark","iconDisabledStyle","iconDisabled","iconDisabledDark","isDisabled","finalIconStyle","iconContainerStyle","iconContainer","iconContainerDark","titleContainerStyle","titleContainer","titleContainerIOS","titleContainerAndroid","titleStyle","title","titleDark","uploadFailedStyle","uploadFailed","uploadFailedDark","subtitleStyle","subtitle","subtitleDark","finalSubtitleStyle","buttonBackgroundStyle","buttonBackground","buttonBackgroundDark","extension","result","getSubtitleValue","onAudioUploadCancelDialog","audio","subtitleContainer","warning","errorIcon","buttonText","uri","ref"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tTouchableWithoutFeedback,\n\tLinking,\n\tAlert,\n\tPlatform,\n} from 'react-native';\nimport { default as VideoPlayer } from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { audio, warning } from '@wordpress/icons';\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n} from '@wordpress/react-native-bridge';\nimport { getProtocol } from '@wordpress/url';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { parseAudioUrl } from './audio-url-parser.native';\n\nconst isIOS = Platform.OS === 'ios';\n\nfunction Player( {\n\tgetStylesFromColorScheme,\n\tisUploadInProgress,\n\tisUploadFailed,\n\tattributes,\n\tisSelected,\n} ) {\n\tconst { id, src } = attributes;\n\tconst [ paused, setPaused ] = useState( true );\n\n\tconst onPressListen = () => {\n\t\tif ( src ) {\n\t\t\tif ( isIOS && this.player ) {\n\t\t\t\tthis.player.presentFullscreenPlayer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tLinking.canOpenURL( src )\n\t\t\t\t.then( ( supported ) => {\n\t\t\t\t\tif ( ! supported ) {\n\t\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t\t__( 'No application can handle this request.' )\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn Linking.openURL( src );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t__( 'An unknown error occurred. Please try again.' )\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t}\n\t};\n\n\tconst containerStyle = getStylesFromColorScheme(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tconst iconStyle = getStylesFromColorScheme( styles.icon, styles.iconDark );\n\n\tconst iconDisabledStyle = getStylesFromColorScheme(\n\t\tstyles.iconDisabled,\n\t\tstyles.iconDisabledDark\n\t);\n\n\tconst isDisabled = isUploadFailed || isUploadInProgress;\n\n\tconst finalIconStyle = {\n\t\t...iconStyle,\n\t\t...( isDisabled && iconDisabledStyle ),\n\t};\n\n\tconst iconContainerStyle = getStylesFromColorScheme(\n\t\tstyles.iconContainer,\n\t\tstyles.iconContainerDark\n\t);\n\n\tconst titleContainerStyle = {\n\t\t...styles.titleContainer,\n\t\t...( isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid ),\n\t};\n\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.title,\n\t\tstyles.titleDark\n\t);\n\n\tconst uploadFailedStyle = getStylesFromColorScheme(\n\t\tstyles.uploadFailed,\n\t\tstyles.uploadFailedDark\n\t);\n\n\tconst subtitleStyle = getStylesFromColorScheme(\n\t\tstyles.subtitle,\n\t\tstyles.subtitleDark\n\t);\n\n\tconst finalSubtitleStyle = {\n\t\t...subtitleStyle,\n\t\t...( isUploadFailed && uploadFailedStyle ),\n\t};\n\n\tconst buttonBackgroundStyle = getStylesFromColorScheme(\n\t\tstyles.buttonBackground,\n\t\tstyles.buttonBackgroundDark\n\t);\n\n\tlet title = '';\n\tlet extension = '';\n\n\tif ( src ) {\n\t\tconst result = parseAudioUrl( src );\n\t\textension = result.extension;\n\t\ttitle = result.title;\n\t}\n\n\tconst getSubtitleValue = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\treturn __( 'Uploading…' );\n\t\t}\n\t\tif ( isUploadFailed ) {\n\t\t\treturn __( 'Failed to insert audio file. Please tap for options.' );\n\t\t}\n\t\treturn (\n\t\t\textension +\n\t\t\t// translators: displays audio file extension. e.g. MP3 audio file\n\t\t\t__( 'audio file' )\n\t\t);\n\t};\n\n\tfunction onAudioUploadCancelDialog() {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( id && getProtocol( src ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t}\n\t}\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tdisabled={ ! isSelected }\n\t\t\tonPress={ onAudioUploadCancelDialog }\n\t\t>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<View style={ iconContainerStyle }>\n\t\t\t\t\t<Icon icon={ audio } style={ finalIconStyle } size={ 24 } />\n\t\t\t\t</View>\n\t\t\t\t<View style={ titleContainerStyle }>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t<View style={ styles.subtitleContainer }>\n\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ warning }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t...styles.errorIcon,\n\t\t\t\t\t\t\t\t\t...uploadFailedStyle,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Text style={ finalSubtitleStyle }>\n\t\t\t\t\t\t\t{ getSubtitleValue() }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{ ! isDisabled && (\n\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\taccessibilityLabel={ __( 'Audio Player' ) }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t'Double tap to listen the audio file'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonPress={ onPressListen }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ buttonBackgroundStyle }>\n\t\t\t\t\t\t\t<Text style={ styles.buttonText }>\n\t\t\t\t\t\t\t\t{ __( 'OPEN' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t) }\n\t\t\t\t{ isIOS && (\n\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\tsource={ { uri: src } }\n\t\t\t\t\t\tpaused={ paused }\n\t\t\t\t\t\tref={ ( ref ) => {\n\t\t\t\t\t\t\tthis.player = ref;\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tcontrols={ false }\n\t\t\t\t\t\tignoreSilentSwitch={ 'ignore' }\n\t\t\t\t\t\tonFullscreenPlayerWillPresent={ () => {\n\t\t\t\t\t\t\tsetPaused( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFullscreenPlayerDidDismiss={ () => {\n\t\t\t\t\t\t\tsetPaused( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default withPreferredColorScheme( Player );\n"]}

package/build/mobile/badge/index.native.js

@@ -26,11 +26,12 @@ var _style = _interopRequireDefault(require("./style.scss"));
 /**
  * Internal dependencies
  */
-const Badge = ({
-  label,
-  children,
-  show = true
-}) => {
+const Badge = _ref => {
+  let {
+    label,
+    children,
+    show = true
+  } = _ref;
   return (0, _element.createElement)(_element.Fragment, null, children, (0, _element.createElement)(_reactNative.View, {
     style: _style.default.badgeContainer
   }, show && (0, _element.createElement)(_reactNative.Text, {

package/build/mobile/badge/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"names":["Badge","label","children","show","styles","badgeContainer","badge"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAKA;;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,KAAK,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA,IAAI,GAAG;AAA1B,CAAF,KAAwC;AACrD,SACC,qDACGD,QADH,EAEC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGE,eAAOC;AAArB,KACGF,IAAI,IAAI,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGC,eAAOE;AAArB,KAA+BL,KAA/B,CADX,CAFD,CADD;AAQA,CATD;;eAWe,uCAA0BD,KAA1B,C","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst Badge = ( { label, children, show = true } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ children }\n\t\t\t<View style={ styles.badgeContainer }>\n\t\t\t\t{ show && <Text style={ styles.badge }>{ label }</Text> }\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default withPreferredColorScheme( Badge );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"names":["Badge","label","children","show","styles","badgeContainer","badge"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAKA;;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,KAAK,GAAG,QAAwC;AAAA,MAAtC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,IAAI,GAAG;AAA1B,GAAsC;AACrD,SACC,qDACGD,QADH,EAEC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGE,eAAOC;AAArB,KACGF,IAAI,IAAI,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGC,eAAOE;AAArB,KAA+BL,KAA/B,CADX,CAFD,CADD;AAQA,CATD;;eAWe,uCAA0BD,KAA1B,C","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst Badge = ( { label, children, show = true } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ children }\n\t\t\t<View style={ styles.badgeContainer }>\n\t\t\t\t{ show && <Text style={ styles.badge }>{ label }</Text> }\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default withPreferredColorScheme( Badge );\n"]}

package/build/mobile/bottom-sheet/bottom-sheet-context.native.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BottomSheetConsumer = exports.BottomSheetProvider = exports.BottomSheetContext = void 0;
+exports.BottomSheetProvider = exports.BottomSheetContext = exports.BottomSheetConsumer = void 0;
 
 var _reactNative = require("react-native");
 

package/build/mobile/bottom-sheet/bottom-sheet-navigation/bottom-sheet-navigation-context.native.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BottomSheetNavigationConsumer = exports.BottomSheetNavigationProvider = exports.BottomSheetNavigationContext = void 0;
+exports.BottomSheetNavigationProvider = exports.BottomSheetNavigationContext = exports.BottomSheetNavigationConsumer = void 0;
 
 var _element = require("@wordpress/element");
 

package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js

@@ -44,9 +44,10 @@ const AnimationSpec = {
   }
 };
 
-const fadeConfig = ({
-  current
-}) => {
+const fadeConfig = _ref => {
+  let {
+    current
+  } = _ref;
   return {
     cardStyle: {
       opacity: current.progress
@@ -65,13 +66,14 @@ const options = {
 };
 const ANIMATION_DURATION = 190;
 
-function BottomSheetNavigationContainer({
-  children,
-  animate,
-  main,
-  theme,
-  style
-}) {
+function BottomSheetNavigationContainer(_ref2) {
+  let {
+    children,
+    animate,
+    main,
+    theme,
+    style
+  } = _ref2;
   const Stack = (0, _element.useRef)((0, _stack.createStackNavigator)()).current;
   const context = (0, _element.useContext)(_bottomSheetNavigationContext.BottomSheetNavigationContext);
   const [currentHeight, setCurrentHeight] = (0, _element.useState)(context.currentHeight || 1);

package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js"],"names":["AnimationSpec","animation","config","duration","easing","Easing","ease","fadeConfig","current","cardStyle","opacity","progress","options","transitionSpec","open","close","headerShown","gestureEnabled","cardStyleInterpolator","ANIMATION_DURATION","BottomSheetNavigationContainer","children","animate","main","theme","style","Stack","context","BottomSheetNavigationContext","currentHeight","setCurrentHeight","backgroundStyle","styles","background","backgroundDark","_theme","DefaultTheme","colors","backgroundColor","setHeight","height","Platform","isAndroid","screens","Children","map","child","screen","name","otherProps","props","isNested"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Easing } from 'react-native';\nimport { NavigationContainer, DefaultTheme } from '@react-navigation/native';\nimport { createStackNavigator } from '@react-navigation/stack';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseContext,\n\tuseMemo,\n\tuseCallback,\n\tChildren,\n\tuseRef,\n\tcloneElement,\n\tPlatform,\n} from '@wordpress/element';\n\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { performLayoutAnimation } from '../../layout-animation';\nimport {\n\tBottomSheetNavigationContext,\n\tBottomSheetNavigationProvider,\n} from './bottom-sheet-navigation-context';\n\nimport styles from './styles.scss';\n\nconst AnimationSpec = {\n\tanimation: 'timing',\n\tconfig: {\n\t\tduration: 200,\n\t\teasing: Easing.ease,\n\t},\n};\n\nconst fadeConfig = ( { current } ) => {\n\treturn {\n\t\tcardStyle: {\n\t\t\topacity: current.progress,\n\t\t},\n\t};\n};\n\nconst options = {\n\ttransitionSpec: {\n\t\topen: AnimationSpec,\n\t\tclose: AnimationSpec,\n\t},\n\theaderShown: false,\n\tgestureEnabled: false,\n\tcardStyleInterpolator: fadeConfig,\n};\n\nconst ANIMATION_DURATION = 190;\n\nfunction BottomSheetNavigationContainer( {\n\tchildren,\n\tanimate,\n\tmain,\n\ttheme,\n\tstyle,\n} ) {\n\tconst Stack = useRef( createStackNavigator() ).current;\n\tconst context = useContext( BottomSheetNavigationContext );\n\tconst [ currentHeight, setCurrentHeight ] = useState(\n\t\tcontext.currentHeight || 1\n\t);\n\n\tconst backgroundStyle = usePreferredColorSchemeStyle(\n\t\tstyles.background,\n\t\tstyles.backgroundDark\n\t);\n\n\tconst _theme = theme || {\n\t\t...DefaultTheme,\n\t\tcolors: {\n\t\t\t...DefaultTheme.colors,\n\t\t\tbackground: backgroundStyle.backgroundColor,\n\t\t},\n\t};\n\n\tconst setHeight = useCallback(\n\t\t( height ) => {\n\t\t\t// The screen is fullHeight or changing from fullScreen to the default mode\n\t\t\tif (\n\t\t\t\t( typeof currentHeight === 'string' &&\n\t\t\t\t\ttypeof height !== 'string' ) ||\n\t\t\t\ttypeof height === 'string'\n\t\t\t) {\n\t\t\t\t// Animating the opacity for the initial modal results in the backdrop\n\t\t\t\t// provided by react-native-modal to never transition from transparent\n\t\t\t\t// to partially opaque black. The core issue was not idenfited, but it\n\t\t\t\t// may relate to the experimental state of LayoutAnimation for Android.\n\t\t\t\t// https://reactnative.dev/docs/layoutanimation\n\t\t\t\tif ( ! Platform.isAndroid || currentHeight !== 1 ) {\n\t\t\t\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\t\t\t}\n\t\t\t\tsetCurrentHeight( height );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( height > 1 ) {\n\t\t\t\tif ( currentHeight === 1 ) {\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t} else if ( animate ) {\n\t\t\t\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t} else {\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ currentHeight ]\n\t);\n\n\tconst screens = useMemo( () => {\n\t\treturn Children.map( children, ( child ) => {\n\t\t\tlet screen = child;\n\t\t\tconst { name, ...otherProps } = child.props;\n\t\t\tif ( ! main ) {\n\t\t\t\tscreen = cloneElement( child, {\n\t\t\t\t\t...child.props,\n\t\t\t\t\tisNested: true,\n\t\t\t\t} );\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Stack.Screen\n\t\t\t\t\tname={ name }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tchildren={ () => screen }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ children ] );\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<View style={ [ style, { height: currentHeight } ] }>\n\t\t\t\t<BottomSheetNavigationProvider\n\t\t\t\t\tvalue={ {\n\t\t\t\t\t\tsetHeight,\n\t\t\t\t\t\tcurrentHeight,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ main ? (\n\t\t\t\t\t\t<NavigationContainer theme={ _theme }>\n\t\t\t\t\t\t\t<Stack.Navigator screenOptions={ options }>\n\t\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t\t</NavigationContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Stack.Navigator screenOptions={ options }>\n\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t) }\n\t\t\t\t</BottomSheetNavigationProvider>\n\t\t\t</View>\n\t\t);\n\t}, [ currentHeight, _theme ] );\n}\n\nexport default BottomSheetNavigationContainer;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js"],"names":["AnimationSpec","animation","config","duration","easing","Easing","ease","fadeConfig","current","cardStyle","opacity","progress","options","transitionSpec","open","close","headerShown","gestureEnabled","cardStyleInterpolator","ANIMATION_DURATION","BottomSheetNavigationContainer","children","animate","main","theme","style","Stack","context","BottomSheetNavigationContext","currentHeight","setCurrentHeight","backgroundStyle","styles","background","backgroundDark","_theme","DefaultTheme","colors","backgroundColor","setHeight","height","Platform","isAndroid","screens","Children","map","child","screen","name","otherProps","props","isNested"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Easing } from 'react-native';\nimport { NavigationContainer, DefaultTheme } from '@react-navigation/native';\nimport { createStackNavigator } from '@react-navigation/stack';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseContext,\n\tuseMemo,\n\tuseCallback,\n\tChildren,\n\tuseRef,\n\tcloneElement,\n\tPlatform,\n} from '@wordpress/element';\n\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { performLayoutAnimation } from '../../layout-animation';\nimport {\n\tBottomSheetNavigationContext,\n\tBottomSheetNavigationProvider,\n} from './bottom-sheet-navigation-context';\n\nimport styles from './styles.scss';\n\nconst AnimationSpec = {\n\tanimation: 'timing',\n\tconfig: {\n\t\tduration: 200,\n\t\teasing: Easing.ease,\n\t},\n};\n\nconst fadeConfig = ( { current } ) => {\n\treturn {\n\t\tcardStyle: {\n\t\t\topacity: current.progress,\n\t\t},\n\t};\n};\n\nconst options = {\n\ttransitionSpec: {\n\t\topen: AnimationSpec,\n\t\tclose: AnimationSpec,\n\t},\n\theaderShown: false,\n\tgestureEnabled: false,\n\tcardStyleInterpolator: fadeConfig,\n};\n\nconst ANIMATION_DURATION = 190;\n\nfunction BottomSheetNavigationContainer( {\n\tchildren,\n\tanimate,\n\tmain,\n\ttheme,\n\tstyle,\n} ) {\n\tconst Stack = useRef( createStackNavigator() ).current;\n\tconst context = useContext( BottomSheetNavigationContext );\n\tconst [ currentHeight, setCurrentHeight ] = useState(\n\t\tcontext.currentHeight || 1\n\t);\n\n\tconst backgroundStyle = usePreferredColorSchemeStyle(\n\t\tstyles.background,\n\t\tstyles.backgroundDark\n\t);\n\n\tconst _theme = theme || {\n\t\t...DefaultTheme,\n\t\tcolors: {\n\t\t\t...DefaultTheme.colors,\n\t\t\tbackground: backgroundStyle.backgroundColor,\n\t\t},\n\t};\n\n\tconst setHeight = useCallback(\n\t\t( height ) => {\n\t\t\t// The screen is fullHeight or changing from fullScreen to the default mode\n\t\t\tif (\n\t\t\t\t( typeof currentHeight === 'string' &&\n\t\t\t\t\ttypeof height !== 'string' ) ||\n\t\t\t\ttypeof height === 'string'\n\t\t\t) {\n\t\t\t\t// Animating the opacity for the initial modal results in the backdrop\n\t\t\t\t// provided by react-native-modal to never transition from transparent\n\t\t\t\t// to partially opaque black. The core issue was not idenfited, but it\n\t\t\t\t// may relate to the experimental state of LayoutAnimation for Android.\n\t\t\t\t// https://reactnative.dev/docs/layoutanimation\n\t\t\t\tif ( ! Platform.isAndroid || currentHeight !== 1 ) {\n\t\t\t\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\t\t\t}\n\t\t\t\tsetCurrentHeight( height );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( height > 1 ) {\n\t\t\t\tif ( currentHeight === 1 ) {\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t} else if ( animate ) {\n\t\t\t\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t} else {\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ currentHeight ]\n\t);\n\n\tconst screens = useMemo( () => {\n\t\treturn Children.map( children, ( child ) => {\n\t\t\tlet screen = child;\n\t\t\tconst { name, ...otherProps } = child.props;\n\t\t\tif ( ! main ) {\n\t\t\t\tscreen = cloneElement( child, {\n\t\t\t\t\t...child.props,\n\t\t\t\t\tisNested: true,\n\t\t\t\t} );\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Stack.Screen\n\t\t\t\t\tname={ name }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tchildren={ () => screen }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ children ] );\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<View style={ [ style, { height: currentHeight } ] }>\n\t\t\t\t<BottomSheetNavigationProvider\n\t\t\t\t\tvalue={ {\n\t\t\t\t\t\tsetHeight,\n\t\t\t\t\t\tcurrentHeight,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ main ? (\n\t\t\t\t\t\t<NavigationContainer theme={ _theme }>\n\t\t\t\t\t\t\t<Stack.Navigator screenOptions={ options }>\n\t\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t\t</NavigationContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Stack.Navigator screenOptions={ options }>\n\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t) }\n\t\t\t\t</BottomSheetNavigationProvider>\n\t\t\t</View>\n\t\t);\n\t}, [ currentHeight, _theme ] );\n}\n\nexport default BottomSheetNavigationContainer;\n"]}

package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js

@@ -32,12 +32,13 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
-const BottomSheetNavigationScreen = ({
-  children,
-  fullScreen,
-  isScrollable,
-  isNested
-}) => {
+const BottomSheetNavigationScreen = _ref => {
+  let {
+    children,
+    fullScreen,
+    isScrollable,
+    isNested
+  } = _ref;
   const navigation = (0, _native.useNavigation)();
   const heightRef = (0, _element.useRef)({
     maxHeight: 0
@@ -77,9 +78,11 @@ const BottomSheetNavigationScreen = ({
     return () => {};
   }, []));
 
-  const onLayout = ({
-    nativeEvent
-  }) => {
+  const onLayout = _ref2 => {
+    let {
+      nativeEvent
+    } = _ref2;
+
     if (fullScreen) {
       return;
     }

package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"names":["BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","navigation","heightRef","maxHeight","isFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","BottomSheetContext","setHeight","BottomSheetNavigationContext","setHeightDebounce","canGoBack","goBack","current","onLayout","nativeEvent","height","layout","styles","scrollableContent","paddingBottom"],"mappings":";;;;;;;;;AAgBA;;AAbA;;AAKA;;AACA;;AAKA;;AAOA;;AACA;;AAtBA;AACA;AACA;;AASA;AACA;AACA;;AAKA;AACA;AACA;AAIA,MAAMA,2BAA2B,GAAG,CAAE;AACrCC,EAAAA,QADqC;AAErCC,EAAAA,UAFqC;AAGrCC,EAAAA,YAHqC;AAIrCC,EAAAA;AAJqC,CAAF,KAK7B;AACN,QAAMC,UAAU,GAAG,4BAAnB;AACA,QAAMC,SAAS,GAAG,qBAAQ;AAAEC,IAAAA,SAAS,EAAE;AAAb,GAAR,CAAlB;AACA,QAAMC,SAAS,GAAG,2BAAlB;AACA,QAAM;AACLC,IAAAA,2BADK;AAELC,IAAAA,gCAFK;AAGLC,IAAAA,eAHK;AAILC,IAAAA,SAJK;AAKLC,IAAAA;AALK,MAMF,yBAAYC,8BAAZ,CANJ;AAQA,QAAM;AAAEC,IAAAA;AAAF,MAAgB,yBAAYC,0DAAZ,CAAtB;AAEA,QAAMC,iBAAiB,GAAG,0BAAa,sBAAUF,SAAV,EAAqB,EAArB,CAAb,EAAwC,CACjEA,SADiE,CAAxC,CAA1B;AAIA,8BACC,0BAAa,MAAM;AAClBN,IAAAA,2BAA2B,CAAE,MAAM;AAClC,UAAKJ,UAAU,CAACa,SAAX,EAAL,EAA8B;AAC7BR,QAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAL,QAAAA,UAAU,CAACc,MAAX;AACA,eAAO,IAAP;AACA;;AACDV,MAAAA,2BAA2B,CAAE,IAAF,CAA3B;AACA,aAAO,KAAP;AACA,KAR0B,CAA3B;;AASA,QAAKP,UAAL,EAAkB;AACjBa,MAAAA,SAAS,CAAE,MAAF,CAAT;AACAJ,MAAAA,eAAe,CAAE,IAAF,CAAf;AACA,KAHD,MAGO,IAAKL,SAAS,CAACc,OAAV,CAAkBb,SAAlB,KAAgC,CAArC,EAAyC;AAC/CI,MAAAA,eAAe,CAAE,KAAF,CAAf;AACAI,MAAAA,SAAS,CAAET,SAAS,CAACc,OAAV,CAAkBb,SAApB,CAAT;AACA;;AACD,WAAO,MAAM,CAAE,CAAf;AACA,GAlBD,EAkBG,EAlBH,CADD;;AAqBA,QAAMc,QAAQ,GAAG,CAAE;AAAEC,IAAAA;AAAF,GAAF,KAAuB;AACvC,QAAKpB,UAAL,EAAkB;AACjB;AACA;;AACD,UAAM;AAAEqB,MAAAA;AAAF,QAAaD,WAAW,CAACE,MAA/B;;AAEA,QAAKlB,SAAS,CAACc,OAAV,CAAkBb,SAAlB,KAAgCgB,MAAhC,IAA0Cf,SAA/C,EAA2D;AAC1DF,MAAAA,SAAS,CAACc,OAAV,CAAkBb,SAAlB,GAA8BgB,MAA9B;AACAN,MAAAA,iBAAiB,CAAEM,MAAF,CAAjB;AACA;AACD,GAVD;;AAWA,SAAO,sBAAS,MAAM;AACrB,WAAOpB,YAAY,IAAIC,QAAhB,GACN,4BAAC,iBAAD;AAAM,MAAA,QAAQ,EAAGiB;AAAjB,OAA8BpB,QAA9B,CADM,GAGN,4BAAC,uBAAD,EAAiBW,SAAjB,EACC,4BAAC,+BAAD;AAAoB,MAAA,UAAU,EAAG;AAAjC,OACC,4BAAC,iBAAD;AAAM,MAAA,QAAQ,EAAGS;AAAjB,OACGpB,QADH,EAEG,CAAEG,QAAF,IACD,4BAAC,iBAAD;AACC,MAAA,KAAK,EAAG;AACPmB,QAAAA,MAAM,EACLV,mBAAmB,IACnBY,gBAAOC,iBAAP,CAAyBC;AAHnB;AADT,MAHF,CADD,CADD,CAHD;AAoBA,GArBM,EAqBJ,CAAE1B,QAAF,EAAYO,SAAZ,EAAuBK,mBAAvB,EAA4CD,SAA5C,CArBI,CAAP;AAsBA,CA7ED;;eA+EeZ,2B","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport { View, ScrollView, TouchableHighlight } from 'react-native';\nimport { debounce } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheetContext } from '@wordpress/components';\n\nimport { useRef, useCallback, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';\nimport styles from './styles.scss';\n\nconst BottomSheetNavigationScreen = ( {\n\tchildren,\n\tfullScreen,\n\tisScrollable,\n\tisNested,\n} ) => {\n\tconst navigation = useNavigation();\n\tconst heightRef = useRef( { maxHeight: 0 } );\n\tconst isFocused = useIsFocused();\n\tconst {\n\t\tonHandleHardwareButtonPress,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tsetIsFullScreen,\n\t\tlistProps,\n\t\tsafeAreaBottomInset,\n\t} = useContext( BottomSheetContext );\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\n\n\tconst setHeightDebounce = useCallback( debounce( setHeight, 10 ), [\n\t\tsetHeight,\n\t] );\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tonHandleHardwareButtonPress( () => {\n\t\t\t\tif ( navigation.canGoBack() ) {\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\t\t\tnavigation.goBack();\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tonHandleHardwareButtonPress( null );\n\t\t\t\treturn false;\n\t\t\t} );\n\t\t\tif ( fullScreen ) {\n\t\t\t\tsetHeight( '100%' );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( heightRef.current.maxHeight !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( heightRef.current.maxHeight );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t}, [] )\n\t);\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tif ( fullScreen ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { height } = nativeEvent.layout;\n\n\t\tif ( heightRef.current.maxHeight !== height && isFocused ) {\n\t\t\theightRef.current.maxHeight = height;\n\t\t\tsetHeightDebounce( height );\n\t\t}\n\t};\n\treturn useMemo( () => {\n\t\treturn isScrollable || isNested ? (\n\t\t\t<View onLayout={ onLayout }>{ children }</View>\n\t\t) : (\n\t\t\t<ScrollView { ...listProps }>\n\t\t\t\t<TouchableHighlight accessible={ false }>\n\t\t\t\t\t<View onLayout={ onLayout }>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t{ ! isNested && (\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\tsafeAreaBottomInset ||\n\t\t\t\t\t\t\t\t\t\tstyles.scrollableContent.paddingBottom,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableHighlight>\n\t\t\t</ScrollView>\n\t\t);\n\t}, [ children, isFocused, safeAreaBottomInset, listProps ] );\n};\n\nexport default BottomSheetNavigationScreen;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"names":["BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","navigation","heightRef","maxHeight","isFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","BottomSheetContext","setHeight","BottomSheetNavigationContext","setHeightDebounce","canGoBack","goBack","current","onLayout","nativeEvent","height","layout","styles","scrollableContent","paddingBottom"],"mappings":";;;;;;;;;AAgBA;;AAbA;;AAKA;;AACA;;AAKA;;AAOA;;AACA;;AAtBA;AACA;AACA;;AASA;AACA;AACA;;AAKA;AACA;AACA;AAIA,MAAMA,2BAA2B,GAAG,QAK7B;AAAA,MAL+B;AACrCC,IAAAA,QADqC;AAErCC,IAAAA,UAFqC;AAGrCC,IAAAA,YAHqC;AAIrCC,IAAAA;AAJqC,GAK/B;AACN,QAAMC,UAAU,GAAG,4BAAnB;AACA,QAAMC,SAAS,GAAG,qBAAQ;AAAEC,IAAAA,SAAS,EAAE;AAAb,GAAR,CAAlB;AACA,QAAMC,SAAS,GAAG,2BAAlB;AACA,QAAM;AACLC,IAAAA,2BADK;AAELC,IAAAA,gCAFK;AAGLC,IAAAA,eAHK;AAILC,IAAAA,SAJK;AAKLC,IAAAA;AALK,MAMF,yBAAYC,8BAAZ,CANJ;AAQA,QAAM;AAAEC,IAAAA;AAAF,MAAgB,yBAAYC,0DAAZ,CAAtB;AAEA,QAAMC,iBAAiB,GAAG,0BAAa,sBAAUF,SAAV,EAAqB,EAArB,CAAb,EAAwC,CACjEA,SADiE,CAAxC,CAA1B;AAIA,8BACC,0BAAa,MAAM;AAClBN,IAAAA,2BAA2B,CAAE,MAAM;AAClC,UAAKJ,UAAU,CAACa,SAAX,EAAL,EAA8B;AAC7BR,QAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAL,QAAAA,UAAU,CAACc,MAAX;AACA,eAAO,IAAP;AACA;;AACDV,MAAAA,2BAA2B,CAAE,IAAF,CAA3B;AACA,aAAO,KAAP;AACA,KAR0B,CAA3B;;AASA,QAAKP,UAAL,EAAkB;AACjBa,MAAAA,SAAS,CAAE,MAAF,CAAT;AACAJ,MAAAA,eAAe,CAAE,IAAF,CAAf;AACA,KAHD,MAGO,IAAKL,SAAS,CAACc,OAAV,CAAkBb,SAAlB,KAAgC,CAArC,EAAyC;AAC/CI,MAAAA,eAAe,CAAE,KAAF,CAAf;AACAI,MAAAA,SAAS,CAAET,SAAS,CAACc,OAAV,CAAkBb,SAApB,CAAT;AACA;;AACD,WAAO,MAAM,CAAE,CAAf;AACA,GAlBD,EAkBG,EAlBH,CADD;;AAqBA,QAAMc,QAAQ,GAAG,SAAuB;AAAA,QAArB;AAAEC,MAAAA;AAAF,KAAqB;;AACvC,QAAKpB,UAAL,EAAkB;AACjB;AACA;;AACD,UAAM;AAAEqB,MAAAA;AAAF,QAAaD,WAAW,CAACE,MAA/B;;AAEA,QAAKlB,SAAS,CAACc,OAAV,CAAkBb,SAAlB,KAAgCgB,MAAhC,IAA0Cf,SAA/C,EAA2D;AAC1DF,MAAAA,SAAS,CAACc,OAAV,CAAkBb,SAAlB,GAA8BgB,MAA9B;AACAN,MAAAA,iBAAiB,CAAEM,MAAF,CAAjB;AACA;AACD,GAVD;;AAWA,SAAO,sBAAS,MAAM;AACrB,WAAOpB,YAAY,IAAIC,QAAhB,GACN,4BAAC,iBAAD;AAAM,MAAA,QAAQ,EAAGiB;AAAjB,OAA8BpB,QAA9B,CADM,GAGN,4BAAC,uBAAD,EAAiBW,SAAjB,EACC,4BAAC,+BAAD;AAAoB,MAAA,UAAU,EAAG;AAAjC,OACC,4BAAC,iBAAD;AAAM,MAAA,QAAQ,EAAGS;AAAjB,OACGpB,QADH,EAEG,CAAEG,QAAF,IACD,4BAAC,iBAAD;AACC,MAAA,KAAK,EAAG;AACPmB,QAAAA,MAAM,EACLV,mBAAmB,IACnBY,gBAAOC,iBAAP,CAAyBC;AAHnB;AADT,MAHF,CADD,CADD,CAHD;AAoBA,GArBM,EAqBJ,CAAE1B,QAAF,EAAYO,SAAZ,EAAuBK,mBAAvB,EAA4CD,SAA5C,CArBI,CAAP;AAsBA,CA7ED;;eA+EeZ,2B","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport { View, ScrollView, TouchableHighlight } from 'react-native';\nimport { debounce } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheetContext } from '@wordpress/components';\n\nimport { useRef, useCallback, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';\nimport styles from './styles.scss';\n\nconst BottomSheetNavigationScreen = ( {\n\tchildren,\n\tfullScreen,\n\tisScrollable,\n\tisNested,\n} ) => {\n\tconst navigation = useNavigation();\n\tconst heightRef = useRef( { maxHeight: 0 } );\n\tconst isFocused = useIsFocused();\n\tconst {\n\t\tonHandleHardwareButtonPress,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tsetIsFullScreen,\n\t\tlistProps,\n\t\tsafeAreaBottomInset,\n\t} = useContext( BottomSheetContext );\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\n\n\tconst setHeightDebounce = useCallback( debounce( setHeight, 10 ), [\n\t\tsetHeight,\n\t] );\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tonHandleHardwareButtonPress( () => {\n\t\t\t\tif ( navigation.canGoBack() ) {\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\t\t\tnavigation.goBack();\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tonHandleHardwareButtonPress( null );\n\t\t\t\treturn false;\n\t\t\t} );\n\t\t\tif ( fullScreen ) {\n\t\t\t\tsetHeight( '100%' );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( heightRef.current.maxHeight !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( heightRef.current.maxHeight );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t}, [] )\n\t);\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tif ( fullScreen ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { height } = nativeEvent.layout;\n\n\t\tif ( heightRef.current.maxHeight !== height && isFocused ) {\n\t\t\theightRef.current.maxHeight = height;\n\t\t\tsetHeightDebounce( height );\n\t\t}\n\t};\n\treturn useMemo( () => {\n\t\treturn isScrollable || isNested ? (\n\t\t\t<View onLayout={ onLayout }>{ children }</View>\n\t\t) : (\n\t\t\t<ScrollView { ...listProps }>\n\t\t\t\t<TouchableHighlight accessible={ false }>\n\t\t\t\t\t<View onLayout={ onLayout }>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t{ ! isNested && (\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\tsafeAreaBottomInset ||\n\t\t\t\t\t\t\t\t\t\tstyles.scrollableContent.paddingBottom,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableHighlight>\n\t\t\t</ScrollView>\n\t\t);\n\t}, [ children, isFocused, safeAreaBottomInset, listProps ] );\n};\n\nexport default BottomSheetNavigationScreen;\n"]}

package/build/mobile/bottom-sheet/button.native.js

@@ -20,25 +20,28 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
-const BottomSheetButton = ({
-  onPress,
-  disabled,
-  text,
-  color
-}) => (0, _element.createElement)(_reactNative.TouchableOpacity, {
-  accessible: true,
-  onPress: onPress,
-  disabled: disabled
-}, (0, _element.createElement)(_reactNative.View, {
-  style: {
-    flexDirection: 'row',
-    justifyContent: 'center'
-  }
-}, (0, _element.createElement)(_reactNative.Text, {
-  style: { ..._styles.default.buttonText,
+const BottomSheetButton = _ref => {
+  let {
+    onPress,
+    disabled,
+    text,
     color
-  }
-}, text)));
+  } = _ref;
+  return (0, _element.createElement)(_reactNative.TouchableOpacity, {
+    accessible: true,
+    onPress: onPress,
+    disabled: disabled
+  }, (0, _element.createElement)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'center'
+    }
+  }, (0, _element.createElement)(_reactNative.Text, {
+    style: { ..._styles.default.buttonText,
+      color
+    }
+  }, text)));
+};
 
 var _default = BottomSheetButton;
 exports.default = _default;

package/build/mobile/bottom-sheet/button.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"names":["BottomSheetButton","onPress","disabled","text","color","flexDirection","justifyContent","styles","buttonText"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,iBAAiB,GAAG,CAAE;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,QAAX;AAAqBC,EAAAA,IAArB;AAA2BC,EAAAA;AAA3B,CAAF,KACzB,4BAAC,6BAAD;AACC,EAAA,UAAU,EAAG,IADd;AAEC,EAAA,OAAO,EAAGH,OAFX;AAGC,EAAA,QAAQ,EAAGC;AAHZ,GAKC,4BAAC,iBAAD;AAAM,EAAA,KAAK,EAAG;AAAEG,IAAAA,aAAa,EAAE,KAAjB;AAAwBC,IAAAA,cAAc,EAAE;AAAxC;AAAd,GACC,4BAAC,iBAAD;AAAM,EAAA,KAAK,EAAG,EAAE,GAAGC,gBAAOC,UAAZ;AAAwBJ,IAAAA;AAAxB;AAAd,GAAkDD,IAAlD,CADD,CALD,CADD;;eAYeH,iB","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, View, Text } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetButton = ( { onPress, disabled, text, color } ) => (\n\t<TouchableOpacity\n\t\taccessible={ true }\n\t\tonPress={ onPress }\n\t\tdisabled={ disabled }\n\t>\n\t\t<View style={ { flexDirection: 'row', justifyContent: 'center' } }>\n\t\t\t<Text style={ { ...styles.buttonText, color } }>{ text }</Text>\n\t\t</View>\n\t</TouchableOpacity>\n);\n\nexport default BottomSheetButton;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"names":["BottomSheetButton","onPress","disabled","text","color","flexDirection","justifyContent","styles","buttonText"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,iBAAiB,GAAG;AAAA,MAAE;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,QAAX;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA;AAA3B,GAAF;AAAA,SACzB,4BAAC,6BAAD;AACC,IAAA,UAAU,EAAG,IADd;AAEC,IAAA,OAAO,EAAGH,OAFX;AAGC,IAAA,QAAQ,EAAGC;AAHZ,KAKC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAG;AAAEG,MAAAA,aAAa,EAAE,KAAjB;AAAwBC,MAAAA,cAAc,EAAE;AAAxC;AAAd,KACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAG,EAAE,GAAGC,gBAAOC,UAAZ;AAAwBJ,MAAAA;AAAxB;AAAd,KAAkDD,IAAlD,CADD,CALD,CADyB;AAAA,CAA1B;;eAYeH,iB","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, View, Text } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetButton = ( { onPress, disabled, text, color } ) => (\n\t<TouchableOpacity\n\t\taccessible={ true }\n\t\tonPress={ onPress }\n\t\tdisabled={ disabled }\n\t>\n\t\t<View style={ { flexDirection: 'row', justifyContent: 'center' } }>\n\t\t\t<Text style={ { ...styles.buttonText, color } }>{ text }</Text>\n\t\t</View>\n\t</TouchableOpacity>\n);\n\nexport default BottomSheetButton;\n"]}

package/build/mobile/bottom-sheet/footer-message-cell.native.js

@@ -24,10 +24,11 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
-function FooterMessageCell({
-  textAlign = 'left',
-  ...props
-}) {
+function FooterMessageCell(_ref) {
+  let {
+    textAlign = 'left',
+    ...props
+  } = _ref;
   return (0, _element.createElement)(_cell.default, (0, _extends2.default)({}, props, {
     editable: false,
     value: '',

package/build/mobile/bottom-sheet/footer-message-cell.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-cell.native.js"],"names":["FooterMessageCell","textAlign","props","styles","footerMessageCell"],"mappings":";;;;;;;;;;;;;AAGA;;AAIA;;AACA;;AARA;AACA;AACA;;AAEA;AACA;AACA;AAIA,SAASA,iBAAT,CAA4B;AAAEC,EAAAA,SAAS,GAAG,MAAd;AAAsB,KAAGC;AAAzB,CAA5B,EAA+D;AAC9D,SACC,4BAAC,aAAD,6BACMA,KADN;AAEC,IAAA,QAAQ,EAAG,KAFZ;AAGC,IAAA,KAAK,EAAG,EAHT;AAIC,IAAA,iBAAiB,EAAG,MAJrB;AAKC,IAAA,UAAU,EAAG,CAAEC,gBAAOC,iBAAT,EAA4B;AAAEH,MAAAA;AAAF,KAA5B;AALd,KADD;AASA;;eAEc,uCAA0BD,iBAA1B,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nfunction FooterMessageCell( { textAlign = 'left', ...props } ) {\n\treturn (\n\t\t<Cell\n\t\t\t{ ...props }\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\taccessibilityRole={ 'text' }\n\t\t\tlabelStyle={ [ styles.footerMessageCell, { textAlign } ] }\n\t\t/>\n\t);\n}\n\nexport default withPreferredColorScheme( FooterMessageCell );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-cell.native.js"],"names":["FooterMessageCell","textAlign","props","styles","footerMessageCell"],"mappings":";;;;;;;;;;;;;AAGA;;AAIA;;AACA;;AARA;AACA;AACA;;AAEA;AACA;AACA;AAIA,SAASA,iBAAT,OAA+D;AAAA,MAAnC;AAAEC,IAAAA,SAAS,GAAG,MAAd;AAAsB,OAAGC;AAAzB,GAAmC;AAC9D,SACC,4BAAC,aAAD,6BACMA,KADN;AAEC,IAAA,QAAQ,EAAG,KAFZ;AAGC,IAAA,KAAK,EAAG,EAHT;AAIC,IAAA,iBAAiB,EAAG,MAJrB;AAKC,IAAA,UAAU,EAAG,CAAEC,gBAAOC,iBAAT,EAA4B;AAAEH,MAAAA;AAAF,KAA5B;AALd,KADD;AASA;;eAEc,uCAA0BD,iBAA1B,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nfunction FooterMessageCell( { textAlign = 'left', ...props } ) {\n\treturn (\n\t\t<Cell\n\t\t\t{ ...props }\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\taccessibilityRole={ 'text' }\n\t\t\tlabelStyle={ [ styles.footerMessageCell, { textAlign } ] }\n\t\t/>\n\t);\n}\n\nexport default withPreferredColorScheme( FooterMessageCell );\n"]}

package/build/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js

@@ -26,10 +26,11 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
-function FooterMessageLink({
-  href,
-  value
-}) {
+function FooterMessageLink(_ref) {
+  let {
+    href,
+    value
+  } = _ref;
   const textStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.footerMessageLink, _styles.default.footerMessageLinkDark);
   return (0, _element.createElement)(_reactNative.Text, {
     style: textStyle,

package/build/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js"],"names":["FooterMessageLink","href","value","textStyle","styles","footerMessageLink","footerMessageLinkDark","Linking","openURL"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AAIA;;AAXA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AAGA,SAASA,iBAAT,CAA4B;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAA5B,EAA8C;AAC7C,QAAMC,SAAS,GAAG,2CACjBC,gBAAOC,iBADU,EAEjBD,gBAAOE,qBAFU,CAAlB;AAIA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGH,SAAd;AAA0B,IAAA,OAAO,EAAG,MAAMI,qBAAQC,OAAR,CAAiBP,IAAjB;AAA1C,KACGC,KADH,CADD;AAKA;;eAEcF,iB","sourcesContent":["/**\n * External dependencies\n */\nimport { Text, Linking } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nfunction FooterMessageLink( { href, value } ) {\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.footerMessageLink,\n\t\tstyles.footerMessageLinkDark\n\t);\n\treturn (\n\t\t<Text style={ textStyle } onPress={ () => Linking.openURL( href ) }>\n\t\t\t{ value }\n\t\t</Text>\n\t);\n}\n\nexport default FooterMessageLink;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js"],"names":["FooterMessageLink","href","value","textStyle","styles","footerMessageLink","footerMessageLinkDark","Linking","openURL"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AAIA;;AAXA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AAGA,SAASA,iBAAT,OAA8C;AAAA,MAAlB;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAkB;AAC7C,QAAMC,SAAS,GAAG,2CACjBC,gBAAOC,iBADU,EAEjBD,gBAAOE,qBAFU,CAAlB;AAIA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGH,SAAd;AAA0B,IAAA,OAAO,EAAG,MAAMI,qBAAQC,OAAR,CAAiBP,IAAjB;AAA1C,KACGC,KADH,CADD;AAKA;;eAEcF,iB","sourcesContent":["/**\n * External dependencies\n */\nimport { Text, Linking } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nfunction FooterMessageLink( { href, value } ) {\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.footerMessageLink,\n\t\tstyles.footerMessageLinkDark\n\t);\n\treturn (\n\t\t<Text style={ textStyle } onPress={ () => Linking.openURL( href ) }>\n\t\t\t{ value }\n\t\t</Text>\n\t);\n}\n\nexport default FooterMessageLink;\n"]}

package/build/mobile/bottom-sheet/index.native.js

@@ -173,9 +173,11 @@ class BottomSheet extends _element.Component {
     }
   }
 
-  performRegularLayoutAnimation({
-    useLastLayoutAnimation
-  }) {
+  performRegularLayoutAnimation(_ref) {
+    let {
+      useLastLayoutAnimation
+    } = _ref;
+
     // On Android, we should prevent triggering multiple layout animations at the same time because it can produce visual glitches.
     if (_reactNative.Platform.OS === 'android' && this.lastLayoutAnimation && !this.lastLayoutAnimationFinished) {
       return;
@@ -283,9 +285,10 @@ class BottomSheet extends _element.Component {
     });
   }
 
-  onHeaderLayout({
-    nativeEvent
-  }) {
+  onHeaderLayout(_ref2) {
+    let {
+      nativeEvent
+    } = _ref2;
     const {
       height
     } = nativeEvent.layout; // The layout animation should only be triggered if the header
@@ -301,23 +304,27 @@ class BottomSheet extends _element.Component {
     this.onSetMaxHeight();
   }
 
-  isCloseToBottom({
-    layoutMeasurement,
-    contentOffset,
-    contentSize
-  }) {
+  isCloseToBottom(_ref3) {
+    let {
+      layoutMeasurement,
+      contentOffset,
+      contentSize
+    } = _ref3;
     return layoutMeasurement.height + contentOffset.y >= contentSize.height - contentOffset.y;
   }
 
-  isCloseToTop({
-    contentOffset
-  }) {
+  isCloseToTop(_ref4) {
+    let {
+      contentOffset
+    } = _ref4;
     return contentOffset.y < 10;
   }
 
-  onScroll({
-    nativeEvent
-  }) {
+  onScroll(_ref5) {
+    let {
+      nativeEvent
+    } = _ref5;
+
     if (this.isCloseToTop(nativeEvent)) {
       this.setState({
         bounces: false