@wordpress/components 26.0.1-next.5a1d1283.0 → 26.0.1

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_icons","_compose","_style","_interopRequireDefault","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","shouldDisplayTextInput","children","valueStyle","styles","valueTextDark","buttonIconStyle","buttonNoBg","buttonNoBgTextDark","_element","createElement","View","style","container","TouchableOpacity","disabled","onPressIn","opacity","Icon","icon","chevronDown","size","color","Text","spacings","testID","chevronUp","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.android.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, chevronDown, chevronUp } from '@wordpress/icons';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tshouldDisplayTextInput,\n\tchildren,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonIconStyle = getStylesFromColorScheme(\n\t\tstyles.buttonNoBg,\n\t\tstyles.buttonNoBgTextDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMinValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ [ valueStyle, styles.spacings ] }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID={ 'Increment' }\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMaxValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASK,OAAOA,CAAE;EACjBC,wBAAwB;EACxBC,UAAU;EACVC,UAAU;EACVC,kBAAkB;EAClBC,kBAAkB;EAClBC,UAAU;EACVC,KAAK;EACLC,sBAAsB;EACtBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,wBAAwB,CAC1CU,cAAM,CAACJ,KAAK,EACZI,cAAM,CAACC,aACR,CAAC;EACD,MAAMC,eAAe,GAAGZ,wBAAwB,CAC/CU,cAAM,CAACG,UAAU,EACjBH,cAAM,CAACI,kBACR,CAAC;EAED,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAGR,cAAM,CAACS;EAAW,GAC/B,IAAAJ,QAAA,CAAAC,aAAA,EAACvB,YAAA,CAAA2B,gBAAgB;IAChBC,QAAQ,EAAGnB,UAAY;IACvBoB,SAAS,EAAGnB,kBAAoB;IAChCE,UAAU,EAAGA,UAAY;IACzBa,KAAK,EAAG,CACPR,cAAM,CAACG,UAAU,EACjBX,UAAU,GAAG;MAAEqB,OAAO,EAAE;IAAI,CAAC,GAAG,IAAI;EAClC,GAEH,IAAAR,QAAA,CAAAC,aAAA,EAACrB,MAAA,CAAA6B,IAAI;IACJC,IAAI,EAAGC,kBAAa;IACpBC,IAAI,EAAG,EAAI;IACXC,KAAK,EAAGhB,eAAe,CAACgB;EAAO,CAC/B,CACgB,CAAC,EACjB,CAAErB,sBAAsB,IACzB,IAAAQ,QAAA,CAAAC,aAAA,EAACvB,YAAA,CAAAoC,IAAI;IAACX,KAAK,EAAG,CAAET,UAAU,EAAEC,cAAM,CAACoB,QAAQ;EAAI,GAAGxB,KAAa,CAC/D,EACCE,QAAQ,EACV,IAAAO,QAAA,CAAAC,aAAA,EAACvB,YAAA,CAAA2B,gBAAgB;IAChBW,MAAM,EAAG,WAAa;IACtBV,QAAQ,EAAGpB,UAAY;IACvBqB,SAAS,EAAGlB,kBAAoB;IAChCC,UAAU,EAAGA,UAAY;IACzBa,KAAK,EAAG,CACPR,cAAM,CAACG,UAAU,EACjBZ,UAAU,GAAG;MAAEsB,OAAO,EAAE;IAAI,CAAC,GAAG,IAAI;EAClC,GAEH,IAAAR,QAAA,CAAAC,aAAA,EAACrB,MAAA,CAAA6B,IAAI;IACJC,IAAI,EAAGO,gBAAW;IAClBL,IAAI,EAAG,EAAI;IACXC,KAAK,EAAGhB,eAAe,CAACgB;EAAO,CAC/B,CACgB,CACb,CAAC;AAET;AAAC,IAAAK,QAAA,GAEc,IAAAC,iCAAwB,EAAEnC,OAAQ,CAAC;AAAAoC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_reactNative","require","_icons","_compose","_style","_interopRequireDefault","Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","shouldDisplayTextInput","children","valueStyle","styles","valueTextDark","buttonIconStyle","buttonNoBg","buttonNoBgTextDark","_react","createElement","View","style","container","TouchableOpacity","disabled","onPressIn","opacity","Icon","icon","chevronDown","size","color","Text","spacings","testID","chevronUp","_default","exports","default","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.android.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, chevronDown, chevronUp } from '@wordpress/icons';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tshouldDisplayTextInput,\n\tchildren,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonIconStyle = getStylesFromColorScheme(\n\t\tstyles.buttonNoBg,\n\t\tstyles.buttonNoBgTextDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMinValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ [ valueStyle, styles.spacings ] }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID={ 'Increment' }\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMaxValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASK,OAAOA,CAAE;EACjBC,wBAAwB;EACxBC,UAAU;EACVC,UAAU;EACVC,kBAAkB;EAClBC,kBAAkB;EAClBC,UAAU;EACVC,KAAK;EACLC,sBAAsB;EACtBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,wBAAwB,CAC1CU,cAAM,CAACJ,KAAK,EACZI,cAAM,CAACC,aACR,CAAC;EACD,MAAMC,eAAe,GAAGZ,wBAAwB,CAC/CU,cAAM,CAACG,UAAU,EACjBH,cAAM,CAACI,kBACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAGR,cAAM,CAACS;EAAW,GAC/B,IAAAJ,MAAA,CAAAC,aAAA,EAACvB,YAAA,CAAA2B,gBAAgB;IAChBC,QAAQ,EAAGnB,UAAY;IACvBoB,SAAS,EAAGnB,kBAAoB;IAChCE,UAAU,EAAGA,UAAY;IACzBa,KAAK,EAAG,CACPR,cAAM,CAACG,UAAU,EACjBX,UAAU,GAAG;MAAEqB,OAAO,EAAE;IAAI,CAAC,GAAG,IAAI;EAClC,GAEH,IAAAR,MAAA,CAAAC,aAAA,EAACrB,MAAA,CAAA6B,IAAI;IACJC,IAAI,EAAGC,kBAAa;IACpBC,IAAI,EAAG,EAAI;IACXC,KAAK,EAAGhB,eAAe,CAACgB;EAAO,CAC/B,CACgB,CAAC,EACjB,CAAErB,sBAAsB,IACzB,IAAAQ,MAAA,CAAAC,aAAA,EAACvB,YAAA,CAAAoC,IAAI;IAACX,KAAK,EAAG,CAAET,UAAU,EAAEC,cAAM,CAACoB,QAAQ;EAAI,GAAGxB,KAAa,CAC/D,EACCE,QAAQ,EACV,IAAAO,MAAA,CAAAC,aAAA,EAACvB,YAAA,CAAA2B,gBAAgB;IAChBW,MAAM,EAAG,WAAa;IACtBV,QAAQ,EAAGpB,UAAY;IACvBqB,SAAS,EAAGlB,kBAAoB;IAChCC,UAAU,EAAGA,UAAY;IACzBa,KAAK,EAAG,CACPR,cAAM,CAACG,UAAU,EACjBZ,UAAU,GAAG;MAAEsB,OAAO,EAAE;IAAI,CAAC,GAAG,IAAI;EAClC,GAEH,IAAAR,MAAA,CAAAC,aAAA,EAACrB,MAAA,CAAA6B,IAAI;IACJC,IAAI,EAAGO,gBAAW;IAClBL,IAAI,EAAG,EAAI;IACXC,KAAK,EAAGhB,eAAe,CAACgB;EAAO,CAC/B,CACgB,CACb,CAAC;AAET;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,iCAAwB,EAAErC,OAAQ,CAAC"}

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

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

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

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

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 /**
  * External dependencies
@@ -36,10 +37,9 @@ const BottomSheetSubSheet = ({
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [showSheet, isFullScreen]);
-  return (0, _element.createElement)(_element.Fragment, null, showSheet && (0, _element.createElement)(Fill, null, (0, _element.createElement)(_reactNative.SafeAreaView, null, children)), _element.Children.count(children) > 0 && navigationButton);
+  return (0, _react.createElement)(_react.Fragment, null, showSheet && (0, _react.createElement)(Fill, null, (0, _react.createElement)(_reactNative.SafeAreaView, null, children)), _element.Children.count(children) > 0 && navigationButton);
 };
 BottomSheetSubSheet.Slot = Slot;
 BottomSheetSubSheet.screenName = 'BottomSheetSubSheet';
-var _default = BottomSheetSubSheet;
-exports.default = _default;
+var _default = exports.default = BottomSheetSubSheet;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_components","Fill","Slot","createSlotFill","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","useContext","BottomSheetContext","useEffect","createElement","Fragment","SafeAreaView","Children","count","screenName","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children, useEffect, useContext } from '@wordpress/element';\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":";;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAM;EAAEG,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EAAE,qBAAsB,CAAC;AAE9D,MAAMC,mBAAmB,GAAGA,CAAE;EAC7BC,QAAQ;EACRC,gBAAgB;EAChBC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,mBAAU,EAAEC,8BAAmB,CAAC;EAE5D,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKL,SAAS,EAAG;MAChBE,eAAe,CAAED,YAAa,CAAC;IAChC;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAED,SAAS,EAAEC,YAAY,CAAG,CAAC;EAEhC,OACC,IAAAX,QAAA,CAAAgB,aAAA,EAAAhB,QAAA,CAAAiB,QAAA,QACGP,SAAS,IACV,IAAAV,QAAA,CAAAgB,aAAA,EAACZ,IAAI,QACJ,IAAAJ,QAAA,CAAAgB,aAAA,EAACd,YAAA,CAAAgB,YAAY,QAAGV,QAAwB,CACnC,CACN,EACCW,iBAAQ,CAACC,KAAK,CAAEZ,QAAS,CAAC,GAAG,CAAC,IAAIC,gBACnC,CAAC;AAEL,CAAC;AAEDF,mBAAmB,CAACF,IAAI,GAAGA,IAAI;AAC/BE,mBAAmB,CAACc,UAAU,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAExCf,mBAAmB;AAAAgB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_element","_components","Fill","Slot","createSlotFill","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","useContext","BottomSheetContext","useEffect","_react","createElement","Fragment","SafeAreaView","Children","count","screenName","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children, useEffect, useContext } from '@wordpress/element';\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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAM;EAAEG,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EAAE,qBAAsB,CAAC;AAE9D,MAAMC,mBAAmB,GAAGA,CAAE;EAC7BC,QAAQ;EACRC,gBAAgB;EAChBC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,mBAAU,EAAEC,8BAAmB,CAAC;EAE5D,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKL,SAAS,EAAG;MAChBE,eAAe,CAAED,YAAa,CAAC;IAChC;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAED,SAAS,EAAEC,YAAY,CAAG,CAAC;EAEhC,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGR,SAAS,IACV,IAAAM,MAAA,CAAAC,aAAA,EAACb,IAAI,QACJ,IAAAY,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAmB,YAAY,QAAGX,QAAwB,CACnC,CACN,EACCY,iBAAQ,CAACC,KAAK,CAAEb,QAAS,CAAC,GAAG,CAAC,IAAIC,gBACnC,CAAC;AAEL,CAAC;AAEDF,mBAAmB,CAACF,IAAI,GAAGA,IAAI;AAC/BE,mBAAmB,CAACe,UAAU,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAExClB,mBAAmB"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BottomSheetSwitchCell;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _cell = _interopRequireDefault(require("./cell"));
@@ -42,7 +42,7 @@ function BottomSheetSwitchCell(props) {
     (0, _i18n._x)('%1$s, %2$s. On', 'switch control'), cellProps.label, cellProps.help) : (0, _i18n.sprintf)( /* translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. */
     (0, _i18n._x)('%1$s, %2$s. Off', 'switch control'), cellProps.label, cellProps.help);
   };
