@wordpress/components 26.0.1-next.5a1d1283.0 → 26.0.1

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");
 /**
@@ -31,7 +32,6 @@ var _audioUrlParser = require("./audio-url-parser.native");
 
 const isIOS = _reactNative.Platform.OS === 'ios';
 function Player({
-  getStylesFromColorScheme,
   isUploadInProgress,
   isUploadFailed,
   attributes,
@@ -59,27 +59,27 @@ function Player({
       });
     }
   };
-  const containerStyle = getStylesFromColorScheme(_styles.default.container, _styles.default.containerDark);
-  const iconStyle = getStylesFromColorScheme(_styles.default.icon, _styles.default.iconDark);
-  const iconDisabledStyle = getStylesFromColorScheme(_styles.default.iconDisabled, _styles.default.iconDisabledDark);
+  const containerStyle = (0, _components.useEditorColorScheme)(_styles.default.container, _styles.default.containerDark);
+  const iconStyle = (0, _components.useEditorColorScheme)(_styles.default.icon, _styles.default.iconDark);
+  const iconDisabledStyle = (0, _components.useEditorColorScheme)(_styles.default.iconDisabled, _styles.default.iconDisabledDark);
   const isDisabled = isUploadFailed || isUploadInProgress;
   const finalIconStyle = {
     ...iconStyle,
     ...(isDisabled && iconDisabledStyle)
   };
-  const iconContainerStyle = getStylesFromColorScheme(_styles.default.iconContainer, _styles.default.iconContainerDark);
+  const iconContainerStyle = (0, _components.useEditorColorScheme)(_styles.default.iconContainer, _styles.default.iconContainerDark);
   const titleContainerStyle = {
     ..._styles.default.titleContainer,
     ...(isIOS ? _styles.default.titleContainerIOS : _styles.default.titleContainerAndroid)
   };
-  const titleStyle = getStylesFromColorScheme(_styles.default.title, _styles.default.titleDark);
-  const uploadFailedStyle = getStylesFromColorScheme(_styles.default.uploadFailed, _styles.default.uploadFailedDark);
-  const subtitleStyle = getStylesFromColorScheme(_styles.default.subtitle, _styles.default.subtitleDark);
+  const titleStyle = (0, _components.useEditorColorScheme)(_styles.default.title, _styles.default.titleDark);
+  const uploadFailedStyle = (0, _components.useEditorColorScheme)(_styles.default.uploadFailed, _styles.default.uploadFailedDark);
+  const subtitleStyle = (0, _components.useEditorColorScheme)(_styles.default.subtitle, _styles.default.subtitleDark);
   const finalSubtitleStyle = {
     ...subtitleStyle,
     ...(isUploadFailed && uploadFailedStyle)
   };
-  const buttonBackgroundStyle = getStylesFromColorScheme(_styles.default.buttonBackground, _styles.default.buttonBackgroundDark);
+  const buttonBackgroundStyle = (0, _components.useEditorColorScheme)(_styles.default.buttonBackground, _styles.default.buttonBackgroundDark);
   let title = '';
   let extension = '';
   if (src) {
@@ -105,43 +105,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
     },
@@ -159,6 +159,5 @@ function Player({
     }
   })));
 }
-var _default = (0, _compose.withPreferredColorScheme)(Player);
-exports.default = _default;
+var _default = exports.default = (0, _compose.withPreferredColorScheme)(Player);
 //# sourceMappingURL=index.native.js.map

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","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","useState","onPressListen","player","presentFullscreenPlayer","Linking","canOpenURL","then","supported","Alert","alert","__","openURL","catch","containerStyle","useEditorColorScheme","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","exports","withPreferredColorScheme"],"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, useEditorColorScheme } 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\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 = useEditorColorScheme(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tconst iconStyle = useEditorColorScheme( styles.icon, styles.iconDark );\n\n\tconst iconDisabledStyle = useEditorColorScheme(\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 = useEditorColorScheme(\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 = useEditorColorScheme( styles.title, styles.titleDark );\n\n\tconst uploadFailedStyle = useEditorColorScheme(\n\t\tstyles.uploadFailed,\n\t\tstyles.uploadFailedDark\n\t);\n\n\tconst subtitleStyle = useEditorColorScheme(\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 = useEditorColorScheme(\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,12 +26,11 @@ 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)));
 };
-var _default = (0, _compose.withPreferredColorScheme)(Badge);
-exports.default = _default;
+var _default = exports.default = (0, _compose.withPreferredColorScheme)(Badge);
 //# sourceMappingURL=index.native.js.map

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","exports","default","withPreferredColorScheme"],"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,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,iCAAwB,EAAEhB,KAAM,CAAC"}

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

@@ -22,7 +22,7 @@ if (_reactNative.Platform.OS === 'android' && _reactNative.UIManager.setLayoutAn
 
 // Context in BottomSheet is necessary for controlling the
 // transition flow between subsheets and replacing a content inside them
-const BottomSheetContext = (0, _element.createContext)({
+const BottomSheetContext = exports.BottomSheetContext = (0, _element.createContext)({
   // Specifies whether content is currently scrolling.
   isBottomSheetContentScrolling: false,
   // Function called to enable scroll within bottom sheet.
@@ -39,7 +39,6 @@ const BottomSheetContext = (0, _element.createContext)({
   // Toggle full-screen styles and dimensions
   setIsFullScreen: () => {}
 });
-exports.BottomSheetContext = BottomSheetContext;
 const {
   Provider: BottomSheetProvider,
   Consumer: BottomSheetConsumer

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_element","Platform","OS","UIManager","setLayoutAnimationEnabledExperimental","BottomSheetContext","createContext","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","setIsFullScreen","exports","Provider","BottomSheetProvider","Consumer","BottomSheetConsumer"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-context.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, UIManager } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// It's needed to set the following flags via UIManager\n// to have `LayoutAnimation` working on Android\nif (\n\tPlatform.OS === 'android' &&\n\tUIManager.setLayoutAnimationEnabledExperimental\n) {\n\tUIManager.setLayoutAnimationEnabledExperimental( true );\n}\n\n// Context in BottomSheet is necessary for controlling the\n// transition flow between subsheets and replacing a content inside them\nexport const BottomSheetContext = createContext( {\n\t// Specifies whether content is currently scrolling.\n\tisBottomSheetContentScrolling: false,\n\t// Function called to enable scroll within bottom sheet.\n\tshouldEnableBottomSheetScroll: () => {},\n\t// Function called to enable/disable bottom sheet max height.\n\t// E.g. used to extend bottom sheet on full screen in ColorPicker,\n\t// which is helpful on small devices with set the largest font/display size.\n\tshouldEnableBottomSheetMaxHeight: () => {},\n\t// Callback that is called on closing bottom sheet.\n\tonHandleClosingBottomSheet: () => {},\n\t// Android only: Function called to control android hardware back button functionality\n\t// Return true if the bottom-sheet default close action shouldn't be called.\n\tonHandleHardwareButtonPress: () => {},\n\t// Toggle full-screen styles and dimensions\n\tsetIsFullScreen: () => {},\n} );\n\nexport const { Provider: BottomSheetProvider, Consumer: BottomSheetConsumer } =\n\tBottomSheetContext;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAEA;AACA;AACA;;AAGA;AACA;AACA,IACCE,qBAAQ,CAACC,EAAE,KAAK,SAAS,IACzBC,sBAAS,CAACC,qCAAqC,EAC9C;EACDD,sBAAS,CAACC,qCAAqC,CAAE,IAAK,CAAC;AACxD;;AAEA;AACA;AACO,MAAMC,kBAAkB,GAAG,IAAAC,sBAAa,EAAE;EAChD;EACAC,6BAA6B,EAAE,KAAK;EACpC;EACAC,6BAA6B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACvC;EACA;EACA;EACAC,gCAAgC,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1C;EACAC,0BAA0B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACpC;EACA;EACAC,2BAA2B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACrC;EACAC,eAAe,EAAEA,CAAA,KAAM,CAAC;AACzB,CAAE,CAAC;AAACC,OAAA,CAAAR,kBAAA,GAAAA,kBAAA;AAEG,MAAM;EAAES,QAAQ,EAAEC,mBAAmB;EAAEC,QAAQ,EAAEC;AAAoB,CAAC,GAC5EZ,kBAAkB;AAACQ,OAAA,CAAAI,mBAAA,GAAAA,mBAAA;AAAAJ,OAAA,CAAAE,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["_reactNative","require","_element","Platform","OS","UIManager","setLayoutAnimationEnabledExperimental","BottomSheetContext","exports","createContext","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","setIsFullScreen","Provider","BottomSheetProvider","Consumer","BottomSheetConsumer"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-context.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, UIManager } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// It's needed to set the following flags via UIManager\n// to have `LayoutAnimation` working on Android\nif (\n\tPlatform.OS === 'android' &&\n\tUIManager.setLayoutAnimationEnabledExperimental\n) {\n\tUIManager.setLayoutAnimationEnabledExperimental( true );\n}\n\n// Context in BottomSheet is necessary for controlling the\n// transition flow between subsheets and replacing a content inside them\nexport const BottomSheetContext = createContext( {\n\t// Specifies whether content is currently scrolling.\n\tisBottomSheetContentScrolling: false,\n\t// Function called to enable scroll within bottom sheet.\n\tshouldEnableBottomSheetScroll: () => {},\n\t// Function called to enable/disable bottom sheet max height.\n\t// E.g. used to extend bottom sheet on full screen in ColorPicker,\n\t// which is helpful on small devices with set the largest font/display size.\n\tshouldEnableBottomSheetMaxHeight: () => {},\n\t// Callback that is called on closing bottom sheet.\n\tonHandleClosingBottomSheet: () => {},\n\t// Android only: Function called to control android hardware back button functionality\n\t// Return true if the bottom-sheet default close action shouldn't be called.\n\tonHandleHardwareButtonPress: () => {},\n\t// Toggle full-screen styles and dimensions\n\tsetIsFullScreen: () => {},\n} );\n\nexport const { Provider: BottomSheetProvider, Consumer: BottomSheetConsumer } =\n\tBottomSheetContext;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAEA;AACA;AACA;;AAGA;AACA;AACA,IACCE,qBAAQ,CAACC,EAAE,KAAK,SAAS,IACzBC,sBAAS,CAACC,qCAAqC,EAC9C;EACDD,sBAAS,CAACC,qCAAqC,CAAE,IAAK,CAAC;AACxD;;AAEA;AACA;AACO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,sBAAa,EAAE;EAChD;EACAC,6BAA6B,EAAE,KAAK;EACpC;EACAC,6BAA6B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACvC;EACA;EACA;EACAC,gCAAgC,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1C;EACAC,0BAA0B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACpC;EACA;EACAC,2BAA2B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACrC;EACAC,eAAe,EAAEA,CAAA,KAAM,CAAC;AACzB,CAAE,CAAC;AAEI,MAAM;EAAEC,QAAQ,EAAEC,mBAAmB;EAAEC,QAAQ,EAAEC;AAAoB,CAAC,GAC5EZ,kBAAkB;AAACC,OAAA,CAAAW,mBAAA,GAAAA,mBAAA;AAAAX,OAAA,CAAAS,mBAAA,GAAAA,mBAAA"}

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

@@ -11,13 +11,12 @@ var _element = require("@wordpress/element");
 
 // Navigation context in BottomSheet is necessary for controlling the
 // height of navigation container.
-const BottomSheetNavigationContext = (0, _element.createContext)({
+const BottomSheetNavigationContext = exports.BottomSheetNavigationContext = (0, _element.createContext)({
   currentHeight: {
     value: 0
   },
   setHeight: () => {}
 });
-exports.BottomSheetNavigationContext = BottomSheetNavigationContext;
 const {
   Provider: BottomSheetNavigationProvider,
   Consumer: BottomSheetNavigationConsumer

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","BottomSheetNavigationContext","createContext","currentHeight","value","setHeight","exports","Provider","BottomSheetNavigationProvider","Consumer","BottomSheetNavigationConsumer"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/bottom-sheet-navigation-context.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// Navigation context in BottomSheet is necessary for controlling the\n// height of navigation container.\nexport const BottomSheetNavigationContext = createContext( {\n\tcurrentHeight: { value: 0 },\n\tsetHeight: () => {},\n} );\n\nexport const {\n\tProvider: BottomSheetNavigationProvider,\n\tConsumer: BottomSheetNavigationConsumer,\n} = BottomSheetNavigationContext;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACO,MAAMC,4BAA4B,GAAG,IAAAC,sBAAa,EAAE;EAC1DC,aAAa,EAAE;IAAEC,KAAK,EAAE;EAAE,CAAC;EAC3BC,SAAS,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAE,CAAC;AAACC,OAAA,CAAAL,4BAAA,GAAAA,4BAAA;AAEG,MAAM;EACZM,QAAQ,EAAEC,6BAA6B;EACvCC,QAAQ,EAAEC;AACX,CAAC,GAAGT,4BAA4B;AAACK,OAAA,CAAAI,6BAAA,GAAAA,6BAAA;AAAAJ,OAAA,CAAAE,6BAAA,GAAAA,6BAAA"}
+{"version":3,"names":["_element","require","BottomSheetNavigationContext","exports","createContext","currentHeight","value","setHeight","Provider","BottomSheetNavigationProvider","Consumer","BottomSheetNavigationConsumer"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/bottom-sheet-navigation-context.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// Navigation context in BottomSheet is necessary for controlling the\n// height of navigation container.\nexport const BottomSheetNavigationContext = createContext( {\n\tcurrentHeight: { value: 0 },\n\tsetHeight: () => {},\n} );\n\nexport const {\n\tProvider: BottomSheetNavigationProvider,\n\tConsumer: BottomSheetNavigationConsumer,\n} = BottomSheetNavigationContext;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACO,MAAMC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,sBAAa,EAAE;EAC1DC,aAAa,EAAE;IAAEC,KAAK,EAAE;EAAE,CAAC;EAC3BC,SAAS,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAE,CAAC;AAEI,MAAM;EACZC,QAAQ,EAAEC,6BAA6B;EACvCC,QAAQ,EAAEC;AACX,CAAC,GAAGT,4BAA4B;AAACC,OAAA,CAAAQ,6BAAA,GAAAA,6BAAA;AAAAR,OAAA,CAAAM,6BAAA,GAAAA,6BAAA"}

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

@@ -5,16 +5,17 @@ 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");
 var _styles = _interopRequireDefault(require("./styles.scss"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * External dependencies
  */
