npm - @wordpress/components - Versions diffs - 28.9.0 → 28.11.0 - Mend

@wordpress/components 28.9.0 → 28.11.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 (1108) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_slider","_interopRequireDefault","_i18n","_element","_compose","_cell","_lockIcon","_rangeCell","_rangeTextInput","_utils","_jsxRuntime","isIOS","Platform","OS","BottomSheetRangeCell","Component","constructor","props","onSliderChange","bind","onCompleteSliderChange","onTextInputChange","a11yIncrementValue","a11yDecrementValue","a11yUpdateValue","value","defaultValue","minimumValue","initialValue","Number","state","inputValue","sliderValue","componentWillUnmount","clearTimeout","timeoutAnnounceValue","decimalNum","onChange","toFixed","setState","nextValue","onComplete","step","maximumValue","newValue","undefined","announceValue","label","unitLabel","setTimeout","AccessibilityInfo","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","__","getAccessibilityLabel","sprintf","containerStyle","styles","container","containerIOS","containerAndroid","jsx","View","accessible","accessibilityRole","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","accessibilityLabel","accessibilityHint","importantForAccessibility","default","cellContainerStyles","cellRowContainerStyle","leftAlign","editable","activeOpacity","valueStyle","showLockIcon","jsxs","style","testID","onValueChange","onSlidingComplete","ref","slider","sliderRef","sliderIOS","sliderAndroid","min","max","_default","exports","withPreferredColorScheme"],"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":["_reactNative","require","_slider","_interopRequireDefault","_i18n","_element","_compose","_cell","_lockIcon","_rangeCell","_rangeTextInput","_utils","_jsxRuntime","isIOS","Platform","OS","BottomSheetRangeCell","Component","constructor","props","onSliderChange","bind","onCompleteSliderChange","onTextInputChange","a11yIncrementValue","a11yDecrementValue","a11yUpdateValue","value","defaultValue","minimumValue","initialValue","Number","state","inputValue","sliderValue","componentWillUnmount","clearTimeout","timeoutAnnounceValue","decimalNum","onChange","toFixed","setState","nextValue","onComplete","step","maximumValue","newValue","undefined","announceValue","label","unitLabel","setTimeout","AccessibilityInfo","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","__","getAccessibilityLabel","sprintf","containerStyle","styles","container","containerIOS","containerAndroid","jsx","View","accessible","accessibilityRole","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","accessibilityLabel","accessibilityHint","importantForAccessibility","default","cellContainerStyles","cellRowContainerStyle","leftAlign","editable","activeOpacity","valueStyle","showLockIcon","jsxs","style","testID","onValueChange","onSlidingComplete","ref","slider","sliderRef","sliderIOS","sliderAndroid","min","max","_default","exports","withPreferredColorScheme"],"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: Control label. 2: setting label (example: width). 3: Current value. 4: 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/mobile/bottom-sheet/range-text-input.native.js.map CHANGED Viewed

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

