npm - @wordpress/components - Versions diffs - 28.8.6 → 28.10.0 - Mend

@wordpress/components 28.8.6 → 28.10.0

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

Files changed (894) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Platform","AccessibilityInfo","View","Slider","__","sprintf","Component","withPreferredColorScheme","Cell","LockIcon","styles","RangeTextInput","toFixed","jsx","_jsx","jsxs","_jsxs","isIOS","OS","BottomSheetRangeCell","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","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","getAccessibilityLabel","containerStyle","container","containerIOS","containerAndroid","accessible","accessibilityRole","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","accessibilityLabel","accessibilityHint","importantForAccessibility","cellContainerStyles","cellRowContainerStyle","leftAlign","editable","activeOpacity","valueStyle","showLockIcon","style","testID","onValueChange","onSlidingComplete","ref","slider","sliderRef","sliderIOS","sliderAndroid","min","max"],"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\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":"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","ignoreList":[]}
1	+ {"version":3,"names":["Platform","AccessibilityInfo","View","Slider","__","sprintf","Component","withPreferredColorScheme","Cell","LockIcon","styles","RangeTextInput","toFixed","jsx","_jsx","jsxs","_jsxs","isIOS","OS","BottomSheetRangeCell","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","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","getAccessibilityLabel","containerStyle","container","containerIOS","containerAndroid","accessible","accessibilityRole","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","accessibilityLabel","accessibilityHint","importantForAccessibility","cellContainerStyles","cellRowContainerStyle","leftAlign","editable","activeOpacity","valueStyle","showLockIcon","style","testID","onValueChange","onSlidingComplete","ref","slider","sliderRef","sliderIOS","sliderAndroid","min","max"],"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\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":"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","ignoreList":[]}

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

