@wordpress/components 24.0.0 → 25.1.0

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

@@ -126,8 +126,7 @@ class BottomSheetStepperCell extends _element.Component {
     clearInterval(this.interval);
   }
 
-  startPressInterval(callback) {
-    let speed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : STEP_DELAY;
+  startPressInterval(callback, speed = STEP_DELAY) {
     let counter = 0;
     this.interval = setInterval(() => {
       callback();
@@ -171,7 +170,8 @@ class BottomSheetStepperCell extends _element.Component {
       onChange,
       openUnitPicker,
       decimalNum,
-      cellContainerStyle
+      cellContainerStyle,
+      disabled
     } = this.props;
     const {
       inputValue
@@ -229,7 +229,8 @@ class BottomSheetStepperCell extends _element.Component {
       label: label,
       labelStyle: labelStyle,
       leftAlign: true,
-      separatorType: separatorType
+      separatorType: separatorType,
+      disabled: disabled
     }, (0, _element.createElement)(_reactNative.View, {
       style: preview && containerStyle
     }, preview, (0, _element.createElement)(_stepper.default, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/index.native.js"],"names":["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","parseInt","undefined","setState","setTimeout","startPressInterval","callback","speed","counter","setInterval","label","unitLabel","AccessibilityInfo","announceForAccessibility","render","settingLabel","icon","separatorType","children","shouldDisplayTextInput","preview","openUnitPicker","cellContainerStyle","isMinValue","isMaxValue","labelStyle","styles","cellLabel","cellLabelNoIcon","getAccessibilityHint","accessibilityLabel","containerStyle","rowContainer","containerIOS","containerAndroid","name","event","nativeEvent","actionName","columnContainer","cellRowStyles","defaultProps"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { AccessibilityInfo, View, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from '../cell';\nimport Stepper from './stepper';\nimport styles from './style.scss';\nimport RangeTextInput from '../range-text-input';\nimport { toFixed } from '../../utils';\n\nconst STEP_DELAY = 200;\nconst DEFAULT_STEP = 1;\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetStepperCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.announceValue = this.announceValue.bind( this );\n\t\tthis.onDecrementValue = this.onDecrementValue.bind( this );\n\t\tthis.onDecrementValuePressIn =\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} = this.props;\n\t\tconst { inputValue } = this.state;\n\t\tconst isMinValue = value === min;\n\t\tconst isMaxValue = value === max;\n\t\tconst labelStyle = [\n\t\t\tstyles.cellLabel,\n\t\t\t! icon ? styles.cellLabelNoIcon : {},\n\t\t];\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst accessibilityLabel = sprintf(\n\t\t\t/* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */\n\t\t\t__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\tlabel,\n\t\t\tsettingLabel,\n\t\t\tvalue,\n\t\t\tunitLabel\n\t\t);\n\n\t\tconst containerStyle = [\n\t\t\tstyles.rowContainer,\n\t\t\tisIOS ? styles.containerIOS : styles.containerAndroid,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\n\t\t\t\taccessibilityActions={ [\n\t\t\t\t\t{ name: 'increment' },\n\t\t\t\t\t{ name: 'decrement' },\n\t\t\t\t\t{ name: 'activate' },\n\t\t\t\t] }\n\t\t\t\tonAccessibilityAction={ ( event ) => {\n\t\t\t\t\tswitch ( event.nativeEvent.actionName ) {\n\t\t\t\t\t\tcase 'increment':\n\t\t\t\t\t\t\tthis.onIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.onDecrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'activate':\n\t\t\t\t\t\t\tif ( openUnitPicker ) {\n\t\t\t\t\t\t\t\topenUnitPicker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyle,\n\t\t\t\t\t\t\tpreview && styles.columnContainer,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={\n\t\t\t\t\t\t\tpreview ? containerStyle : styles.cellRowStyles\n\t\t\t\t\t\t}\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tlabelStyle={ labelStyle }\n\t\t\t\t\t\tleftAlign={ true }\n\t\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ preview && containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Stepper\n\t\t\t\t\t\t\t\tisMaxValue={ isMaxValue }\n\t\t\t\t\t\t\t\tisMinValue={ isMinValue }\n\t\t\t\t\t\t\t\tonPressInDecrement={\n\t\t\t\t\t\t\t\t\tthis.onDecrementValuePressIn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPressInIncrement={\n\t\t\t\t\t\t\t\t\tthis.onIncrementValuePressIn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPressOut={ this.onPressOut }\n\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\tshouldDisplayTextInput={\n\t\t\t\t\t\t\t\t\tshouldDisplayTextInput\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Stepper>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Cell>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nBottomSheetStepperCell.defaultProps = {\n\tstep: DEFAULT_STEP,\n};\n\nexport default withPreferredColorScheme( BottomSheetStepperCell );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/index.native.js"],"names":["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","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","containerStyle","rowContainer","containerIOS","containerAndroid","name","event","nativeEvent","actionName","columnContainer","cellRowStyles","defaultProps"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { AccessibilityInfo, View, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from '../cell';\nimport Stepper from './stepper';\nimport styles from './style.scss';\nimport RangeTextInput from '../range-text-input';\nimport { toFixed } from '../../utils';\n\nconst STEP_DELAY = 200;\nconst DEFAULT_STEP = 1;\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetStepperCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.announceValue = this.announceValue.bind( this );\n\t\tthis.onDecrementValue = this.onDecrementValue.bind( this );\n\t\tthis.onDecrementValuePressIn =\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"]}

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

@@ -28,18 +28,17 @@ var _style = _interopRequireDefault(require("./style.scss"));
 /**
  * Internal dependencies
  */
-function Stepper(_ref) {
-  let {
-    getStylesFromColorScheme,
-    isMaxValue,
-    isMinValue,
-    onPressInDecrement,
-    onPressInIncrement,
-    onPressOut,
-    value,
-    shouldDisplayTextInput,
-    children
-  } = _ref;
+function Stepper({
+  getStylesFromColorScheme,
+  isMaxValue,
+  isMinValue,
+  onPressInDecrement,
+  onPressInIncrement,
+  onPressOut,
+  value,
+  shouldDisplayTextInput,
+  children
+}) {
   const valueStyle = getStylesFromColorScheme(_style.default.value, _style.default.valueTextDark);
   const buttonIconStyle = getStylesFromColorScheme(_style.default.buttonNoBg, _style.default.buttonNoBgTextDark);
   return (0, _element.createElement)(_reactNative.View, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.android.js"],"names":["Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","shouldDisplayTextInput","children","valueStyle","styles","valueTextDark","buttonIconStyle","buttonNoBg","buttonNoBgTextDark","container","opacity","chevronDown","color","spacings","chevronUp"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGA,SAASA,OAAT,OAUI;AAAA,MAVc;AACjBC,IAAAA,wBADiB;AAEjBC,IAAAA,UAFiB;AAGjBC,IAAAA,UAHiB;AAIjBC,IAAAA,kBAJiB;AAKjBC,IAAAA,kBALiB;AAMjBC,IAAAA,UANiB;AAOjBC,IAAAA,KAPiB;AAQjBC,IAAAA,sBARiB;AASjBC,IAAAA;AATiB,GAUd;AACH,QAAMC,UAAU,GAAGT,wBAAwB,CAC1CU,eAAOJ,KADmC,EAE1CI,eAAOC,aAFmC,CAA3C;AAIA,QAAMC,eAAe,GAAGZ,wBAAwB,CAC/CU,eAAOG,UADwC,EAE/CH,eAAOI,kBAFwC,CAAhD;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ,eAAOK;AAArB,KACC,4BAAC,6BAAD;AACC,IAAA,QAAQ,EAAGb,UADZ;AAEC,IAAA,SAAS,EAAGC,kBAFb;AAGC,IAAA,UAAU,EAAGE,UAHd;AAIC,IAAA,KAAK,EAAG,CACPK,eAAOG,UADA,EAEPX,UAAU,GAAG;AAAEc,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAFzB;AAJT,KASC,4BAAC,WAAD;AACC,IAAA,IAAI,EAAGC,kBADR;AAEC,IAAA,IAAI,EAAG,EAFR;AAGC,IAAA,KAAK,EAAGL,eAAe,CAACM;AAHzB,IATD,CADD,EAgBG,CAAEX,sBAAF,IACD,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAG,CAAEE,UAAF,EAAcC,eAAOS,QAArB;AAAd,KAAkDb,KAAlD,CAjBF,EAmBGE,QAnBH,EAoBC,4BAAC,6BAAD;AACC,IAAA,MAAM,EAAG,WADV;AAEC,IAAA,QAAQ,EAAGP,UAFZ;AAGC,IAAA,SAAS,EAAGG,kBAHb;AAIC,IAAA,UAAU,EAAGC,UAJd;AAKC,IAAA,KAAK,EAAG,CACPK,eAAOG,UADA,EAEPZ,UAAU,GAAG;AAAEe,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAFzB;AALT,KAUC,4BAAC,WAAD;AACC,IAAA,IAAI,EAAGI,gBADR;AAEC,IAAA,IAAI,EAAG,EAFR;AAGC,IAAA,KAAK,EAAGR,eAAe,CAACM;AAHzB,IAVD,CApBD,CADD;AAuCA;;eAEc,uCAA0BnB,OAA1B,C","sourcesContent":["/**\n * External dependencies\n */\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, chevronDown, chevronUp } from '@wordpress/icons';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tshouldDisplayTextInput,\n\tchildren,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonIconStyle = getStylesFromColorScheme(\n\t\tstyles.buttonNoBg,\n\t\tstyles.buttonNoBgTextDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMinValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ [ valueStyle, styles.spacings ] }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID={ 'Increment' }\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMaxValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.android.js"],"names":["Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","shouldDisplayTextInput","children","valueStyle","styles","valueTextDark","buttonIconStyle","buttonNoBg","buttonNoBgTextDark","container","opacity","chevronDown","color","spacings","chevronUp"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGA,SAASA,OAAT,CAAkB;AACjBC,EAAAA,wBADiB;AAEjBC,EAAAA,UAFiB;AAGjBC,EAAAA,UAHiB;AAIjBC,EAAAA,kBAJiB;AAKjBC,EAAAA,kBALiB;AAMjBC,EAAAA,UANiB;AAOjBC,EAAAA,KAPiB;AAQjBC,EAAAA,sBARiB;AASjBC,EAAAA;AATiB,CAAlB,EAUI;AACH,QAAMC,UAAU,GAAGT,wBAAwB,CAC1CU,eAAOJ,KADmC,EAE1CI,eAAOC,aAFmC,CAA3C;AAIA,QAAMC,eAAe,GAAGZ,wBAAwB,CAC/CU,eAAOG,UADwC,EAE/CH,eAAOI,kBAFwC,CAAhD;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ,eAAOK;AAArB,KACC,4BAAC,6BAAD;AACC,IAAA,QAAQ,EAAGb,UADZ;AAEC,IAAA,SAAS,EAAGC,kBAFb;AAGC,IAAA,UAAU,EAAGE,UAHd;AAIC,IAAA,KAAK,EAAG,CACPK,eAAOG,UADA,EAEPX,UAAU,GAAG;AAAEc,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAFzB;AAJT,KASC,4BAAC,WAAD;AACC,IAAA,IAAI,EAAGC,kBADR;AAEC,IAAA,IAAI,EAAG,EAFR;AAGC,IAAA,KAAK,EAAGL,eAAe,CAACM;AAHzB,IATD,CADD,EAgBG,CAAEX,sBAAF,IACD,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAG,CAAEE,UAAF,EAAcC,eAAOS,QAArB;AAAd,KAAkDb,KAAlD,CAjBF,EAmBGE,QAnBH,EAoBC,4BAAC,6BAAD;AACC,IAAA,MAAM,EAAG,WADV;AAEC,IAAA,QAAQ,EAAGP,UAFZ;AAGC,IAAA,SAAS,EAAGG,kBAHb;AAIC,IAAA,UAAU,EAAGC,UAJd;AAKC,IAAA,KAAK,EAAG,CACPK,eAAOG,UADA,EAEPZ,UAAU,GAAG;AAAEe,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAFzB;AALT,KAUC,4BAAC,WAAD;AACC,IAAA,IAAI,EAAGI,gBADR;AAEC,IAAA,IAAI,EAAG,EAFR;AAGC,IAAA,KAAK,EAAGR,eAAe,CAACM;AAHzB,IAVD,CApBD,CADD;AAuCA;;eAEc,uCAA0BnB,OAA1B,C","sourcesContent":["/**\n * External dependencies\n */\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, chevronDown, chevronUp } from '@wordpress/icons';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tshouldDisplayTextInput,\n\tchildren,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonIconStyle = getStylesFromColorScheme(\n\t\tstyles.buttonNoBg,\n\t\tstyles.buttonNoBgTextDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMinValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ [ valueStyle, styles.spacings ] }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID={ 'Increment' }\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.buttonNoBg,\n\t\t\t\t\tisMaxValue ? { opacity: 0.4 } : null,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t\tcolor={ buttonIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"]}

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

@@ -28,18 +28,17 @@ var _style = _interopRequireDefault(require("./style.scss"));
 /**
  * Internal dependencies
  */
-function Stepper(_ref) {
-  let {
-    getStylesFromColorScheme,
-    isMaxValue,
-    isMinValue,
-    onPressInDecrement,
-    onPressInIncrement,
-    onPressOut,
-    value,
-    children,
-    shouldDisplayTextInput
-  } = _ref;
+function Stepper({
+  getStylesFromColorScheme,
+  isMaxValue,
+  isMinValue,
+  onPressInDecrement,
+  onPressInIncrement,
+  onPressOut,
+  value,
+  children,
+  shouldDisplayTextInput
+}) {
   const valueStyle = getStylesFromColorScheme(_style.default.value, _style.default.valueTextDark);
   const buttonStyle = getStylesFromColorScheme(_style.default.button, _style.default.buttonDark);
   return (0, _element.createElement)(_reactNative.View, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.ios.js"],"names":["Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","children","shouldDisplayTextInput","valueStyle","styles","valueTextDark","buttonStyle","button","buttonDark","container","opacity","reset","color","plus"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGA,SAASA,OAAT,OAUI;AAAA,MAVc;AACjBC,IAAAA,wBADiB;AAEjBC,IAAAA,UAFiB;AAGjBC,IAAAA,UAHiB;AAIjBC,IAAAA,kBAJiB;AAKjBC,IAAAA,kBALiB;AAMjBC,IAAAA,UANiB;AAOjBC,IAAAA,KAPiB;AAQjBC,IAAAA,QARiB;AASjBC,IAAAA;AATiB,GAUd;AACH,QAAMC,UAAU,GAAGT,wBAAwB,CAC1CU,eAAOJ,KADmC,EAE1CI,eAAOC,aAFmC,CAA3C;AAIA,QAAMC,WAAW,GAAGZ,wBAAwB,CAC3CU,eAAOG,MADoC,EAE3CH,eAAOI,UAFoC,CAA5C;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ,eAAOK;AAArB,KACG,CAAEP,sBAAF,IACD,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGC;AAAd,KAA6BH,KAA7B,CAFF,EAIGC,QAJH,EAKC,4BAAC,6BAAD;AACC,IAAA,QAAQ,EAAGL,UADZ;AAEC,IAAA,SAAS,EAAGC,kBAFb;AAGC,IAAA,UAAU,EAAGE,UAHd;AAIC,IAAA,KAAK,EAAG,CAAEO,WAAF,EAAeV,UAAU,GAAG;AAAEc,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAA/C;AAJT,KAMC,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGC,YAAb;AAAqB,IAAA,IAAI,EAAG,EAA5B;AAAiC,IAAA,KAAK,EAAGL,WAAW,CAACM;AAArD,IAND,CALD,EAaC,4BAAC,6BAAD;AACC,IAAA,MAAM,EAAG,WADV;AAEC,IAAA,QAAQ,EAAGjB,UAFZ;AAGC,IAAA,SAAS,EAAGG,kBAHb;AAIC,IAAA,UAAU,EAAGC,UAJd;AAKC,IAAA,KAAK,EAAG,CAAEO,WAAF,EAAeX,UAAU,GAAG;AAAEe,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAA/C;AALT,KAOC,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGG,WAAb;AAAoB,IAAA,IAAI,EAAG,EAA3B;AAAgC,IAAA,KAAK,EAAGP,WAAW,CAACM;AAApD,IAPD,CAbD,CADD;AAyBA;;eAEc,uCAA0BnB,OAA1B,C","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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/stepper-cell/stepper.ios.js"],"names":["Stepper","getStylesFromColorScheme","isMaxValue","isMinValue","onPressInDecrement","onPressInIncrement","onPressOut","value","children","shouldDisplayTextInput","valueStyle","styles","valueTextDark","buttonStyle","button","buttonDark","container","opacity","reset","color","plus"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGA,SAASA,OAAT,CAAkB;AACjBC,EAAAA,wBADiB;AAEjBC,EAAAA,UAFiB;AAGjBC,EAAAA,UAHiB;AAIjBC,EAAAA,kBAJiB;AAKjBC,EAAAA,kBALiB;AAMjBC,EAAAA,UANiB;AAOjBC,EAAAA,KAPiB;AAQjBC,EAAAA,QARiB;AASjBC,EAAAA;AATiB,CAAlB,EAUI;AACH,QAAMC,UAAU,GAAGT,wBAAwB,CAC1CU,eAAOJ,KADmC,EAE1CI,eAAOC,aAFmC,CAA3C;AAIA,QAAMC,WAAW,GAAGZ,wBAAwB,CAC3CU,eAAOG,MADoC,EAE3CH,eAAOI,UAFoC,CAA5C;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ,eAAOK;AAArB,KACG,CAAEP,sBAAF,IACD,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGC;AAAd,KAA6BH,KAA7B,CAFF,EAIGC,QAJH,EAKC,4BAAC,6BAAD;AACC,IAAA,QAAQ,EAAGL,UADZ;AAEC,IAAA,SAAS,EAAGC,kBAFb;AAGC,IAAA,UAAU,EAAGE,UAHd;AAIC,IAAA,KAAK,EAAG,CAAEO,WAAF,EAAeV,UAAU,GAAG;AAAEc,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAA/C;AAJT,KAMC,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGC,YAAb;AAAqB,IAAA,IAAI,EAAG,EAA5B;AAAiC,IAAA,KAAK,EAAGL,WAAW,CAACM;AAArD,IAND,CALD,EAaC,4BAAC,6BAAD;AACC,IAAA,MAAM,EAAG,WADV;AAEC,IAAA,QAAQ,EAAGjB,UAFZ;AAGC,IAAA,SAAS,EAAGG,kBAHb;AAIC,IAAA,UAAU,EAAGC,UAJd;AAKC,IAAA,KAAK,EAAG,CAAEO,WAAF,EAAeX,UAAU,GAAG;AAAEe,MAAAA,OAAO,EAAE;AAAX,KAAH,GAAsB,IAA/C;AALT,KAOC,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGG,WAAb;AAAoB,IAAA,IAAI,EAAG,EAA3B;AAAgC,IAAA,KAAK,EAAGP,WAAW,CAACM;AAApD,IAPD,CAbD,CADD;AAyBA;;eAEc,uCAA0BnB,OAA1B,C","sourcesContent":["/**\n * External dependencies\n */\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { Icon, plus, reset } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction Stepper( {\n\tgetStylesFromColorScheme,\n\tisMaxValue,\n\tisMinValue,\n\tonPressInDecrement,\n\tonPressInIncrement,\n\tonPressOut,\n\tvalue,\n\tchildren,\n\tshouldDisplayTextInput,\n} ) {\n\tconst valueStyle = getStylesFromColorScheme(\n\t\tstyles.value,\n\t\tstyles.valueTextDark\n\t);\n\tconst buttonStyle = getStylesFromColorScheme(\n\t\tstyles.button,\n\t\tstyles.buttonDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t{ ! shouldDisplayTextInput && (\n\t\t\t\t<Text style={ valueStyle }>{ value }</Text>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t<TouchableOpacity\n\t\t\t\tdisabled={ isMinValue }\n\t\t\t\tonPressIn={ onPressInDecrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [ buttonStyle, isMinValue ? { opacity: 0.4 } : null ] }\n\t\t\t>\n\t\t\t\t<Icon icon={ reset } size={ 24 } color={ buttonStyle.color } />\n\t\t\t</TouchableOpacity>\n\t\t\t<TouchableOpacity\n\t\t\t\ttestID={ 'Increment' }\n\t\t\t\tdisabled={ isMaxValue }\n\t\t\t\tonPressIn={ onPressInIncrement }\n\t\t\t\tonPressOut={ onPressOut }\n\t\t\t\tstyle={ [ buttonStyle, isMaxValue ? { opacity: 0.4 } : null ] }\n\t\t\t>\n\t\t\t\t<Icon icon={ plus } size={ 24 } color={ buttonStyle.color } />\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( Stepper );\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"names":["Fill","Slot","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","BottomSheetContext","Children","count","screenName"],"mappings":";;;;;;;AAQA;;AALA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIA,MAAM;AAAEA,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiB,gCAAgB,qBAAhB,CAAvB;;AAEA,MAAMC,mBAAmB,GAAG,QAKrB;AAAA,MALuB;AAC7BC,IAAAA,QAD6B;AAE7BC,IAAAA,gBAF6B;AAG7BC,IAAAA,SAH6B;AAI7BC,IAAAA;AAJ6B,GAKvB;AACN,QAAM;AAAEC,IAAAA;AAAF,MAAsB,yBAAYC,8BAAZ,CAA5B;AAEA,0BAAW,MAAM;AAChB,QAAKH,SAAL,EAAiB;AAChBE,MAAAA,eAAe,CAAED,YAAF,CAAf;AACA,KAHe,CAIhB;AACA;AACA;;AACA,GAPD,EAOG,CAAED,SAAF,EAAaC,YAAb,CAPH;AASA,SACC,qDACGD,SAAS,IACV,4BAAC,IAAD,QACC,4BAAC,yBAAD,QAAgBF,QAAhB,CADD,CAFF,EAMGM,kBAASC,KAAT,CAAgBP,QAAhB,IAA6B,CAA7B,IAAkCC,gBANrC,CADD;AAUA,CA3BD;;AA6BAF,mBAAmB,CAACD,IAApB,GAA2BA,IAA3B;AACAC,mBAAmB,CAACS,UAApB,GAAiC,qBAAjC;eAEeT,mB","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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"names":["Fill","Slot","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","BottomSheetContext","Children","count","screenName"],"mappings":";;;;;;;AAQA;;AALA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIA,MAAM;AAAEA,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiB,gCAAgB,qBAAhB,CAAvB;;AAEA,MAAMC,mBAAmB,GAAG,CAAE;AAC7BC,EAAAA,QAD6B;AAE7BC,EAAAA,gBAF6B;AAG7BC,EAAAA,SAH6B;AAI7BC,EAAAA;AAJ6B,CAAF,KAKrB;AACN,QAAM;AAAEC,IAAAA;AAAF,MAAsB,yBAAYC,8BAAZ,CAA5B;AAEA,0BAAW,MAAM;AAChB,QAAKH,SAAL,EAAiB;AAChBE,MAAAA,eAAe,CAAED,YAAF,CAAf;AACA,KAHe,CAIhB;AACA;AACA;;AACA,GAPD,EAOG,CAAED,SAAF,EAAaC,YAAb,CAPH;AASA,SACC,qDACGD,SAAS,IACV,4BAAC,IAAD,QACC,4BAAC,yBAAD,QAAgBF,QAAhB,CADD,CAFF,EAMGM,kBAASC,KAAT,CAAgBP,QAAhB,IAA6B,CAA7B,IAAkCC,gBANrC,CADD;AAUA,CA3BD;;AA6BAF,mBAAmB,CAACD,IAApB,GAA2BA,IAA3B;AACAC,mBAAmB,CAACS,UAApB,GAAiC,qBAAjC;eAEeT,mB","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"]}

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

@@ -28,10 +28,13 @@ var _cell = _interopRequireDefault(require("./cell"));
 /**
  * Internal dependencies
  */
+const EMPTY_STYLE = {};
+
 function BottomSheetSwitchCell(props) {
   const {
     value,
     onValueChange,
+    disabled,
     ...cellProps
   } = props;
 
@@ -63,10 +66,13 @@ function BottomSheetSwitchCell(props) {
     (0, _i18n.__)('Double tap to toggle setting'),
     onPress: onPress,
     editable: false,
-    value: ''
+    value: '',
+    disabled: disabled,
+    disabledStyle: EMPTY_STYLE
   }), (0, _element.createElement)(_reactNative.Switch, {
     value: value,
-    onValueChange: onValueChange
+    onValueChange: onValueChange,
+    disabled: disabled
   }));
 }
 //# sourceMappingURL=switch-cell.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/switch-cell.native.js"],"names":["BottomSheetSwitchCell","props","value","onValueChange","cellProps","onPress","getAccessibilityLabel","help","label"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AAIA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AAGe,SAASA,qBAAT,CAAgCC,KAAhC,EAAwC;AACtD,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,aAAT;AAAwB,OAAGC;AAA3B,MAAyCH,KAA/C;;AAEA,QAAMI,OAAO,GAAG,MAAM;AACrBF,IAAAA,aAAa,CAAE,CAAED,KAAJ,CAAb;AACA,GAFD;;AAIA,QAAMI,qBAAqB,GAAG,MAAM;AACnC,QAAK,CAAEF,SAAS,CAACG,IAAjB,EAAwB;AACvB,aAAOL,KAAK,GACT;AACA;AACA,oBAAI,QAAJ,EAAc,gBAAd,CAFA,EAGAE,SAAS,CAACI,KAHV,CADS,GAMT;AACA;AACA,oBAAI,SAAJ,EAAe,gBAAf,CAFA,EAGAJ,SAAS,CAACI,KAHV,CANH;AAWA;;AACD,WAAON,KAAK,GACT;AACA;AACA,kBAAI,gBAAJ,EAAsB,gBAAtB,CAFA,EAGAE,SAAS,CAACI,KAHV,EAIAJ,SAAS,CAACG,IAJV,CADS,GAOT;AACA;AACA,kBAAI,iBAAJ,EAAuB,gBAAvB,CAFA,EAGAH,SAAS,CAACI,KAHV,EAIAJ,SAAS,CAACG,IAJV,CAPH;AAaA,GA3BD;;AA6BA,SACC,4BAAC,aAAD,6BACMH,SADN;AAEC,IAAA,kBAAkB,EAAGE,qBAAqB,EAF3C;AAGC,IAAA,iBAAiB,EAAG,MAHrB;AAIC,IAAA,iBAAiB;AAChB;AACA,kBAAI,8BAAJ,CANF;AAQC,IAAA,OAAO,EAAGD,OARX;AASC,IAAA,QAAQ,EAAG,KATZ;AAUC,IAAA,KAAK,EAAG;AAVT,MAYC,4BAAC,mBAAD;AAAQ,IAAA,KAAK,EAAGH,KAAhB;AAAwB,IAAA,aAAa,EAAGC;AAAxC,IAZD,CADD;AAgBA","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\nexport default function BottomSheetSwitchCell( props ) {\n\tconst { value, onValueChange, ...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>\n\t\t\t<Switch value={ value } onValueChange={ onValueChange } />\n\t\t</Cell>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/switch-cell.native.js"],"names":["EMPTY_STYLE","BottomSheetSwitchCell","props","value","onValueChange","disabled","cellProps","onPress","getAccessibilityLabel","help","label"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AAIA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AAGA,MAAMA,WAAW,GAAG,EAApB;;AAEe,SAASC,qBAAT,CAAgCC,KAAhC,EAAwC;AACtD,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,aAAT;AAAwBC,IAAAA,QAAxB;AAAkC,OAAGC;AAArC,MAAmDJ,KAAzD;;AAEA,QAAMK,OAAO,GAAG,MAAM;AACrBH,IAAAA,aAAa,CAAE,CAAED,KAAJ,CAAb;AACA,GAFD;;AAIA,QAAMK,qBAAqB,GAAG,MAAM;AACnC,QAAK,CAAEF,SAAS,CAACG,IAAjB,EAAwB;AACvB,aAAON,KAAK,GACT;AACA;AACA,oBAAI,QAAJ,EAAc,gBAAd,CAFA,EAGAG,SAAS,CAACI,KAHV,CADS,GAMT;AACA;AACA,oBAAI,SAAJ,EAAe,gBAAf,CAFA,EAGAJ,SAAS,CAACI,KAHV,CANH;AAWA;;AACD,WAAOP,KAAK,GACT;AACA;AACA,kBAAI,gBAAJ,EAAsB,gBAAtB,CAFA,EAGAG,SAAS,CAACI,KAHV,EAIAJ,SAAS,CAACG,IAJV,CADS,GAOT;AACA;AACA,kBAAI,iBAAJ,EAAuB,gBAAvB,CAFA,EAGAH,SAAS,CAACI,KAHV,EAIAJ,SAAS,CAACG,IAJV,CAPH;AAaA,GA3BD;;AA6BA,SACC,4BAAC,aAAD,6BACMH,SADN;AAEC,IAAA,kBAAkB,EAAGE,qBAAqB,EAF3C;AAGC,IAAA,iBAAiB,EAAG,MAHrB;AAIC,IAAA,iBAAiB;AAChB;AACA,kBAAI,8BAAJ,CANF;AAQC,IAAA,OAAO,EAAGD,OARX;AASC,IAAA,QAAQ,EAAG,KATZ;AAUC,IAAA,KAAK,EAAG,EAVT;AAWC,IAAA,QAAQ,EAAGF,QAXZ;AAYC,IAAA,aAAa,EAAGL;AAZjB,MAcC,4BAAC,mBAAD;AACC,IAAA,KAAK,EAAGG,KADT;AAEC,IAAA,aAAa,EAAGC,aAFjB;AAGC,IAAA,QAAQ,EAAGC;AAHZ,IAdD,CADD;AAsBA","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"]}

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

@@ -32,14 +32,14 @@ var _style = _interopRequireDefault(require("./style.scss"));
 /**
  * Internal dependencies
  */
-const BottomSheetSelectControl = _ref => {
-  let {
-    label,
-    icon,
-    options: items,
-    onChange,
-    value: selectedValue
-  } = _ref;
+const BottomSheetSelectControl = ({
+  label,
+  icon,
+  options: items,
+  onChange,
+  value: selectedValue,
+  disabled
+}) => {
   const [showSubSheet, setShowSubSheet] = (0, _element.useState)(false);
   const navigation = (0, _native.useNavigation)();
 
@@ -73,8 +73,9 @@ const BottomSheetSelectControl = _ref => {
       accessibilityLabel: (0, _i18n.sprintf)( // translators:  %1$s: Select control button label e.g. "Button width". %2$s: Select control option value e.g: "Auto, 25%".
       (0, _i18n.__)('%1$s. Currently selected: %2$s'), label, selectedOption.label),
       accessibilityHint: (0, _i18n.sprintf)( // translators: %s: Select control button label e.g. "Button width"
-      (0, _i18n.__)('Navigates to select %s'), label)
-    }, (0, _element.createElement)(_icons.Icon, {
+      (0, _i18n.__)('Navigates to select %s'), label),
+      disabled: disabled
+    }, disabled ? null : (0, _element.createElement)(_icons.Icon, {
       icon: _icons.chevronRight
     })),
     showSheet: showSubSheet

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet-select-control/index.native.js"],"names":["BottomSheetSelectControl","label","icon","options","items","onChange","value","selectedValue","showSubSheet","setShowSubSheet","navigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","BottomSheet","SubSheet","screenName","chevronRight","styles","selectControl","map","item","index","check"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { BottomSheet } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst BottomSheetSelectControl = ( {\n\tlabel,\n\ticon,\n\toptions: items,\n\tonChange,\n\tvalue: selectedValue,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst onChangeValue = ( value ) => {\n\t\treturn () => {\n\t\t\tgoBack();\n\t\t\tonChange( value );\n\t\t};\n\t};\n\n\tconst selectedOption = items.find(\n\t\t( option ) => option.value === selectedValue\n\t);\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tvalue={ selectedOption.label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityLabel={ 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>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<View style={ styles.selectControl }>\n\t\t\t\t\t{ items.map( ( item, index ) => (\n\t\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\t\tcustomActionButton\n\t\t\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\t\t\tlabel={ item.label }\n\t\t\t\t\t\t\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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet-select-control/index.native.js"],"names":["BottomSheetSelectControl","label","icon","options","items","onChange","value","selectedValue","disabled","showSubSheet","setShowSubSheet","navigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","BottomSheet","SubSheet","screenName","chevronRight","styles","selectControl","map","item","index","check"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { BottomSheet } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst BottomSheetSelectControl = ( {\n\tlabel,\n\ticon,\n\toptions: items,\n\tonChange,\n\tvalue: selectedValue,\n\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"]}

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

@@ -32,16 +32,16 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
-const BottomSheetTextControl = _ref => {
-  let {
-    initialValue,
-    onChange,
-    placeholder,
-    label,
-    icon,
-    footerNote,
-    cellPlaceholder
-  } = _ref;
+const BottomSheetTextControl = ({
+  initialValue,
+  onChange,
+  placeholder,
+  label,
+  icon,
+  footerNote,
+  cellPlaceholder,
+  disabled
+}) => {
   const [showSubSheet, setShowSubSheet] = (0, _element.useState)(false);
   const navigation = (0, _native.useNavigation)();
 
@@ -63,8 +63,9 @@ const BottomSheetTextControl = _ref => {
       label: label,
       onPress: openSubSheet,
       value: initialValue || '',
-      placeholder: cellPlaceholder || placeholder || ''
-    }, (0, _element.createElement)(_icons.Icon, {
+      placeholder: cellPlaceholder || placeholder || '',
+      disabled: disabled
+    }, disabled ? null : (0, _element.createElement)(_icons.Icon, {
       icon: _icons.chevronRight
     })),
     showSheet: showSubSheet

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"names":["BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","showSubSheet","setShowSubSheet","navigation","goBack","openSubSheet","navigate","BottomSheet","SubSheet","screenName","horizontalBorderStyle","styles","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","chevronRight","text","textFooternote"],"mappings":";;;;;;;;;AASA;;AANA;;AACA;;AAMA;;AACA;;AACA;;AASA;;AArBA;AACA;AACA;;AAIA;AACA;AACA;;AAUA;AACA;AACA;AAGA,MAAMA,sBAAsB,GAAG,QAQxB;AAAA,MAR0B;AAChCC,IAAAA,YADgC;AAEhCC,IAAAA,QAFgC;AAGhCC,IAAAA,WAHgC;AAIhCC,IAAAA,KAJgC;AAKhCC,IAAAA,IALgC;AAMhCC,IAAAA,UANgC;AAOhCC,IAAAA;AAPgC,GAQ1B;AACN,QAAM,CAAEC,YAAF,EAAgBC,eAAhB,IAAoC,uBAAU,KAAV,CAA1C;AACA,QAAMC,UAAU,GAAG,4BAAnB;;AAEA,QAAMC,MAAM,GAAG,MAAM;AACpBF,IAAAA,eAAe,CAAE,KAAF,CAAf;AACAC,IAAAA,UAAU,CAACC,MAAX;AACA,GAHD;;AAKA,QAAMC,YAAY,GAAG,MAAM;AAC1BF,IAAAA,UAAU,CAACG,QAAX,CAAqBC,wBAAYC,QAAZ,CAAqBC,UAA1C;AACAP,IAAAA,eAAe,CAAE,IAAF,CAAf;AACA,GAHD;;AAKA,QAAMQ,qBAAqB,GAAG,2CAC7BC,gBAAOC,gBADsB,EAE7BD,gBAAOE,oBAFsB,CAA9B;AAKA,QAAMC,eAAe,GAAG,2CACvBH,gBAAOI,UADgB,EAEvBJ,gBAAOK,cAFgB,CAAxB;AAKA,SACC,4BAAC,uBAAD,CAAa,QAAb;AACC,IAAA,gBAAgB,EACf,4BAAC,uBAAD,CAAa,IAAb;AACC,MAAA,IAAI,EAAGlB,IADR;AAEC,MAAA,KAAK,EAAGD,KAFT;AAGC,MAAA,OAAO,EAAGQ,YAHX;AAIC,MAAA,KAAK,EAAGX,YAAY,IAAI,EAJzB;AAKC,MAAA,WAAW,EAAGM,eAAe,IAAIJ,WAAnB,IAAkC;AALjD,OAOC,4BAAC,WAAD;AAAM,MAAA,IAAI,EAAGqB;AAAb,MAPD,CAFF;AAYC,IAAA,SAAS,EAAGhB;AAZb,KAcC,qDACC,4BAAC,uBAAD,CAAa,MAAb,QACC,4BAAC,uBAAD,CAAa,MAAb,CAAoB,UAApB;AAA+B,IAAA,OAAO,EAAGG;AAAzC,IADD,EAEC,4BAAC,uBAAD,CAAa,MAAb,CAAoB,OAApB,QACGP,KADH,CAFD,CADD,EAOC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAGa;AAAnB,KACC,4BAAC,sBAAD;AACC,IAAA,KAAK,EAAGb,KADT;AAEC,IAAA,YAAY,EAAKqB,IAAF,IAAYvB,QAAQ,CAAEuB,IAAF,CAFpC;AAGC,IAAA,YAAY,EAAGxB,YAHhB;AAIC,IAAA,SAAS,EAAG,IAJb;AAKC,IAAA,WAAW,EAAGE,WALf;AAMC,IAAA,oBAAoB,EAAG,SANxB;AAOC,IAAA,KAAK,EAAGkB,eAPT;AAQC,IAAA,iBAAiB,EAAG;AARrB,IADD,CAPD,CAdD,EAmCGf,UAAU,IACX,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAGY,gBAAOQ;AAA1B,KACC,4BAAC,gCAAD;AACC,IAAA,KAAK,EAAGpB,UADT;AAEC,IAAA,SAAS,EAAC;AAFX,IADD,CApCF,CADD;AA8CA,CA9ED;;eAgFeN,sB","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} ) => {\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>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<PanelBody style={ horizontalBorderStyle }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tonChangeText={ ( text ) => onChange( text ) }\n\t\t\t\t\t\tdefaultValue={ initialValue }\n\t\t\t\t\t\tmultiline={ true }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tplaceholderTextColor={ '#87a6bc' }\n\t\t\t\t\t\tstyle={ textEditorStyle }\n\t\t\t\t\t\ttextAlignVertical={ 'top' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</>\n\n\t\t\t{ footerNote && (\n\t\t\t\t<PanelBody style={ styles.textFooternote }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ footerNote }\n\t\t\t\t\t\ttextAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetTextControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"names":["BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","disabled","showSubSheet","setShowSubSheet","navigation","goBack","openSubSheet","navigate","BottomSheet","SubSheet","screenName","horizontalBorderStyle","styles","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","chevronRight","text","textFooternote"],"mappings":";;;;;;;;;AASA;;AANA;;AACA;;AAMA;;AACA;;AACA;;AASA;;AArBA;AACA;AACA;;AAIA;AACA;AACA;;AAUA;AACA;AACA;AAGA,MAAMA,sBAAsB,GAAG,CAAE;AAChCC,EAAAA,YADgC;AAEhCC,EAAAA,QAFgC;AAGhCC,EAAAA,WAHgC;AAIhCC,EAAAA,KAJgC;AAKhCC,EAAAA,IALgC;AAMhCC,EAAAA,UANgC;AAOhCC,EAAAA,eAPgC;AAQhCC,EAAAA;AARgC,CAAF,KASxB;AACN,QAAM,CAAEC,YAAF,EAAgBC,eAAhB,IAAoC,uBAAU,KAAV,CAA1C;AACA,QAAMC,UAAU,GAAG,4BAAnB;;AAEA,QAAMC,MAAM,GAAG,MAAM;AACpBF,IAAAA,eAAe,CAAE,KAAF,CAAf;AACAC,IAAAA,UAAU,CAACC,MAAX;AACA,GAHD;;AAKA,QAAMC,YAAY,GAAG,MAAM;AAC1BF,IAAAA,UAAU,CAACG,QAAX,CAAqBC,wBAAYC,QAAZ,CAAqBC,UAA1C;AACAP,IAAAA,eAAe,CAAE,IAAF,CAAf;AACA,GAHD;;AAKA,QAAMQ,qBAAqB,GAAG,2CAC7BC,gBAAOC,gBADsB,EAE7BD,gBAAOE,oBAFsB,CAA9B;AAKA,QAAMC,eAAe,GAAG,2CACvBH,gBAAOI,UADgB,EAEvBJ,gBAAOK,cAFgB,CAAxB;AAKA,SACC,4BAAC,uBAAD,CAAa,QAAb;AACC,IAAA,gBAAgB,EACf,4BAAC,uBAAD,CAAa,IAAb;AACC,MAAA,IAAI,EAAGnB,IADR;AAEC,MAAA,KAAK,EAAGD,KAFT;AAGC,MAAA,OAAO,EAAGS,YAHX;AAIC,MAAA,KAAK,EAAGZ,YAAY,IAAI,EAJzB;AAKC,MAAA,WAAW,EAAGM,eAAe,IAAIJ,WAAnB,IAAkC,EALjD;AAMC,MAAA,QAAQ,EAAGK;AANZ,OAQGA,QAAQ,GAAG,IAAH,GAAU,4BAAC,WAAD;AAAM,MAAA,IAAI,EAAGiB;AAAb,MARrB,CAFF;AAaC,IAAA,SAAS,EAAGhB;AAbb,KAeC,qDACC,4BAAC,uBAAD,CAAa,MAAb,QACC,4BAAC,uBAAD,CAAa,MAAb,CAAoB,UAApB;AAA+B,IAAA,OAAO,EAAGG;AAAzC,IADD,EAEC,4BAAC,uBAAD,CAAa,MAAb,CAAoB,OAApB,QACGR,KADH,CAFD,CADD,EAOC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAGc;AAAnB,KACC,4BAAC,sBAAD;AACC,IAAA,KAAK,EAAGd,KADT;AAEC,IAAA,YAAY,EAAKsB,IAAF,IAAYxB,QAAQ,CAAEwB,IAAF,CAFpC;AAGC,IAAA,YAAY,EAAGzB,YAHhB;AAIC,IAAA,SAAS,EAAG,IAJb;AAKC,IAAA,WAAW,EAAGE,WALf;AAMC,IAAA,oBAAoB,EAAG,SANxB;AAOC,IAAA,KAAK,EAAGmB,eAPT;AAQC,IAAA,iBAAiB,EAAG;AARrB,IADD,CAPD,CAfD,EAoCGhB,UAAU,IACX,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAGa,gBAAOQ;AAA1B,KACC,4BAAC,gCAAD;AACC,IAAA,KAAK,EAAGrB,UADT;AAEC,IAAA,SAAS,EAAC;AAFX,IADD,CArCF,CADD;AA+CA,CAhFD;;eAkFeN,sB","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"]}

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

@@ -34,19 +34,18 @@ var _utils = require("./utils");
 /**
  * Internal dependencies
  */
-const ColorSettingsMemo = (0, _element.memo)(_ref => {
-  let {
-    defaultSettings,
-    onHandleClosingBottomSheet,
-    shouldEnableBottomSheetMaxHeight,
-    onColorChange,
-    colorValue,
-    gradientValue,
-    onGradientChange,
-    onColorCleared,
-    label,
-    hideNavigation
-  } = _ref;
+const ColorSettingsMemo = (0, _element.memo)(({
+  defaultSettings,
+  onHandleClosingBottomSheet,
+  shouldEnableBottomSheetMaxHeight,
+  onColorChange,
+  colorValue,
+  gradientValue,
+  onGradientChange,
+  onColorCleared,
+  label,
+  hideNavigation
+}) => {
   (0, _element.useEffect)(() => {
     shouldEnableBottomSheetMaxHeight(true);
     onHandleClosingBottomSheet(null); // Disable reason: deferring this refactor to the native team.

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"names":["ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","colorsUtils","screens","palette","picker","gradientPicker","ColorSettings","props","route","BottomSheetContext","params"],"mappings":";;;;;;;;;AAQA;;;;AALA;;AAMA;;AAKA;;AACA;;AACA;;AAEA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAOA,MAAMA,iBAAiB,GAAG,mBACzB,QAWO;AAAA,MAXL;AACDC,IAAAA,eADC;AAEDC,IAAAA,0BAFC;AAGDC,IAAAA,gCAHC;AAIDC,IAAAA,aAJC;AAKDC,IAAAA,UALC;AAMDC,IAAAA,aANC;AAODC,IAAAA,gBAPC;AAQDC,IAAAA,cARC;AASDC,IAAAA,KATC;AAUDC,IAAAA;AAVC,GAWK;AACN,0BAAW,MAAM;AAChBP,IAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAD,IAAAA,0BAA0B,CAAE,IAAF,CAA1B,CAFgB,CAGhB;AACA;AACA;AACA,GAND,EAMG,EANH;AAOA,SACC,4BAAC,uBAAD,CAAa,mBAAb,QACC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGS,mBAAYC,OAAZ,CAAoBC,OAD5B;AAEC,IAAA,aAAa,EAAG;AACfZ,MAAAA,eADe;AAEfG,MAAAA,aAFe;AAGfC,MAAAA,UAHe;AAIfC,MAAAA,aAJe;AAKfC,MAAAA,gBALe;AAMfC,MAAAA,cANe;AAOfC,MAAAA,KAPe;AAQfC,MAAAA;AARe;AAFjB,KAaC,4BAAC,gBAAD,OAbD,CADD,EAgBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGC,mBAAYC,OAAZ,CAAoBE;AAD5B,KAGC,4BAAC,qBAAD,OAHD,CAhBD,EAqBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGH,mBAAYC,OAAZ,CAAoBG;AAD5B,KAGC,4BAAC,6BAAD,OAHD,CArBD,CADD;AA6BA,CAjDwB,CAA1B;;AAmDA,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC/B,QAAMC,KAAK,GAAG,uBAAd;AACA,QAAM;AAAEhB,IAAAA,0BAAF;AAA8BC,IAAAA;AAA9B,MACL,yBAAYgB,8BAAZ,CADD;AAGA,SACC,4BAAC,iBAAD;AACC,IAAA,0BAA0B,EAAGjB,0BAD9B;AAEC,IAAA,gCAAgC,EAC/BC;AAHF,KAKMc,KALN,EAMMC,KAAK,CAACE,MANZ,EADD;AAUA;;eAEcJ,a","sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useEffect, useContext } from '@wordpress/element';\nimport { BottomSheetContext, BottomSheet } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\n\nimport { colorsUtils } from './utils';\n\nconst ColorSettingsMemo = memo(\n\t( {\n\t\tdefaultSettings,\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonColorChange,\n\t\tcolorValue,\n\t\tgradientValue,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tlabel,\n\t\thideNavigation,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] );\n\t\treturn (\n\t\t\t<BottomSheet.NavigationContainer>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.palette }\n\t\t\t\t\tinitialParams={ {\n\t\t\t\t\t\tdefaultSettings,\n\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\thideNavigation,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PaletteScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.picker }\n\t\t\t\t>\n\t\t\t\t\t<PickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.gradientPicker }\n\t\t\t\t>\n\t\t\t\t\t<GradientPickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t);\n\t}\n);\nfunction ColorSettings( props ) {\n\tconst route = useRoute();\n\tconst { onHandleClosingBottomSheet, shouldEnableBottomSheetMaxHeight } =\n\t\tuseContext( BottomSheetContext );\n\n\treturn (\n\t\t<ColorSettingsMemo\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default ColorSettings;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"names":["ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","colorsUtils","screens","palette","picker","gradientPicker","ColorSettings","props","route","BottomSheetContext","params"],"mappings":";;;;;;;;;AAQA;;;;AALA;;AAMA;;AAKA;;AACA;;AACA;;AAEA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAOA,MAAMA,iBAAiB,GAAG,mBACzB,CAAE;AACDC,EAAAA,eADC;AAEDC,EAAAA,0BAFC;AAGDC,EAAAA,gCAHC;AAIDC,EAAAA,aAJC;AAKDC,EAAAA,UALC;AAMDC,EAAAA,aANC;AAODC,EAAAA,gBAPC;AAQDC,EAAAA,cARC;AASDC,EAAAA,KATC;AAUDC,EAAAA;AAVC,CAAF,KAWO;AACN,0BAAW,MAAM;AAChBP,IAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAD,IAAAA,0BAA0B,CAAE,IAAF,CAA1B,CAFgB,CAGhB;AACA;AACA;AACA,GAND,EAMG,EANH;AAOA,SACC,4BAAC,uBAAD,CAAa,mBAAb,QACC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGS,mBAAYC,OAAZ,CAAoBC,OAD5B;AAEC,IAAA,aAAa,EAAG;AACfZ,MAAAA,eADe;AAEfG,MAAAA,aAFe;AAGfC,MAAAA,UAHe;AAIfC,MAAAA,aAJe;AAKfC,MAAAA,gBALe;AAMfC,MAAAA,cANe;AAOfC,MAAAA,KAPe;AAQfC,MAAAA;AARe;AAFjB,KAaC,4BAAC,gBAAD,OAbD,CADD,EAgBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGC,mBAAYC,OAAZ,CAAoBE;AAD5B,KAGC,4BAAC,qBAAD,OAHD,CAhBD,EAqBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGH,mBAAYC,OAAZ,CAAoBG;AAD5B,KAGC,4BAAC,6BAAD,OAHD,CArBD,CADD;AA6BA,CAjDwB,CAA1B;;AAmDA,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC/B,QAAMC,KAAK,GAAG,uBAAd;AACA,QAAM;AAAEhB,IAAAA,0BAAF;AAA8BC,IAAAA;AAA9B,MACL,yBAAYgB,8BAAZ,CADD;AAGA,SACC,4BAAC,iBAAD;AACC,IAAA,0BAA0B,EAAGjB,0BAD9B;AAEC,IAAA,gCAAgC,EAC/BC;AAHF,KAKMc,KALN,EAMMC,KAAK,CAACE,MANZ,EADD;AAUA;;eAEcJ,a","sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useEffect, useContext } from '@wordpress/element';\nimport { BottomSheetContext, BottomSheet } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\n\nimport { colorsUtils } from './utils';\n\nconst ColorSettingsMemo = memo(\n\t( {\n\t\tdefaultSettings,\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonColorChange,\n\t\tcolorValue,\n\t\tgradientValue,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tlabel,\n\t\thideNavigation,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] );\n\t\treturn (\n\t\t\t<BottomSheet.NavigationContainer>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.palette }\n\t\t\t\t\tinitialParams={ {\n\t\t\t\t\t\tdefaultSettings,\n\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\thideNavigation,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PaletteScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.picker }\n\t\t\t\t>\n\t\t\t\t\t<PickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.gradientPicker }\n\t\t\t\t>\n\t\t\t\t\t<GradientPickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t);\n\t}\n);\nfunction ColorSettings( props ) {\n\tconst route = useRoute();\n\tconst { onHandleClosingBottomSheet, shouldEnableBottomSheetMaxHeight } =\n\t\tuseContext( BottomSheetContext );\n\n\treturn (\n\t\t<ColorSettingsMemo\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default ColorSettings;\n"]}

package/build/mobile/color-settings/utils.native.js

@@ -23,9 +23,9 @@ const gradientOptions = [{
 }];
 
 const getGradientType = color => {
-  if (color !== null && color !== void 0 && color.includes(gradients.radial)) {
+  if (color?.includes(gradients.radial)) {
     return gradients.radial;
-  } else if (color !== null && color !== void 0 && color.includes(gradients.linear)) {
+  } else if (color?.includes(gradients.linear)) {
     return gradients.linear;
   }
 

package/build/mobile/color-settings/utils.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/utils.native.js"],"names":["gradients","linear","radial","gradientOptions","label","value","getGradientType","color","includes","colorsUtils","screens","gradientPicker","picker","palette","segments","isGradient"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,SAAS,GAAG;AACjBC,EAAAA,MAAM,EAAE,iBADS;AAEjBC,EAAAA,MAAM,EAAE;AAFS,CAAlB;AAKA,MAAMC,eAAe,GAAG,CACvB;AAAEC,EAAAA,KAAK,EAAE,cAAI,QAAJ,CAAT;AAAyBC,EAAAA,KAAK,EAAEL,SAAS,CAACC;AAA1C,CADuB,EAEvB;AAAEG,EAAAA,KAAK,EAAE,cAAI,QAAJ,CAAT;AAAyBC,EAAAA,KAAK,EAAEL,SAAS,CAACE;AAA1C,CAFuB,CAAxB;;AAKA,MAAMI,eAAe,GAAKC,KAAF,IAAa;AACpC,MAAKA,KAAL,aAAKA,KAAL,eAAKA,KAAK,CAAEC,QAAP,CAAiBR,SAAS,CAACE,MAA3B,CAAL,EAA2C;AAC1C,WAAOF,SAAS,CAACE,MAAjB;AACA,GAFD,MAEO,IAAKK,KAAL,aAAKA,KAAL,eAAKA,KAAK,CAAEC,QAAP,CAAiBR,SAAS,CAACC,MAA3B,CAAL,EAA2C;AACjD,WAAOD,SAAS,CAACC,MAAjB;AACA;;AACD,SAAO,KAAP;AACA,CAPD;;AASO,MAAMQ,WAAW,GAAG;AAC1BC,EAAAA,OAAO,EAAE;AACRC,IAAAA,cAAc,EAAE,gBADR;AAERC,IAAAA,MAAM,EAAE,QAFA;AAGRC,IAAAA,OAAO,EAAE;AAHD,GADiB;AAM1BC,EAAAA,QAAQ,EAAE,CAAE,cAAI,OAAJ,CAAF,EAAiB,cAAI,UAAJ,CAAjB,CANgB;AAO1Bd,EAAAA,SAP0B;AAQ1BG,EAAAA,eAR0B;AAS1BG,EAAAA,eAT0B;AAU1BS,EAAAA,UAAU,EAAIR,KAAF,IAAa,CAAC,CAAED,eAAe,CAAEC,KAAF;AAVjB,CAApB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst gradients = {\n\tlinear: 'linear-gradient',\n\tradial: 'radial-gradient',\n};\n\nconst gradientOptions = [\n\t{ label: __( 'Linear' ), value: gradients.linear },\n\t{ label: __( 'Radial' ), value: gradients.radial },\n];\n\nconst getGradientType = ( color ) => {\n\tif ( color?.includes( gradients.radial ) ) {\n\t\treturn gradients.radial;\n\t} else if ( color?.includes( gradients.linear ) ) {\n\t\treturn gradients.linear;\n\t}\n\treturn false;\n};\n\nexport const colorsUtils = {\n\tscreens: {\n\t\tgradientPicker: 'GradientPicker',\n\t\tpicker: 'Picker',\n\t\tpalette: 'Palette',\n\t},\n\tsegments: [ __( 'Solid' ), __( 'Gradient' ) ],\n\tgradients,\n\tgradientOptions,\n\tgetGradientType,\n\tisGradient: ( color ) => !! getGradientType( color ),\n};\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/utils.native.js"],"names":["gradients","linear","radial","gradientOptions","label","value","getGradientType","color","includes","colorsUtils","screens","gradientPicker","picker","palette","segments","isGradient"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,SAAS,GAAG;AACjBC,EAAAA,MAAM,EAAE,iBADS;AAEjBC,EAAAA,MAAM,EAAE;AAFS,CAAlB;AAKA,MAAMC,eAAe,GAAG,CACvB;AAAEC,EAAAA,KAAK,EAAE,cAAI,QAAJ,CAAT;AAAyBC,EAAAA,KAAK,EAAEL,SAAS,CAACC;AAA1C,CADuB,EAEvB;AAAEG,EAAAA,KAAK,EAAE,cAAI,QAAJ,CAAT;AAAyBC,EAAAA,KAAK,EAAEL,SAAS,CAACE;AAA1C,CAFuB,CAAxB;;AAKA,MAAMI,eAAe,GAAKC,KAAF,IAAa;AACpC,MAAKA,KAAK,EAAEC,QAAP,CAAiBR,SAAS,CAACE,MAA3B,CAAL,EAA2C;AAC1C,WAAOF,SAAS,CAACE,MAAjB;AACA,GAFD,MAEO,IAAKK,KAAK,EAAEC,QAAP,CAAiBR,SAAS,CAACC,MAA3B,CAAL,EAA2C;AACjD,WAAOD,SAAS,CAACC,MAAjB;AACA;;AACD,SAAO,KAAP;AACA,CAPD;;AASO,MAAMQ,WAAW,GAAG;AAC1BC,EAAAA,OAAO,EAAE;AACRC,IAAAA,cAAc,EAAE,gBADR;AAERC,IAAAA,MAAM,EAAE,QAFA;AAGRC,IAAAA,OAAO,EAAE;AAHD,GADiB;AAM1BC,EAAAA,QAAQ,EAAE,CAAE,cAAI,OAAJ,CAAF,EAAiB,cAAI,UAAJ,CAAjB,CANgB;AAO1Bd,EAAAA,SAP0B;AAQ1BG,EAAAA,eAR0B;AAS1BG,EAAAA,eAT0B;AAU1BS,EAAAA,UAAU,EAAIR,KAAF,IAAa,CAAC,CAAED,eAAe,CAAEC,KAAF;AAVjB,CAApB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst gradients = {\n\tlinear: 'linear-gradient',\n\tradial: 'radial-gradient',\n};\n\nconst gradientOptions = [\n\t{ label: __( 'Linear' ), value: gradients.linear },\n\t{ label: __( 'Radial' ), value: gradients.radial },\n];\n\nconst getGradientType = ( color ) => {\n\tif ( color?.includes( gradients.radial ) ) {\n\t\treturn gradients.radial;\n\t} else if ( color?.includes( gradients.linear ) ) {\n\t\treturn gradients.linear;\n\t}\n\treturn false;\n};\n\nexport const colorsUtils = {\n\tscreens: {\n\t\tgradientPicker: 'GradientPicker',\n\t\tpicker: 'Picker',\n\t\tpalette: 'Palette',\n\t},\n\tsegments: [ __( 'Solid' ), __( 'Gradient' ) ],\n\tgradients,\n\tgradientOptions,\n\tgetGradientType,\n\tisGradient: ( color ) => !! getGradientType( color ),\n};\n"]}

package/build/mobile/cycle-select-control/index.native.js

@@ -20,18 +20,17 @@ var _cyclePickerCell = _interopRequireDefault(require("../bottom-sheet/cycle-pic
 /**
  * Internal dependencies
  */
-function CycleSelectControl(_ref) {
-  let {
-    help,
-    instanceId,
-    label,
-    multiple = false,
-    onChange,
-    options = [],
-    className,
-    hideLabelFromVision,
-    ...props
-  } = _ref;
+function CycleSelectControl({
+  help,
+  instanceId,
+  label,
+  multiple = false,
+  onChange,
+  options = [],
+  className,
+  hideLabelFromVision,
+  ...props
+}) {
   const id = `inspector-select-control-${instanceId}`;
   return (0, _element.createElement)(_cyclePickerCell.default, (0, _extends2.default)({
     label: label,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"names":["CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","undefined"],"mappings":";;;;;;;;;AAGA;;;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,SAASA,kBAAT,OAUI;AAAA,MAVyB;AAC5BC,IAAAA,IAD4B;AAE5BC,IAAAA,UAF4B;AAG5BC,IAAAA,KAH4B;AAI5BC,IAAAA,QAAQ,GAAG,KAJiB;AAK5BC,IAAAA,QAL4B;AAM5BC,IAAAA,OAAO,GAAG,EANkB;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,mBAR4B;AAS5B,OAAGC;AATyB,GAUzB;AACH,QAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAApD;AAEA,SACC,4BAAC,wBAAD;AACC,IAAA,KAAK,EAAGC,KADT;AAEC,IAAA,mBAAmB,EAAGK,mBAFvB;AAGC,IAAA,EAAE,EAAGE,EAHN;AAIC,IAAA,IAAI,EAAGT,IAJR;AAKC,IAAA,SAAS,EAAGM,SALb;AAMC,IAAA,aAAa,EAAGF,QANjB;AAOC,wBAAmB,CAAC,CAAEJ,IAAH,GAAW,GAAGS,EAAI,QAAlB,GAA4BC,SAPhD;AAQC,IAAA,QAAQ,EAAGP,QARZ;AASC,IAAA,OAAO,EAAGE;AATX,KAUMG,KAVN,EADD;AAcA;;eAEc,mBAAMT,kBAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport CyclePickerCell from '../bottom-sheet/cycle-picker-cell';\n\nfunction CycleSelectControl( {\n\thelp,\n\tinstanceId,\n\tlabel,\n\tmultiple = false,\n\tonChange,\n\toptions = [],\n\tclassName,\n\thideLabelFromVision,\n\t...props\n} ) {\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn (\n\t\t<CyclePickerCell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\tmultiple={ multiple }\n\t\t\toptions={ options }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( CycleSelectControl );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"names":["CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","undefined"],"mappings":";;;;;;;;;AAGA;;;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,SAASA,kBAAT,CAA6B;AAC5BC,EAAAA,IAD4B;AAE5BC,EAAAA,UAF4B;AAG5BC,EAAAA,KAH4B;AAI5BC,EAAAA,QAAQ,GAAG,KAJiB;AAK5BC,EAAAA,QAL4B;AAM5BC,EAAAA,OAAO,GAAG,EANkB;AAO5BC,EAAAA,SAP4B;AAQ5BC,EAAAA,mBAR4B;AAS5B,KAAGC;AATyB,CAA7B,EAUI;AACH,QAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAApD;AAEA,SACC,4BAAC,wBAAD;AACC,IAAA,KAAK,EAAGC,KADT;AAEC,IAAA,mBAAmB,EAAGK,mBAFvB;AAGC,IAAA,EAAE,EAAGE,EAHN;AAIC,IAAA,IAAI,EAAGT,IAJR;AAKC,IAAA,SAAS,EAAGM,SALb;AAMC,IAAA,aAAa,EAAGF,QANjB;AAOC,wBAAmB,CAAC,CAAEJ,IAAH,GAAW,GAAGS,EAAI,QAAlB,GAA4BC,SAPhD;AAQC,IAAA,QAAQ,EAAGP,QARZ;AASC,IAAA,OAAO,EAAGE;AATX,KAUMG,KAVN,EADD;AAcA;;eAEc,mBAAMT,kBAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport CyclePickerCell from '../bottom-sheet/cycle-picker-cell';\n\nfunction CycleSelectControl( {\n\thelp,\n\tinstanceId,\n\tlabel,\n\tmultiple = false,\n\tonChange,\n\toptions = [],\n\tclassName,\n\thideLabelFromVision,\n\t...props\n} ) {\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn (\n\t\t<CyclePickerCell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\tmultiple={ multiple }\n\t\t\toptions={ options }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( CycleSelectControl );\n"]}

package/build/mobile/focal-point-settings-panel/index.native.js

@@ -34,13 +34,12 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
-const FocalPointSettingsPanelMemo = (0, _element.memo)(_ref => {
-  let {
-    focalPoint,
-    onFocalPointChange,
-    shouldEnableBottomSheetScroll,
-    url
-  } = _ref;
+const FocalPointSettingsPanelMemo = (0, _element.memo)(({
+  focalPoint,
+  onFocalPointChange,
+  shouldEnableBottomSheetScroll,
+  url
+}) => {
   const navigation = (0, _native.useNavigation)();
 
   function onButtonPress(action) {