@@ -159,7 +159,7 @@ class BottomSheetStepperCell extends _element.Component {
     const getAccessibilityHint = () => {
       return openUnitPicker ? (0, _i18n.__)('double-tap to change unit') : '';
     };
-    const accessibilityLabel = (0, _i18n.sprintf)( /* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */
+    const accessibilityLabel = (0, _i18n.sprintf)(/* translators: accessibility text. Inform about current value. 1: Control label. 2: setting label (example: width). 3: Current value. 4: value measurement unit (example: pixels) */
     (0, _i18n.__)('%1$s. %2$s is %3$s %4$s.'), label, settingLabel, value, unitLabel);
     const containerStyle = [_style.default.rowContainer, isIOS ? _style.default.containerIOS : _style.default.containerAndroid];
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_i18n","_element","_compose","_cell","_interopRequireDefault","_stepper","_style","_rangeTextInput","_utils","_jsxRuntime","STEP_DELAY","DEFAULT_STEP","isIOS","Platform","OS","BottomSheetStepperCell","Component","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","toFixed","parseInt","undefined","setState","setTimeout","startPressInterval","callback","speed","counter","setInterval","label","unitLabel","AccessibilityInfo","announceForAccessibility","render","settingLabel","icon","separatorType","children","shouldDisplayTextInput","preview","openUnitPicker","cellContainerStyle","disabled","isMinValue","isMaxValue","labelStyle","styles","cellLabel","cellLabelNoIcon","getAccessibilityHint","__","accessibilityLabel","sprintf","containerStyle","rowContainer","containerIOS","containerAndroid","jsx","View","accessible","accessibilityRole","accessibilityHint","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","importantForAccessibility","default","columnContainer","cellRowContainerStyle","cellRowStyles","editable","leftAlign","jsxs","style","onPressInDecrement","onPressInIncrement","defaultProps","_default","exports","withPreferredColorScheme"],"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":["_reactNative","require","_i18n","_element","_compose","_cell","_interopRequireDefault","_stepper","_style","_rangeTextInput","_utils","_jsxRuntime","STEP_DELAY","DEFAULT_STEP","isIOS","Platform","OS","BottomSheetStepperCell","Component","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","toFixed","parseInt","undefined","setState","setTimeout","startPressInterval","callback","speed","counter","setInterval","label","unitLabel","AccessibilityInfo","announceForAccessibility","render","settingLabel","icon","separatorType","children","shouldDisplayTextInput","preview","openUnitPicker","cellContainerStyle","disabled","isMinValue","isMaxValue","labelStyle","styles","cellLabel","cellLabelNoIcon","getAccessibilityHint","__","accessibilityLabel","sprintf","containerStyle","rowContainer","containerIOS","containerAndroid","jsx","View","accessible","accessibilityRole","accessibilityHint","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","importantForAccessibility","default","columnContainer","cellRowContainerStyle","cellRowStyles","editable","leftAlign","jsxs","style","onPressInDecrement","onPressInIncrement","defaultProps","_default","exports","withPreferredColorScheme"],"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: Control label. 2: setting label (example: width). 3: Current value. 4: 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/mobile/bottom-sheet/sub-sheet/index.native.js CHANGED Viewed

@@ -38,9 +38,7 @@ const BottomSheetSubSheet = ({
     if (showSheet) {
       setIsFullScreen(isFullScreen);
     }
-    // Disable reason: deferring this refactor to the native team.
-    // see https://github.com/WordPress/gutenberg/pull/41166
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // See https://github.com/WordPress/gutenberg/pull/41166
   }, [showSheet, isFullScreen]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [showSheet && /*#__PURE__*/(0, _jsxRuntime.jsx)(Fill, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_element","_bottomSheetContext","_slotFill","_jsxRuntime","Fill","Slot","createSlotFill","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","useContext","BottomSheetContext","useEffect","jsxs","Fragment","jsx","SafeAreaView","Children","count","screenName","_default","exports","default"],"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":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AAdpD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAM;EAAEK,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,wBAAc,EAAE,qBAAsB,CAAC;AAE9D,MAAMC,mBAAmB,GAAGA,CAAE;EAC7BC,QAAQ;EACRC,gBAAgB;EAChBC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,mBAAU,EAAEC,sCAAmB,CAAC;EAE5D,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKL,SAAS,EAAG;MAChBE,eAAe,CAAED,YAAa,CAAC;IAChC;IACA;~~IACA;IACA;~~EACD,CAAC,EAAE,CAAED,SAAS,EAAEC,YAAY,CAAG,CAAC;EAEhC,oBACC,IAAAR,WAAA,CAAAa,IAAA,EAAAb,WAAA,CAAAc,QAAA;IAAAT,QAAA,GACGE,SAAS,iBACV,IAAAP,WAAA,CAAAe,GAAA,EAACd,IAAI;MAAAI,QAAA,eACJ,IAAAL,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAAqB,YAAY;QAAAX,QAAA,EAAGA;MAAQ,CAAgB;IAAC,CACpC,CACN,EACCY,iBAAQ,CAACC,KAAK,CAAEb,QAAS,CAAC,GAAG,CAAC,IAAIC,gBAAgB;EAAA,CACnD,CAAC;AAEL,CAAC;AAEDF,mBAAmB,CAACF,IAAI,GAAGA,IAAI;AAC/BE,mBAAmB,CAACe,UAAU,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAExClB,mBAAmB","ignoreList":[]}
1	+ {"version":3,"names":["_reactNative","require","_element","_bottomSheetContext","_slotFill","_jsxRuntime","Fill","Slot","createSlotFill","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","useContext","BottomSheetContext","useEffect","jsxs","Fragment","jsx","SafeAreaView","Children","count","screenName","_default","exports","default"],"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// See https://github.com/WordPress/gutenberg/pull/41166\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":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AAdpD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAM;EAAEK,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,wBAAc,EAAE,qBAAsB,CAAC;AAE9D,MAAMC,mBAAmB,GAAGA,CAAE;EAC7BC,QAAQ;EACRC,gBAAgB;EAChBC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,mBAAU,EAAEC,sCAAmB,CAAC;EAE5D,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKL,SAAS,EAAG;MAChBE,eAAe,CAAED,YAAa,CAAC;IAChC;IACA;EACD,CAAC,EAAE,CAAED,SAAS,EAAEC,YAAY,CAAG,CAAC;EAEhC,oBACC,IAAAR,WAAA,CAAAa,IAAA,EAAAb,WAAA,CAAAc,QAAA;IAAAT,QAAA,GACGE,SAAS,iBACV,IAAAP,WAAA,CAAAe,GAAA,EAACd,IAAI;MAAAI,QAAA,eACJ,IAAAL,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAAqB,YAAY;QAAAX,QAAA,EAAGA;MAAQ,CAAgB;IAAC,CACpC,CACN,EACCY,iBAAQ,CAACC,KAAK,CAAEb,QAAS,CAAC,GAAG,CAAC,IAAIC,gBAAgB;EAAA,CACnD,CAAC;AAEL,CAAC;AAEDF,mBAAmB,CAACF,IAAI,GAAGA,IAAI;AAC/BE,mBAAmB,CAACe,UAAU,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAExClB,mBAAmB","ignoreList":[]}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_i18n","_cell","_interopRequireDefault","_jsxRuntime","EMPTY_STYLE","BottomSheetSwitchCell","props","value","onValueChange","disabled","cellProps","onPress","getAccessibilityLabel","help","sprintf","_x","label","jsx","default","accessibilityLabel","accessibilityRole","accessibilityHint","__","editable","disabledStyle","children","Switch"],"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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,WAAA,GAAAJ,OAAA;AAZ1B;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,MAAMK,WAAW,GAAG,CAAC,CAAC;AAEP,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,GACT,IAAAO,aAAO,~~GACP~~;MACA,IAAAC,QAAE,EAAE,QAAQ,EAAE,gBAAiB,CAAC,EAChCL,SAAS,CAACM,KACV,CAAC,GACD,IAAAF,aAAO,~~GACP~~;MACA,IAAAC,QAAE,EAAE,SAAS,EAAE,gBAAiB,CAAC,EACjCL,SAAS,CAACM,KACV,CAAC;IACL;IACA,OAAOT,KAAK,GACT,IAAAO,aAAO,~~GACP~~;IACA,IAAAC,QAAE,EAAE,gBAAgB,EAAE,gBAAiB,CAAC,EACxCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC,GACD,IAAAC,aAAO,~~GACP~~;IACA,IAAAC,QAAE,EAAE,iBAAiB,EAAE,gBAAiB,CAAC,EACzCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC;EACL,CAAC;EAED,oBACC,IAAAV,WAAA,CAAAc,GAAA,EAAChB,KAAA,CAAAiB,OAAI;IAAA,GACCR,SAAS;IACdS,kBAAkB,EAAGP,qBAAqB,CAAC,CAAG;IAC9CQ,iBAAiB,EAAC,MAAM;IACxBC,iBAAiB,EAChB;IACA,IAAAC,QAAE,EAAE,8BAA+B,CACnC;IACDX,OAAO,EAAGA,OAAS;IACnBY,QAAQ,EAAG,KAAO;IAClBhB,KAAK,EAAC,EAAE;IACRE,QAAQ,EAAGA,QAAU;IACrBe,aAAa,EAAGpB,WAAa;IAAAqB,QAAA,eAE7B,IAAAtB,WAAA,CAAAc,GAAA,EAACnB,YAAA,CAAA4B,MAAM;MACNnB,KAAK,EAAGA,KAAO;MACfC,aAAa,EAAGA,aAAe;MAC/BC,QAAQ,EAAGA;IAAU,CACrB;EAAC,CACG,CAAC;AAET","ignoreList":[]}
1	+ {"version":3,"names":["_reactNative","require","_i18n","_cell","_interopRequireDefault","_jsxRuntime","EMPTY_STYLE","BottomSheetSwitchCell","props","value","onValueChange","disabled","cellProps","onPress","getAccessibilityLabel","help","sprintf","_x","label","jsx","default","accessibilityLabel","accessibilityRole","accessibilityHint","__","editable","disabledStyle","children","Switch"],"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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,WAAA,GAAAJ,OAAA;AAZ1B;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,MAAMK,WAAW,GAAG,CAAC,CAAC;AAEP,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,GACT,IAAAO,aAAO,EACP;MACA,IAAAC,QAAE,EAAE,QAAQ,EAAE,gBAAiB,CAAC,EAChCL,SAAS,CAACM,KACV,CAAC,GACD,IAAAF,aAAO,EACP;MACA,IAAAC,QAAE,EAAE,SAAS,EAAE,gBAAiB,CAAC,EACjCL,SAAS,CAACM,KACV,CAAC;IACL;IACA,OAAOT,KAAK,GACT,IAAAO,aAAO,EACP;IACA,IAAAC,QAAE,EAAE,gBAAgB,EAAE,gBAAiB,CAAC,EACxCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC,GACD,IAAAC,aAAO,EACP;IACA,IAAAC,QAAE,EAAE,iBAAiB,EAAE,gBAAiB,CAAC,EACzCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC;EACL,CAAC;EAED,oBACC,IAAAV,WAAA,CAAAc,GAAA,EAAChB,KAAA,CAAAiB,OAAI;IAAA,GACCR,SAAS;IACdS,kBAAkB,EAAGP,qBAAqB,CAAC,CAAG;IAC9CQ,iBAAiB,EAAC,MAAM;IACxBC,iBAAiB,EAChB;IACA,IAAAC,QAAE,EAAE,8BAA+B,CACnC;IACDX,OAAO,EAAGA,OAAS;IACnBY,QAAQ,EAAG,KAAO;IAClBhB,KAAK,EAAC,EAAE;IACRE,QAAQ,EAAGA,QAAU;IACrBe,aAAa,EAAGpB,WAAa;IAAAqB,QAAA,eAE7B,IAAAtB,WAAA,CAAAc,GAAA,EAACnB,YAAA,CAAA4B,MAAM;MACNnB,KAAK,EAAGA,KAAO;MACfC,aAAa,EAAGA,aAAe;MAC/BC,QAAQ,EAAGA;IAAU,CACrB;EAAC,CACG,CAAC;AAET","ignoreList":[]}

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

@@ -63,7 +63,7 @@ const BottomSheetSelectControl = ({
       onPress: openSubSheet,
       accessibilityRole: "button",
       accessibilityLabel: (0, _i18n.sprintf)(
-      // translators:  %1$s: Select control button label e.g. "Button width". %2$s: Select control option value e.g: "Auto, 25%".
+      // translators:  1: Select control button label e.g. "Button width". 2: Select control option value e.g: "Auto, 25%".
       (0, _i18n.__)('%1$s. Currently selected: %2$s'), label, selectedOption.label),
       accessibilityHint: (0, _i18n.sprintf)(
       // translators: %s: Select control button label e.g. "Button width"
@@ -92,7 +92,7 @@ const BottomSheetSelectControl = ({
           leftAlign: true,
           accessibilityRole: "button",
           accessibilityLabel: item.value === selectedValue ? (0, _i18n.sprintf)(
-          // translators: %s: Select control option value e.g: "Auto, 25%".
+          // translators: %s: The selected option.
           (0, _i18n.__)('Selected: %s'), item.label) : item.label,
           accessibilityHint: (0, _i18n.__)('Double tap to select'),
           children: item.value === selectedValue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_native","_element","_icons","_i18n","_style","_interopRequireDefault","_bottomSheet","_jsxRuntime","EMPTY_OPTION","label","BottomSheetSelectControl","icon","options","items","onChange","value","selectedValue","disabled","_items$find","showSubSheet","setShowSubSheet","useState","navigation","useNavigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","BottomSheet","SubSheet","screenName","jsx","default","navigationButton","Cell","separatorType","onPress","accessibilityRole","accessibilityLabel","sprintf","__","accessibilityHint","children","Icon","chevronRight","showSheet","jsxs","Fragment","NavBar","BackButton","Heading","View","style","styles","selectControl","map","item","index","customActionButton","leftAlign","check","_default","exports"],"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":[]}
1	+ {"version":3,"names":["_reactNative","require","_native","_element","_icons","_i18n","_style","_interopRequireDefault","_bottomSheet","_jsxRuntime","EMPTY_OPTION","label","BottomSheetSelectControl","icon","options","items","onChange","value","selectedValue","disabled","_items$find","showSubSheet","setShowSubSheet","useState","navigation","useNavigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","BottomSheet","SubSheet","screenName","jsx","default","navigationButton","Cell","separatorType","onPress","accessibilityRole","accessibilityLabel","sprintf","__","accessibilityHint","children","Icon","chevronRight","showSheet","jsxs","Fragment","NavBar","BackButton","Heading","View","style","styles","selectControl","map","item","index","customActionButton","leftAlign","check","_default","exports"],"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: Select control button label e.g. \"Button width\". 2: 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: The selected option.\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/mobile/color-settings/index.native.js CHANGED Viewed

@@ -41,9 +41,7 @@ const ColorSettingsMemo = (0, _element.memo)(({
   (0, _element.useEffect)(() => {
     shouldEnableBottomSheetMaxHeight(true);
     onHandleClosingBottomSheet(null);
-    // Disable reason: deferring this refactor to the native team.
-    // see https://github.com/WordPress/gutenberg/pull/41166
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // See https://github.com/WordPress/gutenberg/pull/41166
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bottomSheet.default.NavigationContainer, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavigationScreen, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_native","require","_element","_pickerScreen","_interopRequireDefault","_gradientPickerScreen","_palette","_bottomSheet","_bottomSheetContext","_utils","_jsxRuntime","ColorSettingsMemo","memo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","useEffect","jsxs","default","NavigationContainer","children","jsx","NavigationScreen","name","colorsUtils","screens","palette","initialParams","picker","gradientPicker","ColorSettings","props","route","useRoute","useContext","BottomSheetContext","params","_default","exports"],"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":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,QAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,YAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAEA,IAAAQ,MAAA,GAAAR,OAAA;AAAsC,IAAAS,WAAA,GAAAT,OAAA;AAnBtC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AASA,MAAMU,iBAAiB,GAAG,IAAAC,aAAI,EAC7B,CAAE;EACDC,eAAe;EACfC,0BAA0B;EAC1BC,gCAAgC;EAChCC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,KAAM;EACN,IAAAC,kBAAS,EAAE,MAAM;IAChBR,gCAAgC,CAAE,IAAK,CAAC;IACxCD,0BAA0B,CAAE,IAAK,CAAC;IAClC;~~IACA;IACA;~~EACD,CAAC,EAAE,EAAG,CAAC;EACP,oBACC,IAAAJ,WAAA,CAAAc,IAAA,EAACjB,YAAA,CAAAkB,OAAW,CAACC,mBAAmB;IAAAC,QAAA,gBAC/B,IAAAjB,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACC,OAAS;MACpCC,aAAa,EAAG;QACfrB,eAAe;QACfG,aAAa;QACbC,UAAU;QACVC,aAAa;QACbC,gBAAgB;QAChBC,cAAc;QACdC,KAAK;QACLC;MACD,CAAG;MAAAK,QAAA,eAEH,IAAAjB,WAAA,CAAAkB,GAAA,EAACtB,QAAA,CAAAmB,OAAa,IAAE;IAAC,CACY,CAAC,eAC/B,IAAAf,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACG,MAAQ;MAAAR,QAAA,eAEnC,IAAAjB,WAAA,CAAAkB,GAAA,EAACzB,aAAA,CAAAsB,OAAY,IAAE;IAAC,CACa,CAAC,eAC/B,IAAAf,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACI,cAAgB;MAAAT,QAAA,eAE3C,IAAAjB,WAAA,CAAAkB,GAAA,EAACvB,qBAAA,CAAAoB,OAAoB,IAAE;IAAC,CACK,CAAC;EAAA,CACC,CAAC;AAEpC,CACD,CAAC;AACD,SAASY,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAE1B,0BAA0B;IAAEC;EAAiC,CAAC,GACrE,IAAA0B,mBAAU,EAAEC,sCAAmB,CAAC;EAEjC,oBACC,IAAAhC,WAAA,CAAAkB,GAAA,EAACjB,iBAAiB;IACjBG,0BAA0B,EAAGA,0BAA4B;IACzDC,gCAAgC,EAC/BA,gCACA;IAAA,GACIuB,KAAK;IAAA,GACLC,KAAK,CAACI;EAAM,CACjB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEcY,aAAa","ignoreList":[]}
1	+ {"version":3,"names":["_native","require","_element","_pickerScreen","_interopRequireDefault","_gradientPickerScreen","_palette","_bottomSheet","_bottomSheetContext","_utils","_jsxRuntime","ColorSettingsMemo","memo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","useEffect","jsxs","default","NavigationContainer","children","jsx","NavigationScreen","name","colorsUtils","screens","palette","initialParams","picker","gradientPicker","ColorSettings","props","route","useRoute","useContext","BottomSheetContext","params","_default","exports"],"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// See https://github.com/WordPress/gutenberg/pull/41166\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":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,QAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,YAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAEA,IAAAQ,MAAA,GAAAR,OAAA;AAAsC,IAAAS,WAAA,GAAAT,OAAA;AAnBtC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AASA,MAAMU,iBAAiB,GAAG,IAAAC,aAAI,EAC7B,CAAE;EACDC,eAAe;EACfC,0BAA0B;EAC1BC,gCAAgC;EAChCC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,KAAM;EACN,IAAAC,kBAAS,EAAE,MAAM;IAChBR,gCAAgC,CAAE,IAAK,CAAC;IACxCD,0BAA0B,CAAE,IAAK,CAAC;IAClC;EACD,CAAC,EAAE,EAAG,CAAC;EACP,oBACC,IAAAJ,WAAA,CAAAc,IAAA,EAACjB,YAAA,CAAAkB,OAAW,CAACC,mBAAmB;IAAAC,QAAA,gBAC/B,IAAAjB,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACC,OAAS;MACpCC,aAAa,EAAG;QACfrB,eAAe;QACfG,aAAa;QACbC,UAAU;QACVC,aAAa;QACbC,gBAAgB;QAChBC,cAAc;QACdC,KAAK;QACLC;MACD,CAAG;MAAAK,QAAA,eAEH,IAAAjB,WAAA,CAAAkB,GAAA,EAACtB,QAAA,CAAAmB,OAAa,IAAE;IAAC,CACY,CAAC,eAC/B,IAAAf,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACG,MAAQ;MAAAR,QAAA,eAEnC,IAAAjB,WAAA,CAAAkB,GAAA,EAACzB,aAAA,CAAAsB,OAAY,IAAE;IAAC,CACa,CAAC,eAC/B,IAAAf,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACI,cAAgB;MAAAT,QAAA,eAE3C,IAAAjB,WAAA,CAAAkB,GAAA,EAACvB,qBAAA,CAAAoB,OAAoB,IAAE;IAAC,CACK,CAAC;EAAA,CACC,CAAC;AAEpC,CACD,CAAC;AACD,SAASY,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAE1B,0BAA0B;IAAEC;EAAiC,CAAC,GACrE,IAAA0B,mBAAU,EAAEC,sCAAmB,CAAC;EAEjC,oBACC,IAAAhC,WAAA,CAAAkB,GAAA,EAACjB,iBAAiB;IACjBG,0BAA0B,EAAGA,0BAA4B;IACzDC,gCAAgC,EAC/BA,gCACA;IAAA,GACIuB,KAAK;IAAA,GACLC,KAAK,CAACI;EAAM,CACjB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEcY,aAAa","ignoreList":[]}

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

@@ -50,9 +50,7 @@ const PickerScreen = () => {
       shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
       onHandleHardwareButtonPress: onHandleHardwareButtonPress
     });
-    // Disable reason: deferring this refactor to the native team.
-    // see https://github.com/WordPress/gutenberg/pull/41166
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // See https://github.com/WordPress/gutenberg/pull/41166
   }, [setColor, currentValue, isGradientColor, onShouldEnableInnerHandling, shouldEnableBottomSheetMaxHeight, onHandleClosingBottomSheet, isBottomSheetContentScrolling, shouldEnableBottomSheetScroll, onHandleHardwareButtonPress]);
 };
 var _default = exports.default = PickerScreen;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_native","require","_element","_colorPicker","_bottomSheetContext","_jsxRuntime","PickerScreen","route","useRoute","navigation","useNavigation","onShouldEnableInnerHandling","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","onHandleHardwareButtonPress","useContext","BottomSheetContext","setColor","currentValue","isGradientColor","params","useMemo","jsx","ColorPicker","activeColor","onNavigationBack","goBack","_default","exports","default"],"sources":["@wordpress/components/src/mobile/color-settings/picker-screen.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/\n WordPress dependencies\n /\nimport { useContext, useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { ColorPicker } from '../../color-picker';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\n\nconst PickerScreen = () => {\n\tconst route = useRoute();\n\tconst navigation = useNavigation();\n\tconst {\n\t\tonShouldEnableInnerHandling,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonHandleClosingBottomSheet,\n\t\tisBottomSheetContentScrolling,\n\t\tshouldEnableBottomSheetScroll,\n\t\tonHandleHardwareButtonPress,\n\t} = useContext( BottomSheetContext );\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<ColorPicker\n\t\t\t\tonShouldEnableInnerHandling={ onShouldEnableInnerHandling }\n\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t}\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tactiveColor={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t\tonNavigationBack={ navigation.goBack }\n\t\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\t\tisBottomSheetContentScrolling={ isBottomSheetContentScrolling }\n\t\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t\tonHandleHardwareButtonPress={ onHandleHardwareButtonPress }\n\t\t\t/>\n\t\t);\n\t\t// ~~Disable~~ ~~reason: deferring this refactor to the native team.\n\t\t// see~~ https://github.com/WordPress/gutenberg/pull/41166\n\t~~\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t~~}, [\n\t\tsetColor,\n\t\tcurrentValue,\n\t\tisGradientColor,\n\t\tonShouldEnableInnerHandling,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonHandleClosingBottomSheet,\n\t\tisBottomSheetContentScrolling,\n\t\tshouldEnableBottomSheetScroll,\n\t\tonHandleHardwareButtonPress,\n\t] );\n};\n\nexport default PickerScreen;\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA0E,IAAAI,WAAA,GAAAJ,OAAA;AAd1E;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMK,YAAY,GAAGA,CAAA,KAAM;EAC1B,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAM;IACLC,2BAA2B;IAC3BC,gCAAgC;IAChCC,0BAA0B;IAC1BC,6BAA6B;IAC7BC,6BAA6B;IAC7BC;EACD,CAAC,GAAG,IAAAC,mBAAU,EAAEC,sCAAmB,CAAC;EACpC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGd,KAAK,CAACe,MAAM;EAChE,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,oBACC,IAAAlB,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAsB,WAAW;MACXd,2BAA2B,EAAGA,2BAA6B;MAC3DC,gCAAgC,EAC/BA,gCACA;MACDO,QAAQ,EAAGA,QAAU;MACrBO,WAAW,EAAGN,YAAc;MAC5BC,eAAe,EAAGA,eAAiB;MACnCM,gBAAgB,EAAGlB,UAAU,CAACmB,MAAQ;MACtCf,0BAA0B,EAAGA,0BAA4B;MACzDC,6BAA6B,EAAGA,6BAA+B;MAC/DC,6BAA6B,EAAGA,6BAA+B;MAC/DC,2BAA2B,EAAGA;IAA6B,CAC3D,CAAC;IAEH;~~IACA;IACA;~~EACD,CAAC,EAAE,CACFG,QAAQ,EACRC,YAAY,EACZC,eAAe,EACfV,2BAA2B,EAC3BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,6BAA6B,EAC7BC,2BAA2B,CAC1B,CAAC;AACJ,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEazB,YAAY","ignoreList":[]}
1	+ {"version":3,"names":["_native","require","_element","_colorPicker","_bottomSheetContext","_jsxRuntime","PickerScreen","route","useRoute","navigation","useNavigation","onShouldEnableInnerHandling","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","onHandleHardwareButtonPress","useContext","BottomSheetContext","setColor","currentValue","isGradientColor","params","useMemo","jsx","ColorPicker","activeColor","onNavigationBack","goBack","_default","exports","default"],"sources":["@wordpress/components/src/mobile/color-settings/picker-screen.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/\n WordPress dependencies\n /\nimport { useContext, useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { ColorPicker } from '../../color-picker';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\n\nconst PickerScreen = () => {\n\tconst route = useRoute();\n\tconst navigation = useNavigation();\n\tconst {\n\t\tonShouldEnableInnerHandling,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonHandleClosingBottomSheet,\n\t\tisBottomSheetContentScrolling,\n\t\tshouldEnableBottomSheetScroll,\n\t\tonHandleHardwareButtonPress,\n\t} = useContext( BottomSheetContext );\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<ColorPicker\n\t\t\t\tonShouldEnableInnerHandling={ onShouldEnableInnerHandling }\n\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t}\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tactiveColor={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t\tonNavigationBack={ navigation.goBack }\n\t\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\t\tisBottomSheetContentScrolling={ isBottomSheetContentScrolling }\n\t\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t\tonHandleHardwareButtonPress={ onHandleHardwareButtonPress }\n\t\t\t/>\n\t\t);\n\t\t// See https://github.com/WordPress/gutenberg/pull/41166\n\t}, [\n\t\tsetColor,\n\t\tcurrentValue,\n\t\tisGradientColor,\n\t\tonShouldEnableInnerHandling,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonHandleClosingBottomSheet,\n\t\tisBottomSheetContentScrolling,\n\t\tshouldEnableBottomSheetScroll,\n\t\tonHandleHardwareButtonPress,\n\t] );\n};\n\nexport default PickerScreen;\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA0E,IAAAI,WAAA,GAAAJ,OAAA;AAd1E;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMK,YAAY,GAAGA,CAAA,KAAM;EAC1B,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAM;IACLC,2BAA2B;IAC3BC,gCAAgC;IAChCC,0BAA0B;IAC1BC,6BAA6B;IAC7BC,6BAA6B;IAC7BC;EACD,CAAC,GAAG,IAAAC,mBAAU,EAAEC,sCAAmB,CAAC;EACpC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGd,KAAK,CAACe,MAAM;EAChE,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,oBACC,IAAAlB,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAsB,WAAW;MACXd,2BAA2B,EAAGA,2BAA6B;MAC3DC,gCAAgC,EAC/BA,gCACA;MACDO,QAAQ,EAAGA,QAAU;MACrBO,WAAW,EAAGN,YAAc;MAC5BC,eAAe,EAAGA,eAAiB;MACnCM,gBAAgB,EAAGlB,UAAU,CAACmB,MAAQ;MACtCf,0BAA0B,EAAGA,0BAA4B;MACzDC,6BAA6B,EAAGA,6BAA+B;MAC/DC,6BAA6B,EAAGA,6BAA+B;MAC/DC,2BAA2B,EAAGA;IAA6B,CAC3D,CAAC;IAEH;EACD,CAAC,EAAE,CACFG,QAAQ,EACRC,YAAY,EACZC,eAAe,EACfV,2BAA2B,EAC3BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,6BAA6B,EAC7BC,2BAA2B,CAC1B,CAAC;AACJ,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEazB,YAAY","ignoreList":[]}

package/build/mobile/cycle-select-control/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_cyclePickerCell","_interopRequireDefault","_jsxRuntime","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","jsx","default","onChangeValue","undefined","_default","exports","memo"],"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport CyclePickerCell from '../bottom-sheet/cycle-picker-cell';\n\nfunction CycleSelectControl( {\n\thelp,\n\tinstanceId,\n\tlabel,\n\tmultiple = false,\n\tonChange,\n\toptions = [],\n\tclassName,\n\thideLabelFromVision,\n\t...props\n} ) {\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn (\n\t\t<CyclePickerCell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\tmultiple={ multiple }\n\t\t\toptions={ options }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( CycleSelectControl );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAgE,IAAAG,WAAA,GAAAH,OAAA;AAPhE;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASI,kBAAkBA,CAAE;EAC5BC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,SAAS;EACTC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,EAAE,~~GAAI~~,~~4BAA4BR~~,~~UAAY~~,~~EAAC~~;EAErD,oBACC,IAAAH,WAAA,CAAAY,GAAA,EAACd,gBAAA,CAAAe,OAAe;IACfT,KAAK,EAAGA,KAAO;IACfK,mBAAmB,EAAGA,mBAAqB;IAC3CE,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbM,SAAS,EAAGA,SAAW;IACvBM,aAAa,EAAGR,QAAU;IAC1B,oBAAmB,CAAC,CAAEJ,IAAI,~~GAAI~~,~~GAAGS~~,~~EAAI~~,~~QAAO~~,GAAGI,SAAW;IAC1DV,QAAQ,EAAGA,QAAU;IACrBE,OAAO,EAAGA,OAAS;IAAA,GACdG;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEc,IAAAK,aAAI,EAAEjB,kBAAmB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_element","require","_cyclePickerCell","_interopRequireDefault","_jsxRuntime","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","jsx","default","onChangeValue","undefined","_default","exports","memo"],"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport CyclePickerCell from '../bottom-sheet/cycle-picker-cell';\n\nfunction CycleSelectControl( {\n\thelp,\n\tinstanceId,\n\tlabel,\n\tmultiple = false,\n\tonChange,\n\toptions = [],\n\tclassName,\n\thideLabelFromVision,\n\t...props\n} ) {\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn (\n\t\t<CyclePickerCell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\tmultiple={ multiple }\n\t\t\toptions={ options }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( CycleSelectControl );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAgE,IAAAG,WAAA,GAAAH,OAAA;AAPhE;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASI,kBAAkBA,CAAE;EAC5BC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,SAAS;EACTC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,EAAE,GAAG,4BAA6BR,UAAU,EAAG;EAErD,oBACC,IAAAH,WAAA,CAAAY,GAAA,EAACd,gBAAA,CAAAe,OAAe;IACfT,KAAK,EAAGA,KAAO;IACfK,mBAAmB,EAAGA,mBAAqB;IAC3CE,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbM,SAAS,EAAGA,SAAW;IACvBM,aAAa,EAAGR,QAAU;IAC1B,oBAAmB,CAAC,CAAEJ,IAAI,GAAG,GAAIS,EAAE,QAAS,GAAGI,SAAW;IAC1DV,QAAQ,EAAGA,QAAU;IACrBE,OAAO,EAAGA,OAAS;IAAA,GACdG;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEc,IAAAK,aAAI,EAAEjB,kBAAmB,CAAC","ignoreList":[]}

package/build/mobile/gradient/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_reactNativeLinearGradient","_interopRequireDefault","_gradientParser","_primitives","_compose","_element","_style","_utils","_jsxRuntime","getGradientAngle","gradientValue","angleBase","matchAngle","angle","exec","angleType","includes","parseFloat","getGradientColorGroup","colorNeedParenthesis","excludeSideOrCorner","modifiedGradientValue","replace","concat","gradientParser","parse","map","gradient","colorStops","color","index","type","value","length","fallbackLength","colorLength","join","getGradientBaseColors","colorGroup","getColorLocations","location","Number","Gradient","style","angleCenter","x","y","children","otherProps","resizeObserver","sizes","useResizeObserver","width","height","isGradient","getGradientType","gradients","colorsUtils","useMemo","locations","colors","isLinearGradient","linear","jsx","default","useAngle","jsxs","View","styles","overflow","radialGradientContent","SVG","Defs","RadialGradient","id","gradientUnits","rx","ry","cy","Platform","OS","group","Stop","offset","stopColor","stopOpacity","Rect","fill","_default","exports"],"sources":["@wordpress/components/src/mobile/gradient/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { View, Platform } from 'react-native';\nimport RNLinearGradient from 'react-native-linear-gradient';\nimport gradientParser from 'gradient-parser';\n/\n WordPress dependencies\n /\nimport { RadialGradient, Stop, SVG, Defs, Rect } from '@wordpress/primitives';\nimport { useResizeObserver } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport styles from './style.scss';\nimport { colorsUtils } from '../color-settings/utils';\n\nexport function getGradientAngle( gradientValue ) {\n\tconst angleBase = 45;\n\tconst matchAngle = /\\(((\\d+deg)\|(to\\s[^,]+))/;\n\tconst angle = matchAngle.exec( gradientValue )\n\t\t? matchAngle.exec( gradientValue )[ 1 ]\n\t\t: '180deg';\n\n\tconst angleType = angle.includes( 'deg' ) ? 'angle' : 'sideOrCorner';\n\n\tif ( angleType === 'sideOrCorner' ) {\n\t\tswitch ( angle ) {\n\t\t\tcase 'to top':\n\t\t\t\treturn 0;\n\t\t\tcase 'to top right':\n\t\t\tcase 'to right top':\n\t\t\t\treturn angleBase;\n\t\t\tcase 'to right':\n\t\t\t\treturn 2 angleBase;\n\t\t\tcase 'to bottom right':\n\t\t\tcase 'to right bottom':\n\t\t\t\treturn 3 * angleBase;\n\t\t\tcase 'to bottom':\n\t\t\t\treturn 4 * angleBase;\n\t\t\tcase 'to bottom left':\n\t\t\tcase 'to left bottom':\n\t\t\t\treturn 5 * angleBase;\n\t\t\tcase 'to left':\n\t\t\t\treturn 6 * angleBase;\n\t\t\tcase 'to top left':\n\t\t\tcase 'to left top':\n\t\t\t\treturn 7 * angleBase;\n\t\t}\n\t} else if ( angleType === 'angle' ) {\n\t\treturn parseFloat( angle );\n\t} else {\n\t\treturn 4 * angleBase;\n\t}\n}\n\nexport function getGradientColorGroup( gradientValue ) {\n\tconst colorNeedParenthesis = [ 'rgb', 'rgba' ];\n\n\tconst excludeSideOrCorner = /linear-gradient\\(to\\s+([a-z\\s]+,)/;\n\n\t// Parser has some difficulties with angle defined as a side or corner (e.g. `to left`)\n\t// so it's going to be excluded in order to matching color groups.\n\tconst modifiedGradientValue = gradientValue.replace(\n\t\texcludeSideOrCorner,\n\t\t'linear-gradient('\n\t);\n\n\treturn [].concat(\n\t\t...gradientParser.parse( modifiedGradientValue )?.map( ( gradient ) =>\n\t\t\tgradient.colorStops?.map( ( color, index ) => {\n\t\t\t\tconst { type, value, length } = color;\n\t\t\t\tconst fallbackLength = `${\n\t\t\t\t\t100 * ( index / ( gradient.colorStops.length - 1 ) )\n\t\t\t\t}%`;\n\t\t\t\tconst colorLength = length\n\t\t\t\t\t? `${ length.value }${ length.type }`\n\t\t\t\t\t: fallbackLength;\n\n\t\t\t\tif ( colorNeedParenthesis.includes( type ) ) {\n\t\t\t\t\treturn [ `${ type }(${ value.join( ',' ) })`, colorLength ];\n\t\t\t\t} else if ( type === 'literal' ) {\n\t\t\t\t\treturn [ value, colorLength ];\n\t\t\t\t}\n\t\t\t\treturn [ `#${ value }`, colorLength ];\n\t\t\t} )\n\t\t)\n\t);\n}\n\nexport function getGradientBaseColors( colorGroup ) {\n\treturn colorGroup.map( ( color ) => color[ 0 ] );\n}\n\nexport function getColorLocations( colorGroup ) {\n\treturn colorGroup.map(\n\t\t( location ) => Number( location[ 1 ].replace( '%', '' ) ) / 100\n\t);\n}\n\nfunction Gradient( {\n\tgradientValue,\n\tstyle,\n\tangleCenter = { x: 0.5, y: 0.5 },\n\tchildren,\n\t...otherProps\n} ) {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst { width = 0, height = 0 } = sizes \|\| {};\n\tconst { isGradient, getGradientType, gradients } = colorsUtils;\n\n\tconst colorGroup = useMemo(\n\t\t() => getGradientColorGroup( gradientValue ),\n\t\t[ gradientValue ]\n\t);\n\n\tconst locations = useMemo(\n\t\t() => getColorLocations( colorGroup ),\n\t\t[ colorGroup ]\n\t);\n\n\tconst colors = useMemo(\n\t\t() => getGradientBaseColors( colorGroup ),\n\t\t[ colorGroup ]\n\t);\n\n\tif ( ! gradientValue \|\| ! isGradient( gradientValue ) ) {\n\t\treturn null;\n\t}\n\n\tconst isLinearGradient =\n\t\tgetGradientType( gradientValue ) === gradients.linear;\n\n\tif ( isLinearGradient ) {\n\t\treturn (\n\t\t\t<RNLinearGradient\n\t\t\t\tcolors={ colors }\n\t\t\t\tuseAngle\n\t\t\t\tangle={ getGradientAngle( gradientValue ) }\n\t\t\t\tlocations={ locations }\n\t\t\t\tangleCenter={ angleCenter }\n\t\t\t\tstyle={ style }\n\t\t\t\t{ ...otherProps }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</RNLinearGradient>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ [ style, styles.overflow ] }>\n\t\t\t<View style={ styles.radialGradientContent }>{ children }</View>\n\t\t\t{ resizeObserver }\n\t\t\t<SVG>\n\t\t\t\t<Defs>\n\t\t\t\t\t<RadialGradient\n\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax\n\t\t\t\t\t\tid=\"radialGradient\"\n\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\trx=\"70%\"\n\t\t\t\t\t\try=\"70%\"\n\t\t\t\t\t\tcy={ Platform.OS === 'android' ? width / 2 : '50%' }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ colorGroup.map( ( group ) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Stop\n\t\t\t\t\t\t\t\t\toffset={ group[ 1 ] }\n\t\t\t\t\t\t\t\t\tstopColor={ group[ 0 ] }\n\t\t\t\t\t\t\t\t\tstopOpacity=\"1\"\n\t\t\t\t\t\t\t\t\tkey={ `${ group[ 1 ] }-${ group[ 0 ] }` }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t</RadialGradient>\n\t\t\t\t</Defs>\n\t\t\t\t<Rect\n\t\t\t\t\theight={ height }\n\t\t\t\t\twidth={ width }\n\t\t\t\t\tfill=\"url(#radialGradient)\"\n\t\t\t\t/>\n\t\t\t</SVG>\n\t\t</View>\n\t);\n}\n\nexport default Gradient;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_reactNative","require","_reactNativeLinearGradient","_interopRequireDefault","_gradientParser","_primitives","_compose","_element","_style","_utils","_jsxRuntime","getGradientAngle","gradientValue","angleBase","matchAngle","angle","exec","angleType","includes","parseFloat","getGradientColorGroup","colorNeedParenthesis","excludeSideOrCorner","modifiedGradientValue","replace","concat","gradientParser","parse","map","gradient","colorStops","color","index","type","value","length","fallbackLength","colorLength","join","getGradientBaseColors","colorGroup","getColorLocations","location","Number","Gradient","style","angleCenter","x","y","children","otherProps","resizeObserver","sizes","useResizeObserver","width","height","isGradient","getGradientType","gradients","colorsUtils","useMemo","locations","colors","isLinearGradient","linear","jsx","default","useAngle","jsxs","View","styles","overflow","radialGradientContent","SVG","Defs","RadialGradient","id","gradientUnits","rx","ry","cy","Platform","OS","group","Stop","offset","stopColor","stopOpacity","Rect","fill","_default","exports"],"sources":["@wordpress/components/src/mobile/gradient/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { View, Platform } from 'react-native';\nimport RNLinearGradient from 'react-native-linear-gradient';\nimport gradientParser from 'gradient-parser';\n/\n WordPress dependencies\n /\nimport { RadialGradient, Stop, SVG, Defs, Rect } from '@wordpress/primitives';\nimport { useResizeObserver } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport styles from './style.scss';\nimport { colorsUtils } from '../color-settings/utils';\n\nexport function getGradientAngle( gradientValue ) {\n\tconst angleBase = 45;\n\tconst matchAngle = /\\(((\\d+deg)\|(to\\s[^,]+))/;\n\tconst angle = matchAngle.exec( gradientValue )\n\t\t? matchAngle.exec( gradientValue )[ 1 ]\n\t\t: '180deg';\n\n\tconst angleType = angle.includes( 'deg' ) ? 'angle' : 'sideOrCorner';\n\n\tif ( angleType === 'sideOrCorner' ) {\n\t\tswitch ( angle ) {\n\t\t\tcase 'to top':\n\t\t\t\treturn 0;\n\t\t\tcase 'to top right':\n\t\t\tcase 'to right top':\n\t\t\t\treturn angleBase;\n\t\t\tcase 'to right':\n\t\t\t\treturn 2 angleBase;\n\t\t\tcase 'to bottom right':\n\t\t\tcase 'to right bottom':\n\t\t\t\treturn 3 * angleBase;\n\t\t\tcase 'to bottom':\n\t\t\t\treturn 4 * angleBase;\n\t\t\tcase 'to bottom left':\n\t\t\tcase 'to left bottom':\n\t\t\t\treturn 5 * angleBase;\n\t\t\tcase 'to left':\n\t\t\t\treturn 6 * angleBase;\n\t\t\tcase 'to top left':\n\t\t\tcase 'to left top':\n\t\t\t\treturn 7 * angleBase;\n\t\t}\n\t} else if ( angleType === 'angle' ) {\n\t\treturn parseFloat( angle );\n\t} else {\n\t\treturn 4 * angleBase;\n\t}\n}\n\nexport function getGradientColorGroup( gradientValue ) {\n\tconst colorNeedParenthesis = [ 'rgb', 'rgba' ];\n\n\tconst excludeSideOrCorner = /linear-gradient\\(to\\s+([a-z\\s]+,)/;\n\n\t// Parser has some difficulties with angle defined as a side or corner (e.g. `to left`)\n\t// so it's going to be excluded in order to matching color groups.\n\tconst modifiedGradientValue = gradientValue.replace(\n\t\texcludeSideOrCorner,\n\t\t'linear-gradient('\n\t);\n\n\treturn [].concat(\n\t\t...gradientParser.parse( modifiedGradientValue )?.map( ( gradient ) =>\n\t\t\tgradient.colorStops?.map( ( color, index ) => {\n\t\t\t\tconst { type, value, length } = color;\n\t\t\t\tconst fallbackLength = `${\n\t\t\t\t\t100 * ( index / ( gradient.colorStops.length - 1 ) )\n\t\t\t\t}%`;\n\t\t\t\tconst colorLength = length\n\t\t\t\t\t? `${ length.value }${ length.type }`\n\t\t\t\t\t: fallbackLength;\n\n\t\t\t\tif ( colorNeedParenthesis.includes( type ) ) {\n\t\t\t\t\treturn [ `${ type }(${ value.join( ',' ) })`, colorLength ];\n\t\t\t\t} else if ( type === 'literal' ) {\n\t\t\t\t\treturn [ value, colorLength ];\n\t\t\t\t}\n\t\t\t\treturn [ `#${ value }`, colorLength ];\n\t\t\t} )\n\t\t)\n\t);\n}\n\nexport function getGradientBaseColors( colorGroup ) {\n\treturn colorGroup.map( ( color ) => color[ 0 ] );\n}\n\nexport function getColorLocations( colorGroup ) {\n\treturn colorGroup.map(\n\t\t( location ) => Number( location[ 1 ].replace( '%', '' ) ) / 100\n\t);\n}\n\nfunction Gradient( {\n\tgradientValue,\n\tstyle,\n\tangleCenter = { x: 0.5, y: 0.5 },\n\tchildren,\n\t...otherProps\n} ) {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst { width = 0, height = 0 } = sizes \|\| {};\n\tconst { isGradient, getGradientType, gradients } = colorsUtils;\n\n\tconst colorGroup = useMemo(\n\t\t() => getGradientColorGroup( gradientValue ),\n\t\t[ gradientValue ]\n\t);\n\n\tconst locations = useMemo(\n\t\t() => getColorLocations( colorGroup ),\n\t\t[ colorGroup ]\n\t);\n\n\tconst colors = useMemo(\n\t\t() => getGradientBaseColors( colorGroup ),\n\t\t[ colorGroup ]\n\t);\n\n\tif ( ! gradientValue \|\| ! isGradient( gradientValue ) ) {\n\t\treturn null;\n\t}\n\n\tconst isLinearGradient =\n\t\tgetGradientType( gradientValue ) === gradients.linear;\n\n\tif ( isLinearGradient ) {\n\t\treturn (\n\t\t\t<RNLinearGradient\n\t\t\t\tcolors={ colors }\n\t\t\t\tuseAngle\n\t\t\t\tangle={ getGradientAngle( gradientValue ) }\n\t\t\t\tlocations={ locations }\n\t\t\t\tangleCenter={ angleCenter }\n\t\t\t\tstyle={ style }\n\t\t\t\t{ ...otherProps }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</RNLinearGradient>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ [ style, styles.overflow ] }>\n\t\t\t<View style={ styles.radialGradientContent }>{ children }</View>\n\t\t\t{ resizeObserver }\n\t\t\t<SVG>\n\t\t\t\t<Defs>\n\t\t\t\t\t<RadialGradient\n\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax\n\t\t\t\t\t\tid=\"radialGradient\"\n\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\trx=\"70%\"\n\t\t\t\t\t\try=\"70%\"\n\t\t\t\t\t\tcy={ Platform.OS === 'android' ? width / 2 : '50%' }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ colorGroup.map( ( group ) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Stop\n\t\t\t\t\t\t\t\t\toffset={ group[ 1 ] }\n\t\t\t\t\t\t\t\t\tstopColor={ group[ 0 ] }\n\t\t\t\t\t\t\t\t\tstopOpacity=\"1\"\n\t\t\t\t\t\t\t\t\tkey={ `${ group[ 1 ] }-${ group[ 0 ] }` }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t</RadialGradient>\n\t\t\t\t</Defs>\n\t\t\t\t<Rect\n\t\t\t\t\theight={ height }\n\t\t\t\t\twidth={ width }\n\t\t\t\t\tfill=\"url(#radialGradient)\"\n\t\t\t\t/>\n\t\t\t</SVG>\n\t\t</View>\n\t);\n}\n\nexport default Gradient;\n"],"mappings":"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","ignoreList":[]}

package/build/mobile/image/index.native.js CHANGED Viewed

@@ -110,9 +110,7 @@ const ImageComponent = ({
       }
     }
     return () => isCurrent = false;
-    // Disable reason: deferring this refactor to the native team.
-    // see https://github.com/WordPress/gutenberg/pull/41166
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // See https://github.com/WordPress/gutenberg/pull/41166
   }, [url]);
   const onContainerLayout = event => {
     const {