npm - @wordpress/components - Versions diffs - 27.5.0 → 28.0.0 - Mend

@wordpress/components 27.5.0 → 28.0.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 (2260) hide show

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","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","_react","createElement","TouchableWithoutFeedback","onPress","accessible","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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAcA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,aAAA,GAAAD,sBAAA,CAAAN,OAAA;AA1BA;AACA;AACA;;AAYA;AACA;AACA;;AAKA;AACA;AACA;;AAKA,MAAMQ,KAAK,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK;AAEnC,MAAMC,cAAc,SAASC,kBAAS,CAAC;EACtCC,WAAWA,CAAEC,KAAK,EAAG;IACpB,KAAK,CAAEA,KAAM,CAAC;IAEd,IAAI,CAACC,oBAAoB,GAAG,IAAI,CAACA,oBAAoB,CAACC,IAAI,CAAE,IAAK,CAAC;IAClE,IAAI,CAACC,YAAY,GAAG,IAAI,CAACA,YAAY,CAACD,IAAI,CAAE,IAAK,CAAC;IAClD,IAAI,CAACE,WAAW,GAAG,IAAI,CAACA,WAAW,CAACF,IAAI,CAAE,IAAK,CAAC;IAChD,IAAI,CAACG,sBAAsB,GAAG,IAAI,CAACA,sBAAsB,CAACH,IAAI,CAAE,IAAK,CAAC;IACtE,IAAI,CAACI,eAAe,GAAG,IAAI,CAACA,eAAe,CAACJ,IAAI,CAAE,IAAK,CAAC;IACxD,IAAI,CAACK,YAAY,GAAG,IAAI,CAACA,YAAY,CAACL,IAAI,CAAE,IAAK,CAAC;IAElD,MAAM;MAAEM,KAAK;MAAEC,YAAY;MAAEC,GAAG;MAAEC;IAAW,CAAC,GAAGX,KAAK;IACtD,MAAMY,YAAY,GAAG,IAAAC,cAAO,EAC3BL,KAAK,IAAIC,YAAY,IAAIC,GAAG,EAC5BC,UACD,CAAC;IAED,MAAMG,SAAS,GAAG,IAAI,CAACC,YAAY,CAAC,CAAC;IAErC,IAAI,CAACC,KAAK,GAAG;MACZF,SAAS;MACTG,UAAU,EAAEL,YAAY;MACxBM,YAAY,EAAEN,YAAY;MAC1BO,QAAQ,EAAE;IACX,CAAC;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,IAAI,CAACC,0BAA0B,GAAGC,qBAAQ,CAACC,gBAAgB,CAC1D,QAAQ,EACR,IAAI,CAAClB,sBACN,CAAC;EACF;EAEAmB,oBAAoBA,CAAA,EAAG;IACtB,IAAI,CAACH,0BAA0B,CAACI,MAAM,CAAC,CAAC;IACxCC,YAAY,CAAE,IAAI,CAACC,oBAAqB,CAAC;EAC1C;EAEAC,kBAAkBA,CAAEC,SAAS,EAAEC,SAAS,EAAG;IAC1C,MAAM;MAAEtB;IAAM,CAAC,GAAG,IAAI,CAACR,KAAK;IAC5B,MAAM;MAAEmB,QAAQ;MAAEF;IAAW,CAAC,GAAG,IAAI,CAACD,KAAK;IAE3C,IAAKa,SAAS,CAACrB,KAAK,KAAKA,KAAK,EAAG;MAChC,IAAI,CAACuB,QAAQ,CAAE;QAAEd,UAAU,EAAET;MAAM,CAAE,CAAC;IACvC;IAEA,IAAKsB,SAAS,CAACX,QAAQ,KAAKA,QAAQ,EAAG;MACtC,MAAMa,UAAU,GAAG,IAAI,CAACC,aAAa,CAAEhB,UAAW,CAAC;MACnD,IAAI,CAACc,QAAQ,CAAE;QAAEd,UAAU,EAAEe;MAAW,CAAE,CAAC;IAC5C;IAEA,IAAK,CAAEF,SAAS,CAACX,QAAQ,IAAIA,QAAQ,EAAG;MACvC,IAAI,CAACe,eAAe,CAACC,KAAK,CAAC,CAAC;IAC7B;EACD;EAEApB,YAAYA,CAAA,EAAG;IACd,OAAOqB,uBAAU,CAACrB,YAAY,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAGqB,uBAAU,CAACrB,YAAY,CAAC,CAAC;EACrE;EAEAV,sBAAsBA,CAAEgC,YAAY,EAAG;IACtC,IAAKA,YAAY,KAAK,QAAQ,EAAG;MAChC,IAAI,CAACN,QAAQ,CAAE;QAAEjB,SAAS,EAAE,IAAI,CAACC,YAAY,CAAC;MAAE,CAAE,CAAC;IACpD;EACD;EAEAZ,YAAYA,CAAA,EAAG;IACd,IAAI,CAAC4B,QAAQ,CAAE;MACdZ,QAAQ,EAAE;IACX,CAAE,CAAC;EACJ;EAEAf,WAAWA,CAAA,EAAG;IACb,MAAM;MAAEa;IAAW,CAAC,GAAG,IAAI,CAACD,KAAK;IACjC,IAAI,CAACT,YAAY,CAAG,GAAGU,UAAY,EAAE,CAAC;IACtC,IAAI,CAACc,QAAQ,CAAE;MACdZ,QAAQ,EAAE;IACX,CAAE,CAAC;EACJ;EAEAc,aAAaA,CAAEK,IAAI,EAAG;IACrB,MAAM;MAAE5B,GAAG;MAAE6B,GAAG;MAAE5B;IAAW,CAAC,GAAG,IAAI,CAACX,KAAK;IAC3C,IAAIwC,MAAM,GAAG9B,GAAG;IAChB,IAAK,CAAE4B,IAAI,EAAG;MACb,OAAO5B,GAAG;IACX;IAEA,IAAK,OAAO4B,IAAI,KAAK,QAAQ,EAAG;MAC/BE,MAAM,GAAGC,IAAI,CAACF,GAAG,CAAED,IAAI,EAAE5B,GAAI,CAAC;MAC9B,OAAO6B,GAAG,GAAGE,IAAI,CAAC/B,GAAG,CAAE8B,MAAM,EAAED,GAAI,CAAC,GAAGC,MAAM;IAC9C;IAEAA,MAAM,GAAGC,IAAI,CAACF,GAAG,CAAE,IAAAG,qBAAc,EAAEJ,IAAI,EAAE3B,UAAW,CAAC,EAAED,GAAI,CAAC;IAC5D,OAAO6B,GAAG,GAAGE,IAAI,CAAC/B,GAAG,CAAE8B,MAAM,EAAED,GAAI,CAAC,GAAGC,MAAM;EAC9C;EAEAG,WAAWA,CAAEnC,KAAK,EAAG;IACpB,MAAM;MAAEoC;IAAS,CAAC,GAAG,IAAI,CAAC5C,KAAK;IAC/B,MAAMgC,UAAU,GAAG,IAAI,CAACC,aAAa,CAAEzB,KAAM,CAAC;IAE9C,IAAI,CAACP,oBAAoB,CAAG,GAAG+B,UAAY,EAAE,CAAC;IAE9CY,QAAQ,CAAEZ,UAAW,CAAC;EACvB;EAEAzB,YAAYA,CAAEsC,SAAS,EAAG;IACzB,MAAM;MAAElC;IAAW,CAAC,GAAG,IAAI,CAACX,KAAK;IACjC,MAAMiB,UAAU,GAAG,IAAAyB,qBAAc,EAAEG,SAAS,EAAElC,UAAW,CAAC;IAE1DkC,SAAS,GAAG5B,UAAU,CAAC6B,OAAO,CAAE,GAAG,EAAE,GAAI,CAAC;IAC1CD,SAAS,GAAG,IAAAhC,cAAO,EAAEgC,SAAS,EAAElC,UAAW,CAAC;IAC5C,MAAMH,KAAK,GAAG,IAAI,CAACyB,aAAa,CAAEY,SAAU,CAAC;IAC7C,IAAI,CAACd,QAAQ,CAAE;MACdd,UAAU;MACVC,YAAY,EAAEV;IACf,CAAE,CAAC;IACH,IAAI,CAACmC,WAAW,CAAEnC,KAAM,CAAC;EAC1B;EAEAF,eAAeA,CAAE;IAAEyC,WAAW,EAAE;MAAET;IAAK;EAAE,CAAC,EAAG;IAC5C,MAAM;MAAE3B;IAAW,CAAC,GAAG,IAAI,CAACX,KAAK;IACjC,MAAM;MAAEiB;IAAW,CAAC,GAAG,IAAI,CAACD,KAAK;IAEjC,IAAK,CAAEgC,KAAK,CAAEC,MAAM,CAAEX,IAAK,CAAE,CAAC,EAAG;MAChCA,IAAI,GAAG,IAAAzB,cAAO,EAAEyB,IAAI,CAACQ,OAAO,CAAE,GAAG,EAAE,GAAI,CAAC,EAAEnC,UAAW,CAAC;MACtD,MAAMqB,UAAU,GAAG,IAAI,CAACC,aAAa,CAAEK,IAAK,CAAC;MAE7C,IAAKrB,UAAU,KAAKe,UAAU,EAAG;QAChC,IAAI,CAACD,QAAQ,CAAE;UAAEd,UAAU,EAAEe;QAAW,CAAE,CAAC;QAC3C,IAAI,CAAC/B,oBAAoB,CAAG,GAAG+B,UAAY,EAAE,CAAC;QAC9C,IAAI,CAAChC,KAAK,CAAC4C,QAAQ,CAAEZ,UAAW,CAAC;MAClC;IACD;EACD;EAEA/B,oBAAoBA,CAAEO,KAAK,EAAG;IAC7B;IACA,MAAM0C,YAAY,GAAG,IAAAC,aAAO,EAAE,IAAAC,QAAE,EAAE,qBAAsB,CAAC,EAAE5C,KAAM,CAAC;IAClE6C,8BAAiB,CAACC,wBAAwB,CAAEJ,YAAa,CAAC;EAC3D;EAEAK,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEC,wBAAwB;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAG,IAAI,CAAC1D,KAAK;IAChE,MAAM;MAAEc,SAAS;MAAEG,UAAU;MAAEE;IAAS,CAAC,GAAG,IAAI,CAACH,KAAK;IAEtD,MAAM2C,cAAc,GAAGH,wBAAwB,CAC9CI,eAAM,CAACC,SAAS,EAChBD,eAAM,CAACE,aACR,CAAC;IAED,MAAMC,iBAAiB,GAAGP,wBAAwB,CACjDI,eAAM,CAACI,YAAY,EACnBJ,eAAM,CAACK,gBACR,CAAC;IAED,MAAMC,iBAAiB,GAAG,CACzBP,cAAc,EACdQ,qBAAY,CAACC,WAAW,EACxBjD,QAAQ,IAAIgD,qBAAY,CAACE,UAAU,CACnC;IAED,MAAMC,eAAe,GAAG,CACvB3E,qBAAQ,CAAC4E,MAAM,CAAE;MAChBC,OAAO,EAAEN,iBAAiB;MAC1BO,GAAG,EAAEV;IACN,CAAE,CAAC,EACH;MACCW,KAAK,EAAE,EAAE,GAAG5D,SAAS;MACrB6D,gBAAgB,EAAElB,QAAQ,GAAG,CAAC,GAAG;IAClC,CAAC,CACD;IAED,OACC,IAAAmB,MAAA,CAAAC,aAAA,EAAC5F,YAAA,CAAA6F,wBAAwB;MACxBC,OAAO,EAAG,IAAI,CAAC5E,YAAc;MAC7B6E,UAAU,EAAG;IAAO,GAEpB,IAAAJ,MAAA,CAAAC,aAAA,EAAC5F,YAAA,CAAAgG,IAAI;MACJC,KAAK,EAAG,CACPtB,eAAM,CAACuB,kBAAkB,EACzBzF,KAAK,IAAIwE,iBAAiB,CACxB;MACHc,UAAU,EAAG;IAAO,GAElBtF,KAAK,IAAIyB,QAAQ,GAClB,IAAAyD,MAAA,CAAAC,aAAA,EAAC5F,YAAA,CAAAmG,SAAS;MACTC,kBAAkB,EAAG3B,KAAO;MAC5B4B,GAAG,EAAKC,CAAC,IAAQ,IAAI,CAACrD,eAAe,GAAGqD,CAAK;MAC7CL,KAAK,EAAGZ,eAAiB;MACzB/D,YAAY,EAAG,IAAI,CAACA,YAAc;MAClCD,eAAe,EAAG,IAAI,CAACA,eAAiB;MACxCkF,OAAO,EAAG,IAAI,CAACrF,YAAc;MAC7BsF,MAAM,EAAG,IAAI,CAACrF,WAAa;MAC3BsF,YAAY,EAAC,SAAS;MACtBC,aAAa,EAAC,MAAM;MACpBC,aAAa,EAAG,CAAG;MACnBnF,YAAY,EAAI,GAAGQ,UAAY,EAAG;MAClCT,KAAK,EAAGS,UAAU,CAAC4E,QAAQ,CAAC,CAAG;MAC/BC,aAAa,EAAG3E,QAAQ,GAAG,MAAM,GAAG;IAAQ,CAC5C,CAAC,GAEF,IAAAyD,MAAA,CAAAC,aAAA,EAAC5F,YAAA,CAAA8G,IAAI;MACJb,KAAK,EAAGZ,eAAiB;MACzBsB,aAAa,EAAG,CAAG;MACnBI,aAAa,EAAC;IAAM,GAElB/E,UACG,CACN,EACCwC,QACG,CACmB,CAAC;EAE7B;AACD;AAAC,IAAAwC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,iCAAwB,EAAEvG,cAAe,CAAC","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/ripple.native.js CHANGED Viewed

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _rippleNative = _interopRequireDefault(require("./ripple.native.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -40,23 +40,26 @@ const TouchableRipple = ({
     // A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'
     // https://github.com/facebook/react-native/issues/6480
     const useForeground = _reactNative.Platform.OS === 'android' && _reactNative.Platform.Version >= ANDROID_VERSION_PIE && borderless;
-    return (0, _react.createElement)(_reactNative.TouchableNativeFeedback, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableNativeFeedback, {
       ...touchableProps,
       onPress: onPress,
       disabled: disabled,
       useForeground: useForeground,
-      background: _reactNative.TouchableNativeFeedback.Ripple(rippleColor, borderless)
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: [borderless && _rippleNative.default.overflow, style]
-    }, children));
+      background: _reactNative.TouchableNativeFeedback.Ripple(rippleColor, borderless),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [borderless && _rippleNative.default.overflow, style],
+        children: children
+      })
+    });
   }
