@wordpress/components 25.5.0 → 25.6.0

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/range-cell.native.js"],"names":["isIOS","Platform","OS","BottomSheetRangeCell","Component","constructor","props","onSliderChange","bind","onCompleteSliderChange","onTextInputChange","a11yIncrementValue","a11yDecrementValue","a11yUpdateValue","value","defaultValue","minimumValue","initialValue","Number","state","inputValue","sliderValue","componentWillUnmount","clearTimeout","timeoutAnnounceValue","decimalNum","onChange","setState","nextValue","onComplete","step","maximumValue","newValue","undefined","announceValue","label","unitLabel","setTimeout","AccessibilityInfo","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","getAccessibilityLabel","containerStyle","styles","container","containerIOS","containerAndroid","name","event","nativeEvent","actionName","cellContainerStyles","valueStyle","slider","sliderRef","sliderIOS","sliderAndroid"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, AccessibilityInfo, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport LockIcon from './lock-icon';\nimport styles from './range-cell.scss';\nimport RangeTextInput from './range-text-input';\nimport { toFixed } from '../utils';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetRangeCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onSliderChange = this.onSliderChange.bind( this );\n\t\tthis.onCompleteSliderChange = this.onCompleteSliderChange.bind( this );\n\t\tthis.onTextInputChange = this.onTextInputChange.bind( this );\n\t\tthis.a11yIncrementValue = this.a11yIncrementValue.bind( this );\n\t\tthis.a11yDecrementValue = this.a11yDecrementValue.bind( this );\n\t\tthis.a11yUpdateValue = this.a11yUpdateValue.bind( this );\n\n\t\tconst { value, defaultValue, minimumValue } = props;\n\t\tconst initialValue = Number( value || defaultValue || minimumValue );\n\n\t\tthis.state = {\n\t\t\tinputValue: initialValue,\n\t\t\tsliderValue: initialValue,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tonSliderChange( initialValue ) {\n\t\tconst { decimalNum, onChange } = this.props;\n\t\tinitialValue = toFixed( initialValue, decimalNum );\n\t\tthis.setState( { inputValue: initialValue } );\n\t\tonChange( initialValue );\n\t}\n\n\tonTextInputChange( nextValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: nextValue,\n\t\t} );\n\t\tonChange( nextValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\tonCompleteSliderChange( nextValue ) {\n\t\tconst { decimalNum, onComplete } = this.props;\n\t\tnextValue = toFixed( nextValue, decimalNum );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Increments the\n\t * value of this setting programmatically.\n\t */\n\ta11yIncrementValue() {\n\t\tconst { step = 5, maximumValue, decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tconst newValue = toFixed( inputValue + step, decimalNum );\n\n\t\tif ( newValue <= maximumValue || maximumValue === undefined ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Decrements the\n\t * value of this setting programmatically.\n\t */\n\ta11yDecrementValue() {\n\t\tconst { step = 5, minimumValue, decimalNum } = this.props;\n\t\tconst { sliderValue } = this.state;\n\n\t\tconst newValue = toFixed( sliderValue - step, decimalNum );\n\n\t\tif ( newValue >= minimumValue ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\ta11yUpdateValue( newValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: newValue,\n\t\t\tinputValue: newValue,\n\t\t} );\n\t\tonChange( newValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( newValue );\n\t\t}\n\t\tthis.announceValue( newValue );\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack.\n\t */\n\tannounceValue( value ) {\n\t\tconst { label, unitLabel = '' } = this.props;\n\n\t\tif ( isIOS ) {\n\t\t\t// On Android it triggers the accessibilityLabel with the value change, but\n\t\t\t// on iOS we need to do this manually.\n\t\t\tclearTimeout( this.timeoutAnnounceValue );\n\t\t\tthis.timeoutAnnounceValue = setTimeout( () => {\n\t\t\t\tAccessibilityInfo.announceForAccessibility(\n\t\t\t\t\t`${ value } ${ unitLabel },  ${ label }`\n\t\t\t\t);\n\t\t\t}, 300 );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\tminimumValue = 0,\n\t\t\tmaximumValue = 10,\n\t\t\tdisabled,\n\t\t\tstep = 1,\n\t\t\tpreferredColorScheme,\n\t\t\tminimumTrackTintColor = preferredColorScheme === 'light'\n\t\t\t\t? '#00669b'\n\t\t\t\t: '#5198d9',\n\t\t\tmaximumTrackTintColor = isIOS ? '#e9eff3' : '#909090',\n\t\t\tthumbTintColor = ! isIOS && '#00669b',\n\t\t\tpreview,\n\t\t\tcellContainerStyle,\n\t\t\tshouldDisplayTextInput = true,\n\t\t\tunitLabel = '',\n\t\t\tsettingLabel = 'Value',\n\t\t\topenUnitPicker,\n\t\t\tchildren,\n\t\t\tdecimalNum,\n\t\t\t...cellProps\n\t\t} = this.props;\n\n\t\tconst { inputValue, sliderValue } = this.state;\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\treturn sprintf(\n\t\t\t\t/* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */\n\t\t\t\t__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\t\tcellProps.label,\n\t\t\t\tsettingLabel,\n\t\t\t\ttoFixed( value, decimalNum ),\n\t\t\t\tunitLabel\n\t\t\t);\n\t\t};\n\n\t\tconst containerStyle = [\n\t\t\tstyles.container,\n\t\t\tisIOS ? styles.containerIOS : styles.containerAndroid,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityActions={ [\n\t\t\t\t\t{ name: 'increment' },\n\t\t\t\t\t{ name: 'decrement' },\n\t\t\t\t\t{ name: 'activate' },\n\t\t\t\t] }\n\t\t\t\tonAccessibilityAction={ ( event ) => {\n\t\t\t\t\tswitch ( event.nativeEvent.actionName ) {\n\t\t\t\t\t\tcase 'increment':\n\t\t\t\t\t\t\tthis.a11yIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.a11yDecrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'activate':\n\t\t\t\t\t\t\tif ( openUnitPicker ) {\n\t\t\t\t\t\t\t\topenUnitPicker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\n\t\t\t>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\t{ ...cellProps }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyles,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={ containerStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\tactiveOpacity={ 1 }\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tvalueStyle={ styles.valueStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tshowLockIcon={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Slider\n\t\t\t\t\t\t\t\ttestID={ `Slider ${ cellProps.label }` }\n\t\t\t\t\t\t\t\tvalue={ sliderValue }\n\t\t\t\t\t\t\t\tdefaultValue={ defaultValue }\n\t\t\t\t\t\t\t\tdisabled={ disabled && ! isIOS }\n\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\tminimumValue={ minimumValue }\n\t\t\t\t\t\t\t\tmaximumValue={ maximumValue }\n\t\t\t\t\t\t\t\tminimumTrackTintColor={ minimumTrackTintColor }\n\t\t\t\t\t\t\t\tmaximumTrackTintColor={ maximumTrackTintColor }\n\t\t\t\t\t\t\t\tthumbTintColor={ thumbTintColor }\n\t\t\t\t\t\t\t\tonValueChange={ this.onSliderChange }\n\t\t\t\t\t\t\t\tonSlidingComplete={\n\t\t\t\t\t\t\t\t\tthis.onCompleteSliderChange\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tref={ ( slider ) => {\n\t\t\t\t\t\t\t\t\tthis.sliderRef = slider;\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tisIOS\n\t\t\t\t\t\t\t\t\t\t? styles.sliderIOS\n\t\t\t\t\t\t\t\t\t\t: styles.sliderAndroid\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\tlabel={ cellProps.label }\n\t\t\t\t\t\t\t\t\tonChange={ this.onTextInputChange }\n\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\tvalue={ inputValue }\n\t\t\t\t\t\t\t\t\tmin={ minimumValue }\n\t\t\t\t\t\t\t\t\tmax={ maximumValue }\n\t\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ disabled && <LockIcon /> }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Cell>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetRangeCell );\n"]}
+{"version":3,"names":["_element","require","_reactNative","_slider","_interopRequireDefault","_i18n","_compose","_cell","_lockIcon","_rangeCell","_rangeTextInput","_utils","isIOS","Platform","OS","BottomSheetRangeCell","Component","constructor","props","onSliderChange","bind","onCompleteSliderChange","onTextInputChange","a11yIncrementValue","a11yDecrementValue","a11yUpdateValue","value","defaultValue","minimumValue","initialValue","Number","state","inputValue","sliderValue","componentWillUnmount","clearTimeout","timeoutAnnounceValue","decimalNum","onChange","toFixed","setState","nextValue","onComplete","step","maximumValue","newValue","undefined","announceValue","label","unitLabel","setTimeout","AccessibilityInfo","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","__","getAccessibilityLabel","sprintf","containerStyle","styles","container","containerIOS","containerAndroid","createElement","View","accessible","accessibilityRole","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","accessibilityLabel","accessibilityHint","importantForAccessibility","default","cellContainerStyles","cellRowContainerStyle","leftAlign","editable","activeOpacity","valueStyle","showLockIcon","style","testID","onValueChange","onSlidingComplete","ref","slider","sliderRef","sliderIOS","sliderAndroid","min","max","_default","withPreferredColorScheme","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/range-cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, AccessibilityInfo, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport LockIcon from './lock-icon';\nimport styles from './range-cell.scss';\nimport RangeTextInput from './range-text-input';\nimport { toFixed } from '../utils';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetRangeCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onSliderChange = this.onSliderChange.bind( this );\n\t\tthis.onCompleteSliderChange = this.onCompleteSliderChange.bind( this );\n\t\tthis.onTextInputChange = this.onTextInputChange.bind( this );\n\t\tthis.a11yIncrementValue = this.a11yIncrementValue.bind( this );\n\t\tthis.a11yDecrementValue = this.a11yDecrementValue.bind( this );\n\t\tthis.a11yUpdateValue = this.a11yUpdateValue.bind( this );\n\n\t\tconst { value, defaultValue, minimumValue } = props;\n\t\tconst initialValue = Number( value || defaultValue || minimumValue );\n\n\t\tthis.state = {\n\t\t\tinputValue: initialValue,\n\t\t\tsliderValue: initialValue,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tonSliderChange( initialValue ) {\n\t\tconst { decimalNum, onChange } = this.props;\n\t\tinitialValue = toFixed( initialValue, decimalNum );\n\t\tthis.setState( { inputValue: initialValue } );\n\t\tonChange( initialValue );\n\t}\n\n\tonTextInputChange( nextValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: nextValue,\n\t\t} );\n\t\tonChange( nextValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\tonCompleteSliderChange( nextValue ) {\n\t\tconst { decimalNum, onComplete } = this.props;\n\t\tnextValue = toFixed( nextValue, decimalNum );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Increments the\n\t * value of this setting programmatically.\n\t */\n\ta11yIncrementValue() {\n\t\tconst { step = 5, maximumValue, decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tconst newValue = toFixed( inputValue + step, decimalNum );\n\n\t\tif ( newValue <= maximumValue || maximumValue === undefined ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Decrements the\n\t * value of this setting programmatically.\n\t */\n\ta11yDecrementValue() {\n\t\tconst { step = 5, minimumValue, decimalNum } = this.props;\n\t\tconst { sliderValue } = this.state;\n\n\t\tconst newValue = toFixed( sliderValue - step, decimalNum );\n\n\t\tif ( newValue >= minimumValue ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\ta11yUpdateValue( newValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: newValue,\n\t\t\tinputValue: newValue,\n\t\t} );\n\t\tonChange( newValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( newValue );\n\t\t}\n\t\tthis.announceValue( newValue );\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack.\n\t */\n\tannounceValue( value ) {\n\t\tconst { label, unitLabel = '' } = this.props;\n\n\t\tif ( isIOS ) {\n\t\t\t// On Android it triggers the accessibilityLabel with the value change, but\n\t\t\t// on iOS we need to do this manually.\n\t\t\tclearTimeout( this.timeoutAnnounceValue );\n\t\t\tthis.timeoutAnnounceValue = setTimeout( () => {\n\t\t\t\tAccessibilityInfo.announceForAccessibility(\n\t\t\t\t\t`${ value } ${ unitLabel },  ${ label }`\n\t\t\t\t);\n\t\t\t}, 300 );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\tminimumValue = 0,\n\t\t\tmaximumValue = 10,\n\t\t\tdisabled,\n\t\t\tstep = 1,\n\t\t\tpreferredColorScheme,\n\t\t\tminimumTrackTintColor = preferredColorScheme === 'light'\n\t\t\t\t? '#00669b'\n\t\t\t\t: '#5198d9',\n\t\t\tmaximumTrackTintColor = isIOS ? '#e9eff3' : '#909090',\n\t\t\tthumbTintColor = ! isIOS && '#00669b',\n\t\t\tpreview,\n\t\t\tcellContainerStyle,\n\t\t\tshouldDisplayTextInput = true,\n\t\t\tunitLabel = '',\n\t\t\tsettingLabel = 'Value',\n\t\t\topenUnitPicker,\n\t\t\tchildren,\n\t\t\tdecimalNum,\n\t\t\t...cellProps\n\t\t} = this.props;\n\n\t\tconst { inputValue, sliderValue } = this.state;\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\treturn sprintf(\n\t\t\t\t/* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */\n\t\t\t\t__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\t\tcellProps.label,\n\t\t\t\tsettingLabel,\n\t\t\t\ttoFixed( value, decimalNum ),\n\t\t\t\tunitLabel\n\t\t\t);\n\t\t};\n\n\t\tconst containerStyle = [\n\t\t\tstyles.container,\n\t\t\tisIOS ? styles.containerIOS : styles.containerAndroid,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityActions={ [\n\t\t\t\t\t{ name: 'increment' },\n\t\t\t\t\t{ name: 'decrement' },\n\t\t\t\t\t{ name: 'activate' },\n\t\t\t\t] }\n\t\t\t\tonAccessibilityAction={ ( event ) => {\n\t\t\t\t\tswitch ( event.nativeEvent.actionName ) {\n\t\t\t\t\t\tcase 'increment':\n\t\t\t\t\t\t\tthis.a11yIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.a11yDecrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'activate':\n\t\t\t\t\t\t\tif ( openUnitPicker ) {\n\t\t\t\t\t\t\t\topenUnitPicker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\n\t\t\t>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\t{ ...cellProps }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyles,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={ containerStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\tactiveOpacity={ 1 }\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tvalueStyle={ styles.valueStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tshowLockIcon={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Slider\n\t\t\t\t\t\t\t\ttestID={ `Slider ${ cellProps.label }` }\n\t\t\t\t\t\t\t\tvalue={ sliderValue }\n\t\t\t\t\t\t\t\tdefaultValue={ defaultValue }\n\t\t\t\t\t\t\t\tdisabled={ disabled && ! isIOS }\n\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\tminimumValue={ minimumValue }\n\t\t\t\t\t\t\t\tmaximumValue={ maximumValue }\n\t\t\t\t\t\t\t\tminimumTrackTintColor={ minimumTrackTintColor }\n\t\t\t\t\t\t\t\tmaximumTrackTintColor={ maximumTrackTintColor }\n\t\t\t\t\t\t\t\tthumbTintColor={ thumbTintColor }\n\t\t\t\t\t\t\t\tonValueChange={ this.onSliderChange }\n\t\t\t\t\t\t\t\tonSlidingComplete={\n\t\t\t\t\t\t\t\t\tthis.onCompleteSliderChange\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tref={ ( slider ) => {\n\t\t\t\t\t\t\t\t\tthis.sliderRef = slider;\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tisIOS\n\t\t\t\t\t\t\t\t\t\t? styles.sliderIOS\n\t\t\t\t\t\t\t\t\t\t: styles.sliderAndroid\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\tlabel={ cellProps.label }\n\t\t\t\t\t\t\t\t\tonChange={ this.onTextInputChange }\n\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\tvalue={ inputValue }\n\t\t\t\t\t\t\t\t\tmin={ minimumValue }\n\t\t\t\t\t\t\t\t\tmax={ maximumValue }\n\t\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ disabled && <LockIcon /> }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Cell>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetRangeCell );\n"],"mappings":";;;;;;;AAUA,IAAAA,QAAA,GAAAC,OAAA;AAPA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAKA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,KAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,SAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,UAAA,GAAAL,sBAAA,CAAAH,OAAA;AACA,IAAAS,eAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AApBA;AACA;AACA;;AAIA;AACA;AACA;;AAKA;AACA;AACA;;AAOA,MAAMW,KAAK,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK;AAEnC,MAAMC,oBAAoB,SAASC,kBAAS,CAAC;EAC5CC,WAAWA,CAAEC,KAAK,EAAG;IACpB,KAAK,CAAEA,KAAM,CAAC;IACd,IAAI,CAACC,cAAc,GAAG,IAAI,CAACA,cAAc,CAACC,IAAI,CAAE,IAAK,CAAC;IACtD,IAAI,CAACC,sBAAsB,GAAG,IAAI,CAACA,sBAAsB,CAACD,IAAI,CAAE,IAAK,CAAC;IACtE,IAAI,CAACE,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACF,IAAI,CAAE,IAAK,CAAC;IAC5D,IAAI,CAACG,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACH,IAAI,CAAE,IAAK,CAAC;IAC9D,IAAI,CAACI,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACJ,IAAI,CAAE,IAAK,CAAC;IAC9D,IAAI,CAACK,eAAe,GAAG,IAAI,CAACA,eAAe,CAACL,IAAI,CAAE,IAAK,CAAC;IAExD,MAAM;MAAEM,KAAK;MAAEC,YAAY;MAAEC;IAAa,CAAC,GAAGV,KAAK;IACnD,MAAMW,YAAY,GAAGC,MAAM,CAAEJ,KAAK,IAAIC,YAAY,IAAIC,YAAa,CAAC;IAEpE,IAAI,CAACG,KAAK,GAAG;MACZC,UAAU,EAAEH,YAAY;MACxBI,WAAW,EAAEJ;IACd,CAAC;EACF;EAEAK,oBAAoBA,CAAA,EAAG;IACtBC,YAAY,CAAE,IAAI,CAACC,oBAAqB,CAAC;EAC1C;EAEAjB,cAAcA,CAAEU,YAAY,EAAG;IAC9B,MAAM;MAAEQ,UAAU;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACpB,KAAK;IAC3CW,YAAY,GAAG,IAAAU,cAAO,EAAEV,YAAY,EAAEQ,UAAW,CAAC;IAClD,IAAI,CAACG,QAAQ,CAAE;MAAER,UAAU,EAAEH;IAAa,CAAE,CAAC;IAC7CS,QAAQ,CAAET,YAAa,CAAC;EACzB;EAEAP,iBAAiBA,CAAEmB,SAAS,EAAG;IAC9B,MAAM;MAAEH,QAAQ;MAAEI;IAAW,CAAC,GAAG,IAAI,CAACxB,KAAK;IAC3C,IAAI,CAACsB,QAAQ,CAAE;MACdP,WAAW,EAAEQ;IACd,CAAE,CAAC;IACHH,QAAQ,CAAEG,SAAU,CAAC;IACrB,IAAKC,UAAU,EAAG;MACjBA,UAAU,CAAED,SAAU,CAAC;IACxB;EACD;EAEApB,sBAAsBA,CAAEoB,SAAS,EAAG;IACnC,MAAM;MAAEJ,UAAU;MAAEK;IAAW,CAAC,GAAG,IAAI,CAACxB,KAAK;IAC7CuB,SAAS,GAAG,IAAAF,cAAO,EAAEE,SAAS,EAAEJ,UAAW,CAAC;IAC5C,IAAKK,UAAU,EAAG;MACjBA,UAAU,CAAED,SAAU,CAAC;IACxB;EACD;;EAEA;AACD;AACA;AACA;EACClB,kBAAkBA,CAAA,EAAG;IACpB,MAAM;MAAEoB,IAAI,GAAG,CAAC;MAAEC,YAAY;MAAEP;IAAW,CAAC,GAAG,IAAI,CAACnB,KAAK;IACzD,MAAM;MAAEc;IAAW,CAAC,GAAG,IAAI,CAACD,KAAK;IAEjC,MAAMc,QAAQ,GAAG,IAAAN,cAAO,EAAEP,UAAU,GAAGW,IAAI,EAAEN,UAAW,CAAC;IAEzD,IAAKQ,QAAQ,IAAID,YAAY,IAAIA,YAAY,KAAKE,SAAS,EAAG;MAC7D,IAAI,CAACrB,eAAe,CAAEoB,QAAS,CAAC;IACjC;EACD;;EAEA;AACD;AACA;AACA;EACCrB,kBAAkBA,CAAA,EAAG;IACpB,MAAM;MAAEmB,IAAI,GAAG,CAAC;MAAEf,YAAY;MAAES;IAAW,CAAC,GAAG,IAAI,CAACnB,KAAK;IACzD,MAAM;MAAEe;IAAY,CAAC,GAAG,IAAI,CAACF,KAAK;IAElC,MAAMc,QAAQ,GAAG,IAAAN,cAAO,EAAEN,WAAW,GAAGU,IAAI,EAAEN,UAAW,CAAC;IAE1D,IAAKQ,QAAQ,IAAIjB,YAAY,EAAG;MAC/B,IAAI,CAACH,eAAe,CAAEoB,QAAS,CAAC;IACjC;EACD;EAEApB,eAAeA,CAAEoB,QAAQ,EAAG;IAC3B,MAAM;MAAEP,QAAQ;MAAEI;IAAW,CAAC,GAAG,IAAI,CAACxB,KAAK;IAC3C,IAAI,CAACsB,QAAQ,CAAE;MACdP,WAAW,EAAEY,QAAQ;MACrBb,UAAU,EAAEa;IACb,CAAE,CAAC;IACHP,QAAQ,CAAEO,QAAS,CAAC;IACpB,IAAKH,UAAU,EAAG;MACjBA,UAAU,CAAEG,QAAS,CAAC;IACvB;IACA,IAAI,CAACE,aAAa,CAAEF,QAAS,CAAC;EAC/B;;EAEA;AACD;AACA;EACCE,aAAaA,CAAErB,KAAK,EAAG;IACtB,MAAM;MAAEsB,KAAK;MAAEC,SAAS,GAAG;IAAG,CAAC,GAAG,IAAI,CAAC/B,KAAK;IAE5C,IAAKN,KAAK,EAAG;MACZ;MACA;MACAuB,YAAY,CAAE,IAAI,CAACC,oBAAqB,CAAC;MACzC,IAAI,CAACA,oBAAoB,GAAGc,UAAU,CAAE,MAAM;QAC7CC,8BAAiB,CAACC,wBAAwB,CACxC,GAAG1B,KAAO,IAAIuB,SAAW,MAAMD,KAAO,EACxC,CAAC;MACF,CAAC,EAAE,GAAI,CAAC;IACT;EACD;EAEAK,MAAMA,CAAA,EAAG;IACR,MAAM;MACL3B,KAAK;MACLC,YAAY;MACZC,YAAY,GAAG,CAAC;MAChBgB,YAAY,GAAG,EAAE;MACjBU,QAAQ;MACRX,IAAI,GAAG,CAAC;MACRY,oBAAoB;MACpBC,qBAAqB,GAAGD,oBAAoB,KAAK,OAAO,GACrD,SAAS,GACT,SAAS;MACZE,qBAAqB,GAAG7C,KAAK,GAAG,SAAS,GAAG,SAAS;MACrD8C,cAAc,GAAG,CAAE9C,KAAK,IAAI,SAAS;MACrC+C,OAAO;MACPC,kBAAkB;MAClBC,sBAAsB,GAAG,IAAI;MAC7BZ,SAAS,GAAG,EAAE;MACda,YAAY,GAAG,OAAO;MACtBC,cAAc;MACdC,QAAQ;MACR3B,UAAU;MACV,GAAG4B;IACJ,CAAC,GAAG,IAAI,CAAC/C,KAAK;IAEd,MAAM;MAAEc,UAAU;MAAEC;IAAY,CAAC,GAAG,IAAI,CAACF,KAAK;IAE9C,MAAMmC,oBAAoB,GAAGA,CAAA,KAAM;MAClC,OAAOH,cAAc,GAAG,IAAAI,QAAE,EAAE,2BAA4B,CAAC,GAAG,EAAE;IAC/D,CAAC;IAED,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;MACnC,OAAO,IAAAC,aAAO,GACb;MACA,IAAAF,QAAE,EAAE,0BAA2B,CAAC,EAChCF,SAAS,CAACjB,KAAK,EACfc,YAAY,EACZ,IAAAvB,cAAO,EAAEb,KAAK,EAAEW,UAAW,CAAC,EAC5BY,SACD,CAAC;IACF,CAAC;IAED,MAAMqB,cAAc,GAAG,CACtBC,kBAAM,CAACC,SAAS,EAChB5D,KAAK,GAAG2D,kBAAM,CAACE,YAAY,GAAGF,kBAAM,CAACG,gBAAgB,CACrD;IAED,OACC,IAAA1E,QAAA,CAAA2E,aAAA,EAACzE,YAAA,CAAA0E,IAAI;MACJC,UAAU,EAAG,IAAM;MACnBC,iBAAiB,EAAC,YAAY;MAC9BC,oBAAoB,EAAG,CACtB;QAAEC,IAAI,EAAE;MAAY,CAAC,EACrB;QAAEA,IAAI,EAAE;MAAY,CAAC,EACrB;QAAEA,IAAI,EAAE;MAAW,CAAC,CAClB;MACHC,qBAAqB,EAAKC,KAAK,IAAM;QACpC,QAASA,KAAK,CAACC,WAAW,CAACC,UAAU;UACpC,KAAK,WAAW;YACf,IAAI,CAAC7D,kBAAkB,CAAC,CAAC;YACzB;UACD,KAAK,WAAW;YACf,IAAI,CAACC,kBAAkB,CAAC,CAAC;YACzB;UACD,KAAK,UAAU;YACd,IAAKuC,cAAc,EAAG;cACrBA,cAAc,CAAC,CAAC;YACjB;YACA;QACF;MACD,CAAG;MACHsB,kBAAkB,EAAGjB,qBAAqB,CAAC,CAAG;MAC9CkB,iBAAiB,EAAGpB,oBAAoB,CAAC;IAAG,GAE5C,IAAAlE,QAAA,CAAA2E,aAAA,EAACzE,YAAA,CAAA0E,IAAI;MAACW,yBAAyB,EAAC;IAAqB,GACpD,IAAAvF,QAAA,CAAA2E,aAAA,EAACpE,KAAA,CAAAiF,OAAI;MAAA,GACCvB,SAAS;MACdL,kBAAkB,EAAG,CACpBW,kBAAM,CAACkB,mBAAmB,EAC1B7B,kBAAkB,CAChB;MACH8B,qBAAqB,EAAGpB,cAAgB;MACxCqB,SAAS;MACTC,QAAQ,EAAG,KAAO;MAClBC,aAAa,EAAG,CAAG;MACnBhB,UAAU,EAAG,KAAO;MACpBiB,UAAU,EAAGvB,kBAAM,CAACuB,UAAY;MAChCxC,QAAQ,EAAGA,QAAU;MACrByC,YAAY,EAAG;IAAO,GAEtB,IAAA/F,QAAA,CAAA2E,aAAA,EAACzE,YAAA,CAAA0E,IAAI;MAACoB,KAAK,EAAG1B;IAAgB,GAC3BX,OAAO,EACT,IAAA3D,QAAA,CAAA2E,aAAA,EAACxE,OAAA,CAAAqF,OAAM;MACNS,MAAM,EAAI,UAAUhC,SAAS,CAACjB,KAAO,EAAG;MACxCtB,KAAK,EAAGO,WAAa;MACrBN,YAAY,EAAGA,YAAc;MAC7B2B,QAAQ,EAAGA,QAAQ,IAAI,CAAE1C,KAAO;MAChC+B,IAAI,EAAGA,IAAM;MACbf,YAAY,EAAGA,YAAc;MAC7BgB,YAAY,EAAGA,YAAc;MAC7BY,qBAAqB,EAAGA,qBAAuB;MAC/CC,qBAAqB,EAAGA,qBAAuB;MAC/CC,cAAc,EAAGA,cAAgB;MACjCwC,aAAa,EAAG,IAAI,CAAC/E,cAAgB;MACrCgF,iBAAiB,EAChB,IAAI,CAAC9E,sBACL;MACD+E,GAAG,EAAKC,MAAM,IAAM;QACnB,IAAI,CAACC,SAAS,GAAGD,MAAM;MACxB,CAAG;MACHL,KAAK,EACJpF,KAAK,GACF2D,kBAAM,CAACgC,SAAS,GAChBhC,kBAAM,CAACiC;IACV,CACD,CAAC,EACA3C,sBAAsB,IACvB,IAAA7D,QAAA,CAAA2E,aAAA,EAACjE,eAAA,CAAA8E,OAAc;MACdxC,KAAK,EAAGiB,SAAS,CAACjB,KAAO;MACzBV,QAAQ,EAAG,IAAI,CAAChB,iBAAmB;MACnCK,YAAY,EAAI,GAAGK,UAAY,EAAG;MAClCN,KAAK,EAAGM,UAAY;MACpByE,GAAG,EAAG7E,YAAc;MACpB8E,GAAG,EAAG9D,YAAc;MACpBD,IAAI,EAAGA,IAAM;MACbN,UAAU,EAAGA;IAAY,GAEvB2B,QACa,CAChB,EACCV,QAAQ,IAAI,IAAAtD,QAAA,CAAA2E,aAAA,EAACnE,SAAA,CAAAgF,OAAQ,MAAE,CACpB,CACD,CACD,CACD,CAAC;EAET;AACD;AAAC,IAAAmB,QAAA,GAEc,IAAAC,iCAAwB,EAAE7F,oBAAqB,CAAC;AAAA8F,OAAA,CAAArB,OAAA,GAAAmB,QAAA"}

