@wordpress/components 17.0.0 → 19.0.2

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

@@ -154,11 +154,12 @@ class RangeTextInput extends Component {
     this.updateValue(value);
   }
 
-  onSubmitEditing({
-    nativeEvent: {
-      text
-    }
-  }) {
+  onSubmitEditing(_ref) {
+    let {
+      nativeEvent: {
+        text
+      }
+    } = _ref;
     const {
       decimalNum
     } = this.props;

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/range-text-input.native.js"],"names":["AccessibilityInfo","View","TextInput","PixelRatio","AppState","Platform","Text","TouchableWithoutFeedback","Component","withPreferredColorScheme","__","sprintf","toFixed","removeNonDigit","styles","borderStyles","isIOS","OS","RangeTextInput","constructor","props","announceCurrentValue","bind","onInputFocus","onInputBlur","handleChangePixelRatio","onSubmitEditing","onChangeText","value","defaultValue","min","decimalNum","initialValue","fontScale","getFontScale","state","inputValue","controlValue","hasFocus","componentDidMount","addEventListener","componentWillUnmount","removeEventListener","clearTimeout","timeoutAnnounceValue","componentDidUpdate","prevProps","prevState","setState","validValue","validateInput","_valueTextInput","focus","nextAppState","text","max","result","Math","updateValue","onChange","textValue","replace","nativeEvent","isNaN","Number","announcement","announceForAccessibility","render","getStylesFromColorScheme","children","label","textInputStyle","textInput","textInputDark","textInputIOSStyle","textInputIOS","textInputIOSDark","inputBorderStyles","borderStyle","isSelected","valueFinalStyle","select","android","ios","width","borderRightWidth","textInputContainer","c","toString"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tAccessibilityInfo,\n\tView,\n\tTextInput,\n\tPixelRatio,\n\tAppState,\n\tPlatform,\n\tText,\n\tTouchableWithoutFeedback,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { toFixed, removeNonDigit } from '../utils';\nimport styles from './styles.scss';\nimport borderStyles from './borderStyles.scss';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass RangeTextInput extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.announceCurrentValue = this.announceCurrentValue.bind( this );\n\t\tthis.onInputFocus = this.onInputFocus.bind( this );\n\t\tthis.onInputBlur = this.onInputBlur.bind( this );\n\t\tthis.handleChangePixelRatio = this.handleChangePixelRatio.bind( this );\n\t\tthis.onSubmitEditing = this.onSubmitEditing.bind( this );\n\t\tthis.onChangeText = this.onChangeText.bind( this );\n\n\t\tconst { value, defaultValue, min, decimalNum } = props;\n\t\tconst initialValue = toFixed(\n\t\t\tvalue || defaultValue || min,\n\t\t\tdecimalNum\n\t\t);\n\n\t\tconst fontScale = this.getFontScale();\n\n\t\tthis.state = {\n\t\t\tfontScale,\n\t\t\tinputValue: initialValue,\n\t\t\tcontrolValue: initialValue,\n\t\t\thasFocus: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tAppState.addEventListener( 'change', this.handleChangePixelRatio );\n\t}\n\n\tcomponentWillUnmount() {\n\t\tAppState.removeEventListener( 'change', this.handleChangePixelRatio );\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tconst { value } = this.props;\n\t\tconst { hasFocus, inputValue } = this.state;\n\n\t\tif ( prevProps.value !== value ) {\n\t\t\tthis.setState( { inputValue: value } );\n\t\t}\n\n\t\tif ( prevState.hasFocus !== hasFocus ) {\n\t\t\tconst validValue = this.validateInput( inputValue );\n\t\t\tthis.setState( { inputValue: validValue } );\n\t\t}\n\n\t\tif ( ! prevState.hasFocus && hasFocus ) {\n\t\t\tthis._valueTextInput.focus();\n\t\t}\n\t}\n\n\tgetFontScale() {\n\t\treturn PixelRatio.getFontScale() < 1 ? 1 : PixelRatio.getFontScale();\n\t}\n\n\thandleChangePixelRatio( nextAppState ) {\n\t\tif ( nextAppState === 'active' ) {\n\t\t\tthis.setState( { fontScale: this.getFontScale() } );\n\t\t}\n\t}\n\n\tonInputFocus() {\n\t\tthis.setState( {\n\t\t\thasFocus: true,\n\t\t} );\n\t}\n\n\tonInputBlur() {\n\t\tconst { inputValue } = this.state;\n\t\tthis.onChangeText( `${ inputValue }` );\n\t\tthis.setState( {\n\t\t\thasFocus: false,\n\t\t} );\n\t}\n\n\tvalidateInput( text ) {\n\t\tconst { min, max, decimalNum } = this.props;\n\t\tlet result = min;\n\t\tif ( ! text ) {\n\t\t\treturn min;\n\t\t}\n\n\t\tif ( typeof text === 'number' ) {\n\t\t\tresult = Math.max( text, min );\n\t\t\treturn max ? Math.min( result, max ) : result;\n\t\t}\n\n\t\tresult = Math.max( removeNonDigit( text, decimalNum ), min );\n\t\treturn max ? Math.min( result, max ) : result;\n\t}\n\n\tupdateValue( value ) {\n\t\tconst { onChange } = this.props;\n\t\tconst validValue = this.validateInput( value );\n\n\t\tthis.announceCurrentValue( `${ validValue }` );\n\n\t\tonChange( validValue );\n\t}\n\n\tonChangeText( textValue ) {\n\t\tconst { decimalNum } = this.props;\n\t\tconst inputValue = removeNonDigit( textValue, decimalNum );\n\n\t\ttextValue = inputValue.replace( ',', '.' );\n\t\ttextValue = toFixed( textValue, decimalNum );\n\t\tconst value = this.validateInput( textValue );\n\t\tthis.setState( {\n\t\t\tinputValue,\n\t\t\tcontrolValue: value,\n\t\t} );\n\t\tthis.updateValue( value );\n\t}\n\n\tonSubmitEditing( { nativeEvent: { text } } ) {\n\t\tconst { decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tif ( ! isNaN( Number( text ) ) ) {\n\t\t\ttext = toFixed( text.replace( ',', '.' ), decimalNum );\n\t\t\tconst validValue = this.validateInput( text );\n\n\t\t\tif ( inputValue !== validValue ) {\n\t\t\t\tthis.setState( { inputValue: validValue } );\n\t\t\t\tthis.announceCurrentValue( `${ validValue }` );\n\t\t\t\tthis.props.onChange( validValue );\n\t\t\t}\n\t\t}\n\t}\n\n\tannounceCurrentValue( value ) {\n\t\t/* translators: %s: current cell value. */\n\t\tconst announcement = sprintf( __( 'Current value is %s' ), value );\n\t\tAccessibilityInfo.announceForAccessibility( announcement );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, children, label } = this.props;\n\t\tconst { fontScale, inputValue, hasFocus } = this.state;\n\n\t\tconst textInputStyle = getStylesFromColorScheme(\n\t\t\tstyles.textInput,\n\t\t\tstyles.textInputDark\n\t\t);\n\n\t\tconst textInputIOSStyle = getStylesFromColorScheme(\n\t\t\tstyles.textInputIOS,\n\t\t\tstyles.textInputIOSDark\n\t\t);\n\n\t\tconst inputBorderStyles = [\n\t\t\ttextInputStyle,\n\t\t\tborderStyles.borderStyle,\n\t\t\thasFocus && borderStyles.isSelected,\n\t\t];\n\n\t\tconst valueFinalStyle = [\n\t\t\tPlatform.select( {\n\t\t\t\tandroid: inputBorderStyles,\n\t\t\t\tios: textInputIOSStyle,\n\t\t\t} ),\n\t\t\t{\n\t\t\t\twidth: 50 * fontScale,\n\t\t\t\tborderRightWidth: children ? 1 : 0,\n\t\t\t},\n\t\t];\n\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ this.onInputFocus }\n\t\t\t\taccessible={ false }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.textInputContainer,\n\t\t\t\t\t\tisIOS && inputBorderStyles,\n\t\t\t\t\t] }\n\t\t\t\t\taccessible={ false }\n\t\t\t\t>\n\t\t\t\t\t{ isIOS || hasFocus ? (\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\taccessibilityLabel={ label }\n\t\t\t\t\t\t\tref={ ( c ) => ( this._valueTextInput = c ) }\n\t\t\t\t\t\t\tstyle={ valueFinalStyle }\n\t\t\t\t\t\t\tonChangeText={ this.onChangeText }\n\t\t\t\t\t\t\tonSubmitEditing={ this.onSubmitEditing }\n\t\t\t\t\t\t\tonFocus={ this.onInputFocus }\n\t\t\t\t\t\t\tonBlur={ this.onInputBlur }\n\t\t\t\t\t\t\tkeyboardType=\"numeric\"\n\t\t\t\t\t\t\treturnKeyType=\"done\"\n\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\tvalue={ inputValue.toString() }\n\t\t\t\t\t\t\tpointerEvents={ hasFocus ? 'auto' : 'none' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={ valueFinalStyle }\n\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\tellipsizeMode=\"clip\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ inputValue }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( RangeTextInput );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/range-text-input.native.js"],"names":["AccessibilityInfo","View","TextInput","PixelRatio","AppState","Platform","Text","TouchableWithoutFeedback","Component","withPreferredColorScheme","__","sprintf","toFixed","removeNonDigit","styles","borderStyles","isIOS","OS","RangeTextInput","constructor","props","announceCurrentValue","bind","onInputFocus","onInputBlur","handleChangePixelRatio","onSubmitEditing","onChangeText","value","defaultValue","min","decimalNum","initialValue","fontScale","getFontScale","state","inputValue","controlValue","hasFocus","componentDidMount","addEventListener","componentWillUnmount","removeEventListener","clearTimeout","timeoutAnnounceValue","componentDidUpdate","prevProps","prevState","setState","validValue","validateInput","_valueTextInput","focus","nextAppState","text","max","result","Math","updateValue","onChange","textValue","replace","nativeEvent","isNaN","Number","announcement","announceForAccessibility","render","getStylesFromColorScheme","children","label","textInputStyle","textInput","textInputDark","textInputIOSStyle","textInputIOS","textInputIOSDark","inputBorderStyles","borderStyle","isSelected","valueFinalStyle","select","android","ios","width","borderRightWidth","textInputContainer","c","toString"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,iBADD,EAECC,IAFD,EAGCC,SAHD,EAICC,UAJD,EAKCC,QALD,EAMCC,QAND,EAOCC,IAPD,EAQCC,wBARD,QASO,cATP;AAWA;AACA;AACA;;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AAEA;AACA;AACA;;AACA,SAASC,OAAT,EAAkBC,cAAlB,QAAwC,UAAxC;AACA,OAAOC,MAAP,MAAmB,eAAnB;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AAEA,MAAMC,KAAK,GAAGX,QAAQ,CAACY,EAAT,KAAgB,KAA9B;;AAEA,MAAMC,cAAN,SAA6BV,SAA7B,CAAuC;AACtCW,EAAAA,WAAW,CAAEC,KAAF,EAAU;AACpB,UAAOA,KAAP;AAEA,SAAKC,oBAAL,GAA4B,KAAKA,oBAAL,CAA0BC,IAA1B,CAAgC,IAAhC,CAA5B;AACA,SAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBD,IAAlB,CAAwB,IAAxB,CAApB;AACA,SAAKE,WAAL,GAAmB,KAAKA,WAAL,CAAiBF,IAAjB,CAAuB,IAAvB,CAAnB;AACA,SAAKG,sBAAL,GAA8B,KAAKA,sBAAL,CAA4BH,IAA5B,CAAkC,IAAlC,CAA9B;AACA,SAAKI,eAAL,GAAuB,KAAKA,eAAL,CAAqBJ,IAArB,CAA2B,IAA3B,CAAvB;AACA,SAAKK,YAAL,GAAoB,KAAKA,YAAL,CAAkBL,IAAlB,CAAwB,IAAxB,CAApB;AAEA,UAAM;AAAEM,MAAAA,KAAF;AAASC,MAAAA,YAAT;AAAuBC,MAAAA,GAAvB;AAA4BC,MAAAA;AAA5B,QAA2CX,KAAjD;AACA,UAAMY,YAAY,GAAGpB,OAAO,CAC3BgB,KAAK,IAAIC,YAAT,IAAyBC,GADE,EAE3BC,UAF2B,CAA5B;AAKA,UAAME,SAAS,GAAG,KAAKC,YAAL,EAAlB;AAEA,SAAKC,KAAL,GAAa;AACZF,MAAAA,SADY;AAEZG,MAAAA,UAAU,EAAEJ,YAFA;AAGZK,MAAAA,YAAY,EAAEL,YAHF;AAIZM,MAAAA,QAAQ,EAAE;AAJE,KAAb;AAMA;;AAEDC,EAAAA,iBAAiB,GAAG;AACnBnC,IAAAA,QAAQ,CAACoC,gBAAT,CAA2B,QAA3B,EAAqC,KAAKf,sBAA1C;AACA;;AAEDgB,EAAAA,oBAAoB,GAAG;AACtBrC,IAAAA,QAAQ,CAACsC,mBAAT,CAA8B,QAA9B,EAAwC,KAAKjB,sBAA7C;AACAkB,IAAAA,YAAY,CAAE,KAAKC,oBAAP,CAAZ;AACA;;AAEDC,EAAAA,kBAAkB,CAAEC,SAAF,EAAaC,SAAb,EAAyB;AAC1C,UAAM;AAAEnB,MAAAA;AAAF,QAAY,KAAKR,KAAvB;AACA,UAAM;AAAEkB,MAAAA,QAAF;AAAYF,MAAAA;AAAZ,QAA2B,KAAKD,KAAtC;;AAEA,QAAKW,SAAS,CAAClB,KAAV,KAAoBA,KAAzB,EAAiC;AAChC,WAAKoB,QAAL,CAAe;AAAEZ,QAAAA,UAAU,EAAER;AAAd,OAAf;AACA;;AAED,QAAKmB,SAAS,CAACT,QAAV,KAAuBA,QAA5B,EAAuC;AACtC,YAAMW,UAAU,GAAG,KAAKC,aAAL,CAAoBd,UAApB,CAAnB;AACA,WAAKY,QAAL,CAAe;AAAEZ,QAAAA,UAAU,EAAEa;AAAd,OAAf;AACA;;AAED,QAAK,CAAEF,SAAS,CAACT,QAAZ,IAAwBA,QAA7B,EAAwC;AACvC,WAAKa,eAAL,CAAqBC,KAArB;AACA;AACD;;AAEDlB,EAAAA,YAAY,GAAG;AACd,WAAO/B,UAAU,CAAC+B,YAAX,KAA4B,CAA5B,GAAgC,CAAhC,GAAoC/B,UAAU,CAAC+B,YAAX,EAA3C;AACA;;AAEDT,EAAAA,sBAAsB,CAAE4B,YAAF,EAAiB;AACtC,QAAKA,YAAY,KAAK,QAAtB,EAAiC;AAChC,WAAKL,QAAL,CAAe;AAAEf,QAAAA,SAAS,EAAE,KAAKC,YAAL;AAAb,OAAf;AACA;AACD;;AAEDX,EAAAA,YAAY,GAAG;AACd,SAAKyB,QAAL,CAAe;AACdV,MAAAA,QAAQ,EAAE;AADI,KAAf;AAGA;;AAEDd,EAAAA,WAAW,GAAG;AACb,UAAM;AAAEY,MAAAA;AAAF,QAAiB,KAAKD,KAA5B;AACA,SAAKR,YAAL,CAAoB,GAAGS,UAAY,EAAnC;AACA,SAAKY,QAAL,CAAe;AACdV,MAAAA,QAAQ,EAAE;AADI,KAAf;AAGA;;AAEDY,EAAAA,aAAa,CAAEI,IAAF,EAAS;AACrB,UAAM;AAAExB,MAAAA,GAAF;AAAOyB,MAAAA,GAAP;AAAYxB,MAAAA;AAAZ,QAA2B,KAAKX,KAAtC;AACA,QAAIoC,MAAM,GAAG1B,GAAb;;AACA,QAAK,CAAEwB,IAAP,EAAc;AACb,aAAOxB,GAAP;AACA;;AAED,QAAK,OAAOwB,IAAP,KAAgB,QAArB,EAAgC;AAC/BE,MAAAA,MAAM,GAAGC,IAAI,CAACF,GAAL,CAAUD,IAAV,EAAgBxB,GAAhB,CAAT;AACA,aAAOyB,GAAG,GAAGE,IAAI,CAAC3B,GAAL,CAAU0B,MAAV,EAAkBD,GAAlB,CAAH,GAA6BC,MAAvC;AACA;;AAEDA,IAAAA,MAAM,GAAGC,IAAI,CAACF,GAAL,CAAU1C,cAAc,CAAEyC,IAAF,EAAQvB,UAAR,CAAxB,EAA8CD,GAA9C,CAAT;AACA,WAAOyB,GAAG,GAAGE,IAAI,CAAC3B,GAAL,CAAU0B,MAAV,EAAkBD,GAAlB,CAAH,GAA6BC,MAAvC;AACA;;AAEDE,EAAAA,WAAW,CAAE9B,KAAF,EAAU;AACpB,UAAM;AAAE+B,MAAAA;AAAF,QAAe,KAAKvC,KAA1B;AACA,UAAM6B,UAAU,GAAG,KAAKC,aAAL,CAAoBtB,KAApB,CAAnB;AAEA,SAAKP,oBAAL,CAA4B,GAAG4B,UAAY,EAA3C;AAEAU,IAAAA,QAAQ,CAAEV,UAAF,CAAR;AACA;;AAEDtB,EAAAA,YAAY,CAAEiC,SAAF,EAAc;AACzB,UAAM;AAAE7B,MAAAA;AAAF,QAAiB,KAAKX,KAA5B;AACA,UAAMgB,UAAU,GAAGvB,cAAc,CAAE+C,SAAF,EAAa7B,UAAb,CAAjC;AAEA6B,IAAAA,SAAS,GAAGxB,UAAU,CAACyB,OAAX,CAAoB,GAApB,EAAyB,GAAzB,CAAZ;AACAD,IAAAA,SAAS,GAAGhD,OAAO,CAAEgD,SAAF,EAAa7B,UAAb,CAAnB;AACA,UAAMH,KAAK,GAAG,KAAKsB,aAAL,CAAoBU,SAApB,CAAd;AACA,SAAKZ,QAAL,CAAe;AACdZ,MAAAA,UADc;AAEdC,MAAAA,YAAY,EAAET;AAFA,KAAf;AAIA,SAAK8B,WAAL,CAAkB9B,KAAlB;AACA;;AAEDF,EAAAA,eAAe,OAA8B;AAAA,QAA5B;AAAEoC,MAAAA,WAAW,EAAE;AAAER,QAAAA;AAAF;AAAf,KAA4B;AAC5C,UAAM;AAAEvB,MAAAA;AAAF,QAAiB,KAAKX,KAA5B;AACA,UAAM;AAAEgB,MAAAA;AAAF,QAAiB,KAAKD,KAA5B;;AAEA,QAAK,CAAE4B,KAAK,CAAEC,MAAM,CAAEV,IAAF,CAAR,CAAZ,EAAiC;AAChCA,MAAAA,IAAI,GAAG1C,OAAO,CAAE0C,IAAI,CAACO,OAAL,CAAc,GAAd,EAAmB,GAAnB,CAAF,EAA4B9B,UAA5B,CAAd;AACA,YAAMkB,UAAU,GAAG,KAAKC,aAAL,CAAoBI,IAApB,CAAnB;;AAEA,UAAKlB,UAAU,KAAKa,UAApB,EAAiC;AAChC,aAAKD,QAAL,CAAe;AAAEZ,UAAAA,UAAU,EAAEa;AAAd,SAAf;AACA,aAAK5B,oBAAL,CAA4B,GAAG4B,UAAY,EAA3C;AACA,aAAK7B,KAAL,CAAWuC,QAAX,CAAqBV,UAArB;AACA;AACD;AACD;;AAED5B,EAAAA,oBAAoB,CAAEO,KAAF,EAAU;AAC7B;AACA,UAAMqC,YAAY,GAAGtD,OAAO,CAAED,EAAE,CAAE,qBAAF,CAAJ,EAA+BkB,KAA/B,CAA5B;AACA5B,IAAAA,iBAAiB,CAACkE,wBAAlB,CAA4CD,YAA5C;AACA;;AAEDE,EAAAA,MAAM,GAAG;AACR,UAAM;AAAEC,MAAAA,wBAAF;AAA4BC,MAAAA,QAA5B;AAAsCC,MAAAA;AAAtC,QAAgD,KAAKlD,KAA3D;AACA,UAAM;AAAEa,MAAAA,SAAF;AAAaG,MAAAA,UAAb;AAAyBE,MAAAA;AAAzB,QAAsC,KAAKH,KAAjD;AAEA,UAAMoC,cAAc,GAAGH,wBAAwB,CAC9CtD,MAAM,CAAC0D,SADuC,EAE9C1D,MAAM,CAAC2D,aAFuC,CAA/C;AAKA,UAAMC,iBAAiB,GAAGN,wBAAwB,CACjDtD,MAAM,CAAC6D,YAD0C,EAEjD7D,MAAM,CAAC8D,gBAF0C,CAAlD;AAKA,UAAMC,iBAAiB,GAAG,CACzBN,cADyB,EAEzBxD,YAAY,CAAC+D,WAFY,EAGzBxC,QAAQ,IAAIvB,YAAY,CAACgE,UAHA,CAA1B;AAMA,UAAMC,eAAe,GAAG,CACvB3E,QAAQ,CAAC4E,MAAT,CAAiB;AAChBC,MAAAA,OAAO,EAAEL,iBADO;AAEhBM,MAAAA,GAAG,EAAET;AAFW,KAAjB,CADuB,EAKvB;AACCU,MAAAA,KAAK,EAAE,KAAKnD,SADb;AAECoD,MAAAA,gBAAgB,EAAEhB,QAAQ,GAAG,CAAH,GAAO;AAFlC,KALuB,CAAxB;AAWA,WACC,cAAC,wBAAD;AACC,MAAA,OAAO,EAAG,KAAK9C,YADhB;AAEC,MAAA,UAAU,EAAG;AAFd,OAIC,cAAC,IAAD;AACC,MAAA,KAAK,EAAG,CACPT,MAAM,CAACwE,kBADA,EAEPtE,KAAK,IAAI6D,iBAFF,CADT;AAKC,MAAA,UAAU,EAAG;AALd,OAOG7D,KAAK,IAAIsB,QAAT,GACD,cAAC,SAAD;AACC,MAAA,kBAAkB,EAAGgC,KADtB;AAEC,MAAA,GAAG,EAAKiB,CAAF,IAAW,KAAKpC,eAAL,GAAuBoC,CAFzC;AAGC,MAAA,KAAK,EAAGP,eAHT;AAIC,MAAA,YAAY,EAAG,KAAKrD,YAJrB;AAKC,MAAA,eAAe,EAAG,KAAKD,eALxB;AAMC,MAAA,OAAO,EAAG,KAAKH,YANhB;AAOC,MAAA,MAAM,EAAG,KAAKC,WAPf;AAQC,MAAA,YAAY,EAAC,SARd;AASC,MAAA,aAAa,EAAC,MATf;AAUC,MAAA,aAAa,EAAG,CAVjB;AAWC,MAAA,YAAY,EAAI,GAAGY,UAAY,EAXhC;AAYC,MAAA,KAAK,EAAGA,UAAU,CAACoD,QAAX,EAZT;AAaC,MAAA,aAAa,EAAGlD,QAAQ,GAAG,MAAH,GAAY;AAbrC,MADC,GAiBD,cAAC,IAAD;AACC,MAAA,KAAK,EAAG0C,eADT;AAEC,MAAA,aAAa,EAAG,CAFjB;AAGC,MAAA,aAAa,EAAC;AAHf,OAKG5C,UALH,CAxBF,EAgCGiC,QAhCH,CAJD,CADD;AAyCA;;AAnNqC;;AAsNvC,eAAe5D,wBAAwB,CAAES,cAAF,CAAvC","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\tAppState.addEventListener( 'change', this.handleChangePixelRatio );\n\t}\n\n\tcomponentWillUnmount() {\n\t\tAppState.removeEventListener( 'change', this.handleChangePixelRatio );\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"]}

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

@@ -18,16 +18,17 @@ import rippleStyles from './ripple.native.scss';
 const ANDROID_VERSION_LOLLIPOP = 21;
 const ANDROID_VERSION_PIE = 28;
 
-const TouchableRipple = ({
-  style,
-  onPress,
-  disabled: disabledProp,
-  children,
-  activeOpacity,
-  getStylesFromColorScheme,
-  borderless = false,
-  ...touchableProps
-}) => {
+const TouchableRipple = _ref => {
+  let {
+    style,
+    onPress,
+    disabled: disabledProp,
+    children,
+    activeOpacity,
+    getStylesFromColorScheme,
+    borderless = false,
+    ...touchableProps
+  } = _ref;
   const isTouchableNativeSupported = Platform.OS === 'android' && Platform.Version >= ANDROID_VERSION_LOLLIPOP;
   const disabled = disabledProp || !onPress;
   const rippleColor = getStylesFromColorScheme(rippleStyles.ripple, rippleStyles.rippleDark).backgroundColor;

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/ripple.native.js"],"names":["Platform","TouchableOpacity","TouchableNativeFeedback","View","withPreferredColorScheme","rippleStyles","ANDROID_VERSION_LOLLIPOP","ANDROID_VERSION_PIE","TouchableRipple","style","onPress","disabled","disabledProp","children","activeOpacity","getStylesFromColorScheme","borderless","touchableProps","isTouchableNativeSupported","OS","Version","rippleColor","ripple","rippleDark","backgroundColor","useForeground","Ripple","overflow"],"mappings":";;;AAAA;AACA;AACA;AACA,SACCA,QADD,EAECC,gBAFD,EAGCC,uBAHD,EAICC,IAJD,QAKO,cALP;AAOA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,sBAAzB;AAEA,MAAMC,wBAAwB,GAAG,EAAjC;AACA,MAAMC,mBAAmB,GAAG,EAA5B;;AAEA,MAAMC,eAAe,GAAG,CAAE;AACzBC,EAAAA,KADyB;AAEzBC,EAAAA,OAFyB;AAGzBC,EAAAA,QAAQ,EAAEC,YAHe;AAIzBC,EAAAA,QAJyB;AAKzBC,EAAAA,aALyB;AAMzBC,EAAAA,wBANyB;AAOzBC,EAAAA,UAAU,GAAG,KAPY;AAQzB,KAAGC;AARsB,CAAF,KASjB;AACN,QAAMC,0BAA0B,GAC/BlB,QAAQ,CAACmB,EAAT,KAAgB,SAAhB,IACAnB,QAAQ,CAACoB,OAAT,IAAoBd,wBAFrB;AAIA,QAAMK,QAAQ,GAAGC,YAAY,IAAI,CAAEF,OAAnC;AACA,QAAMW,WAAW,GAAGN,wBAAwB,CAC3CV,YAAY,CAACiB,MAD8B,EAE3CjB,YAAY,CAACkB,UAF8B,CAAxB,CAGlBC,eAHF;;AAKA,MAAKN,0BAAL,EAAkC;AACjC;AACA;AACA,UAAMO,aAAa,GAClBzB,QAAQ,CAACmB,EAAT,KAAgB,SAAhB,IACAnB,QAAQ,CAACoB,OAAT,IAAoBb,mBADpB,IAEAS,UAHD;AAKA,WACC,cAAC,uBAAD,eACMC,cADN;AAEC,MAAA,OAAO,EAAGP,OAFX;AAGC,MAAA,QAAQ,EAAGC,QAHZ;AAIC,MAAA,aAAa,EAAGc,aAJjB;AAKC,MAAA,UAAU,EAAGvB,uBAAuB,CAACwB,MAAxB,CACZL,WADY,EAEZL,UAFY;AALd,QAUC,cAAC,IAAD;AAAM,MAAA,KAAK,EAAG,CAAEA,UAAU,IAAIX,YAAY,CAACsB,QAA7B,EAAuClB,KAAvC;AAAd,OACGI,QADH,CAVD,CADD;AAgBA;;AAED,SACC,cAAC,gBAAD,eACMI,cADN;AAEC,IAAA,OAAO,EAAGP,OAFX;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,aAAa,EAAGG,aAJjB;AAKC,IAAA,KAAK,EAAGL;AALT,MAOGI,QAPH,CADD;AAWA,CAzDD;;AA2DA,eAAeT,wBAAwB,CAAEI,eAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tPlatform,\n\tTouchableOpacity,\n\tTouchableNativeFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport rippleStyles from './ripple.native.scss';\n\nconst ANDROID_VERSION_LOLLIPOP = 21;\nconst ANDROID_VERSION_PIE = 28;\n\nconst TouchableRipple = ( {\n\tstyle,\n\tonPress,\n\tdisabled: disabledProp,\n\tchildren,\n\tactiveOpacity,\n\tgetStylesFromColorScheme,\n\tborderless = false,\n\t...touchableProps\n} ) => {\n\tconst isTouchableNativeSupported =\n\t\tPlatform.OS === 'android' &&\n\t\tPlatform.Version >= ANDROID_VERSION_LOLLIPOP;\n\n\tconst disabled = disabledProp || ! onPress;\n\tconst rippleColor = getStylesFromColorScheme(\n\t\trippleStyles.ripple,\n\t\trippleStyles.rippleDark\n\t).backgroundColor;\n\n\tif ( isTouchableNativeSupported ) {\n\t\t// A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'\n\t\t// https://github.com/facebook/react-native/issues/6480\n\t\tconst useForeground =\n\t\t\tPlatform.OS === 'android' &&\n\t\t\tPlatform.Version >= ANDROID_VERSION_PIE &&\n\t\t\tborderless;\n\n\t\treturn (\n\t\t\t<TouchableNativeFeedback\n\t\t\t\t{ ...touchableProps }\n\t\t\t\tonPress={ onPress }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tuseForeground={ useForeground }\n\t\t\t\tbackground={ TouchableNativeFeedback.Ripple(\n\t\t\t\t\trippleColor,\n\t\t\t\t\tborderless\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<View style={ [ borderless && rippleStyles.overflow, style ] }>\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableNativeFeedback>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\t{ ...touchableProps }\n\t\t\tonPress={ onPress }\n\t\t\tdisabled={ disabled }\n\t\t\tactiveOpacity={ activeOpacity }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</TouchableOpacity>\n\t);\n};\n\nexport default withPreferredColorScheme( TouchableRipple );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/ripple.native.js"],"names":["Platform","TouchableOpacity","TouchableNativeFeedback","View","withPreferredColorScheme","rippleStyles","ANDROID_VERSION_LOLLIPOP","ANDROID_VERSION_PIE","TouchableRipple","style","onPress","disabled","disabledProp","children","activeOpacity","getStylesFromColorScheme","borderless","touchableProps","isTouchableNativeSupported","OS","Version","rippleColor","ripple","rippleDark","backgroundColor","useForeground","Ripple","overflow"],"mappings":";;;AAAA;AACA;AACA;AACA,SACCA,QADD,EAECC,gBAFD,EAGCC,uBAHD,EAICC,IAJD,QAKO,cALP;AAOA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,sBAAzB;AAEA,MAAMC,wBAAwB,GAAG,EAAjC;AACA,MAAMC,mBAAmB,GAAG,EAA5B;;AAEA,MAAMC,eAAe,GAAG,QASjB;AAAA,MATmB;AACzBC,IAAAA,KADyB;AAEzBC,IAAAA,OAFyB;AAGzBC,IAAAA,QAAQ,EAAEC,YAHe;AAIzBC,IAAAA,QAJyB;AAKzBC,IAAAA,aALyB;AAMzBC,IAAAA,wBANyB;AAOzBC,IAAAA,UAAU,GAAG,KAPY;AAQzB,OAAGC;AARsB,GASnB;AACN,QAAMC,0BAA0B,GAC/BlB,QAAQ,CAACmB,EAAT,KAAgB,SAAhB,IACAnB,QAAQ,CAACoB,OAAT,IAAoBd,wBAFrB;AAIA,QAAMK,QAAQ,GAAGC,YAAY,IAAI,CAAEF,OAAnC;AACA,QAAMW,WAAW,GAAGN,wBAAwB,CAC3CV,YAAY,CAACiB,MAD8B,EAE3CjB,YAAY,CAACkB,UAF8B,CAAxB,CAGlBC,eAHF;;AAKA,MAAKN,0BAAL,EAAkC;AACjC;AACA;AACA,UAAMO,aAAa,GAClBzB,QAAQ,CAACmB,EAAT,KAAgB,SAAhB,IACAnB,QAAQ,CAACoB,OAAT,IAAoBb,mBADpB,IAEAS,UAHD;AAKA,WACC,cAAC,uBAAD,eACMC,cADN;AAEC,MAAA,OAAO,EAAGP,OAFX;AAGC,MAAA,QAAQ,EAAGC,QAHZ;AAIC,MAAA,aAAa,EAAGc,aAJjB;AAKC,MAAA,UAAU,EAAGvB,uBAAuB,CAACwB,MAAxB,CACZL,WADY,EAEZL,UAFY;AALd,QAUC,cAAC,IAAD;AAAM,MAAA,KAAK,EAAG,CAAEA,UAAU,IAAIX,YAAY,CAACsB,QAA7B,EAAuClB,KAAvC;AAAd,OACGI,QADH,CAVD,CADD;AAgBA;;AAED,SACC,cAAC,gBAAD,eACMI,cADN;AAEC,IAAA,OAAO,EAAGP,OAFX;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,aAAa,EAAGG,aAJjB;AAKC,IAAA,KAAK,EAAGL;AALT,MAOGI,QAPH,CADD;AAWA,CAzDD;;AA2DA,eAAeT,wBAAwB,CAAEI,eAAF,CAAvC","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"]}

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

@@ -110,7 +110,8 @@ class BottomSheetStepperCell extends Component {
     clearInterval(this.interval);
   }
 
-  startPressInterval(callback, speed = STEP_DELAY) {
+  startPressInterval(callback) {
+    let speed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : STEP_DELAY;
     let counter = 0;
     this.interval = setInterval(() => {
       callback();

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/index.native.js"],"names":["AccessibilityInfo","View","Platform","__","sprintf","Component","withPreferredColorScheme","Cell","Stepper","styles","RangeTextInput","toFixed","STEP_DELAY","DEFAULT_STEP","isIOS","OS","BottomSheetStepperCell","constructor","props","announceValue","bind","onDecrementValue","onDecrementValuePressIn","onIncrementValue","onIncrementValuePressIn","onPressOut","value","defaultValue","min","initialValue","state","inputValue","stepperValue","componentWillUnmount","clearTimeout","timeout","clearInterval","interval","timeoutAnnounceValue","step","max","onChange","decimalNum","newValue","parseInt","undefined","setState","setTimeout","startPressInterval","callback","speed","counter","setInterval","label","unitLabel","announceForAccessibility","render","settingLabel","icon","separatorType","children","shouldDisplayTextInput","preview","openUnitPicker","cellContainerStyle","isMinValue","isMaxValue","labelStyle","cellLabel","cellLabelNoIcon","getAccessibilityHint","accessibilityLabel","containerStyle","rowContainer","containerIOS","containerAndroid","name","event","nativeEvent","actionName","columnContainer","cellRowStyles","defaultProps"],"mappings":"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","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 = this.onDecrementValuePressIn.bind(\n\t\t\tthis\n\t\t);\n\t\tthis.onIncrementValue = this.onIncrementValue.bind( this );\n\t\tthis.onIncrementValuePressIn = this.onIncrementValuePressIn.bind(\n\t\t\tthis\n\t\t);\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} = 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={ true }\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={ true }\n\t\t\t\t\t\tseparatorType={ separatorType }\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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/index.native.js"],"names":["AccessibilityInfo","View","Platform","__","sprintf","Component","withPreferredColorScheme","Cell","Stepper","styles","RangeTextInput","toFixed","STEP_DELAY","DEFAULT_STEP","isIOS","OS","BottomSheetStepperCell","constructor","props","announceValue","bind","onDecrementValue","onDecrementValuePressIn","onIncrementValue","onIncrementValuePressIn","onPressOut","value","defaultValue","min","initialValue","state","inputValue","stepperValue","componentWillUnmount","clearTimeout","timeout","clearInterval","interval","timeoutAnnounceValue","step","max","onChange","decimalNum","newValue","parseInt","undefined","setState","setTimeout","startPressInterval","callback","speed","counter","setInterval","label","unitLabel","announceForAccessibility","render","settingLabel","icon","separatorType","children","shouldDisplayTextInput","preview","openUnitPicker","cellContainerStyle","isMinValue","isMaxValue","labelStyle","cellLabel","cellLabelNoIcon","getAccessibilityHint","accessibilityLabel","containerStyle","rowContainer","containerIOS","containerAndroid","name","event","nativeEvent","actionName","columnContainer","cellRowStyles","defaultProps"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,iBAAT,EAA4BC,IAA5B,EAAkCC,QAAlC,QAAkD,cAAlD;AAEA;AACA;AACA;;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,SAASC,OAAT,QAAwB,aAAxB;AAEA,MAAMC,UAAU,GAAG,GAAnB;AACA,MAAMC,YAAY,GAAG,CAArB;AAEA,MAAMC,KAAK,GAAGZ,QAAQ,CAACa,EAAT,KAAgB,KAA9B;;AAEA,MAAMC,sBAAN,SAAqCX,SAArC,CAA+C;AAC9CY,EAAAA,WAAW,CAAEC,KAAF,EAAU;AACpB,UAAOA,KAAP;AAEA,SAAKC,aAAL,GAAqB,KAAKA,aAAL,CAAmBC,IAAnB,CAAyB,IAAzB,CAArB;AACA,SAAKC,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBD,IAAtB,CAA4B,IAA5B,CAAxB;AACA,SAAKE,uBAAL,GAA+B,KAAKA,uBAAL,CAA6BF,IAA7B,CAC9B,IAD8B,CAA/B;AAGA,SAAKG,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBH,IAAtB,CAA4B,IAA5B,CAAxB;AACA,SAAKI,uBAAL,GAA+B,KAAKA,uBAAL,CAA6BJ,IAA7B,CAC9B,IAD8B,CAA/B;AAGA,SAAKK,UAAL,GAAkB,KAAKA,UAAL,CAAgBL,IAAhB,CAAsB,IAAtB,CAAlB;AAEA,UAAM;AAAEM,MAAAA,KAAF;AAASC,MAAAA,YAAT;AAAuBC,MAAAA;AAAvB,QAA+BV,KAArC;AAEA,UAAMW,YAAY,GAAGH,KAAK,IAAIC,YAAT,IAAyBC,GAA9C;AAEA,SAAKE,KAAL,GAAa;AACZC,MAAAA,UAAU,EAAEF,YADA;AAEZG,MAAAA,YAAY,EAAEH;AAFF,KAAb;AAIA;;AAEDI,EAAAA,oBAAoB,GAAG;AACtBC,IAAAA,YAAY,CAAE,KAAKC,OAAP,CAAZ;AACAC,IAAAA,aAAa,CAAE,KAAKC,QAAP,CAAb;AACAH,IAAAA,YAAY,CAAE,KAAKI,oBAAP,CAAZ;AACA;;AAEDf,EAAAA,gBAAgB,GAAG;AAClB,UAAM;AAAEgB,MAAAA,IAAF;AAAQC,MAAAA,GAAR;AAAaC,MAAAA,QAAb;AAAuBf,MAAAA,KAAvB;AAA8BgB,MAAAA;AAA9B,QAA6C,KAAKxB,KAAxD;AACA,QAAIyB,QAAQ,GAAGhC,OAAO,CAAEe,KAAK,GAAGa,IAAV,EAAgBG,UAAhB,CAAtB;AACAC,IAAAA,QAAQ,GACPC,QAAQ,CAAED,QAAF,CAAR,KAAyBA,QAAzB,GAAoCC,QAAQ,CAAED,QAAF,CAA5C,GAA2DA,QAD5D;;AAEA,QAAKA,QAAQ,IAAIH,GAAZ,IAAmBA,GAAG,KAAKK,SAAhC,EAA4C;AAC3CJ,MAAAA,QAAQ,CAAEE,QAAF,CAAR;AACA,WAAKG,QAAL,CAAe;AACdf,QAAAA,UAAU,EAAEY;AADE,OAAf;AAGA,WAAKxB,aAAL,CAAoBwB,QAApB;AACA;AACD;;AAEDtB,EAAAA,gBAAgB,GAAG;AAClB,UAAM;AAAEkB,MAAAA,IAAF;AAAQX,MAAAA,GAAR;AAAaa,MAAAA,QAAb;AAAuBf,MAAAA,KAAvB;AAA8BgB,MAAAA;AAA9B,QAA6C,KAAKxB,KAAxD;AACA,QAAIyB,QAAQ,GAAGhC,OAAO,CAAEe,KAAK,GAAGa,IAAV,EAAgBG,UAAhB,CAAtB;AACAC,IAAAA,QAAQ,GACPC,QAAQ,CAAED,QAAF,CAAR,KAAyBA,QAAzB,GAAoCC,QAAQ,CAAED,QAAF,CAA5C,GAA2DA,QAD5D;;AAEA,QAAKA,QAAQ,IAAIf,GAAjB,EAAuB;AACtBa,MAAAA,QAAQ,CAAEE,QAAF,CAAR;AACA,WAAKG,QAAL,CAAe;AACdf,QAAAA,UAAU,EAAEY;AADE,OAAf;AAGA,WAAKxB,aAAL,CAAoBwB,QAApB;AACA;AACD;;AAEDnB,EAAAA,uBAAuB,GAAG;AACzB,SAAKD,gBAAL;AACA,SAAKY,OAAL,GAAeY,UAAU,CAAE,MAAM;AAChC,WAAKC,kBAAL,CAAyB,KAAKzB,gBAA9B;AACA,KAFwB,EAEtB,GAFsB,CAAzB;AAGA;;AAEDD,EAAAA,uBAAuB,GAAG;AACzB,SAAKD,gBAAL;AACA,SAAKc,OAAL,GAAeY,UAAU,CAAE,MAAM;AAChC,WAAKC,kBAAL,CAAyB,KAAK3B,gBAA9B;AACA,KAFwB,EAEtB,GAFsB,CAAzB;AAGA;;AAEDI,EAAAA,UAAU,GAAG;AACZS,IAAAA,YAAY,CAAE,KAAKC,OAAP,CAAZ;AACAC,IAAAA,aAAa,CAAE,KAAKC,QAAP,CAAb;AACA;;AAEDW,EAAAA,kBAAkB,CAAEC,QAAF,EAAiC;AAAA,QAArBC,KAAqB,uEAAbtC,UAAa;AAClD,QAAIuC,OAAO,GAAG,CAAd;AACA,SAAKd,QAAL,GAAgBe,WAAW,CAAE,MAAM;AAClCH,MAAAA,QAAQ;AACRE,MAAAA,OAAO,IAAI,CAAX;;AAEA,UAAKA,OAAO,KAAK,EAAjB,EAAsB;AACrBf,QAAAA,aAAa,CAAE,KAAKC,QAAP,CAAb;AACA,aAAKW,kBAAL,CAAyBC,QAAzB,EAAmCC,KAAK,GAAG,CAA3C;AACA;AACD,KAR0B,EAQxBA,KARwB,CAA3B;AASA;;AAED/B,EAAAA,aAAa,CAAEO,KAAF,EAAU;AACtB,UAAM;AAAE2B,MAAAA,KAAF;AAASC,MAAAA,SAAS,GAAG;AAArB,QAA4B,KAAKpC,KAAvC;;AAEA,QAAKJ,KAAL,EAAa;AACZ;AACAoB,MAAAA,YAAY,CAAE,KAAKI,oBAAP,CAAZ;AACA,WAAKA,oBAAL,GAA4BS,UAAU,CAAE,MAAM;AAC7C/C,QAAAA,iBAAiB,CAACuD,wBAAlB,CACE,GAAG7B,KAAO,IAAI4B,SAAW,IAAID,KAAO,EADtC;AAGA,OAJqC,EAInC,GAJmC,CAAtC;AAKA;AACD;;AAEDG,EAAAA,MAAM,GAAG;AACR,UAAM;AACLH,MAAAA,KADK;AAELI,MAAAA,YAAY,GAAG,OAFV;AAGLH,MAAAA,SAAS,GAAG,EAHP;AAILI,MAAAA,IAJK;AAKL9B,MAAAA,GALK;AAMLY,MAAAA,GANK;AAOLd,MAAAA,KAPK;AAQLiC,MAAAA,aARK;AASLC,MAAAA,QATK;AAULC,MAAAA,sBAAsB,GAAG,KAVpB;AAWLC,MAAAA,OAXK;AAYLrB,MAAAA,QAZK;AAaLsB,MAAAA,cAbK;AAcLrB,MAAAA,UAdK;AAeLsB,MAAAA;AAfK,QAgBF,KAAK9C,KAhBT;AAiBA,UAAM;AAAEa,MAAAA;AAAF,QAAiB,KAAKD,KAA5B;AACA,UAAMmC,UAAU,GAAGvC,KAAK,KAAKE,GAA7B;AACA,UAAMsC,UAAU,GAAGxC,KAAK,KAAKc,GAA7B;AACA,UAAM2B,UAAU,GAAG,CAClB1D,MAAM,CAAC2D,SADW,EAElB,CAAEV,IAAF,GAASjD,MAAM,CAAC4D,eAAhB,GAAkC,EAFhB,CAAnB;;AAKA,UAAMC,oBAAoB,GAAG,MAAM;AAClC,aAAOP,cAAc,GAAG5D,EAAE,CAAE,2BAAF,CAAL,GAAuC,EAA5D;AACA,KAFD;;AAIA,UAAMoE,kBAAkB,GAAGnE,OAAO;AACjC;AACAD,IAAAA,EAAE,CAAE,0BAAF,CAF+B,EAGjCkD,KAHiC,EAIjCI,YAJiC,EAKjC/B,KALiC,EAMjC4B,SANiC,CAAlC;AASA,UAAMkB,cAAc,GAAG,CACtB/D,MAAM,CAACgE,YADe,EAEtB3D,KAAK,GAAGL,MAAM,CAACiE,YAAV,GAAyBjE,MAAM,CAACkE,gBAFf,CAAvB;AAKA,WACC,cAAC,IAAD;AACC,MAAA,UAAU,EAAG,IADd;AAEC,MAAA,iBAAiB,EAAC,YAFnB;AAGC,MAAA,kBAAkB,EAAGJ,kBAHtB;AAIC,MAAA,iBAAiB,EAAGD,oBAAoB,EAJzC;AAKC,MAAA,oBAAoB,EAAG,CACtB;AAAEM,QAAAA,IAAI,EAAE;AAAR,OADsB,EAEtB;AAAEA,QAAAA,IAAI,EAAE;AAAR,OAFsB,EAGtB;AAAEA,QAAAA,IAAI,EAAE;AAAR,OAHsB,CALxB;AAUC,MAAA,qBAAqB,EAAKC,KAAF,IAAa;AACpC,gBAASA,KAAK,CAACC,WAAN,CAAkBC,UAA3B;AACC,eAAK,WAAL;AACC,iBAAKxD,gBAAL;AACA;;AACD,eAAK,WAAL;AACC,iBAAKF,gBAAL;AACA;;AACD,eAAK,UAAL;AACC,gBAAK0C,cAAL,EAAsB;AACrBA,cAAAA,cAAc;AACd;;AACD;AAXF;AAaA;AAxBF,OA0BC,cAAC,IAAD;AAAM,MAAA,yBAAyB,EAAC;AAAhC,OACC,cAAC,IAAD;AACC,MAAA,UAAU,EAAG,KADd;AAEC,MAAA,kBAAkB,EAAG,CACpBtD,MAAM,CAACuD,kBADa,EAEpBF,OAAO,IAAIrD,MAAM,CAACuE,eAFE,EAGpBhB,kBAHoB,CAFtB;AAOC,MAAA,qBAAqB,EACpBF,OAAO,GAAGU,cAAH,GAAoB/D,MAAM,CAACwE,aARpC;AAUC,MAAA,QAAQ,EAAG,KAVZ;AAWC,MAAA,IAAI,EAAGvB,IAXR;AAYC,MAAA,KAAK,EAAGL,KAZT;AAaC,MAAA,UAAU,EAAGc,UAbd;AAcC,MAAA,SAAS,EAAG,IAdb;AAeC,MAAA,aAAa,EAAGR;AAfjB,OAiBC,cAAC,IAAD;AAAM,MAAA,KAAK,EAAGG,OAAO,IAAIU;AAAzB,OACGV,OADH,EAEC,cAAC,OAAD;AACC,MAAA,UAAU,EAAGI,UADd;AAEC,MAAA,UAAU,EAAGD,UAFd;AAGC,MAAA,kBAAkB,EACjB,KAAK3C,uBAJP;AAMC,MAAA,kBAAkB,EACjB,KAAKE,uBAPP;AASC,MAAA,UAAU,EAAG,KAAKC,UATnB;AAUC,MAAA,KAAK,EAAGC,KAVT;AAWC,MAAA,sBAAsB,EACrBmC;AAZF,OAeGA,sBAAsB,IACvB,cAAC,cAAD;AACC,MAAA,KAAK,EAAGR,KADT;AAEC,MAAA,QAAQ,EAAGZ,QAFZ;AAGC,MAAA,YAAY,EAAI,GAAGV,UAAY,EAHhC;AAIC,MAAA,KAAK,EAAGL,KAJT;AAKC,MAAA,GAAG,EAAGE,GALP;AAMC,MAAA,IAAI,EAAG,CANR;AAOC,MAAA,UAAU,EAAGc;AAPd,OASGkB,QATH,CAhBF,CAFD,CAjBD,CADD,CA1BD,CADD;AAiFA;;AAtO6C;;AAyO/C5C,sBAAsB,CAACkE,YAAvB,GAAsC;AACrC3C,EAAAA,IAAI,EAAE1B;AAD+B,CAAtC;AAIA,eAAeP,wBAAwB,CAAEU,sBAAF,CAAvC","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 = this.onDecrementValuePressIn.bind(\n\t\t\tthis\n\t\t);\n\t\tthis.onIncrementValue = this.onIncrementValue.bind( this );\n\t\tthis.onIncrementValuePressIn = this.onIncrementValuePressIn.bind(\n\t\t\tthis\n\t\t);\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} = 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={ true }\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={ true }\n\t\t\t\t\t\tseparatorType={ separatorType }\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"]}

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

@@ -16,17 +16,18 @@ import { withPreferredColorScheme } from '@wordpress/compose';
 
 import styles from './style.scss';
 
-function Stepper({
-  getStylesFromColorScheme,
-  isMaxValue,
-  isMinValue,
-  onPressInDecrement,
-  onPressInIncrement,
-  onPressOut,
-  value,
-  shouldDisplayTextInput,
-  children
-}) {
+function Stepper(_ref) {
+  let {
+    getStylesFromColorScheme,
+    isMaxValue,
+    isMinValue,
+    onPressInDecrement,
+    onPressInIncrement,
+    onPressOut,
+    value,
+    shouldDisplayTextInput,
+    children
+  } = _ref;
   const valueStyle = getStylesFromColorScheme(styles.value, styles.valueTextDark);
   const buttonIconStyle = getStylesFromColorScheme(styles.buttonNoBg, styles.buttonNoBgTextDark);
   return createElement(View, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.android.js"],"names":["Text","TouchableOpacity","View","Icon","chevronDown","chevronUp","withPreferredColorScheme","styles","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","shouldDisplayTextInput","children","valueStyle","valueTextDark","buttonIconStyle","buttonNoBg","buttonNoBgTextDark","container","opacity","color","spacings"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,gBAAf,EAAiCC,IAAjC,QAA6C,cAA7C;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,WAAf,EAA4BC,SAA5B,QAA6C,kBAA7C;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,SAASC,OAAT,CAAkB;AACjBC,EAAAA,wBADiB;AAEjBC,EAAAA,UAFiB;AAGjBC,EAAAA,UAHiB;AAIjBC,EAAAA,kBAJiB;AAKjBC,EAAAA,kBALiB;AAMjBC,EAAAA,UANiB;AAOjBC,EAAAA,KAPiB;AAQjBC,EAAAA,sBARiB;AASjBC,EAAAA;AATiB,CAAlB,EAUI;AACH,QAAMC,UAAU,GAAGT,wBAAwB,CAC1CF,MAAM,CAACQ,KADmC,EAE1CR,MAAM,CAACY,aAFmC,CAA3C;AAIA,QAAMC,eAAe,GAAGX,wBAAwB,CAC/CF,MAAM,CAACc,UADwC,EAE/Cd,MAAM,CAACe,kBAFwC,CAAhD;AAKA,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGf,MAAM,CAACgB;AAArB,KACC,cAAC,gBAAD;AACC,IAAA,QAAQ,EAAGZ,UADZ;AAEC,IAAA,SAAS,EAAGC,kBAFb;AAGC,IAAA,UAAU,EAAGE,UAHd;AAIC,IAAA,KAAK,EAAG,CACPP,MAAM,CAACc,UADA,EAEPV,UAAU,GAAG;AAAEa,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAFzB;AAJT,KASC,cAAC,IAAD;AACC,IAAA,IAAI,EAAGpB,WADR;AAEC,IAAA,IAAI,EAAG,EAFR;AAGC,IAAA,KAAK,EAAGgB,eAAe,CAACK;AAHzB,IATD,CADD,EAgBG,CAAET,sBAAF,IACD,cAAC,IAAD;AAAM,IAAA,KAAK,EAAG,CAAEE,UAAF,EAAcX,MAAM,CAACmB,QAArB;AAAd,KAAkDX,KAAlD,CAjBF,EAmBGE,QAnBH,EAoBC,cAAC,gBAAD;AACC,IAAA,MAAM,EAAG,WADV;AAEC,IAAA,QAAQ,EAAGP,UAFZ;AAGC,IAAA,SAAS,EAAGG,kBAHb;AAIC,IAAA,UAAU,EAAGC,UAJd;AAKC,IAAA,KAAK,EAAG,CACPP,MAAM,CAACc,UADA,EAEPX,UAAU,GAAG;AAAEc,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAFzB;AALT,KAUC,cAAC,IAAD;AACC,IAAA,IAAI,EAAGnB,SADR;AAEC,IAAA,IAAI,EAAG,EAFR;AAGC,IAAA,KAAK,EAAGe,eAAe,CAACK;AAHzB,IAVD,CApBD,CADD;AAuCA;;AAED,eAAenB,wBAAwB,CAAEE,OAAF,CAAvC","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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.android.js"],"names":["Text","TouchableOpacity","View","Icon","chevronDown","chevronUp","withPreferredColorScheme","styles","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","shouldDisplayTextInput","children","valueStyle","valueTextDark","buttonIconStyle","buttonNoBg","buttonNoBgTextDark","container","opacity","color","spacings"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,gBAAf,EAAiCC,IAAjC,QAA6C,cAA7C;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,WAAf,EAA4BC,SAA5B,QAA6C,kBAA7C;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,SAASC,OAAT,OAUI;AAAA,MAVc;AACjBC,IAAAA,wBADiB;AAEjBC,IAAAA,UAFiB;AAGjBC,IAAAA,UAHiB;AAIjBC,IAAAA,kBAJiB;AAKjBC,IAAAA,kBALiB;AAMjBC,IAAAA,UANiB;AAOjBC,IAAAA,KAPiB;AAQjBC,IAAAA,sBARiB;AASjBC,IAAAA;AATiB,GAUd;AACH,QAAMC,UAAU,GAAGT,wBAAwB,CAC1CF,MAAM,CAACQ,KADmC,EAE1CR,MAAM,CAACY,aAFmC,CAA3C;AAIA,QAAMC,eAAe,GAAGX,wBAAwB,CAC/CF,MAAM,CAACc,UADwC,EAE/Cd,MAAM,CAACe,kBAFwC,CAAhD;AAKA,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGf,MAAM,CAACgB;AAArB,KACC,cAAC,gBAAD;AACC,IAAA,QAAQ,EAAGZ,UADZ;AAEC,IAAA,SAAS,EAAGC,kBAFb;AAGC,IAAA,UAAU,EAAGE,UAHd;AAIC,IAAA,KAAK,EAAG,CACPP,MAAM,CAACc,UADA,EAEPV,UAAU,GAAG;AAAEa,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAFzB;AAJT,KASC,cAAC,IAAD;AACC,IAAA,IAAI,EAAGpB,WADR;AAEC,IAAA,IAAI,EAAG,EAFR;AAGC,IAAA,KAAK,EAAGgB,eAAe,CAACK;AAHzB,IATD,CADD,EAgBG,CAAET,sBAAF,IACD,cAAC,IAAD;AAAM,IAAA,KAAK,EAAG,CAAEE,UAAF,EAAcX,MAAM,CAACmB,QAArB;AAAd,KAAkDX,KAAlD,CAjBF,EAmBGE,QAnBH,EAoBC,cAAC,gBAAD;AACC,IAAA,MAAM,EAAG,WADV;AAEC,IAAA,QAAQ,EAAGP,UAFZ;AAGC,IAAA,SAAS,EAAGG,kBAHb;AAIC,IAAA,UAAU,EAAGC,UAJd;AAKC,IAAA,KAAK,EAAG,CACPP,MAAM,CAACc,UADA,EAEPX,UAAU,GAAG;AAAEc,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAFzB;AALT,KAUC,cAAC,IAAD;AACC,IAAA,IAAI,EAAGnB,SADR;AAEC,IAAA,IAAI,EAAG,EAFR;AAGC,IAAA,KAAK,EAAGe,eAAe,CAACK;AAHzB,IAVD,CApBD,CADD;AAuCA;;AAED,eAAenB,wBAAwB,CAAEE,OAAF,CAAvC","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"]}

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

@@ -9,24 +9,25 @@ import { Text, TouchableOpacity, View } from 'react-native';
  */
 
 import { withPreferredColorScheme } from '@wordpress/compose';
-import { Icon, minus, plus } from '@wordpress/icons';
+import { Icon, plus, reset } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
 
 import styles from './style.scss';
 
-function Stepper({
-  getStylesFromColorScheme,
-  isMaxValue,
-  isMinValue,
-  onPressInDecrement,
-  onPressInIncrement,
-  onPressOut,
-  value,
-  children,
-  shouldDisplayTextInput
-}) {
+function Stepper(_ref) {
+  let {
+    getStylesFromColorScheme,
+    isMaxValue,
+    isMinValue,
+    onPressInDecrement,
+    onPressInIncrement,
+    onPressOut,
+    value,
+    children,
+    shouldDisplayTextInput
+  } = _ref;
   const valueStyle = getStylesFromColorScheme(styles.value, styles.valueTextDark);
   const buttonStyle = getStylesFromColorScheme(styles.button, styles.buttonDark);
   return createElement(View, {
@@ -41,7 +42,7 @@ function Stepper({
       opacity: 0.4
     } : null]
   }, createElement(Icon, {
-    icon: minus,
+    icon: reset,
     size: 24,
     color: buttonStyle.color
   })), createElement(TouchableOpacity, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.ios.js"],"names":["Text","TouchableOpacity","View","withPreferredColorScheme","Icon","minus","plus","styles","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","children","shouldDisplayTextInput","valueStyle","valueTextDark","buttonStyle","button","buttonDark","container","opacity","color"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,gBAAf,EAAiCC,IAAjC,QAA6C,cAA7C;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AACA,SAASC,IAAT,EAAeC,KAAf,EAAsBC,IAAtB,QAAkC,kBAAlC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,SAASC,OAAT,CAAkB;AACjBC,EAAAA,wBADiB;AAEjBC,EAAAA,UAFiB;AAGjBC,EAAAA,UAHiB;AAIjBC,EAAAA,kBAJiB;AAKjBC,EAAAA,kBALiB;AAMjBC,EAAAA,UANiB;AAOjBC,EAAAA,KAPiB;AAQjBC,EAAAA,QARiB;AASjBC,EAAAA;AATiB,CAAlB,EAUI;AACH,QAAMC,UAAU,GAAGT,wBAAwB,CAC1CF,MAAM,CAACQ,KADmC,EAE1CR,MAAM,CAACY,aAFmC,CAA3C;AAIA,QAAMC,WAAW,GAAGX,wBAAwB,CAC3CF,MAAM,CAACc,MADoC,EAE3Cd,MAAM,CAACe,UAFoC,CAA5C;AAKA,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGf,MAAM,CAACgB;AAArB,KACG,CAAEN,sBAAF,IACD,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGC;AAAd,KAA6BH,KAA7B,CAFF,EAIGC,QAJH,EAKC,cAAC,gBAAD;AACC,IAAA,QAAQ,EAAGL,UADZ;AAEC,IAAA,SAAS,EAAGC,kBAFb;AAGC,IAAA,UAAU,EAAGE,UAHd;AAIC,IAAA,KAAK,EAAG,CAAEM,WAAF,EAAeT,UAAU,GAAG;AAAEa,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAA/C;AAJT,KAMC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGnB,KAAb;AAAqB,IAAA,IAAI,EAAG,EAA5B;AAAiC,IAAA,KAAK,EAAGe,WAAW,CAACK;AAArD,IAND,CALD,EAaC,cAAC,gBAAD;AACC,IAAA,MAAM,EAAG,WADV;AAEC,IAAA,QAAQ,EAAGf,UAFZ;AAGC,IAAA,SAAS,EAAGG,kBAHb;AAIC,IAAA,UAAU,EAAGC,UAJd;AAKC,IAAA,KAAK,EAAG,CAAEM,WAAF,EAAeV,UAAU,GAAG;AAAEc,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAA/C;AALT,KAOC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGlB,IAAb;AAAoB,IAAA,IAAI,EAAG,EAA3B;AAAgC,IAAA,KAAK,EAAGc,WAAW,CAACK;AAApD,IAPD,CAbD,CADD;AAyBA;;AAED,eAAetB,wBAAwB,CAAEK,OAAF,CAAvC","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, minus, plus } 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={ minus } 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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.ios.js"],"names":["Text","TouchableOpacity","View","withPreferredColorScheme","Icon","plus","reset","styles","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","children","shouldDisplayTextInput","valueStyle","valueTextDark","buttonStyle","button","buttonDark","container","opacity","color"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,gBAAf,EAAiCC,IAAjC,QAA6C,cAA7C;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,KAArB,QAAkC,kBAAlC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,SAASC,OAAT,OAUI;AAAA,MAVc;AACjBC,IAAAA,wBADiB;AAEjBC,IAAAA,UAFiB;AAGjBC,IAAAA,UAHiB;AAIjBC,IAAAA,kBAJiB;AAKjBC,IAAAA,kBALiB;AAMjBC,IAAAA,UANiB;AAOjBC,IAAAA,KAPiB;AAQjBC,IAAAA,QARiB;AASjBC,IAAAA;AATiB,GAUd;AACH,QAAMC,UAAU,GAAGT,wBAAwB,CAC1CF,MAAM,CAACQ,KADmC,EAE1CR,MAAM,CAACY,aAFmC,CAA3C;AAIA,QAAMC,WAAW,GAAGX,wBAAwB,CAC3CF,MAAM,CAACc,MADoC,EAE3Cd,MAAM,CAACe,UAFoC,CAA5C;AAKA,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGf,MAAM,CAACgB;AAArB,KACG,CAAEN,sBAAF,IACD,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGC;AAAd,KAA6BH,KAA7B,CAFF,EAIGC,QAJH,EAKC,cAAC,gBAAD;AACC,IAAA,QAAQ,EAAGL,UADZ;AAEC,IAAA,SAAS,EAAGC,kBAFb;AAGC,IAAA,UAAU,EAAGE,UAHd;AAIC,IAAA,KAAK,EAAG,CAAEM,WAAF,EAAeT,UAAU,GAAG;AAAEa,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAA/C;AAJT,KAMC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGlB,KAAb;AAAqB,IAAA,IAAI,EAAG,EAA5B;AAAiC,IAAA,KAAK,EAAGc,WAAW,CAACK;AAArD,IAND,CALD,EAaC,cAAC,gBAAD;AACC,IAAA,MAAM,EAAG,WADV;AAEC,IAAA,QAAQ,EAAGf,UAFZ;AAGC,IAAA,SAAS,EAAGG,kBAHb;AAIC,IAAA,UAAU,EAAGC,UAJd;AAKC,IAAA,KAAK,EAAG,CAAEM,WAAF,EAAeV,UAAU,GAAG;AAAEc,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAA/C;AALT,KAOC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGnB,IAAb;AAAoB,IAAA,IAAI,EAAG,EAA3B;AAAgC,IAAA,KAAK,EAAGe,WAAW,CAACK;AAApD,IAPD,CAbD,CADD;AAyBA;;AAED,eAAetB,wBAAwB,CAAEK,OAAF,CAAvC","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"]}

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

@@ -15,12 +15,13 @@ const {
   Slot
 } = createSlotFill('BottomSheetSubSheet');
 
-const BottomSheetSubSheet = ({
-  children,
-  navigationButton,
-  showSheet,
-  isFullScreen
-}) => {
+const BottomSheetSubSheet = _ref => {
+  let {
+    children,
+    navigationButton,
+    showSheet,
+    isFullScreen
+  } = _ref;
   const {
     setIsFullScreen
   } = useContext(BottomSheetContext);

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"names":["SafeAreaView","Children","useEffect","useContext","createSlotFill","BottomSheetContext","Fill","Slot","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","count","screenName"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,YAAT,QAA6B,cAA7B;AAEA;AACA;AACA;;AACA,SAASC,QAAT,EAAmBC,SAAnB,EAA8BC,UAA9B,QAAgD,oBAAhD;AACA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,uBAAnD;AAEA,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiBH,cAAc,CAAE,qBAAF,CAArC;;AAEA,MAAMI,mBAAmB,GAAG,CAAE;AAC7BC,EAAAA,QAD6B;AAE7BC,EAAAA,gBAF6B;AAG7BC,EAAAA,SAH6B;AAI7BC,EAAAA;AAJ6B,CAAF,KAKrB;AACN,QAAM;AAAEC,IAAAA;AAAF,MAAsBV,UAAU,CAAEE,kBAAF,CAAtC;AAEAH,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAKS,SAAL,EAAiB;AAChBE,MAAAA,eAAe,CAAED,YAAF,CAAf;AACA;AACD,GAJQ,EAIN,CAAED,SAAF,EAAaC,YAAb,CAJM,CAAT;AAMA,SACC,8BACGD,SAAS,IACV,cAAC,IAAD,QACC,cAAC,YAAD,QAAgBF,QAAhB,CADD,CAFF,EAMGR,QAAQ,CAACa,KAAT,CAAgBL,QAAhB,IAA6B,CAA7B,IAAkCC,gBANrC,CADD;AAUA,CAxBD;;AA0BAF,mBAAmB,CAACD,IAApB,GAA2BA,IAA3B;AACAC,mBAAmB,CAACO,UAApB,GAAiC,qBAAjC;AAEA,eAAeP,mBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children, useEffect, useContext } from '@wordpress/element';\nimport { createSlotFill, BottomSheetContext } from '@wordpress/components';\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}, [ 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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"names":["SafeAreaView","Children","useEffect","useContext","createSlotFill","BottomSheetContext","Fill","Slot","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","count","screenName"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,YAAT,QAA6B,cAA7B;AAEA;AACA;AACA;;AACA,SAASC,QAAT,EAAmBC,SAAnB,EAA8BC,UAA9B,QAAgD,oBAAhD;AACA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,uBAAnD;AAEA,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiBH,cAAc,CAAE,qBAAF,CAArC;;AAEA,MAAMI,mBAAmB,GAAG,QAKrB;AAAA,MALuB;AAC7BC,IAAAA,QAD6B;AAE7BC,IAAAA,gBAF6B;AAG7BC,IAAAA,SAH6B;AAI7BC,IAAAA;AAJ6B,GAKvB;AACN,QAAM;AAAEC,IAAAA;AAAF,MAAsBV,UAAU,CAAEE,kBAAF,CAAtC;AAEAH,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAKS,SAAL,EAAiB;AAChBE,MAAAA,eAAe,CAAED,YAAF,CAAf;AACA;AACD,GAJQ,EAIN,CAAED,SAAF,EAAaC,YAAb,CAJM,CAAT;AAMA,SACC,8BACGD,SAAS,IACV,cAAC,IAAD,QACC,cAAC,YAAD,QAAgBF,QAAhB,CADD,CAFF,EAMGR,QAAQ,CAACa,KAAT,CAAgBL,QAAhB,IAA6B,CAA7B,IAAkCC,gBANrC,CADD;AAUA,CAxBD;;AA0BAF,mBAAmB,CAACD,IAApB,GAA2BA,IAA3B;AACAC,mBAAmB,CAACO,UAApB,GAAiC,qBAAjC;AAEA,eAAeP,mBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children, useEffect, useContext } from '@wordpress/element';\nimport { createSlotFill, BottomSheetContext } from '@wordpress/components';\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}, [ 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"]}

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

@@ -19,13 +19,14 @@ import { BottomSheet } from '@wordpress/components';
 
 import styles from './style.scss';
 
-const BottomSheetSelectControl = ({
-  label,
-  icon,
-  options: items,
-  onChange,
-  value: selectedValue
-}) => {
+const BottomSheetSelectControl = _ref => {
+  let {
+    label,
+    icon,
+    options: items,
+    onChange,
+    value: selectedValue
+  } = _ref;
   const [showSubSheet, setShowSubSheet] = useState(false);
   const navigation = useNavigation();
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet-select-control/index.native.js"],"names":["View","useNavigation","useState","Icon","chevronRight","check","__","sprintf","BottomSheet","styles","BottomSheetSelectControl","label","icon","options","items","onChange","value","selectedValue","showSubSheet","setShowSubSheet","navigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","SubSheet","screenName","selectControl","map","item","index"],"mappings":"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","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';\nimport { BottomSheet } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst BottomSheetSelectControl = ( {\n\tlabel,\n\ticon,\n\toptions: items,\n\tonChange,\n\tvalue: selectedValue,\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 = items.find(\n\t\t( option ) => option.value === selectedValue\n\t);\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={ selectedOption.label }\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\tselectedOption.label\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\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\tonPress={ onChangeValue( item.value ) }\n\t\t\t\t\t\t\tleftAlign={ true }\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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet-select-control/index.native.js"],"names":["View","useNavigation","useState","Icon","chevronRight","check","__","sprintf","BottomSheet","styles","BottomSheetSelectControl","label","icon","options","items","onChange","value","selectedValue","showSubSheet","setShowSubSheet","navigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","SubSheet","screenName","selectControl","map","item","index"],"mappings":"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","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';\nimport { BottomSheet } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst BottomSheetSelectControl = ( {\n\tlabel,\n\ticon,\n\toptions: items,\n\tonChange,\n\tvalue: selectedValue,\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 = items.find(\n\t\t( option ) => option.value === selectedValue\n\t);\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={ selectedOption.label }\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\tselectedOption.label\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\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\tonPress={ onChangeValue( item.value ) }\n\t\t\t\t\t\t\tleftAlign={ true }\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"]}

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

@@ -19,14 +19,15 @@ import { BottomSheet, PanelBody, FooterMessageControl } from '@wordpress/compone
 
 import styles from './styles.scss';
 
-const BottomSheetTextControl = ({
-  initialValue,
-  onChange,
-  placeholder,
-  label,
-  icon,
-  footerNote
-}) => {
+const BottomSheetTextControl = _ref => {
+  let {
+    initialValue,
+    onChange,
+    placeholder,
+    label,
+    icon,
+    footerNote
+  } = _ref;
   const [showSubSheet, setShowSubSheet] = useState(false);
   const navigation = useNavigation();
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"names":["TextInput","useNavigation","useState","Icon","chevronRight","usePreferredColorSchemeStyle","BottomSheet","PanelBody","FooterMessageControl","styles","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","showSubSheet","setShowSubSheet","navigation","goBack","openSubSheet","navigate","SubSheet","screenName","horizontalBorderStyle","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","text","textFooternote"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,cAA1B;AACA,SAASC,aAAT,QAA8B,0BAA9B;AAEA;AACA;AACA;;AACA,SAASC,QAAT,QAAyB,oBAAzB;AACA,SAASC,IAAT,EAAeC,YAAf,QAAmC,kBAAnC;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AACA,SACCC,WADD,EAECC,SAFD,EAGCC,oBAHD,QAIO,uBAJP;AAMA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,MAAMC,sBAAsB,GAAG,CAAE;AAChCC,EAAAA,YADgC;AAEhCC,EAAAA,QAFgC;AAGhCC,EAAAA,WAHgC;AAIhCC,EAAAA,KAJgC;AAKhCC,EAAAA,IALgC;AAMhCC,EAAAA;AANgC,CAAF,KAOxB;AACN,QAAM,CAAEC,YAAF,EAAgBC,eAAhB,IAAoChB,QAAQ,CAAE,KAAF,CAAlD;AACA,QAAMiB,UAAU,GAAGlB,aAAa,EAAhC;;AAEA,QAAMmB,MAAM,GAAG,MAAM;AACpBF,IAAAA,eAAe,CAAE,KAAF,CAAf;AACAC,IAAAA,UAAU,CAACC,MAAX;AACA,GAHD;;AAKA,QAAMC,YAAY,GAAG,MAAM;AAC1BF,IAAAA,UAAU,CAACG,QAAX,CAAqBhB,WAAW,CAACiB,QAAZ,CAAqBC,UAA1C;AACAN,IAAAA,eAAe,CAAE,IAAF,CAAf;AACA,GAHD;;AAKA,QAAMO,qBAAqB,GAAGpB,4BAA4B,CACzDI,MAAM,CAACiB,gBADkD,EAEzDjB,MAAM,CAACkB,oBAFkD,CAA1D;AAKA,QAAMC,eAAe,GAAGvB,4BAA4B,CACnDI,MAAM,CAACoB,UAD4C,EAEnDpB,MAAM,CAACqB,cAF4C,CAApD;AAKA,SACC,cAAC,WAAD,CAAa,QAAb;AACC,IAAA,gBAAgB,EACf,cAAC,WAAD,CAAa,IAAb;AACC,MAAA,IAAI,EAAGf,IADR;AAEC,MAAA,WAAW,EAAGF,WAFf;AAGC,MAAA,KAAK,EAAGC,KAHT;AAIC,MAAA,OAAO,EAAGO,YAJX;AAKC,MAAA,KAAK,EAAGV,YAAY,IAAI;AALzB,OAOC,cAAC,IAAD;AAAM,MAAA,IAAI,EAAGP;AAAb,MAPD,CAFF;AAYC,IAAA,SAAS,EAAGa;AAZb,KAcC,8BACC,cAAC,WAAD,CAAa,MAAb,QACC,cAAC,WAAD,CAAa,MAAb,CAAoB,UAApB;AAA+B,IAAA,OAAO,EAAGG;AAAzC,IADD,EAEC,cAAC,WAAD,CAAa,MAAb,CAAoB,OAApB,QACGN,KADH,CAFD,CADD,EAOC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGW;AAAnB,KACC,cAAC,SAAD;AACC,IAAA,KAAK,EAAGX,KADT;AAEC,IAAA,YAAY,EAAKiB,IAAF,IAAYnB,QAAQ,CAAEmB,IAAF,CAFpC;AAGC,IAAA,YAAY,EAAGpB,YAHhB;AAIC,IAAA,SAAS,EAAG,IAJb;AAKC,IAAA,WAAW,EAAGE,WALf;AAMC,IAAA,oBAAoB,EAAG,SANxB;AAOC,IAAA,KAAK,EAAGe,eAPT;AAQC,IAAA,iBAAiB,EAAG;AARrB,IADD,CAPD,CAdD,EAmCGZ,UAAU,IACX,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGP,MAAM,CAACuB;AAA1B,KACC,cAAC,oBAAD;AACC,IAAA,KAAK,EAAGhB,UADT;AAEC,IAAA,SAAS,EAAC;AAFX,IADD,CApCF,CADD;AA8CA,CA7ED;;AA+EA,eAAeN,sBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport {\n\tBottomSheet,\n\tPanelBody,\n\tFooterMessageControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetTextControl = ( {\n\tinitialValue,\n\tonChange,\n\tplaceholder,\n\tlabel,\n\ticon,\n\tfooterNote,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\tconst horizontalBorderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalBorder,\n\t\tstyles.horizontalBorderDark\n\t);\n\n\tconst textEditorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.textEditor,\n\t\tstyles.textEditorDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\tvalue={ initialValue || '' }\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<PanelBody style={ horizontalBorderStyle }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tonChangeText={ ( text ) => onChange( text ) }\n\t\t\t\t\t\tdefaultValue={ initialValue }\n\t\t\t\t\t\tmultiline={ true }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tplaceholderTextColor={ '#87a6bc' }\n\t\t\t\t\t\tstyle={ textEditorStyle }\n\t\t\t\t\t\ttextAlignVertical={ 'top' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</>\n\n\t\t\t{ footerNote && (\n\t\t\t\t<PanelBody style={ styles.textFooternote }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ footerNote }\n\t\t\t\t\t\ttextAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetTextControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"names":["TextInput","useNavigation","useState","Icon","chevronRight","usePreferredColorSchemeStyle","BottomSheet","PanelBody","FooterMessageControl","styles","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","showSubSheet","setShowSubSheet","navigation","goBack","openSubSheet","navigate","SubSheet","screenName","horizontalBorderStyle","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","text","textFooternote"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,cAA1B;AACA,SAASC,aAAT,QAA8B,0BAA9B;AAEA;AACA;AACA;;AACA,SAASC,QAAT,QAAyB,oBAAzB;AACA,SAASC,IAAT,EAAeC,YAAf,QAAmC,kBAAnC;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AACA,SACCC,WADD,EAECC,SAFD,EAGCC,oBAHD,QAIO,uBAJP;AAMA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,MAAMC,sBAAsB,GAAG,QAOxB;AAAA,MAP0B;AAChCC,IAAAA,YADgC;AAEhCC,IAAAA,QAFgC;AAGhCC,IAAAA,WAHgC;AAIhCC,IAAAA,KAJgC;AAKhCC,IAAAA,IALgC;AAMhCC,IAAAA;AANgC,GAO1B;AACN,QAAM,CAAEC,YAAF,EAAgBC,eAAhB,IAAoChB,QAAQ,CAAE,KAAF,CAAlD;AACA,QAAMiB,UAAU,GAAGlB,aAAa,EAAhC;;AAEA,QAAMmB,MAAM,GAAG,MAAM;AACpBF,IAAAA,eAAe,CAAE,KAAF,CAAf;AACAC,IAAAA,UAAU,CAACC,MAAX;AACA,GAHD;;AAKA,QAAMC,YAAY,GAAG,MAAM;AAC1BF,IAAAA,UAAU,CAACG,QAAX,CAAqBhB,WAAW,CAACiB,QAAZ,CAAqBC,UAA1C;AACAN,IAAAA,eAAe,CAAE,IAAF,CAAf;AACA,GAHD;;AAKA,QAAMO,qBAAqB,GAAGpB,4BAA4B,CACzDI,MAAM,CAACiB,gBADkD,EAEzDjB,MAAM,CAACkB,oBAFkD,CAA1D;AAKA,QAAMC,eAAe,GAAGvB,4BAA4B,CACnDI,MAAM,CAACoB,UAD4C,EAEnDpB,MAAM,CAACqB,cAF4C,CAApD;AAKA,SACC,cAAC,WAAD,CAAa,QAAb;AACC,IAAA,gBAAgB,EACf,cAAC,WAAD,CAAa,IAAb;AACC,MAAA,IAAI,EAAGf,IADR;AAEC,MAAA,WAAW,EAAGF,WAFf;AAGC,MAAA,KAAK,EAAGC,KAHT;AAIC,MAAA,OAAO,EAAGO,YAJX;AAKC,MAAA,KAAK,EAAGV,YAAY,IAAI;AALzB,OAOC,cAAC,IAAD;AAAM,MAAA,IAAI,EAAGP;AAAb,MAPD,CAFF;AAYC,IAAA,SAAS,EAAGa;AAZb,KAcC,8BACC,cAAC,WAAD,CAAa,MAAb,QACC,cAAC,WAAD,CAAa,MAAb,CAAoB,UAApB;AAA+B,IAAA,OAAO,EAAGG;AAAzC,IADD,EAEC,cAAC,WAAD,CAAa,MAAb,CAAoB,OAApB,QACGN,KADH,CAFD,CADD,EAOC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGW;AAAnB,KACC,cAAC,SAAD;AACC,IAAA,KAAK,EAAGX,KADT;AAEC,IAAA,YAAY,EAAKiB,IAAF,IAAYnB,QAAQ,CAAEmB,IAAF,CAFpC;AAGC,IAAA,YAAY,EAAGpB,YAHhB;AAIC,IAAA,SAAS,EAAG,IAJb;AAKC,IAAA,WAAW,EAAGE,WALf;AAMC,IAAA,oBAAoB,EAAG,SANxB;AAOC,IAAA,KAAK,EAAGe,eAPT;AAQC,IAAA,iBAAiB,EAAG;AARrB,IADD,CAPD,CAdD,EAmCGZ,UAAU,IACX,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGP,MAAM,CAACuB;AAA1B,KACC,cAAC,oBAAD;AACC,IAAA,KAAK,EAAGhB,UADT;AAEC,IAAA,SAAS,EAAC;AAFX,IADD,CApCF,CADD;AA8CA,CA7ED;;AA+EA,eAAeN,sBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport {\n\tBottomSheet,\n\tPanelBody,\n\tFooterMessageControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetTextControl = ( {\n\tinitialValue,\n\tonChange,\n\tplaceholder,\n\tlabel,\n\ticon,\n\tfooterNote,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\tconst horizontalBorderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalBorder,\n\t\tstyles.horizontalBorderDark\n\t);\n\n\tconst textEditorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.textEditor,\n\t\tstyles.textEditorDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\tvalue={ initialValue || '' }\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<PanelBody style={ horizontalBorderStyle }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tonChangeText={ ( text ) => onChange( text ) }\n\t\t\t\t\t\tdefaultValue={ initialValue }\n\t\t\t\t\t\tmultiline={ true }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tplaceholderTextColor={ '#87a6bc' }\n\t\t\t\t\t\tstyle={ textEditorStyle }\n\t\t\t\t\t\ttextAlignVertical={ 'top' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</>\n\n\t\t\t{ footerNote && (\n\t\t\t\t<PanelBody style={ styles.textFooternote }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ footerNote }\n\t\t\t\t\t\ttextAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetTextControl;\n"]}

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

@@ -19,16 +19,17 @@ import PickerScreen from './picker-screen';
 import GradientPickerScreen from './gradient-picker-screen';
 import PaletteScreen from './palette.screen';
 import { colorsUtils } from './utils';
-const ColorSettingsMemo = memo(({
-  defaultSettings,
-  onHandleClosingBottomSheet,
-  shouldEnableBottomSheetMaxHeight,
-  onColorChange,
-  colorValue,
-  gradientValue,
-  onGradientChange,
-  label
-}) => {
+const ColorSettingsMemo = memo(_ref => {
+  let {
+    defaultSettings,
+    onHandleClosingBottomSheet,
+    shouldEnableBottomSheetMaxHeight,
+    onColorChange,
+    colorValue,
+    gradientValue,
+    onGradientChange,
+    label
+  } = _ref;
   useEffect(() => {
     shouldEnableBottomSheetMaxHeight(true);
     onHandleClosingBottomSheet(null);

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"names":["useRoute","memo","useEffect","useContext","BottomSheetContext","BottomSheet","PickerScreen","GradientPickerScreen","PaletteScreen","colorsUtils","ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","label","screens","palette","picker","gradientPicker","ColorSettings","props","route","params"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,0BAAzB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,SAAf,EAA0BC,UAA1B,QAA4C,oBAA5C;AACA,SAASC,kBAAT,EAA6BC,WAA7B,QAAgD,uBAAhD;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,oBAAP,MAAiC,0BAAjC;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AAEA,SAASC,WAAT,QAA4B,SAA5B;AAEA,MAAMC,iBAAiB,GAAGT,IAAI,CAC7B,CAAE;AACDU,EAAAA,eADC;AAEDC,EAAAA,0BAFC;AAGDC,EAAAA,gCAHC;AAIDC,EAAAA,aAJC;AAKDC,EAAAA,UALC;AAMDC,EAAAA,aANC;AAODC,EAAAA,gBAPC;AAQDC,EAAAA;AARC,CAAF,KASO;AACNhB,EAAAA,SAAS,CAAE,MAAM;AAChBW,IAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAD,IAAAA,0BAA0B,CAAE,IAAF,CAA1B;AACA,GAHQ,EAGN,EAHM,CAAT;AAIA,SACC,cAAC,WAAD,CAAa,mBAAb,QACC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGH,WAAW,CAACU,OAAZ,CAAoBC,OAD5B;AAEC,IAAA,aAAa,EAAG;AACfT,MAAAA,eADe;AAEfG,MAAAA,aAFe;AAGfC,MAAAA,UAHe;AAIfC,MAAAA,aAJe;AAKfC,MAAAA,gBALe;AAMfC,MAAAA;AANe;AAFjB,KAWC,cAAC,aAAD,OAXD,CADD,EAcC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGT,WAAW,CAACU,OAAZ,CAAoBE;AAD5B,KAGC,cAAC,YAAD,OAHD,CAdD,EAmBC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGZ,WAAW,CAACU,OAAZ,CAAoBG;AAD5B,KAGC,cAAC,oBAAD,OAHD,CAnBD,CADD;AA2BA,CA1C4B,CAA9B;;AA4CA,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC/B,QAAMC,KAAK,GAAGzB,QAAQ,EAAtB;AACA,QAAM;AACLY,IAAAA,0BADK;AAELC,IAAAA;AAFK,MAGFV,UAAU,CAAEC,kBAAF,CAHd;AAKA,SACC,cAAC,iBAAD;AACC,IAAA,0BAA0B,EAAGQ,0BAD9B;AAEC,IAAA,gCAAgC,EAC/BC;AAHF,KAKMW,KALN,EAMMC,KAAK,CAACC,MANZ,EADD;AAUA;;AAED,eAAeH,aAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useEffect, useContext } from '@wordpress/element';\nimport { BottomSheetContext, BottomSheet } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\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\tlabel,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\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\tlabel,\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 {\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t} = useContext( 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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"names":["useRoute","memo","useEffect","useContext","BottomSheetContext","BottomSheet","PickerScreen","GradientPickerScreen","PaletteScreen","colorsUtils","ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","label","screens","palette","picker","gradientPicker","ColorSettings","props","route","params"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,0BAAzB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,SAAf,EAA0BC,UAA1B,QAA4C,oBAA5C;AACA,SAASC,kBAAT,EAA6BC,WAA7B,QAAgD,uBAAhD;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,oBAAP,MAAiC,0BAAjC;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AAEA,SAASC,WAAT,QAA4B,SAA5B;AAEA,MAAMC,iBAAiB,GAAGT,IAAI,CAC7B,QASO;AAAA,MATL;AACDU,IAAAA,eADC;AAEDC,IAAAA,0BAFC;AAGDC,IAAAA,gCAHC;AAIDC,IAAAA,aAJC;AAKDC,IAAAA,UALC;AAMDC,IAAAA,aANC;AAODC,IAAAA,gBAPC;AAQDC,IAAAA;AARC,GASK;AACNhB,EAAAA,SAAS,CAAE,MAAM;AAChBW,IAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAD,IAAAA,0BAA0B,CAAE,IAAF,CAA1B;AACA,GAHQ,EAGN,EAHM,CAAT;AAIA,SACC,cAAC,WAAD,CAAa,mBAAb,QACC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGH,WAAW,CAACU,OAAZ,CAAoBC,OAD5B;AAEC,IAAA,aAAa,EAAG;AACfT,MAAAA,eADe;AAEfG,MAAAA,aAFe;AAGfC,MAAAA,UAHe;AAIfC,MAAAA,aAJe;AAKfC,MAAAA,gBALe;AAMfC,MAAAA;AANe;AAFjB,KAWC,cAAC,aAAD,OAXD,CADD,EAcC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGT,WAAW,CAACU,OAAZ,CAAoBE;AAD5B,KAGC,cAAC,YAAD,OAHD,CAdD,EAmBC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGZ,WAAW,CAACU,OAAZ,CAAoBG;AAD5B,KAGC,cAAC,oBAAD,OAHD,CAnBD,CADD;AA2BA,CA1C4B,CAA9B;;AA4CA,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC/B,QAAMC,KAAK,GAAGzB,QAAQ,EAAtB;AACA,QAAM;AACLY,IAAAA,0BADK;AAELC,IAAAA;AAFK,MAGFV,UAAU,CAAEC,kBAAF,CAHd;AAKA,SACC,cAAC,iBAAD;AACC,IAAA,0BAA0B,EAAGQ,0BAD9B;AAEC,IAAA,gCAAgC,EAC/BC;AAHF,KAKMW,KALN,EAMMC,KAAK,CAACC,MANZ,EADD;AAUA;;AAED,eAAeH,aAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useEffect, useContext } from '@wordpress/element';\nimport { BottomSheetContext, BottomSheet } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\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\tlabel,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\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\tlabel,\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 {\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t} = useContext( 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"]}

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

@@ -14,7 +14,7 @@ import { BottomSheetContext } from '@wordpress/components';
  * Internal dependencies
  */
 
-import ColorPicker from '../../color-picker';
+import { ColorPicker } from '../../color-picker';
 
 const PickerScreen = () => {
   const route = useRoute();

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/picker-screen.native.js"],"names":["useRoute","useNavigation","useContext","useMemo","BottomSheetContext","ColorPicker","PickerScreen","route","navigation","onShouldEnableInnerHandling","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","onHandleHardwareButtonPress","setColor","currentValue","isGradientColor","params","goBack"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,aAAnB,QAAwC,0BAAxC;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,oBAApC;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,oBAAxB;;AAEA,MAAMC,YAAY,GAAG,MAAM;AAC1B,QAAMC,KAAK,GAAGP,QAAQ,EAAtB;AACA,QAAMQ,UAAU,GAAGP,aAAa,EAAhC;AACA,QAAM;AACLQ,IAAAA,2BADK;AAELC,IAAAA,gCAFK;AAGLC,IAAAA,0BAHK;AAILC,IAAAA,6BAJK;AAKLC,IAAAA,6BALK;AAMLC,IAAAA;AANK,MAOFZ,UAAU,CAAEE,kBAAF,CAPd;AAQA,QAAM;AAAEW,IAAAA,QAAF;AAAYC,IAAAA,YAAZ;AAA0BC,IAAAA;AAA1B,MAA8CV,KAAK,CAACW,MAA1D;AACA,SAAOf,OAAO,CAAE,MAAM;AACrB,WACC,cAAC,WAAD;AACC,MAAA,2BAA2B,EAAGM,2BAD/B;AAEC,MAAA,gCAAgC,EAC/BC,gCAHF;AAKC,MAAA,QAAQ,EAAGK,QALZ;AAMC,MAAA,WAAW,EAAGC,YANf;AAOC,MAAA,eAAe,EAAGC,eAPnB;AAQC,MAAA,gBAAgB,EAAGT,UAAU,CAACW,MAR/B;AASC,MAAA,0BAA0B,EAAGR,0BAT9B;AAUC,MAAA,6BAA6B,EAAGC,6BAVjC;AAWC,MAAA,6BAA6B,EAAGC,6BAXjC;AAYC,MAAA,2BAA2B,EAAGC;AAZ/B,MADD;AAgBA,GAjBa,EAiBX,CACFC,QADE,EAEFC,YAFE,EAGFC,eAHE,EAIFR,2BAJE,EAKFC,gCALE,EAMFC,0BANE,EAOFC,6BAPE,EAQFC,6BARE,EASFC,2BATE,CAjBW,CAAd;AA4BA,CAxCD;;AA0CA,eAAeR,YAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useMemo } from '@wordpress/element';\nimport { BottomSheetContext } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ColorPicker from '../../color-picker';\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}, [\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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/picker-screen.native.js"],"names":["useRoute","useNavigation","useContext","useMemo","BottomSheetContext","ColorPicker","PickerScreen","route","navigation","onShouldEnableInnerHandling","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","onHandleHardwareButtonPress","setColor","currentValue","isGradientColor","params","goBack"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,aAAnB,QAAwC,0BAAxC;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,oBAApC;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AAEA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,oBAA5B;;AAEA,MAAMC,YAAY,GAAG,MAAM;AAC1B,QAAMC,KAAK,GAAGP,QAAQ,EAAtB;AACA,QAAMQ,UAAU,GAAGP,aAAa,EAAhC;AACA,QAAM;AACLQ,IAAAA,2BADK;AAELC,IAAAA,gCAFK;AAGLC,IAAAA,0BAHK;AAILC,IAAAA,6BAJK;AAKLC,IAAAA,6BALK;AAMLC,IAAAA;AANK,MAOFZ,UAAU,CAAEE,kBAAF,CAPd;AAQA,QAAM;AAAEW,IAAAA,QAAF;AAAYC,IAAAA,YAAZ;AAA0BC,IAAAA;AAA1B,MAA8CV,KAAK,CAACW,MAA1D;AACA,SAAOf,OAAO,CAAE,MAAM;AACrB,WACC,cAAC,WAAD;AACC,MAAA,2BAA2B,EAAGM,2BAD/B;AAEC,MAAA,gCAAgC,EAC/BC,gCAHF;AAKC,MAAA,QAAQ,EAAGK,QALZ;AAMC,MAAA,WAAW,EAAGC,YANf;AAOC,MAAA,eAAe,EAAGC,eAPnB;AAQC,MAAA,gBAAgB,EAAGT,UAAU,CAACW,MAR/B;AASC,MAAA,0BAA0B,EAAGR,0BAT9B;AAUC,MAAA,6BAA6B,EAAGC,6BAVjC;AAWC,MAAA,6BAA6B,EAAGC,6BAXjC;AAYC,MAAA,2BAA2B,EAAGC;AAZ/B,MADD;AAgBA,GAjBa,EAiBX,CACFC,QADE,EAEFC,YAFE,EAGFC,eAHE,EAIFR,2BAJE,EAKFC,gCALE,EAMFC,0BANE,EAOFC,6BAPE,EAQFC,6BARE,EASFC,2BATE,CAjBW,CAAd;AA4BA,CAxCD;;AA0CA,eAAeR,YAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useMemo } from '@wordpress/element';\nimport { BottomSheetContext } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { ColorPicker } from '../../color-picker';\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}, [\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"]}