@wordpress/components 27.5.0 → 28.0.0

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

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

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -14,6 +13,8 @@ import { withPreferredColorScheme } from '@wordpress/compose';
  * Internal dependencies
  */
 import styles from './style.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function Stepper({
   getStylesFromColorScheme,
   isMaxValue,
@@ -27,34 +28,38 @@ function Stepper({
 }) {
   const valueStyle = getStylesFromColorScheme(styles.value, styles.valueTextDark);
   const buttonIconStyle = getStylesFromColorScheme(styles.buttonNoBg, styles.buttonNoBgTextDark);
-  return createElement(View, {
-    style: styles.container
-  }, createElement(TouchableOpacity, {
-    disabled: isMinValue,
-    onPressIn: onPressInDecrement,
-    onPressOut: onPressOut,
-    style: [styles.buttonNoBg, isMinValue ? {
-      opacity: 0.4
-    } : null]
-  }, createElement(Icon, {
-    icon: chevronDown,
-    size: 24,
-    color: buttonIconStyle.color
-  })), !shouldDisplayTextInput && createElement(Text, {
-    style: [valueStyle, styles.spacings]
-  }, value), children, createElement(TouchableOpacity, {
-    testID: 'Increment',
-    disabled: isMaxValue,
-    onPressIn: onPressInIncrement,
-    onPressOut: onPressOut,
-    style: [styles.buttonNoBg, isMaxValue ? {
-      opacity: 0.4
-    } : null]
-  }, createElement(Icon, {
-    icon: chevronUp,
-    size: 24,
-    color: buttonIconStyle.color
-  })));
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+      disabled: isMinValue,
+      onPressIn: onPressInDecrement,
+      onPressOut: onPressOut,
+      style: [styles.buttonNoBg, isMinValue ? {
+        opacity: 0.4
+      } : null],
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: chevronDown,
+        size: 24,
+        color: buttonIconStyle.color
+      })
+    }), !shouldDisplayTextInput && /*#__PURE__*/_jsx(Text, {
+      style: [valueStyle, styles.spacings],
+      children: value
+    }), children, /*#__PURE__*/_jsx(TouchableOpacity, {
+      testID: "Increment",
+      disabled: isMaxValue,
+      onPressIn: onPressInIncrement,
+      onPressOut: onPressOut,
+      style: [styles.buttonNoBg, isMaxValue ? {
+        opacity: 0.4
+      } : null],
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: chevronUp,
+        size: 24,
+        color: buttonIconStyle.color
+      })
+    })]
+  });
 }
 export default withPreferredColorScheme(Stepper);
 //# sourceMappingURL=stepper.android.js.map

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

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

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -14,6 +13,8 @@ import { Icon, plus, reset } from '@wordpress/icons';
  * Internal dependencies
  */
 import styles from './style.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function Stepper({
   getStylesFromColorScheme,
   isMaxValue,
@@ -27,34 +28,38 @@ function Stepper({
 }) {
   const valueStyle = getStylesFromColorScheme(styles.value, styles.valueTextDark);
   const buttonStyle = getStylesFromColorScheme(styles.button, styles.buttonDark);
-  return createElement(View, {
-    style: styles.container
-  }, !shouldDisplayTextInput && createElement(Text, {
-    style: valueStyle
-  }, value), children, createElement(TouchableOpacity, {
-    disabled: isMinValue,
-    onPressIn: onPressInDecrement,
-    onPressOut: onPressOut,
-    style: [buttonStyle, isMinValue ? {
-      opacity: 0.4
-    } : null]
-  }, createElement(Icon, {
-    icon: reset,
-    size: 24,
-    color: buttonStyle.color
-  })), createElement(TouchableOpacity, {
-    testID: 'Increment',
-    disabled: isMaxValue,
-    onPressIn: onPressInIncrement,
-    onPressOut: onPressOut,
-    style: [buttonStyle, isMaxValue ? {
-      opacity: 0.4
-    } : null]
-  }, createElement(Icon, {
-    icon: plus,
-    size: 24,
-    color: buttonStyle.color
-  })));
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [!shouldDisplayTextInput && /*#__PURE__*/_jsx(Text, {
+      style: valueStyle,
+      children: value
+    }), children, /*#__PURE__*/_jsx(TouchableOpacity, {
+      disabled: isMinValue,
+      onPressIn: onPressInDecrement,
+      onPressOut: onPressOut,
+      style: [buttonStyle, isMinValue ? {
+        opacity: 0.4
+      } : null],
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: reset,
+        size: 24,
+        color: buttonStyle.color
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      testID: "Increment",
+      disabled: isMaxValue,
+      onPressIn: onPressInIncrement,
+      onPressOut: onPressOut,
+      style: [buttonStyle, isMaxValue ? {
+        opacity: 0.4
+      } : null],
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: plus,
+        size: 24,
+        color: buttonStyle.color
+      })
+    })]
+  });
 }
 export default withPreferredColorScheme(Stepper);
 //# sourceMappingURL=stepper.ios.js.map

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

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

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -8,7 +7,15 @@ import { SafeAreaView } from 'react-native';
  * WordPress dependencies
  */
 import { Children, useEffect, useContext } from '@wordpress/element';