-  return (0, _element.createElement)(_cell.default, {
+  return (0, _react.createElement)(_cell.default, {
     ...cellProps,
     accessibilityLabel: getAccessibilityLabel(),
     accessibilityRole: 'none',
@@ -53,7 +53,7 @@ function BottomSheetSwitchCell(props) {
     value: '',
     disabled: disabled,
     disabledStyle: EMPTY_STYLE
-  }, (0, _element.createElement)(_reactNative.Switch, {
+  }, (0, _react.createElement)(_reactNative.Switch, {
     value: value,
     onValueChange: onValueChange,
     disabled: disabled

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_cell","_interopRequireDefault","EMPTY_STYLE","BottomSheetSwitchCell","props","value","onValueChange","disabled","cellProps","onPress","getAccessibilityLabel","help","sprintf","_x","label","_element","createElement","default","accessibilityLabel","accessibilityRole","accessibilityHint","__","editable","disabledStyle","Switch"],"sources":["@wordpress/components/src/mobile/bottom-sheet/switch-cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Switch } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\n\nconst EMPTY_STYLE = {};\n\nexport default function BottomSheetSwitchCell( props ) {\n\tconst { value, onValueChange, disabled, ...cellProps } = props;\n\n\tconst onPress = () => {\n\t\tonValueChange( ! value );\n\t};\n\n\tconst getAccessibilityLabel = () => {\n\t\tif ( ! cellProps.help ) {\n\t\t\treturn value\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Switch setting ON state. %s: Switch title. */\n\t\t\t\t\t\t_x( '%s. On', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Switch setting OFF state. %s: Switch title. */\n\t\t\t\t\t\t_x( '%s. Off', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t  );\n\t\t}\n\t\treturn value\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: accessibility text. Switch setting ON state. %1: Switch title, %2: switch help. */\n\t\t\t\t\t_x( '%1$s, %2$s. On', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t  )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. */\n\t\t\t\t\t_x( '%1$s, %2$s. Off', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t  );\n\t};\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\taccessibilityRole={ 'none' }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for switches) */\n\t\t\t\t__( 'Double tap to toggle setting' )\n\t\t\t}\n\t\t\tonPress={ onPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tdisabled={ disabled }\n\t\t\tdisabledStyle={ EMPTY_STYLE }\n\t\t>\n\t\t\t<Switch\n\t\t\t\tvalue={ value }\n\t\t\t\tonValueChange={ onValueChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,MAAMI,WAAW,GAAG,CAAC,CAAC;AAEP,SAASC,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE9D,MAAMK,OAAO,GAAGA,CAAA,KAAM;IACrBH,aAAa,CAAE,CAAED,KAAM,CAAC;EACzB,CAAC;EAED,MAAMK,qBAAqB,GAAGA,CAAA,KAAM;IACnC,IAAK,CAAEF,SAAS,CAACG,IAAI,EAAG;MACvB,OAAON,KAAK,GACT,IAAAO,aAAO,GACP;MACA,IAAAC,QAAE,EAAE,QAAQ,EAAE,gBAAiB,CAAC,EAChCL,SAAS,CAACM,KACV,CAAC,GACD,IAAAF,aAAO,GACP;MACA,IAAAC,QAAE,EAAE,SAAS,EAAE,gBAAiB,CAAC,EACjCL,SAAS,CAACM,KACV,CAAC;IACL;IACA,OAAOT,KAAK,GACT,IAAAO,aAAO,GACP;IACA,IAAAC,QAAE,EAAE,gBAAgB,EAAE,gBAAiB,CAAC,EACxCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC,GACD,IAAAC,aAAO,GACP;IACA,IAAAC,QAAE,EAAE,iBAAiB,EAAE,gBAAiB,CAAC,EACzCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC;EACL,CAAC;EAED,OACC,IAAAI,QAAA,CAAAC,aAAA,EAAChB,KAAA,CAAAiB,OAAI;IAAA,GACCT,SAAS;IACdU,kBAAkB,EAAGR,qBAAqB,CAAC,CAAG;IAC9CS,iBAAiB,EAAG,MAAQ;IAC5BC,iBAAiB,EAChB;IACA,IAAAC,QAAE,EAAE,8BAA+B,CACnC;IACDZ,OAAO,EAAGA,OAAS;IACnBa,QAAQ,EAAG,KAAO;IAClBjB,KAAK,EAAG,EAAI;IACZE,QAAQ,EAAGA,QAAU;IACrBgB,aAAa,EAAGrB;EAAa,GAE7B,IAAAa,QAAA,CAAAC,aAAA,EAACnB,YAAA,CAAA2B,MAAM;IACNnB,KAAK,EAAGA,KAAO;IACfC,aAAa,EAAGA,aAAe;IAC/BC,QAAQ,EAAGA;EAAU,CACrB,CACI,CAAC;AAET"}
+{"version":3,"names":["_reactNative","require","_i18n","_cell","_interopRequireDefault","EMPTY_STYLE","BottomSheetSwitchCell","props","value","onValueChange","disabled","cellProps","onPress","getAccessibilityLabel","help","sprintf","_x","label","_react","createElement","default","accessibilityLabel","accessibilityRole","accessibilityHint","__","editable","disabledStyle","Switch"],"sources":["@wordpress/components/src/mobile/bottom-sheet/switch-cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Switch } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\n\nconst EMPTY_STYLE = {};\n\nexport default function BottomSheetSwitchCell( props ) {\n\tconst { value, onValueChange, disabled, ...cellProps } = props;\n\n\tconst onPress = () => {\n\t\tonValueChange( ! value );\n\t};\n\n\tconst getAccessibilityLabel = () => {\n\t\tif ( ! cellProps.help ) {\n\t\t\treturn value\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Switch setting ON state. %s: Switch title. */\n\t\t\t\t\t\t_x( '%s. On', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Switch setting OFF state. %s: Switch title. */\n\t\t\t\t\t\t_x( '%s. Off', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t  );\n\t\t}\n\t\treturn value\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: accessibility text. Switch setting ON state. %1: Switch title, %2: switch help. */\n\t\t\t\t\t_x( '%1$s, %2$s. On', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t  )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. */\n\t\t\t\t\t_x( '%1$s, %2$s. Off', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t  );\n\t};\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\taccessibilityRole={ 'none' }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for switches) */\n\t\t\t\t__( 'Double tap to toggle setting' )\n\t\t\t}\n\t\t\tonPress={ onPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tdisabled={ disabled }\n\t\t\tdisabledStyle={ EMPTY_STYLE }\n\t\t>\n\t\t\t<Switch\n\t\t\t\tvalue={ value }\n\t\t\t\tonValueChange={ onValueChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,MAAMI,WAAW,GAAG,CAAC,CAAC;AAEP,SAASC,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE9D,MAAMK,OAAO,GAAGA,CAAA,KAAM;IACrBH,aAAa,CAAE,CAAED,KAAM,CAAC;EACzB,CAAC;EAED,MAAMK,qBAAqB,GAAGA,CAAA,KAAM;IACnC,IAAK,CAAEF,SAAS,CAACG,IAAI,EAAG;MACvB,OAAON,KAAK,GACT,IAAAO,aAAO,GACP;MACA,IAAAC,QAAE,EAAE,QAAQ,EAAE,gBAAiB,CAAC,EAChCL,SAAS,CAACM,KACV,CAAC,GACD,IAAAF,aAAO,GACP;MACA,IAAAC,QAAE,EAAE,SAAS,EAAE,gBAAiB,CAAC,EACjCL,SAAS,CAACM,KACV,CAAC;IACL;IACA,OAAOT,KAAK,GACT,IAAAO,aAAO,GACP;IACA,IAAAC,QAAE,EAAE,gBAAgB,EAAE,gBAAiB,CAAC,EACxCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC,GACD,IAAAC,aAAO,GACP;IACA,IAAAC,QAAE,EAAE,iBAAiB,EAAE,gBAAiB,CAAC,EACzCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC;EACL,CAAC;EAED,OACC,IAAAI,MAAA,CAAAC,aAAA,EAAChB,KAAA,CAAAiB,OAAI;IAAA,GACCT,SAAS;IACdU,kBAAkB,EAAGR,qBAAqB,CAAC,CAAG;IAC9CS,iBAAiB,EAAG,MAAQ;IAC5BC,iBAAiB,EAChB;IACA,IAAAC,QAAE,EAAE,8BAA+B,CACnC;IACDZ,OAAO,EAAGA,OAAS;IACnBa,QAAQ,EAAG,KAAO;IAClBjB,KAAK,EAAG,EAAI;IACZE,QAAQ,EAAGA,QAAU;IACrBgB,aAAa,EAAGrB;EAAa,GAE7B,IAAAa,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAA2B,MAAM;IACNnB,KAAK,EAAGA,KAAO;IACfC,aAAa,EAAGA,aAAe;IAC/BC,QAAQ,EAAGA;EAAU,CACrB,CACI,CAAC;AAET"}

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

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _native = require("@react-navigation/native");
+var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -49,8 +50,8 @@ const BottomSheetSelectControl = ({
     navigation.navigate(_components.BottomSheet.SubSheet.screenName);
     setShowSubSheet(true);
   };
-  return (0, _element.createElement)(_components.BottomSheet.SubSheet, {
-    navigationButton: (0, _element.createElement)(_components.BottomSheet.Cell, {
+  return (0, _react.createElement)(_components.BottomSheet.SubSheet, {
+    navigationButton: (0, _react.createElement)(_components.BottomSheet.Cell, {
       label: label,
       separatorType: "none",
       icon: icon,
@@ -64,15 +65,15 @@ const BottomSheetSelectControl = ({
       // translators: %s: Select control button label e.g. "Button width"
       (0, _i18n.__)('Navigates to select %s'), label),
       disabled: disabled
-    }, disabled ? null : (0, _element.createElement)(_icons.Icon, {
+    }, disabled ? null : (0, _react.createElement)(_icons.Icon, {
       icon: _icons.chevronRight
     })),
     showSheet: showSubSheet
-  }, (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.BottomSheet.NavBar, null, (0, _element.createElement)(_components.BottomSheet.NavBar.BackButton, {
+  }, (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.BottomSheet.NavBar, null, (0, _react.createElement)(_components.BottomSheet.NavBar.BackButton, {
     onPress: goBack
-  }), (0, _element.createElement)(_components.BottomSheet.NavBar.Heading, null, label)), (0, _element.createElement)(_reactNative.View, {
+  }), (0, _react.createElement)(_components.BottomSheet.NavBar.Heading, null, label)), (0, _react.createElement)(_reactNative.View, {
     style: _style.default.selectControl
-  }, items.map((item, index) => (0, _element.createElement)(_components.BottomSheet.Cell, {
+  }, items.map((item, index) => (0, _react.createElement)(_components.BottomSheet.Cell, {
     customActionButton: true,
     separatorType: "none",
     label: item.label,
@@ -85,10 +86,9 @@ const BottomSheetSelectControl = ({
     // translators: %s: Select control option value e.g: "Auto, 25%".
     (0, _i18n.__)('Selected: %s'), item.label) : item.label,
     accessibilityHint: (0, _i18n.__)('Double tap to select')
-  }, item.value === selectedValue && (0, _element.createElement)(_icons.Icon, {
+  }, item.value === selectedValue && (0, _react.createElement)(_icons.Icon, {
     icon: _icons.check
   }))))));
 };
-var _default = BottomSheetSelectControl;
-exports.default = _default;
+var _default = exports.default = BottomSheetSelectControl;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_native","_icons","_i18n","_components","_style","_interopRequireDefault","BottomSheetSelectControl","label","icon","options","items","onChange","value","selectedValue","disabled","showSubSheet","setShowSubSheet","useState","navigation","useNavigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","BottomSheet","SubSheet","screenName","createElement","navigationButton","Cell","separatorType","onPress","accessibilityRole","accessibilityLabel","sprintf","__","accessibilityHint","Icon","chevronRight","showSheet","Fragment","NavBar","BackButton","Heading","View","style","styles","selectControl","map","item","index","customActionButton","leftAlign","key","check","_default","exports","default"],"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 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 = items.find(\n\t\t( option ) => option.value === selectedValue\n\t);\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tvalue={ selectedOption.label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityLabel={ 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={ true }\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityLabel={\n\t\t\t\t\t\t\t\titem.value === selectedValue\n\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// translators: %s: Select control option value e.g: \"Auto, 25%\".\n\t\t\t\t\t\t\t\t\t\t\t__( 'Selected: %s' ),\n\t\t\t\t\t\t\t\t\t\t\titem.label\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: item.label\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibilityHint={ __( 'Double tap to select' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ item.value === selectedValue && (\n\t\t\t\t\t\t\t\t<Icon icon={ check }></Icon>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t) ) }\n\t\t\t\t</View>\n\t\t\t</>\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetSelectControl;\n"],"mappings":";;;;;;;AASA,IAAAA,QAAA,GAAAC,OAAA;AANA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAIA,IAAAM,MAAA,GAAAC,sBAAA,CAAAP,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAMQ,wBAAwB,GAAGA,CAAE;EAClCC,KAAK;EACLC,IAAI;EACJC,OAAO,EAAEC,KAAK;EACdC,QAAQ;EACRC,KAAK,EAAEC,aAAa;EACpBC;AACD,CAAC,KAAM;EACN,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAC3D,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAElC,MAAMC,aAAa,GAAKR,KAAK,IAAM;IAClC,OAAO,MAAM;MACZS,MAAM,CAAC,CAAC;MACRV,QAAQ,CAAEC,KAAM,CAAC;IAClB,CAAC;EACF,CAAC;EAED,MAAMU,cAAc,GAAGZ,KAAK,CAACa,IAAI,CAC9BC,MAAM,IAAMA,MAAM,CAACZ,KAAK,KAAKC,aAChC,CAAC;EAED,MAAMQ,MAAM,GAAGA,CAAA,KAAM;IACpBL,eAAe,CAAE,KAAM,CAAC;IACxBE,UAAU,CAACG,MAAM,CAAC,CAAC;EACpB,CAAC;EAED,MAAMI,YAAY,GAAGA,CAAA,KAAM;IAC1BP,UAAU,CAACQ,QAAQ,CAAEC,uBAAW,CAACC,QAAQ,CAACC,UAAW,CAAC;IACtDb,eAAe,CAAE,IAAK,CAAC;EACxB,CAAC;EAED,OACC,IAAAnB,QAAA,CAAAiC,aAAA,EAAC3B,WAAA,CAAAwB,WAAW,CAACC,QAAQ;IACpBG,gBAAgB,EACf,IAAAlC,QAAA,CAAAiC,aAAA,EAAC3B,WAAA,CAAAwB,WAAW,CAACK,IAAI;MAChBzB,KAAK,EAAGA,KAAO;MACf0B,aAAa,EAAC,MAAM;MACpBzB,IAAI,EAAGA,IAAM;MACbI,KAAK,EAAGU,cAAc,CAACf,KAAO;MAC9B2B,OAAO,EAAGT,YAAc;MACxBU,iBAAiB,EAAG,QAAU;MAC9BC,kBAAkB,EAAG,IAAAC,aAAO;MAC3B;MACA,IAAAC,QAAE,EAAE,gCAAiC,CAAC,EACtC/B,KAAK,EACLe,cAAc,CAACf,KAChB,CAAG;MACHgC,iBAAiB,EAAG,IAAAF,aAAO;MAC1B;MACA,IAAAC,QAAE,EAAE,wBAAyB,CAAC,EAC9B/B,KACD,CAAG;MACHO,QAAQ,EAAGA;IAAU,GAEnBA,QAAQ,GAAG,IAAI,GAAG,IAAAjB,QAAA,CAAAiC,aAAA,EAAC7B,MAAA,CAAAuC,IAAI;MAAChC,IAAI,EAAGiC;IAAc,CAAE,CAChC,CAClB;IACDC,SAAS,EAAG3B;EAAc,GAE1B,IAAAlB,QAAA,CAAAiC,aAAA,EAAAjC,QAAA,CAAA8C,QAAA,QACC,IAAA9C,QAAA,CAAAiC,aAAA,EAAC3B,WAAA,CAAAwB,WAAW,CAACiB,MAAM,QAClB,IAAA/C,QAAA,CAAAiC,aAAA,EAAC3B,WAAA,CAAAwB,WAAW,CAACiB,MAAM,CAACC,UAAU;IAACX,OAAO,EAAGb;EAAQ,CAAE,CAAC,EACpD,IAAAxB,QAAA,CAAAiC,aAAA,EAAC3B,WAAA,CAAAwB,WAAW,CAACiB,MAAM,CAACE,OAAO,QACxBvC,KACyB,CACT,CAAC,EACrB,IAAAV,QAAA,CAAAiC,aAAA,EAAC/B,YAAA,CAAAgD,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAe,GACjCxC,KAAK,CAACyC,GAAG,CAAE,CAAEC,IAAI,EAAEC,KAAK,KACzB,IAAAxD,QAAA,CAAAiC,aAAA,EAAC3B,WAAA,CAAAwB,WAAW,CAACK,IAAI;IAChBsB,kBAAkB;IAClBrB,aAAa,EAAC,MAAM;IACpB1B,KAAK,EAAG6C,IAAI,CAAC7C,KAAO;IACpBC,IAAI,EAAG4C,IAAI,CAAC5C,IAAM;IAClB0B,OAAO,EAAGd,aAAa,CAAEgC,IAAI,CAACxC,KAAM,CAAG;IACvC2C,SAAS,EAAG,IAAM;IAClBC,GAAG,EAAGH,KAAO;IACblB,iBAAiB,EAAG,QAAU;IAC9BC,kBAAkB,EACjBgB,IAAI,CAACxC,KAAK,KAAKC,aAAa,GACzB,IAAAwB,aAAO;IACP;IACA,IAAAC,QAAE,EAAE,cAAe,CAAC,EACpBc,IAAI,CAAC7C,KACL,CAAC,GACD6C,IAAI,CAAC7C,KACR;IACDgC,iBAAiB,EAAG,IAAAD,QAAE,EAAE,sBAAuB;EAAG,GAEhDc,IAAI,CAACxC,KAAK,KAAKC,aAAa,IAC7B,IAAAhB,QAAA,CAAAiC,aAAA,EAAC7B,MAAA,CAAAuC,IAAI;IAAChC,IAAI,EAAGiD;EAAO,CAAO,CAEX,CACjB,CACG,CACL,CACmB,CAAC;AAEzB,CAAC;AAAC,IAAAC,QAAA,GAEapD,wBAAwB;AAAAqD,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_native","_element","_icons","_i18n","_components","_style","_interopRequireDefault","BottomSheetSelectControl","label","icon","options","items","onChange","value","selectedValue","disabled","showSubSheet","setShowSubSheet","useState","navigation","useNavigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","BottomSheet","SubSheet","screenName","_react","createElement","navigationButton","Cell","separatorType","onPress","accessibilityRole","accessibilityLabel","sprintf","__","accessibilityHint","Icon","chevronRight","showSheet","Fragment","NavBar","BackButton","Heading","View","style","styles","selectControl","map","item","index","customActionButton","leftAlign","key","check","_default","exports","default"],"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 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 = items.find(\n\t\t( option ) => option.value === selectedValue\n\t);\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tvalue={ selectedOption.label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityLabel={ 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={ true }\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityLabel={\n\t\t\t\t\t\t\t\titem.value === selectedValue\n\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// translators: %s: Select control option value e.g: \"Auto, 25%\".\n\t\t\t\t\t\t\t\t\t\t\t__( 'Selected: %s' ),\n\t\t\t\t\t\t\t\t\t\t\titem.label\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: item.label\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibilityHint={ __( 'Double tap to select' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ item.value === selectedValue && (\n\t\t\t\t\t\t\t\t<Icon icon={ check }></Icon>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t) ) }\n\t\t\t\t</View>\n\t\t\t</>\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetSelectControl;\n"],"mappings":"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"}

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

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _native = require("@react-navigation/native");
+var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
@@ -46,23 +47,23 @@ const BottomSheetTextControl = ({
   };
   const horizontalBorderStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.horizontalBorder, _styles.default.horizontalBorderDark);
   const textEditorStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.textEditor, _styles.default.textEditorDark);
-  return (0, _element.createElement)(_components.BottomSheet.SubSheet, {
-    navigationButton: (0, _element.createElement)(_components.BottomSheet.Cell, {
+  return (0, _react.createElement)(_components.BottomSheet.SubSheet, {
+    navigationButton: (0, _react.createElement)(_components.BottomSheet.Cell, {
       icon: icon,
       label: label,
       onPress: openSubSheet,
       value: initialValue || '',
       placeholder: cellPlaceholder || placeholder || '',
       disabled: disabled
-    }, disabled ? null : (0, _element.createElement)(_icons.Icon, {
+    }, disabled ? null : (0, _react.createElement)(_icons.Icon, {
       icon: _icons.chevronRight
     })),
     showSheet: showSubSheet
-  }, (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.BottomSheet.NavBar, null, (0, _element.createElement)(_components.BottomSheet.NavBar.BackButton, {
+  }, (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.BottomSheet.NavBar, null, (0, _react.createElement)(_components.BottomSheet.NavBar.BackButton, {
     onPress: goBack
-  }), (0, _element.createElement)(_components.BottomSheet.NavBar.Heading, null, label)), (0, _element.createElement)(_components.PanelBody, {
+  }), (0, _react.createElement)(_components.BottomSheet.NavBar.Heading, null, label)), (0, _react.createElement)(_components.PanelBody, {
     style: horizontalBorderStyle
-  }, (0, _element.createElement)(_reactNative.TextInput, {
+  }, (0, _react.createElement)(_reactNative.TextInput, {
     label: label,
     onChangeText: text => onChange(text),
     defaultValue: initialValue,
@@ -71,13 +72,12 @@ const BottomSheetTextControl = ({
     placeholderTextColor: '#87a6bc',
     style: textEditorStyle,
     textAlignVertical: 'top'
-  }))), footerNote && (0, _element.createElement)(_components.PanelBody, {
+  }))), footerNote && (0, _react.createElement)(_components.PanelBody, {
     style: _styles.default.textFooternote
-  }, (0, _element.createElement)(_components.FooterMessageControl, {
+  }, (0, _react.createElement)(_components.FooterMessageControl, {
     label: footerNote,
     textAlign: "left"
   })));
 };
-var _default = BottomSheetTextControl;
-exports.default = _default;
+var _default = exports.default = BottomSheetTextControl;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_native","_icons","_compose","_components","_styles","_interopRequireDefault","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","disabled","showSubSheet","setShowSubSheet","useState","navigation","useNavigation","goBack","openSubSheet","navigate","BottomSheet","SubSheet","screenName","horizontalBorderStyle","usePreferredColorSchemeStyle","styles","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","createElement","navigationButton","Cell","onPress","value","Icon","chevronRight","showSheet","Fragment","NavBar","BackButton","Heading","PanelBody","style","TextInput","onChangeText","text","defaultValue","multiline","placeholderTextColor","textAlignVertical","textFooternote","FooterMessageControl","textAlign","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport {\n\tBottomSheet,\n\tPanelBody,\n\tFooterMessageControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetTextControl = ( {\n\tinitialValue,\n\tonChange,\n\tplaceholder,\n\tlabel,\n\ticon,\n\tfooterNote,\n\tcellPlaceholder,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\tconst horizontalBorderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalBorder,\n\t\tstyles.horizontalBorderDark\n\t);\n\n\tconst textEditorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.textEditor,\n\t\tstyles.textEditorDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\tvalue={ initialValue || '' }\n\t\t\t\t\tplaceholder={ cellPlaceholder || placeholder || '' }\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<PanelBody style={ horizontalBorderStyle }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tonChangeText={ ( text ) => onChange( text ) }\n\t\t\t\t\t\tdefaultValue={ initialValue }\n\t\t\t\t\t\tmultiline={ true }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tplaceholderTextColor={ '#87a6bc' }\n\t\t\t\t\t\tstyle={ textEditorStyle }\n\t\t\t\t\t\ttextAlignVertical={ 'top' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</>\n\n\t\t\t{ footerNote && (\n\t\t\t\t<PanelBody style={ styles.textFooternote }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ footerNote }\n\t\t\t\t\t\ttextAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetTextControl;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_native","_element","_icons","_compose","_components","_styles","_interopRequireDefault","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","disabled","showSubSheet","setShowSubSheet","useState","navigation","useNavigation","goBack","openSubSheet","navigate","BottomSheet","SubSheet","screenName","horizontalBorderStyle","usePreferredColorSchemeStyle","styles","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","_react","createElement","navigationButton","Cell","onPress","value","Icon","chevronRight","showSheet","Fragment","NavBar","BackButton","Heading","PanelBody","style","TextInput","onChangeText","text","defaultValue","multiline","placeholderTextColor","textAlignVertical","textFooternote","FooterMessageControl","textAlign","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport {\n\tBottomSheet,\n\tPanelBody,\n\tFooterMessageControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetTextControl = ( {\n\tinitialValue,\n\tonChange,\n\tplaceholder,\n\tlabel,\n\ticon,\n\tfooterNote,\n\tcellPlaceholder,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\tconst horizontalBorderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalBorder,\n\t\tstyles.horizontalBorderDark\n\t);\n\n\tconst textEditorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.textEditor,\n\t\tstyles.textEditorDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\tvalue={ initialValue || '' }\n\t\t\t\t\tplaceholder={ cellPlaceholder || placeholder || '' }\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<PanelBody style={ horizontalBorderStyle }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tonChangeText={ ( text ) => onChange( text ) }\n\t\t\t\t\t\tdefaultValue={ initialValue }\n\t\t\t\t\t\tmultiline={ true }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tplaceholderTextColor={ '#87a6bc' }\n\t\t\t\t\t\tstyle={ textEditorStyle }\n\t\t\t\t\t\ttextAlignVertical={ 'top' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</>\n\n\t\t\t{ footerNote && (\n\t\t\t\t<PanelBody style={ styles.textFooternote }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ footerNote }\n\t\t\t\t\t\ttextAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetTextControl;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AASA,IAAAM,OAAA,GAAAC,sBAAA,CAAAP,OAAA;AArBA;AACA;AACA;;AAIA;AACA;AACA;;AAUA;AACA;AACA;;AAGA,MAAMQ,sBAAsB,GAAGA,CAAE;EAChCC,YAAY;EACZC,QAAQ;EACRC,WAAW;EACXC,KAAK;EACLC,IAAI;EACJC,UAAU;EACVC,eAAe;EACfC;AACD,CAAC,KAAM;EACN,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAC3D,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAElC,MAAMC,MAAM,GAAGA,CAAA,KAAM;IACpBJ,eAAe,CAAE,KAAM,CAAC;IACxBE,UAAU,CAACE,MAAM,CAAC,CAAC;EACpB,CAAC;EAED,MAAMC,YAAY,GAAGA,CAAA,KAAM;IAC1BH,UAAU,CAACI,QAAQ,CAAEC,uBAAW,CAACC,QAAQ,CAACC,UAAW,CAAC;IACtDT,eAAe,CAAE,IAAK,CAAC;EACxB,CAAC;EAED,MAAMU,qBAAqB,GAAG,IAAAC,qCAA4B,EACzDC,eAAM,CAACC,gBAAgB,EACvBD,eAAM,CAACE,oBACR,CAAC;EAED,MAAMC,eAAe,GAAG,IAAAJ,qCAA4B,EACnDC,eAAM,CAACI,UAAU,EACjBJ,eAAM,CAACK,cACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAoB,WAAW,CAACC,QAAQ;IACpBY,gBAAgB,EACf,IAAAF,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAoB,WAAW,CAACc,IAAI;MAChB1B,IAAI,EAAGA,IAAM;MACbD,KAAK,EAAGA,KAAO;MACf4B,OAAO,EAAGjB,YAAc;MACxBkB,KAAK,EAAGhC,YAAY,IAAI,EAAI;MAC5BE,WAAW,EAAGI,eAAe,IAAIJ,WAAW,IAAI,EAAI;MACpDK,QAAQ,EAAGA;IAAU,GAEnBA,QAAQ,GAAG,IAAI,GAAG,IAAAoB,MAAA,CAAAC,aAAA,EAAClC,MAAA,CAAAuC,IAAI;MAAC7B,IAAI,EAAG8B;IAAc,CAAE,CAChC,CAClB;IACDC,SAAS,EAAG3B;EAAc,GAE1B,IAAAmB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAS,QAAA,QACC,IAAAT,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAoB,WAAW,CAACqB,MAAM,QAClB,IAAAV,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAoB,WAAW,CAACqB,MAAM,CAACC,UAAU;IAACP,OAAO,EAAGlB;EAAQ,CAAE,CAAC,EACpD,IAAAc,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAoB,WAAW,CAACqB,MAAM,CAACE,OAAO,QACxBpC,KACyB,CACT,CAAC,EACrB,IAAAwB,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAA4C,SAAS;IAACC,KAAK,EAAGtB;EAAuB,GACzC,IAAAQ,MAAA,CAAAC,aAAA,EAACtC,YAAA,CAAAoD,SAAS;IACTvC,KAAK,EAAGA,KAAO;IACfwC,YAAY,EAAKC,IAAI,IAAM3C,QAAQ,CAAE2C,IAAK,CAAG;IAC7CC,YAAY,EAAG7C,YAAc;IAC7B8C,SAAS,EAAG,IAAM;IAClB5C,WAAW,EAAGA,WAAa;IAC3B6C,oBAAoB,EAAG,SAAW;IAClCN,KAAK,EAAGjB,eAAiB;IACzBwB,iBAAiB,EAAG;EAAO,CAC3B,CACS,CACV,CAAC,EAED3C,UAAU,IACX,IAAAsB,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAA4C,SAAS;IAACC,KAAK,EAAGpB,eAAM,CAAC4B;EAAgB,GACzC,IAAAtB,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAsD,oBAAoB;IACpB/C,KAAK,EAAGE,UAAY;IACpB8C,SAAS,EAAC;EAAM,CAChB,CACS,CAES,CAAC;AAEzB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEavD,sBAAsB"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _native = require("@react-navigation/native");
 var _i18n = require("@wordpress/i18n");
@@ -31,14 +31,13 @@ const GradientPickerScreen = () => {
     currentValue,
     isGradientColor
   } = route.params;
-  return (0, _element.createElement)(_reactNative.View, null, (0, _element.createElement)(_navBar.default, null, (0, _element.createElement)(_navBar.default.BackButton, {
+  return (0, _react.createElement)(_reactNative.View, null, (0, _react.createElement)(_navBar.default, null, (0, _react.createElement)(_navBar.default.BackButton, {
     onPress: navigation.goBack
-  }), (0, _element.createElement)(_navBar.default.Heading, null, (0, _i18n.__)('Customize Gradient'))), (0, _element.createElement)(_customGradientPicker.default, {
+  }), (0, _react.createElement)(_navBar.default.Heading, null, (0, _i18n.__)('Customize Gradient'))), (0, _react.createElement)(_customGradientPicker.default, {
     setColor: setColor,
     currentValue: currentValue,
     isGradientColor: isGradientColor
   }));
 };
-var _default = GradientPickerScreen;
-exports.default = _default;
+var _default = exports.default = GradientPickerScreen;
 //# sourceMappingURL=gradient-picker-screen.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_native","_i18n","_customGradientPicker","_interopRequireDefault","_navBar","GradientPickerScreen","navigation","useNavigation","route","useRoute","setColor","currentValue","isGradientColor","params","_element","createElement","View","default","BackButton","onPress","goBack","Heading","__","_default","exports"],"sources":["@wordpress/components/src/mobile/color-settings/gradient-picker-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CustomGradientPicker from '../../custom-gradient-picker';\nimport NavBar from '../bottom-sheet/nav-bar';\n\nconst GradientPickerScreen = () => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn (\n\t\t<View>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<NavBar.Heading>{ __( 'Customize Gradient' ) }</NavBar.Heading>\n\t\t\t</NavBar>\n\t\t\t<CustomGradientPicker\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tcurrentValue={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default GradientPickerScreen;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,qBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAfA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMM,oBAAoB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGJ,KAAK,CAACK,MAAM;EAChE,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAkB,IAAI,QACJ,IAAAF,QAAA,CAAAC,aAAA,EAACX,OAAA,CAAAa,OAAM,QACN,IAAAH,QAAA,CAAAC,aAAA,EAACX,OAAA,CAAAa,OAAM,CAACC,UAAU;IAACC,OAAO,EAAGb,UAAU,CAACc;EAAQ,CAAE,CAAC,EACnD,IAAAN,QAAA,CAAAC,aAAA,EAACX,OAAA,CAAAa,OAAM,CAACI,OAAO,QAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAmB,CACvD,CAAC,EACT,IAAAR,QAAA,CAAAC,aAAA,EAACb,qBAAA,CAAAe,OAAoB;IACpBP,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA,YAAc;IAC7BC,eAAe,EAAGA;EAAiB,CACnC,CACI,CAAC;AAET,CAAC;AAAC,IAAAW,QAAA,GAEalB,oBAAoB;AAAAmB,OAAA,CAAAP,OAAA,GAAAM,QAAA"}
+{"version":3,"names":["_reactNative","require","_native","_i18n","_customGradientPicker","_interopRequireDefault","_navBar","GradientPickerScreen","navigation","useNavigation","route","useRoute","setColor","currentValue","isGradientColor","params","_react","createElement","View","default","BackButton","onPress","goBack","Heading","__","_default","exports"],"sources":["@wordpress/components/src/mobile/color-settings/gradient-picker-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CustomGradientPicker from '../../custom-gradient-picker';\nimport NavBar from '../bottom-sheet/nav-bar';\n\nconst GradientPickerScreen = () => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn (\n\t\t<View>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<NavBar.Heading>{ __( 'Customize Gradient' ) }</NavBar.Heading>\n\t\t\t</NavBar>\n\t\t\t<CustomGradientPicker\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tcurrentValue={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default GradientPickerScreen;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,qBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAfA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMM,oBAAoB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGJ,KAAK,CAACK,MAAM;EAChE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAkB,IAAI,QACJ,IAAAF,MAAA,CAAAC,aAAA,EAACX,OAAA,CAAAa,OAAM,QACN,IAAAH,MAAA,CAAAC,aAAA,EAACX,OAAA,CAAAa,OAAM,CAACC,UAAU;IAACC,OAAO,EAAGb,UAAU,CAACc;EAAQ,CAAE,CAAC,EACnD,IAAAN,MAAA,CAAAC,aAAA,EAACX,OAAA,CAAAa,OAAM,CAACI,OAAO,QAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAmB,CACvD,CAAC,EACT,IAAAR,MAAA,CAAAC,aAAA,EAACb,qBAAA,CAAAe,OAAoB;IACpBP,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA,YAAc;IAC7BC,eAAe,EAAGA;EAAiB,CACnC,CACI,CAAC;AAET,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEaZ,oBAAoB"}