@wordpress/components 25.8.3 → 25.9.0

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
 var _primitives = require("@wordpress/primitives");
@@ -15,6 +15,7 @@ var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
 var _url = require("@wordpress/url");
+var _element = require("@wordpress/element");
 var _styles = _interopRequireDefault(require("./styles.scss"));
 var _audioUrlParser = require("./audio-url-parser.native");
 /**
@@ -105,43 +106,43 @@ function Player({
       (0, _reactNativeBridge.requestImageFailedRetryDialog)(id);
     }
   }
-  return (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+  return (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
     accessible: !isSelected,
     disabled: !isSelected,
     onPress: onAudioUploadCancelDialog
-  }, (0, _element.createElement)(_primitives.View, {
+  }, (0, _react.createElement)(_primitives.View, {
     style: containerStyle
-  }, (0, _element.createElement)(_primitives.View, {
+  }, (0, _react.createElement)(_primitives.View, {
     style: iconContainerStyle
-  }, (0, _element.createElement)(_components.Icon, {
+  }, (0, _react.createElement)(_components.Icon, {
     icon: _icons.audio,
     style: finalIconStyle,
     size: 24
-  })), (0, _element.createElement)(_primitives.View, {
+  })), (0, _react.createElement)(_primitives.View, {
     style: titleContainerStyle
-  }, (0, _element.createElement)(_reactNative.Text, {
+  }, (0, _react.createElement)(_reactNative.Text, {
     style: titleStyle
-  }, title), (0, _element.createElement)(_primitives.View, {
+  }, title), (0, _react.createElement)(_primitives.View, {
     style: _styles.default.subtitleContainer
-  }, isUploadFailed && (0, _element.createElement)(_components.Icon, {
+  }, isUploadFailed && (0, _react.createElement)(_components.Icon, {
     icon: _icons.warning,
     style: {
       ..._styles.default.errorIcon,
       ...uploadFailedStyle
     },
     size: 16
-  }), (0, _element.createElement)(_reactNative.Text, {
+  }), (0, _react.createElement)(_reactNative.Text, {
     style: finalSubtitleStyle
-  }, getSubtitleValue()))), !isDisabled && (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+  }, getSubtitleValue()))), !isDisabled && (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
     accessibilityLabel: (0, _i18n.__)('Audio Player'),
     accessibilityRole: 'button',
     accessibilityHint: (0, _i18n.__)('Double tap to listen the audio file'),
     onPress: onPressListen
-  }, (0, _element.createElement)(_primitives.View, {
+  }, (0, _react.createElement)(_primitives.View, {
     style: buttonBackgroundStyle
-  }, (0, _element.createElement)(_reactNative.Text, {
+  }, (0, _react.createElement)(_reactNative.Text, {
     style: _styles.default.buttonText
-  }, (0, _i18n.__)('OPEN')))), isIOS && (0, _element.createElement)(_reactNativeVideo.default, {
+  }, (0, _i18n.__)('OPEN')))), isIOS && (0, _react.createElement)(_reactNativeVideo.default, {
     source: {
       uri: src
     },

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_reactNativeVideo","_interopRequireDefault","_primitives","_components","_compose","_i18n","_icons","_reactNativeBridge","_url","_styles","_audioUrlParser","isIOS","Platform","OS","Player","getStylesFromColorScheme","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","useState","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","parseAudioUrl","getSubtitleValue","onAudioUploadCancelDialog","requestImageUploadCancelDialog","getProtocol","requestImageFailedRetryDialog","createElement","TouchableWithoutFeedback","accessible","disabled","onPress","View","style","Icon","audio","size","Text","subtitleContainer","warning","errorIcon","accessibilityLabel","accessibilityRole","accessibilityHint","buttonText","default","source","uri","ref","controls","ignoreSilentSwitch","onFullscreenPlayerWillPresent","onFullscreenPlayerDidDismiss","_default","withPreferredColorScheme","exports"],"sources":["@wordpress/components/src/mobile/audio-player/index.native.js"],"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"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_primitives","_components","_compose","_i18n","_icons","_reactNativeBridge","_url","_element","_styles","_audioUrlParser","isIOS","Platform","OS","Player","getStylesFromColorScheme","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","useState","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","parseAudioUrl","getSubtitleValue","onAudioUploadCancelDialog","requestImageUploadCancelDialog","getProtocol","requestImageFailedRetryDialog","_react","createElement","TouchableWithoutFeedback","accessible","disabled","onPress","View","style","Icon","audio","size","Text","subtitleContainer","warning","errorIcon","accessibilityLabel","accessibilityRole","accessibilityHint","buttonText","default","source","uri","ref","controls","ignoreSilentSwitch","onFullscreenPlayerWillPresent","onFullscreenPlayerDidDismiss","_default","withPreferredColorScheme","exports"],"sources":["@wordpress/components/src/mobile/audio-player/index.native.js"],"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"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _style = _interopRequireDefault(require("./style.scss"));
@@ -26,9 +26,9 @@ const Badge = ({
   children,
   show = true
 }) => {
-  return (0, _element.createElement)(_element.Fragment, null, children, (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_react.Fragment, null, children, (0, _react.createElement)(_reactNative.View, {
     style: _style.default.badgeContainer
-  }, show && (0, _element.createElement)(_reactNative.Text, {
+  }, show && (0, _react.createElement)(_reactNative.Text, {
     style: _style.default.badge
   }, label)));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","Badge","label","children","show","_element","createElement","Fragment","View","style","styles","badgeContainer","Text","badge","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,KAAK,GAAGA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAM;EACrD,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACGJ,QAAQ,EACV,IAAAE,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAgB,GAClCP,IAAI,IAAI,IAAAC,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAgB,IAAI;IAACH,KAAK,EAAGC,cAAM,CAACG;EAAO,GAAGX,KAAa,CACjD,CACL,CAAC;AAEL,CAAC;AAAC,IAAAY,QAAA,GAEa,IAAAC,iCAAwB,EAAEd,KAAM,CAAC;AAAAe,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","Badge","label","children","show","_react","createElement","Fragment","View","style","styles","badgeContainer","Text","badge","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,KAAK,GAAGA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAM;EACrD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGJ,QAAQ,EACV,IAAAE,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAgB,GAClCP,IAAI,IAAI,IAAAC,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAgB,IAAI;IAACH,KAAK,EAAGC,cAAM,CAACG;EAAO,GAAGX,KAAa,CACjD,CACL,CAAC;AAEL,CAAC;AAAC,IAAAY,QAAA,GAEa,IAAAC,iCAAwB,EAAEd,KAAM,CAAC;AAAAe,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _native = require("@react-navigation/native");
 var _stack = require("@react-navigation/stack");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _bottomSheetNavigationContext = require("./bottom-sheet-navigation-context");
 var _bottomSheetContext = require("../bottom-sheet-context");
@@ -111,7 +112,7 @@ function BottomSheetNavigationContainer({
           isNested: true
         });
       }
-      return (0, _element.createElement)(Stack.Screen, {
+      return (0, _react.createElement)(Stack.Screen, {
         name: name,
         ...otherProps,
         children: () => screen
@@ -119,20 +120,20 @@ function BottomSheetNavigationContainer({
     });
   }, [children, main]);
   return (0, _element.useMemo)(() => {
-    return (0, _element.createElement)(_reactNativeReanimated.default.View, {
+    return (0, _react.createElement)(_reactNativeReanimated.default.View, {
       style: [style, animatedStyles],
       testID: testID
-    }, (0, _element.createElement)(_bottomSheetNavigationContext.BottomSheetNavigationProvider, {
+    }, (0, _react.createElement)(_bottomSheetNavigationContext.BottomSheetNavigationProvider, {
       value: {
         setHeight,
         currentHeight
       }
-    }, main ? (0, _element.createElement)(_native.NavigationContainer, {
+    }, main ? (0, _react.createElement)(_native.NavigationContainer, {
       theme: _theme
-    }, (0, _element.createElement)(Stack.Navigator, {
+    }, (0, _react.createElement)(Stack.Navigator, {
       screenOptions: options,
       detachInactiveScreens: false
-    }, screens)) : (0, _element.createElement)(Stack.Navigator, {
+    }, screens)) : (0, _react.createElement)(Stack.Navigator, {
       screenOptions: options,
       detachInactiveScreens: false
     }, screens)));

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_native","_stack","_reactNativeReanimated","_interopRequireWildcard","_compose","_bottomSheetNavigationContext","_bottomSheetContext","_styles","_interopRequireDefault","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AnimationSpec","animation","config","duration","easing","Easing","ease","fadeConfig","current","cardStyle","opacity","progress","options","transitionSpec","open","close","headerShown","gestureEnabled","cardStyleInterpolator","keyboardHandlingEnabled","HEIGHT_ANIMATION_DURATION","DEFAULT_HEIGHT","BottomSheetNavigationContainer","children","animate","main","theme","style","testID","Stack","useRef","createStackNavigator","navigationContext","useContext","BottomSheetNavigationContext","maxHeight","sheetMaxHeight","isMaxHeightSet","isSheetMaxHeightSet","BottomSheetContext","currentHeight","useSharedValue","value","backgroundStyle","usePreferredColorSchemeStyle","styles","background","backgroundDark","defaultTheme","useMemo","DefaultTheme","colors","backgroundColor","_theme","setHeight","useCallback","height","Math","round","newHeight","min","shouldAnimate","withTiming","out","cubic","animatedStyles","useAnimatedStyle","screens","Children","map","child","screen","name","otherProps","props","cloneElement","isNested","createElement","Screen","View","BottomSheetNavigationProvider","NavigationContainer","Navigator","screenOptions","detachInactiveScreens","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { NavigationContainer, DefaultTheme } from '@react-navigation/native';\nimport { createStackNavigator } from '@react-navigation/stack';\nimport Animated, {\n\tEasing,\n\tuseAnimatedStyle,\n\tuseSharedValue,\n\twithTiming,\n} from 'react-native-reanimated';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseMemo,\n\tuseCallback,\n\tChildren,\n\tuseRef,\n\tcloneElement,\n} from '@wordpress/element';\n\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBottomSheetNavigationContext,\n\tBottomSheetNavigationProvider,\n} from './bottom-sheet-navigation-context';\nimport { BottomSheetContext } from '../bottom-sheet-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\tkeyboardHandlingEnabled: false,\n};\n\nconst HEIGHT_ANIMATION_DURATION = 300;\nconst DEFAULT_HEIGHT = 1;\n\nfunction BottomSheetNavigationContainer( {\n\tchildren,\n\tanimate,\n\tmain,\n\ttheme,\n\tstyle,\n\ttestID,\n} ) {\n\tconst Stack = useRef( createStackNavigator() ).current;\n\tconst navigationContext = useContext( BottomSheetNavigationContext );\n\tconst { maxHeight: sheetMaxHeight, isMaxHeightSet: isSheetMaxHeightSet } =\n\t\tuseContext( BottomSheetContext );\n\tconst currentHeight = useSharedValue(\n\t\tnavigationContext.currentHeight?.value || DEFAULT_HEIGHT\n\t);\n\n\tconst backgroundStyle = usePreferredColorSchemeStyle(\n\t\tstyles.background,\n\t\tstyles.backgroundDark\n\t);\n\n\tconst defaultTheme = useMemo(\n\t\t() => ( {\n\t\t\t...DefaultTheme,\n\t\t\tcolors: {\n\t\t\t\t...DefaultTheme.colors,\n\t\t\t\tbackground: backgroundStyle.backgroundColor,\n\t\t\t},\n\t\t} ),\n\t\t[ backgroundStyle.backgroundColor ]\n\t);\n\tconst _theme = theme || defaultTheme;\n\n\tconst setHeight = useCallback(\n\t\t( height ) => {\n\t\t\tif (\n\t\t\t\theight > DEFAULT_HEIGHT &&\n\t\t\t\tMath.round( height ) !== Math.round( currentHeight.value )\n\t\t\t) {\n\t\t\t\t// If max height is set in the bottom sheet, we clamp\n\t\t\t\t// the new height using that value.\n\t\t\t\tconst newHeight = isSheetMaxHeightSet\n\t\t\t\t\t? Math.min( sheetMaxHeight, height )\n\t\t\t\t\t: height;\n\t\t\t\tconst shouldAnimate =\n\t\t\t\t\tanimate && currentHeight.value !== DEFAULT_HEIGHT;\n\n\t\t\t\tif ( shouldAnimate ) {\n\t\t\t\t\tcurrentHeight.value = withTiming( newHeight, {\n\t\t\t\t\t\tduration: HEIGHT_ANIMATION_DURATION,\n\t\t\t\t\t\teasing: Easing.out( Easing.cubic ),\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tcurrentHeight.value = newHeight;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ animate, currentHeight, isSheetMaxHeightSet, sheetMaxHeight ]\n\t);\n\n\tconst animatedStyles = useAnimatedStyle( () => ( {\n\t\theight: currentHeight.value,\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, main ] );\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<Animated.View\n\t\t\t\tstyle={ [ style, animatedStyles ] }\n\t\t\t\ttestID={ testID }\n\t\t\t>\n\t\t\t\t<BottomSheetNavigationProvider\n\t\t\t\t\tvalue={ { setHeight, currentHeight } }\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\n\t\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t\t>\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\n\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t>\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</Animated.View>\n\t\t);\n\t}, [\n\t\t_theme,\n\t\tanimatedStyles,\n\t\tcurrentHeight,\n\t\tmain,\n\t\tscreens,\n\t\tsetHeight,\n\t\tstyle,\n\t\ttestID,\n\t] );\n}\n\nexport default BottomSheetNavigationContainer;\n"],"mappings":";;;;;;;AAeA,IAAAA,QAAA,GAAAC,OAAA;AAZA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAmBA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,6BAAA,GAAAN,OAAA;AAIA,IAAAO,mBAAA,GAAAP,OAAA;AAEA,IAAAQ,OAAA,GAAAC,sBAAA,CAAAT,OAAA;AAAmC,SAAAU,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAnCnC;AACA;AACA;;AAUA;AACA;AACA;;AAYA;AACA;AACA;;AASA,MAAMW,aAAa,GAAG;EACrBC,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;IACPC,QAAQ,EAAE,GAAG;IACbC,MAAM,EAAEC,6BAAM,CAACC;EAChB;AACD,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAE;EAAEC;AAAQ,CAAC,KAAM;EACrC,OAAO;IACNC,SAAS,EAAE;MACVC,OAAO,EAAEF,OAAO,CAACG;IAClB;EACD,CAAC;AACF,CAAC;AAED,MAAMC,OAAO,GAAG;EACfC,cAAc,EAAE;IACfC,IAAI,EAAEd,aAAa;IACnBe,KAAK,EAAEf;EACR,CAAC;EACDgB,WAAW,EAAE,KAAK;EAClBC,cAAc,EAAE,KAAK;EACrBC,qBAAqB,EAAEX,UAAU;EACjCY,uBAAuB,EAAE;AAC1B,CAAC;AAED,MAAMC,yBAAyB,GAAG,GAAG;AACrC,MAAMC,cAAc,GAAG,CAAC;AAExB,SAASC,8BAA8BA,CAAE;EACxCC,QAAQ;EACRC,OAAO;EACPC,IAAI;EACJC,KAAK;EACLC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,MAAMC,KAAK,GAAG,IAAAC,eAAM,EAAE,IAAAC,2BAAoB,EAAC,CAAE,CAAC,CAACvB,OAAO;EACtD,MAAMwB,iBAAiB,GAAG,IAAAC,mBAAU,EAAEC,0DAA6B,CAAC;EACpE,MAAM;IAAEC,SAAS,EAAEC,cAAc;IAAEC,cAAc,EAAEC;EAAoB,CAAC,GACvE,IAAAL,mBAAU,EAAEM,sCAAmB,CAAC;EACjC,MAAMC,aAAa,GAAG,IAAAC,qCAAc,EACnCT,iBAAiB,CAACQ,aAAa,EAAEE,KAAK,IAAIrB,cAC3C,CAAC;EAED,MAAMsB,eAAe,GAAG,IAAAC,qCAA4B,EACnDC,eAAM,CAACC,UAAU,EACjBD,eAAM,CAACE,cACR,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAC,gBAAO,EAC3B,OAAQ;IACP,GAAGC,oBAAY;IACfC,MAAM,EAAE;MACP,GAAGD,oBAAY,CAACC,MAAM;MACtBL,UAAU,EAAEH,eAAe,CAACS;IAC7B;EACD,CAAC,CAAE,EACH,CAAET,eAAe,CAACS,eAAe,CAClC,CAAC;EACD,MAAMC,MAAM,GAAG3B,KAAK,IAAIsB,YAAY;EAEpC,MAAMM,SAAS,GAAG,IAAAC,oBAAW,EAC1BC,MAAM,IAAM;IACb,IACCA,MAAM,GAAGnC,cAAc,IACvBoC,IAAI,CAACC,KAAK,CAAEF,MAAO,CAAC,KAAKC,IAAI,CAACC,KAAK,CAAElB,aAAa,CAACE,KAAM,CAAC,EACzD;MACD;MACA;MACA,MAAMiB,SAAS,GAAGrB,mBAAmB,GAClCmB,IAAI,CAACG,GAAG,CAAExB,cAAc,EAAEoB,MAAO,CAAC,GAClCA,MAAM;MACT,MAAMK,aAAa,GAClBrC,OAAO,IAAIgB,aAAa,CAACE,KAAK,KAAKrB,cAAc;MAElD,IAAKwC,aAAa,EAAG;QACpBrB,aAAa,CAACE,KAAK,GAAG,IAAAoB,iCAAU,EAAEH,SAAS,EAAE;UAC5CxD,QAAQ,EAAEiB,yBAAyB;UACnChB,MAAM,EAAEC,6BAAM,CAAC0D,GAAG,CAAE1D,6BAAM,CAAC2D,KAAM;QAClC,CAAE,CAAC;MACJ,CAAC,MAAM;QACNxB,aAAa,CAACE,KAAK,GAAGiB,SAAS;MAChC;IACD;EACD,CAAC,EACD,CAAEnC,OAAO,EAAEgB,aAAa,EAAEF,mBAAmB,EAAEF,cAAc,CAC9D,CAAC;EAED,MAAM6B,cAAc,GAAG,IAAAC,uCAAgB,EAAE,OAAQ;IAChDV,MAAM,EAAEhB,aAAa,CAACE;EACvB,CAAC,CAAG,CAAC;EAEL,MAAMyB,OAAO,GAAG,IAAAlB,gBAAO,EAAE,MAAM;IAC9B,OAAOmB,iBAAQ,CAACC,GAAG,CAAE9C,QAAQ,EAAI+C,KAAK,IAAM;MAC3C,IAAIC,MAAM,GAAGD,KAAK;MAClB,MAAM;QAAEE,IAAI;QAAE,GAAGC;MAAW,CAAC,GAAGH,KAAK,CAACI,KAAK;MAC3C,IAAK,CAAEjD,IAAI,EAAG;QACb8C,MAAM,GAAG,IAAAI,qBAAY,EAAEL,KAAK,EAAE;UAC7B,GAAGA,KAAK,CAACI,KAAK;UACdE,QAAQ,EAAE;QACX,CAAE,CAAC;MACJ;MACA,OACC,IAAA7G,QAAA,CAAA8G,aAAA,EAAChD,KAAK,CAACiD,MAAM;QACZN,IAAI,EAAGA,IAAM;QAAA,GACRC,UAAU;QACflD,QAAQ,EAAGA,CAAA,KAAMgD;MAAQ,CACzB,CAAC;IAEJ,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEhD,QAAQ,EAAEE,IAAI,CAAG,CAAC;EAEvB,OAAO,IAAAwB,gBAAO,EAAE,MAAM;IACrB,OACC,IAAAlF,QAAA,CAAA8G,aAAA,EAAC1G,sBAAA,CAAAc,OAAQ,CAAC8F,IAAI;MACbpD,KAAK,EAAG,CAAEA,KAAK,EAAEsC,cAAc,CAAI;MACnCrC,MAAM,EAAGA;IAAQ,GAEjB,IAAA7D,QAAA,CAAA8G,aAAA,EAACvG,6BAAA,CAAA0G,6BAA6B;MAC7BtC,KAAK,EAAG;QAAEY,SAAS;QAAEd;MAAc;IAAG,GAEpCf,IAAI,GACL,IAAA1D,QAAA,CAAA8G,aAAA,EAAC5G,OAAA,CAAAgH,mBAAmB;MAACvD,KAAK,EAAG2B;IAAQ,GACpC,IAAAtF,QAAA,CAAA8G,aAAA,EAAChD,KAAK,CAACqD,SAAS;MACfC,aAAa,EAAGvE,OAAS;MACzBwE,qBAAqB,EAAG;IAAO,GAE7BjB,OACc,CACG,CAAC,GAEtB,IAAApG,QAAA,CAAA8G,aAAA,EAAChD,KAAK,CAACqD,SAAS;MACfC,aAAa,EAAGvE,OAAS;MACzBwE,qBAAqB,EAAG;IAAO,GAE7BjB,OACc,CAEY,CACjB,CAAC;EAElB,CAAC,EAAE,CACFd,MAAM,EACNY,cAAc,EACdzB,aAAa,EACbf,IAAI,EACJ0C,OAAO,EACPb,SAAS,EACT3B,KAAK,EACLC,MAAM,CACL,CAAC;AACJ;AAAC,IAAAyD,QAAA,GAEc/D,8BAA8B;AAAAgE,OAAA,CAAArG,OAAA,GAAAoG,QAAA"}
+{"version":3,"names":["_native","require","_stack","_reactNativeReanimated","_interopRequireWildcard","_element","_compose","_bottomSheetNavigationContext","_bottomSheetContext","_styles","_interopRequireDefault","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AnimationSpec","animation","config","duration","easing","Easing","ease","fadeConfig","current","cardStyle","opacity","progress","options","transitionSpec","open","close","headerShown","gestureEnabled","cardStyleInterpolator","keyboardHandlingEnabled","HEIGHT_ANIMATION_DURATION","DEFAULT_HEIGHT","BottomSheetNavigationContainer","children","animate","main","theme","style","testID","Stack","useRef","createStackNavigator","navigationContext","useContext","BottomSheetNavigationContext","maxHeight","sheetMaxHeight","isMaxHeightSet","isSheetMaxHeightSet","BottomSheetContext","currentHeight","useSharedValue","value","backgroundStyle","usePreferredColorSchemeStyle","styles","background","backgroundDark","defaultTheme","useMemo","DefaultTheme","colors","backgroundColor","_theme","setHeight","useCallback","height","Math","round","newHeight","min","shouldAnimate","withTiming","out","cubic","animatedStyles","useAnimatedStyle","screens","Children","map","child","screen","name","otherProps","props","cloneElement","isNested","_react","createElement","Screen","View","BottomSheetNavigationProvider","NavigationContainer","Navigator","screenOptions","detachInactiveScreens","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { NavigationContainer, DefaultTheme } from '@react-navigation/native';\nimport { createStackNavigator } from '@react-navigation/stack';\nimport Animated, {\n\tEasing,\n\tuseAnimatedStyle,\n\tuseSharedValue,\n\twithTiming,\n} from 'react-native-reanimated';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseMemo,\n\tuseCallback,\n\tChildren,\n\tuseRef,\n\tcloneElement,\n} from '@wordpress/element';\n\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBottomSheetNavigationContext,\n\tBottomSheetNavigationProvider,\n} from './bottom-sheet-navigation-context';\nimport { BottomSheetContext } from '../bottom-sheet-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\tkeyboardHandlingEnabled: false,\n};\n\nconst HEIGHT_ANIMATION_DURATION = 300;\nconst DEFAULT_HEIGHT = 1;\n\nfunction BottomSheetNavigationContainer( {\n\tchildren,\n\tanimate,\n\tmain,\n\ttheme,\n\tstyle,\n\ttestID,\n} ) {\n\tconst Stack = useRef( createStackNavigator() ).current;\n\tconst navigationContext = useContext( BottomSheetNavigationContext );\n\tconst { maxHeight: sheetMaxHeight, isMaxHeightSet: isSheetMaxHeightSet } =\n\t\tuseContext( BottomSheetContext );\n\tconst currentHeight = useSharedValue(\n\t\tnavigationContext.currentHeight?.value || DEFAULT_HEIGHT\n\t);\n\n\tconst backgroundStyle = usePreferredColorSchemeStyle(\n\t\tstyles.background,\n\t\tstyles.backgroundDark\n\t);\n\n\tconst defaultTheme = useMemo(\n\t\t() => ( {\n\t\t\t...DefaultTheme,\n\t\t\tcolors: {\n\t\t\t\t...DefaultTheme.colors,\n\t\t\t\tbackground: backgroundStyle.backgroundColor,\n\t\t\t},\n\t\t} ),\n\t\t[ backgroundStyle.backgroundColor ]\n\t);\n\tconst _theme = theme || defaultTheme;\n\n\tconst setHeight = useCallback(\n\t\t( height ) => {\n\t\t\tif (\n\t\t\t\theight > DEFAULT_HEIGHT &&\n\t\t\t\tMath.round( height ) !== Math.round( currentHeight.value )\n\t\t\t) {\n\t\t\t\t// If max height is set in the bottom sheet, we clamp\n\t\t\t\t// the new height using that value.\n\t\t\t\tconst newHeight = isSheetMaxHeightSet\n\t\t\t\t\t? Math.min( sheetMaxHeight, height )\n\t\t\t\t\t: height;\n\t\t\t\tconst shouldAnimate =\n\t\t\t\t\tanimate && currentHeight.value !== DEFAULT_HEIGHT;\n\n\t\t\t\tif ( shouldAnimate ) {\n\t\t\t\t\tcurrentHeight.value = withTiming( newHeight, {\n\t\t\t\t\t\tduration: HEIGHT_ANIMATION_DURATION,\n\t\t\t\t\t\teasing: Easing.out( Easing.cubic ),\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tcurrentHeight.value = newHeight;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ animate, currentHeight, isSheetMaxHeightSet, sheetMaxHeight ]\n\t);\n\n\tconst animatedStyles = useAnimatedStyle( () => ( {\n\t\theight: currentHeight.value,\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, main ] );\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<Animated.View\n\t\t\t\tstyle={ [ style, animatedStyles ] }\n\t\t\t\ttestID={ testID }\n\t\t\t>\n\t\t\t\t<BottomSheetNavigationProvider\n\t\t\t\t\tvalue={ { setHeight, currentHeight } }\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\n\t\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t\t>\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\n\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t>\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</Animated.View>\n\t\t);\n\t}, [\n\t\t_theme,\n\t\tanimatedStyles,\n\t\tcurrentHeight,\n\t\tmain,\n\t\tscreens,\n\t\tsetHeight,\n\t\tstyle,\n\t\ttestID,\n\t] );\n}\n\nexport default BottomSheetNavigationContainer;\n"],"mappings":"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"}

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _native = require("@react-navigation/native");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _bottomSheetNavigationContext = require("./bottom-sheet-navigation-context");
 var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
@@ -98,17 +99,17 @@ const BottomSheetNavigationScreen = ({
     }
   };
   return (0, _element.useMemo)(() => {
-    return isScrollable || isNested ? (0, _element.createElement)(_reactNative.View, {
+    return isScrollable || isNested ? (0, _react.createElement)(_reactNative.View, {
       onLayout: onLayout,
       testID: `navigation-screen-${name}`
-    }, children) : (0, _element.createElement)(_reactNative.ScrollView, {
+    }, children) : (0, _react.createElement)(_reactNative.ScrollView, {
       ...listProps
-    }, (0, _element.createElement)(_reactNative.TouchableHighlight, {
+    }, (0, _react.createElement)(_reactNative.TouchableHighlight, {
       accessible: false
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       onLayout: onLayout,
       testID: `navigation-screen-${name}`
-    }, children, !isNested && (0, _element.createElement)(_reactNative.View, {
+    }, children, !isNested && (0, _react.createElement)(_reactNative.View, {
       style: {
         height: safeAreaBottomInset || _styles.default.scrollableContent.paddingBottom
       }

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_native","_reactNative","_components","_bottomSheetNavigationContext","_styles","_interopRequireDefault","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","useNavigation","maxHeight","useRef","isFocused","useIsFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","useContext","BottomSheetContext","height","windowHeight","useWindowDimensions","setHeight","BottomSheetNavigationContext","useFocusEffect","useCallback","canGoBack","goBack","current","onLayout","nativeEvent","layout","useMemo","createElement","View","testID","ScrollView","TouchableHighlight","accessible","style","styles","scrollableContent","paddingBottom","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport {\n\tScrollView,\n\tTouchableHighlight,\n\tuseWindowDimensions,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheetContext } from '@wordpress/components';\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\tname,\n} ) => {\n\tconst navigation = useNavigation();\n\tconst maxHeight = useRef( 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\tconst { height: windowHeight } = useWindowDimensions();\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\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\t/**\n\t\t\t * TODO: onHandleHardwareButtonPress stores a single value, which means\n\t\t\t * future invocations from sibling screens can replace the callback for\n\t\t\t * the currently active screen. Currently, the empty dependency array\n\t\t\t * passed to useCallback here is what prevents erroneous callback\n\t\t\t * replacements, but leveraging memoization to achieve this is brittle and\n\t\t\t * explicitly discouraged in the React documentation.\n\t\t\t * https://reactjs.org/docs/hooks-reference.html#usememo\n\t\t\t *\n\t\t\t * Ideally, we refactor onHandleHardwareButtonPress to manage multiple\n\t\t\t * callbacks triggered based upon which screen is currently active.\n\t\t\t *\n\t\t\t * Related: https://github.com/WordPress/gutenberg/pull/36328#discussion_r768897546\n\t\t\t */\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);\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tif ( fullScreen ) {\n\t\t\t\tsetHeight( windowHeight );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( maxHeight.current !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( maxHeight.current );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t}, [ fullScreen, setHeight, setIsFullScreen, windowHeight ] )\n\t);\n\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tif ( fullScreen ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { height } = nativeEvent.layout;\n\t\tif ( maxHeight.current !== height && isFocused ) {\n\t\t\tmaxHeight.current = height;\n\t\t\tsetHeight( height );\n\t\t}\n\t};\n\n\treturn useMemo( () => {\n\t\treturn isScrollable || isNested ? (\n\t\t\t<View\n\t\t\t\tonLayout={ onLayout }\n\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</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\n\t\t\t\t\t\tonLayout={ onLayout }\n\t\t\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t\t\t>\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\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [\n\t\tchildren,\n\t\tisFocused,\n\t\tsafeAreaBottomInset,\n\t\tlistProps,\n\t\tname,\n\t\tisScrollable,\n\t\tisNested,\n\t\tonLayout,\n\t] );\n};\n\nexport default BottomSheetNavigationScreen;\n"],"mappings":";;;;;;;AAmBA,IAAAA,QAAA,GAAAC,OAAA;AAhBA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AAUA,IAAAG,WAAA,GAAAH,OAAA;AAMA,IAAAI,6BAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAzBA;AACA;AACA;;AAaA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAMO,2BAA2B,GAAGA,CAAE;EACrCC,QAAQ;EACRC,UAAU;EACVC,YAAY;EACZC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAMC,SAAS,GAAG,IAAAC,eAAM,EAAE,CAAE,CAAC;EAC7B,MAAMC,SAAS,GAAG,IAAAC,oBAAY,EAAC,CAAC;EAChC,MAAM;IACLC,2BAA2B;IAC3BC,gCAAgC;IAChCC,eAAe;IACfC,SAAS;IACTC;EACD,CAAC,GAAG,IAAAC,mBAAU,EAAEC,8BAAmB,CAAC;EACpC,MAAM;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAEtD,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAL,mBAAU,EAAEM,0DAA6B,CAAC;EAEhE,IAAAC,sBAAc,EACb,IAAAC,oBAAW,EAAE,MAAM;IAClBb,2BAA2B,CAAE,MAAM;MAClC,IAAKN,UAAU,CAACoB,SAAS,CAAC,CAAC,EAAG;QAC7Bb,gCAAgC,CAAE,IAAK,CAAC;QACxCP,UAAU,CAACqB,MAAM,CAAC,CAAC;QACnB,OAAO,IAAI;MACZ;MACAf,2BAA2B,CAAE,IAAK,CAAC;MACnC,OAAO,KAAK;IACb,CAAE,CAAC;IACH;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACG;IACA;EACD,CAAC,EAAE,EAAG,CACP,CAAC;EAED,IAAAY,sBAAc,EACb,IAAAC,oBAAW,EAAE,MAAM;IAClB,IAAKvB,UAAU,EAAG;MACjBoB,SAAS,CAAEF,YAAa,CAAC;MACzBN,eAAe,CAAE,IAAK,CAAC;IACxB,CAAC,MAAM,IAAKN,SAAS,CAACoB,OAAO,KAAK,CAAC,EAAG;MACrCd,eAAe,CAAE,KAAM,CAAC;MACxBQ,SAAS,CAAEd,SAAS,CAACoB,OAAQ,CAAC;IAC/B;IACA,OAAO,MAAM,CAAC,CAAC;EAChB,CAAC,EAAE,CAAE1B,UAAU,EAAEoB,SAAS,EAAER,eAAe,EAAEM,YAAY,CAAG,CAC7D,CAAC;EAED,MAAMS,QAAQ,GAAGA,CAAE;IAAEC;EAAY,CAAC,KAAM;IACvC,IAAK5B,UAAU,EAAG;MACjB;IACD;IACA,MAAM;MAAEiB;IAAO,CAAC,GAAGW,WAAW,CAACC,MAAM;IACrC,IAAKvB,SAAS,CAACoB,OAAO,KAAKT,MAAM,IAAIT,SAAS,EAAG;MAChDF,SAAS,CAACoB,OAAO,GAAGT,MAAM;MAC1BG,SAAS,CAAEH,MAAO,CAAC;IACpB;EACD,CAAC;EAED,OAAO,IAAAa,gBAAO,EAAE,MAAM;IACrB,OAAO7B,YAAY,IAAIC,QAAQ,GAC9B,IAAAZ,QAAA,CAAAyC,aAAA,EAACtC,YAAA,CAAAuC,IAAI;MACJL,QAAQ,EAAGA,QAAU;MACrBM,MAAM,EAAI,qBAAqB9B,IAAM;IAAG,GAEtCJ,QACG,CAAC,GAEP,IAAAT,QAAA,CAAAyC,aAAA,EAACtC,YAAA,CAAAyC,UAAU;MAAA,GAAMrB;IAAS,GACzB,IAAAvB,QAAA,CAAAyC,aAAA,EAACtC,YAAA,CAAA0C,kBAAkB;MAACC,UAAU,EAAG;IAAO,GACvC,IAAA9C,QAAA,CAAAyC,aAAA,EAACtC,YAAA,CAAAuC,IAAI;MACJL,QAAQ,EAAGA,QAAU;MACrBM,MAAM,EAAI,qBAAqB9B,IAAM;IAAG,GAEtCJ,QAAQ,EACR,CAAEG,QAAQ,IACX,IAAAZ,QAAA,CAAAyC,aAAA,EAACtC,YAAA,CAAAuC,IAAI;MACJK,KAAK,EAAG;QACPpB,MAAM,EACLH,mBAAmB,IACnBwB,eAAM,CAACC,iBAAiB,CAACC;MAC3B;IAAG,CACH,CAEG,CACa,CACT,CACZ;IACD;IACA;IACA;EACD,CAAC,EAAE,CACFzC,QAAQ,EACRS,SAAS,EACTM,mBAAmB,EACnBD,SAAS,EACTV,IAAI,EACJF,YAAY,EACZC,QAAQ,EACRyB,QAAQ,CACP,CAAC;AACJ,CAAC;AAAC,IAAAc,QAAA,GAEa3C,2BAA2B;AAAA4C,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_native","require","_reactNative","_components","_element","_bottomSheetNavigationContext","_styles","_interopRequireDefault","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","useNavigation","maxHeight","useRef","isFocused","useIsFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","useContext","BottomSheetContext","height","windowHeight","useWindowDimensions","setHeight","BottomSheetNavigationContext","useFocusEffect","useCallback","canGoBack","goBack","current","onLayout","nativeEvent","layout","useMemo","_react","createElement","View","testID","ScrollView","TouchableHighlight","accessible","style","styles","scrollableContent","paddingBottom","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport {\n\tScrollView,\n\tTouchableHighlight,\n\tuseWindowDimensions,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheetContext } from '@wordpress/components';\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\tname,\n} ) => {\n\tconst navigation = useNavigation();\n\tconst maxHeight = useRef( 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\tconst { height: windowHeight } = useWindowDimensions();\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\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\t/**\n\t\t\t * TODO: onHandleHardwareButtonPress stores a single value, which means\n\t\t\t * future invocations from sibling screens can replace the callback for\n\t\t\t * the currently active screen. Currently, the empty dependency array\n\t\t\t * passed to useCallback here is what prevents erroneous callback\n\t\t\t * replacements, but leveraging memoization to achieve this is brittle and\n\t\t\t * explicitly discouraged in the React documentation.\n\t\t\t * https://reactjs.org/docs/hooks-reference.html#usememo\n\t\t\t *\n\t\t\t * Ideally, we refactor onHandleHardwareButtonPress to manage multiple\n\t\t\t * callbacks triggered based upon which screen is currently active.\n\t\t\t *\n\t\t\t * Related: https://github.com/WordPress/gutenberg/pull/36328#discussion_r768897546\n\t\t\t */\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);\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tif ( fullScreen ) {\n\t\t\t\tsetHeight( windowHeight );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( maxHeight.current !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( maxHeight.current );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t}, [ fullScreen, setHeight, setIsFullScreen, windowHeight ] )\n\t);\n\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tif ( fullScreen ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { height } = nativeEvent.layout;\n\t\tif ( maxHeight.current !== height && isFocused ) {\n\t\t\tmaxHeight.current = height;\n\t\t\tsetHeight( height );\n\t\t}\n\t};\n\n\treturn useMemo( () => {\n\t\treturn isScrollable || isNested ? (\n\t\t\t<View\n\t\t\t\tonLayout={ onLayout }\n\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</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\n\t\t\t\t\t\tonLayout={ onLayout }\n\t\t\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t\t\t>\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\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [\n\t\tchildren,\n\t\tisFocused,\n\t\tsafeAreaBottomInset,\n\t\tlistProps,\n\t\tname,\n\t\tisScrollable,\n\t\tisNested,\n\t\tonLayout,\n\t] );\n};\n\nexport default BottomSheetNavigationScreen;\n"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
@@ -21,16 +21,16 @@ const BottomSheetButton = ({
   disabled,
   text,
   color
-}) => (0, _element.createElement)(_reactNative.TouchableOpacity, {
+}) => (0, _react.createElement)(_reactNative.TouchableOpacity, {
   accessible: true,
   onPress: onPress,
   disabled: disabled
-}, (0, _element.createElement)(_reactNative.View, {
+}, (0, _react.createElement)(_reactNative.View, {
   style: {
     flexDirection: 'row',
     justifyContent: 'center'
   }
-}, (0, _element.createElement)(_reactNative.Text, {
+}, (0, _react.createElement)(_reactNative.Text, {
   style: {
     ..._styles.default.buttonText,
     color

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_styles","_interopRequireDefault","BottomSheetButton","onPress","disabled","text","color","_element","createElement","TouchableOpacity","accessible","View","style","flexDirection","justifyContent","Text","styles","buttonText","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMG,iBAAiB,GAAGA,CAAE;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAC7D,IAAAC,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,gBAAgB;EAChBC,UAAU,EAAG,IAAM;EACnBP,OAAO,EAAGA,OAAS;EACnBC,QAAQ,EAAGA;AAAU,GAErB,IAAAG,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAa,IAAI;EAACC,KAAK,EAAG;IAAEC,aAAa,EAAE,KAAK;IAAEC,cAAc,EAAE;EAAS;AAAG,GACjE,IAAAP,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAiB,IAAI;EAACH,KAAK,EAAG;IAAE,GAAGI,eAAM,CAACC,UAAU;IAAEX;EAAM;AAAG,GAAGD,IAAY,CACzD,CACW,CAClB;AAAC,IAAAa,QAAA,GAEahB,iBAAiB;AAAAiB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_styles","_interopRequireDefault","BottomSheetButton","onPress","disabled","text","color","_react","createElement","TouchableOpacity","accessible","View","style","flexDirection","justifyContent","Text","styles","buttonText","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMG,iBAAiB,GAAGA,CAAE;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAC7D,IAAAC,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,gBAAgB;EAChBC,UAAU,EAAG,IAAM;EACnBP,OAAO,EAAGA,OAAS;EACnBC,QAAQ,EAAGA;AAAU,GAErB,IAAAG,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAa,IAAI;EAACC,KAAK,EAAG;IAAEC,aAAa,EAAE,KAAK;IAAEC,cAAc,EAAE;EAAS;AAAG,GACjE,IAAAP,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAiB,IAAI;EAACH,KAAK,EAAG;IAAE,GAAGI,eAAM,CAACC,UAAU;IAAEX;EAAM;AAAG,GAAGD,IAAY,CACzD,CACW,CAClB;AAAC,IAAAa,QAAA,GAEahB,iBAAiB;AAAAiB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
 var _styles = _interopRequireDefault(require("./styles.scss"));
@@ -187,7 +188,7 @@ class BottomSheetCell extends _element.Component {
       // and the Text component to display it.
       // We also show the TextInput to display placeholder.
       const shouldShowPlaceholder = isInteractive && value === '';
-      return this.state.isEditingValue || shouldShowPlaceholder ? (0, _element.createElement)(_reactNative.TextInput, {
+      return this.state.isEditingValue || shouldShowPlaceholder ? (0, _react.createElement)(_reactNative.TextInput, {
         ref: c => this._valueTextInput = c,
         numberOfLines: 1,
         style: textInputStyle,
@@ -203,7 +204,7 @@ class BottomSheetCell extends _element.Component {
         keyboardType: this.typeToKeyboardType(type, step),
         disabled: disabled,
         ...valueProps
-      }) : (0, _element.createElement)(_reactNative.Text, {
+      }) : (0, _react.createElement)(_reactNative.Text, {
         style: textStyle,
         numberOfLines: 1,
         ellipsizeMode: 'middle'
@@ -237,7 +238,7 @@ class BottomSheetCell extends _element.Component {
       handler
     } = customActionButton || {};
     const opacity = activeOpacity !== undefined ? activeOpacity : _cellStyles.default.activeOpacity?.opacity;
-    return (0, _element.createElement)(_ripple.default, {
+    return (0, _react.createElement)(_ripple.default, {
       accessible: accessible !== undefined ? accessible : !this.state.isEditingValue,
       accessibilityLabel: getAccessibilityLabel(),
       accessibilityRole: accessibilityRole || 'button',
@@ -249,49 +250,49 @@ class BottomSheetCell extends _element.Component {
       onLongPress: onLongPress,
       style: [_styles.default.clipToBounds, style],
       borderless: borderless
-    }, drawTopSeparator && (0, _element.createElement)(_reactNative.View, {
+    }, drawTopSeparator && (0, _react.createElement)(_reactNative.View, {
       style: separatorStyle()
-    }), (0, _element.createElement)(_reactNative.View, {
+    }), (0, _react.createElement)(_reactNative.View, {
       style: cellContainerStyles,
       pointerEvents: containerPointerEvents
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: rowContainerStyles
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: _styles.default.cellRowContainer
-    }, icon && (0, _element.createElement)(_reactNative.View, {
+    }, icon && (0, _react.createElement)(_reactNative.View, {
       style: [_styles.default.cellRowContainer, _styles.default.cellRowIcon]
-    }, (0, _element.createElement)(_components.Icon, {
+    }, (0, _react.createElement)(_components.Icon, {
       lock: true,
       icon: icon,
       size: 24,
       fill: iconStyle.color || iconStyleBase.color,
       style: iconStyle,
       isPressed: false
-    }), (0, _element.createElement)(_reactNative.View, {
+    }), (0, _react.createElement)(_reactNative.View, {
       style: _cellStyles.default.labelIconSeparator
-    })), subLabel && label && (0, _element.createElement)(_reactNative.View, null, (0, _element.createElement)(_reactNative.Text, {
+    })), subLabel && label && (0, _react.createElement)(_reactNative.View, null, (0, _react.createElement)(_reactNative.Text, {
       style: [defaultLabelStyle, labelStyle]
-    }, label), (0, _element.createElement)(_reactNative.Text, {
+    }, label), (0, _react.createElement)(_reactNative.Text, {
       style: defaultSubLabelStyleText
-    }, subLabel)), !subLabel && label && (0, _element.createElement)(_reactNative.Text, {
+    }, subLabel)), !subLabel && label && (0, _react.createElement)(_reactNative.Text, {
       style: [defaultLabelStyle, labelStyle]
-    }, label)), customActionButton && (0, _element.createElement)(_reactNative.TouchableOpacity, {
+    }, label)), customActionButton && (0, _react.createElement)(_reactNative.TouchableOpacity, {
       onPress: handler,
       accessibilityRole: 'button'
-    }, (0, _element.createElement)(_reactNative.Text, {
+    }, (0, _react.createElement)(_reactNative.Text, {
       style: resetButtonStyle
-    }, title))), isSelected && (0, _element.createElement)(_components.Icon, {
+    }, title))), isSelected && (0, _react.createElement)(_components.Icon, {
       icon: _icons.check,
       fill: _cellStyles.default.isSelected.color,
       testID: "bottom-sheet-cell-selected-icon"
-    }), showValue && getValueComponent(), (0, _element.createElement)(_reactNative.View, {
+    }), showValue && getValueComponent(), (0, _react.createElement)(_reactNative.View, {
       style: [disabled && disabledStyle, _styles.default.cellRowContainer],
       pointerEvents: disabled ? 'none' : 'auto'
-    }, children), disabled && showLockIcon && (0, _element.createElement)(_reactNative.View, {
+    }, children), disabled && showLockIcon && (0, _react.createElement)(_reactNative.View, {
       style: _styles.default.cellDisabled
-    }, (0, _element.createElement)(_lockIcon.default, null))), help && (0, _element.createElement)(_reactNative.Text, {
+    }, (0, _react.createElement)(_lockIcon.default, null))), help && (0, _react.createElement)(_reactNative.Text, {
       style: [cellHelpStyle, _styles.default.placeholderColor]
-    }, help), !drawTopSeparator && (0, _element.createElement)(_reactNative.View, {
+    }, help), !drawTopSeparator && (0, _react.createElement)(_reactNative.View, {
       style: separatorStyle()
     }));
   }