-import { createSlotFill, BottomSheetContext } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import { BottomSheetContext } from '../bottom-sheet-context';
+import { createSlotFill } from '../../../slot-fill';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
   Fill,
   Slot
@@ -30,7 +37,13 @@ const BottomSheetSubSheet = ({
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [showSheet, isFullScreen]);
-  return createElement(Fragment, null, showSheet && createElement(Fill, null, createElement(SafeAreaView, null, children)), Children.count(children) > 0 && navigationButton);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [showSheet && /*#__PURE__*/_jsx(Fill, {
+      children: /*#__PURE__*/_jsx(SafeAreaView, {
+        children: children
+      })
+    }), Children.count(children) > 0 && navigationButton]
+  });
 };
 BottomSheetSubSheet.Slot = Slot;
 BottomSheetSubSheet.screenName = 'BottomSheetSubSheet';

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

@@ -1 +1 @@
-{"version":3,"names":["SafeAreaView","Children","useEffect","useContext","createSlotFill","BottomSheetContext","Fill","Slot","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","createElement","Fragment","count","screenName"],"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children, useEffect, useContext } from '@wordpress/element';\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\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ showSheet, isFullScreen ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ showSheet && (\n\t\t\t\t<Fill>\n\t\t\t\t\t<SafeAreaView>{ children }</SafeAreaView>\n\t\t\t\t</Fill>\n\t\t\t) }\n\t\t\t{ Children.count( children ) > 0 && navigationButton }\n\t\t</>\n\t);\n};\n\nBottomSheetSubSheet.Slot = Slot;\nBottomSheetSubSheet.screenName = 'BottomSheetSubSheet';\n\nexport default BottomSheetSubSheet;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,cAAc;;AAE3C;AACA;AACA;AACA,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;AACpE,SAASC,cAAc,EAAEC,kBAAkB,QAAQ,uBAAuB;AAE1E,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGH,cAAc,CAAE,qBAAsB,CAAC;AAE9D,MAAMI,mBAAmB,GAAGA,CAAE;EAC7BC,QAAQ;EACRC,gBAAgB;EAChBC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAgB,CAAC,GAAGV,UAAU,CAAEE,kBAAmB,CAAC;EAE5DH,SAAS,CAAE,MAAM;IAChB,IAAKS,SAAS,EAAG;MAChBE,eAAe,CAAED,YAAa,CAAC;IAChC;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAED,SAAS,EAAEC,YAAY,CAAG,CAAC;EAEhC,OACCE,aAAA,CAAAC,QAAA,QACGJ,SAAS,IACVG,aAAA,CAACR,IAAI,QACJQ,aAAA,CAACd,YAAY,QAAGS,QAAwB,CACnC,CACN,EACCR,QAAQ,CAACe,KAAK,CAAEP,QAAS,CAAC,GAAG,CAAC,IAAIC,gBACnC,CAAC;AAEL,CAAC;AAEDF,mBAAmB,CAACD,IAAI,GAAGA,IAAI;AAC/BC,mBAAmB,CAACS,UAAU,GAAG,qBAAqB;AAEtD,eAAeT,mBAAmB","ignoreList":[]}
+{"version":3,"names":["SafeAreaView","Children","useEffect","useContext","BottomSheetContext","createSlotFill","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Fill","Slot","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","count","screenName"],"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children, useEffect, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetContext } from '../bottom-sheet-context';\nimport { createSlotFill } from '../../../slot-fill';\n\nconst { Fill, Slot } = createSlotFill( 'BottomSheetSubSheet' );\n\nconst BottomSheetSubSheet = ( {\n\tchildren,\n\tnavigationButton,\n\tshowSheet,\n\tisFullScreen,\n} ) => {\n\tconst { setIsFullScreen } = useContext( BottomSheetContext );\n\n\tuseEffect( () => {\n\t\tif ( showSheet ) {\n\t\t\tsetIsFullScreen( isFullScreen );\n\t\t}\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ showSheet, isFullScreen ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ showSheet && (\n\t\t\t\t<Fill>\n\t\t\t\t\t<SafeAreaView>{ children }</SafeAreaView>\n\t\t\t\t</Fill>\n\t\t\t) }\n\t\t\t{ Children.count( children ) > 0 && navigationButton }\n\t\t</>\n\t);\n};\n\nBottomSheetSubSheet.Slot = Slot;\nBottomSheetSubSheet.screenName = 'BottomSheetSubSheet';\n\nexport default BottomSheetSubSheet;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,cAAc;;AAE3C;AACA;AACA;AACA,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;;AAEpE;AACA;AACA;AACA,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,cAAc,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpD,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGR,cAAc,CAAE,qBAAsB,CAAC;AAE9D,MAAMS,mBAAmB,GAAGA,CAAE;EAC7BC,QAAQ;EACRC,gBAAgB;EAChBC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAgB,CAAC,GAAGhB,UAAU,CAAEC,kBAAmB,CAAC;EAE5DF,SAAS,CAAE,MAAM;IAChB,IAAKe,SAAS,EAAG;MAChBE,eAAe,CAAED,YAAa,CAAC;IAChC;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAED,SAAS,EAAEC,YAAY,CAAG,CAAC;EAEhC,oBACCP,KAAA,CAAAF,SAAA;IAAAM,QAAA,GACGE,SAAS,iBACVV,IAAA,CAACK,IAAI;MAAAG,QAAA,eACJR,IAAA,CAACP,YAAY;QAAAe,QAAA,EAAGA;MAAQ,CAAgB;IAAC,CACpC,CACN,EACCd,QAAQ,CAACmB,KAAK,CAAEL,QAAS,CAAC,GAAG,CAAC,IAAIC,gBAAgB;EAAA,CACnD,CAAC;AAEL,CAAC;AAEDF,mBAAmB,CAACD,IAAI,GAAGA,IAAI;AAC/BC,mBAAmB,CAACO,UAAU,GAAG,qBAAqB;AAEtD,eAAeP,mBAAmB","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -12,6 +11,7 @@ import { __, _x, sprintf } from '@wordpress/i18n';
  * Internal dependencies
  */
 import Cell from './cell';
+import { jsx as _jsx } from "react/jsx-runtime";
 const EMPTY_STYLE = {};
 export default function BottomSheetSwitchCell(props) {
   const {
@@ -33,21 +33,22 @@ export default function BottomSheetSwitchCell(props) {
     _x('%1$s, %2$s. On', 'switch control'), cellProps.label, cellProps.help) : sprintf( /* translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. */
     _x('%1$s, %2$s. Off', 'switch control'), cellProps.label, cellProps.help);
   };
-  return createElement(Cell, {
+  return /*#__PURE__*/_jsx(Cell, {
     ...cellProps,
     accessibilityLabel: getAccessibilityLabel(),
-    accessibilityRole: 'none',
+    accessibilityRole: "none",
     accessibilityHint: /* translators: accessibility text (hint for switches) */
     __('Double tap to toggle setting'),
     onPress: onPress,
     editable: false,
-    value: '',
+    value: "",
     disabled: disabled,
-    disabledStyle: EMPTY_STYLE
-  }, createElement(Switch, {
-    value: value,
-    onValueChange: onValueChange,
-    disabled: disabled
-  }));
+    disabledStyle: EMPTY_STYLE,
+    children: /*#__PURE__*/_jsx(Switch, {
+      value: value,
+      onValueChange: onValueChange,
+      disabled: disabled
+    })
+  });
 }
 //# sourceMappingURL=switch-cell.native.js.map

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

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

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -11,11 +10,15 @@ import { useNavigation } from '@react-navigation/native';
 import { useState } from '@wordpress/element';
 import { Icon, chevronRight, check } from '@wordpress/icons';
 import { __, sprintf } from '@wordpress/i18n';
-import { BottomSheet } from '@wordpress/components';
+
 /**
  * Internal dependencies
  */
 import styles from './style.scss';
+import BottomSheet from '../bottom-sheet';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const EMPTY_OPTION = {
   label: ''
 };
@@ -45,45 +48,54 @@ const BottomSheetSelectControl = ({
     navigation.navigate(BottomSheet.SubSheet.screenName);
     setShowSubSheet(true);
   };
-  return createElement(BottomSheet.SubSheet, {
-    navigationButton: createElement(BottomSheet.Cell, {
+  return /*#__PURE__*/_jsx(BottomSheet.SubSheet, {
+    navigationButton: /*#__PURE__*/_jsx(BottomSheet.Cell, {
       label: label,
       separatorType: "none",
       icon: icon,
       value: selectedOption.label,
       onPress: openSubSheet,
-      accessibilityRole: 'button',
+      accessibilityRole: "button",
       accessibilityLabel: sprintf(
       // translators:  %1$s: Select control button label e.g. "Button width". %2$s: Select control option value e.g: "Auto, 25%".
       __('%1$s. Currently selected: %2$s'), label, selectedOption.label),
       accessibilityHint: sprintf(
       // translators: %s: Select control button label e.g. "Button width"
       __('Navigates to select %s'), label),
-      disabled: disabled
-    }, disabled ? null : createElement(Icon, {
-      icon: chevronRight
-    })),
-    showSheet: showSubSheet
-  }, createElement(Fragment, null, createElement(BottomSheet.NavBar, null, createElement(BottomSheet.NavBar.BackButton, {
-    onPress: goBack
-  }), createElement(BottomSheet.NavBar.Heading, null, label)), createElement(View, {
-    style: styles.selectControl
-  }, items.map((item, index) => createElement(BottomSheet.Cell, {
-    customActionButton: true,
-    separatorType: "none",
-    label: item.label,
-    icon: item.icon,
-    onPress: onChangeValue(item.value),
-    leftAlign: true,
-    key: index,
-    accessibilityRole: 'button',
-    accessibilityLabel: item.value === selectedValue ? sprintf(
-    // translators: %s: Select control option value e.g: "Auto, 25%".
-    __('Selected: %s'), item.label) : item.label,
-    accessibilityHint: __('Double tap to select')
-  }, item.value === selectedValue && createElement(Icon, {
-    icon: check
-  }))))));
+      disabled: disabled,
+      children: disabled ? null : /*#__PURE__*/_jsx(Icon, {
+        icon: chevronRight
+      })
+    }),
+    showSheet: showSubSheet,
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(BottomSheet.NavBar, {
+        children: [/*#__PURE__*/_jsx(BottomSheet.NavBar.BackButton, {
+          onPress: goBack
+        }), /*#__PURE__*/_jsx(BottomSheet.NavBar.Heading, {
+          children: label
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.selectControl,
+        children: items.map((item, index) => /*#__PURE__*/_jsx(BottomSheet.Cell, {
+          customActionButton: true,
+          separatorType: "none",
+          label: item.label,
+          icon: item.icon,
+          onPress: onChangeValue(item.value),
+          leftAlign: true,
+          accessibilityRole: "button",
+          accessibilityLabel: item.value === selectedValue ? sprintf(
+          // translators: %s: Select control option value e.g: "Auto, 25%".
+          __('Selected: %s'), item.label) : item.label,
+          accessibilityHint: __('Double tap to select'),
+          children: item.value === selectedValue && /*#__PURE__*/_jsx(Icon, {
+            icon: check
+          })
+        }, index))
+      })]
+    })
+  });
 };
 export default BottomSheetSelectControl;
 //# sourceMappingURL=index.native.js.map

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

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