npm - @wordpress/components - Versions diffs - 24.0.0 → 25.0.0 - Mend

@wordpress/components 24.0.0 → 25.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/build/input-control/styles/input-control-styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/input-control/styles/input-control-styles.tsx"],"names":["rootFocusedStyles","isFocused","Root","Flex","containerDisabledStyles","disabled","backgroundColor","COLORS","ui","backgroundDisabled","background","containerWidthStyles","__unstableInputWidth","labelPosition","flex","width","Container","disabledStyles","color","textDisabled","fontSizeStyles","inputSize","size","sizes","default","small","fontSize","fontSizeMobile","css","getSizeConfig","__next36pxDefaultSize","height","lineHeight","minHeight","paddingLeft","paddingRight","sizeStyles","props","customPaddings","paddingInlineStart","paddingInlineEnd","dragStyles","isDragging","dragCursor","defaultArrowStyles","activeDragCursorStyles","Input","gray","BaseLabel","Text","baseLabelTypography","Label","LabelWrapper","FlexItem","backdropFocusedStyles","borderColor","borderFocus","border","boxShadow","borderDisabled","borderStyle","borderWidth","BackdropUI","Prefix","Suffix"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport { css, SerializedStyles } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport type { CSSProperties, ReactNode } from 'react';\n\n/\n Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../ui/context';\nimport { Flex, FlexItem } from '../../flex';\nimport { Text } from '../../text';\nimport { baseLabelTypography, COLORS, rtl } from '../../utils';\nimport type { LabelPosition, Size } from '../types';\nimport { space } from '../../ui/utils/space';\n\ntype ContainerProps = {\n\tdisabled?: boolean;\n\thideLabel?: boolean;\n\t__unstableInputWidth?: CSSProperties[ 'width' ];\n\tlabelPosition?: LabelPosition;\n};\n\ntype RootProps = {\n\tisFocused?: boolean;\n\tlabelPosition?: LabelPosition;\n};\n\nconst rootFocusedStyles = ( { isFocused }: RootProps ) => {\n\tif ( ! isFocused ) return '';\n\n\treturn css( { zIndex: 1 } );\n};\n\nexport const Root = styled( Flex )< RootProps >`\n\tbox-sizing: border-box;\n\tposition: relative;\n\tborder-radius: 2px;\n\tpadding-top: 0;\n\t${ rootFocusedStyles }\n`;\n\nconst containerDisabledStyles = ( { disabled }: ContainerProps ) => {\n\tconst backgroundColor = disabled\n\t\t? COLORS.ui.backgroundDisabled\n\t\t: COLORS.ui.background;\n\n\treturn css( { backgroundColor } );\n};\n\nconst containerWidthStyles = ( {\n\t__unstableInputWidth,\n\tlabelPosition,\n}: ContainerProps ) => {\n\tif ( ! __unstableInputWidth ) return css( { width: '100%' } );\n\n\tif ( labelPosition === 'side' ) return '';\n\n\tif ( labelPosition === 'edge' ) {\n\t\treturn css( {\n\t\t\tflex: `0 0 ${ __unstableInputWidth }`,\n\t\t} );\n\t}\n\n\treturn css( { width: __unstableInputWidth } );\n};\n\nexport const Container = styled.div< ContainerProps >`\n\talign-items: center;\n\tbox-sizing: border-box;\n\tborder-radius: inherit;\n\tdisplay: flex;\n\tflex: 1;\n\tposition: relative;\n\n\t${ containerDisabledStyles }\n\t${ containerWidthStyles }\n`;\n\ntype InputProps = {\n\t__next36pxDefaultSize?: boolean;\n\tdisabled?: boolean;\n\tinputSize?: Size;\n\tisDragging?: boolean;\n\tdragCursor?: CSSProperties[ 'cursor' ];\n\tpaddingInlineStart?: CSSProperties[ 'paddingInlineStart' ];\n\tpaddingInlineEnd?: CSSProperties[ 'paddingInlineEnd' ];\n};\n\nconst disabledStyles = ( { disabled }: InputProps ) => {\n\tif ( ! disabled ) return '';\n\n\treturn css( {\n\t\tcolor: COLORS.ui.textDisabled,\n\t} );\n};\n\nconst fontSizeStyles = ( { inputSize: size }: InputProps ) => {\n\tconst sizes = {\n\t\tdefault: '13px',\n\t\tsmall: '11px',\n\t\t'__unstable-large': '13px',\n\t};\n\n\tconst fontSize = sizes[ size as Size ] \|\| sizes.default;\n\tconst fontSizeMobile = '16px';\n\n\tif ( ! fontSize ) return '';\n\n\treturn css`\n\t\tfont-size: ${ fontSizeMobile };\n\n\t\t@media ( min-width: 600px ) {\n\t\t\tfont-size: ${ fontSize };\n\t\t}\n\t`;\n};\n\nexport const getSizeConfig = ( {\n\tinputSize: size,\n\t__next36pxDefaultSize,\n}: InputProps ) => {\n\t// Paddings may be overridden by the custom paddings props.\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 36,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 36,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 24,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t},\n\t\t'__unstable-large': {\n\t\t\theight: 40,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 40,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t};\n\n\tif ( ! __next36pxDefaultSize ) {\n\t\tsizes.default = {\n\t\t\theight: 30,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 30,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t};\n\t}\n\n\treturn sizes[ size as Size ] \|\| sizes.default;\n};\n\nconst sizeStyles = ( props: InputProps ) => {\n\treturn css( getSizeConfig( props ) );\n};\n\nconst customPaddings = ( {\n\tpaddingInlineStart,\n\tpaddingInlineEnd,\n}: InputProps ) => {\n\treturn css( { paddingInlineStart, paddingInlineEnd } );\n};\n\nconst dragStyles = ( { isDragging, dragCursor }: InputProps ) => {\n\tlet defaultArrowStyles: SerializedStyles \| undefined;\n\tlet activeDragCursorStyles: SerializedStyles \| undefined;\n\n\tif ( isDragging ) {\n\t\tdefaultArrowStyles = css`\n\t\t\tcursor: ${ dragCursor };\n\t\t\tuser-select: none;\n\n\t\t\t&::-webkit-outer-spin-button,\n\t\t\t&::-webkit-inner-spin-button {\n\t\t\t\t-webkit-appearance: none !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t}\n\t\t`;\n\t}\n\n\tif ( isDragging && dragCursor ) {\n\t\tactiveDragCursorStyles = css`\n\t\t\t&:active {\n\t\t\t\tcursor: ${ dragCursor };\n\t\t\t}\n\t\t`;\n\t}\n\n\treturn css`\n\t\t${ defaultArrowStyles }\n\t\t${ activeDragCursorStyles }\n\t`;\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const Input = styled.input< InputProps >`\n\t&&& {\n\t\tbackground-color: transparent;\n\t\tbox-sizing: border-box;\n\t\tborder: none;\n\t\tbox-shadow: none !important;\n\t\tcolor: ${ COLORS.gray[ 900 ] };\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\tmargin: 0;\n\t\toutline: none;\n\t\twidth: 100%;\n\n\t\t${ dragStyles }\n\t\t${ disabledStyles }\n\t\t${ fontSizeStyles }\n\t\t${ sizeStyles }\n\t\t${ customPaddings }\n\n\t\t&::-webkit-input-placeholder {\n\t\t\tline-height: normal;\n\t\t}\n\t}\n`;\n\nconst BaseLabel = styled( Text )< { labelPosition?: LabelPosition } >`\n\t&&& {\n\t\t${ baseLabelTypography };\n\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t\tmax-width: 100%;\n\t\tz-index: 1;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n`;\n\nexport const Label = (\n\tprops: WordPressComponentProps<\n\t\t{ labelPosition?: LabelPosition; children: ReactNode },\n\t\t'label',\n\t\tfalse\n\t>\n) => <BaseLabel { ...props } as=\"label\" />;\n\nexport const LabelWrapper = styled( FlexItem )`\n\tmax-width: calc( 100% - 10px );\n`;\n\ntype BackdropProps = {\n\tdisabled?: boolean;\n\tisFocused?: boolean;\n};\n\nconst backdropFocusedStyles = ( {\n\tdisabled,\n\tisFocused,\n}: BackdropProps ): SerializedStyles => {\n\tlet borderColor = isFocused ? COLORS.ui.borderFocus : COLORS.ui.border;\n\n\tlet boxShadow;\n\n\tif ( isFocused ) {\n\t\tboxShadow = `0 0 0 1px ${ COLORS.ui.borderFocus } inset`;\n\t}\n\n\tif ( disabled ) {\n\t\tborderColor = COLORS.ui.borderDisabled;\n\t}\n\n\treturn css( {\n\t\tboxShadow,\n\t\tborderColor,\n\t\tborderStyle: 'solid',\n\t\tborderWidth: 1,\n\t} );\n};\n\nexport const BackdropUI = styled.div< BackdropProps >`\n\t&&& {\n\t\tbox-sizing: border-box;\n\t\tborder-radius: inherit;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\n\t\t${ backdropFocusedStyles }\n\t\t${ rtl( { paddingLeft: 2 } ) }\n\t}\n`;\n\nexport const Prefix = styled.span`\n\tbox-sizing: border-box;\n\tdisplay: block;\n`;\n\nexport const Suffix = styled.span`\n\talign-items: center;\n\talign-self: stretch;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n`;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/input-control/styles/input-control-styles.tsx"],"names":["rootFocusedStyles","isFocused","Root","Flex","containerDisabledStyles","disabled","backgroundColor","COLORS","ui","backgroundDisabled","background","containerWidthStyles","__unstableInputWidth","labelPosition","flex","width","Container","disabledStyles","color","textDisabled","fontSizeStyles","inputSize","size","sizes","default","small","fontSize","fontSizeMobile","css","getSizeConfig","__next36pxDefaultSize","height","lineHeight","minHeight","paddingLeft","paddingRight","sizeStyles","props","customPaddings","paddingInlineStart","paddingInlineEnd","dragStyles","isDragging","dragCursor","defaultArrowStyles","activeDragCursorStyles","Input","gray","BaseLabel","Text","baseLabelTypography","Label","LabelWrapper","FlexItem","backdropFocusedStyles","borderColor","borderFocus","border","boxShadow","outline","outlineOffset","borderDisabled","borderStyle","borderWidth","BackdropUI","Prefix","Suffix"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport { css, SerializedStyles } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport type { CSSProperties, ReactNode } from 'react';\n\n/\n Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../ui/context';\nimport { Flex, FlexItem } from '../../flex';\nimport { Text } from '../../text';\nimport { baseLabelTypography, COLORS, rtl } from '../../utils';\nimport type { LabelPosition, Size } from '../types';\nimport { space } from '../../ui/utils/space';\n\ntype ContainerProps = {\n\tdisabled?: boolean;\n\thideLabel?: boolean;\n\t__unstableInputWidth?: CSSProperties[ 'width' ];\n\tlabelPosition?: LabelPosition;\n};\n\ntype RootProps = {\n\tisFocused?: boolean;\n\tlabelPosition?: LabelPosition;\n};\n\nconst rootFocusedStyles = ( { isFocused }: RootProps ) => {\n\tif ( ! isFocused ) return '';\n\n\treturn css( { zIndex: 1 } );\n};\n\nexport const Root = styled( Flex )< RootProps >`\n\tbox-sizing: border-box;\n\tposition: relative;\n\tborder-radius: 2px;\n\tpadding-top: 0;\n\t${ rootFocusedStyles }\n`;\n\nconst containerDisabledStyles = ( { disabled }: ContainerProps ) => {\n\tconst backgroundColor = disabled\n\t\t? COLORS.ui.backgroundDisabled\n\t\t: COLORS.ui.background;\n\n\treturn css( { backgroundColor } );\n};\n\nconst containerWidthStyles = ( {\n\t__unstableInputWidth,\n\tlabelPosition,\n}: ContainerProps ) => {\n\tif ( ! __unstableInputWidth ) return css( { width: '100%' } );\n\n\tif ( labelPosition === 'side' ) return '';\n\n\tif ( labelPosition === 'edge' ) {\n\t\treturn css( {\n\t\t\tflex: `0 0 ${ __unstableInputWidth }`,\n\t\t} );\n\t}\n\n\treturn css( { width: __unstableInputWidth } );\n};\n\nexport const Container = styled.div< ContainerProps >`\n\talign-items: center;\n\tbox-sizing: border-box;\n\tborder-radius: inherit;\n\tdisplay: flex;\n\tflex: 1;\n\tposition: relative;\n\n\t${ containerDisabledStyles }\n\t${ containerWidthStyles }\n`;\n\ntype InputProps = {\n\t__next36pxDefaultSize?: boolean;\n\tdisabled?: boolean;\n\tinputSize?: Size;\n\tisDragging?: boolean;\n\tdragCursor?: CSSProperties[ 'cursor' ];\n\tpaddingInlineStart?: CSSProperties[ 'paddingInlineStart' ];\n\tpaddingInlineEnd?: CSSProperties[ 'paddingInlineEnd' ];\n};\n\nconst disabledStyles = ( { disabled }: InputProps ) => {\n\tif ( ! disabled ) return '';\n\n\treturn css( {\n\t\tcolor: COLORS.ui.textDisabled,\n\t} );\n};\n\nconst fontSizeStyles = ( { inputSize: size }: InputProps ) => {\n\tconst sizes = {\n\t\tdefault: '13px',\n\t\tsmall: '11px',\n\t\t'__unstable-large': '13px',\n\t};\n\n\tconst fontSize = sizes[ size as Size ] \|\| sizes.default;\n\tconst fontSizeMobile = '16px';\n\n\tif ( ! fontSize ) return '';\n\n\treturn css`\n\t\tfont-size: ${ fontSizeMobile };\n\n\t\t@media ( min-width: 600px ) {\n\t\t\tfont-size: ${ fontSize };\n\t\t}\n\t`;\n};\n\nexport const getSizeConfig = ( {\n\tinputSize: size,\n\t__next36pxDefaultSize,\n}: InputProps ) => {\n\t// Paddings may be overridden by the custom paddings props.\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 36,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 36,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 24,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t},\n\t\t'__unstable-large': {\n\t\t\theight: 40,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 40,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t};\n\n\tif ( ! __next36pxDefaultSize ) {\n\t\tsizes.default = {\n\t\t\theight: 30,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 30,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t};\n\t}\n\n\treturn sizes[ size as Size ] \|\| sizes.default;\n};\n\nconst sizeStyles = ( props: InputProps ) => {\n\treturn css( getSizeConfig( props ) );\n};\n\nconst customPaddings = ( {\n\tpaddingInlineStart,\n\tpaddingInlineEnd,\n}: InputProps ) => {\n\treturn css( { paddingInlineStart, paddingInlineEnd } );\n};\n\nconst dragStyles = ( { isDragging, dragCursor }: InputProps ) => {\n\tlet defaultArrowStyles: SerializedStyles \| undefined;\n\tlet activeDragCursorStyles: SerializedStyles \| undefined;\n\n\tif ( isDragging ) {\n\t\tdefaultArrowStyles = css`\n\t\t\tcursor: ${ dragCursor };\n\t\t\tuser-select: none;\n\n\t\t\t&::-webkit-outer-spin-button,\n\t\t\t&::-webkit-inner-spin-button {\n\t\t\t\t-webkit-appearance: none !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t}\n\t\t`;\n\t}\n\n\tif ( isDragging && dragCursor ) {\n\t\tactiveDragCursorStyles = css`\n\t\t\t&:active {\n\t\t\t\tcursor: ${ dragCursor };\n\t\t\t}\n\t\t`;\n\t}\n\n\treturn css`\n\t\t${ defaultArrowStyles }\n\t\t${ activeDragCursorStyles }\n\t`;\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const Input = styled.input< InputProps >`\n\t&&& {\n\t\tbackground-color: transparent;\n\t\tbox-sizing: border-box;\n\t\tborder: none;\n\t\tbox-shadow: none !important;\n\t\tcolor: ${ COLORS.gray[ 900 ] };\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\tmargin: 0;\n\t\toutline: none;\n\t\twidth: 100%;\n\n\t\t${ dragStyles }\n\t\t${ disabledStyles }\n\t\t${ fontSizeStyles }\n\t\t${ sizeStyles }\n\t\t${ customPaddings }\n\n\t\t&::-webkit-input-placeholder {\n\t\t\tline-height: normal;\n\t\t}\n\t}\n`;\n\nconst BaseLabel = styled( Text )< { labelPosition?: LabelPosition } >`\n\t&&& {\n\t\t${ baseLabelTypography };\n\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t\tmax-width: 100%;\n\t\tz-index: 1;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n`;\n\nexport const Label = (\n\tprops: WordPressComponentProps<\n\t\t{ labelPosition?: LabelPosition; children: ReactNode },\n\t\t'label',\n\t\tfalse\n\t>\n) => <BaseLabel { ...props } as=\"label\" />;\n\nexport const LabelWrapper = styled( FlexItem )`\n\tmax-width: calc( 100% - 10px );\n`;\n\ntype BackdropProps = {\n\tdisabled?: boolean;\n\tisFocused?: boolean;\n};\n\nconst backdropFocusedStyles = ( {\n\tdisabled,\n\tisFocused,\n}: BackdropProps ): SerializedStyles => {\n\tlet borderColor = isFocused ? COLORS.ui.borderFocus : COLORS.ui.border;\n\n\tlet boxShadow;\n\tlet outline;\n\tlet outlineOffset;\n\n\tif ( isFocused ) {\n\t\tboxShadow = `0 0 0 1px ${ COLORS.ui.borderFocus } inset`;\n\t\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\t\toutline = `2px solid transparent`;\n\t\toutlineOffset = `-2px`;\n\t}\n\n\tif ( disabled ) {\n\t\tborderColor = COLORS.ui.borderDisabled;\n\t}\n\n\treturn css( {\n\t\tboxShadow,\n\t\tborderColor,\n\t\tborderStyle: 'solid',\n\t\tborderWidth: 1,\n\t\toutline,\n\t\toutlineOffset,\n\t} );\n};\n\nexport const BackdropUI = styled.div< BackdropProps >`\n\t&&& {\n\t\tbox-sizing: border-box;\n\t\tborder-radius: inherit;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\n\t\t${ backdropFocusedStyles }\n\t\t${ rtl( { paddingLeft: 2 } ) }\n\t}\n`;\n\nexport const Prefix = styled.span`\n\tbox-sizing: border-box;\n\tdisplay: block;\n`;\n\nexport const Suffix = styled.span`\n\talign-items: center;\n\talign-self: stretch;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n`;\n"]}

package/build/mobile/bottom-sheet/cell.native.js CHANGED Viewed

@@ -104,6 +104,7 @@ class BottomSheetCell extends _element.Component {
       accessibilityHint,
       accessibilityRole,
       disabled = false,
+      disabledStyle = _styles.default.cellDisabled,
       activeOpacity,
       onPress,
       onLongPress,
@@ -200,9 +201,14 @@ class BottomSheetCell extends _element.Component {
     const getValueComponent = () => {
       const styleRTL = _reactNative.I18nManager.isRTL && _styles.default.cellValueRTL;
       const cellValueStyle = this.props.getStylesFromColorScheme(_styles.default.cellValue, _styles.default.cellTextDark);
-      const finalStyle = { ...cellValueStyle,
+      const textInputStyle = { ...cellValueStyle,
         ...valueStyle,
         ...styleRTL
+      };
+      const placeholderTextColor = disabled ? this.props.getStylesFromColorScheme(_styles.default.placeholderColorDisabled, _styles.default.placeholderColorDisabledDark).color : _styles.default.placeholderColor.color;
+      const textStyle = { ...(disabled && _styles.default.cellDisabled),
+        ...cellValueStyle,
+        ...valueStyle
       }; // To be able to show the `middle` ellipsizeMode on editable cells
       // we show the TextInput just when the user wants to edit the value,
       // and the Text component to display it.
@@ -212,21 +218,20 @@ class BottomSheetCell extends _element.Component {
       return this.state.isEditingValue || shouldShowPlaceholder ? (0, _element.createElement)(_reactNative.TextInput, (0, _extends2.default)({
         ref: c => this._valueTextInput = c,
         numberOfLines: 1,
-        style: finalStyle,
+        style: textInputStyle,
         value: value,
         placeholder: valuePlaceholder,
-        placeholderTextColor: '#87a6bc',
+        placeholderTextColor: placeholderTextColor,
         onChangeText: onChangeValue,
         editable: isValueEditable,
         pointerEvents: this.state.isEditingValue ? 'auto' : 'none',
         onFocus: startEditing,
         onBlur: finishEditing,
         onSubmitEditing: onSubmit,
-        keyboardType: this.typeToKeyboardType(type, step)
+        keyboardType: this.typeToKeyboardType(type, step),
+        disabled: disabled
       }, valueProps)) : (0, _element.createElement)(_reactNative.Text, {
-        style: { ...cellValueStyle,
-          ...valueStyle
-        },
+        style: textStyle,
         numberOfLines: 1,
         ellipsizeMode: 'middle'
       }, value);
@@ -313,7 +318,10 @@ class BottomSheetCell extends _element.Component {
     }, title))), isSelected && (0, _element.createElement)(_components.Icon, {
       icon: _icons.check,
       fill: _cellStyles.default.isSelected.color
-    }), showValue && getValueComponent(), children), help && (0, _element.createElement)(_reactNative.Text, {
+    }), showValue && getValueComponent(), (0, _element.createElement)(_reactNative.View, {
+      style: [disabled && disabledStyle, _styles.default.cellRowContainer],
+      pointerEvents: disabled ? 'none' : 'auto'
+    }, children)), help && (0, _element.createElement)(_reactNative.Text, {
       style: [cellHelpStyle, _styles.default.placeholderColor]
     }, help), !drawTopSeparator && (0, _element.createElement)(_reactNative.View, {
       style: separatorStyle()

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/cell.native.js"],"names":["isIOS","Platform","OS","BottomSheetCell","Component","constructor","props","arguments","state","isEditingValue","autoFocus","isScreenReaderEnabled","handleScreenReaderToggled","bind","isCurrent","componentDidUpdate","prevProps","prevState","_valueTextInput","focus","componentDidMount","a11yInfoChangeSubscription","AccessibilityInfo","addEventListener","then","setState","componentWillUnmount","remove","typeToKeyboardType","type","step","keyboardType","Math","abs","render","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","disabled","activeOpacity","onPress","onLongPress","label","subLabel","value","valuePlaceholder","icon","leftAlign","iconStyle","labelStyle","valueStyle","cellContainerStyle","cellRowContainerStyle","onChangeValue","onSubmit","children","editable","isSelected","separatorType","style","getStylesFromColorScheme","customActionButton","borderless","help","valueProps","showValue","undefined","isValueEditable","cellLabelStyle","styles","cellLabel","cellTextDark","cellLabelCenteredStyle","cellLabelCentered","cellLabelLeftAlignNoIconStyle","cellLabelLeftAlignNoIcon","defaultMissingIconAndValue","defaultLabelStyle","defaultSubLabelStyleText","cellSubLabelText","cellSubLabelTextDark","drawSeparator","separatorStyle","drawTopSeparator","cellContainerStyles","cellContainer","rowContainerStyles","cellRowContainer","isInteractive","onCellPress","startEditing","finishEditing","defaultSeparatorStyle","separator","separatorDark","cellSeparatorStyle","cellSeparator","cellSeparatorDark","leftMarginStyle","platformStyles","separatorMarginLeft","getValueComponent","styleRTL","I18nManager","isRTL","cellValueRTL","cellValueStyle","cellValue","finalStyle","shouldShowPlaceholder","c","getAccessibilityLabel","iconStyleBase","iconDark","resetButtonStyle","resetButton","resetButtonDark","cellHelpStyle","cellHelpLabel","cellHelpLabelIOS","containerPointerEvents","title","handler","opacity","clipToBounds","cellRowIcon","color","labelIconSeparator","check","placeholderColor"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport {\n\tTouchableOpacity,\n\tText,\n\tView,\n\tTextInput,\n\tI18nManager,\n\tAccessibilityInfo,\n\tPlatform,\n} from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { Icon } from '@wordpress/components';\nimport { check } from '@wordpress/icons';\nimport { Component } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport styles from './styles.scss';\nimport platformStyles from './cellStyles.scss';\nimport TouchableRipple from './ripple';\n\nconst isIOS = Platform.OS === 'ios';\nclass BottomSheetCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\tisEditingValue: props.autoFocus \|\| false,\n\t\t\tisScreenReaderEnabled: false,\n\t\t};\n\n\t\tthis.handleScreenReaderToggled =\n\t\t\tthis.handleScreenReaderToggled.bind( this );\n\n\t\tthis.isCurrent = false;\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tif ( ! prevState.isEditingValue && this.state.isEditingValue ) {\n\t\t\tthis._valueTextInput.focus();\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.isCurrent = true;\n\t\tthis.a11yInfoChangeSubscription = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\tthis.handleScreenReaderToggled\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( isScreenReaderEnabled ) => {\n\t\t\t\tif ( this.isCurrent && isScreenReaderEnabled ) {\n\t\t\t\t\tthis.setState( { isScreenReaderEnabled } );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.isCurrent = false;\n\t\tthis.a11yInfoChangeSubscription.remove();\n\t}\n\n\thandleScreenReaderToggled( isScreenReaderEnabled ) {\n\t\tthis.setState( { isScreenReaderEnabled } );\n\t}\n\n\ttypeToKeyboardType( type, step ) {\n\t\tlet keyboardType = `default`;\n\t\tif ( type === `number` ) {\n\t\t\tif ( step && Math.abs( step ) < 1 ) {\n\t\t\t\tkeyboardType = `decimal-pad`;\n\t\t\t} else {\n\t\t\t\tkeyboardType = `number-pad`;\n\t\t\t}\n\t\t}\n\t\treturn keyboardType;\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\taccessible,\n\t\t\taccessibilityLabel,\n\t\t\taccessibilityHint,\n\t\t\taccessibilityRole,\n\t\t\tdisabled = false,\n\t\t\tactiveOpacity,\n\t\t\tonPress,\n\t\t\tonLongPress,\n\t\t\tlabel,\n\t\t\tsubLabel,\n\t\t\tvalue,\n\t\t\tvaluePlaceholder = '',\n\t\t\ticon,\n\t\t\tleftAlign,\n\t\t\ticonStyle = {},\n\t\t\tlabelStyle = {},\n\t\t\tvalueStyle = {},\n\t\t\tcellContainerStyle = {},\n\t\t\tcellRowContainerStyle = {},\n\t\t\tonChangeValue,\n\t\t\tonSubmit,\n\t\t\tchildren,\n\t\t\teditable = true,\n\t\t\tisSelected = false,\n\t\t\tseparatorType,\n\t\t\tstyle = {},\n\t\t\tgetStylesFromColorScheme,\n\t\t\tcustomActionButton,\n\t\t\ttype,\n\t\t\tstep,\n\t\t\tborderless,\n\t\t\thelp,\n\t\t\t...valueProps\n\t\t} = this.props;\n\n\t\tconst showValue = value !== undefined;\n\t\tconst isValueEditable = editable && onChangeValue !== undefined;\n\t\tconst cellLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabel,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelCenteredStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelCentered,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelLeftAlignNoIconStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelLeftAlignNoIcon,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst defaultMissingIconAndValue = leftAlign\n\t\t\t? cellLabelLeftAlignNoIconStyle\n\t\t\t: cellLabelCenteredStyle;\n\t\tconst defaultLabelStyle =\n\t\t\tshowValue \|\| customActionButton \|\| icon\n\t\t\t\t? cellLabelStyle\n\t\t\t\t: defaultMissingIconAndValue;\n\n\t\tconst defaultSubLabelStyleText = getStylesFromColorScheme(\n\t\t\tstyles.cellSubLabelText,\n\t\t\tstyles.cellSubLabelTextDark\n\t\t);\n\n\t\tconst drawSeparator =\n\t\t\t( separatorType && separatorType !== 'none' ) \|\|\n\t\t\tseparatorStyle === undefined;\n\t\tconst drawTopSeparator =\n\t\t\tdrawSeparator && separatorType === 'topFullWidth';\n\n\t\tconst cellContainerStyles = [\n\t\t\tstyles.cellContainer,\n\t\t\tcellContainerStyle,\n\t\t];\n\t\tconst rowContainerStyles = [\n\t\t\tstyles.cellRowContainer,\n\t\t\tcellRowContainerStyle,\n\t\t];\n\n\t\tconst isInteractive =\n\t\t\tisValueEditable \|\|\n\t\t\tonPress !== undefined \|\|\n\t\t\tonLongPress !== undefined;\n\n\t\tconst onCellPress = () => {\n\t\t\tif ( isValueEditable ) {\n\t\t\t\tstartEditing();\n\t\t\t} else if ( onPress !== undefined ) {\n\t\t\t\tonPress();\n\t\t\t}\n\t\t};\n\n\t\tconst finishEditing = () => {\n\t\t\tthis.setState( { isEditingValue: false } );\n\t\t};\n\n\t\tconst startEditing = () => {\n\t\t\tif ( this.state.isEditingValue === false ) {\n\t\t\t\tthis.setState( { isEditingValue: true } );\n\t\t\t}\n\t\t};\n\n\t\tconst separatorStyle = () => {\n\t\t\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\t\t\tconst defaultSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.separator,\n\t\t\t\tstyles.separatorDark\n\t\t\t);\n\t\t\tconst cellSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellSeparator,\n\t\t\t\tstyles.cellSeparatorDark\n\t\t\t);\n\t\t\tconst leftMarginStyle = {\n\t\t\t\t...cellSeparatorStyle,\n\t\t\t\t...platformStyles.separatorMarginLeft,\n\t\t\t};\n\t\t\tswitch ( separatorType ) {\n\t\t\t\tcase 'leftMargin':\n\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\tcase 'fullWidth':\n\t\t\t\tcase 'topFullWidth':\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t\tcase 'none':\n\t\t\t\t\treturn undefined;\n\t\t\t\tcase undefined:\n\t\t\t\t\tif ( showValue && icon ) {\n\t\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\t\t}\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t}\n\t\t};\n\n\t\tconst getValueComponent = () => {\n\t\t\tconst styleRTL = I18nManager.isRTL && styles.cellValueRTL;\n\t\t\tconst cellValueStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellValue,\n\t\t\t\tstyles.cellTextDark\n\t\t\t);\n\t\t\tconst finalStyle = {\n\t\t\t\t...cellValueStyle,\n\t\t\t\t...valueStyle,\n\t\t\t\t...styleRTL,\n\t\t\t};\n\n\t\t\t// To be able to show the `middle` ellipsizeMode on editable cells\n\t\t\t// we show the TextInput just when the user wants to edit the value,\n\t\t\t// and the Text component to display it.\n\t\t\t// We also show the TextInput to display placeholder.\n\t\t\tconst shouldShowPlaceholder = isInteractive && value === '';\n\t\t\treturn this.state.isEditingValue \|\| shouldShowPlaceholder ? (\n\t\t\t\t<TextInput\n\t\t\t\t\tref={ ( c ) => ( this._valueTextInput = c ) }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tstyle={ finalStyle }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tplaceholder={ valuePlaceholder }\n\t\t\t\t\tplaceholderTextColor={ '#87a6bc' }\n\t\t\t\t\tonChangeText={ onChangeValue }\n\t\t\t\t\teditable={ isValueEditable }\n\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\tthis.state.isEditingValue ? 'auto' : 'none'\n\t\t\t\t\t}\n\t\t\t\t\tonFocus={ startEditing }\n\t\t\t\t\tonBlur={ finishEditing }\n\t\t\t\t\tonSubmitEditing={ onSubmit }\n\t\t\t\t\tkeyboardType={ this.typeToKeyboardType( type, step ) }\n\t\t\t\t\t{ ...valueProps }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ { ...cellValueStyle, ...valueStyle } }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode={ 'middle' }\n\t\t\t\t>\n\t\t\t\t\t{ value }\n\t\t\t\t</Text>\n\t\t\t);\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\tif ( accessible === false ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( accessibilityLabel \|\| ! showValue ) {\n\t\t\t\treturn accessibilityLabel \|\| label;\n\t\t\t}\n\n\t\t\tif ( ! value ) {\n\t\t\t\treturn ! help\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/ translators: accessibility text. Empty state of a inline textinput cell. %s: The cell's title /\n\t\t\t\t\t\t\t_x( '%s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t )\n\t\t\t\t\t: // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t\t sprintf(\n\t\t\t\t\t\t\t/ translators: accessibility text. Empty state of a inline textinput cell. %1: Cell title, %2: cell help. /\n\t\t\t\t\t\t\t_x( '%1$s, %2$s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\thelp\n\t\t\t\t\t );\n\t\t\t}\n\t\t\treturn ! help\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Inline textinput title and value.%1: Cell title, %2: cell value. /\n\t\t\t\t\t\t_x( '%1$s, %2$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue\n\t\t\t\t ) // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Inline textinput title, value and help text.%1: Cell title, %2: cell value, , %3: cell help. /\n\t\t\t\t\t\t_x( '%1$s, %2$s, %3$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\thelp\n\t\t\t\t );\n\t\t};\n\n\t\tconst iconStyleBase = getStylesFromColorScheme(\n\t\t\tstyles.icon,\n\t\t\tstyles.iconDark\n\t\t);\n\t\tconst resetButtonStyle = getStylesFromColorScheme(\n\t\t\tstyles.resetButton,\n\t\t\tstyles.resetButtonDark\n\t\t);\n\t\tconst cellHelpStyle = [\n\t\t\tstyles.cellHelpLabel,\n\t\t\tisIOS && styles.cellHelpLabelIOS,\n\t\t];\n\t\tconst containerPointerEvents =\n\t\t\tthis.state.isScreenReaderEnabled && accessible ? 'none' : 'auto';\n\t\tconst { title, handler } = customActionButton \|\| {};\n\n\t\tconst opacity =\n\t\t\tactiveOpacity !== undefined\n\t\t\t\t? activeOpacity\n\t\t\t\t: platformStyles.activeOpacity?.opacity;\n\n\t\treturn (\n\t\t\t<TouchableRipple\n\t\t\t\taccessible={\n\t\t\t\t\taccessible !== undefined\n\t\t\t\t\t\t? accessible\n\t\t\t\t\t\t: ! this.state.isEditingValue\n\t\t\t\t}\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityRole={ accessibilityRole \|\| 'button' }\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tisValueEditable\n\t\t\t\t\t\t? / translators: accessibility text */\n\t\t\t\t\t\t __( 'Double tap to edit this value' )\n\t\t\t\t\t\t: accessibilityHint\n\t\t\t\t}\n\t\t\t\tdisabled={ disabled \|\| ! isInteractive }\n\t\t\t\tactiveOpacity={ opacity }\n\t\t\t\tonPress={ onCellPress }\n\t\t\t\tonLongPress={ onLongPress }\n\t\t\t\tstyle={ [ styles.clipToBounds, style ] }\n\t\t\t\tborderless={ borderless }\n\t\t\t>\n\t\t\t\t{ drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t\t<View\n\t\t\t\t\tstyle={ cellContainerStyles }\n\t\t\t\t\tpointerEvents={ containerPointerEvents }\n\t\t\t\t>\n\t\t\t\t\t<View style={ rowContainerStyles }>\n\t\t\t\t\t\t<View style={ styles.cellRowContainer }>\n\t\t\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowContainer,\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowIcon,\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\tfill={\n\t\t\t\t\t\t\t\t\t\t\ticonStyle.color \|\|\n\t\t\t\t\t\t\t\t\t\t\ticonStyleBase.color\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tstyle={ iconStyle }\n\t\t\t\t\t\t\t\t\t\tisPressed={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tplatformStyles.labelIconSeparator\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ subLabel && label && (\n\t\t\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\t\tdefaultLabelStyle,\n\t\t\t\t\t\t\t\t\t\t\tlabelStyle,\n\t\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Text style={ defaultSubLabelStyleText }>\n\t\t\t\t\t\t\t\t\t\t{ subLabel }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! subLabel && label && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tstyle={ [ defaultLabelStyle, labelStyle ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t{ customActionButton && (\n\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\tonPress={ handler }\n\t\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Text style={ resetButtonStyle }>\n\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\t\tfill={ platformStyles.isSelected.color }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showValue && getValueComponent() }\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t\t{ help && (\n\t\t\t\t\t<Text style={ [ cellHelpStyle, styles.placeholderColor ] }>\n\t\t\t\t\t\t{ help }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t{ ! drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t</TouchableRipple>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetCell );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/cell.native.js"],"names":["isIOS","Platform","OS","BottomSheetCell","Component","constructor","props","arguments","state","isEditingValue","autoFocus","isScreenReaderEnabled","handleScreenReaderToggled","bind","isCurrent","componentDidUpdate","prevProps","prevState","_valueTextInput","focus","componentDidMount","a11yInfoChangeSubscription","AccessibilityInfo","addEventListener","then","setState","componentWillUnmount","remove","typeToKeyboardType","type","step","keyboardType","Math","abs","render","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","disabled","disabledStyle","styles","cellDisabled","activeOpacity","onPress","onLongPress","label","subLabel","value","valuePlaceholder","icon","leftAlign","iconStyle","labelStyle","valueStyle","cellContainerStyle","cellRowContainerStyle","onChangeValue","onSubmit","children","editable","isSelected","separatorType","style","getStylesFromColorScheme","customActionButton","borderless","help","valueProps","showValue","undefined","isValueEditable","cellLabelStyle","cellLabel","cellTextDark","cellLabelCenteredStyle","cellLabelCentered","cellLabelLeftAlignNoIconStyle","cellLabelLeftAlignNoIcon","defaultMissingIconAndValue","defaultLabelStyle","defaultSubLabelStyleText","cellSubLabelText","cellSubLabelTextDark","drawSeparator","separatorStyle","drawTopSeparator","cellContainerStyles","cellContainer","rowContainerStyles","cellRowContainer","isInteractive","onCellPress","startEditing","finishEditing","defaultSeparatorStyle","separator","separatorDark","cellSeparatorStyle","cellSeparator","cellSeparatorDark","leftMarginStyle","platformStyles","separatorMarginLeft","getValueComponent","styleRTL","I18nManager","isRTL","cellValueRTL","cellValueStyle","cellValue","textInputStyle","placeholderTextColor","placeholderColorDisabled","placeholderColorDisabledDark","color","placeholderColor","textStyle","shouldShowPlaceholder","c","getAccessibilityLabel","iconStyleBase","iconDark","resetButtonStyle","resetButton","resetButtonDark","cellHelpStyle","cellHelpLabel","cellHelpLabelIOS","containerPointerEvents","title","handler","opacity","clipToBounds","cellRowIcon","labelIconSeparator","check"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport {\n\tTouchableOpacity,\n\tText,\n\tView,\n\tTextInput,\n\tI18nManager,\n\tAccessibilityInfo,\n\tPlatform,\n} from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { Icon } from '@wordpress/components';\nimport { check } from '@wordpress/icons';\nimport { Component } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport styles from './styles.scss';\nimport platformStyles from './cellStyles.scss';\nimport TouchableRipple from './ripple';\n\nconst isIOS = Platform.OS === 'ios';\nclass BottomSheetCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\tisEditingValue: props.autoFocus \|\| false,\n\t\t\tisScreenReaderEnabled: false,\n\t\t};\n\n\t\tthis.handleScreenReaderToggled =\n\t\t\tthis.handleScreenReaderToggled.bind( this );\n\n\t\tthis.isCurrent = false;\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tif ( ! prevState.isEditingValue && this.state.isEditingValue ) {\n\t\t\tthis._valueTextInput.focus();\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.isCurrent = true;\n\t\tthis.a11yInfoChangeSubscription = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\tthis.handleScreenReaderToggled\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( isScreenReaderEnabled ) => {\n\t\t\t\tif ( this.isCurrent && isScreenReaderEnabled ) {\n\t\t\t\t\tthis.setState( { isScreenReaderEnabled } );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.isCurrent = false;\n\t\tthis.a11yInfoChangeSubscription.remove();\n\t}\n\n\thandleScreenReaderToggled( isScreenReaderEnabled ) {\n\t\tthis.setState( { isScreenReaderEnabled } );\n\t}\n\n\ttypeToKeyboardType( type, step ) {\n\t\tlet keyboardType = `default`;\n\t\tif ( type === `number` ) {\n\t\t\tif ( step && Math.abs( step ) < 1 ) {\n\t\t\t\tkeyboardType = `decimal-pad`;\n\t\t\t} else {\n\t\t\t\tkeyboardType = `number-pad`;\n\t\t\t}\n\t\t}\n\t\treturn keyboardType;\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\taccessible,\n\t\t\taccessibilityLabel,\n\t\t\taccessibilityHint,\n\t\t\taccessibilityRole,\n\t\t\tdisabled = false,\n\t\t\tdisabledStyle = styles.cellDisabled,\n\t\t\tactiveOpacity,\n\t\t\tonPress,\n\t\t\tonLongPress,\n\t\t\tlabel,\n\t\t\tsubLabel,\n\t\t\tvalue,\n\t\t\tvaluePlaceholder = '',\n\t\t\ticon,\n\t\t\tleftAlign,\n\t\t\ticonStyle = {},\n\t\t\tlabelStyle = {},\n\t\t\tvalueStyle = {},\n\t\t\tcellContainerStyle = {},\n\t\t\tcellRowContainerStyle = {},\n\t\t\tonChangeValue,\n\t\t\tonSubmit,\n\t\t\tchildren,\n\t\t\teditable = true,\n\t\t\tisSelected = false,\n\t\t\tseparatorType,\n\t\t\tstyle = {},\n\t\t\tgetStylesFromColorScheme,\n\t\t\tcustomActionButton,\n\t\t\ttype,\n\t\t\tstep,\n\t\t\tborderless,\n\t\t\thelp,\n\t\t\t...valueProps\n\t\t} = this.props;\n\n\t\tconst showValue = value !== undefined;\n\t\tconst isValueEditable = editable && onChangeValue !== undefined;\n\t\tconst cellLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabel,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelCenteredStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelCentered,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelLeftAlignNoIconStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelLeftAlignNoIcon,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst defaultMissingIconAndValue = leftAlign\n\t\t\t? cellLabelLeftAlignNoIconStyle\n\t\t\t: cellLabelCenteredStyle;\n\t\tconst defaultLabelStyle =\n\t\t\tshowValue \|\| customActionButton \|\| icon\n\t\t\t\t? cellLabelStyle\n\t\t\t\t: defaultMissingIconAndValue;\n\n\t\tconst defaultSubLabelStyleText = getStylesFromColorScheme(\n\t\t\tstyles.cellSubLabelText,\n\t\t\tstyles.cellSubLabelTextDark\n\t\t);\n\n\t\tconst drawSeparator =\n\t\t\t( separatorType && separatorType !== 'none' ) \|\|\n\t\t\tseparatorStyle === undefined;\n\t\tconst drawTopSeparator =\n\t\t\tdrawSeparator && separatorType === 'topFullWidth';\n\n\t\tconst cellContainerStyles = [\n\t\t\tstyles.cellContainer,\n\t\t\tcellContainerStyle,\n\t\t];\n\t\tconst rowContainerStyles = [\n\t\t\tstyles.cellRowContainer,\n\t\t\tcellRowContainerStyle,\n\t\t];\n\n\t\tconst isInteractive =\n\t\t\tisValueEditable \|\|\n\t\t\tonPress !== undefined \|\|\n\t\t\tonLongPress !== undefined;\n\n\t\tconst onCellPress = () => {\n\t\t\tif ( isValueEditable ) {\n\t\t\t\tstartEditing();\n\t\t\t} else if ( onPress !== undefined ) {\n\t\t\t\tonPress();\n\t\t\t}\n\t\t};\n\n\t\tconst finishEditing = () => {\n\t\t\tthis.setState( { isEditingValue: false } );\n\t\t};\n\n\t\tconst startEditing = () => {\n\t\t\tif ( this.state.isEditingValue === false ) {\n\t\t\t\tthis.setState( { isEditingValue: true } );\n\t\t\t}\n\t\t};\n\n\t\tconst separatorStyle = () => {\n\t\t\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\t\t\tconst defaultSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.separator,\n\t\t\t\tstyles.separatorDark\n\t\t\t);\n\t\t\tconst cellSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellSeparator,\n\t\t\t\tstyles.cellSeparatorDark\n\t\t\t);\n\t\t\tconst leftMarginStyle = {\n\t\t\t\t...cellSeparatorStyle,\n\t\t\t\t...platformStyles.separatorMarginLeft,\n\t\t\t};\n\t\t\tswitch ( separatorType ) {\n\t\t\t\tcase 'leftMargin':\n\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\tcase 'fullWidth':\n\t\t\t\tcase 'topFullWidth':\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t\tcase 'none':\n\t\t\t\t\treturn undefined;\n\t\t\t\tcase undefined:\n\t\t\t\t\tif ( showValue && icon ) {\n\t\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\t\t}\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t}\n\t\t};\n\n\t\tconst getValueComponent = () => {\n\t\t\tconst styleRTL = I18nManager.isRTL && styles.cellValueRTL;\n\t\t\tconst cellValueStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellValue,\n\t\t\t\tstyles.cellTextDark\n\t\t\t);\n\t\t\tconst textInputStyle = {\n\t\t\t\t...cellValueStyle,\n\t\t\t\t...valueStyle,\n\t\t\t\t...styleRTL,\n\t\t\t};\n\t\t\tconst placeholderTextColor = disabled\n\t\t\t\t? this.props.getStylesFromColorScheme(\n\t\t\t\t\t\tstyles.placeholderColorDisabled,\n\t\t\t\t\t\tstyles.placeholderColorDisabledDark\n\t\t\t\t ).color\n\t\t\t\t: styles.placeholderColor.color;\n\t\t\tconst textStyle = {\n\t\t\t\t...( disabled && styles.cellDisabled ),\n\t\t\t\t...cellValueStyle,\n\t\t\t\t...valueStyle,\n\t\t\t};\n\n\t\t\t// To be able to show the `middle` ellipsizeMode on editable cells\n\t\t\t// we show the TextInput just when the user wants to edit the value,\n\t\t\t// and the Text component to display it.\n\t\t\t// We also show the TextInput to display placeholder.\n\t\t\tconst shouldShowPlaceholder = isInteractive && value === '';\n\t\t\treturn this.state.isEditingValue \|\| shouldShowPlaceholder ? (\n\t\t\t\t<TextInput\n\t\t\t\t\tref={ ( c ) => ( this._valueTextInput = c ) }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tstyle={ textInputStyle }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tplaceholder={ valuePlaceholder }\n\t\t\t\t\tplaceholderTextColor={ placeholderTextColor }\n\t\t\t\t\tonChangeText={ onChangeValue }\n\t\t\t\t\teditable={ isValueEditable }\n\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\tthis.state.isEditingValue ? 'auto' : 'none'\n\t\t\t\t\t}\n\t\t\t\t\tonFocus={ startEditing }\n\t\t\t\t\tonBlur={ finishEditing }\n\t\t\t\t\tonSubmitEditing={ onSubmit }\n\t\t\t\t\tkeyboardType={ this.typeToKeyboardType( type, step ) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t{ ...valueProps }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ textStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode={ 'middle' }\n\t\t\t\t>\n\t\t\t\t\t{ value }\n\t\t\t\t</Text>\n\t\t\t);\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\tif ( accessible === false ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( accessibilityLabel \|\| ! showValue ) {\n\t\t\t\treturn accessibilityLabel \|\| label;\n\t\t\t}\n\n\t\t\tif ( ! value ) {\n\t\t\t\treturn ! help\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/ translators: accessibility text. Empty state of a inline textinput cell. %s: The cell's title /\n\t\t\t\t\t\t\t_x( '%s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t )\n\t\t\t\t\t: // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t\t sprintf(\n\t\t\t\t\t\t\t/ translators: accessibility text. Empty state of a inline textinput cell. %1: Cell title, %2: cell help. /\n\t\t\t\t\t\t\t_x( '%1$s, %2$s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\thelp\n\t\t\t\t\t );\n\t\t\t}\n\t\t\treturn ! help\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Inline textinput title and value.%1: Cell title, %2: cell value. /\n\t\t\t\t\t\t_x( '%1$s, %2$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue\n\t\t\t\t ) // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/ translators: accessibility text. Inline textinput title, value and help text.%1: Cell title, %2: cell value, , %3: cell help. /\n\t\t\t\t\t\t_x( '%1$s, %2$s, %3$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\thelp\n\t\t\t\t );\n\t\t};\n\n\t\tconst iconStyleBase = getStylesFromColorScheme(\n\t\t\tstyles.icon,\n\t\t\tstyles.iconDark\n\t\t);\n\t\tconst resetButtonStyle = getStylesFromColorScheme(\n\t\t\tstyles.resetButton,\n\t\t\tstyles.resetButtonDark\n\t\t);\n\t\tconst cellHelpStyle = [\n\t\t\tstyles.cellHelpLabel,\n\t\t\tisIOS && styles.cellHelpLabelIOS,\n\t\t];\n\t\tconst containerPointerEvents =\n\t\t\tthis.state.isScreenReaderEnabled && accessible ? 'none' : 'auto';\n\t\tconst { title, handler } = customActionButton \|\| {};\n\n\t\tconst opacity =\n\t\t\tactiveOpacity !== undefined\n\t\t\t\t? activeOpacity\n\t\t\t\t: platformStyles.activeOpacity?.opacity;\n\n\t\treturn (\n\t\t\t<TouchableRipple\n\t\t\t\taccessible={\n\t\t\t\t\taccessible !== undefined\n\t\t\t\t\t\t? accessible\n\t\t\t\t\t\t: ! this.state.isEditingValue\n\t\t\t\t}\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityRole={ accessibilityRole \|\| 'button' }\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tisValueEditable\n\t\t\t\t\t\t? / translators: accessibility text */\n\t\t\t\t\t\t __( 'Double tap to edit this value' )\n\t\t\t\t\t\t: accessibilityHint\n\t\t\t\t}\n\t\t\t\tdisabled={ disabled \|\| ! isInteractive }\n\t\t\t\tactiveOpacity={ opacity }\n\t\t\t\tonPress={ onCellPress }\n\t\t\t\tonLongPress={ onLongPress }\n\t\t\t\tstyle={ [ styles.clipToBounds, style ] }\n\t\t\t\tborderless={ borderless }\n\t\t\t>\n\t\t\t\t{ drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t\t<View\n\t\t\t\t\tstyle={ cellContainerStyles }\n\t\t\t\t\tpointerEvents={ containerPointerEvents }\n\t\t\t\t>\n\t\t\t\t\t<View style={ rowContainerStyles }>\n\t\t\t\t\t\t<View style={ styles.cellRowContainer }>\n\t\t\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowContainer,\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowIcon,\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\tfill={\n\t\t\t\t\t\t\t\t\t\t\ticonStyle.color \|\|\n\t\t\t\t\t\t\t\t\t\t\ticonStyleBase.color\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tstyle={ iconStyle }\n\t\t\t\t\t\t\t\t\t\tisPressed={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tplatformStyles.labelIconSeparator\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ subLabel && label && (\n\t\t\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\t\tdefaultLabelStyle,\n\t\t\t\t\t\t\t\t\t\t\tlabelStyle,\n\t\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Text style={ defaultSubLabelStyleText }>\n\t\t\t\t\t\t\t\t\t\t{ subLabel }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! subLabel && label && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tstyle={ [ defaultLabelStyle, labelStyle ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t{ customActionButton && (\n\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\tonPress={ handler }\n\t\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Text style={ resetButtonStyle }>\n\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\t\tfill={ platformStyles.isSelected.color }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showValue && getValueComponent() }\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tdisabled && disabledStyle,\n\t\t\t\t\t\t\tstyles.cellRowContainer,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpointerEvents={ disabled ? 'none' : 'auto' }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{ help && (\n\t\t\t\t\t<Text style={ [ cellHelpStyle, styles.placeholderColor ] }>\n\t\t\t\t\t\t{ help }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t{ ! drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t</TouchableRipple>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetCell );\n"]}

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

@@ -261,14 +261,15 @@ class BottomSheetRangeCell extends _element.Component {
       editable: false,
       activeOpacity: 1,
       accessible: false,
-      valueStyle: _rangeCell.default.valueStyle
+      valueStyle: _rangeCell.default.valueStyle,
+      disabled: disabled
     }), (0, _element.createElement)(_reactNative.View, {
       style: containerStyle
     }, preview, (0, _element.createElement)(_slider.default, {
       testID: `Slider ${cellProps.label}`,
       value: sliderValue,
       defaultValue: defaultValue,
-      disabled: disabled,
+      disabled: disabled && !isIOS,
       step: step,
       minimumValue: minimumValue,
       maximumValue: maximumValue,

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

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

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

@@ -171,7 +171,8 @@ class BottomSheetStepperCell extends _element.Component {
       onChange,
       openUnitPicker,
       decimalNum,
-      cellContainerStyle
+      cellContainerStyle,
+      disabled
     } = this.props;
     const {
       inputValue
@@ -229,7 +230,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 CHANGED Viewed

	@@ -1 +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"]}
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","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/switch-cell.native.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -38,7 +38,8 @@ const BottomSheetSelectControl = _ref => {
     icon,
     options: items,
     onChange,
-    value: selectedValue
+    value: selectedValue,
+    disabled
   } = _ref;
   const [showSubSheet, setShowSubSheet] = (0, _element.useState)(false);
   const navigation = (0, _native.useNavigation)();
@@ -73,7 +74,8 @@ 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, _i18n.__)('Navigates to select %s'), label),
+      disabled: disabled
     }, (0, _element.createElement)(_icons.Icon, {
       icon: _icons.chevronRight
     })),

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

	@@ -1 +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":";;;;;;;;;AASA;;AANA;;AAKA;;AAEA;;AACA;;AACA;;AAIA;;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AAGA,MAAMA,wBAAwB,GAAG,~~QAM1B~~;AAAA,~~MAN4B~~;AAClCC,IAAAA,KADkC;AAElCC,IAAAA,IAFkC;AAGlCC,IAAAA,OAAO,EAAEC,KAHyB;AAIlCC,IAAAA,QAJkC;AAKlCC,IAAAA,KAAK,EAAEC;~~AAL2B~~,~~GAM5B~~;AACN,QAAM,CAAEC,YAAF,EAAgBC,eAAhB,IAAoC,uBAAU,KAAV,CAA1C;AACA,QAAMC,UAAU,GAAG,4BAAnB;;AAEA,QAAMC,aAAa,~~GAAKL~~,KAAF,IAAa;AAClC,WAAO,MAAM;~~AACZM~~,MAAAA,MAAM;~~AACNP~~,MAAAA,QAAQ,CAAEC,KAAF,CAAR;AACA,KAHD;AAIA,GALD;;AAOA,~~QAAMO~~,cAAc,~~GAAGT~~,KAAK,~~CAACU~~,IAAN,CACpBC,MAAF,IAAcA,MAAM,~~CAACT~~,KAAP,KAAiBC,aADT,CAAvB;;AAIA,~~QAAMK~~,MAAM,GAAG,MAAM;AACpBH,IAAAA,eAAe,CAAE,KAAF,CAAf;AACAC,IAAAA,UAAU,CAACE,MAAX;AACA,GAHD;;AAKA,QAAMI,YAAY,GAAG,MAAM;AAC1BN,IAAAA,UAAU,CAACO,QAAX,CAAqBC,wBAAYC,QAAZ,CAAqBC,UAA1C;AACAX,IAAAA,eAAe,CAAE,IAAF,CAAf;AACA,GAHD;;AAKA,SACC,4BAAC,uBAAD,CAAa,QAAb;AACC,IAAA,gBAAgB,EACf,4BAAC,uBAAD,CAAa,IAAb;AACC,MAAA,KAAK,~~EAAGR~~,KADT;AAEC,MAAA,aAAa,EAAC,MAFf;AAGC,MAAA,IAAI,EAAGC,IAHR;AAIC,MAAA,KAAK,~~EAAGW~~,cAAc,~~CAACZ~~,KAJxB;AAKC,MAAA,OAAO,~~EAAGe~~,YALX;AAMC,MAAA,iBAAiB,EAAG,QANrB;AAOC,MAAA,kBAAkB,EAAG,oBACpB;AACA,oBAAI,gCAAJ,CAFoB,~~EAGpBf~~,KAHoB,~~EAIpBY~~,cAAc,~~CAACZ~~,KAJK,CAPtB;AAaC,MAAA,iBAAiB,EAAG,oBACnB;AACA,oBAAI,wBAAJ,CAFmB,EAGnBA,KAHmB;~~AAbrB~~,~~OAmBC~~,4BAAC,WAAD;AAAM,MAAA,IAAI,~~EAAGoB~~;AAAb,~~MAnBD~~,CAFF;~~AAwBC~~,IAAA,SAAS,EAAGb;~~AAxBb~~,~~KA0BC~~,qDACC,4BAAC,uBAAD,CAAa,MAAb,QACC,4BAAC,uBAAD,CAAa,MAAb,CAAoB,UAApB;AAA+B,IAAA,OAAO,EAAGI;AAAzC,IADD,EAEC,4BAAC,uBAAD,CAAa,MAAb,CAAoB,OAApB,~~QACGX~~,KADH,CAFD,CADD,EAOC,4BAAC,iBAAD;AAAM,IAAA,KAAK,~~EAAGqB~~,eAAOC;AAArB,~~KACGnB~~,KAAK,~~CAACoB~~,GAAN,CAAW,CAAEC,IAAF,EAAQC,KAAR,KACZ,4BAAC,uBAAD,CAAa,IAAb;AACC,IAAA,kBAAkB,MADnB;AAEC,IAAA,aAAa,EAAC,MAFf;AAGC,IAAA,KAAK,EAAGD,IAAI,~~CAACxB~~,KAHd;AAIC,IAAA,IAAI,~~EAAGwB~~,IAAI,~~CAACvB~~,IAJb;AAKC,IAAA,OAAO,~~EAAGS~~,aAAa,CAAEc,IAAI,~~CAACnB~~,KAAP,CALxB;AAMC,IAAA,SAAS,EAAG,IANb;AAOC,IAAA,GAAG,~~EAAGoB~~,KAPP;AAQC,IAAA,iBAAiB,EAAG,QARrB;AASC,IAAA,kBAAkB,EACjBD,IAAI,~~CAACnB~~,KAAL,KAAeC,aAAf,GACG,oBACA;AACA,kBAAI,cAAJ,CAFA,~~EAGAkB~~,IAAI,~~CAACxB~~,KAHL,CADH,~~GAMGwB~~,IAAI,~~CAACxB~~,KAhBV;AAkBC,IAAA,iBAAiB,EAAG,cAAI,sBAAJ;AAlBrB,~~KAoBGwB~~,IAAI,~~CAACnB~~,KAAL,KAAeC,aAAf,IACD,4BAAC,WAAD;AAAM,IAAA,IAAI,~~EAAGoB~~;AAAb,IArBF,CADC,CADH,CAPD,~~CA1BD~~,CADD;~~AAiEA~~,~~CAhGD~~;;~~eAkGe3B~~,wB","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"]}
1	+ {"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":";;;;;;;;;AASA;;AANA;;AAKA;;AAEA;;AACA;;AACA;;AAIA;;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AAGA,MAAMA,wBAAwB,GAAG,QAO1B;AAAA,MAP4B;AAClCC,IAAAA,KADkC;AAElCC,IAAAA,IAFkC;AAGlCC,IAAAA,OAAO,EAAEC,KAHyB;AAIlCC,IAAAA,QAJkC;AAKlCC,IAAAA,KAAK,EAAEC,aAL2B;AAMlCC,IAAAA;AANkC,GAO5B;AACN,QAAM,CAAEC,YAAF,EAAgBC,eAAhB,IAAoC,uBAAU,KAAV,CAA1C;AACA,QAAMC,UAAU,GAAG,4BAAnB;;AAEA,QAAMC,aAAa,GAAKN,KAAF,IAAa;AAClC,WAAO,MAAM;AACZO,MAAAA,MAAM;AACNR,MAAAA,QAAQ,CAAEC,KAAF,CAAR;AACA,KAHD;AAIA,GALD;;AAOA,QAAMQ,cAAc,GAAGV,KAAK,CAACW,IAAN,CACpBC,MAAF,IAAcA,MAAM,CAACV,KAAP,KAAiBC,aADT,CAAvB;;AAIA,QAAMM,MAAM,GAAG,MAAM;AACpBH,IAAAA,eAAe,CAAE,KAAF,CAAf;AACAC,IAAAA,UAAU,CAACE,MAAX;AACA,GAHD;;AAKA,QAAMI,YAAY,GAAG,MAAM;AAC1BN,IAAAA,UAAU,CAACO,QAAX,CAAqBC,wBAAYC,QAAZ,CAAqBC,UAA1C;AACAX,IAAAA,eAAe,CAAE,IAAF,CAAf;AACA,GAHD;;AAKA,SACC,4BAAC,uBAAD,CAAa,QAAb;AACC,IAAA,gBAAgB,EACf,4BAAC,uBAAD,CAAa,IAAb;AACC,MAAA,KAAK,EAAGT,KADT;AAEC,MAAA,aAAa,EAAC,MAFf;AAGC,MAAA,IAAI,EAAGC,IAHR;AAIC,MAAA,KAAK,EAAGY,cAAc,CAACb,KAJxB;AAKC,MAAA,OAAO,EAAGgB,YALX;AAMC,MAAA,iBAAiB,EAAG,QANrB;AAOC,MAAA,kBAAkB,EAAG,oBACpB;AACA,oBAAI,gCAAJ,CAFoB,EAGpBhB,KAHoB,EAIpBa,cAAc,CAACb,KAJK,CAPtB;AAaC,MAAA,iBAAiB,EAAG,oBACnB;AACA,oBAAI,wBAAJ,CAFmB,EAGnBA,KAHmB,CAbrB;AAkBC,MAAA,QAAQ,EAAGO;AAlBZ,OAoBC,4BAAC,WAAD;AAAM,MAAA,IAAI,EAAGc;AAAb,MApBD,CAFF;AAyBC,IAAA,SAAS,EAAGb;AAzBb,KA2BC,qDACC,4BAAC,uBAAD,CAAa,MAAb,QACC,4BAAC,uBAAD,CAAa,MAAb,CAAoB,UAApB;AAA+B,IAAA,OAAO,EAAGI;AAAzC,IADD,EAEC,4BAAC,uBAAD,CAAa,MAAb,CAAoB,OAApB,QACGZ,KADH,CAFD,CADD,EAOC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGsB,eAAOC;AAArB,KACGpB,KAAK,CAACqB,GAAN,CAAW,CAAEC,IAAF,EAAQC,KAAR,KACZ,4BAAC,uBAAD,CAAa,IAAb;AACC,IAAA,kBAAkB,MADnB;AAEC,IAAA,aAAa,EAAC,MAFf;AAGC,IAAA,KAAK,EAAGD,IAAI,CAACzB,KAHd;AAIC,IAAA,IAAI,EAAGyB,IAAI,CAACxB,IAJb;AAKC,IAAA,OAAO,EAAGU,aAAa,CAAEc,IAAI,CAACpB,KAAP,CALxB;AAMC,IAAA,SAAS,EAAG,IANb;AAOC,IAAA,GAAG,EAAGqB,KAPP;AAQC,IAAA,iBAAiB,EAAG,QARrB;AASC,IAAA,kBAAkB,EACjBD,IAAI,CAACpB,KAAL,KAAeC,aAAf,GACG,oBACA;AACA,kBAAI,cAAJ,CAFA,EAGAmB,IAAI,CAACzB,KAHL,CADH,GAMGyB,IAAI,CAACzB,KAhBV;AAkBC,IAAA,iBAAiB,EAAG,cAAI,sBAAJ;AAlBrB,KAoBGyB,IAAI,CAACpB,KAAL,KAAeC,aAAf,IACD,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGqB;AAAb,IArBF,CADC,CADH,CAPD,CA3BD,CADD;AAkEA,CAlGD;;eAoGe5B,wB","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<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"]}

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

@@ -40,7 +40,8 @@ const BottomSheetTextControl = _ref => {
     label,
     icon,
     footerNote,
-    cellPlaceholder
+    cellPlaceholder,
+    disabled
   } = _ref;
   const [showSubSheet, setShowSubSheet] = (0, _element.useState)(false);
   const navigation = (0, _native.useNavigation)();
@@ -63,7 +64,8 @@ const BottomSheetTextControl = _ref => {
       label: label,
       onPress: openSubSheet,
       value: initialValue || '',
-      placeholder: cellPlaceholder || placeholder || ''
+      placeholder: cellPlaceholder || placeholder || '',
+      disabled: disabled
     }, (0, _element.createElement)(_icons.Icon, {
       icon: _icons.chevronRight
     })),