@wordpress/components 25.5.0 → 25.6.0

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

@@ -1,15 +1,13 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { TouchableOpacity, View, Text } from 'react-native';
+
 /**
  * Internal dependencies
  */
-
 import styles from './styles.scss';
-
 const BottomSheetButton = ({
   onPress,
   disabled,
@@ -25,10 +23,10 @@ const BottomSheetButton = ({
     justifyContent: 'center'
   }
 }, createElement(Text, {
-  style: { ...styles.buttonText,
+  style: {
+    ...styles.buttonText,
     color
   }
 }, text)));
-
 export default BottomSheetButton;
 //# sourceMappingURL=button.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"names":["TouchableOpacity","View","Text","styles","BottomSheetButton","onPress","disabled","text","color","flexDirection","justifyContent","buttonText"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,gBAAT,EAA2BC,IAA3B,EAAiCC,IAAjC,QAA6C,cAA7C;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,MAAMC,iBAAiB,GAAG,CAAE;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,QAAX;AAAqBC,EAAAA,IAArB;AAA2BC,EAAAA;AAA3B,CAAF,KACzB,cAAC,gBAAD;AACC,EAAA,UAAU,EAAG,IADd;AAEC,EAAA,OAAO,EAAGH,OAFX;AAGC,EAAA,QAAQ,EAAGC;AAHZ,GAKC,cAAC,IAAD;AAAM,EAAA,KAAK,EAAG;AAAEG,IAAAA,aAAa,EAAE,KAAjB;AAAwBC,IAAAA,cAAc,EAAE;AAAxC;AAAd,GACC,cAAC,IAAD;AAAM,EAAA,KAAK,EAAG,EAAE,GAAGP,MAAM,CAACQ,UAAZ;AAAwBH,IAAAA;AAAxB;AAAd,GAAkDD,IAAlD,CADD,CALD,CADD;;AAYA,eAAeH,iBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, View, Text } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetButton = ( { onPress, disabled, text, color } ) => (\n\t<TouchableOpacity\n\t\taccessible={ true }\n\t\tonPress={ onPress }\n\t\tdisabled={ disabled }\n\t>\n\t\t<View style={ { flexDirection: 'row', justifyContent: 'center' } }>\n\t\t\t<Text style={ { ...styles.buttonText, color } }>{ text }</Text>\n\t\t</View>\n\t</TouchableOpacity>\n);\n\nexport default BottomSheetButton;\n"]}
+{"version":3,"names":["TouchableOpacity","View","Text","styles","BottomSheetButton","onPress","disabled","text","color","createElement","accessible","style","flexDirection","justifyContent","buttonText"],"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, View, Text } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetButton = ( { onPress, disabled, text, color } ) => (\n\t<TouchableOpacity\n\t\taccessible={ true }\n\t\tonPress={ onPress }\n\t\tdisabled={ disabled }\n\t>\n\t\t<View style={ { flexDirection: 'row', justifyContent: 'center' } }>\n\t\t\t<Text style={ { ...styles.buttonText, color } }>{ text }</Text>\n\t\t</View>\n\t</TouchableOpacity>\n);\n\nexport default BottomSheetButton;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,gBAAgB,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAE3D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAElC,MAAMC,iBAAiB,GAAGA,CAAE;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAC7DC,aAAA,CAACT,gBAAgB;EAChBU,UAAU,EAAG,IAAM;EACnBL,OAAO,EAAGA,OAAS;EACnBC,QAAQ,EAAGA;AAAU,GAErBG,aAAA,CAACR,IAAI;EAACU,KAAK,EAAG;IAAEC,aAAa,EAAE,KAAK;IAAEC,cAAc,EAAE;EAAS;AAAG,GACjEJ,aAAA,CAACP,IAAI;EAACS,KAAK,EAAG;IAAE,GAAGR,MAAM,CAACW,UAAU;IAAEN;EAAM;AAAG,GAAGD,IAAY,CACzD,CACW,CAClB;AAED,eAAeH,iBAAiB"}

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

@@ -1,28 +1,26 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { TouchableOpacity, Text, View, TextInput, I18nManager, AccessibilityInfo, Platform } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { Icon } from '@wordpress/components';
 import { check } from '@wordpress/icons';
 import { Component } from '@wordpress/element';
 import { __, _x, sprintf } from '@wordpress/i18n';
 import { withPreferredColorScheme } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import styles from './styles.scss';
 import platformStyles from './cellStyles.scss';
 import TouchableRipple from './ripple';
 import LockIcon from './lock-icon';
 const isIOS = Platform.OS === 'ios';
-
 class BottomSheetCell extends Component {
   constructor(props) {
     super(...arguments);
@@ -33,13 +31,11 @@ class BottomSheetCell extends Component {
     this.handleScreenReaderToggled = this.handleScreenReaderToggled.bind(this);
     this.isCurrent = false;
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (!prevState.isEditingValue && this.state.isEditingValue) {
       this._valueTextInput.focus();
     }
   }
-
   componentDidMount() {
     this.isCurrent = true;
     this.a11yInfoChangeSubscription = AccessibilityInfo.addEventListener('screenReaderChanged', this.handleScreenReaderToggled);
@@ -51,21 +47,17 @@ class BottomSheetCell extends Component {
       }
     });
   }
-
   componentWillUnmount() {
     this.isCurrent = false;
     this.a11yInfoChangeSubscription.remove();
   }
-
   handleScreenReaderToggled(isScreenReaderEnabled) {
     this.setState({
       isScreenReaderEnabled
     });
   }
-
   typeToKeyboardType(type, step) {
     let keyboardType = `default`;
-
     if (type === `number`) {
       if (step && Math.abs(step) < 1) {
         keyboardType = `decimal-pad`;
@@ -73,10 +65,8 @@ class BottomSheetCell extends Component {
         keyboardType = `number-pad`;
       }
     }
-
     return keyboardType;
   }
-
   render() {
     const {
       accessible,
@@ -128,7 +118,6 @@ class BottomSheetCell extends Component {
     const cellContainerStyles = [styles.cellContainer, cellContainerStyle];
     const rowContainerStyles = [styles.cellRowContainer, cellRowContainerStyle];
     const isInteractive = isValueEditable || onPress !== undefined || onLongPress !== undefined;
-
     const onCellPress = () => {
       if (isValueEditable) {
         startEditing();
@@ -136,13 +125,11 @@ class BottomSheetCell extends Component {
         onPress();
       }
     };
-
     const finishEditing = () => {
       this.setState({
         isEditingValue: false
       });
     };
-
     const startEditing = () => {
       if (this.state.isEditingValue === false) {
         this.setState({
@@ -150,51 +137,48 @@ class BottomSheetCell extends Component {
         });
       }
     };
-
     const separatorStyle = () => {
       // eslint-disable-next-line @wordpress/no-unused-vars-before-return
       const defaultSeparatorStyle = this.props.getStylesFromColorScheme(styles.separator, styles.separatorDark);
       const cellSeparatorStyle = this.props.getStylesFromColorScheme(styles.cellSeparator, styles.cellSeparatorDark);
-      const leftMarginStyle = { ...cellSeparatorStyle,
+      const leftMarginStyle = {
+        ...cellSeparatorStyle,
         ...platformStyles.separatorMarginLeft
       };
-
       switch (separatorType) {
         case 'leftMargin':
           return leftMarginStyle;
-
         case 'fullWidth':
         case 'topFullWidth':
           return defaultSeparatorStyle;
-
         case 'none':
           return undefined;
-
         case undefined:
           if (showValue && icon) {
             return leftMarginStyle;
           }
-
           return defaultSeparatorStyle;
       }
     };
-
     const getValueComponent = () => {
       const styleRTL = I18nManager.isRTL && styles.cellValueRTL;
       const cellValueStyle = this.props.getStylesFromColorScheme(styles.cellValue, styles.cellTextDark);
-      const textInputStyle = { ...cellValueStyle,
+      const textInputStyle = {
+        ...cellValueStyle,
         ...valueStyle,
         ...styleRTL
       };
       const placeholderTextColor = disabled ? this.props.getStylesFromColorScheme(styles.placeholderColorDisabled, styles.placeholderColorDisabledDark).color : styles.placeholderColor.color;
-      const textStyle = { ...(disabled && styles.cellDisabled),
+      const textStyle = {
+        ...(disabled && styles.cellDisabled),
         ...cellValueStyle,
         ...valueStyle
-      }; // To be able to show the `middle` ellipsizeMode on editable cells
+      };
+
+      // 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.
       // We also show the TextInput to display placeholder.
-
       const shouldShowPlaceholder = isInteractive && value === '';
       return this.state.isEditingValue || shouldShowPlaceholder ? createElement(TextInput, {
         ref: c => this._valueTextInput = c,
@@ -218,33 +202,25 @@ class BottomSheetCell extends Component {
         ellipsizeMode: 'middle'
       }, value);
     };
-
     const getAccessibilityLabel = () => {
       if (accessible === false) {
         return;
       }
-
       if (accessibilityLabel || !showValue) {
         return accessibilityLabel || label;
       }
-
       if (!value) {
-        return !help ? sprintf(
-        /* translators: accessibility text. Empty state of a inline textinput cell. %s: The cell's title */
-        _x('%s. Empty', 'inline textinput cell'), label) : // Separating by ',' is necessary to make a pause on urls (non-capitalized text)
-        sprintf(
-        /* translators: accessibility text. Empty state of a inline textinput cell. %1: Cell title, %2: cell help. */
+        return !help ? sprintf( /* translators: accessibility text. Empty state of a inline textinput cell. %s: The cell's title */
+        _x('%s. Empty', 'inline textinput cell'), label) :
+        // Separating by ',' is necessary to make a pause on urls (non-capitalized text)
+        sprintf( /* translators: accessibility text. Empty state of a inline textinput cell. %1: Cell title, %2: cell help. */
         _x('%1$s, %2$s. Empty', 'inline textinput cell'), label, help);
       }
-
-      return !help ? sprintf(
-      /* translators: accessibility text. Inline textinput title and value.%1: Cell title, %2: cell value. */
+      return !help ? sprintf( /* translators: accessibility text. Inline textinput title and value.%1: Cell title, %2: cell value. */
       _x('%1$s, %2$s', 'inline textinput cell'), label, value) // Separating by ',' is necessary to make a pause on urls (non-capitalized text)
-      : sprintf(
-      /* translators: accessibility text. Inline textinput title, value and help text.%1: Cell title, %2: cell value, , %3: cell help. */
+      : sprintf( /* translators: accessibility text. Inline textinput title, value and help text.%1: Cell title, %2: cell value, , %3: cell help. */
       _x('%1$s, %2$s, %3$s', 'inline textinput cell'), label, value, help);
     };
-
     const iconStyleBase = getStylesFromColorScheme(styles.icon, styles.iconDark);
     const resetButtonStyle = getStylesFromColorScheme(styles.resetButton, styles.resetButtonDark);
     const cellHelpStyle = [styles.cellHelpLabel, isIOS && styles.cellHelpLabelIOS];
@@ -258,8 +234,7 @@ class BottomSheetCell extends Component {
       accessible: accessible !== undefined ? accessible : !this.state.isEditingValue,
       accessibilityLabel: getAccessibilityLabel(),
       accessibilityRole: accessibilityRole || 'button',
-      accessibilityHint: isValueEditable ?
-      /* translators: accessibility text */
+      accessibilityHint: isValueEditable ? /* translators: accessibility text */
       __('Double tap to edit this value') : accessibilityHint,
       disabled: disabled || !isInteractive,
       activeOpacity: opacity,
@@ -313,8 +288,6 @@ class BottomSheetCell extends Component {
       style: separatorStyle()
     }));
   }
-
 }
-
 export default withPreferredColorScheme(BottomSheetCell);
 //# sourceMappingURL=cell.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/cell.native.js"],"names":["TouchableOpacity","Text","View","TextInput","I18nManager","AccessibilityInfo","Platform","Icon","check","Component","__","_x","sprintf","withPreferredColorScheme","styles","platformStyles","TouchableRipple","LockIcon","isIOS","OS","BottomSheetCell","constructor","props","arguments","state","isEditingValue","autoFocus","isScreenReaderEnabled","handleScreenReaderToggled","bind","isCurrent","componentDidUpdate","prevProps","prevState","_valueTextInput","focus","componentDidMount","a11yInfoChangeSubscription","addEventListener","then","setState","componentWillUnmount","remove","typeToKeyboardType","type","step","keyboardType","Math","abs","render","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","disabled","disabledStyle","cellDisabled","showLockIcon","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","separatorMarginLeft","getValueComponent","styleRTL","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"],"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';\nimport LockIcon from './lock-icon';\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\tshowLockIcon = true,\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 && ! disabled }\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\tlock\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\ttestID=\"bottom-sheet-cell-selected-icon\"\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\t{ disabled && showLockIcon && (\n\t\t\t\t\t\t<View style={ styles.cellDisabled }>\n\t\t\t\t\t\t\t<LockIcon />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t) }\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"]}
+{"version":3,"names":["TouchableOpacity","Text","View","TextInput","I18nManager","AccessibilityInfo","Platform","Icon","check","Component","__","_x","sprintf","withPreferredColorScheme","styles","platformStyles","TouchableRipple","LockIcon","isIOS","OS","BottomSheetCell","constructor","props","arguments","state","isEditingValue","autoFocus","isScreenReaderEnabled","handleScreenReaderToggled","bind","isCurrent","componentDidUpdate","prevProps","prevState","_valueTextInput","focus","componentDidMount","a11yInfoChangeSubscription","addEventListener","then","setState","componentWillUnmount","remove","typeToKeyboardType","type","step","keyboardType","Math","abs","render","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","disabled","disabledStyle","cellDisabled","showLockIcon","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","separatorMarginLeft","getValueComponent","styleRTL","isRTL","cellValueRTL","cellValueStyle","cellValue","textInputStyle","placeholderTextColor","placeholderColorDisabled","placeholderColorDisabledDark","color","placeholderColor","textStyle","shouldShowPlaceholder","createElement","ref","c","numberOfLines","placeholder","onChangeText","pointerEvents","onFocus","onBlur","onSubmitEditing","ellipsizeMode","getAccessibilityLabel","iconStyleBase","iconDark","resetButtonStyle","resetButton","resetButtonDark","cellHelpStyle","cellHelpLabel","cellHelpLabelIOS","containerPointerEvents","title","handler","opacity","clipToBounds","cellRowIcon","lock","size","fill","isPressed","labelIconSeparator","testID"],"sources":["@wordpress/components/src/mobile/bottom-sheet/cell.native.js"],"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';\nimport LockIcon from './lock-icon';\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\tshowLockIcon = true,\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 && ! disabled }\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\tlock\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\ttestID=\"bottom-sheet-cell-selected-icon\"\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\t{ disabled && showLockIcon && (\n\t\t\t\t\t\t<View style={ styles.cellDisabled }>\n\t\t\t\t\t\t\t<LockIcon />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t) }\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"],"mappings":"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"}

package/build-module/mobile/bottom-sheet/chevron-back.native.js

@@ -1,10 +1,10 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
-import { SVG, Path } from '@wordpress/primitives'; // Used for the back button of the iOS Bottom Sheet
+import { SVG, Path } from '@wordpress/primitives';
 
+// Used for the back button of the iOS Bottom Sheet
 const chevronBack = createElement(SVG, {
   width: "12",
   height: "21",

package/build-module/mobile/bottom-sheet/chevron-back.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/chevron-back.native.js"],"names":["SVG","Path","chevronBack"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,EAAcC,IAAd,QAA0B,uBAA1B,C,CAEA;;AACA,MAAMC,WAAW,GAChB,cAAC,GAAD;AACC,EAAA,KAAK,EAAC,IADP;AAEC,EAAA,MAAM,EAAC,IAFR;AAGC,EAAA,OAAO,EAAC,WAHT;AAIC,EAAA,KAAK,EAAC;AAJP,GAMC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EAND,CADD;AAWA,eAAeA,WAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\n// Used for the back button of the iOS Bottom Sheet\nconst chevronBack = (\n\t<SVG\n\t\twidth=\"12\"\n\t\theight=\"21\"\n\t\tviewBox=\"0 0 12 21\"\n\t\txmlns=\"http://www.w3.org/2000/SVG\"\n\t>\n\t\t<Path d=\"M9.62586 20.5975C9.89618 20.8579 10.2253 21 10.6014 21C11.3888 21 12 20.3844 12 19.6032C12 19.2125 11.8472 18.8574 11.5769 18.5851L3.34966 10.4882L11.5769 2.41488C11.8472 2.14262 12 1.77565 12 1.39684C12 0.615558 11.3888 0 10.6014 0C10.2253 0 9.89618 0.142052 9.63761 0.40248L0.493634 9.3991C0.164545 9.70688 0 10.0857 0 10.5C0 10.9143 0.164545 11.2694 0.48188 11.5891L9.62586 20.5975Z\" />\n\t</SVG>\n);\n\nexport default chevronBack;\n"]}
+{"version":3,"names":["SVG","Path","chevronBack","createElement","width","height","viewBox","xmlns","d"],"sources":["@wordpress/components/src/mobile/bottom-sheet/chevron-back.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\n// Used for the back button of the iOS Bottom Sheet\nconst chevronBack = (\n\t<SVG\n\t\twidth=\"12\"\n\t\theight=\"21\"\n\t\tviewBox=\"0 0 12 21\"\n\t\txmlns=\"http://www.w3.org/2000/SVG\"\n\t>\n\t\t<Path d=\"M9.62586 20.5975C9.89618 20.8579 10.2253 21 10.6014 21C11.3888 21 12 20.3844 12 19.6032C12 19.2125 11.8472 18.8574 11.5769 18.5851L3.34966 10.4882L11.5769 2.41488C11.8472 2.14262 12 1.77565 12 1.39684C12 0.615558 11.3888 0 10.6014 0C10.2253 0 9.89618 0.142052 9.63761 0.40248L0.493634 9.3991C0.164545 9.70688 0 10.0857 0 10.5C0 10.9143 0.164545 11.2694 0.48188 11.5891L9.62586 20.5975Z\" />\n\t</SVG>\n);\n\nexport default chevronBack;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;;AAEjD;AACA,MAAMC,WAAW,GAChBC,aAAA,CAACH,GAAG;EACHI,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC;AAA4B,GAElCJ,aAAA,CAACF,IAAI;EAACO,CAAC,EAAC;AAAmY,CAAE,CACzY,CACL;AAED,eAAeN,WAAW"}

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

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -9,7 +8,6 @@ import { ColorIndicator } from '@wordpress/components';
 /**
  * Internal dependencies
  */
-
 import Cell from './cell';
 import styles from './styles.scss';
 export default function BottomSheetColorCell(props) {
@@ -19,10 +17,10 @@ export default function BottomSheetColorCell(props) {
     disabled,
     ...cellProps
   } = props;
-  return createElement(Cell, { ...cellProps,
+  return createElement(Cell, {
+    ...cellProps,
     accessibilityRole: 'button',
-    accessibilityHint:
-    /* translators: accessibility text (hint for moving to color settings) */
+    accessibilityHint: /* translators: accessibility text (hint for moving to color settings) */
     __('Double tap to go to color settings'),
     editable: false,
     disabled: disabled,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/color-cell.native.js"],"names":["__","Icon","chevronRight","ColorIndicator","Cell","styles","BottomSheetColorCell","props","color","withColorIndicator","disabled","cellProps","colorCircle"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,IAAT,EAAeC,YAAf,QAAmC,kBAAnC;AACA,SAASC,cAAT,QAA+B,uBAA/B;AACA;AACA;AACA;;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,MAAP,MAAmB,eAAnB;AAEA,eAAe,SAASC,oBAAT,CAA+BC,KAA/B,EAAuC;AACrD,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,kBAAkB,GAAG,IAA9B;AAAoCC,IAAAA,QAApC;AAA8C,OAAGC;AAAjD,MAA+DJ,KAArE;AAEA,SACC,cAAC,IAAD,OACMI,SADN;AAEC,IAAA,iBAAiB,EAAG,QAFrB;AAGC,IAAA,iBAAiB;AAChB;AACAX,IAAAA,EAAE,CAAE,oCAAF,CALJ;AAOC,IAAA,QAAQ,EAAG,KAPZ;AAQC,IAAA,QAAQ,EAAGU,QARZ;AASC,IAAA,KAAK,EAAGD,kBAAkB,IAAI,CAAED,KAAxB,IAAiCR,EAAE,CAAE,SAAF;AAT5C,KAWGS,kBAAkB,IAAID,KAAtB,IACD,cAAC,cAAD;AAAgB,IAAA,KAAK,EAAGA,KAAxB;AAAgC,IAAA,KAAK,EAAGH,MAAM,CAACO;AAA/C,IAZF,EAcGF,QAAQ,GAAG,IAAH,GAAU,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGR;AAAb,IAdrB,CADD;AAkBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { ColorIndicator } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nexport default function BottomSheetColorCell( props ) {\n\tconst { color, withColorIndicator = true, disabled, ...cellProps } = props;\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole={ 'button' }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for moving to color settings) */\n\t\t\t\t__( 'Double tap to go to color settings' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tdisabled={ disabled }\n\t\t\tvalue={ withColorIndicator && ! color && __( 'Default' ) }\n\t\t>\n\t\t\t{ withColorIndicator && color && (\n\t\t\t\t<ColorIndicator color={ color } style={ styles.colorCircle } />\n\t\t\t) }\n\t\t\t{ disabled ? null : <Icon icon={ chevronRight }></Icon> }\n\t\t</Cell>\n\t);\n}\n"]}
+{"version":3,"names":["__","Icon","chevronRight","ColorIndicator","Cell","styles","BottomSheetColorCell","props","color","withColorIndicator","disabled","cellProps","createElement","accessibilityRole","accessibilityHint","editable","value","style","colorCircle","icon"],"sources":["@wordpress/components/src/mobile/bottom-sheet/color-cell.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { ColorIndicator } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nexport default function BottomSheetColorCell( props ) {\n\tconst { color, withColorIndicator = true, disabled, ...cellProps } = props;\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole={ 'button' }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for moving to color settings) */\n\t\t\t\t__( 'Double tap to go to color settings' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tdisabled={ disabled }\n\t\t\tvalue={ withColorIndicator && ! color && __( 'Default' ) }\n\t\t>\n\t\t\t{ withColorIndicator && color && (\n\t\t\t\t<ColorIndicator color={ color } style={ styles.colorCircle } />\n\t\t\t) }\n\t\t\t{ disabled ? null : <Icon icon={ chevronRight }></Icon> }\n\t\t</Cell>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,YAAY,QAAQ,kBAAkB;AACrD,SAASC,cAAc,QAAQ,uBAAuB;AACtD;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,MAAM,MAAM,eAAe;AAElC,eAAe,SAASC,oBAAoBA,CAAEC,KAAK,EAAG;EACrD,MAAM;IAAEC,KAAK;IAAEC,kBAAkB,GAAG,IAAI;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE1E,OACCK,aAAA,CAACR,IAAI;IAAA,GACCO,SAAS;IACdE,iBAAiB,EAAG,QAAU;IAC9BC,iBAAiB,EAChB;IACAd,EAAE,CAAE,oCAAqC,CACzC;IACDe,QAAQ,EAAG,KAAO;IAClBL,QAAQ,EAAGA,QAAU;IACrBM,KAAK,EAAGP,kBAAkB,IAAI,CAAED,KAAK,IAAIR,EAAE,CAAE,SAAU;EAAG,GAExDS,kBAAkB,IAAID,KAAK,IAC5BI,aAAA,CAACT,cAAc;IAACK,KAAK,EAAGA,KAAO;IAACS,KAAK,EAAGZ,MAAM,CAACa;EAAa,CAAE,CAC9D,EACCR,QAAQ,GAAG,IAAI,GAAGE,aAAA,CAACX,IAAI;IAACkB,IAAI,EAAGjB;EAAc,CAAO,CACjD,CAAC;AAET"}

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

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * Internal dependencies
  */
@@ -11,11 +10,9 @@ export default function BottomSheetCyclePickerCell(props) {
     onChangeValue,
     ...cellProps
   } = props;
-
   const nextOptionValue = () => {
     return options[(selectedOptionIndex + 1) % options.length].value;
   };
-
   const selectedOptionIndex = options.findIndex(option => option.value === value);
   const optionsContainsValue = options.length > 0 && selectedOptionIndex !== -1;
   return createElement(Cell, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/cycle-picker-cell.native.js"],"names":["Cell","BottomSheetCyclePickerCell","props","value","options","onChangeValue","cellProps","nextOptionValue","selectedOptionIndex","length","findIndex","option","optionsContainsValue","name"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,IAAP,MAAiB,QAAjB;AAEA,eAAe,SAASC,0BAAT,CAAqCC,KAArC,EAA6C;AAC3D,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,OAAT;AAAkBC,IAAAA,aAAlB;AAAiC,OAAGC;AAApC,MAAkDJ,KAAxD;;AAEA,QAAMK,eAAe,GAAG,MAAM;AAC7B,WAAOH,OAAO,CAAE,CAAEI,mBAAmB,GAAG,CAAxB,IAA8BJ,OAAO,CAACK,MAAxC,CAAP,CAAwDN,KAA/D;AACA,GAFD;;AAIA,QAAMK,mBAAmB,GAAGJ,OAAO,CAACM,SAAR,CACzBC,MAAF,IAAcA,MAAM,CAACR,KAAP,KAAiBA,KADJ,CAA5B;AAGA,QAAMS,oBAAoB,GACzBR,OAAO,CAACK,MAAR,GAAiB,CAAjB,IAAsBD,mBAAmB,KAAK,CAAC,CADhD;AAGA,SACC,cAAC,IAAD;AACC,IAAA,OAAO,EAAG,MACTI,oBAAoB,IAAIP,aAAa,CAAEE,eAAe,EAAjB,CAFvC;AAIC,IAAA,QAAQ,EAAG,KAJZ;AAKC,IAAA,KAAK,EACJK,oBAAoB,IAAIR,OAAO,CAAEI,mBAAF,CAAP,CAA+BK,IANzD;AAAA,OAQMP;AARN,IADD;AAYA","sourcesContent":["/**\n * Internal dependencies\n */\nimport Cell from './cell';\n\nexport default function BottomSheetCyclePickerCell( props ) {\n\tconst { value, options, onChangeValue, ...cellProps } = props;\n\n\tconst nextOptionValue = () => {\n\t\treturn options[ ( selectedOptionIndex + 1 ) % options.length ].value;\n\t};\n\n\tconst selectedOptionIndex = options.findIndex(\n\t\t( option ) => option.value === value\n\t);\n\tconst optionsContainsValue =\n\t\toptions.length > 0 && selectedOptionIndex !== -1;\n\n\treturn (\n\t\t<Cell\n\t\t\tonPress={ () =>\n\t\t\t\toptionsContainsValue && onChangeValue( nextOptionValue() )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={\n\t\t\t\toptionsContainsValue && options[ selectedOptionIndex ].name\n\t\t\t}\n\t\t\t{ ...cellProps }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"names":["Cell","BottomSheetCyclePickerCell","props","value","options","onChangeValue","cellProps","nextOptionValue","selectedOptionIndex","length","findIndex","option","optionsContainsValue","createElement","onPress","editable","name"],"sources":["@wordpress/components/src/mobile/bottom-sheet/cycle-picker-cell.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Cell from './cell';\n\nexport default function BottomSheetCyclePickerCell( props ) {\n\tconst { value, options, onChangeValue, ...cellProps } = props;\n\n\tconst nextOptionValue = () => {\n\t\treturn options[ ( selectedOptionIndex + 1 ) % options.length ].value;\n\t};\n\n\tconst selectedOptionIndex = options.findIndex(\n\t\t( option ) => option.value === value\n\t);\n\tconst optionsContainsValue =\n\t\toptions.length > 0 && selectedOptionIndex !== -1;\n\n\treturn (\n\t\t<Cell\n\t\t\tonPress={ () =>\n\t\t\t\toptionsContainsValue && onChangeValue( nextOptionValue() )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={\n\t\t\t\toptionsContainsValue && options[ selectedOptionIndex ].name\n\t\t\t}\n\t\t\t{ ...cellProps }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AAEzB,eAAe,SAASC,0BAA0BA,CAAEC,KAAK,EAAG;EAC3D,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC,aAAa;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE7D,MAAMK,eAAe,GAAGA,CAAA,KAAM;IAC7B,OAAOH,OAAO,CAAE,CAAEI,mBAAmB,GAAG,CAAC,IAAKJ,OAAO,CAACK,MAAM,CAAE,CAACN,KAAK;EACrE,CAAC;EAED,MAAMK,mBAAmB,GAAGJ,OAAO,CAACM,SAAS,CAC1CC,MAAM,IAAMA,MAAM,CAACR,KAAK,KAAKA,KAChC,CAAC;EACD,MAAMS,oBAAoB,GACzBR,OAAO,CAACK,MAAM,GAAG,CAAC,IAAID,mBAAmB,KAAK,CAAC,CAAC;EAEjD,OACCK,aAAA,CAACb,IAAI;IACJc,OAAO,EAAGA,CAAA,KACTF,oBAAoB,IAAIP,aAAa,CAAEE,eAAe,CAAC,CAAE,CACzD;IACDQ,QAAQ,EAAG,KAAO;IAClBZ,KAAK,EACJS,oBAAoB,IAAIR,OAAO,CAAEI,mBAAmB,CAAE,CAACQ,IACvD;IAAA,GACIV;EAAS,CACd,CAAC;AAEJ"}

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

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -7,15 +6,14 @@ import { withPreferredColorScheme } from '@wordpress/compose';
 /**
  * Internal dependencies
  */
-
 import Cell from './cell';
 import styles from './styles.scss';
-
 function FooterMessageCell({
   textAlign = 'left',
   ...props
 }) {
-  return createElement(Cell, { ...props,
+  return createElement(Cell, {
+    ...props,
     editable: false,
     value: '',
     accessibilityRole: 'text',
@@ -24,6 +22,5 @@ function FooterMessageCell({
     }]
   });
 }
-
 export default withPreferredColorScheme(FooterMessageCell);
 //# sourceMappingURL=footer-message-cell.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-cell.native.js"],"names":["withPreferredColorScheme","Cell","styles","FooterMessageCell","textAlign","props","footerMessageCell"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,wBAAT,QAAyC,oBAAzC;AACA;AACA;AACA;;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,SAASC,iBAAT,CAA4B;AAAEC,EAAAA,SAAS,GAAG,MAAd;AAAsB,KAAGC;AAAzB,CAA5B,EAA+D;AAC9D,SACC,cAAC,IAAD,OACMA,KADN;AAEC,IAAA,QAAQ,EAAG,KAFZ;AAGC,IAAA,KAAK,EAAG,EAHT;AAIC,IAAA,iBAAiB,EAAG,MAJrB;AAKC,IAAA,UAAU,EAAG,CAAEH,MAAM,CAACI,iBAAT,EAA4B;AAAEF,MAAAA;AAAF,KAA5B;AALd,IADD;AASA;;AAED,eAAeJ,wBAAwB,CAAEG,iBAAF,CAAvC","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nfunction FooterMessageCell( { textAlign = 'left', ...props } ) {\n\treturn (\n\t\t<Cell\n\t\t\t{ ...props }\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\taccessibilityRole={ 'text' }\n\t\t\tlabelStyle={ [ styles.footerMessageCell, { textAlign } ] }\n\t\t/>\n\t);\n}\n\nexport default withPreferredColorScheme( FooterMessageCell );\n"]}
+{"version":3,"names":["withPreferredColorScheme","Cell","styles","FooterMessageCell","textAlign","props","createElement","editable","value","accessibilityRole","labelStyle","footerMessageCell"],"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-cell.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nfunction FooterMessageCell( { textAlign = 'left', ...props } ) {\n\treturn (\n\t\t<Cell\n\t\t\t{ ...props }\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\taccessibilityRole={ 'text' }\n\t\t\tlabelStyle={ [ styles.footerMessageCell, { textAlign } ] }\n\t\t/>\n\t);\n}\n\nexport default withPreferredColorScheme( FooterMessageCell );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,wBAAwB,QAAQ,oBAAoB;AAC7D;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,MAAM,MAAM,eAAe;AAElC,SAASC,iBAAiBA,CAAE;EAAEC,SAAS,GAAG,MAAM;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC9D,OACCC,aAAA,CAACL,IAAI;IAAA,GACCI,KAAK;IACVE,QAAQ,EAAG,KAAO;IAClBC,KAAK,EAAG,EAAI;IACZC,iBAAiB,EAAG,MAAQ;IAC5BC,UAAU,EAAG,CAAER,MAAM,CAACS,iBAAiB,EAAE;MAAEP;IAAU,CAAC;EAAI,CAC1D,CAAC;AAEJ;AAEA,eAAeJ,wBAAwB,CAAEG,iBAAkB,CAAC"}

package/build-module/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
@@ -7,14 +6,11 @@ import { Text, Linking } from 'react-native';
 /**
  * WordPress dependencies
  */
-
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 /**
  * Internal dependencies
  */
-
 import styles from './styles.scss';
-
 function FooterMessageLink({
   href,
   value
@@ -25,6 +21,5 @@ function FooterMessageLink({
     onPress: () => Linking.openURL(href)
   }, value);
 }
-
 export default FooterMessageLink;
 //# sourceMappingURL=footer-message-link.native.js.map

package/build-module/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js"],"names":["Text","Linking","usePreferredColorSchemeStyle","styles","FooterMessageLink","href","value","textStyle","footerMessageLink","footerMessageLinkDark","openURL"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,OAAf,QAA8B,cAA9B;AACA;AACA;AACA;;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AACA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,SAASC,iBAAT,CAA4B;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAA5B,EAA8C;AAC7C,QAAMC,SAAS,GAAGL,4BAA4B,CAC7CC,MAAM,CAACK,iBADsC,EAE7CL,MAAM,CAACM,qBAFsC,CAA9C;AAIA,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGF,SAAd;AAA0B,IAAA,OAAO,EAAG,MAAMN,OAAO,CAACS,OAAR,CAAiBL,IAAjB;AAA1C,KACGC,KADH,CADD;AAKA;;AAED,eAAeF,iBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { Text, Linking } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nfunction FooterMessageLink( { href, value } ) {\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.footerMessageLink,\n\t\tstyles.footerMessageLinkDark\n\t);\n\treturn (\n\t\t<Text style={ textStyle } onPress={ () => Linking.openURL( href ) }>\n\t\t\t{ value }\n\t\t</Text>\n\t);\n}\n\nexport default FooterMessageLink;\n"]}
+{"version":3,"names":["Text","Linking","usePreferredColorSchemeStyle","styles","FooterMessageLink","href","value","textStyle","footerMessageLink","footerMessageLinkDark","createElement","style","onPress","openURL"],"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, Linking } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nfunction FooterMessageLink( { href, value } ) {\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.footerMessageLink,\n\t\tstyles.footerMessageLinkDark\n\t);\n\treturn (\n\t\t<Text style={ textStyle } onPress={ () => Linking.openURL( href ) }>\n\t\t\t{ value }\n\t\t</Text>\n\t);\n}\n\nexport default FooterMessageLink;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,OAAO,QAAQ,cAAc;AAC5C;AACA;AACA;AACA,SAASC,4BAA4B,QAAQ,oBAAoB;AACjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAElC,SAASC,iBAAiBA,CAAE;EAAEC,IAAI;EAAEC;AAAM,CAAC,EAAG;EAC7C,MAAMC,SAAS,GAAGL,4BAA4B,CAC7CC,MAAM,CAACK,iBAAiB,EACxBL,MAAM,CAACM,qBACR,CAAC;EACD,OACCC,aAAA,CAACV,IAAI;IAACW,KAAK,EAAGJ,SAAW;IAACK,OAAO,EAAGA,CAAA,KAAMX,OAAO,CAACY,OAAO,CAAER,IAAK;EAAG,GAChEC,KACG,CAAC;AAET;AAEA,eAAeF,iBAAiB"}