@wordpress/components 25.5.0 → 25.6.1

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

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -9,7 +8,6 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 /**
  * Internal dependencies
  */
-
 import Cell from './cell';
 import styles from './styles.scss';
 export default function BottomSheetRadioCell(props) {
@@ -18,13 +16,13 @@ export default function BottomSheetRadioCell(props) {
     ...cellProps
   } = props;
   const selectedIconStyle = usePreferredColorSchemeStyle(styles.selectedIcon, styles.selectedIconDark);
-  return createElement(Cell, { ...cellProps,
+  return createElement(Cell, {
+    ...cellProps,
     accessibilityRole: 'radio',
     accessibilityState: {
       selected
     },
-    accessibilityHint:
-    /* translators: accessibility text (hint for selecting option) */
+    accessibilityHint: /* translators: accessibility text (hint for selecting option) */
     __('Double tap to select the option'),
     editable: false,
     value: '',

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/radio-cell.native.js"],"names":["__","Icon","check","usePreferredColorSchemeStyle","Cell","styles","BottomSheetRadioCell","props","selected","cellProps","selectedIconStyle","selectedIcon","selectedIconDark"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,IAAT,EAAeC,KAAf,QAA4B,kBAA5B;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AACA;AACA;AACA;;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,MAAP,MAAmB,eAAnB;AAEA,eAAe,SAASC,oBAAT,CAA+BC,KAA/B,EAAuC;AACrD,QAAM;AAAEC,IAAAA,QAAF;AAAY,OAAGC;AAAf,MAA6BF,KAAnC;AAEA,QAAMG,iBAAiB,GAAGP,4BAA4B,CACrDE,MAAM,CAACM,YAD8C,EAErDN,MAAM,CAACO,gBAF8C,CAAtD;AAKA,SACC,cAAC,IAAD,OACMH,SADN;AAEC,IAAA,iBAAiB,EAAG,OAFrB;AAGC,IAAA,kBAAkB,EAAG;AAAED,MAAAA;AAAF,KAHtB;AAIC,IAAA,iBAAiB;AAChB;AACAR,IAAAA,EAAE,CAAE,iCAAF,CANJ;AAQC,IAAA,QAAQ,EAAG,KARZ;AASC,IAAA,KAAK,EAAG,EATT;AAUC,IAAA,YAAY,EAAGQ;AAVhB,KAYGA,QAAQ,IACT,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGN,KAAb;AAAqB,IAAA,KAAK,EAAGQ;AAA7B,IAbF,CADD;AAkBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nexport default function BottomSheetRadioCell( props ) {\n\tconst { selected, ...cellProps } = props;\n\n\tconst selectedIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selectedIcon,\n\t\tstyles.selectedIconDark\n\t);\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole={ 'radio' }\n\t\t\taccessibilityState={ { selected } }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for selecting option) */\n\t\t\t\t__( 'Double tap to select the option' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tshowLockIcon={ selected }\n\t\t>\n\t\t\t{ selected && (\n\t\t\t\t<Icon icon={ check } style={ selectedIconStyle }></Icon>\n\t\t\t) }\n\t\t</Cell>\n\t);\n}\n"]}
+{"version":3,"names":["__","Icon","check","usePreferredColorSchemeStyle","Cell","styles","BottomSheetRadioCell","props","selected","cellProps","selectedIconStyle","selectedIcon","selectedIconDark","createElement","accessibilityRole","accessibilityState","accessibilityHint","editable","value","showLockIcon","icon","style"],"sources":["@wordpress/components/src/mobile/bottom-sheet/radio-cell.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nexport default function BottomSheetRadioCell( props ) {\n\tconst { selected, ...cellProps } = props;\n\n\tconst selectedIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selectedIcon,\n\t\tstyles.selectedIconDark\n\t);\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole={ 'radio' }\n\t\t\taccessibilityState={ { selected } }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for selecting option) */\n\t\t\t\t__( 'Double tap to select the option' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tshowLockIcon={ selected }\n\t\t>\n\t\t\t{ selected && (\n\t\t\t\t<Icon icon={ check } style={ selectedIconStyle }></Icon>\n\t\t\t) }\n\t\t</Cell>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,4BAA4B,QAAQ,oBAAoB;AACjE;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,MAAM,MAAM,eAAe;AAElC,eAAe,SAASC,oBAAoBA,CAAEC,KAAK,EAAG;EACrD,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGF,KAAK;EAExC,MAAMG,iBAAiB,GAAGP,4BAA4B,CACrDE,MAAM,CAACM,YAAY,EACnBN,MAAM,CAACO,gBACR,CAAC;EAED,OACCC,aAAA,CAACT,IAAI;IAAA,GACCK,SAAS;IACdK,iBAAiB,EAAG,OAAS;IAC7BC,kBAAkB,EAAG;MAAEP;IAAS,CAAG;IACnCQ,iBAAiB,EAChB;IACAhB,EAAE,CAAE,iCAAkC,CACtC;IACDiB,QAAQ,EAAG,KAAO;IAClBC,KAAK,EAAG,EAAI;IACZC,YAAY,EAAGX;EAAU,GAEvBA,QAAQ,IACTK,aAAA,CAACZ,IAAI;IAACmB,IAAI,EAAGlB,KAAO;IAACmB,KAAK,EAAGX;EAAmB,CAAO,CAEnD,CAAC;AAET"}

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

@@ -1,28 +1,26 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { Platform, AccessibilityInfo, View } from 'react-native';
 import Slider from '@react-native-community/slider';
+
 /**
  * WordPress dependencies
  */
-
 import { __, sprintf } from '@wordpress/i18n';
 import { Component } from '@wordpress/element';
 import { withPreferredColorScheme } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import Cell from './cell';
 import LockIcon from './lock-icon';
 import styles from './range-cell.scss';
 import RangeTextInput from './range-text-input';
 import { toFixed } from '../utils';
 const isIOS = Platform.OS === 'ios';
-
 class BottomSheetRangeCell extends Component {
   constructor(props) {
     super(props);
@@ -43,11 +41,9 @@ class BottomSheetRangeCell extends Component {
       sliderValue: initialValue
     };
   }
-
   componentWillUnmount() {
     clearTimeout(this.timeoutAnnounceValue);
   }
-
   onSliderChange(initialValue) {
     const {
       decimalNum,
@@ -59,7 +55,6 @@ class BottomSheetRangeCell extends Component {
     });
     onChange(initialValue);
   }
-
   onTextInputChange(nextValue) {
     const {
       onChange,
@@ -69,29 +64,25 @@ class BottomSheetRangeCell extends Component {
       sliderValue: nextValue
     });
     onChange(nextValue);
-
     if (onComplete) {
       onComplete(nextValue);
     }
   }
-
   onCompleteSliderChange(nextValue) {
     const {
       decimalNum,
       onComplete
     } = this.props;
     nextValue = toFixed(nextValue, decimalNum);
-
     if (onComplete) {
       onComplete(nextValue);
     }
   }
+
   /*
    * Only used with screenreaders like VoiceOver and TalkBack. Increments the
    * value of this setting programmatically.
    */
-
-
   a11yIncrementValue() {
     const {
       step = 5,
@@ -102,17 +93,15 @@ class BottomSheetRangeCell extends Component {
       inputValue
     } = this.state;
     const newValue = toFixed(inputValue + step, decimalNum);
-
     if (newValue <= maximumValue || maximumValue === undefined) {
       this.a11yUpdateValue(newValue);
     }
   }
+
   /*
    * Only used with screenreaders like VoiceOver and TalkBack. Decrements the
    * value of this setting programmatically.
    */
-
-
   a11yDecrementValue() {
     const {
       step = 5,
@@ -123,12 +112,10 @@ class BottomSheetRangeCell extends Component {
       sliderValue
     } = this.state;
     const newValue = toFixed(sliderValue - step, decimalNum);
-
     if (newValue >= minimumValue) {
       this.a11yUpdateValue(newValue);
     }
   }
-
   a11yUpdateValue(newValue) {
     const {
       onChange,
@@ -139,24 +126,20 @@ class BottomSheetRangeCell extends Component {
       inputValue: newValue
     });
     onChange(newValue);
-
     if (onComplete) {
       onComplete(newValue);
     }
-
     this.announceValue(newValue);
   }
+
   /*
    * Only used with screenreaders like VoiceOver and TalkBack.
    */
-
-
   announceValue(value) {
     const {
       label,
       unitLabel = ''
     } = this.props;
-
     if (isIOS) {
       // On Android it triggers the accessibilityLabel with the value change, but
       // on iOS we need to do this manually.
@@ -166,7 +149,6 @@ class BottomSheetRangeCell extends Component {
       }, 300);
     }
   }
-
   render() {
     const {
       value,
@@ -193,17 +175,13 @@ class BottomSheetRangeCell extends Component {
       inputValue,
       sliderValue
     } = this.state;
-
     const getAccessibilityHint = () => {
       return openUnitPicker ? __('double-tap to change unit') : '';
     };
-
     const getAccessibilityLabel = () => {
-      return sprintf(
-      /* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */
+      return sprintf( /* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */
       __('%1$s. %2$s is %3$s %4$s.'), cellProps.label, settingLabel, toFixed(value, decimalNum), unitLabel);
     };
-
     const containerStyle = [styles.container, isIOS ? styles.containerIOS : styles.containerAndroid];
     return createElement(View, {
       accessible: true,
@@ -220,16 +198,13 @@ class BottomSheetRangeCell extends Component {
           case 'increment':
             this.a11yIncrementValue();
             break;
-
           case 'decrement':
             this.a11yDecrementValue();
             break;
-
           case 'activate':
             if (openUnitPicker) {
               openUnitPicker();
             }
-
             break;
         }
       },
@@ -237,7 +212,8 @@ class BottomSheetRangeCell extends Component {
       accessibilityHint: getAccessibilityHint()
     }, createElement(View, {
       importantForAccessibility: "no-hide-descendants"
-    }, createElement(Cell, { ...cellProps,
+    }, createElement(Cell, {
+      ...cellProps,
       cellContainerStyle: [styles.cellContainerStyles, cellContainerStyle],
       cellRowContainerStyle: containerStyle,
       leftAlign: true,
@@ -277,8 +253,6 @@ class BottomSheetRangeCell extends Component {
       decimalNum: decimalNum
     }, children), disabled && createElement(LockIcon, null)))));
   }
-
 }
-
 export default withPreferredColorScheme(BottomSheetRangeCell);
 //# sourceMappingURL=range-cell.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/range-cell.native.js"],"names":["Platform","AccessibilityInfo","View","Slider","__","sprintf","Component","withPreferredColorScheme","Cell","LockIcon","styles","RangeTextInput","toFixed","isIOS","OS","BottomSheetRangeCell","constructor","props","onSliderChange","bind","onCompleteSliderChange","onTextInputChange","a11yIncrementValue","a11yDecrementValue","a11yUpdateValue","value","defaultValue","minimumValue","initialValue","Number","state","inputValue","sliderValue","componentWillUnmount","clearTimeout","timeoutAnnounceValue","decimalNum","onChange","setState","nextValue","onComplete","step","maximumValue","newValue","undefined","announceValue","label","unitLabel","setTimeout","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","getAccessibilityLabel","containerStyle","container","containerIOS","containerAndroid","name","event","nativeEvent","actionName","cellContainerStyles","valueStyle","slider","sliderRef","sliderIOS","sliderAndroid"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, AccessibilityInfo, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport LockIcon from './lock-icon';\nimport styles from './range-cell.scss';\nimport RangeTextInput from './range-text-input';\nimport { toFixed } from '../utils';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetRangeCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onSliderChange = this.onSliderChange.bind( this );\n\t\tthis.onCompleteSliderChange = this.onCompleteSliderChange.bind( this );\n\t\tthis.onTextInputChange = this.onTextInputChange.bind( this );\n\t\tthis.a11yIncrementValue = this.a11yIncrementValue.bind( this );\n\t\tthis.a11yDecrementValue = this.a11yDecrementValue.bind( this );\n\t\tthis.a11yUpdateValue = this.a11yUpdateValue.bind( this );\n\n\t\tconst { value, defaultValue, minimumValue } = props;\n\t\tconst initialValue = Number( value || defaultValue || minimumValue );\n\n\t\tthis.state = {\n\t\t\tinputValue: initialValue,\n\t\t\tsliderValue: initialValue,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tonSliderChange( initialValue ) {\n\t\tconst { decimalNum, onChange } = this.props;\n\t\tinitialValue = toFixed( initialValue, decimalNum );\n\t\tthis.setState( { inputValue: initialValue } );\n\t\tonChange( initialValue );\n\t}\n\n\tonTextInputChange( nextValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: nextValue,\n\t\t} );\n\t\tonChange( nextValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\tonCompleteSliderChange( nextValue ) {\n\t\tconst { decimalNum, onComplete } = this.props;\n\t\tnextValue = toFixed( nextValue, decimalNum );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Increments the\n\t * value of this setting programmatically.\n\t */\n\ta11yIncrementValue() {\n\t\tconst { step = 5, maximumValue, decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tconst newValue = toFixed( inputValue + step, decimalNum );\n\n\t\tif ( newValue <= maximumValue || maximumValue === undefined ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Decrements the\n\t * value of this setting programmatically.\n\t */\n\ta11yDecrementValue() {\n\t\tconst { step = 5, minimumValue, decimalNum } = this.props;\n\t\tconst { sliderValue } = this.state;\n\n\t\tconst newValue = toFixed( sliderValue - step, decimalNum );\n\n\t\tif ( newValue >= minimumValue ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\ta11yUpdateValue( newValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: newValue,\n\t\t\tinputValue: newValue,\n\t\t} );\n\t\tonChange( newValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( newValue );\n\t\t}\n\t\tthis.announceValue( newValue );\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack.\n\t */\n\tannounceValue( value ) {\n\t\tconst { label, unitLabel = '' } = this.props;\n\n\t\tif ( isIOS ) {\n\t\t\t// On Android it triggers the accessibilityLabel with the value change, but\n\t\t\t// on iOS we need to do this manually.\n\t\t\tclearTimeout( this.timeoutAnnounceValue );\n\t\t\tthis.timeoutAnnounceValue = setTimeout( () => {\n\t\t\t\tAccessibilityInfo.announceForAccessibility(\n\t\t\t\t\t`${ value } ${ unitLabel },  ${ label }`\n\t\t\t\t);\n\t\t\t}, 300 );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\tminimumValue = 0,\n\t\t\tmaximumValue = 10,\n\t\t\tdisabled,\n\t\t\tstep = 1,\n\t\t\tpreferredColorScheme,\n\t\t\tminimumTrackTintColor = preferredColorScheme === 'light'\n\t\t\t\t? '#00669b'\n\t\t\t\t: '#5198d9',\n\t\t\tmaximumTrackTintColor = isIOS ? '#e9eff3' : '#909090',\n\t\t\tthumbTintColor = ! isIOS && '#00669b',\n\t\t\tpreview,\n\t\t\tcellContainerStyle,\n\t\t\tshouldDisplayTextInput = true,\n\t\t\tunitLabel = '',\n\t\t\tsettingLabel = 'Value',\n\t\t\topenUnitPicker,\n\t\t\tchildren,\n\t\t\tdecimalNum,\n\t\t\t...cellProps\n\t\t} = this.props;\n\n\t\tconst { inputValue, sliderValue } = this.state;\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\treturn sprintf(\n\t\t\t\t/* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */\n\t\t\t\t__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\t\tcellProps.label,\n\t\t\t\tsettingLabel,\n\t\t\t\ttoFixed( value, decimalNum ),\n\t\t\t\tunitLabel\n\t\t\t);\n\t\t};\n\n\t\tconst containerStyle = [\n\t\t\tstyles.container,\n\t\t\tisIOS ? styles.containerIOS : styles.containerAndroid,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityActions={ [\n\t\t\t\t\t{ name: 'increment' },\n\t\t\t\t\t{ name: 'decrement' },\n\t\t\t\t\t{ name: 'activate' },\n\t\t\t\t] }\n\t\t\t\tonAccessibilityAction={ ( event ) => {\n\t\t\t\t\tswitch ( event.nativeEvent.actionName ) {\n\t\t\t\t\t\tcase 'increment':\n\t\t\t\t\t\t\tthis.a11yIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.a11yDecrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'activate':\n\t\t\t\t\t\t\tif ( openUnitPicker ) {\n\t\t\t\t\t\t\t\topenUnitPicker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\n\t\t\t>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\t{ ...cellProps }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyles,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={ containerStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\tactiveOpacity={ 1 }\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tvalueStyle={ styles.valueStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tshowLockIcon={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Slider\n\t\t\t\t\t\t\t\ttestID={ `Slider ${ cellProps.label }` }\n\t\t\t\t\t\t\t\tvalue={ sliderValue }\n\t\t\t\t\t\t\t\tdefaultValue={ defaultValue }\n\t\t\t\t\t\t\t\tdisabled={ disabled && ! isIOS }\n\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\tminimumValue={ minimumValue }\n\t\t\t\t\t\t\t\tmaximumValue={ maximumValue }\n\t\t\t\t\t\t\t\tminimumTrackTintColor={ minimumTrackTintColor }\n\t\t\t\t\t\t\t\tmaximumTrackTintColor={ maximumTrackTintColor }\n\t\t\t\t\t\t\t\tthumbTintColor={ thumbTintColor }\n\t\t\t\t\t\t\t\tonValueChange={ this.onSliderChange }\n\t\t\t\t\t\t\t\tonSlidingComplete={\n\t\t\t\t\t\t\t\t\tthis.onCompleteSliderChange\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tref={ ( slider ) => {\n\t\t\t\t\t\t\t\t\tthis.sliderRef = slider;\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tisIOS\n\t\t\t\t\t\t\t\t\t\t? styles.sliderIOS\n\t\t\t\t\t\t\t\t\t\t: styles.sliderAndroid\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\tlabel={ cellProps.label }\n\t\t\t\t\t\t\t\t\tonChange={ this.onTextInputChange }\n\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\tvalue={ inputValue }\n\t\t\t\t\t\t\t\t\tmin={ minimumValue }\n\t\t\t\t\t\t\t\t\tmax={ maximumValue }\n\t\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ disabled && <LockIcon /> }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Cell>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetRangeCell );\n"]}
+{"version":3,"names":["Platform","AccessibilityInfo","View","Slider","__","sprintf","Component","withPreferredColorScheme","Cell","LockIcon","styles","RangeTextInput","toFixed","isIOS","OS","BottomSheetRangeCell","constructor","props","onSliderChange","bind","onCompleteSliderChange","onTextInputChange","a11yIncrementValue","a11yDecrementValue","a11yUpdateValue","value","defaultValue","minimumValue","initialValue","Number","state","inputValue","sliderValue","componentWillUnmount","clearTimeout","timeoutAnnounceValue","decimalNum","onChange","setState","nextValue","onComplete","step","maximumValue","newValue","undefined","announceValue","label","unitLabel","setTimeout","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","getAccessibilityLabel","containerStyle","container","containerIOS","containerAndroid","createElement","accessible","accessibilityRole","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","accessibilityLabel","accessibilityHint","importantForAccessibility","cellContainerStyles","cellRowContainerStyle","leftAlign","editable","activeOpacity","valueStyle","showLockIcon","style","testID","onValueChange","onSlidingComplete","ref","slider","sliderRef","sliderIOS","sliderAndroid","min","max"],"sources":["@wordpress/components/src/mobile/bottom-sheet/range-cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, AccessibilityInfo, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport LockIcon from './lock-icon';\nimport styles from './range-cell.scss';\nimport RangeTextInput from './range-text-input';\nimport { toFixed } from '../utils';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetRangeCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onSliderChange = this.onSliderChange.bind( this );\n\t\tthis.onCompleteSliderChange = this.onCompleteSliderChange.bind( this );\n\t\tthis.onTextInputChange = this.onTextInputChange.bind( this );\n\t\tthis.a11yIncrementValue = this.a11yIncrementValue.bind( this );\n\t\tthis.a11yDecrementValue = this.a11yDecrementValue.bind( this );\n\t\tthis.a11yUpdateValue = this.a11yUpdateValue.bind( this );\n\n\t\tconst { value, defaultValue, minimumValue } = props;\n\t\tconst initialValue = Number( value || defaultValue || minimumValue );\n\n\t\tthis.state = {\n\t\t\tinputValue: initialValue,\n\t\t\tsliderValue: initialValue,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tonSliderChange( initialValue ) {\n\t\tconst { decimalNum, onChange } = this.props;\n\t\tinitialValue = toFixed( initialValue, decimalNum );\n\t\tthis.setState( { inputValue: initialValue } );\n\t\tonChange( initialValue );\n\t}\n\n\tonTextInputChange( nextValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: nextValue,\n\t\t} );\n\t\tonChange( nextValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\tonCompleteSliderChange( nextValue ) {\n\t\tconst { decimalNum, onComplete } = this.props;\n\t\tnextValue = toFixed( nextValue, decimalNum );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Increments the\n\t * value of this setting programmatically.\n\t */\n\ta11yIncrementValue() {\n\t\tconst { step = 5, maximumValue, decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tconst newValue = toFixed( inputValue + step, decimalNum );\n\n\t\tif ( newValue <= maximumValue || maximumValue === undefined ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Decrements the\n\t * value of this setting programmatically.\n\t */\n\ta11yDecrementValue() {\n\t\tconst { step = 5, minimumValue, decimalNum } = this.props;\n\t\tconst { sliderValue } = this.state;\n\n\t\tconst newValue = toFixed( sliderValue - step, decimalNum );\n\n\t\tif ( newValue >= minimumValue ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\ta11yUpdateValue( newValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: newValue,\n\t\t\tinputValue: newValue,\n\t\t} );\n\t\tonChange( newValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( newValue );\n\t\t}\n\t\tthis.announceValue( newValue );\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack.\n\t */\n\tannounceValue( value ) {\n\t\tconst { label, unitLabel = '' } = this.props;\n\n\t\tif ( isIOS ) {\n\t\t\t// On Android it triggers the accessibilityLabel with the value change, but\n\t\t\t// on iOS we need to do this manually.\n\t\t\tclearTimeout( this.timeoutAnnounceValue );\n\t\t\tthis.timeoutAnnounceValue = setTimeout( () => {\n\t\t\t\tAccessibilityInfo.announceForAccessibility(\n\t\t\t\t\t`${ value } ${ unitLabel },  ${ label }`\n\t\t\t\t);\n\t\t\t}, 300 );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\tminimumValue = 0,\n\t\t\tmaximumValue = 10,\n\t\t\tdisabled,\n\t\t\tstep = 1,\n\t\t\tpreferredColorScheme,\n\t\t\tminimumTrackTintColor = preferredColorScheme === 'light'\n\t\t\t\t? '#00669b'\n\t\t\t\t: '#5198d9',\n\t\t\tmaximumTrackTintColor = isIOS ? '#e9eff3' : '#909090',\n\t\t\tthumbTintColor = ! isIOS && '#00669b',\n\t\t\tpreview,\n\t\t\tcellContainerStyle,\n\t\t\tshouldDisplayTextInput = true,\n\t\t\tunitLabel = '',\n\t\t\tsettingLabel = 'Value',\n\t\t\topenUnitPicker,\n\t\t\tchildren,\n\t\t\tdecimalNum,\n\t\t\t...cellProps\n\t\t} = this.props;\n\n\t\tconst { inputValue, sliderValue } = this.state;\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\treturn sprintf(\n\t\t\t\t/* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */\n\t\t\t\t__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\t\tcellProps.label,\n\t\t\t\tsettingLabel,\n\t\t\t\ttoFixed( value, decimalNum ),\n\t\t\t\tunitLabel\n\t\t\t);\n\t\t};\n\n\t\tconst containerStyle = [\n\t\t\tstyles.container,\n\t\t\tisIOS ? styles.containerIOS : styles.containerAndroid,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityActions={ [\n\t\t\t\t\t{ name: 'increment' },\n\t\t\t\t\t{ name: 'decrement' },\n\t\t\t\t\t{ name: 'activate' },\n\t\t\t\t] }\n\t\t\t\tonAccessibilityAction={ ( event ) => {\n\t\t\t\t\tswitch ( event.nativeEvent.actionName ) {\n\t\t\t\t\t\tcase 'increment':\n\t\t\t\t\t\t\tthis.a11yIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.a11yDecrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'activate':\n\t\t\t\t\t\t\tif ( openUnitPicker ) {\n\t\t\t\t\t\t\t\topenUnitPicker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\n\t\t\t>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\t{ ...cellProps }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyles,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={ containerStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\tactiveOpacity={ 1 }\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tvalueStyle={ styles.valueStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tshowLockIcon={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Slider\n\t\t\t\t\t\t\t\ttestID={ `Slider ${ cellProps.label }` }\n\t\t\t\t\t\t\t\tvalue={ sliderValue }\n\t\t\t\t\t\t\t\tdefaultValue={ defaultValue }\n\t\t\t\t\t\t\t\tdisabled={ disabled && ! isIOS }\n\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\tminimumValue={ minimumValue }\n\t\t\t\t\t\t\t\tmaximumValue={ maximumValue }\n\t\t\t\t\t\t\t\tminimumTrackTintColor={ minimumTrackTintColor }\n\t\t\t\t\t\t\t\tmaximumTrackTintColor={ maximumTrackTintColor }\n\t\t\t\t\t\t\t\tthumbTintColor={ thumbTintColor }\n\t\t\t\t\t\t\t\tonValueChange={ this.onSliderChange }\n\t\t\t\t\t\t\t\tonSlidingComplete={\n\t\t\t\t\t\t\t\t\tthis.onCompleteSliderChange\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tref={ ( slider ) => {\n\t\t\t\t\t\t\t\t\tthis.sliderRef = slider;\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tisIOS\n\t\t\t\t\t\t\t\t\t\t? styles.sliderIOS\n\t\t\t\t\t\t\t\t\t\t: styles.sliderAndroid\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\tlabel={ cellProps.label }\n\t\t\t\t\t\t\t\t\tonChange={ this.onTextInputChange }\n\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\tvalue={ inputValue }\n\t\t\t\t\t\t\t\t\tmin={ minimumValue }\n\t\t\t\t\t\t\t\t\tmax={ maximumValue }\n\t\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ disabled && <LockIcon /> }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Cell>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetRangeCell );\n"],"mappings":"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"}

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

@@ -1,25 +1,23 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { AccessibilityInfo, View, TextInput, PixelRatio, AppState, Platform, Text, TouchableWithoutFeedback } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { Component } from '@wordpress/element';
 import { withPreferredColorScheme } from '@wordpress/compose';
 import { __, sprintf } from '@wordpress/i18n';
+
 /**
  * Internal dependencies
  */
-
 import { toFixed, removeNonDigit } from '../utils';
 import styles from './styles.scss';
 import borderStyles from './borderStyles.scss';
 const isIOS = Platform.OS === 'ios';
-
 class RangeTextInput extends Component {
   constructor(props) {
     super(props);
@@ -44,16 +42,13 @@ class RangeTextInput extends Component {
       hasFocus: false
     };
   }
-
   componentDidMount() {
     this.appStateChangeSubscription = AppState.addEventListener('change', this.handleChangePixelRatio);
   }
-
   componentWillUnmount() {
     this.appStateChangeSubscription.remove();
     clearTimeout(this.timeoutAnnounceValue);
   }
-
   componentDidUpdate(prevProps, prevState) {
     const {
       value
@@ -62,29 +57,24 @@ class RangeTextInput extends Component {
       hasFocus,
       inputValue
     } = this.state;
-
     if (prevProps.value !== value) {
       this.setState({
         inputValue: value
       });
     }
-
     if (prevState.hasFocus !== hasFocus) {
       const validValue = this.validateInput(inputValue);
       this.setState({
         inputValue: validValue
       });
     }
-
     if (!prevState.hasFocus && hasFocus) {
       this._valueTextInput.focus();
     }
   }
-
   getFontScale() {
     return PixelRatio.getFontScale() < 1 ? 1 : PixelRatio.getFontScale();
   }
-
   handleChangePixelRatio(nextAppState) {
     if (nextAppState === 'active') {
       this.setState({
@@ -92,13 +82,11 @@ class RangeTextInput extends Component {
       });
     }
   }
-
   onInputFocus() {
     this.setState({
       hasFocus: true
     });
   }
-
   onInputBlur() {
     const {
       inputValue
@@ -108,7 +96,6 @@ class RangeTextInput extends Component {
       hasFocus: false
     });
   }
-
   validateInput(text) {
     const {
       min,
@@ -116,20 +103,16 @@ class RangeTextInput extends Component {
       decimalNum
     } = this.props;
     let result = min;
-
     if (!text) {
       return min;
     }
-
     if (typeof text === 'number') {
       result = Math.max(text, min);
       return max ? Math.min(result, max) : result;
     }
-
     result = Math.max(removeNonDigit(text, decimalNum), min);
     return max ? Math.min(result, max) : result;
   }
-
   updateValue(value) {
     const {
       onChange
@@ -138,7 +121,6 @@ class RangeTextInput extends Component {
     this.announceCurrentValue(`${validValue}`);
     onChange(validValue);
   }
-
   onChangeText(textValue) {
     const {
       decimalNum
@@ -153,7 +135,6 @@ class RangeTextInput extends Component {
     });
     this.updateValue(value);
   }
-
   onSubmitEditing({
     nativeEvent: {
       text
@@ -165,11 +146,9 @@ class RangeTextInput extends Component {
     const {
       inputValue
     } = this.state;
-
     if (!isNaN(Number(text))) {
       text = toFixed(text.replace(',', '.'), decimalNum);
       const validValue = this.validateInput(text);
-
       if (inputValue !== validValue) {
         this.setState({
           inputValue: validValue
@@ -179,13 +158,11 @@ class RangeTextInput extends Component {
       }
     }
   }
-
   announceCurrentValue(value) {
     /* translators: %s: current cell value. */
     const announcement = sprintf(__('Current value is %s'), value);
     AccessibilityInfo.announceForAccessibility(announcement);
   }
-
   render() {
     const {
       getStylesFromColorScheme,
@@ -233,8 +210,6 @@ class RangeTextInput extends Component {
       ellipsizeMode: "clip"
     }, inputValue), children));
   }
-
 }
-
 export default withPreferredColorScheme(RangeTextInput);
 //# sourceMappingURL=range-text-input.native.js.map

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

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

@@ -1,22 +1,20 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { Platform, TouchableOpacity, TouchableNativeFeedback, View } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { withPreferredColorScheme } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import rippleStyles from './ripple.native.scss';
 const ANDROID_VERSION_LOLLIPOP = 21;
 const ANDROID_VERSION_PIE = 28;
-
 const TouchableRipple = ({
   style,
   onPress,
@@ -30,12 +28,12 @@ const TouchableRipple = ({
   const isTouchableNativeSupported = Platform.OS === 'android' && Platform.Version >= ANDROID_VERSION_LOLLIPOP;
   const disabled = disabledProp || !onPress;
   const rippleColor = getStylesFromColorScheme(rippleStyles.ripple, rippleStyles.rippleDark).backgroundColor;
-
   if (isTouchableNativeSupported) {
     // A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'
     // https://github.com/facebook/react-native/issues/6480
     const useForeground = Platform.OS === 'android' && Platform.Version >= ANDROID_VERSION_PIE && borderless;
-    return createElement(TouchableNativeFeedback, { ...touchableProps,
+    return createElement(TouchableNativeFeedback, {
+      ...touchableProps,
       onPress: onPress,
       disabled: disabled,
       useForeground: useForeground,
@@ -44,14 +42,13 @@ const TouchableRipple = ({
       style: [borderless && rippleStyles.overflow, style]
     }, children));
   }
-
-  return createElement(TouchableOpacity, { ...touchableProps,
+  return createElement(TouchableOpacity, {
+    ...touchableProps,
     onPress: onPress,
     disabled: disabled,
     activeOpacity: activeOpacity,
     style: style
   }, children);
 };
-
 export default withPreferredColorScheme(TouchableRipple);
 //# sourceMappingURL=ripple.native.js.map

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,OACMC,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,OAUC,cAAC,IAAD;AAAM,MAAA,KAAK,EAAG,CAAEA,UAAU,IAAIX,YAAY,CAACsB,QAA7B,EAAuClB,KAAvC;AAAd,OACGI,QADH,CAVD,CADD;AAgBA;;AAED,SACC,cAAC,gBAAD,OACMI,cADN;AAEC,IAAA,OAAO,EAAGP,OAFX;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,aAAa,EAAGG,aAJjB;AAKC,IAAA,KAAK,EAAGL;AALT,KAOGI,QAPH,CADD;AAWA,CAzDD;;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,"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","createElement","background","Ripple","overflow"],"sources":["@wordpress/components/src/mobile/bottom-sheet/ripple.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tPlatform,\n\tTouchableOpacity,\n\tTouchableNativeFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport rippleStyles from './ripple.native.scss';\n\nconst ANDROID_VERSION_LOLLIPOP = 21;\nconst ANDROID_VERSION_PIE = 28;\n\nconst TouchableRipple = ( {\n\tstyle,\n\tonPress,\n\tdisabled: disabledProp,\n\tchildren,\n\tactiveOpacity,\n\tgetStylesFromColorScheme,\n\tborderless = false,\n\t...touchableProps\n} ) => {\n\tconst isTouchableNativeSupported =\n\t\tPlatform.OS === 'android' &&\n\t\tPlatform.Version >= ANDROID_VERSION_LOLLIPOP;\n\n\tconst disabled = disabledProp || ! onPress;\n\tconst rippleColor = getStylesFromColorScheme(\n\t\trippleStyles.ripple,\n\t\trippleStyles.rippleDark\n\t).backgroundColor;\n\n\tif ( isTouchableNativeSupported ) {\n\t\t// A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'\n\t\t// https://github.com/facebook/react-native/issues/6480\n\t\tconst useForeground =\n\t\t\tPlatform.OS === 'android' &&\n\t\t\tPlatform.Version >= ANDROID_VERSION_PIE &&\n\t\t\tborderless;\n\n\t\treturn (\n\t\t\t<TouchableNativeFeedback\n\t\t\t\t{ ...touchableProps }\n\t\t\t\tonPress={ onPress }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tuseForeground={ useForeground }\n\t\t\t\tbackground={ TouchableNativeFeedback.Ripple(\n\t\t\t\t\trippleColor,\n\t\t\t\t\tborderless\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<View style={ [ borderless && rippleStyles.overflow, style ] }>\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableNativeFeedback>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\t{ ...touchableProps }\n\t\t\tonPress={ onPress }\n\t\t\tdisabled={ disabled }\n\t\t\tactiveOpacity={ activeOpacity }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</TouchableOpacity>\n\t);\n};\n\nexport default withPreferredColorScheme( TouchableRipple );\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,QAAQ,EACRC,gBAAgB,EAChBC,uBAAuB,EACvBC,IAAI,QACE,cAAc;;AAErB;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,oBAAoB;;AAE7D;AACA;AACA;AACA,OAAOC,YAAY,MAAM,sBAAsB;AAE/C,MAAMC,wBAAwB,GAAG,EAAE;AACnC,MAAMC,mBAAmB,GAAG,EAAE;AAE9B,MAAMC,eAAe,GAAGA,CAAE;EACzBC,KAAK;EACLC,OAAO;EACPC,QAAQ,EAAEC,YAAY;EACtBC,QAAQ;EACRC,aAAa;EACbC,wBAAwB;EACxBC,UAAU,GAAG,KAAK;EAClB,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,0BAA0B,GAC/BlB,QAAQ,CAACmB,EAAE,KAAK,SAAS,IACzBnB,QAAQ,CAACoB,OAAO,IAAId,wBAAwB;EAE7C,MAAMK,QAAQ,GAAGC,YAAY,IAAI,CAAEF,OAAO;EAC1C,MAAMW,WAAW,GAAGN,wBAAwB,CAC3CV,YAAY,CAACiB,MAAM,EACnBjB,YAAY,CAACkB,UACd,CAAC,CAACC,eAAe;EAEjB,IAAKN,0BAA0B,EAAG;IACjC;IACA;IACA,MAAMO,aAAa,GAClBzB,QAAQ,CAACmB,EAAE,KAAK,SAAS,IACzBnB,QAAQ,CAACoB,OAAO,IAAIb,mBAAmB,IACvCS,UAAU;IAEX,OACCU,aAAA,CAACxB,uBAAuB;MAAA,GAClBe,cAAc;MACnBP,OAAO,EAAGA,OAAS;MACnBC,QAAQ,EAAGA,QAAU;MACrBc,aAAa,EAAGA,aAAe;MAC/BE,UAAU,EAAGzB,uBAAuB,CAAC0B,MAAM,CAC1CP,WAAW,EACXL,UACD;IAAG,GAEHU,aAAA,CAACvB,IAAI;MAACM,KAAK,EAAG,CAAEO,UAAU,IAAIX,YAAY,CAACwB,QAAQ,EAAEpB,KAAK;IAAI,GAC3DI,QACG,CACkB,CAAC;EAE5B;EAEA,OACCa,aAAA,CAACzB,gBAAgB;IAAA,GACXgB,cAAc;IACnBP,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA,QAAU;IACrBG,aAAa,EAAGA,aAAe;IAC/BL,KAAK,EAAGA;EAAO,GAEbI,QACe,CAAC;AAErB,CAAC;AAED,eAAeT,wBAAwB,CAAEI,eAAgB,CAAC"}