@@ -16,8 +16,7 @@ import { __, sprintf } from '@wordpress/i18n';
 import { toFixed, removeNonDigit } from '../utils';
 import styles from './styles.scss';
 import borderStyles from './borderStyles.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const isIOS = Platform.OS === 'ios';
 class RangeTextInput extends Component {
   constructor(props) {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["AccessibilityInfo","View","TextInput","PixelRatio","AppState","Platform","Text","TouchableWithoutFeedback","Component","withPreferredColorScheme","__","sprintf","toFixed","removeNonDigit","styles","borderStyles","jsx","_jsx","jsxs","_jsxs","isIOS","OS","RangeTextInput","constructor","props","announceCurrentValue","bind","onInputFocus","onInputBlur","handleChangePixelRatio","onSubmitEditing","onChangeText","value","defaultValue","min","decimalNum","initialValue","fontScale","getFontScale","state","inputValue","controlValue","hasFocus","componentDidMount","appStateChangeSubscription","addEventListener","componentWillUnmount","remove","clearTimeout","timeoutAnnounceValue","componentDidUpdate","prevProps","prevState","setState","validValue","validateInput","_valueTextInput","focus","nextAppState","text","max","result","Math","updateValue","onChange","textValue","replace","nativeEvent","isNaN","Number","announcement","announceForAccessibility","render","getStylesFromColorScheme","children","label","textInputStyle","textInput","textInputDark","textInputIOSStyle","textInputIOS","textInputIOSDark","inputBorderStyles","borderStyle","isSelected","valueFinalStyle","select","android","ios","width","borderRightWidth","onPress","accessible","style","textInputContainer","accessibilityLabel","ref","c","onFocus","onBlur","keyboardType","returnKeyType","numberOfLines","toString","pointerEvents","ellipsizeMode"],"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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","ignoreList":[]}
1	+ {"version":3,"names":["AccessibilityInfo","View","TextInput","PixelRatio","AppState","Platform","Text","TouchableWithoutFeedback","Component","withPreferredColorScheme","__","sprintf","toFixed","removeNonDigit","styles","borderStyles","jsx","_jsx","jsxs","_jsxs","isIOS","OS","RangeTextInput","constructor","props","announceCurrentValue","bind","onInputFocus","onInputBlur","handleChangePixelRatio","onSubmitEditing","onChangeText","value","defaultValue","min","decimalNum","initialValue","fontScale","getFontScale","state","inputValue","controlValue","hasFocus","componentDidMount","appStateChangeSubscription","addEventListener","componentWillUnmount","remove","clearTimeout","timeoutAnnounceValue","componentDidUpdate","prevProps","prevState","setState","validValue","validateInput","_valueTextInput","focus","nextAppState","text","max","result","Math","updateValue","onChange","textValue","replace","nativeEvent","isNaN","Number","announcement","announceForAccessibility","render","getStylesFromColorScheme","children","label","textInputStyle","textInput","textInputDark","textInputIOSStyle","textInputIOS","textInputIOSDark","inputBorderStyles","borderStyle","isSelected","valueFinalStyle","select","android","ios","width","borderRightWidth","onPress","accessible","style","textInputContainer","accessibilityLabel","ref","c","onFocus","onBlur","keyboardType","returnKeyType","numberOfLines","toString","pointerEvents","ellipsizeMode"],"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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","ignoreList":[]}

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

@@ -18,8 +18,7 @@ import Stepper from './stepper';
 import styles from './style.scss';
 import RangeTextInput from '../range-text-input';
 import { toFixed } from '../../utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const STEP_DELAY = 200;
 const DEFAULT_STEP = 1;
 const isIOS = Platform.OS === 'ios';
@@ -152,7 +151,7 @@ class BottomSheetStepperCell extends Component {
     const getAccessibilityHint = () => {
       return openUnitPicker ? __('double-tap to change unit') : '';
     };
-    const accessibilityLabel = 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 = 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) */
     __('%1$s. %2$s is %3$s %4$s.'), label, settingLabel, value, unitLabel);
     const containerStyle = [styles.rowContainer, isIOS ? styles.containerIOS : styles.containerAndroid];
     return /*#__PURE__*/_jsx(View, {

package/build-module/mobile/bottom-sheet/stepper-cell/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["AccessibilityInfo","View","Platform","__","sprintf","Component","withPreferredColorScheme","Cell","Stepper","styles","RangeTextInput","toFixed","jsx","_jsx","jsxs","_jsxs","STEP_DELAY","DEFAULT_STEP","isIOS","OS","BottomSheetStepperCell","constructor","props","announceValue","bind","onDecrementValue","onDecrementValuePressIn","onIncrementValue","onIncrementValuePressIn","onPressOut","value","defaultValue","min","initialValue","state","inputValue","stepperValue","componentWillUnmount","clearTimeout","timeout","clearInterval","interval","timeoutAnnounceValue","step","max","onChange","decimalNum","newValue","parseInt","undefined","setState","setTimeout","startPressInterval","callback","speed","counter","setInterval","label","unitLabel","announceForAccessibility","render","settingLabel","icon","separatorType","children","shouldDisplayTextInput","preview","openUnitPicker","cellContainerStyle","disabled","isMinValue","isMaxValue","labelStyle","cellLabel","cellLabelNoIcon","getAccessibilityHint","accessibilityLabel","containerStyle","rowContainer","containerIOS","containerAndroid","accessible","accessibilityRole","accessibilityHint","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","importantForAccessibility","columnContainer","cellRowContainerStyle","cellRowStyles","editable","leftAlign","style","onPressInDecrement","onPressInIncrement","defaultProps"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { AccessibilityInfo, View, Platform } from 'react-native';\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 Stepper from './stepper';\nimport styles from './style.scss';\nimport RangeTextInput from '../range-text-input';\nimport { toFixed } from '../../utils';\n\nconst STEP_DELAY = 200;\nconst DEFAULT_STEP = 1;\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetStepperCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.announceValue = this.announceValue.bind( this );\n\t\tthis.onDecrementValue = this.onDecrementValue.bind( this );\n\t\tthis.onDecrementValuePressIn =\n\t\t\tthis.onDecrementValuePressIn.bind( this );\n\t\tthis.onIncrementValue = this.onIncrementValue.bind( this );\n\t\tthis.onIncrementValuePressIn =\n\t\t\tthis.onIncrementValuePressIn.bind( this );\n\t\tthis.onPressOut = this.onPressOut.bind( this );\n\n\t\tconst { value, defaultValue, min } = props;\n\n\t\tconst initialValue = value \|\| defaultValue \|\| min;\n\n\t\tthis.state = {\n\t\t\tinputValue: initialValue,\n\t\t\tstepperValue: initialValue,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timeout );\n\t\tclearInterval( this.interval );\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tonIncrementValue() {\n\t\tconst { step, max, onChange, value, decimalNum } = this.props;\n\t\tlet newValue = toFixed( value + step, decimalNum );\n\t\tnewValue =\n\t\t\tparseInt( newValue ) === newValue ? parseInt( newValue ) : newValue;\n\t\tif ( newValue <= max \|\| max === undefined ) {\n\t\t\tonChange( newValue );\n\t\t\tthis.setState( {\n\t\t\t\tinputValue: newValue,\n\t\t\t} );\n\t\t\tthis.announceValue( newValue );\n\t\t}\n\t}\n\n\tonDecrementValue() {\n\t\tconst { step, min, onChange, value, decimalNum } = this.props;\n\t\tlet newValue = toFixed( value - step, decimalNum );\n\t\tnewValue =\n\t\t\tparseInt( newValue ) === newValue ? parseInt( newValue ) : newValue;\n\t\tif ( newValue >= min ) {\n\t\t\tonChange( newValue );\n\t\t\tthis.setState( {\n\t\t\t\tinputValue: newValue,\n\t\t\t} );\n\t\t\tthis.announceValue( newValue );\n\t\t}\n\t}\n\n\tonIncrementValuePressIn() {\n\t\tthis.onIncrementValue();\n\t\tthis.timeout = setTimeout( () => {\n\t\t\tthis.startPressInterval( this.onIncrementValue );\n\t\t}, 500 );\n\t}\n\n\tonDecrementValuePressIn() {\n\t\tthis.onDecrementValue();\n\t\tthis.timeout = setTimeout( () => {\n\t\t\tthis.startPressInterval( this.onDecrementValue );\n\t\t}, 500 );\n\t}\n\n\tonPressOut() {\n\t\tclearTimeout( this.timeout );\n\t\tclearInterval( this.interval );\n\t}\n\n\tstartPressInterval( callback, speed = STEP_DELAY ) {\n\t\tlet counter = 0;\n\t\tthis.interval = setInterval( () => {\n\t\t\tcallback();\n\t\t\tcounter += 1;\n\n\t\t\tif ( counter === 10 ) {\n\t\t\t\tclearInterval( this.interval );\n\t\t\t\tthis.startPressInterval( callback, speed / 2 );\n\t\t\t}\n\t\t}, speed );\n\t}\n\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\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\tlabel,\n\t\t\tsettingLabel = 'Value',\n\t\t\tunitLabel = '',\n\t\t\ticon,\n\t\t\tmin,\n\t\t\tmax,\n\t\t\tvalue,\n\t\t\tseparatorType,\n\t\t\tchildren,\n\t\t\tshouldDisplayTextInput = false,\n\t\t\tpreview,\n\t\t\tonChange,\n\t\t\topenUnitPicker,\n\t\t\tdecimalNum,\n\t\t\tcellContainerStyle,\n\t\t\tdisabled,\n\t\t} = this.props;\n\t\tconst { inputValue } = this.state;\n\t\tconst isMinValue = value === min;\n\t\tconst isMaxValue = value === max;\n\t\tconst labelStyle = [\n\t\t\tstyles.cellLabel,\n\t\t\t! icon ? styles.cellLabelNoIcon : {},\n\t\t];\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst accessibilityLabel = sprintf(\n\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__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\tlabel,\n\t\t\tsettingLabel,\n\t\t\tvalue,\n\t\t\tunitLabel\n\t\t);\n\n\t\tconst containerStyle = [\n\t\t\tstyles.rowContainer,\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\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\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.onIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.onDecrementValue();\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>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyle,\n\t\t\t\t\t\t\tpreview && styles.columnContainer,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={\n\t\t\t\t\t\t\tpreview ? containerStyle : styles.cellRowStyles\n\t\t\t\t\t\t}\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tlabelStyle={ labelStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ preview && containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Stepper\n\t\t\t\t\t\t\t\tisMaxValue={ isMaxValue }\n\t\t\t\t\t\t\t\tisMinValue={ isMinValue }\n\t\t\t\t\t\t\t\tonPressInDecrement={\n\t\t\t\t\t\t\t\t\tthis.onDecrementValuePressIn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPressInIncrement={\n\t\t\t\t\t\t\t\t\tthis.onIncrementValuePressIn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPressOut={ this.onPressOut }\n\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\tshouldDisplayTextInput={\n\t\t\t\t\t\t\t\t\tshouldDisplayTextInput\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\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Stepper>\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\nBottomSheetStepperCell.defaultProps = {\n\tstep: DEFAULT_STEP,\n};\n\nexport default withPreferredColorScheme( BottomSheetStepperCell );\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["AccessibilityInfo","View","Platform","__","sprintf","Component","withPreferredColorScheme","Cell","Stepper","styles","RangeTextInput","toFixed","jsx","_jsx","jsxs","_jsxs","STEP_DELAY","DEFAULT_STEP","isIOS","OS","BottomSheetStepperCell","constructor","props","announceValue","bind","onDecrementValue","onDecrementValuePressIn","onIncrementValue","onIncrementValuePressIn","onPressOut","value","defaultValue","min","initialValue","state","inputValue","stepperValue","componentWillUnmount","clearTimeout","timeout","clearInterval","interval","timeoutAnnounceValue","step","max","onChange","decimalNum","newValue","parseInt","undefined","setState","setTimeout","startPressInterval","callback","speed","counter","setInterval","label","unitLabel","announceForAccessibility","render","settingLabel","icon","separatorType","children","shouldDisplayTextInput","preview","openUnitPicker","cellContainerStyle","disabled","isMinValue","isMaxValue","labelStyle","cellLabel","cellLabelNoIcon","getAccessibilityHint","accessibilityLabel","containerStyle","rowContainer","containerIOS","containerAndroid","accessible","accessibilityRole","accessibilityHint","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","importantForAccessibility","columnContainer","cellRowContainerStyle","cellRowStyles","editable","leftAlign","style","onPressInDecrement","onPressInIncrement","defaultProps"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { AccessibilityInfo, View, Platform } from 'react-native';\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 Stepper from './stepper';\nimport styles from './style.scss';\nimport RangeTextInput from '../range-text-input';\nimport { toFixed } from '../../utils';\n\nconst STEP_DELAY = 200;\nconst DEFAULT_STEP = 1;\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetStepperCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.announceValue = this.announceValue.bind( this );\n\t\tthis.onDecrementValue = this.onDecrementValue.bind( this );\n\t\tthis.onDecrementValuePressIn =\n\t\t\tthis.onDecrementValuePressIn.bind( this );\n\t\tthis.onIncrementValue = this.onIncrementValue.bind( this );\n\t\tthis.onIncrementValuePressIn =\n\t\t\tthis.onIncrementValuePressIn.bind( this );\n\t\tthis.onPressOut = this.onPressOut.bind( this );\n\n\t\tconst { value, defaultValue, min } = props;\n\n\t\tconst initialValue = value \|\| defaultValue \|\| min;\n\n\t\tthis.state = {\n\t\t\tinputValue: initialValue,\n\t\t\tstepperValue: initialValue,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timeout );\n\t\tclearInterval( this.interval );\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tonIncrementValue() {\n\t\tconst { step, max, onChange, value, decimalNum } = this.props;\n\t\tlet newValue = toFixed( value + step, decimalNum );\n\t\tnewValue =\n\t\t\tparseInt( newValue ) === newValue ? parseInt( newValue ) : newValue;\n\t\tif ( newValue <= max \|\| max === undefined ) {\n\t\t\tonChange( newValue );\n\t\t\tthis.setState( {\n\t\t\t\tinputValue: newValue,\n\t\t\t} );\n\t\t\tthis.announceValue( newValue );\n\t\t}\n\t}\n\n\tonDecrementValue() {\n\t\tconst { step, min, onChange, value, decimalNum } = this.props;\n\t\tlet newValue = toFixed( value - step, decimalNum );\n\t\tnewValue =\n\t\t\tparseInt( newValue ) === newValue ? parseInt( newValue ) : newValue;\n\t\tif ( newValue >= min ) {\n\t\t\tonChange( newValue );\n\t\t\tthis.setState( {\n\t\t\t\tinputValue: newValue,\n\t\t\t} );\n\t\t\tthis.announceValue( newValue );\n\t\t}\n\t}\n\n\tonIncrementValuePressIn() {\n\t\tthis.onIncrementValue();\n\t\tthis.timeout = setTimeout( () => {\n\t\t\tthis.startPressInterval( this.onIncrementValue );\n\t\t}, 500 );\n\t}\n\n\tonDecrementValuePressIn() {\n\t\tthis.onDecrementValue();\n\t\tthis.timeout = setTimeout( () => {\n\t\t\tthis.startPressInterval( this.onDecrementValue );\n\t\t}, 500 );\n\t}\n\n\tonPressOut() {\n\t\tclearTimeout( this.timeout );\n\t\tclearInterval( this.interval );\n\t}\n\n\tstartPressInterval( callback, speed = STEP_DELAY ) {\n\t\tlet counter = 0;\n\t\tthis.interval = setInterval( () => {\n\t\t\tcallback();\n\t\t\tcounter += 1;\n\n\t\t\tif ( counter === 10 ) {\n\t\t\t\tclearInterval( this.interval );\n\t\t\t\tthis.startPressInterval( callback, speed / 2 );\n\t\t\t}\n\t\t}, speed );\n\t}\n\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\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\tlabel,\n\t\t\tsettingLabel = 'Value',\n\t\t\tunitLabel = '',\n\t\t\ticon,\n\t\t\tmin,\n\t\t\tmax,\n\t\t\tvalue,\n\t\t\tseparatorType,\n\t\t\tchildren,\n\t\t\tshouldDisplayTextInput = false,\n\t\t\tpreview,\n\t\t\tonChange,\n\t\t\topenUnitPicker,\n\t\t\tdecimalNum,\n\t\t\tcellContainerStyle,\n\t\t\tdisabled,\n\t\t} = this.props;\n\t\tconst { inputValue } = this.state;\n\t\tconst isMinValue = value === min;\n\t\tconst isMaxValue = value === max;\n\t\tconst labelStyle = [\n\t\t\tstyles.cellLabel,\n\t\t\t! icon ? styles.cellLabelNoIcon : {},\n\t\t];\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst accessibilityLabel = sprintf(\n\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__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\tlabel,\n\t\t\tsettingLabel,\n\t\t\tvalue,\n\t\t\tunitLabel\n\t\t);\n\n\t\tconst containerStyle = [\n\t\t\tstyles.rowContainer,\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\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\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.onIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.onDecrementValue();\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>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyle,\n\t\t\t\t\t\t\tpreview && styles.columnContainer,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={\n\t\t\t\t\t\t\tpreview ? containerStyle : styles.cellRowStyles\n\t\t\t\t\t\t}\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tlabelStyle={ labelStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ preview && containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Stepper\n\t\t\t\t\t\t\t\tisMaxValue={ isMaxValue }\n\t\t\t\t\t\t\t\tisMinValue={ isMinValue }\n\t\t\t\t\t\t\t\tonPressInDecrement={\n\t\t\t\t\t\t\t\t\tthis.onDecrementValuePressIn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPressInIncrement={\n\t\t\t\t\t\t\t\t\tthis.onIncrementValuePressIn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPressOut={ this.onPressOut }\n\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\tshouldDisplayTextInput={\n\t\t\t\t\t\t\t\t\tshouldDisplayTextInput\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\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Stepper>\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\nBottomSheetStepperCell.defaultProps = {\n\tstep: DEFAULT_STEP,\n};\n\nexport default withPreferredColorScheme( BottomSheetStepperCell );\n"],"mappings":"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","ignoreList":[]}

package/build-module/mobile/bottom-sheet/stepper-cell/stepper.android.js CHANGED Viewed

@@ -13,8 +13,7 @@ import { withPreferredColorScheme } from '@wordpress/compose';
  * Internal dependencies
  */
 import styles from './style.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Stepper({
   getStylesFromColorScheme,
   isMaxValue,

package/build-module/mobile/bottom-sheet/stepper-cell/stepper.android.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Text","TouchableOpacity","View","Icon","chevronDown","chevronUp","withPreferredColorScheme","styles","jsx","_jsx","jsxs","_jsxs","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","shouldDisplayTextInput","children","valueStyle","valueTextDark","buttonIconStyle","buttonNoBg","buttonNoBgTextDark","style","container","disabled","onPressIn","opacity","icon","size","color","spacings","testID"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.android.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { Icon, chevronDown, chevronUp } from '@wordpress/icons';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tshouldDisplayTextInput,\n\tchildren,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonIconStyle = getStylesFromColorScheme(\n\t\tstyles.buttonNoBg,\n\t\tstyles.buttonNoBgTextDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMinValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ [ valueStyle, styles.spacings ] }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID=\"Increment\"\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMaxValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;;AAE3D;AACA;AACA;AACA,SAASC,IAAI,EAAEC,WAAW,EAAEC,SAAS,QAAQ,kBAAkB;AAC/D,SAASC,wBAAwB,QAAQ,oBAAoB;;AAE7D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA;AAElC,SAASC,OAAOA,CAAE;EACjBC,wBAAwB;EACxBC,UAAU;EACVC,UAAU;EACVC,kBAAkB;EAClBC,kBAAkB;EAClBC,UAAU;EACVC,KAAK;EACLC,sBAAsB;EACtBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,wBAAwB,CAC1CN,MAAM,CAACY,KAAK,EACZZ,MAAM,CAACgB,aACR,CAAC;EACD,MAAMC,eAAe,GAAGX,wBAAwB,CAC/CN,MAAM,CAACkB,UAAU,EACjBlB,MAAM,CAACmB,kBACR,CAAC;EAED,oBACCf,KAAA,CAACT,IAAI;IAACyB,KAAK,EAAGpB,MAAM,CAACqB,SAAW;IAAAP,QAAA,gBAC/BZ,IAAA,CAACR,gBAAgB;MAChB4B,QAAQ,EAAGd,UAAY;MACvBe,SAAS,EAAGd,kBAAoB;MAChCE,UAAU,EAAGA,UAAY;MACzBS,KAAK,EAAG,CACPpB,MAAM,CAACkB,UAAU,EACjBV,UAAU,GAAG;QAAEgB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAClC;MAAAV,QAAA,eAEHZ,IAAA,CAACN,IAAI;QACJ6B,IAAI,EAAG5B,WAAa;QACpB6B,IAAI,EAAG,EAAI;QACXC,KAAK,EAAGV,eAAe,CAACU;MAAO,CAC/B;IAAC,CACe,CAAC,EACjB,CAAEd,sBAAsB,iBACzBX,IAAA,CAACT,IAAI;MAAC2B,KAAK,EAAG,CAAEL,UAAU,EAAEf,MAAM,CAAC4B,QAAQ,CAAI;MAAAd,QAAA,EAAGF;IAAK,CAAQ,CAC/D,EACCE,QAAQ,eACVZ,IAAA,CAACR,gBAAgB;MAChBmC,MAAM,EAAC,WAAW;MAClBP,QAAQ,EAAGf,UAAY;MACvBgB,SAAS,EAAGb,kBAAoB;MAChCC,UAAU,EAAGA,UAAY;MACzBS,KAAK,EAAG,CACPpB,MAAM,CAACkB,UAAU,EACjBX,UAAU,GAAG;QAAEiB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAClC;MAAAV,QAAA,eAEHZ,IAAA,CAACN,IAAI;QACJ6B,IAAI,EAAG3B,SAAW;QAClB4B,IAAI,EAAG,EAAI;QACXC,KAAK,EAAGV,eAAe,CAACU;MAAO,CAC/B;IAAC,CACe,CAAC;EAAA,CACd,CAAC;AAET;AAEA,eAAe5B,wBAAwB,CAAEM,OAAQ,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["Text","TouchableOpacity","View","Icon","chevronDown","chevronUp","withPreferredColorScheme","styles","jsx","_jsx","jsxs","_jsxs","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","shouldDisplayTextInput","children","valueStyle","valueTextDark","buttonIconStyle","buttonNoBg","buttonNoBgTextDark","style","container","disabled","onPressIn","opacity","icon","size","color","spacings","testID"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.android.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { Icon, chevronDown, chevronUp } from '@wordpress/icons';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tshouldDisplayTextInput,\n\tchildren,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonIconStyle = getStylesFromColorScheme(\n\t\tstyles.buttonNoBg,\n\t\tstyles.buttonNoBgTextDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMinValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ [ valueStyle, styles.spacings ] }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID=\"Increment\"\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMaxValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;;AAE3D;AACA;AACA;AACA,SAASC,IAAI,EAAEC,WAAW,EAAEC,SAAS,QAAQ,kBAAkB;AAC/D,SAASC,wBAAwB,QAAQ,oBAAoB;;AAE7D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElC,SAASC,OAAOA,CAAE;EACjBC,wBAAwB;EACxBC,UAAU;EACVC,UAAU;EACVC,kBAAkB;EAClBC,kBAAkB;EAClBC,UAAU;EACVC,KAAK;EACLC,sBAAsB;EACtBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,wBAAwB,CAC1CN,MAAM,CAACY,KAAK,EACZZ,MAAM,CAACgB,aACR,CAAC;EACD,MAAMC,eAAe,GAAGX,wBAAwB,CAC/CN,MAAM,CAACkB,UAAU,EACjBlB,MAAM,CAACmB,kBACR,CAAC;EAED,oBACCf,KAAA,CAACT,IAAI;IAACyB,KAAK,EAAGpB,MAAM,CAACqB,SAAW;IAAAP,QAAA,gBAC/BZ,IAAA,CAACR,gBAAgB;MAChB4B,QAAQ,EAAGd,UAAY;MACvBe,SAAS,EAAGd,kBAAoB;MAChCE,UAAU,EAAGA,UAAY;MACzBS,KAAK,EAAG,CACPpB,MAAM,CAACkB,UAAU,EACjBV,UAAU,GAAG;QAAEgB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAClC;MAAAV,QAAA,eAEHZ,IAAA,CAACN,IAAI;QACJ6B,IAAI,EAAG5B,WAAa;QACpB6B,IAAI,EAAG,EAAI;QACXC,KAAK,EAAGV,eAAe,CAACU;MAAO,CAC/B;IAAC,CACe,CAAC,EACjB,CAAEd,sBAAsB,iBACzBX,IAAA,CAACT,IAAI;MAAC2B,KAAK,EAAG,CAAEL,UAAU,EAAEf,MAAM,CAAC4B,QAAQ,CAAI;MAAAd,QAAA,EAAGF;IAAK,CAAQ,CAC/D,EACCE,QAAQ,eACVZ,IAAA,CAACR,gBAAgB;MAChBmC,MAAM,EAAC,WAAW;MAClBP,QAAQ,EAAGf,UAAY;MACvBgB,SAAS,EAAGb,kBAAoB;MAChCC,UAAU,EAAGA,UAAY;MACzBS,KAAK,EAAG,CACPpB,MAAM,CAACkB,UAAU,EACjBX,UAAU,GAAG;QAAEiB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAClC;MAAAV,QAAA,eAEHZ,IAAA,CAACN,IAAI;QACJ6B,IAAI,EAAG3B,SAAW;QAClB4B,IAAI,EAAG,EAAI;QACXC,KAAK,EAAGV,eAAe,CAACU;MAAO,CAC/B;IAAC,CACe,CAAC;EAAA,CACd,CAAC;AAET;AAEA,eAAe5B,wBAAwB,CAAEM,OAAQ,CAAC","ignoreList":[]}

package/build-module/mobile/bottom-sheet/stepper-cell/stepper.ios.js CHANGED Viewed

@@ -13,8 +13,7 @@ import { Icon, plus, reset } from '@wordpress/icons';
  * Internal dependencies
  */
 import styles from './style.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Stepper({
   getStylesFromColorScheme,
   isMaxValue,

package/build-module/mobile/bottom-sheet/stepper-cell/stepper.ios.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Text","TouchableOpacity","View","withPreferredColorScheme","Icon","plus","reset","styles","jsx","_jsx","jsxs","_jsxs","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","children","shouldDisplayTextInput","valueStyle","valueTextDark","buttonStyle","button","buttonDark","style","container","disabled","onPressIn","opacity","icon","size","color","testID"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.ios.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { Icon, plus, reset } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tchildren,\n\tshouldDisplayTextInput,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonStyle = getStylesFromColorScheme(\n\t\tstyles.button,\n\t\tstyles.buttonDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ valueStyle }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [ buttonStyle, isMinValue ? { opacity: 0.4 } : null ] }\n\t\t\t>\n\t\t\t\t<Icon icon={ reset } size={ 24 } color={ buttonStyle.color } />\n\t\t\t</TouchableOpacity>\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID=\"Increment\"\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [ buttonStyle, isMaxValue ? { opacity: 0.4 } : null ] }\n\t\t\t>\n\t\t\t\t<Icon icon={ plus } size={ 24 } color={ buttonStyle.color } />\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;;AAE3D;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,IAAI,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;;AAEpD;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA;AAElC,SAASC,OAAOA,CAAE;EACjBC,wBAAwB;EACxBC,UAAU;EACVC,UAAU;EACVC,kBAAkB;EAClBC,kBAAkB;EAClBC,UAAU;EACVC,KAAK;EACLC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,wBAAwB,CAC1CN,MAAM,CAACY,KAAK,EACZZ,MAAM,CAACgB,aACR,CAAC;EACD,MAAMC,WAAW,GAAGX,wBAAwB,CAC3CN,MAAM,CAACkB,MAAM,EACblB,MAAM,CAACmB,UACR,CAAC;EAED,oBACCf,KAAA,CAACT,IAAI;IAACyB,KAAK,EAAGpB,MAAM,CAACqB,SAAW;IAAAR,QAAA,GAC7B,CAAEC,sBAAsB,iBACzBZ,IAAA,CAACT,IAAI;MAAC2B,KAAK,EAAGL,UAAY;MAAAF,QAAA,EAAGD;IAAK,CAAQ,CAC1C,EACCC,QAAQ,eACVX,IAAA,CAACR,gBAAgB;MAChB4B,QAAQ,EAAGd,UAAY;MACvBe,SAAS,EAAGd,kBAAoB;MAChCE,UAAU,EAAGA,UAAY;MACzBS,KAAK,EAAG,CAAEH,WAAW,EAAET,UAAU,GAAG;QAAEgB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAAI;MAAAX,QAAA,eAE/DX,IAAA,CAACL,IAAI;QAAC4B,IAAI,EAAG1B,KAAO;QAAC2B,IAAI,EAAG,EAAI;QAACC,KAAK,EAAGV,WAAW,CAACU;MAAO,CAAE;IAAC,CAC9C,CAAC,eACnBzB,IAAA,CAACR,gBAAgB;MAChBkC,MAAM,EAAC,WAAW;MAClBN,QAAQ,EAAGf,UAAY;MACvBgB,SAAS,EAAGb,kBAAoB;MAChCC,UAAU,EAAGA,UAAY;MACzBS,KAAK,EAAG,CAAEH,WAAW,EAAEV,UAAU,GAAG;QAAEiB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAAI;MAAAX,QAAA,eAE/DX,IAAA,CAACL,IAAI;QAAC4B,IAAI,EAAG3B,IAAM;QAAC4B,IAAI,EAAG,EAAI;QAACC,KAAK,EAAGV,WAAW,CAACU;MAAO,CAAE;IAAC,CAC7C,CAAC;EAAA,CACd,CAAC;AAET;AAEA,eAAe/B,wBAAwB,CAAES,OAAQ,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["Text","TouchableOpacity","View","withPreferredColorScheme","Icon","plus","reset","styles","jsx","_jsx","jsxs","_jsxs","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","children","shouldDisplayTextInput","valueStyle","valueTextDark","buttonStyle","button","buttonDark","style","container","disabled","onPressIn","opacity","icon","size","color","testID"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.ios.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { Icon, plus, reset } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tchildren,\n\tshouldDisplayTextInput,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonStyle = getStylesFromColorScheme(\n\t\tstyles.button,\n\t\tstyles.buttonDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ valueStyle }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [ buttonStyle, isMinValue ? { opacity: 0.4 } : null ] }\n\t\t\t>\n\t\t\t\t<Icon icon={ reset } size={ 24 } color={ buttonStyle.color } />\n\t\t\t</TouchableOpacity>\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID=\"Increment\"\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [ buttonStyle, isMaxValue ? { opacity: 0.4 } : null ] }\n\t\t\t>\n\t\t\t\t<Icon icon={ plus } size={ 24 } color={ buttonStyle.color } />\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;;AAE3D;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,IAAI,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;;AAEpD;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElC,SAASC,OAAOA,CAAE;EACjBC,wBAAwB;EACxBC,UAAU;EACVC,UAAU;EACVC,kBAAkB;EAClBC,kBAAkB;EAClBC,UAAU;EACVC,KAAK;EACLC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,wBAAwB,CAC1CN,MAAM,CAACY,KAAK,EACZZ,MAAM,CAACgB,aACR,CAAC;EACD,MAAMC,WAAW,GAAGX,wBAAwB,CAC3CN,MAAM,CAACkB,MAAM,EACblB,MAAM,CAACmB,UACR,CAAC;EAED,oBACCf,KAAA,CAACT,IAAI;IAACyB,KAAK,EAAGpB,MAAM,CAACqB,SAAW;IAAAR,QAAA,GAC7B,CAAEC,sBAAsB,iBACzBZ,IAAA,CAACT,IAAI;MAAC2B,KAAK,EAAGL,UAAY;MAAAF,QAAA,EAAGD;IAAK,CAAQ,CAC1C,EACCC,QAAQ,eACVX,IAAA,CAACR,gBAAgB;MAChB4B,QAAQ,EAAGd,UAAY;MACvBe,SAAS,EAAGd,kBAAoB;MAChCE,UAAU,EAAGA,UAAY;MACzBS,KAAK,EAAG,CAAEH,WAAW,EAAET,UAAU,GAAG;QAAEgB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAAI;MAAAX,QAAA,eAE/DX,IAAA,CAACL,IAAI;QAAC4B,IAAI,EAAG1B,KAAO;QAAC2B,IAAI,EAAG,EAAI;QAACC,KAAK,EAAGV,WAAW,CAACU;MAAO,CAAE;IAAC,CAC9C,CAAC,eACnBzB,IAAA,CAACR,gBAAgB;MAChBkC,MAAM,EAAC,WAAW;MAClBN,QAAQ,EAAGf,UAAY;MACvBgB,SAAS,EAAGb,kBAAoB;MAChCC,UAAU,EAAGA,UAAY;MACzBS,KAAK,EAAG,CAAEH,WAAW,EAAEV,UAAU,GAAG;QAAEiB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAAI;MAAAX,QAAA,eAE/DX,IAAA,CAACL,IAAI;QAAC4B,IAAI,EAAG3B,IAAM;QAAC4B,IAAI,EAAG,EAAI;QAACC,KAAK,EAAGV,WAAW,CAACU;MAAO,CAAE;IAAC,CAC7C,CAAC;EAAA,CACd,CAAC;AAET;AAEA,eAAe/B,wBAAwB,CAAES,OAAQ,CAAC","ignoreList":[]}

package/build-module/mobile/bottom-sheet/sub-sheet/index.native.js CHANGED Viewed

@@ -13,9 +13,7 @@ import { Children, useEffect, useContext } from '@wordpress/element';
  */
 import { BottomSheetContext } from '../bottom-sheet-context';
 import { createSlotFill } from '../../../slot-fill';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   Fill,
   Slot

package/build-module/mobile/bottom-sheet/sub-sheet/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["SafeAreaView","Children","useEffect","useContext","BottomSheetContext","createSlotFill","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Fill","Slot","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","count","screenName"],"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { SafeAreaView } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { Children, useEffect, useContext } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { BottomSheetContext } from '../bottom-sheet-context';\nimport { createSlotFill } from '../../../slot-fill';\n\nconst { Fill, Slot } = createSlotFill( 'BottomSheetSubSheet' );\n\nconst BottomSheetSubSheet = ( {\n\tchildren,\n\tnavigationButton,\n\tshowSheet,\n\tisFullScreen,\n} ) => {\n\tconst { setIsFullScreen } = useContext( BottomSheetContext );\n\n\tuseEffect( () => {\n\t\tif ( showSheet ) {\n\t\t\tsetIsFullScreen( isFullScreen );\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}, [ showSheet, isFullScreen ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ showSheet && (\n\t\t\t\t<Fill>\n\t\t\t\t\t<SafeAreaView>{ children }</SafeAreaView>\n\t\t\t\t</Fill>\n\t\t\t) }\n\t\t\t{ Children.count( children ) > 0 && navigationButton }\n\t\t</>\n\t);\n};\n\nBottomSheetSubSheet.Slot = Slot;\nBottomSheetSubSheet.screenName = 'BottomSheetSubSheet';\n\nexport default BottomSheetSubSheet;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,cAAc;;AAE3C;AACA;AACA;AACA,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;;AAEpE;AACA;AACA;AACA,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,cAAc,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,QAAA,IAAAC,SAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA;AAEpD,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGR,cAAc,CAAE,qBAAsB,CAAC;AAE9D,MAAMS,mBAAmB,GAAGA,CAAE;EAC7BC,QAAQ;EACRC,gBAAgB;EAChBC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAgB,CAAC,GAAGhB,UAAU,CAAEC,kBAAmB,CAAC;EAE5DF,SAAS,CAAE,MAAM;IAChB,IAAKe,SAAS,EAAG;MAChBE,eAAe,CAAED,YAAa,CAAC;IAChC;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAED,SAAS,EAAEC,YAAY,CAAG,CAAC;EAEhC,oBACCP,KAAA,CAAAF,SAAA;IAAAM,QAAA,GACGE,SAAS,iBACVV,IAAA,CAACK,IAAI;MAAAG,QAAA,eACJR,IAAA,CAACP,YAAY;QAAAe,QAAA,EAAGA;MAAQ,CAAgB;IAAC,CACpC,CACN,EACCd,QAAQ,CAACmB,KAAK,CAAEL,QAAS,CAAC,GAAG,CAAC,IAAIC,gBAAgB;EAAA,CACnD,CAAC;AAEL,CAAC;AAEDF,mBAAmB,CAACD,IAAI,GAAGA,IAAI;AAC/BC,mBAAmB,CAACO,UAAU,GAAG,qBAAqB;AAEtD,eAAeP,mBAAmB","ignoreList":[]}
1	+ {"version":3,"names":["SafeAreaView","Children","useEffect","useContext","BottomSheetContext","createSlotFill","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Fill","Slot","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","count","screenName"],"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { SafeAreaView } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { Children, useEffect, useContext } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { BottomSheetContext } from '../bottom-sheet-context';\nimport { createSlotFill } from '../../../slot-fill';\n\nconst { Fill, Slot } = createSlotFill( 'BottomSheetSubSheet' );\n\nconst BottomSheetSubSheet = ( {\n\tchildren,\n\tnavigationButton,\n\tshowSheet,\n\tisFullScreen,\n} ) => {\n\tconst { setIsFullScreen } = useContext( BottomSheetContext );\n\n\tuseEffect( () => {\n\t\tif ( showSheet ) {\n\t\t\tsetIsFullScreen( isFullScreen );\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}, [ showSheet, isFullScreen ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ showSheet && (\n\t\t\t\t<Fill>\n\t\t\t\t\t<SafeAreaView>{ children }</SafeAreaView>\n\t\t\t\t</Fill>\n\t\t\t) }\n\t\t\t{ Children.count( children ) > 0 && navigationButton }\n\t\t</>\n\t);\n};\n\nBottomSheetSubSheet.Slot = Slot;\nBottomSheetSubSheet.screenName = 'BottomSheetSubSheet';\n\nexport default BottomSheetSubSheet;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,cAAc;;AAE3C;AACA;AACA;AACA,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;;AAEpE;AACA;AACA;AACA,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,cAAc,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGR,cAAc,CAAE,qBAAsB,CAAC;AAE9D,MAAMS,mBAAmB,GAAGA,CAAE;EAC7BC,QAAQ;EACRC,gBAAgB;EAChBC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAgB,CAAC,GAAGhB,UAAU,CAAEC,kBAAmB,CAAC;EAE5DF,SAAS,CAAE,MAAM;IAChB,IAAKe,SAAS,EAAG;MAChBE,eAAe,CAAED,YAAa,CAAC;IAChC;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAED,SAAS,EAAEC,YAAY,CAAG,CAAC;EAEhC,oBACCP,KAAA,CAAAF,SAAA;IAAAM,QAAA,GACGE,SAAS,iBACVV,IAAA,CAACK,IAAI;MAAAG,QAAA,eACJR,IAAA,CAACP,YAAY;QAAAe,QAAA,EAAGA;MAAQ,CAAgB;IAAC,CACpC,CACN,EACCd,QAAQ,CAACmB,KAAK,CAAEL,QAAS,CAAC,GAAG,CAAC,IAAIC,gBAAgB;EAAA,CACnD,CAAC;AAEL,CAAC;AAEDF,mBAAmB,CAACD,IAAI,GAAGA,IAAI;AAC/BC,mBAAmB,CAACO,UAAU,GAAG,qBAAqB;AAEtD,eAAeP,mBAAmB","ignoreList":[]}

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

@@ -25,12 +25,12 @@ export default function BottomSheetSwitchCell(props) {
   };
   const getAccessibilityLabel = () => {
     if (!cellProps.help) {
-      return value ? sprintf( /* translators: accessibility text. Switch setting ON state. %s: Switch title. */
-      _x('%s. On', 'switch control'), cellProps.label) : sprintf( /* translators: accessibility text. Switch setting OFF state. %s: Switch title. */
+      return value ? sprintf(/* translators: accessibility text. Switch setting ON state. %s: Switch title. */
+      _x('%s. On', 'switch control'), cellProps.label) : sprintf(/* translators: accessibility text. Switch setting OFF state. %s: Switch title. */
       _x('%s. Off', 'switch control'), cellProps.label);
     }
-    return value ? sprintf( /* translators: accessibility text. Switch setting ON state. %1: Switch title, %2: switch help. */
-    _x('%1$s, %2$s. On', 'switch control'), cellProps.label, cellProps.help) : sprintf( /* translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. */
+    return value ? sprintf(/* translators: accessibility text. Switch setting ON state. %1: Switch title, %2: switch help. */
+    _x('%1$s, %2$s. On', 'switch control'), cellProps.label, cellProps.help) : sprintf(/* translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. */
     _x('%1$s, %2$s. Off', 'switch control'), cellProps.label, cellProps.help);
   };
   return /*#__PURE__*/_jsx(Cell, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Switch","__","_x","sprintf","Cell","jsx","_jsx","EMPTY_STYLE","BottomSheetSwitchCell","props","value","onValueChange","disabled","cellProps","onPress","getAccessibilityLabel","help","label","accessibilityLabel","accessibilityRole","accessibilityHint","editable","disabledStyle","children"],"sources":["@wordpress/components/src/mobile/bottom-sheet/switch-cell.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { Switch } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { __, _x, sprintf } from '@wordpress/i18n';\n/\n Internal dependencies\n /\nimport Cell from './cell';\n\nconst EMPTY_STYLE = {};\n\nexport default function BottomSheetSwitchCell( props ) {\n\tconst { value, onValueChange, disabled, ...cellProps } = props;\n\n\tconst onPress = () => {\n\t\tonValueChange( ! value );\n\t};\n\n\tconst getAccessibilityLabel = () => {\n\t\tif ( ! cellProps.help ) {\n\t\t\treturn value\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Switch setting ON state. %s: Switch title. /\n\t\t\t\t\t\t_x( '%s. On', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Switch setting OFF state. %s: Switch title. /\n\t\t\t\t\t\t_x( '%s. Off', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t );\n\t\t}\n\t\treturn value\n\t\t\t? sprintf(\n\t\t\t\t\t/ translators: accessibility text. Switch setting ON state. %1: Switch title, %2: switch help. /\n\t\t\t\t\t_x( '%1$s, %2$s. On', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t )\n\t\t\t: sprintf(\n\t\t\t\t\t/ translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. /\n\t\t\t\t\t_x( '%1$s, %2$s. Off', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t );\n\t};\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\taccessibilityRole=\"none\"\n\t\t\taccessibilityHint={\n\t\t\t\t/ translators: accessibility text (hint for switches) */\n\t\t\t\t__( 'Double tap to toggle setting' )\n\t\t\t}\n\t\t\tonPress={ onPress }\n\t\t\teditable={ false }\n\t\t\tvalue=\"\"\n\t\t\tdisabled={ disabled }\n\t\t\tdisabledStyle={ EMPTY_STYLE }\n\t\t>\n\t\t\t<Switch\n\t\t\t\tvalue={ value }\n\t\t\t\tonValueChange={ onValueChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,cAAc;;AAErC;AACA;AACA;AACA,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1B,MAAMC,WAAW,GAAG,CAAC,CAAC;AAEtB,eAAe,SAASC,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE9D,MAAMK,OAAO,GAAGA,CAAA,KAAM;IACrBH,aAAa,CAAE,CAAED,KAAM,CAAC;EACzB,CAAC;EAED,MAAMK,qBAAqB,GAAGA,CAAA,KAAM;IACnC,IAAK,CAAEF,SAAS,CAACG,IAAI,EAAG;MACvB,OAAON,KAAK,GACTP,OAAO,~~EACP~~;MACAD,EAAE,CAAE,QAAQ,EAAE,gBAAiB,CAAC,EAChCW,SAAS,CAACI,KACV,CAAC,GACDd,OAAO,~~EACP~~;MACAD,EAAE,CAAE,SAAS,EAAE,gBAAiB,CAAC,EACjCW,SAAS,CAACI,KACV,CAAC;IACL;IACA,OAAOP,KAAK,GACTP,OAAO,~~EACP~~;IACAD,EAAE,CAAE,gBAAgB,EAAE,gBAAiB,CAAC,EACxCW,SAAS,CAACI,KAAK,EACfJ,SAAS,CAACG,IACV,CAAC,GACDb,OAAO,~~EACP~~;IACAD,EAAE,CAAE,iBAAiB,EAAE,gBAAiB,CAAC,EACzCW,SAAS,CAACI,KAAK,EACfJ,SAAS,CAACG,IACV,CAAC;EACL,CAAC;EAED,oBACCV,IAAA,CAACF,IAAI;IAAA,GACCS,SAAS;IACdK,kBAAkB,EAAGH,qBAAqB,CAAC,CAAG;IAC9CI,iBAAiB,EAAC,MAAM;IACxBC,iBAAiB,EAChB;IACAnB,EAAE,CAAE,8BAA+B,CACnC;IACDa,OAAO,EAAGA,OAAS;IACnBO,QAAQ,EAAG,KAAO;IAClBX,KAAK,EAAC,EAAE;IACRE,QAAQ,EAAGA,QAAU;IACrBU,aAAa,EAAGf,WAAa;IAAAgB,QAAA,eAE7BjB,IAAA,CAACN,MAAM;MACNU,KAAK,EAAGA,KAAO;MACfC,aAAa,EAAGA,aAAe;MAC/BC,QAAQ,EAAGA;IAAU,CACrB;EAAC,CACG,CAAC;AAET","ignoreList":[]}
1	+ {"version":3,"names":["Switch","__","_x","sprintf","Cell","jsx","_jsx","EMPTY_STYLE","BottomSheetSwitchCell","props","value","onValueChange","disabled","cellProps","onPress","getAccessibilityLabel","help","label","accessibilityLabel","accessibilityRole","accessibilityHint","editable","disabledStyle","children"],"sources":["@wordpress/components/src/mobile/bottom-sheet/switch-cell.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { Switch } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { __, _x, sprintf } from '@wordpress/i18n';\n/\n Internal dependencies\n /\nimport Cell from './cell';\n\nconst EMPTY_STYLE = {};\n\nexport default function BottomSheetSwitchCell( props ) {\n\tconst { value, onValueChange, disabled, ...cellProps } = props;\n\n\tconst onPress = () => {\n\t\tonValueChange( ! value );\n\t};\n\n\tconst getAccessibilityLabel = () => {\n\t\tif ( ! cellProps.help ) {\n\t\t\treturn value\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Switch setting ON state. %s: Switch title. /\n\t\t\t\t\t\t_x( '%s. On', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Switch setting OFF state. %s: Switch title. /\n\t\t\t\t\t\t_x( '%s. Off', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t );\n\t\t}\n\t\treturn value\n\t\t\t? sprintf(\n\t\t\t\t\t/ translators: accessibility text. Switch setting ON state. %1: Switch title, %2: switch help. /\n\t\t\t\t\t_x( '%1$s, %2$s. On', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t )\n\t\t\t: sprintf(\n\t\t\t\t\t/ translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. /\n\t\t\t\t\t_x( '%1$s, %2$s. Off', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t );\n\t};\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\taccessibilityRole=\"none\"\n\t\t\taccessibilityHint={\n\t\t\t\t/ translators: accessibility text (hint for switches) */\n\t\t\t\t__( 'Double tap to toggle setting' )\n\t\t\t}\n\t\t\tonPress={ onPress }\n\t\t\teditable={ false }\n\t\t\tvalue=\"\"\n\t\t\tdisabled={ disabled }\n\t\t\tdisabledStyle={ EMPTY_STYLE }\n\t\t>\n\t\t\t<Switch\n\t\t\t\tvalue={ value }\n\t\t\t\tonValueChange={ onValueChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,cAAc;;AAErC;AACA;AACA;AACA,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1B,MAAMC,WAAW,GAAG,CAAC,CAAC;AAEtB,eAAe,SAASC,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE9D,MAAMK,OAAO,GAAGA,CAAA,KAAM;IACrBH,aAAa,CAAE,CAAED,KAAM,CAAC;EACzB,CAAC;EAED,MAAMK,qBAAqB,GAAGA,CAAA,KAAM;IACnC,IAAK,CAAEF,SAAS,CAACG,IAAI,EAAG;MACvB,OAAON,KAAK,GACTP,OAAO,CACP;MACAD,EAAE,CAAE,QAAQ,EAAE,gBAAiB,CAAC,EAChCW,SAAS,CAACI,KACV,CAAC,GACDd,OAAO,CACP;MACAD,EAAE,CAAE,SAAS,EAAE,gBAAiB,CAAC,EACjCW,SAAS,CAACI,KACV,CAAC;IACL;IACA,OAAOP,KAAK,GACTP,OAAO,CACP;IACAD,EAAE,CAAE,gBAAgB,EAAE,gBAAiB,CAAC,EACxCW,SAAS,CAACI,KAAK,EACfJ,SAAS,CAACG,IACV,CAAC,GACDb,OAAO,CACP;IACAD,EAAE,CAAE,iBAAiB,EAAE,gBAAiB,CAAC,EACzCW,SAAS,CAACI,KAAK,EACfJ,SAAS,CAACG,IACV,CAAC;EACL,CAAC;EAED,oBACCV,IAAA,CAACF,IAAI;IAAA,GACCS,SAAS;IACdK,kBAAkB,EAAGH,qBAAqB,CAAC,CAAG;IAC9CI,iBAAiB,EAAC,MAAM;IACxBC,iBAAiB,EAChB;IACAnB,EAAE,CAAE,8BAA+B,CACnC;IACDa,OAAO,EAAGA,OAAS;IACnBO,QAAQ,EAAG,KAAO;IAClBX,KAAK,EAAC,EAAE;IACRE,QAAQ,EAAGA,QAAU;IACrBU,aAAa,EAAGf,WAAa;IAAAgB,QAAA,eAE7BjB,IAAA,CAACN,MAAM;MACNU,KAAK,EAAGA,KAAO;MACfC,aAAa,EAAGA,aAAe;MAC/BC,QAAQ,EAAGA;IAAU,CACrB;EAAC,CACG,CAAC;AAET","ignoreList":[]}

package/build-module/mobile/bottom-sheet-select-control/index.native.js CHANGED Viewed

@@ -16,9 +16,7 @@ import { __, sprintf } from '@wordpress/i18n';
  */
 import styles from './style.scss';
 import BottomSheet from '../bottom-sheet';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const EMPTY_OPTION = {
   label: ''
 };

package/build-module/mobile/bottom-sheet-select-control/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["View","useNavigation","useState","Icon","chevronRight","check","__","sprintf","styles","BottomSheet","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","EMPTY_OPTION","label","BottomSheetSelectControl","icon","options","items","onChange","value","selectedValue","disabled","_items$find","showSubSheet","setShowSubSheet","navigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","SubSheet","screenName","navigationButton","Cell","separatorType","onPress","accessibilityRole","accessibilityLabel","accessibilityHint","children","showSheet","NavBar","BackButton","Heading","style","selectControl","map","item","index","customActionButton","leftAlign"],"sources":["@wordpress/components/src/mobile/bottom-sheet-select-control/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { useNavigation } from '@react-navigation/native';\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\nimport BottomSheet from '../bottom-sheet';\n\nconst EMPTY_OPTION = {\n\tlabel: '',\n};\n\nconst BottomSheetSelectControl = ( {\n\tlabel,\n\ticon,\n\toptions: items,\n\tonChange,\n\tvalue: selectedValue,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst onChangeValue = ( value ) => {\n\t\treturn () => {\n\t\t\tgoBack();\n\t\t\tonChange( value );\n\t\t};\n\t};\n\n\tconst selectedOption =\n\t\titems.find( ( option ) => option.value === selectedValue ) ??\n\t\tEMPTY_OPTION;\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tvalue={ selectedOption.label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t\t// translators: %1$s: Select control button label e.g. \"Button width\". %2$s: Select control option value e.g: \"Auto, 25%\".\n\t\t\t\t\t\t__( '%1$s. Currently selected: %2$s' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tselectedOption.label\n\t\t\t\t\t) }\n\t\t\t\t\taccessibilityHint={ sprintf(\n\t\t\t\t\t\t// translators: %s: Select control button label e.g. \"Button width\"\n\t\t\t\t\t\t__( 'Navigates to select %s' ),\n\t\t\t\t\t\tlabel\n\t\t\t\t\t) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t>\n\t\t\t\t\t{ disabled ? null : <Icon icon={ chevronRight } /> }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<View style={ styles.selectControl }>\n\t\t\t\t\t{ items.map( ( item, index ) => (\n\t\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\t\tcustomActionButton\n\t\t\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\t\t\tlabel={ item.label }\n\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\tonPress={ onChangeValue( item.value ) }\n\t\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\t\taccessibilityLabel={\n\t\t\t\t\t\t\t\titem.value === selectedValue\n\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// translators: %s: Select control option value e.g: \"Auto, 25%\".\n\t\t\t\t\t\t\t\t\t\t\t__( 'Selected: %s' ),\n\t\t\t\t\t\t\t\t\t\t\titem.label\n\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t: item.label\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibilityHint={ __( 'Double tap to select' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ item.value === selectedValue && (\n\t\t\t\t\t\t\t\t<Icon icon={ check }></Icon>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t) ) }\n\t\t\t\t</View>\n\t\t\t</>\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetSelectControl;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,IAAI,EAAEC,YAAY,EAAEC,KAAK,QAAQ,kBAAkB;AAC5D,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,WAAW,MAAM,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA~~;AAAA~~,~~SAAAC~~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","ignoreList":[]}
1	+ {"version":3,"names":["View","useNavigation","useState","Icon","chevronRight","check","__","sprintf","styles","BottomSheet","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","EMPTY_OPTION","label","BottomSheetSelectControl","icon","options","items","onChange","value","selectedValue","disabled","_items$find","showSubSheet","setShowSubSheet","navigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","SubSheet","screenName","navigationButton","Cell","separatorType","onPress","accessibilityRole","accessibilityLabel","accessibilityHint","children","showSheet","NavBar","BackButton","Heading","style","selectControl","map","item","index","customActionButton","leftAlign"],"sources":["@wordpress/components/src/mobile/bottom-sheet-select-control/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { useNavigation } from '@react-navigation/native';\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\nimport BottomSheet from '../bottom-sheet';\n\nconst EMPTY_OPTION = {\n\tlabel: '',\n};\n\nconst BottomSheetSelectControl = ( {\n\tlabel,\n\ticon,\n\toptions: items,\n\tonChange,\n\tvalue: selectedValue,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst onChangeValue = ( value ) => {\n\t\treturn () => {\n\t\t\tgoBack();\n\t\t\tonChange( value );\n\t\t};\n\t};\n\n\tconst selectedOption =\n\t\titems.find( ( option ) => option.value === selectedValue ) ??\n\t\tEMPTY_OPTION;\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tvalue={ selectedOption.label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t\t// translators: %1$s: Select control button label e.g. \"Button width\". %2$s: Select control option value e.g: \"Auto, 25%\".\n\t\t\t\t\t\t__( '%1$s. Currently selected: %2$s' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tselectedOption.label\n\t\t\t\t\t) }\n\t\t\t\t\taccessibilityHint={ sprintf(\n\t\t\t\t\t\t// translators: %s: Select control button label e.g. \"Button width\"\n\t\t\t\t\t\t__( 'Navigates to select %s' ),\n\t\t\t\t\t\tlabel\n\t\t\t\t\t) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t>\n\t\t\t\t\t{ disabled ? null : <Icon icon={ chevronRight } /> }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<View style={ styles.selectControl }>\n\t\t\t\t\t{ items.map( ( item, index ) => (\n\t\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\t\tcustomActionButton\n\t\t\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\t\t\tlabel={ item.label }\n\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\tonPress={ onChangeValue( item.value ) }\n\t\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\t\taccessibilityLabel={\n\t\t\t\t\t\t\t\titem.value === selectedValue\n\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// translators: %s: Select control option value e.g: \"Auto, 25%\".\n\t\t\t\t\t\t\t\t\t\t\t__( 'Selected: %s' ),\n\t\t\t\t\t\t\t\t\t\t\titem.label\n\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t: item.label\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibilityHint={ __( 'Double tap to select' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ item.value === selectedValue && (\n\t\t\t\t\t\t\t\t<Icon icon={ check }></Icon>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t) ) }\n\t\t\t\t</View>\n\t\t\t</>\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetSelectControl;\n"],"mappings":"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","ignoreList":[]}

package/build-module/mobile/bottom-sheet-text-control/index.native.js CHANGED Viewed

@@ -18,9 +18,7 @@ import styles from './styles.scss';
 import BottomSheet from '../bottom-sheet';
 import PanelBody from '../../panel/body';
 import FooterMessageControl from '../../footer-message-control';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const BottomSheetTextControl = ({
   initialValue,
   onChange,

package/build-module/mobile/bottom-sheet-text-control/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["TextInput","useNavigation","useState","Icon","chevronRight","usePreferredColorSchemeStyle","styles","BottomSheet","PanelBody","FooterMessageControl","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","disabled","showSubSheet","setShowSubSheet","navigation","goBack","openSubSheet","navigate","SubSheet","screenName","horizontalBorderStyle","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","navigationButton","Cell","onPress","value","children","showSheet","NavBar","BackButton","Heading","style","onChangeText","text","defaultValue","multiline","placeholderTextColor","textAlignVertical","textFooternote","textAlign"],"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { TextInput } from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/\n WordPress dependencies\n /\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport styles from './styles.scss';\nimport BottomSheet from '../bottom-sheet';\nimport PanelBody from '../../panel/body';\nimport FooterMessageControl from '../../footer-message-control';\n\nconst BottomSheetTextControl = ( {\n\tinitialValue,\n\tonChange,\n\tplaceholder,\n\tlabel,\n\ticon,\n\tfooterNote,\n\tcellPlaceholder,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\tconst horizontalBorderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalBorder,\n\t\tstyles.horizontalBorderDark\n\t);\n\n\tconst textEditorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.textEditor,\n\t\tstyles.textEditorDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\tvalue={ initialValue \|\| '' }\n\t\t\t\t\tplaceholder={ cellPlaceholder \|\| placeholder \|\| '' }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t>\n\t\t\t\t\t{ disabled ? null : <Icon icon={ chevronRight } /> }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<PanelBody style={ horizontalBorderStyle }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tonChangeText={ ( text ) => onChange( text ) }\n\t\t\t\t\t\tdefaultValue={ initialValue }\n\t\t\t\t\t\tmultiline\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tplaceholderTextColor=\"#87a6bc\"\n\t\t\t\t\t\tstyle={ textEditorStyle }\n\t\t\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</>\n\n\t\t\t{ footerNote && (\n\t\t\t\t<PanelBody style={ styles.textFooternote }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ footerNote }\n\t\t\t\t\t\ttextAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetTextControl;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,cAAc;AACxC,SAASC,aAAa,QAAQ,0BAA0B;;AAExD;AACA;AACA;AACA,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,IAAI,EAAEC,YAAY,QAAQ,kBAAkB;AACrD,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAClC,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,oBAAoB,MAAM,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA~~;AAAA~~,~~SAAAC~~,QAAA,IAAAC,SAAA;AAEhE,MAAMC,sBAAsB,GAAGA,CAAE;EAChCC,YAAY;EACZC,QAAQ;EACRC,WAAW;EACXC,KAAK;EACLC,IAAI;EACJC,UAAU;EACVC,eAAe;EACfC;AACD,CAAC,KAAM;EACN,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAGxB,QAAQ,CAAE,KAAM,CAAC;EAC3D,MAAMyB,UAAU,GAAG1B,aAAa,CAAC,CAAC;EAElC,MAAM2B,MAAM,GAAGA,CAAA,KAAM;IACpBF,eAAe,CAAE,KAAM,CAAC;IACxBC,UAAU,CAACC,MAAM,CAAC,CAAC;EACpB,CAAC;EAED,MAAMC,YAAY,GAAGA,CAAA,KAAM;IAC1BF,UAAU,CAACG,QAAQ,CAAEvB,WAAW,CAACwB,QAAQ,CAACC,UAAW,CAAC;IACtDN,eAAe,CAAE,IAAK,CAAC;EACxB,CAAC;EAED,MAAMO,qBAAqB,GAAG5B,4BAA4B,CACzDC,MAAM,CAAC4B,gBAAgB,EACvB5B,MAAM,CAAC6B,oBACR,CAAC;EAED,MAAMC,eAAe,GAAG/B,4BAA4B,CACnDC,MAAM,CAAC+B,UAAU,EACjB/B,MAAM,CAACgC,cACR,CAAC;EAED,oBACCzB,KAAA,CAACN,WAAW,CAACwB,QAAQ;IACpBQ,gBAAgB,eACf5B,IAAA,CAACJ,WAAW,CAACiC,IAAI;MAChBnB,IAAI,EAAGA,IAAM;MACbD,KAAK,EAAGA,KAAO;MACfqB,OAAO,EAAGZ,YAAc;MACxBa,KAAK,EAAGzB,YAAY,IAAI,EAAI;MAC5BE,WAAW,EAAGI,eAAe,IAAIJ,WAAW,IAAI,EAAI;MACpDK,QAAQ,EAAGA,QAAU;MAAAmB,QAAA,EAEnBnB,QAAQ,GAAG,IAAI,gBAAGb,IAAA,CAACR,IAAI;QAACkB,IAAI,EAAGjB;MAAc,CAAE;IAAC,CACjC,CAClB;IACDwC,SAAS,EAAGnB,YAAc;IAAAkB,QAAA,gBAE1B9B,KAAA,CAAAE,SAAA;MAAA4B,QAAA,gBACC9B,KAAA,CAACN,WAAW,CAACsC,MAAM;QAAAF,QAAA,gBAClBhC,IAAA,CAACJ,WAAW,CAACsC,MAAM,CAACC,UAAU;UAACL,OAAO,EAAGb;QAAQ,CAAE,CAAC,eACpDjB,IAAA,CAACJ,WAAW,CAACsC,MAAM,CAACE,OAAO;UAAAJ,QAAA,EACxBvB;QAAK,CACoB,CAAC;MAAA,CACV,CAAC,eACrBT,IAAA,CAACH,SAAS;QAACwC,KAAK,EAAGf,qBAAuB;QAAAU,QAAA,eACzChC,IAAA,CAACX,SAAS;UACToB,KAAK,EAAGA,KAAO;UACf6B,YAAY,EAAKC,IAAI,IAAMhC,QAAQ,CAAEgC,IAAK,CAAG;UAC7CC,YAAY,EAAGlC,YAAc;UAC7BmC,SAAS;UACTjC,WAAW,EAAGA,WAAa;UAC3BkC,oBAAoB,EAAC,SAAS;UAC9BL,KAAK,EAAGZ,eAAiB;UACzBkB,iBAAiB,EAAC;QAAK,CACvB;MAAC,CACQ,CAAC;IAAA,CACX,CAAC,EAEDhC,UAAU,iBACXX,IAAA,CAACH,SAAS;MAACwC,KAAK,EAAG1C,MAAM,CAACiD,cAAgB;MAAAZ,QAAA,eACzChC,IAAA,CAACF,oBAAoB;QACpBW,KAAK,EAAGE,UAAY;QACpBkC,SAAS,EAAC;MAAM,CAChB;IAAC,CACQ,CACX;EAAA,CACoB,CAAC;AAEzB,CAAC;AAED,eAAexC,sBAAsB","ignoreList":[]}
1	+ {"version":3,"names":["TextInput","useNavigation","useState","Icon","chevronRight","usePreferredColorSchemeStyle","styles","BottomSheet","PanelBody","FooterMessageControl","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","disabled","showSubSheet","setShowSubSheet","navigation","goBack","openSubSheet","navigate","SubSheet","screenName","horizontalBorderStyle","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","navigationButton","Cell","onPress","value","children","showSheet","NavBar","BackButton","Heading","style","onChangeText","text","defaultValue","multiline","placeholderTextColor","textAlignVertical","textFooternote","textAlign"],"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { TextInput } from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/\n WordPress dependencies\n /\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport styles from './styles.scss';\nimport BottomSheet from '../bottom-sheet';\nimport PanelBody from '../../panel/body';\nimport FooterMessageControl from '../../footer-message-control';\n\nconst BottomSheetTextControl = ( {\n\tinitialValue,\n\tonChange,\n\tplaceholder,\n\tlabel,\n\ticon,\n\tfooterNote,\n\tcellPlaceholder,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\tconst horizontalBorderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalBorder,\n\t\tstyles.horizontalBorderDark\n\t);\n\n\tconst textEditorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.textEditor,\n\t\tstyles.textEditorDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\tvalue={ initialValue \|\| '' }\n\t\t\t\t\tplaceholder={ cellPlaceholder \|\| placeholder \|\| '' }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t>\n\t\t\t\t\t{ disabled ? null : <Icon icon={ chevronRight } /> }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<PanelBody style={ horizontalBorderStyle }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tonChangeText={ ( text ) => onChange( text ) }\n\t\t\t\t\t\tdefaultValue={ initialValue }\n\t\t\t\t\t\tmultiline\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tplaceholderTextColor=\"#87a6bc\"\n\t\t\t\t\t\tstyle={ textEditorStyle }\n\t\t\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</>\n\n\t\t\t{ footerNote && (\n\t\t\t\t<PanelBody style={ styles.textFooternote }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ footerNote }\n\t\t\t\t\t\ttextAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetTextControl;\n"],"mappings":"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","ignoreList":[]}

package/build-module/mobile/color-settings/gradient-picker-screen.native.js CHANGED Viewed

@@ -14,8 +14,7 @@ import { __ } from '@wordpress/i18n';
  */
 import CustomGradientPicker from '../../custom-gradient-picker';
 import NavBar from '../bottom-sheet/nav-bar';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const GradientPickerScreen = () => {
   const navigation = useNavigation();
   const route = useRoute();

package/build-module/mobile/color-settings/gradient-picker-screen.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["View","useNavigation","useRoute","__","CustomGradientPicker","NavBar","jsx","_jsx","jsxs","_jsxs","GradientPickerScreen","navigation","route","setColor","currentValue","isGradientColor","params","children","BackButton","onPress","goBack","Heading"],"sources":["@wordpress/components/src/mobile/color-settings/gradient-picker-screen.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { View } from 'react-native';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport CustomGradientPicker from '../../custom-gradient-picker';\nimport NavBar from '../bottom-sheet/nav-bar';\n\nconst GradientPickerScreen = () => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn (\n\t\t<View>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<NavBar.Heading>{ __( 'Customize Gradient' ) }</NavBar.Heading>\n\t\t\t</NavBar>\n\t\t\t<CustomGradientPicker\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tcurrentValue={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default GradientPickerScreen;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,QAAQ,QAAQ,0BAA0B;;AAElE;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,8BAA8B;AAC/D,OAAOC,MAAM,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA;AAE7C,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAGV,aAAa,CAAC,CAAC;EAClC,MAAMW,KAAK,GAAGV,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEW,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGH,KAAK,CAACI,MAAM;EAChE,oBACCP,KAAA,CAACT,IAAI;IAAAiB,QAAA,gBACJR,KAAA,CAACJ,MAAM;MAAAY,QAAA,gBACNV,IAAA,CAACF,MAAM,CAACa,UAAU;QAACC,OAAO,EAAGR,UAAU,CAACS;MAAQ,CAAE,CAAC,eACnDb,IAAA,CAACF,MAAM,CAACgB,OAAO;QAAAJ,QAAA,EAAGd,EAAE,CAAE,oBAAqB;MAAC,CAAkB,CAAC;IAAA,CACxD,CAAC,eACTI,IAAA,CAACH,oBAAoB;MACpBS,QAAQ,EAAGA,QAAU;MACrBC,YAAY,EAAGA,YAAc;MAC7BC,eAAe,EAAGA;IAAiB,CACnC,CAAC;EAAA,CACG,CAAC;AAET,CAAC;AAED,eAAeL,oBAAoB","ignoreList":[]}
1	+ {"version":3,"names":["View","useNavigation","useRoute","__","CustomGradientPicker","NavBar","jsx","_jsx","jsxs","_jsxs","GradientPickerScreen","navigation","route","setColor","currentValue","isGradientColor","params","children","BackButton","onPress","goBack","Heading"],"sources":["@wordpress/components/src/mobile/color-settings/gradient-picker-screen.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { View } from 'react-native';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport CustomGradientPicker from '../../custom-gradient-picker';\nimport NavBar from '../bottom-sheet/nav-bar';\n\nconst GradientPickerScreen = () => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn (\n\t\t<View>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<NavBar.Heading>{ __( 'Customize Gradient' ) }</NavBar.Heading>\n\t\t\t</NavBar>\n\t\t\t<CustomGradientPicker\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tcurrentValue={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default GradientPickerScreen;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,QAAQ,QAAQ,0BAA0B;;AAElE;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,8BAA8B;AAC/D,OAAOC,MAAM,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7C,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAGV,aAAa,CAAC,CAAC;EAClC,MAAMW,KAAK,GAAGV,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEW,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGH,KAAK,CAACI,MAAM;EAChE,oBACCP,KAAA,CAACT,IAAI;IAAAiB,QAAA,gBACJR,KAAA,CAACJ,MAAM;MAAAY,QAAA,gBACNV,IAAA,CAACF,MAAM,CAACa,UAAU;QAACC,OAAO,EAAGR,UAAU,CAACS;MAAQ,CAAE,CAAC,eACnDb,IAAA,CAACF,MAAM,CAACgB,OAAO;QAAAJ,QAAA,EAAGd,EAAE,CAAE,oBAAqB;MAAC,CAAkB,CAAC;IAAA,CACxD,CAAC,eACTI,IAAA,CAACH,oBAAoB;MACpBS,QAAQ,EAAGA,QAAU;MACrBC,YAAY,EAAGA,YAAc;MAC7BC,eAAe,EAAGA;IAAiB,CACnC,CAAC;EAAA,CACG,CAAC;AAET,CAAC;AAED,eAAeL,oBAAoB","ignoreList":[]}

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

@@ -17,8 +17,7 @@ import PaletteScreen from './palette.screen';
 import BottomSheet from '../bottom-sheet';
 import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';
 import { colorsUtils } from './utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ColorSettingsMemo = memo(({
   defaultSettings,
   onHandleClosingBottomSheet,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["useRoute","memo","useEffect","useContext","PickerScreen","GradientPickerScreen","PaletteScreen","BottomSheet","BottomSheetContext","colorsUtils","jsx","_jsx","jsxs","_jsxs","ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","NavigationContainer","children","NavigationScreen","name","screens","palette","initialParams","picker","gradientPicker","ColorSettings","props","route","params"],"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { useRoute } from '@react-navigation/native';\n\n/\n WordPress dependencies\n /\nimport { memo, useEffect, useContext } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\nimport BottomSheet from '../bottom-sheet';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\n\nimport { colorsUtils } from './utils';\n\nconst ColorSettingsMemo = memo(\n\t( {\n\t\tdefaultSettings,\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonColorChange,\n\t\tcolorValue,\n\t\tgradientValue,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tlabel,\n\t\thideNavigation,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] );\n\t\treturn (\n\t\t\t<BottomSheet.NavigationContainer>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.palette }\n\t\t\t\t\tinitialParams={ {\n\t\t\t\t\t\tdefaultSettings,\n\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\thideNavigation,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PaletteScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.picker }\n\t\t\t\t>\n\t\t\t\t\t<PickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.gradientPicker }\n\t\t\t\t>\n\t\t\t\t\t<GradientPickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t);\n\t}\n);\nfunction ColorSettings( props ) {\n\tconst route = useRoute();\n\tconst { onHandleClosingBottomSheet, shouldEnableBottomSheetMaxHeight } =\n\t\tuseContext( BottomSheetContext );\n\n\treturn (\n\t\t<ColorSettingsMemo\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default ColorSettings;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,0BAA0B;;AAEnD;AACA;AACA;AACA,SAASC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;;AAEhE;AACA;AACA;AACA,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,oBAAoB,MAAM,0BAA0B;AAC3D,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,WAAW,MAAM,iBAAiB;AACzC,SAASC,kBAAkB,QAAQ,sCAAsC;AAEzE,SAASC,WAAW,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA;AAEtC,MAAMC,iBAAiB,GAAGb,IAAI,CAC7B,CAAE;EACDc,eAAe;EACfC,0BAA0B;EAC1BC,gCAAgC;EAChCC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,KAAM;EACNtB,SAAS,CAAE,MAAM;IAChBe,gCAAgC,CAAE,IAAK,CAAC;IACxCD,0BAA0B,CAAE,IAAK,CAAC;IAClC;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EACP,oBACCH,KAAA,CAACN,WAAW,CAACkB,mBAAmB;IAAAC,QAAA,gBAC/Bf,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACC,OAAS;MACpCC,aAAa,EAAG;QACfhB,eAAe;QACfG,aAAa;QACbC,UAAU;QACVC,aAAa;QACbC,gBAAgB;QAChBC,cAAc;QACdC,KAAK;QACLC;MACD,CAAG;MAAAE,QAAA,eAEHf,IAAA,CAACL,aAAa,IAAE;IAAC,CACY,CAAC,eAC/BK,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACG,MAAQ;MAAAN,QAAA,eAEnCf,IAAA,CAACP,YAAY,IAAE;IAAC,CACa,CAAC,eAC/BO,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACI,cAAgB;MAAAP,QAAA,eAE3Cf,IAAA,CAACN,oBAAoB,IAAE;IAAC,CACK,CAAC;EAAA,CACC,CAAC;AAEpC,CACD,CAAC;AACD,SAAS6B,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAGpC,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEgB,0BAA0B;IAAEC;EAAiC,CAAC,GACrEd,UAAU,CAAEK,kBAAmB,CAAC;EAEjC,oBACCG,IAAA,CAACG,iBAAiB;IACjBE,0BAA0B,EAAGA,0BAA4B;IACzDC,gCAAgC,EAC/BA,gCACA;IAAA,GACIkB,KAAK;IAAA,GACLC,KAAK,CAACC;EAAM,CACjB,CAAC;AAEJ;AAEA,eAAeH,aAAa","ignoreList":[]}
1	+ {"version":3,"names":["useRoute","memo","useEffect","useContext","PickerScreen","GradientPickerScreen","PaletteScreen","BottomSheet","BottomSheetContext","colorsUtils","jsx","_jsx","jsxs","_jsxs","ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","NavigationContainer","children","NavigationScreen","name","screens","palette","initialParams","picker","gradientPicker","ColorSettings","props","route","params"],"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { useRoute } from '@react-navigation/native';\n\n/\n WordPress dependencies\n /\nimport { memo, useEffect, useContext } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\nimport BottomSheet from '../bottom-sheet';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\n\nimport { colorsUtils } from './utils';\n\nconst ColorSettingsMemo = memo(\n\t( {\n\t\tdefaultSettings,\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonColorChange,\n\t\tcolorValue,\n\t\tgradientValue,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tlabel,\n\t\thideNavigation,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] );\n\t\treturn (\n\t\t\t<BottomSheet.NavigationContainer>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.palette }\n\t\t\t\t\tinitialParams={ {\n\t\t\t\t\t\tdefaultSettings,\n\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\thideNavigation,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PaletteScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.picker }\n\t\t\t\t>\n\t\t\t\t\t<PickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.gradientPicker }\n\t\t\t\t>\n\t\t\t\t\t<GradientPickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t);\n\t}\n);\nfunction ColorSettings( props ) {\n\tconst route = useRoute();\n\tconst { onHandleClosingBottomSheet, shouldEnableBottomSheetMaxHeight } =\n\t\tuseContext( BottomSheetContext );\n\n\treturn (\n\t\t<ColorSettingsMemo\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default ColorSettings;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,0BAA0B;;AAEnD;AACA;AACA;AACA,SAASC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;;AAEhE;AACA;AACA;AACA,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,oBAAoB,MAAM,0BAA0B;AAC3D,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,WAAW,MAAM,iBAAiB;AACzC,SAASC,kBAAkB,QAAQ,sCAAsC;AAEzE,SAASC,WAAW,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtC,MAAMC,iBAAiB,GAAGb,IAAI,CAC7B,CAAE;EACDc,eAAe;EACfC,0BAA0B;EAC1BC,gCAAgC;EAChCC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,KAAM;EACNtB,SAAS,CAAE,MAAM;IAChBe,gCAAgC,CAAE,IAAK,CAAC;IACxCD,0BAA0B,CAAE,IAAK,CAAC;IAClC;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EACP,oBACCH,KAAA,CAACN,WAAW,CAACkB,mBAAmB;IAAAC,QAAA,gBAC/Bf,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACC,OAAS;MACpCC,aAAa,EAAG;QACfhB,eAAe;QACfG,aAAa;QACbC,UAAU;QACVC,aAAa;QACbC,gBAAgB;QAChBC,cAAc;QACdC,KAAK;QACLC;MACD,CAAG;MAAAE,QAAA,eAEHf,IAAA,CAACL,aAAa,IAAE;IAAC,CACY,CAAC,eAC/BK,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACG,MAAQ;MAAAN,QAAA,eAEnCf,IAAA,CAACP,YAAY,IAAE;IAAC,CACa,CAAC,eAC/BO,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACI,cAAgB;MAAAP,QAAA,eAE3Cf,IAAA,CAACN,oBAAoB,IAAE;IAAC,CACK,CAAC;EAAA,CACC,CAAC;AAEpC,CACD,CAAC;AACD,SAAS6B,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAGpC,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEgB,0BAA0B;IAAEC;EAAiC,CAAC,GACrEd,UAAU,CAAEK,kBAAmB,CAAC;EAEjC,oBACCG,IAAA,CAACG,iBAAiB;IACjBE,0BAA0B,EAAGA,0BAA4B;IACzDC,gCAAgC,EAC/BA,gCACA;IAAA,GACIkB,KAAK;IAAA,GACLC,KAAK,CAACC;EAAM,CACjB,CAAC;AAEJ;AAEA,eAAeH,aAAa","ignoreList":[]}