@@ -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,25 +120,24 @@ 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)));
   }, [_theme, animatedStyles, currentHeight, main, screens, setHeight, style, testID]);
 }
-var _default = BottomSheetNavigationContainer;
-exports.default = _default;
+var _default = exports.default = BottomSheetNavigationContainer;
 //# sourceMappingURL=navigation-container.native.js.map

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":"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"}
+{"version":3,"names":["_native","require","_stack","_reactNativeReanimated","_interopRequireWildcard","_element","_compose","_bottomSheetNavigationContext","_bottomSheetContext","_styles","_interopRequireDefault","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","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
       }
@@ -118,6 +119,5 @@ const BottomSheetNavigationScreen = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [children, isFocused, safeAreaBottomInset, listProps, name, isScrollable, isNested, onLayout]);
 };
-var _default = BottomSheetNavigationScreen;
-exports.default = _default;
+var _default = exports.default = BottomSheetNavigationScreen;
 //# sourceMappingURL=navigation-screen.native.js.map

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":"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"}
+{"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,21 +21,20 @@ 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
   }
 }, text)));
-var _default = BottomSheetButton;
-exports.default = _default;
+var _default = exports.default = BottomSheetButton;
 //# sourceMappingURL=button.native.js.map

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,GAAAC,OAAA,CAAAC,OAAA,GAEalB,iBAAiB"}