-  return (0, _react.createElement)(_reactNative.TouchableOpacity, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
     ...touchableProps,
     onPress: onPress,
     disabled: disabled,
     activeOpacity: activeOpacity,
-    style: style
-  }, children);
+    style: style,
+    children: children
+  });
 };
 var _default = exports.default = (0, _compose.withPreferredColorScheme)(TouchableRipple);
 //# sourceMappingURL=ripple.native.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_compose","_rippleNative","_interopRequireDefault","ANDROID_VERSION_LOLLIPOP","ANDROID_VERSION_PIE","TouchableRipple","style","onPress","disabled","disabledProp","children","activeOpacity","getStylesFromColorScheme","borderless","touchableProps","isTouchableNativeSupported","Platform","OS","Version","rippleColor","rippleStyles","ripple","rippleDark","backgroundColor","useForeground","~~_react~~","~~createElement","~~TouchableNativeFeedback","background","Ripple","View","overflow","TouchableOpacity","_default","exports","default","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/bottom-sheet/ripple.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport {\n\tPlatform,\n\tTouchableOpacity,\n\tTouchableNativeFeedback,\n\tView,\n} from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport rippleStyles from './ripple.native.scss';\n\nconst ANDROID_VERSION_LOLLIPOP = 21;\nconst ANDROID_VERSION_PIE = 28;\n\nconst TouchableRipple = ( {\n\tstyle,\n\tonPress,\n\tdisabled: disabledProp,\n\tchildren,\n\tactiveOpacity,\n\tgetStylesFromColorScheme,\n\tborderless = false,\n\t...touchableProps\n} ) => {\n\tconst isTouchableNativeSupported =\n\t\tPlatform.OS === 'android' &&\n\t\tPlatform.Version >= ANDROID_VERSION_LOLLIPOP;\n\n\tconst disabled = disabledProp \|\| ! onPress;\n\tconst rippleColor = getStylesFromColorScheme(\n\t\trippleStyles.ripple,\n\t\trippleStyles.rippleDark\n\t).backgroundColor;\n\n\tif ( isTouchableNativeSupported ) {\n\t\t// A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'\n\t\t// https://github.com/facebook/react-native/issues/6480\n\t\tconst useForeground =\n\t\t\tPlatform.OS === 'android' &&\n\t\t\tPlatform.Version >= ANDROID_VERSION_PIE &&\n\t\t\tborderless;\n\n\t\treturn (\n\t\t\t<TouchableNativeFeedback\n\t\t\t\t{ ...touchableProps }\n\t\t\t\tonPress={ onPress }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tuseForeground={ useForeground }\n\t\t\t\tbackground={ TouchableNativeFeedback.Ripple(\n\t\t\t\t\trippleColor,\n\t\t\t\t\tborderless\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<View style={ [ borderless && rippleStyles.overflow, style ] }>\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableNativeFeedback>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\t{ ...touchableProps }\n\t\t\tonPress={ onPress }\n\t\t\tdisabled={ disabled }\n\t\t\tactiveOpacity={ activeOpacity }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</TouchableOpacity>\n\t);\n};\n\nexport default withPreferredColorScheme( TouchableRipple );\n"],"mappings":"~~;;;;;;;;~~AAGA,IAAAA,YAAA,GAAAC,OAAA;AAUA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;~~AAlBA~~;AACA;AACA;;AAQA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,~~MAAMI~~,wBAAwB,GAAG,EAAE;AACnC,MAAMC,mBAAmB,GAAG,EAAE;AAE9B,MAAMC,eAAe,GAAGA,CAAE;EACzBC,KAAK;EACLC,OAAO;EACPC,QAAQ,EAAEC,YAAY;EACtBC,QAAQ;EACRC,aAAa;EACbC,wBAAwB;EACxBC,UAAU,GAAG,KAAK;EAClB,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,0BAA0B,GAC/BC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IACzBD,qBAAQ,CAACE,OAAO,IAAIf,wBAAwB;EAE7C,MAAMK,QAAQ,GAAGC,YAAY,IAAI,CAAEF,OAAO;EAC1C,MAAMY,WAAW,GAAGP,wBAAwB,CAC3CQ,qBAAY,CAACC,MAAM,EACnBD,qBAAY,CAACE,UACd,CAAC,CAACC,eAAe;EAEjB,IAAKR,0BAA0B,EAAG;IACjC;IACA;IACA,MAAMS,aAAa,GAClBR,qBAAQ,CAACC,EAAE,KAAK,SAAS,IACzBD,qBAAQ,CAACE,OAAO,IAAId,mBAAmB,IACvCS,UAAU;IAEX,~~OACC~~,~~IAAAY~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,EAAC5B,YAAA,CAAA6B,uBAAuB;MAAA,~~GAClBb~~,cAAc;MACnBP,OAAO,EAAGA,OAAS;MACnBC,QAAQ,EAAGA,QAAU;MACrBgB,aAAa,EAAGA,aAAe;MAC/BI,UAAU,EAAGD,oCAAuB,CAACE,MAAM,~~CAC1CV~~,WAAW,EACXN,UACD;~~IAAG~~,~~GAEH~~,~~IAAAY~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,EAAC5B,YAAA,CAAAgC,IAAI;~~MAACxB~~,KAAK,EAAG,CAAEO,UAAU,IAAIO,qBAAY,~~CAACW~~,QAAQ,~~EAAEzB~~,KAAK;~~IAAI~~,~~GAC3DI~~,~~QACG~~,~~CACkB~~,CAAC;EAE5B;EAEA,~~OACC~~,~~IAAAe~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,EAAC5B,YAAA,CAAAkC,gBAAgB;IAAA,~~GACXlB~~,cAAc;IACnBP,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA,QAAU;IACrBG,aAAa,EAAGA,aAAe;IAC/BL,KAAK,EAAGA;~~EAAO~~,~~GAEbI~~,~~QACe~~,CAAC;AAErB,CAAC;AAAC,~~IAAAuB~~,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,iCAAwB,~~EAAE/B~~,eAAgB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_reactNative","require","_compose","_rippleNative","_interopRequireDefault","_jsxRuntime","ANDROID_VERSION_LOLLIPOP","ANDROID_VERSION_PIE","TouchableRipple","style","onPress","disabled","disabledProp","children","activeOpacity","getStylesFromColorScheme","borderless","touchableProps","isTouchableNativeSupported","Platform","OS","Version","rippleColor","rippleStyles","ripple","rippleDark","backgroundColor","useForeground","jsx","TouchableNativeFeedback","background","Ripple","View","overflow","TouchableOpacity","_default","exports","default","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/bottom-sheet/ripple.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport {\n\tPlatform,\n\tTouchableOpacity,\n\tTouchableNativeFeedback,\n\tView,\n} from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport rippleStyles from './ripple.native.scss';\n\nconst ANDROID_VERSION_LOLLIPOP = 21;\nconst ANDROID_VERSION_PIE = 28;\n\nconst TouchableRipple = ( {\n\tstyle,\n\tonPress,\n\tdisabled: disabledProp,\n\tchildren,\n\tactiveOpacity,\n\tgetStylesFromColorScheme,\n\tborderless = false,\n\t...touchableProps\n} ) => {\n\tconst isTouchableNativeSupported =\n\t\tPlatform.OS === 'android' &&\n\t\tPlatform.Version >= ANDROID_VERSION_LOLLIPOP;\n\n\tconst disabled = disabledProp \|\| ! onPress;\n\tconst rippleColor = getStylesFromColorScheme(\n\t\trippleStyles.ripple,\n\t\trippleStyles.rippleDark\n\t).backgroundColor;\n\n\tif ( isTouchableNativeSupported ) {\n\t\t// A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'\n\t\t// https://github.com/facebook/react-native/issues/6480\n\t\tconst useForeground =\n\t\t\tPlatform.OS === 'android' &&\n\t\t\tPlatform.Version >= ANDROID_VERSION_PIE &&\n\t\t\tborderless;\n\n\t\treturn (\n\t\t\t<TouchableNativeFeedback\n\t\t\t\t{ ...touchableProps }\n\t\t\t\tonPress={ onPress }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tuseForeground={ useForeground }\n\t\t\t\tbackground={ TouchableNativeFeedback.Ripple(\n\t\t\t\t\trippleColor,\n\t\t\t\t\tborderless\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<View style={ [ borderless && rippleStyles.overflow, style ] }>\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableNativeFeedback>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\t{ ...touchableProps }\n\t\t\tonPress={ onPress }\n\t\t\tdisabled={ disabled }\n\t\t\tactiveOpacity={ activeOpacity }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</TouchableOpacity>\n\t);\n};\n\nexport default withPreferredColorScheme( TouchableRipple );\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAUA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAgD,IAAAI,WAAA,GAAAJ,OAAA;AAlBhD;AACA;AACA;;AAQA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMK,wBAAwB,GAAG,EAAE;AACnC,MAAMC,mBAAmB,GAAG,EAAE;AAE9B,MAAMC,eAAe,GAAGA,CAAE;EACzBC,KAAK;EACLC,OAAO;EACPC,QAAQ,EAAEC,YAAY;EACtBC,QAAQ;EACRC,aAAa;EACbC,wBAAwB;EACxBC,UAAU,GAAG,KAAK;EAClB,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,0BAA0B,GAC/BC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IACzBD,qBAAQ,CAACE,OAAO,IAAIf,wBAAwB;EAE7C,MAAMK,QAAQ,GAAGC,YAAY,IAAI,CAAEF,OAAO;EAC1C,MAAMY,WAAW,GAAGP,wBAAwB,CAC3CQ,qBAAY,CAACC,MAAM,EACnBD,qBAAY,CAACE,UACd,CAAC,CAACC,eAAe;EAEjB,IAAKR,0BAA0B,EAAG;IACjC;IACA;IACA,MAAMS,aAAa,GAClBR,qBAAQ,CAACC,EAAE,KAAK,SAAS,IACzBD,qBAAQ,CAACE,OAAO,IAAId,mBAAmB,IACvCS,UAAU;IAEX,oBACC,IAAAX,WAAA,CAAAuB,GAAA,EAAC5B,YAAA,CAAA6B,uBAAuB;MAAA,GAClBZ,cAAc;MACnBP,OAAO,EAAGA,OAAS;MACnBC,QAAQ,EAAGA,QAAU;MACrBgB,aAAa,EAAGA,aAAe;MAC/BG,UAAU,EAAGD,oCAAuB,CAACE,MAAM,CAC1CT,WAAW,EACXN,UACD,CAAG;MAAAH,QAAA,eAEH,IAAAR,WAAA,CAAAuB,GAAA,EAAC5B,YAAA,CAAAgC,IAAI;QAACvB,KAAK,EAAG,CAAEO,UAAU,IAAIO,qBAAY,CAACU,QAAQ,EAAExB,KAAK,CAAI;QAAAI,QAAA,EAC3DA;MAAQ,CACL;IAAC,CACiB,CAAC;EAE5B;EAEA,oBACC,IAAAR,WAAA,CAAAuB,GAAA,EAAC5B,YAAA,CAAAkC,gBAAgB;IAAA,GACXjB,cAAc;IACnBP,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA,QAAU;IACrBG,aAAa,EAAGA,aAAe;IAC/BL,KAAK,EAAGA,KAAO;IAAAI,QAAA,EAEbA;EAAQ,CACO,CAAC;AAErB,CAAC;AAAC,IAAAsB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,iCAAwB,EAAE9B,eAAgB,CAAC","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