package/build/mobile/bottom-sheet/range-text-input.native.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _compose = require("@wordpress/compose");
-
 var _i18n = require("@wordpress/i18n");
-
 var _utils = require("../utils");
-
 var _styles = _interopRequireDefault(require("./styles.scss"));
-
 var _borderStyles = _interopRequireDefault(require("./borderStyles.scss"));
-
 /**
  * External dependencies
  */
@@ -32,8 +23,8 @@ var _borderStyles = _interopRequireDefault(require("./borderStyles.scss"));
 /**
  * Internal dependencies
  */
-const isIOS = _reactNative.Platform.OS === 'ios';
 
+const isIOS = _reactNative.Platform.OS === 'ios';
 class RangeTextInput extends _element.Component {
   constructor(props) {
     super(props);
@@ -58,16 +49,13 @@ class RangeTextInput extends _element.Component {
       hasFocus: false
     };
   }
-
   componentDidMount() {
     this.appStateChangeSubscription = _reactNative.AppState.addEventListener('change', this.handleChangePixelRatio);
   }
-
   componentWillUnmount() {
     this.appStateChangeSubscription.remove();
     clearTimeout(this.timeoutAnnounceValue);
   }
-
   componentDidUpdate(prevProps, prevState) {
     const {
       value
@@ -76,29 +64,24 @@ class RangeTextInput extends _element.Component {
       hasFocus,
       inputValue
     } = this.state;
-
     if (prevProps.value !== value) {
       this.setState({
         inputValue: value
       });
     }
-
     if (prevState.hasFocus !== hasFocus) {
       const validValue = this.validateInput(inputValue);
       this.setState({
         inputValue: validValue
       });
     }
-
     if (!prevState.hasFocus && hasFocus) {
       this._valueTextInput.focus();
     }
   }
-
   getFontScale() {
     return _reactNative.PixelRatio.getFontScale() < 1 ? 1 : _reactNative.PixelRatio.getFontScale();
   }
-
   handleChangePixelRatio(nextAppState) {
     if (nextAppState === 'active') {
       this.setState({
@@ -106,13 +89,11 @@ class RangeTextInput extends _element.Component {
       });
     }
   }
-
   onInputFocus() {
     this.setState({
       hasFocus: true
     });
   }
-
   onInputBlur() {
     const {
       inputValue
@@ -122,7 +103,6 @@ class RangeTextInput extends _element.Component {
       hasFocus: false
     });
   }
-
   validateInput(text) {
     const {
       min,
@@ -130,20 +110,16 @@ class RangeTextInput extends _element.Component {
       decimalNum
     } = this.props;
     let result = min;
-
     if (!text) {
       return min;
     }
-
     if (typeof text === 'number') {
       result = Math.max(text, min);
       return max ? Math.min(result, max) : result;
     }
-
     result = Math.max((0, _utils.removeNonDigit)(text, decimalNum), min);
     return max ? Math.min(result, max) : result;
   }
-
   updateValue(value) {
     const {
       onChange
@@ -152,7 +128,6 @@ class RangeTextInput extends _element.Component {
     this.announceCurrentValue(`${validValue}`);
     onChange(validValue);
   }
-
   onChangeText(textValue) {
     const {
       decimalNum
@@ -167,7 +142,6 @@ class RangeTextInput extends _element.Component {
     });
     this.updateValue(value);
   }
-
   onSubmitEditing({
     nativeEvent: {
       text
@@ -179,11 +153,9 @@ class RangeTextInput extends _element.Component {
     const {
       inputValue
     } = this.state;
-
     if (!isNaN(Number(text))) {
       text = (0, _utils.toFixed)(text.replace(',', '.'), decimalNum);
       const validValue = this.validateInput(text);
-
       if (inputValue !== validValue) {
         this.setState({
           inputValue: validValue
@@ -193,14 +165,11 @@ class RangeTextInput extends _element.Component {
       }
     }
   }
-
   announceCurrentValue(value) {
     /* translators: %s: current cell value. */
     const announcement = (0, _i18n.sprintf)((0, _i18n.__)('Current value is %s'), value);
-
     _reactNative.AccessibilityInfo.announceForAccessibility(announcement);
   }
-
   render() {
     const {
       getStylesFromColorScheme,
@@ -248,10 +217,7 @@ class RangeTextInput extends _element.Component {
       ellipsizeMode: "clip"
     }, inputValue), children));
   }
-
 }
-
 var _default = (0, _compose.withPreferredColorScheme)(RangeTextInput);
-
 exports.default = _default;
 //# sourceMappingURL=range-text-input.native.js.map

package/build/mobile/bottom-sheet/range-text-input.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/range-text-input.native.js"],"names":["isIOS","Platform","OS","RangeTextInput","Component","constructor","props","announceCurrentValue","bind","onInputFocus","onInputBlur","handleChangePixelRatio","onSubmitEditing","onChangeText","value","defaultValue","min","decimalNum","initialValue","fontScale","getFontScale","state","inputValue","controlValue","hasFocus","componentDidMount","appStateChangeSubscription","AppState","addEventListener","componentWillUnmount","remove","clearTimeout","timeoutAnnounceValue","componentDidUpdate","prevProps","prevState","setState","validValue","validateInput","_valueTextInput","focus","PixelRatio","nextAppState","text","max","result","Math","updateValue","onChange","textValue","replace","nativeEvent","isNaN","Number","announcement","AccessibilityInfo","announceForAccessibility","render","getStylesFromColorScheme","children","label","textInputStyle","styles","textInput","textInputDark","textInputIOSStyle","textInputIOS","textInputIOSDark","inputBorderStyles","borderStyles","borderStyle","isSelected","valueFinalStyle","select","android","ios","width","borderRightWidth","textInputContainer","c","toString"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tAccessibilityInfo,\n\tView,\n\tTextInput,\n\tPixelRatio,\n\tAppState,\n\tPlatform,\n\tText,\n\tTouchableWithoutFeedback,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { toFixed, removeNonDigit } from '../utils';\nimport styles from './styles.scss';\nimport borderStyles from './borderStyles.scss';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass RangeTextInput extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.announceCurrentValue = this.announceCurrentValue.bind( this );\n\t\tthis.onInputFocus = this.onInputFocus.bind( this );\n\t\tthis.onInputBlur = this.onInputBlur.bind( this );\n\t\tthis.handleChangePixelRatio = this.handleChangePixelRatio.bind( this );\n\t\tthis.onSubmitEditing = this.onSubmitEditing.bind( this );\n\t\tthis.onChangeText = this.onChangeText.bind( this );\n\n\t\tconst { value, defaultValue, min, decimalNum } = props;\n\t\tconst initialValue = toFixed(\n\t\t\tvalue || defaultValue || min,\n\t\t\tdecimalNum\n\t\t);\n\n\t\tconst fontScale = this.getFontScale();\n\n\t\tthis.state = {\n\t\t\tfontScale,\n\t\t\tinputValue: initialValue,\n\t\t\tcontrolValue: initialValue,\n\t\t\thasFocus: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.appStateChangeSubscription = AppState.addEventListener(\n\t\t\t'change',\n\t\t\tthis.handleChangePixelRatio\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.appStateChangeSubscription.remove();\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tconst { value } = this.props;\n\t\tconst { hasFocus, inputValue } = this.state;\n\n\t\tif ( prevProps.value !== value ) {\n\t\t\tthis.setState( { inputValue: value } );\n\t\t}\n\n\t\tif ( prevState.hasFocus !== hasFocus ) {\n\t\t\tconst validValue = this.validateInput( inputValue );\n\t\t\tthis.setState( { inputValue: validValue } );\n\t\t}\n\n\t\tif ( ! prevState.hasFocus && hasFocus ) {\n\t\t\tthis._valueTextInput.focus();\n\t\t}\n\t}\n\n\tgetFontScale() {\n\t\treturn PixelRatio.getFontScale() < 1 ? 1 : PixelRatio.getFontScale();\n\t}\n\n\thandleChangePixelRatio( nextAppState ) {\n\t\tif ( nextAppState === 'active' ) {\n\t\t\tthis.setState( { fontScale: this.getFontScale() } );\n\t\t}\n\t}\n\n\tonInputFocus() {\n\t\tthis.setState( {\n\t\t\thasFocus: true,\n\t\t} );\n\t}\n\n\tonInputBlur() {\n\t\tconst { inputValue } = this.state;\n\t\tthis.onChangeText( `${ inputValue }` );\n\t\tthis.setState( {\n\t\t\thasFocus: false,\n\t\t} );\n\t}\n\n\tvalidateInput( text ) {\n\t\tconst { min, max, decimalNum } = this.props;\n\t\tlet result = min;\n\t\tif ( ! text ) {\n\t\t\treturn min;\n\t\t}\n\n\t\tif ( typeof text === 'number' ) {\n\t\t\tresult = Math.max( text, min );\n\t\t\treturn max ? Math.min( result, max ) : result;\n\t\t}\n\n\t\tresult = Math.max( removeNonDigit( text, decimalNum ), min );\n\t\treturn max ? Math.min( result, max ) : result;\n\t}\n\n\tupdateValue( value ) {\n\t\tconst { onChange } = this.props;\n\t\tconst validValue = this.validateInput( value );\n\n\t\tthis.announceCurrentValue( `${ validValue }` );\n\n\t\tonChange( validValue );\n\t}\n\n\tonChangeText( textValue ) {\n\t\tconst { decimalNum } = this.props;\n\t\tconst inputValue = removeNonDigit( textValue, decimalNum );\n\n\t\ttextValue = inputValue.replace( ',', '.' );\n\t\ttextValue = toFixed( textValue, decimalNum );\n\t\tconst value = this.validateInput( textValue );\n\t\tthis.setState( {\n\t\t\tinputValue,\n\t\t\tcontrolValue: value,\n\t\t} );\n\t\tthis.updateValue( value );\n\t}\n\n\tonSubmitEditing( { nativeEvent: { text } } ) {\n\t\tconst { decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tif ( ! isNaN( Number( text ) ) ) {\n\t\t\ttext = toFixed( text.replace( ',', '.' ), decimalNum );\n\t\t\tconst validValue = this.validateInput( text );\n\n\t\t\tif ( inputValue !== validValue ) {\n\t\t\t\tthis.setState( { inputValue: validValue } );\n\t\t\t\tthis.announceCurrentValue( `${ validValue }` );\n\t\t\t\tthis.props.onChange( validValue );\n\t\t\t}\n\t\t}\n\t}\n\n\tannounceCurrentValue( value ) {\n\t\t/* translators: %s: current cell value. */\n\t\tconst announcement = sprintf( __( 'Current value is %s' ), value );\n\t\tAccessibilityInfo.announceForAccessibility( announcement );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, children, label } = this.props;\n\t\tconst { fontScale, inputValue, hasFocus } = this.state;\n\n\t\tconst textInputStyle = getStylesFromColorScheme(\n\t\t\tstyles.textInput,\n\t\t\tstyles.textInputDark\n\t\t);\n\n\t\tconst textInputIOSStyle = getStylesFromColorScheme(\n\t\t\tstyles.textInputIOS,\n\t\t\tstyles.textInputIOSDark\n\t\t);\n\n\t\tconst inputBorderStyles = [\n\t\t\ttextInputStyle,\n\t\t\tborderStyles.borderStyle,\n\t\t\thasFocus && borderStyles.isSelected,\n\t\t];\n\n\t\tconst valueFinalStyle = [\n\t\t\tPlatform.select( {\n\t\t\t\tandroid: inputBorderStyles,\n\t\t\t\tios: textInputIOSStyle,\n\t\t\t} ),\n\t\t\t{\n\t\t\t\twidth: 50 * fontScale,\n\t\t\t\tborderRightWidth: children ? 1 : 0,\n\t\t\t},\n\t\t];\n\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ this.onInputFocus }\n\t\t\t\taccessible={ false }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.textInputContainer,\n\t\t\t\t\t\tisIOS && inputBorderStyles,\n\t\t\t\t\t] }\n\t\t\t\t\taccessible={ false }\n\t\t\t\t>\n\t\t\t\t\t{ isIOS || hasFocus ? (\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\taccessibilityLabel={ label }\n\t\t\t\t\t\t\tref={ ( c ) => ( this._valueTextInput = c ) }\n\t\t\t\t\t\t\tstyle={ valueFinalStyle }\n\t\t\t\t\t\t\tonChangeText={ this.onChangeText }\n\t\t\t\t\t\t\tonSubmitEditing={ this.onSubmitEditing }\n\t\t\t\t\t\t\tonFocus={ this.onInputFocus }\n\t\t\t\t\t\t\tonBlur={ this.onInputBlur }\n\t\t\t\t\t\t\tkeyboardType=\"numeric\"\n\t\t\t\t\t\t\treturnKeyType=\"done\"\n\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\tvalue={ inputValue.toString() }\n\t\t\t\t\t\t\tpointerEvents={ hasFocus ? 'auto' : 'none' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={ valueFinalStyle }\n\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\tellipsizeMode=\"clip\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ inputValue }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( RangeTextInput );\n"]}
+{"version":3,"names":["_element","require","_reactNative","_compose","_i18n","_utils","_styles","_interopRequireDefault","_borderStyles","isIOS","Platform","OS","RangeTextInput","Component","constructor","props","announceCurrentValue","bind","onInputFocus","onInputBlur","handleChangePixelRatio","onSubmitEditing","onChangeText","value","defaultValue","min","decimalNum","initialValue","toFixed","fontScale","getFontScale","state","inputValue","controlValue","hasFocus","componentDidMount","appStateChangeSubscription","AppState","addEventListener","componentWillUnmount","remove","clearTimeout","timeoutAnnounceValue","componentDidUpdate","prevProps","prevState","setState","validValue","validateInput","_valueTextInput","focus","PixelRatio","nextAppState","text","max","result","Math","removeNonDigit","updateValue","onChange","textValue","replace","nativeEvent","isNaN","Number","announcement","sprintf","__","AccessibilityInfo","announceForAccessibility","render","getStylesFromColorScheme","children","label","textInputStyle","styles","textInput","textInputDark","textInputIOSStyle","textInputIOS","textInputIOSDark","inputBorderStyles","borderStyles","borderStyle","isSelected","valueFinalStyle","select","android","ios","width","borderRightWidth","createElement","TouchableWithoutFeedback","onPress","accessible","View","style","textInputContainer","TextInput","accessibilityLabel","ref","c","onFocus","onBlur","keyboardType","returnKeyType","numberOfLines","toString","pointerEvents","Text","ellipsizeMode","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/range-text-input.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tAccessibilityInfo,\n\tView,\n\tTextInput,\n\tPixelRatio,\n\tAppState,\n\tPlatform,\n\tText,\n\tTouchableWithoutFeedback,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { toFixed, removeNonDigit } from '../utils';\nimport styles from './styles.scss';\nimport borderStyles from './borderStyles.scss';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass RangeTextInput extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.announceCurrentValue = this.announceCurrentValue.bind( this );\n\t\tthis.onInputFocus = this.onInputFocus.bind( this );\n\t\tthis.onInputBlur = this.onInputBlur.bind( this );\n\t\tthis.handleChangePixelRatio = this.handleChangePixelRatio.bind( this );\n\t\tthis.onSubmitEditing = this.onSubmitEditing.bind( this );\n\t\tthis.onChangeText = this.onChangeText.bind( this );\n\n\t\tconst { value, defaultValue, min, decimalNum } = props;\n\t\tconst initialValue = toFixed(\n\t\t\tvalue || defaultValue || min,\n\t\t\tdecimalNum\n\t\t);\n\n\t\tconst fontScale = this.getFontScale();\n\n\t\tthis.state = {\n\t\t\tfontScale,\n\t\t\tinputValue: initialValue,\n\t\t\tcontrolValue: initialValue,\n\t\t\thasFocus: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.appStateChangeSubscription = AppState.addEventListener(\n\t\t\t'change',\n\t\t\tthis.handleChangePixelRatio\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.appStateChangeSubscription.remove();\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tconst { value } = this.props;\n\t\tconst { hasFocus, inputValue } = this.state;\n\n\t\tif ( prevProps.value !== value ) {\n\t\t\tthis.setState( { inputValue: value } );\n\t\t}\n\n\t\tif ( prevState.hasFocus !== hasFocus ) {\n\t\t\tconst validValue = this.validateInput( inputValue );\n\t\t\tthis.setState( { inputValue: validValue } );\n\t\t}\n\n\t\tif ( ! prevState.hasFocus && hasFocus ) {\n\t\t\tthis._valueTextInput.focus();\n\t\t}\n\t}\n\n\tgetFontScale() {\n\t\treturn PixelRatio.getFontScale() < 1 ? 1 : PixelRatio.getFontScale();\n\t}\n\n\thandleChangePixelRatio( nextAppState ) {\n\t\tif ( nextAppState === 'active' ) {\n\t\t\tthis.setState( { fontScale: this.getFontScale() } );\n\t\t}\n\t}\n\n\tonInputFocus() {\n\t\tthis.setState( {\n\t\t\thasFocus: true,\n\t\t} );\n\t}\n\n\tonInputBlur() {\n\t\tconst { inputValue } = this.state;\n\t\tthis.onChangeText( `${ inputValue }` );\n\t\tthis.setState( {\n\t\t\thasFocus: false,\n\t\t} );\n\t}\n\n\tvalidateInput( text ) {\n\t\tconst { min, max, decimalNum } = this.props;\n\t\tlet result = min;\n\t\tif ( ! text ) {\n\t\t\treturn min;\n\t\t}\n\n\t\tif ( typeof text === 'number' ) {\n\t\t\tresult = Math.max( text, min );\n\t\t\treturn max ? Math.min( result, max ) : result;\n\t\t}\n\n\t\tresult = Math.max( removeNonDigit( text, decimalNum ), min );\n\t\treturn max ? Math.min( result, max ) : result;\n\t}\n\n\tupdateValue( value ) {\n\t\tconst { onChange } = this.props;\n\t\tconst validValue = this.validateInput( value );\n\n\t\tthis.announceCurrentValue( `${ validValue }` );\n\n\t\tonChange( validValue );\n\t}\n\n\tonChangeText( textValue ) {\n\t\tconst { decimalNum } = this.props;\n\t\tconst inputValue = removeNonDigit( textValue, decimalNum );\n\n\t\ttextValue = inputValue.replace( ',', '.' );\n\t\ttextValue = toFixed( textValue, decimalNum );\n\t\tconst value = this.validateInput( textValue );\n\t\tthis.setState( {\n\t\t\tinputValue,\n\t\t\tcontrolValue: value,\n\t\t} );\n\t\tthis.updateValue( value );\n\t}\n\n\tonSubmitEditing( { nativeEvent: { text } } ) {\n\t\tconst { decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tif ( ! isNaN( Number( text ) ) ) {\n\t\t\ttext = toFixed( text.replace( ',', '.' ), decimalNum );\n\t\t\tconst validValue = this.validateInput( text );\n\n\t\t\tif ( inputValue !== validValue ) {\n\t\t\t\tthis.setState( { inputValue: validValue } );\n\t\t\t\tthis.announceCurrentValue( `${ validValue }` );\n\t\t\t\tthis.props.onChange( validValue );\n\t\t\t}\n\t\t}\n\t}\n\n\tannounceCurrentValue( value ) {\n\t\t/* translators: %s: current cell value. */\n\t\tconst announcement = sprintf( __( 'Current value is %s' ), value );\n\t\tAccessibilityInfo.announceForAccessibility( announcement );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, children, label } = this.props;\n\t\tconst { fontScale, inputValue, hasFocus } = this.state;\n\n\t\tconst textInputStyle = getStylesFromColorScheme(\n\t\t\tstyles.textInput,\n\t\t\tstyles.textInputDark\n\t\t);\n\n\t\tconst textInputIOSStyle = getStylesFromColorScheme(\n\t\t\tstyles.textInputIOS,\n\t\t\tstyles.textInputIOSDark\n\t\t);\n\n\t\tconst inputBorderStyles = [\n\t\t\ttextInputStyle,\n\t\t\tborderStyles.borderStyle,\n\t\t\thasFocus && borderStyles.isSelected,\n\t\t];\n\n\t\tconst valueFinalStyle = [\n\t\t\tPlatform.select( {\n\t\t\t\tandroid: inputBorderStyles,\n\t\t\t\tios: textInputIOSStyle,\n\t\t\t} ),\n\t\t\t{\n\t\t\t\twidth: 50 * fontScale,\n\t\t\t\tborderRightWidth: children ? 1 : 0,\n\t\t\t},\n\t\t];\n\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ this.onInputFocus }\n\t\t\t\taccessible={ false }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.textInputContainer,\n\t\t\t\t\t\tisIOS && inputBorderStyles,\n\t\t\t\t\t] }\n\t\t\t\t\taccessible={ false }\n\t\t\t\t>\n\t\t\t\t\t{ isIOS || hasFocus ? (\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\taccessibilityLabel={ label }\n\t\t\t\t\t\t\tref={ ( c ) => ( this._valueTextInput = c ) }\n\t\t\t\t\t\t\tstyle={ valueFinalStyle }\n\t\t\t\t\t\t\tonChangeText={ this.onChangeText }\n\t\t\t\t\t\t\tonSubmitEditing={ this.onSubmitEditing }\n\t\t\t\t\t\t\tonFocus={ this.onInputFocus }\n\t\t\t\t\t\t\tonBlur={ this.onInputBlur }\n\t\t\t\t\t\t\tkeyboardType=\"numeric\"\n\t\t\t\t\t\t\treturnKeyType=\"done\"\n\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\tvalue={ inputValue.toString() }\n\t\t\t\t\t\t\tpointerEvents={ hasFocus ? 'auto' : 'none' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={ valueFinalStyle }\n\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\tellipsizeMode=\"clip\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ inputValue }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( RangeTextInput );\n"],"mappings":"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"}

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

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _compose = require("@wordpress/compose");
-
 var _rippleNative = _interopRequireDefault(require("./ripple.native.scss"));
-
 /**
  * External dependencies
  */
@@ -26,9 +20,9 @@ var _rippleNative = _interopRequireDefault(require("./ripple.native.scss"));
 /**
  * Internal dependencies
  */
+
 const ANDROID_VERSION_LOLLIPOP = 21;
 const ANDROID_VERSION_PIE = 28;
-
 const TouchableRipple = ({
   style,
   onPress,
@@ -42,12 +36,12 @@ const TouchableRipple = ({
   const isTouchableNativeSupported = _reactNative.Platform.OS === 'android' && _reactNative.Platform.Version >= ANDROID_VERSION_LOLLIPOP;
   const disabled = disabledProp || !onPress;
   const rippleColor = getStylesFromColorScheme(_rippleNative.default.ripple, _rippleNative.default.rippleDark).backgroundColor;
-
   if (isTouchableNativeSupported) {
     // A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'
     // https://github.com/facebook/react-native/issues/6480
     const useForeground = _reactNative.Platform.OS === 'android' && _reactNative.Platform.Version >= ANDROID_VERSION_PIE && borderless;
-    return (0, _element.createElement)(_reactNative.TouchableNativeFeedback, { ...touchableProps,
+    return (0, _element.createElement)(_reactNative.TouchableNativeFeedback, {
+      ...touchableProps,
       onPress: onPress,
       disabled: disabled,
       useForeground: useForeground,
@@ -56,16 +50,14 @@ const TouchableRipple = ({
       style: [borderless && _rippleNative.default.overflow, style]
     }, children));
   }
-
-  return (0, _element.createElement)(_reactNative.TouchableOpacity, { ...touchableProps,
+  return (0, _element.createElement)(_reactNative.TouchableOpacity, {
+    ...touchableProps,
     onPress: onPress,
     disabled: disabled,
     activeOpacity: activeOpacity,
     style: style
   }, children);
 };
-
 var _default = (0, _compose.withPreferredColorScheme)(TouchableRipple);
-
 exports.default = _default;
 //# sourceMappingURL=ripple.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/ripple.native.js"],"names":["ANDROID_VERSION_LOLLIPOP","ANDROID_VERSION_PIE","TouchableRipple","style","onPress","disabled","disabledProp","children","activeOpacity","getStylesFromColorScheme","borderless","touchableProps","isTouchableNativeSupported","Platform","OS","Version","rippleColor","rippleStyles","ripple","rippleDark","backgroundColor","useForeground","TouchableNativeFeedback","Ripple","overflow"],"mappings":";;;;;;;;;;;AAGA;;AAUA;;AAKA;;AAlBA;AACA;AACA;;AAQA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,wBAAwB,GAAG,EAAjC;AACA,MAAMC,mBAAmB,GAAG,EAA5B;;AAEA,MAAMC,eAAe,GAAG,CAAE;AACzBC,EAAAA,KADyB;AAEzBC,EAAAA,OAFyB;AAGzBC,EAAAA,QAAQ,EAAEC,YAHe;AAIzBC,EAAAA,QAJyB;AAKzBC,EAAAA,aALyB;AAMzBC,EAAAA,wBANyB;AAOzBC,EAAAA,UAAU,GAAG,KAPY;AAQzB,KAAGC;AARsB,CAAF,KASjB;AACN,QAAMC,0BAA0B,GAC/BC,sBAASC,EAAT,KAAgB,SAAhB,IACAD,sBAASE,OAAT,IAAoBf,wBAFrB;AAIA,QAAMK,QAAQ,GAAGC,YAAY,IAAI,CAAEF,OAAnC;AACA,QAAMY,WAAW,GAAGP,wBAAwB,CAC3CQ,sBAAaC,MAD8B,EAE3CD,sBAAaE,UAF8B,CAAxB,CAGlBC,eAHF;;AAKA,MAAKR,0BAAL,EAAkC;AACjC;AACA;AACA,UAAMS,aAAa,GAClBR,sBAASC,EAAT,KAAgB,SAAhB,IACAD,sBAASE,OAAT,IAAoBd,mBADpB,IAEAS,UAHD;AAKA,WACC,4BAAC,oCAAD,OACMC,cADN;AAEC,MAAA,OAAO,EAAGP,OAFX;AAGC,MAAA,QAAQ,EAAGC,QAHZ;AAIC,MAAA,aAAa,EAAGgB,aAJjB;AAKC,MAAA,UAAU,EAAGC,qCAAwBC,MAAxB,CACZP,WADY,EAEZN,UAFY;AALd,OAUC,4BAAC,iBAAD;AAAM,MAAA,KAAK,EAAG,CAAEA,UAAU,IAAIO,sBAAaO,QAA7B,EAAuCrB,KAAvC;AAAd,OACGI,QADH,CAVD,CADD;AAgBA;;AAED,SACC,4BAAC,6BAAD,OACMI,cADN;AAEC,IAAA,OAAO,EAAGP,OAFX;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,aAAa,EAAGG,aAJjB;AAKC,IAAA,KAAK,EAAGL;AALT,KAOGI,QAPH,CADD;AAWA,CAzDD;;eA2De,uCAA0BL,eAA1B,C","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tPlatform,\n\tTouchableOpacity,\n\tTouchableNativeFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport rippleStyles from './ripple.native.scss';\n\nconst ANDROID_VERSION_LOLLIPOP = 21;\nconst ANDROID_VERSION_PIE = 28;\n\nconst TouchableRipple = ( {\n\tstyle,\n\tonPress,\n\tdisabled: disabledProp,\n\tchildren,\n\tactiveOpacity,\n\tgetStylesFromColorScheme,\n\tborderless = false,\n\t...touchableProps\n} ) => {\n\tconst isTouchableNativeSupported =\n\t\tPlatform.OS === 'android' &&\n\t\tPlatform.Version >= ANDROID_VERSION_LOLLIPOP;\n\n\tconst disabled = disabledProp || ! onPress;\n\tconst rippleColor = getStylesFromColorScheme(\n\t\trippleStyles.ripple,\n\t\trippleStyles.rippleDark\n\t).backgroundColor;\n\n\tif ( isTouchableNativeSupported ) {\n\t\t// A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'\n\t\t// https://github.com/facebook/react-native/issues/6480\n\t\tconst useForeground =\n\t\t\tPlatform.OS === 'android' &&\n\t\t\tPlatform.Version >= ANDROID_VERSION_PIE &&\n\t\t\tborderless;\n\n\t\treturn (\n\t\t\t<TouchableNativeFeedback\n\t\t\t\t{ ...touchableProps }\n\t\t\t\tonPress={ onPress }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tuseForeground={ useForeground }\n\t\t\t\tbackground={ TouchableNativeFeedback.Ripple(\n\t\t\t\t\trippleColor,\n\t\t\t\t\tborderless\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<View style={ [ borderless && rippleStyles.overflow, style ] }>\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableNativeFeedback>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\t{ ...touchableProps }\n\t\t\tonPress={ onPress }\n\t\t\tdisabled={ disabled }\n\t\t\tactiveOpacity={ activeOpacity }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</TouchableOpacity>\n\t);\n};\n\nexport default withPreferredColorScheme( TouchableRipple );\n"]}
+{"version":3,"names":["_reactNative","require","_compose","_rippleNative","_interopRequireDefault","ANDROID_VERSION_LOLLIPOP","ANDROID_VERSION_PIE","TouchableRipple","style","onPress","disabled","disabledProp","children","activeOpacity","getStylesFromColorScheme","borderless","touchableProps","isTouchableNativeSupported","Platform","OS","Version","rippleColor","rippleStyles","ripple","rippleDark","backgroundColor","useForeground","_element","createElement","TouchableNativeFeedback","background","Ripple","View","overflow","TouchableOpacity","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/ripple.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tPlatform,\n\tTouchableOpacity,\n\tTouchableNativeFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport rippleStyles from './ripple.native.scss';\n\nconst ANDROID_VERSION_LOLLIPOP = 21;\nconst ANDROID_VERSION_PIE = 28;\n\nconst TouchableRipple = ( {\n\tstyle,\n\tonPress,\n\tdisabled: disabledProp,\n\tchildren,\n\tactiveOpacity,\n\tgetStylesFromColorScheme,\n\tborderless = false,\n\t...touchableProps\n} ) => {\n\tconst isTouchableNativeSupported =\n\t\tPlatform.OS === 'android' &&\n\t\tPlatform.Version >= ANDROID_VERSION_LOLLIPOP;\n\n\tconst disabled = disabledProp || ! onPress;\n\tconst rippleColor = getStylesFromColorScheme(\n\t\trippleStyles.ripple,\n\t\trippleStyles.rippleDark\n\t).backgroundColor;\n\n\tif ( isTouchableNativeSupported ) {\n\t\t// A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'\n\t\t// https://github.com/facebook/react-native/issues/6480\n\t\tconst useForeground =\n\t\t\tPlatform.OS === 'android' &&\n\t\t\tPlatform.Version >= ANDROID_VERSION_PIE &&\n\t\t\tborderless;\n\n\t\treturn (\n\t\t\t<TouchableNativeFeedback\n\t\t\t\t{ ...touchableProps }\n\t\t\t\tonPress={ onPress }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tuseForeground={ useForeground }\n\t\t\t\tbackground={ TouchableNativeFeedback.Ripple(\n\t\t\t\t\trippleColor,\n\t\t\t\t\tborderless\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<View style={ [ borderless && rippleStyles.overflow, style ] }>\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableNativeFeedback>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\t{ ...touchableProps }\n\t\t\tonPress={ onPress }\n\t\t\tdisabled={ disabled }\n\t\t\tactiveOpacity={ activeOpacity }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</TouchableOpacity>\n\t);\n};\n\nexport default withPreferredColorScheme( TouchableRipple );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAUA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AAlBA;AACA;AACA;;AAQA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,wBAAwB,GAAG,EAAE;AACnC,MAAMC,mBAAmB,GAAG,EAAE;AAE9B,MAAMC,eAAe,GAAGA,CAAE;EACzBC,KAAK;EACLC,OAAO;EACPC,QAAQ,EAAEC,YAAY;EACtBC,QAAQ;EACRC,aAAa;EACbC,wBAAwB;EACxBC,UAAU,GAAG,KAAK;EAClB,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,0BAA0B,GAC/BC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IACzBD,qBAAQ,CAACE,OAAO,IAAIf,wBAAwB;EAE7C,MAAMK,QAAQ,GAAGC,YAAY,IAAI,CAAEF,OAAO;EAC1C,MAAMY,WAAW,GAAGP,wBAAwB,CAC3CQ,qBAAY,CAACC,MAAM,EACnBD,qBAAY,CAACE,UACd,CAAC,CAACC,eAAe;EAEjB,IAAKR,0BAA0B,EAAG;IACjC;IACA;IACA,MAAMS,aAAa,GAClBR,qBAAQ,CAACC,EAAE,KAAK,SAAS,IACzBD,qBAAQ,CAACE,OAAO,IAAId,mBAAmB,IACvCS,UAAU;IAEX,OACC,IAAAY,QAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAA6B,uBAAuB;MAAA,GAClBb,cAAc;MACnBP,OAAO,EAAGA,OAAS;MACnBC,QAAQ,EAAGA,QAAU;MACrBgB,aAAa,EAAGA,aAAe;MAC/BI,UAAU,EAAGD,oCAAuB,CAACE,MAAM,CAC1CV,WAAW,EACXN,UACD;IAAG,GAEH,IAAAY,QAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAAgC,IAAI;MAACxB,KAAK,EAAG,CAAEO,UAAU,IAAIO,qBAAY,CAACW,QAAQ,EAAEzB,KAAK;IAAI,GAC3DI,QACG,CACkB,CAAC;EAE5B;EAEA,OACC,IAAAe,QAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAAkC,gBAAgB;IAAA,GACXlB,cAAc;IACnBP,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA,QAAU;IACrBG,aAAa,EAAGA,aAAe;IAC/BL,KAAK,EAAGA;EAAO,GAEbI,QACe,CAAC;AAErB,CAAC;AAAC,IAAAuB,QAAA,GAEa,IAAAC,iCAAwB,EAAE7B,eAAgB,CAAC;AAAA8B,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

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

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _i18n = require("@wordpress/i18n");
-
 var _compose = require("@wordpress/compose");
-
 var _cell = _interopRequireDefault(require("../cell"));
-
 var _stepper = _interopRequireDefault(require("./stepper"));
-
 var _style = _interopRequireDefault(require("./style.scss"));
-
 var _rangeTextInput = _interopRequireDefault(require("../range-text-input"));
-
 var _utils = require("../../utils");
-
 /**
  * External dependencies
  */
@@ -36,10 +25,10 @@ var _utils = require("../../utils");
 /**
  * Internal dependencies
  */
+
 const STEP_DELAY = 200;
 const DEFAULT_STEP = 1;
 const isIOS = _reactNative.Platform.OS === 'ios';
-
 class BottomSheetStepperCell extends _element.Component {
   constructor(props) {
     super(props);
@@ -60,13 +49,11 @@ class BottomSheetStepperCell extends _element.Component {
       stepperValue: initialValue
     };
   }
-
   componentWillUnmount() {
     clearTimeout(this.timeout);
     clearInterval(this.interval);
     clearTimeout(this.timeoutAnnounceValue);
   }
-
   onIncrementValue() {
     const {
       step,
@@ -77,7 +64,6 @@ class BottomSheetStepperCell extends _element.Component {
     } = this.props;
     let newValue = (0, _utils.toFixed)(value + step, decimalNum);
     newValue = parseInt(newValue) === newValue ? parseInt(newValue) : newValue;
-
     if (newValue <= max || max === undefined) {
       onChange(newValue);
       this.setState({
@@ -86,7 +72,6 @@ class BottomSheetStepperCell extends _element.Component {
       this.announceValue(newValue);
     }
   }
-
   onDecrementValue() {
     const {
       step,
@@ -97,7 +82,6 @@ class BottomSheetStepperCell extends _element.Component {
     } = this.props;
     let newValue = (0, _utils.toFixed)(value - step, decimalNum);
     newValue = parseInt(newValue) === newValue ? parseInt(newValue) : newValue;
-
     if (newValue >= min) {
       onChange(newValue);
       this.setState({
@@ -106,45 +90,38 @@ class BottomSheetStepperCell extends _element.Component {
       this.announceValue(newValue);
     }
   }
-
   onIncrementValuePressIn() {
     this.onIncrementValue();
     this.timeout = setTimeout(() => {
       this.startPressInterval(this.onIncrementValue);
     }, 500);
   }
-
   onDecrementValuePressIn() {
     this.onDecrementValue();
     this.timeout = setTimeout(() => {
       this.startPressInterval(this.onDecrementValue);
     }, 500);
   }
-
   onPressOut() {
     clearTimeout(this.timeout);
     clearInterval(this.interval);
   }
-
   startPressInterval(callback, speed = STEP_DELAY) {
     let counter = 0;
     this.interval = setInterval(() => {
       callback();
       counter += 1;
-
       if (counter === 10) {
         clearInterval(this.interval);
         this.startPressInterval(callback, speed / 2);
       }
     }, speed);
   }
-
   announceValue(value) {
     const {
       label,
       unitLabel = ''
     } = this.props;
-
     if (isIOS) {
       // On Android it triggers the accessibilityLabel with the value change
       clearTimeout(this.timeoutAnnounceValue);
@@ -153,7 +130,6 @@ class BottomSheetStepperCell extends _element.Component {
       }, 300);
     }
   }
-
   render() {
     const {
       label,
@@ -179,13 +155,10 @@ class BottomSheetStepperCell extends _element.Component {
     const isMinValue = value === min;
     const isMaxValue = value === max;
     const labelStyle = [_style.default.cellLabel, !icon ? _style.default.cellLabelNoIcon : {}];
-
     const getAccessibilityHint = () => {
       return openUnitPicker ? (0, _i18n.__)('double-tap to change unit') : '';
     };
-
-    const accessibilityLabel = (0, _i18n.sprintf)(
-    /* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */
+    const accessibilityLabel = (0, _i18n.sprintf)( /* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */
     (0, _i18n.__)('%1$s. %2$s is %3$s %4$s.'), label, settingLabel, value, unitLabel);
     const containerStyle = [_style.default.rowContainer, isIOS ? _style.default.containerIOS : _style.default.containerAndroid];
     return (0, _element.createElement)(_reactNative.View, {
@@ -205,16 +178,13 @@ class BottomSheetStepperCell extends _element.Component {
           case 'increment':
             this.onIncrementValue();
             break;
-
           case 'decrement':
             this.onDecrementValue();
             break;
-
           case 'activate':
             if (openUnitPicker) {
               openUnitPicker();
             }
-
             break;
         }
       }
@@ -251,14 +221,10 @@ class BottomSheetStepperCell extends _element.Component {
       decimalNum: decimalNum
     }, children))))));
   }
-
 }
-
 BottomSheetStepperCell.defaultProps = {
   step: DEFAULT_STEP
 };
-
 var _default = (0, _compose.withPreferredColorScheme)(BottomSheetStepperCell);
-
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map