@@ -15,6 +14,7 @@ var _stepper = _interopRequireDefault(require("./stepper"));
 var _style = _interopRequireDefault(require("./style.scss"));
 var _rangeTextInput = _interopRequireDefault(require("../range-text-input"));
 var _utils = require("../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -162,7 +162,7 @@ class BottomSheetStepperCell extends _element.Component {
     const accessibilityLabel = (0, _i18n.sprintf)( /* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */
     (0, _i18n.__)('%1$s. %2$s is %3$s %4$s.'), label, settingLabel, value, unitLabel);
     const containerStyle = [_style.default.rowContainer, isIOS ? _style.default.containerIOS : _style.default.containerAndroid];
-    return (0, _react.createElement)(_reactNative.View, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       accessible: true,
       accessibilityRole: "adjustable",
       accessibilityLabel: accessibilityLabel,
@@ -188,39 +188,45 @@ class BottomSheetStepperCell extends _element.Component {
             }
             break;
         }
-      }
-    }, (0, _react.createElement)(_reactNative.View, {
-      importantForAccessibility: "no-hide-descendants"
-    }, (0, _react.createElement)(_cell.default, {
-      accessible: false,
-      cellContainerStyle: [_style.default.cellContainerStyle, preview && _style.default.columnContainer, cellContainerStyle],
-      cellRowContainerStyle: preview ? containerStyle : _style.default.cellRowStyles,
-      editable: false,
-      icon: icon,
-      label: label,
-      labelStyle: labelStyle,
-      leftAlign: true,
-      separatorType: separatorType,
-      disabled: disabled
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: preview && containerStyle
-    }, preview, (0, _react.createElement)(_stepper.default, {
-      isMaxValue: isMaxValue,
-      isMinValue: isMinValue,
-      onPressInDecrement: this.onDecrementValuePressIn,
-      onPressInIncrement: this.onIncrementValuePressIn,
-      onPressOut: this.onPressOut,
-      value: value,
-      shouldDisplayTextInput: shouldDisplayTextInput
-    }, shouldDisplayTextInput && (0, _react.createElement)(_rangeTextInput.default, {
-      label: label,
-      onChange: onChange,
-      defaultValue: `${inputValue}`,
-      value: value,
-      min: min,
-      step: 1,
-      decimalNum: decimalNum
-    }, children))))));
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        importantForAccessibility: "no-hide-descendants",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_cell.default, {
+          accessible: false,
+          cellContainerStyle: [_style.default.cellContainerStyle, preview && _style.default.columnContainer, cellContainerStyle],
+          cellRowContainerStyle: preview ? containerStyle : _style.default.cellRowStyles,
+          editable: false,
+          icon: icon,
+          label: label,
+          labelStyle: labelStyle,
+          leftAlign: true,
+          separatorType: separatorType,
+          disabled: disabled,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: preview && containerStyle,
+            children: [preview, /*#__PURE__*/(0, _jsxRuntime.jsx)(_stepper.default, {
+              isMaxValue: isMaxValue,
+              isMinValue: isMinValue,
+              onPressInDecrement: this.onDecrementValuePressIn,
+              onPressInIncrement: this.onIncrementValuePressIn,
+              onPressOut: this.onPressOut,
+              value: value,
+              shouldDisplayTextInput: shouldDisplayTextInput,
+              children: shouldDisplayTextInput && /*#__PURE__*/(0, _jsxRuntime.jsx)(_rangeTextInput.default, {
+                label: label,
+                onChange: onChange,
+                defaultValue: `${inputValue}`,
+                value: value,
+                min: min,
+                step: 1,
+                decimalNum: decimalNum,
+                children: children
+              })
+            })]
+          })
+        })
+      })
+    });
   }
 }
 BottomSheetStepperCell.defaultProps = {

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","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","_react","createElement","View","accessible","accessibilityRole","accessibilityHint","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","importantForAccessibility","default","columnContainer","cellRowContainerStyle","cellRowStyles","editable","leftAlign","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$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */\n\t\t\t__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\tlabel,\n\t\t\tsettingLabel,\n\t\t\tvalue,\n\t\t\tunitLabel\n\t\t);\n\n\t\tconst containerStyle = [\n\t\t\tstyles.rowContainer,\n\t\t\tisIOS ? styles.containerIOS : styles.containerAndroid,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\taccessible\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\n\t\t\t\taccessibilityActions={ [\n\t\t\t\t\t{ name: 'increment' },\n\t\t\t\t\t{ name: 'decrement' },\n\t\t\t\t\t{ name: 'activate' },\n\t\t\t\t] }\n\t\t\t\tonAccessibilityAction={ ( event ) => {\n\t\t\t\t\tswitch ( event.nativeEvent.actionName ) {\n\t\t\t\t\t\tcase 'increment':\n\t\t\t\t\t\t\tthis.onIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.onDecrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'activate':\n\t\t\t\t\t\t\tif ( openUnitPicker ) {\n\t\t\t\t\t\t\t\topenUnitPicker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyle,\n\t\t\t\t\t\t\tpreview && styles.columnContainer,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={\n\t\t\t\t\t\t\tpreview ? containerStyle : styles.cellRowStyles\n\t\t\t\t\t\t}\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tlabelStyle={ labelStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ preview && containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Stepper\n\t\t\t\t\t\t\t\tisMaxValue={ isMaxValue }\n\t\t\t\t\t\t\t\tisMinValue={ isMinValue }\n\t\t\t\t\t\t\t\tonPressInDecrement={\n\t\t\t\t\t\t\t\t\tthis.onDecrementValuePressIn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPressInIncrement={\n\t\t\t\t\t\t\t\t\tthis.onIncrementValuePressIn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPressOut={ this.onPressOut }\n\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\tshouldDisplayTextInput={\n\t\t\t\t\t\t\t\t\tshouldDisplayTextInput\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Stepper>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Cell>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nBottomSheetStepperCell.defaultProps = {\n\tstep: DEFAULT_STEP,\n};\n\nexport default withPreferredColorScheme( BottomSheetStepperCell );\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -35,34 +35,38 @@ function Stepper({
 }) {
   const valueStyle = getStylesFromColorScheme(_style.default.value, _style.default.valueTextDark);
   const buttonIconStyle = getStylesFromColorScheme(_style.default.buttonNoBg, _style.default.buttonNoBgTextDark);
-  return (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.container
-  }, (0, _react.createElement)(_reactNative.TouchableOpacity, {
-    disabled: isMinValue,
-    onPressIn: onPressInDecrement,
-    onPressOut: onPressOut,
-    style: [_style.default.buttonNoBg, isMinValue ? {
-      opacity: 0.4
-    } : null]
-  }, (0, _react.createElement)(_icons.Icon, {
-    icon: _icons.chevronDown,
-    size: 24,
-    color: buttonIconStyle.color
-  })), !shouldDisplayTextInput && (0, _react.createElement)(_reactNative.Text, {
-    style: [valueStyle, _style.default.spacings]
-  }, value), children, (0, _react.createElement)(_reactNative.TouchableOpacity, {
-    testID: 'Increment',
-    disabled: isMaxValue,
-    onPressIn: onPressInIncrement,
-    onPressOut: onPressOut,
-    style: [_style.default.buttonNoBg, isMaxValue ? {
-      opacity: 0.4
-    } : null]
-  }, (0, _react.createElement)(_icons.Icon, {
-    icon: _icons.chevronUp,
-    size: 24,
-    color: buttonIconStyle.color
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: _style.default.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      disabled: isMinValue,
+      onPressIn: onPressInDecrement,
+      onPressOut: onPressOut,
+      style: [_style.default.buttonNoBg, isMinValue ? {
+        opacity: 0.4
+      } : null],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        icon: _icons.chevronDown,
+        size: 24,
+        color: buttonIconStyle.color
+      })
+    }), !shouldDisplayTextInput && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [valueStyle, _style.default.spacings],
+      children: value
+    }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      testID: "Increment",
+      disabled: isMaxValue,
+      onPressIn: onPressInIncrement,
+      onPressOut: onPressOut,
+      style: [_style.default.buttonNoBg, isMaxValue ? {
+        opacity: 0.4
+      } : null],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        icon: _icons.chevronUp,
+        size: 24,
+        color: buttonIconStyle.color
+      })
+    })]
+  });
 }
 var _default = exports.default = (0, _compose.withPreferredColorScheme)(Stepper);
 //# sourceMappingURL=stepper.android.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_icons","_compose","_style","_interopRequireDefault","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","shouldDisplayTextInput","children","valueStyle","styles","valueTextDark","buttonIconStyle","buttonNoBg","buttonNoBgTextDark","~~_react~~","~~createElement","~~View","style","container","TouchableOpacity","disabled","onPressIn","opacity","Icon","icon","chevronDown","size","color","Text","spacings","testID","chevronUp","_default","exports","default","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.android.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { Icon, chevronDown, chevronUp } from '@wordpress/icons';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tshouldDisplayTextInput,\n\tchildren,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonIconStyle = getStylesFromColorScheme(\n\t\tstyles.buttonNoBg,\n\t\tstyles.buttonNoBgTextDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMinValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ [ valueStyle, styles.spacings ] }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID~~={ '~~Increment~~' }~~\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMaxValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"],"mappings":"~~;;;;;;;;~~AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;~~AAdA~~;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,~~SAASK~~,OAAOA,CAAE;EACjBC,wBAAwB;EACxBC,UAAU;EACVC,UAAU;EACVC,kBAAkB;EAClBC,kBAAkB;EAClBC,UAAU;EACVC,KAAK;EACLC,sBAAsB;EACtBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,wBAAwB,CAC1CU,cAAM,CAACJ,KAAK,EACZI,cAAM,CAACC,aACR,CAAC;EACD,MAAMC,eAAe,GAAGZ,wBAAwB,CAC/CU,cAAM,CAACG,UAAU,EACjBH,cAAM,CAACI,kBACR,CAAC;EAED,~~OACC~~,~~IAAAC~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,~~EAAGR~~,cAAM,~~CAACS~~;~~EAAW~~,~~GAC~~/B,~~IAAAJ~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,~~EAACvB~~,YAAA,~~CAAA2B~~,gBAAgB;~~IAChBC~~,QAAQ,EAAGnB,UAAY;~~IACvBoB~~,SAAS,EAAGnB,kBAAoB;~~IAChCE~~,UAAU,EAAGA,UAAY;~~IACzBa~~,KAAK,EAAG,~~CACPR~~,cAAM,CAACG,UAAU,EACjBX,UAAU,GAAG;~~MAAEqB~~,OAAO,EAAE;~~IAAI~~,CAAC,GAAG,IAAI;~~EAClC~~,~~GAEH~~,~~IAAAR~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,~~EAACrB~~,MAAA,~~CAAA6B~~,IAAI;~~IACJC~~,IAAI,EAAGC,kBAAa;~~IACpBC~~,IAAI,EAAG,EAAI;~~IACXC~~,KAAK,EAAGhB,eAAe,CAACgB;~~EAAO~~,CAC/B,~~CACgB~~,CAAC,EACjB,CAAErB,sBAAsB,~~IACzB~~,~~IAAAQ~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,~~EAACvB~~,YAAA,~~CAAAoC~~,IAAI;~~IAACX~~,KAAK,EAAG,~~CAAET~~,UAAU,EAAEC,cAAM,CAACoB,QAAQ;~~EAAI~~,~~GAAGxB~~,~~KAAa~~,CAC/D,EACCE,QAAQ,~~EACV~~,~~IAAAO~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,~~EAACvB~~,YAAA,~~CAAA2B~~,gBAAgB;~~IAChBW~~,MAAM,~~EAAG~~,~~WAAa~~;~~IACtBV~~,QAAQ,EAAGpB,UAAY;~~IACvBqB~~,SAAS,EAAGlB,kBAAoB;~~IAChCC~~,UAAU,EAAGA,UAAY;~~IACzBa~~,KAAK,EAAG,~~CACPR~~,cAAM,CAACG,UAAU,EACjBZ,UAAU,GAAG;~~MAAEsB~~,OAAO,EAAE;~~IAAI~~,CAAC,GAAG,IAAI;~~EAClC~~,~~GAEH~~,~~IAAAR~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,~~EAACrB~~,MAAA,~~CAAA6B~~,IAAI;~~IACJC~~,IAAI,EAAGO,gBAAW;~~IAClBL~~,IAAI,EAAG,EAAI;~~IACXC~~,KAAK,EAAGhB,eAAe,CAACgB;~~EAAO~~,CAC/B,~~CACgB~~,~~CACb~~,CAAC;AAET;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,iCAAwB,EAAErC,OAAQ,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_reactNative","require","_icons","_compose","_style","_interopRequireDefault","_jsxRuntime","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","shouldDisplayTextInput","children","valueStyle","styles","valueTextDark","buttonIconStyle","buttonNoBg","buttonNoBgTextDark","jsxs","View","style","container","jsx","TouchableOpacity","disabled","onPressIn","opacity","Icon","icon","chevronDown","size","color","Text","spacings","testID","chevronUp","_default","exports","default","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.android.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { Icon, chevronDown, chevronUp } from '@wordpress/icons';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tshouldDisplayTextInput,\n\tchildren,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonIconStyle = getStylesFromColorScheme(\n\t\tstyles.buttonNoBg,\n\t\tstyles.buttonNoBgTextDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMinValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ [ valueStyle, styles.spacings ] }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID=\"Increment\"\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMaxValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAkC,IAAAK,WAAA,GAAAL,OAAA;AAdlC;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASM,OAAOA,CAAE;EACjBC,wBAAwB;EACxBC,UAAU;EACVC,UAAU;EACVC,kBAAkB;EAClBC,kBAAkB;EAClBC,UAAU;EACVC,KAAK;EACLC,sBAAsB;EACtBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,wBAAwB,CAC1CU,cAAM,CAACJ,KAAK,EACZI,cAAM,CAACC,aACR,CAAC;EACD,MAAMC,eAAe,GAAGZ,wBAAwB,CAC/CU,cAAM,CAACG,UAAU,EACjBH,cAAM,CAACI,kBACR,CAAC;EAED,oBACC,IAAAhB,WAAA,CAAAiB,IAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAGP,cAAM,CAACQ,SAAW;IAAAV,QAAA,gBAC/B,IAAAV,WAAA,CAAAqB,GAAA,EAAC3B,YAAA,CAAA4B,gBAAgB;MAChBC,QAAQ,EAAGnB,UAAY;MACvBoB,SAAS,EAAGnB,kBAAoB;MAChCE,UAAU,EAAGA,UAAY;MACzBY,KAAK,EAAG,CACPP,cAAM,CAACG,UAAU,EACjBX,UAAU,GAAG;QAAEqB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAClC;MAAAf,QAAA,eAEH,IAAAV,WAAA,CAAAqB,GAAA,EAACzB,MAAA,CAAA8B,IAAI;QACJC,IAAI,EAAGC,kBAAa;QACpBC,IAAI,EAAG,EAAI;QACXC,KAAK,EAAGhB,eAAe,CAACgB;MAAO,CAC/B;IAAC,CACe,CAAC,EACjB,CAAErB,sBAAsB,iBACzB,IAAAT,WAAA,CAAAqB,GAAA,EAAC3B,YAAA,CAAAqC,IAAI;MAACZ,KAAK,EAAG,CAAER,UAAU,EAAEC,cAAM,CAACoB,QAAQ,CAAI;MAAAtB,QAAA,EAAGF;IAAK,CAAQ,CAC/D,EACCE,QAAQ,eACV,IAAAV,WAAA,CAAAqB,GAAA,EAAC3B,YAAA,CAAA4B,gBAAgB;MAChBW,MAAM,EAAC,WAAW;MAClBV,QAAQ,EAAGpB,UAAY;MACvBqB,SAAS,EAAGlB,kBAAoB;MAChCC,UAAU,EAAGA,UAAY;MACzBY,KAAK,EAAG,CACPP,cAAM,CAACG,UAAU,EACjBZ,UAAU,GAAG;QAAEsB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAClC;MAAAf,QAAA,eAEH,IAAAV,WAAA,CAAAqB,GAAA,EAACzB,MAAA,CAAA8B,IAAI;QACJC,IAAI,EAAGO,gBAAW;QAClBL,IAAI,EAAG,EAAI;QACXC,KAAK,EAAGhB,eAAe,CAACgB;MAAO,CAC/B;IAAC,CACe,CAAC;EAAA,CACd,CAAC;AAET;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,iCAAwB,EAAErC,OAAQ,CAAC","ignoreList":[]}

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _icons = require("@wordpress/icons");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -35,34 +35,38 @@ function Stepper({
 }) {
   const valueStyle = getStylesFromColorScheme(_style.default.value, _style.default.valueTextDark);
   const buttonStyle = getStylesFromColorScheme(_style.default.button, _style.default.buttonDark);
-  return (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.container
-  }, !shouldDisplayTextInput && (0, _react.createElement)(_reactNative.Text, {
-    style: valueStyle
-  }, value), children, (0, _react.createElement)(_reactNative.TouchableOpacity, {
-    disabled: isMinValue,
-    onPressIn: onPressInDecrement,
-    onPressOut: onPressOut,
-    style: [buttonStyle, isMinValue ? {
-      opacity: 0.4
-    } : null]
-  }, (0, _react.createElement)(_icons.Icon, {
-    icon: _icons.reset,
-    size: 24,
-    color: buttonStyle.color
-  })), (0, _react.createElement)(_reactNative.TouchableOpacity, {
-    testID: 'Increment',
-    disabled: isMaxValue,
-    onPressIn: onPressInIncrement,
-    onPressOut: onPressOut,
-    style: [buttonStyle, isMaxValue ? {
-      opacity: 0.4
-    } : null]
-  }, (0, _react.createElement)(_icons.Icon, {
-    icon: _icons.plus,
-    size: 24,
-    color: buttonStyle.color
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: _style.default.container,
+    children: [!shouldDisplayTextInput && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: valueStyle,
+      children: value
+    }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      disabled: isMinValue,
+      onPressIn: onPressInDecrement,
+      onPressOut: onPressOut,
+      style: [buttonStyle, isMinValue ? {
+        opacity: 0.4
+      } : null],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        icon: _icons.reset,
+        size: 24,
+        color: buttonStyle.color
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      testID: "Increment",
+      disabled: isMaxValue,
+      onPressIn: onPressInIncrement,
+      onPressOut: onPressOut,
+      style: [buttonStyle, isMaxValue ? {
+        opacity: 0.4
+      } : null],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        icon: _icons.plus,
+        size: 24,
+        color: buttonStyle.color
+      })
+    })]
+  });
 }
 var _default = exports.default = (0, _compose.withPreferredColorScheme)(Stepper);
 //# sourceMappingURL=stepper.ios.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_compose","_icons","_style","_interopRequireDefault","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","children","shouldDisplayTextInput","valueStyle","styles","valueTextDark","buttonStyle","button","buttonDark","~~_react~~","~~createElement","~~View","style","container","Text","TouchableOpacity","disabled","onPressIn","opacity","Icon","icon","reset","size","color","testID","plus","_default","exports","default","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.ios.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { Icon, plus, reset } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tchildren,\n\tshouldDisplayTextInput,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonStyle = getStylesFromColorScheme(\n\t\tstyles.button,\n\t\tstyles.buttonDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ valueStyle }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [ buttonStyle, isMinValue ? { opacity: 0.4 } : null ] }\n\t\t\t>\n\t\t\t\t<Icon icon={ reset } size={ 24 } color={ buttonStyle.color } />\n\t\t\t</TouchableOpacity>\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID~~={ '~~Increment~~' }~~\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [ buttonStyle, isMaxValue ? { opacity: 0.4 } : null ] }\n\t\t\t>\n\t\t\t\t<Icon icon={ plus } size={ 24 } color={ buttonStyle.color } />\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"],"mappings":"~~;;;;;;;;~~AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;~~AAdA~~;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,~~SAASK~~,OAAOA,CAAE;EACjBC,wBAAwB;EACxBC,UAAU;EACVC,UAAU;EACVC,kBAAkB;EAClBC,kBAAkB;EAClBC,UAAU;EACVC,KAAK;EACLC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,wBAAwB,CAC1CU,cAAM,CAACJ,KAAK,EACZI,cAAM,CAACC,aACR,CAAC;EACD,MAAMC,WAAW,GAAGZ,wBAAwB,CAC3CU,cAAM,CAACG,MAAM,EACbH,cAAM,CAACI,UACR,CAAC;EAED,~~OACC~~,~~IAAAC~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,~~EAAGR~~,cAAM,~~CAACS~~;~~EAAW~~,GAC7B,~~CAAEX~~,sBAAsB,~~IACzB~~,~~IAAAO~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,~~EAACvB~~,YAAA,~~CAAA2B~~,IAAI;~~IAACF~~,KAAK,~~EAAGT~~;~~EAAY~~,~~GAAGH~~,~~KAAa~~,CAC1C,EACCC,QAAQ,~~EACV~~,~~IAAAQ~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,~~EAACvB~~,YAAA,~~CAAA4B~~,gBAAgB;~~IAChBC~~,QAAQ,EAAGpB,UAAY;~~IACvBqB~~,SAAS,EAAGpB,kBAAoB;~~IAChCE~~,UAAU,EAAGA,UAAY;~~IACzBa~~,KAAK,EAAG,~~CAAEN~~,WAAW,EAAEV,UAAU,GAAG;~~MAAEsB~~,OAAO,EAAE;~~IAAI~~,CAAC,GAAG,IAAI;~~EAAI~~,~~GAE~~/D,IAAAT,~~MAAA~~,~~CAAAC~~,~~aAAA~~,~~EAACpB~~,MAAA,~~CAAA6B~~,IAAI;~~IAACC~~,IAAI,EAAGC,YAAO;~~IAACC~~,IAAI,EAAG,EAAI;~~IAACC~~,KAAK,EAAGjB,WAAW,CAACiB;~~EAAO~~,CAAE,~~CAC7C~~,CAAC,~~EACnB~~,~~IAAAd~~,~~MAAA~~,~~CAAAC~~,~~aAAA~~,~~EAACvB~~,YAAA,~~CAAA4B~~,gBAAgB;~~IAChBS~~,MAAM,~~EAAG~~,~~WAAa~~;~~IACtBR~~,QAAQ,EAAGrB,UAAY;~~IACvBsB~~,SAAS,EAAGnB,kBAAoB;~~IAChCC~~,UAAU,EAAGA,UAAY;~~IACzBa~~,KAAK,EAAG,~~CAAEN~~,WAAW,EAAEX,UAAU,GAAG;~~MAAEuB~~,OAAO,EAAE;~~IAAI~~,CAAC,GAAG,IAAI;~~EAAI~~,~~GAE~~/D,IAAAT,~~MAAA~~,~~CAAAC~~,~~aAAA~~,~~EAACpB~~,MAAA,~~CAAA6B~~,IAAI;~~IAACC~~,IAAI,EAAGK,WAAM;~~IAACH~~,IAAI,EAAG,EAAI;~~IAACC~~,KAAK,EAAGjB,WAAW,CAACiB;~~EAAO~~,CAAE,~~CAC5C~~,~~CACb~~,CAAC;AAET;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,iCAAwB,EAAEpC,OAAQ,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_reactNative","require","_compose","_icons","_style","_interopRequireDefault","_jsxRuntime","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","children","shouldDisplayTextInput","valueStyle","styles","valueTextDark","buttonStyle","button","buttonDark","jsxs","View","style","container","jsx","Text","TouchableOpacity","disabled","onPressIn","opacity","Icon","icon","reset","size","color","testID","plus","_default","exports","default","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.ios.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { Icon, plus, reset } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tchildren,\n\tshouldDisplayTextInput,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonStyle = getStylesFromColorScheme(\n\t\tstyles.button,\n\t\tstyles.buttonDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ valueStyle }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [ buttonStyle, isMinValue ? { opacity: 0.4 } : null ] }\n\t\t\t>\n\t\t\t\t<Icon icon={ reset } size={ 24 } color={ buttonStyle.color } />\n\t\t\t</TouchableOpacity>\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID=\"Increment\"\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [ buttonStyle, isMaxValue ? { opacity: 0.4 } : null ] }\n\t\t\t>\n\t\t\t\t<Icon icon={ plus } size={ 24 } color={ buttonStyle.color } />\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAkC,IAAAK,WAAA,GAAAL,OAAA;AAdlC;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASM,OAAOA,CAAE;EACjBC,wBAAwB;EACxBC,UAAU;EACVC,UAAU;EACVC,kBAAkB;EAClBC,kBAAkB;EAClBC,UAAU;EACVC,KAAK;EACLC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,wBAAwB,CAC1CU,cAAM,CAACJ,KAAK,EACZI,cAAM,CAACC,aACR,CAAC;EACD,MAAMC,WAAW,GAAGZ,wBAAwB,CAC3CU,cAAM,CAACG,MAAM,EACbH,cAAM,CAACI,UACR,CAAC;EAED,oBACC,IAAAhB,WAAA,CAAAiB,IAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAGP,cAAM,CAACQ,SAAW;IAAAX,QAAA,GAC7B,CAAEC,sBAAsB,iBACzB,IAAAV,WAAA,CAAAqB,GAAA,EAAC3B,YAAA,CAAA4B,IAAI;MAACH,KAAK,EAAGR,UAAY;MAAAF,QAAA,EAAGD;IAAK,CAAQ,CAC1C,EACCC,QAAQ,eACV,IAAAT,WAAA,CAAAqB,GAAA,EAAC3B,YAAA,CAAA6B,gBAAgB;MAChBC,QAAQ,EAAGpB,UAAY;MACvBqB,SAAS,EAAGpB,kBAAoB;MAChCE,UAAU,EAAGA,UAAY;MACzBY,KAAK,EAAG,CAAEL,WAAW,EAAEV,UAAU,GAAG;QAAEsB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAAI;MAAAjB,QAAA,eAE/D,IAAAT,WAAA,CAAAqB,GAAA,EAACxB,MAAA,CAAA8B,IAAI;QAACC,IAAI,EAAGC,YAAO;QAACC,IAAI,EAAG,EAAI;QAACC,KAAK,EAAGjB,WAAW,CAACiB;MAAO,CAAE;IAAC,CAC9C,CAAC,eACnB,IAAA/B,WAAA,CAAAqB,GAAA,EAAC3B,YAAA,CAAA6B,gBAAgB;MAChBS,MAAM,EAAC,WAAW;MAClBR,QAAQ,EAAGrB,UAAY;MACvBsB,SAAS,EAAGnB,kBAAoB;MAChCC,UAAU,EAAGA,UAAY;MACzBY,KAAK,EAAG,CAAEL,WAAW,EAAEX,UAAU,GAAG;QAAEuB,OAAO,EAAE;MAAI,CAAC,GAAG,IAAI,CAAI;MAAAjB,QAAA,eAE/D,IAAAT,WAAA,CAAAqB,GAAA,EAACxB,MAAA,CAAA8B,IAAI;QAACC,IAAI,EAAGK,WAAM;QAACH,IAAI,EAAG,EAAI;QAACC,KAAK,EAAGjB,WAAW,CAACiB;MAAO,CAAE;IAAC,CAC7C,CAAC;EAAA,CACd,CAAC;AAET;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,iCAAwB,EAAEpC,OAAQ,CAAC","ignoreList":[]}

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

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
+var _bottomSheetContext = require("../bottom-sheet-context");
+var _slotFill = require("../../../slot-fill");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -16,10 +17,14 @@ var _components = require("@wordpress/components");
  * WordPress dependencies
  */
+/**
+ * Internal dependencies
+ */
 const {
   Fill,
   Slot
-} = (0, _components.createSlotFill)('BottomSheetSubSheet');
+} = (0, _slotFill.createSlotFill)('BottomSheetSubSheet');
 const BottomSheetSubSheet = ({
   children,
   navigationButton,
@@ -28,7 +33,7 @@ const BottomSheetSubSheet = ({
 }) => {
   const {
     setIsFullScreen
-  } = (0, _element.useContext)(_components.BottomSheetContext);
+  } = (0, _element.useContext)(_bottomSheetContext.BottomSheetContext);
   (0, _element.useEffect)(() => {
     if (showSheet) {
       setIsFullScreen(isFullScreen);
@@ -37,7 +42,13 @@ const BottomSheetSubSheet = ({
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [showSheet, isFullScreen]);
-  return (0, _react.createElement)(_react.Fragment, null, showSheet && (0, _react.createElement)(Fill, null, (0, _react.createElement)(_reactNative.SafeAreaView, null, children)), _element.Children.count(children) > 0 && navigationButton);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [showSheet && /*#__PURE__*/(0, _jsxRuntime.jsx)(Fill, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+        children: children
+      })
+    }), _element.Children.count(children) > 0 && navigationButton]
+  });
 };
 BottomSheetSubSheet.Slot = Slot;
 BottomSheetSubSheet.screenName = 'BottomSheetSubSheet';