@wordpress/components 25.5.0 → 25.6.0

package/build/mobile/bottom-sheet/nav-bar/apply-button.native.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _i18n = require("@wordpress/i18n");
-
 var _icons = require("@wordpress/icons");
-
 var _compose = require("@wordpress/compose");
-
 var _styles = _interopRequireDefault(require("./styles.scss"));
-
 var _actionButton = _interopRequireDefault(require("./action-button"));
-
 /**
  * External dependencies
  */
@@ -32,6 +23,7 @@ var _actionButton = _interopRequireDefault(require("./action-button"));
 /**
  * Internal dependencies
  */
+
 function ApplyButton({
   onPress
 }) {
@@ -52,7 +44,6 @@ function ApplyButton({
     style: applyButtonStyle
   })));
 }
-
 var _default = ApplyButton;
 exports.default = _default;
 //# sourceMappingURL=apply-button.native.js.map

package/build/mobile/bottom-sheet/nav-bar/apply-button.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/apply-button.native.js"],"names":["ApplyButton","onPress","buttonTextStyle","styles","applyButtonStyle","Platform","OS","check"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAKA;;AACA;;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAIA,SAASA,WAAT,CAAsB;AAAEC,EAAAA;AAAF,CAAtB,EAAoC;AACnC,QAAMC,eAAe,GAAG,2CACvBC,gBAAQ,aAAR,CADuB,EAEvBA,gBAAQ,kBAAR,CAFuB,CAAxB;AAKA,QAAMC,gBAAgB,GAAG,2CACxBD,gBAAQ,mBAAR,CADwB,EAExBA,gBAAQ,wBAAR,CAFwB,CAAzB;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGA,gBAAQ,cAAR;AAAd,KACC,4BAAC,qBAAD;AACC,IAAA,OAAO,EAAGF,OADX;AAEC,IAAA,kBAAkB,EAAG,cAAI,OAAJ,CAFtB;AAGC,IAAA,iBAAiB,EAAG,cAAI,qBAAJ;AAHrB,KAKGI,sBAASC,EAAT,KAAgB,KAAhB,GACD,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ,eAAd;AAAgC,IAAA,qBAAqB,EAAG;AAAxD,KACG,cAAI,OAAJ,CADH,CADC,GAKD,4BAAC,WAAD;AACC,IAAA,IAAI,EAAGK,YADR;AAEC,IAAA,IAAI,EAAG,EAFR;AAGC,IAAA,KAAK,EAAGH;AAHT,IAVF,CADD,CADD;AAqBA;;eAEcJ,W","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport ActionButton from './action-button';\n\nfunction ApplyButton( { onPress } ) {\n\tconst buttonTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'button-text' ],\n\t\tstyles[ 'button-text-dark' ]\n\t);\n\n\tconst applyButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'apply-button-icon' ],\n\t\tstyles[ 'apply-button-icon-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'apply-button' ] }>\n\t\t\t<ActionButton\n\t\t\t\tonPress={ onPress }\n\t\t\t\taccessibilityLabel={ __( 'Apply' ) }\n\t\t\t\taccessibilityHint={ __( 'Applies the setting' ) }\n\t\t\t>\n\t\t\t\t{ Platform.OS === 'ios' ? (\n\t\t\t\t\t<Text style={ buttonTextStyle } maxFontSizeMultiplier={ 2 }>\n\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\tstyle={ applyButtonStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ActionButton>\n\t\t</View>\n\t);\n}\n\nexport default ApplyButton;\n"]}
+{"version":3,"names":["_reactNative","require","_i18n","_icons","_compose","_styles","_interopRequireDefault","_actionButton","ApplyButton","onPress","buttonTextStyle","usePreferredColorSchemeStyle","styles","applyButtonStyle","_element","createElement","View","style","default","accessibilityLabel","__","accessibilityHint","Platform","OS","Text","maxFontSizeMultiplier","Icon","icon","check","size","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/apply-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport ActionButton from './action-button';\n\nfunction ApplyButton( { onPress } ) {\n\tconst buttonTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'button-text' ],\n\t\tstyles[ 'button-text-dark' ]\n\t);\n\n\tconst applyButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'apply-button-icon' ],\n\t\tstyles[ 'apply-button-icon-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'apply-button' ] }>\n\t\t\t<ActionButton\n\t\t\t\tonPress={ onPress }\n\t\t\t\taccessibilityLabel={ __( 'Apply' ) }\n\t\t\t\taccessibilityHint={ __( 'Applies the setting' ) }\n\t\t\t>\n\t\t\t\t{ Platform.OS === 'ios' ? (\n\t\t\t\t\t<Text style={ buttonTextStyle } maxFontSizeMultiplier={ 2 }>\n\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\tstyle={ applyButtonStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ActionButton>\n\t\t</View>\n\t);\n}\n\nexport default ApplyButton;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,aAAA,GAAAD,sBAAA,CAAAL,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,SAASO,WAAWA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnC,MAAMC,eAAe,GAAG,IAAAC,qCAA4B,EACnDC,eAAM,CAAE,aAAa,CAAE,EACvBA,eAAM,CAAE,kBAAkB,CAC3B,CAAC;EAED,MAAMC,gBAAgB,GAAG,IAAAF,qCAA4B,EACpDC,eAAM,CAAE,mBAAmB,CAAE,EAC7BA,eAAM,CAAE,wBAAwB,CACjC,CAAC;EAED,OACC,IAAAE,QAAA,CAAAC,aAAA,EAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAGL,eAAM,CAAE,cAAc;EAAI,GACvC,IAAAE,QAAA,CAAAC,aAAA,EAACR,aAAA,CAAAW,OAAY;IACZT,OAAO,EAAGA,OAAS;IACnBU,kBAAkB,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IACpCC,iBAAiB,EAAG,IAAAD,QAAE,EAAE,qBAAsB;EAAG,GAE/CE,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACtB,IAAAT,QAAA,CAAAC,aAAA,EAACf,YAAA,CAAAwB,IAAI;IAACP,KAAK,EAAGP,eAAiB;IAACe,qBAAqB,EAAG;EAAG,GACxD,IAAAL,QAAE,EAAE,OAAQ,CACT,CAAC,GAEP,IAAAN,QAAA,CAAAC,aAAA,EAACZ,MAAA,CAAAuB,IAAI;IACJC,IAAI,EAAGC,YAAO;IACdC,IAAI,EAAG,EAAI;IACXZ,KAAK,EAAGJ;EAAkB,CAC1B,CAEW,CACT,CAAC;AAET;AAAC,IAAAiB,QAAA,GAEctB,WAAW;AAAAuB,OAAA,CAAAb,OAAA,GAAAY,QAAA"}

package/build/mobile/bottom-sheet/nav-bar/back-button.native.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _i18n = require("@wordpress/i18n");
-
 var _icons = require("@wordpress/icons");
-
 var _compose = require("@wordpress/compose");
-
 var _styles = _interopRequireDefault(require("./styles.scss"));
-
 var _actionButton = _interopRequireDefault(require("./action-button"));
-
 var _chevronBack = _interopRequireDefault(require("./../chevron-back"));
-
 /**
  * External dependencies
  */
@@ -34,6 +24,7 @@ var _chevronBack = _interopRequireDefault(require("./../chevron-back"));
 /**
  * Internal dependencies
  */
+
 function Button({
   onPress,
   icon,
@@ -51,7 +42,6 @@ function Button({
     maxFontSizeMultiplier: 2
   }, text)));
 }
-
 function BackButton({
   onPress
 }) {
@@ -59,7 +49,6 @@ function BackButton({
   const arrowLeftStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['arrow-left-icon'], _styles.default['arrow-left-icon-dark']);
   let backIcon;
   let backText;
-
   if (_reactNative.Platform.OS === 'ios') {
     backIcon = (0, _element.createElement)(_icons.Icon, {
       icon: _chevronBack.default,
@@ -74,14 +63,12 @@ function BackButton({
       style: arrowLeftStyle
     });
   }
-
   return (0, _element.createElement)(Button, {
     onPress: onPress,
     icon: backIcon,
     text: backText
   });
 }
-
 function DismissButton({
   onPress,
   iosText
@@ -89,7 +76,6 @@ function DismissButton({
   const arrowLeftStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['arrow-left-icon'], _styles.default['arrow-left-icon-dark']);
   let backIcon;
   let backText;
-
   if (_reactNative.Platform.OS === 'ios') {
     backText = iosText ? iosText : (0, _i18n.__)('Cancel');
   } else {
@@ -99,17 +85,14 @@ function DismissButton({
       style: arrowLeftStyle
     });
   }
-
   return (0, _element.createElement)(Button, {
     onPress: onPress,
     icon: backIcon,
     text: backText
   });
 }
-
 Button.Back = BackButton;
 Button.Dismiss = DismissButton; // Cancel or Close Button.
-
 var _default = Button;
 exports.default = _default;
 //# sourceMappingURL=back-button.native.js.map

package/build/mobile/bottom-sheet/nav-bar/back-button.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/back-button.native.js"],"names":["Button","onPress","icon","text","buttonTextStyle","styles","BackButton","chevronLeftStyle","arrowLeftStyle","backIcon","backText","Platform","OS","chevronBack","arrowLeft","DismissButton","iosText","close","Back","Dismiss"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAKA,SAASA,MAAT,CAAiB;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,IAAX;AAAiBC,EAAAA;AAAjB,CAAjB,EAA2C;AAC1C,QAAMC,eAAe,GAAG,2CACvBC,gBAAQ,aAAR,CADuB,EAEvBA,gBAAQ,kBAAR,CAFuB,CAAxB;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGA,gBAAQ,aAAR;AAAd,KACC,4BAAC,qBAAD;AACC,IAAA,OAAO,EAAGJ,OADX;AAEC,IAAA,kBAAkB,EAAG,cAAI,SAAJ,CAFtB;AAGC,IAAA,iBAAiB,EAAG,cACnB,yCADmB;AAHrB,KAOGC,IAPH,EAQGC,IAAI,IACL,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGC,eAAd;AAAgC,IAAA,qBAAqB,EAAG;AAAxD,KACGD,IADH,CATF,CADD,CADD;AAkBA;;AAED,SAASG,UAAT,CAAqB;AAAEL,EAAAA;AAAF,CAArB,EAAmC;AAClC,QAAMM,gBAAgB,GAAG,2CACxBF,gBAAQ,mBAAR,CADwB,EAExBA,gBAAQ,wBAAR,CAFwB,CAAzB;AAIA,QAAMG,cAAc,GAAG,2CACtBH,gBAAQ,iBAAR,CADsB,EAEtBA,gBAAQ,sBAAR,CAFsB,CAAvB;AAKA,MAAII,QAAJ;AACA,MAAIC,QAAJ;;AAEA,MAAKC,sBAASC,EAAT,KAAgB,KAArB,EAA6B;AAC5BH,IAAAA,QAAQ,GACP,4BAAC,WAAD;AAAM,MAAA,IAAI,EAAGI,oBAAb;AAA2B,MAAA,IAAI,EAAG,EAAlC;AAAuC,MAAA,KAAK,EAAGN;AAA/C,MADD;AAGAG,IAAAA,QAAQ,GAAG,cAAI,MAAJ,CAAX;AACA,GALD,MAKO;AACND,IAAAA,QAAQ,GACP,4BAAC,WAAD;AAAM,MAAA,IAAI,EAAGK,gBAAb;AAAyB,MAAA,IAAI,EAAG,EAAhC;AAAqC,MAAA,KAAK,EAAGN;AAA7C,MADD;AAGA;;AAED,SAAO,4BAAC,MAAD;AAAQ,IAAA,OAAO,EAAGP,OAAlB;AAA4B,IAAA,IAAI,EAAGQ,QAAnC;AAA8C,IAAA,IAAI,EAAGC;AAArD,IAAP;AACA;;AAED,SAASK,aAAT,CAAwB;AAAEd,EAAAA,OAAF;AAAWe,EAAAA;AAAX,CAAxB,EAA+C;AAC9C,QAAMR,cAAc,GAAG,2CACtBH,gBAAQ,iBAAR,CADsB,EAEtBA,gBAAQ,sBAAR,CAFsB,CAAvB;AAKA,MAAII,QAAJ;AACA,MAAIC,QAAJ;;AAEA,MAAKC,sBAASC,EAAT,KAAgB,KAArB,EAA6B;AAC5BF,IAAAA,QAAQ,GAAGM,OAAO,GAAGA,OAAH,GAAa,cAAI,QAAJ,CAA/B;AACA,GAFD,MAEO;AACNP,IAAAA,QAAQ,GAAG,4BAAC,WAAD;AAAM,MAAA,IAAI,EAAGQ,YAAb;AAAqB,MAAA,IAAI,EAAG,EAA5B;AAAiC,MAAA,KAAK,EAAGT;AAAzC,MAAX;AACA;;AAED,SAAO,4BAAC,MAAD;AAAQ,IAAA,OAAO,EAAGP,OAAlB;AAA4B,IAAA,IAAI,EAAGQ,QAAnC;AAA8C,IAAA,IAAI,EAAGC;AAArD,IAAP;AACA;;AAEDV,MAAM,CAACkB,IAAP,GAAcZ,UAAd;AACAN,MAAM,CAACmB,OAAP,GAAiBJ,aAAjB,C,CAAgC;;eAEjBf,M","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Platform, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, arrowLeft, close } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport ActionButton from './action-button';\nimport chevronBack from './../chevron-back';\n\nfunction Button( { onPress, icon, text } ) {\n\tconst buttonTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'button-text' ],\n\t\tstyles[ 'button-text-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'back-button' ] }>\n\t\t\t<ActionButton\n\t\t\t\tonPress={ onPress }\n\t\t\t\taccessibilityLabel={ __( 'Go back' ) }\n\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t'Navigates to the previous content sheet'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ icon }\n\t\t\t\t{ text && (\n\t\t\t\t\t<Text style={ buttonTextStyle } maxFontSizeMultiplier={ 2 }>\n\t\t\t\t\t\t{ text }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</ActionButton>\n\t\t</View>\n\t);\n}\n\nfunction BackButton( { onPress } ) {\n\tconst chevronLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'chevron-left-icon' ],\n\t\tstyles[ 'chevron-left-icon-dark' ]\n\t);\n\tconst arrowLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'arrow-left-icon' ],\n\t\tstyles[ 'arrow-left-icon-dark' ]\n\t);\n\n\tlet backIcon;\n\tlet backText;\n\n\tif ( Platform.OS === 'ios' ) {\n\t\tbackIcon = (\n\t\t\t<Icon icon={ chevronBack } size={ 21 } style={ chevronLeftStyle } />\n\t\t);\n\t\tbackText = __( 'Back' );\n\t} else {\n\t\tbackIcon = (\n\t\t\t<Icon icon={ arrowLeft } size={ 24 } style={ arrowLeftStyle } />\n\t\t);\n\t}\n\n\treturn <Button onPress={ onPress } icon={ backIcon } text={ backText } />;\n}\n\nfunction DismissButton( { onPress, iosText } ) {\n\tconst arrowLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'arrow-left-icon' ],\n\t\tstyles[ 'arrow-left-icon-dark' ]\n\t);\n\n\tlet backIcon;\n\tlet backText;\n\n\tif ( Platform.OS === 'ios' ) {\n\t\tbackText = iosText ? iosText : __( 'Cancel' );\n\t} else {\n\t\tbackIcon = <Icon icon={ close } size={ 24 } style={ arrowLeftStyle } />;\n\t}\n\n\treturn <Button onPress={ onPress } icon={ backIcon } text={ backText } />;\n}\n\nButton.Back = BackButton;\nButton.Dismiss = DismissButton; // Cancel or Close Button.\n\nexport default Button;\n"]}
+{"version":3,"names":["_reactNative","require","_i18n","_icons","_compose","_styles","_interopRequireDefault","_actionButton","_chevronBack","Button","onPress","icon","text","buttonTextStyle","usePreferredColorSchemeStyle","styles","_element","createElement","View","style","default","accessibilityLabel","__","accessibilityHint","Text","maxFontSizeMultiplier","BackButton","chevronLeftStyle","arrowLeftStyle","backIcon","backText","Platform","OS","Icon","chevronBack","size","arrowLeft","DismissButton","iosText","close","Back","Dismiss","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/back-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Platform, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, arrowLeft, close } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport ActionButton from './action-button';\nimport chevronBack from './../chevron-back';\n\nfunction Button( { onPress, icon, text } ) {\n\tconst buttonTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'button-text' ],\n\t\tstyles[ 'button-text-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'back-button' ] }>\n\t\t\t<ActionButton\n\t\t\t\tonPress={ onPress }\n\t\t\t\taccessibilityLabel={ __( 'Go back' ) }\n\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t'Navigates to the previous content sheet'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ icon }\n\t\t\t\t{ text && (\n\t\t\t\t\t<Text style={ buttonTextStyle } maxFontSizeMultiplier={ 2 }>\n\t\t\t\t\t\t{ text }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</ActionButton>\n\t\t</View>\n\t);\n}\n\nfunction BackButton( { onPress } ) {\n\tconst chevronLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'chevron-left-icon' ],\n\t\tstyles[ 'chevron-left-icon-dark' ]\n\t);\n\tconst arrowLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'arrow-left-icon' ],\n\t\tstyles[ 'arrow-left-icon-dark' ]\n\t);\n\n\tlet backIcon;\n\tlet backText;\n\n\tif ( Platform.OS === 'ios' ) {\n\t\tbackIcon = (\n\t\t\t<Icon icon={ chevronBack } size={ 21 } style={ chevronLeftStyle } />\n\t\t);\n\t\tbackText = __( 'Back' );\n\t} else {\n\t\tbackIcon = (\n\t\t\t<Icon icon={ arrowLeft } size={ 24 } style={ arrowLeftStyle } />\n\t\t);\n\t}\n\n\treturn <Button onPress={ onPress } icon={ backIcon } text={ backText } />;\n}\n\nfunction DismissButton( { onPress, iosText } ) {\n\tconst arrowLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'arrow-left-icon' ],\n\t\tstyles[ 'arrow-left-icon-dark' ]\n\t);\n\n\tlet backIcon;\n\tlet backText;\n\n\tif ( Platform.OS === 'ios' ) {\n\t\tbackText = iosText ? iosText : __( 'Cancel' );\n\t} else {\n\t\tbackIcon = <Icon icon={ close } size={ 24 } style={ arrowLeftStyle } />;\n\t}\n\n\treturn <Button onPress={ onPress } icon={ backIcon } text={ backText } />;\n}\n\nButton.Back = BackButton;\nButton.Dismiss = DismissButton; // Cancel or Close Button.\n\nexport default Button;\n"],"mappings":"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"}

package/build/mobile/bottom-sheet/nav-bar/heading.native.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _compose = require("@wordpress/compose");
-
 var _styles = _interopRequireDefault(require("./styles.scss"));
-
 /**
  * External dependencies
  */
@@ -26,6 +20,7 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
+
 function Heading({
   children
 }) {
@@ -36,7 +31,6 @@ function Heading({
     maxFontSizeMultiplier: 3
   }, children);
 }
-
 var _default = Heading;
 exports.default = _default;
 //# sourceMappingURL=heading.native.js.map

package/build/mobile/bottom-sheet/nav-bar/heading.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/heading.native.js"],"names":["Heading","children","headingStyle","styles","heading"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAKA;;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAGA,SAASA,OAAT,CAAkB;AAAEC,EAAAA;AAAF,CAAlB,EAAiC;AAChC,QAAMC,YAAY,GAAG,2CACpBC,gBAAOC,OADa,EAEpBD,gBAAQ,cAAR,CAFoB,CAArB;AAKA,SACC,4BAAC,iBAAD;AACC,IAAA,iBAAiB,EAAC,QADnB;AAEC,IAAA,KAAK,EAAGD,YAFT;AAGC,IAAA,qBAAqB,EAAG;AAHzB,KAKGD,QALH,CADD;AASA;;eAEcD,O","sourcesContent":["/**\n * External dependencies\n */\nimport { Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nfunction Heading( { children } ) {\n\tconst headingStyle = usePreferredColorSchemeStyle(\n\t\tstyles.heading,\n\t\tstyles[ 'heading-dark' ]\n\t);\n\n\treturn (\n\t\t<Text\n\t\t\taccessibilityRole=\"header\"\n\t\t\tstyle={ headingStyle }\n\t\t\tmaxFontSizeMultiplier={ 3 }\n\t\t>\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n\nexport default Heading;\n"]}
+{"version":3,"names":["_reactNative","require","_compose","_styles","_interopRequireDefault","Heading","children","headingStyle","usePreferredColorSchemeStyle","styles","heading","_element","createElement","Text","accessibilityRole","style","maxFontSizeMultiplier","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/heading.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nfunction Heading( { children } ) {\n\tconst headingStyle = usePreferredColorSchemeStyle(\n\t\tstyles.heading,\n\t\tstyles[ 'heading-dark' ]\n\t);\n\n\treturn (\n\t\t<Text\n\t\t\taccessibilityRole=\"header\"\n\t\t\tstyle={ headingStyle }\n\t\t\tmaxFontSizeMultiplier={ 3 }\n\t\t>\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n\nexport default Heading;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASI,OAAOA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAChC,MAAMC,YAAY,GAAG,IAAAC,qCAA4B,EAChDC,eAAM,CAACC,OAAO,EACdD,eAAM,CAAE,cAAc,CACvB,CAAC;EAED,OACC,IAAAE,QAAA,CAAAC,aAAA,EAACZ,YAAA,CAAAa,IAAI;IACJC,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAGR,YAAc;IACtBS,qBAAqB,EAAG;EAAG,GAEzBV,QACG,CAAC;AAET;AAAC,IAAAW,QAAA,GAEcZ,OAAO;AAAAa,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/mobile/bottom-sheet/nav-bar/index.native.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _applyButton = _interopRequireDefault(require("./apply-button"));
-
 var _backButton = _interopRequireDefault(require("./back-button"));
-
 var _heading = _interopRequireDefault(require("./heading"));
-
 var _styles = _interopRequireDefault(require("./styles.scss"));
-
 /**
  * External dependencies
  */
@@ -26,6 +18,7 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
+
 function NavBar({
   children
 }) {
@@ -33,7 +26,6 @@ function NavBar({
     style: _styles.default['nav-bar']
   }, children);
 }
-
 NavBar.ApplyButton = _applyButton.default;
 NavBar.BackButton = _backButton.default.Back;
 NavBar.DismissButton = _backButton.default.Dismiss;

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/index.native.js"],"names":["NavBar","children","styles","ApplyButton","BackButton","Button","Back","DismissButton","Dismiss","Heading"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;AAKA,SAASA,MAAT,CAAiB;AAAEC,EAAAA;AAAF,CAAjB,EAAgC;AAC/B,SAAO,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGC,gBAAQ,SAAR;AAAd,KAAsCD,QAAtC,CAAP;AACA;;AAEDD,MAAM,CAACG,WAAP,GAAqBA,oBAArB;AACAH,MAAM,CAACI,UAAP,GAAoBC,oBAAOC,IAA3B;AACAN,MAAM,CAACO,aAAP,GAAuBF,oBAAOG,OAA9B;AAEAR,MAAM,CAACS,OAAP,GAAiBA,gBAAjB;eAEeT,M","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport ApplyButton from './apply-button';\nimport Button from './back-button';\nimport Heading from './heading';\nimport styles from './styles.scss';\nfunction NavBar( { children } ) {\n\treturn <View style={ styles[ 'nav-bar' ] }>{ children }</View>;\n}\n\nNavBar.ApplyButton = ApplyButton;\nNavBar.BackButton = Button.Back;\nNavBar.DismissButton = Button.Dismiss;\n\nNavBar.Heading = Heading;\n\nexport default NavBar;\n"]}
+{"version":3,"names":["_reactNative","require","_applyButton","_interopRequireDefault","_backButton","_heading","_styles","NavBar","children","_element","createElement","View","style","styles","ApplyButton","BackButton","Button","Back","DismissButton","Dismiss","Heading","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport ApplyButton from './apply-button';\nimport Button from './back-button';\nimport Heading from './heading';\nimport styles from './styles.scss';\nfunction NavBar( { children } ) {\n\treturn <View style={ styles[ 'nav-bar' ] }>{ children }</View>;\n}\n\nNavBar.ApplyButton = ApplyButton;\nNavBar.BackButton = Button.Back;\nNavBar.DismissButton = Button.Dismiss;\n\nNavBar.Heading = Heading;\n\nexport default NavBar;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,SAASM,MAAMA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/B,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAGC,eAAM,CAAE,SAAS;EAAI,GAAGL,QAAgB,CAAC;AAC/D;AAEAD,MAAM,CAACO,WAAW,GAAGA,oBAAW;AAChCP,MAAM,CAACQ,UAAU,GAAGC,mBAAM,CAACC,IAAI;AAC/BV,MAAM,CAACW,aAAa,GAAGF,mBAAM,CAACG,OAAO;AAErCZ,MAAM,CAACa,OAAO,GAAGA,gBAAO;AAAC,IAAAC,QAAA,GAEVd,MAAM;AAAAe,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -1,21 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BottomSheetPickerCell;
-
 var _element = require("@wordpress/element");
-
 var _cell = _interopRequireDefault(require("./cell"));
-
 var _picker = _interopRequireDefault(require("../picker"));
-
 /**
  * Internal dependencies
  */
+
 function BottomSheetPickerCell(props) {
   const {
     options,
@@ -25,15 +21,12 @@ function BottomSheetPickerCell(props) {
     ...cellProps
   } = props;
   let picker;
-
   const onCellPress = () => {
     picker.presentPicker();
   };
-
   const onChange = newValue => {
     onChangeValue(newValue);
   };
-
   const option = options.find(opt => opt.value === value);
   const label = option ? option.label : value;
   return (0, _element.createElement)(_cell.default, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/picker-cell.native.js"],"names":["BottomSheetPickerCell","props","options","hideCancelButton","onChangeValue","value","cellProps","picker","onCellPress","presentPicker","onChange","newValue","option","find","opt","label","instance"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIe,SAASA,qBAAT,CAAgCC,KAAhC,EAAwC;AACtD,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,gBAAX;AAA6BC,IAAAA,aAA7B;AAA4CC,IAAAA,KAA5C;AAAmD,OAAGC;AAAtD,MACLL,KADD;AAGA,MAAIM,MAAJ;;AAEA,QAAMC,WAAW,GAAG,MAAM;AACzBD,IAAAA,MAAM,CAACE,aAAP;AACA,GAFD;;AAIA,QAAMC,QAAQ,GAAKC,QAAF,IAAgB;AAChCP,IAAAA,aAAa,CAAEO,QAAF,CAAb;AACA,GAFD;;AAIA,QAAMC,MAAM,GAAGV,OAAO,CAACW,IAAR,CAAgBC,GAAF,IAAWA,GAAG,CAACT,KAAJ,KAAcA,KAAvC,CAAf;AACA,QAAMU,KAAK,GAAGH,MAAM,GAAGA,MAAM,CAACG,KAAV,GAAkBV,KAAtC;AAEA,SACC,4BAAC,aAAD;AACC,IAAA,OAAO,EAAGG,WADX;AAEC,IAAA,QAAQ,EAAG,KAFZ;AAGC,IAAA,KAAK,EAAGO,KAHT;AAAA,OAIMT;AAJN,KAMC,4BAAC,eAAD;AACC,IAAA,SAAS,MADV;AAEC,IAAA,gBAAgB,EAAGH,gBAFpB;AAGC,IAAA,GAAG,EAAKa,QAAF,IAAkBT,MAAM,GAAGS,QAHlC;AAIC,IAAA,OAAO,EAAGd,OAJX;AAKC,IAAA,QAAQ,EAAGQ;AALZ,IAND,CADD;AAgBA","sourcesContent":["/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport Picker from '../picker';\n\nexport default function BottomSheetPickerCell( props ) {\n\tconst { options, hideCancelButton, onChangeValue, value, ...cellProps } =\n\t\tprops;\n\n\tlet picker;\n\n\tconst onCellPress = () => {\n\t\tpicker.presentPicker();\n\t};\n\n\tconst onChange = ( newValue ) => {\n\t\tonChangeValue( newValue );\n\t};\n\n\tconst option = options.find( ( opt ) => opt.value === value );\n\tconst label = option ? option.label : value;\n\n\treturn (\n\t\t<Cell\n\t\t\tonPress={ onCellPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ label }\n\t\t\t{ ...cellProps }\n\t\t>\n\t\t\t<Picker\n\t\t\t\tleftAlign\n\t\t\t\thideCancelButton={ hideCancelButton }\n\t\t\t\tref={ ( instance ) => ( picker = instance ) }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"]}
+{"version":3,"names":["_cell","_interopRequireDefault","require","_picker","BottomSheetPickerCell","props","options","hideCancelButton","onChangeValue","value","cellProps","picker","onCellPress","presentPicker","onChange","newValue","option","find","opt","label","_element","createElement","default","onPress","editable","leftAlign","ref","instance"],"sources":["@wordpress/components/src/mobile/bottom-sheet/picker-cell.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport Picker from '../picker';\n\nexport default function BottomSheetPickerCell( props ) {\n\tconst { options, hideCancelButton, onChangeValue, value, ...cellProps } =\n\t\tprops;\n\n\tlet picker;\n\n\tconst onCellPress = () => {\n\t\tpicker.presentPicker();\n\t};\n\n\tconst onChange = ( newValue ) => {\n\t\tonChangeValue( newValue );\n\t};\n\n\tconst option = options.find( ( opt ) => opt.value === value );\n\tconst label = option ? option.label : value;\n\n\treturn (\n\t\t<Cell\n\t\t\tonPress={ onCellPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ label }\n\t\t\t{ ...cellProps }\n\t\t>\n\t\t\t<Picker\n\t\t\t\tleftAlign\n\t\t\t\thideCancelButton={ hideCancelButton }\n\t\t\t\tref={ ( instance ) => ( picker = instance ) }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,MAAM;IAAEC,OAAO;IAAEC,gBAAgB;IAAEC,aAAa;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GACtEL,KAAK;EAEN,IAAIM,MAAM;EAEV,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBD,MAAM,CAACE,aAAa,CAAC,CAAC;EACvB,CAAC;EAED,MAAMC,QAAQ,GAAKC,QAAQ,IAAM;IAChCP,aAAa,CAAEO,QAAS,CAAC;EAC1B,CAAC;EAED,MAAMC,MAAM,GAAGV,OAAO,CAACW,IAAI,CAAIC,GAAG,IAAMA,GAAG,CAACT,KAAK,KAAKA,KAAM,CAAC;EAC7D,MAAMU,KAAK,GAAGH,MAAM,GAAGA,MAAM,CAACG,KAAK,GAAGV,KAAK;EAE3C,OACC,IAAAW,QAAA,CAAAC,aAAA,EAACrB,KAAA,CAAAsB,OAAI;IACJC,OAAO,EAAGX,WAAa;IACvBY,QAAQ,EAAG,KAAO;IAClBf,KAAK,EAAGU,KAAO;IAAA,GACVT;EAAS,GAEd,IAAAU,QAAA,CAAAC,aAAA,EAAClB,OAAA,CAAAmB,OAAM;IACNG,SAAS;IACTlB,gBAAgB,EAAGA,gBAAkB;IACrCmB,GAAG,EAAKC,QAAQ,IAAQhB,MAAM,GAAGgB,QAAY;IAC7CrB,OAAO,EAAGA,OAAS;IACnBQ,QAAQ,EAAGA;EAAU,CACrB,CACI,CAAC;AAET"}

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

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BottomSheetRadioCell;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _icons = require("@wordpress/icons");
-
 var _compose = require("@wordpress/compose");
-
 var _cell = _interopRequireDefault(require("./cell"));
-
 var _styles = _interopRequireDefault(require("./styles.scss"));
-
 /**
  * WordPress dependencies
  */
@@ -26,19 +18,20 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
+
 function BottomSheetRadioCell(props) {
   const {
     selected,
     ...cellProps
   } = props;
   const selectedIconStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.selectedIcon, _styles.default.selectedIconDark);
-  return (0, _element.createElement)(_cell.default, { ...cellProps,
+  return (0, _element.createElement)(_cell.default, {
+    ...cellProps,
     accessibilityRole: 'radio',
     accessibilityState: {
       selected
     },
-    accessibilityHint:
-    /* translators: accessibility text (hint for selecting option) */
+    accessibilityHint: /* translators: accessibility text (hint for selecting option) */
     (0, _i18n.__)('Double tap to select the option'),
     editable: false,
     value: '',

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/radio-cell.native.js"],"names":["BottomSheetRadioCell","props","selected","cellProps","selectedIconStyle","styles","selectedIcon","selectedIconDark","check"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAIA;;AACA;;AAVA;AACA;AACA;;AAIA;AACA;AACA;AAIe,SAASA,oBAAT,CAA+BC,KAA/B,EAAuC;AACrD,QAAM;AAAEC,IAAAA,QAAF;AAAY,OAAGC;AAAf,MAA6BF,KAAnC;AAEA,QAAMG,iBAAiB,GAAG,2CACzBC,gBAAOC,YADkB,EAEzBD,gBAAOE,gBAFkB,CAA1B;AAKA,SACC,4BAAC,aAAD,OACMJ,SADN;AAEC,IAAA,iBAAiB,EAAG,OAFrB;AAGC,IAAA,kBAAkB,EAAG;AAAED,MAAAA;AAAF,KAHtB;AAIC,IAAA,iBAAiB;AAChB;AACA,kBAAI,iCAAJ,CANF;AAQC,IAAA,QAAQ,EAAG,KARZ;AASC,IAAA,KAAK,EAAG,EATT;AAUC,IAAA,YAAY,EAAGA;AAVhB,KAYGA,QAAQ,IACT,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGM,YAAb;AAAqB,IAAA,KAAK,EAAGJ;AAA7B,IAbF,CADD;AAkBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nexport default function BottomSheetRadioCell( props ) {\n\tconst { selected, ...cellProps } = props;\n\n\tconst selectedIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selectedIcon,\n\t\tstyles.selectedIconDark\n\t);\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole={ 'radio' }\n\t\t\taccessibilityState={ { selected } }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for selecting option) */\n\t\t\t\t__( 'Double tap to select the option' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tshowLockIcon={ selected }\n\t\t>\n\t\t\t{ selected && (\n\t\t\t\t<Icon icon={ check } style={ selectedIconStyle }></Icon>\n\t\t\t) }\n\t\t</Cell>\n\t);\n}\n"]}
+{"version":3,"names":["_i18n","require","_icons","_compose","_cell","_interopRequireDefault","_styles","BottomSheetRadioCell","props","selected","cellProps","selectedIconStyle","usePreferredColorSchemeStyle","styles","selectedIcon","selectedIconDark","_element","createElement","default","accessibilityRole","accessibilityState","accessibilityHint","__","editable","value","showLockIcon","Icon","icon","check","style"],"sources":["@wordpress/components/src/mobile/bottom-sheet/radio-cell.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nexport default function BottomSheetRadioCell( props ) {\n\tconst { selected, ...cellProps } = props;\n\n\tconst selectedIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selectedIcon,\n\t\tstyles.selectedIconDark\n\t);\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole={ 'radio' }\n\t\t\taccessibilityState={ { selected } }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for selecting option) */\n\t\t\t\t__( 'Double tap to select the option' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tshowLockIcon={ selected }\n\t\t>\n\t\t\t{ selected && (\n\t\t\t\t<Icon icon={ check } style={ selectedIconStyle }></Icon>\n\t\t\t) }\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAIA,IAAAG,KAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIe,SAASM,oBAAoBA,CAAEC,KAAK,EAAG;EACrD,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGF,KAAK;EAExC,MAAMG,iBAAiB,GAAG,IAAAC,qCAA4B,EACrDC,eAAM,CAACC,YAAY,EACnBD,eAAM,CAACE,gBACR,CAAC;EAED,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACb,KAAA,CAAAc,OAAI;IAAA,GACCR,SAAS;IACdS,iBAAiB,EAAG,OAAS;IAC7BC,kBAAkB,EAAG;MAAEX;IAAS,CAAG;IACnCY,iBAAiB,EAChB;IACA,IAAAC,QAAE,EAAE,iCAAkC,CACtC;IACDC,QAAQ,EAAG,KAAO;IAClBC,KAAK,EAAG,EAAI;IACZC,YAAY,EAAGhB;EAAU,GAEvBA,QAAQ,IACT,IAAAO,QAAA,CAAAC,aAAA,EAACf,MAAA,CAAAwB,IAAI;IAACC,IAAI,EAAGC,YAAO;IAACC,KAAK,EAAGlB;EAAmB,CAAO,CAEnD,CAAC;AAET"}

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

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _slider = _interopRequireDefault(require("@react-native-community/slider"));
-
 var _i18n = require("@wordpress/i18n");
-
 var _compose = require("@wordpress/compose");
-
 var _cell = _interopRequireDefault(require("./cell"));
-
 var _lockIcon = _interopRequireDefault(require("./lock-icon"));
-
 var _rangeCell = _interopRequireDefault(require("./range-cell.scss"));
-
 var _rangeTextInput = _interopRequireDefault(require("./range-text-input"));
-
 var _utils = require("../utils");
-
 /**
  * External dependencies
  */
@@ -38,8 +26,8 @@ var _utils = require("../utils");
 /**
  * Internal dependencies
  */
-const isIOS = _reactNative.Platform.OS === 'ios';
 
+const isIOS = _reactNative.Platform.OS === 'ios';
 class BottomSheetRangeCell extends _element.Component {
   constructor(props) {
     super(props);
@@ -60,11 +48,9 @@ class BottomSheetRangeCell extends _element.Component {
       sliderValue: initialValue
     };
   }
-
   componentWillUnmount() {
     clearTimeout(this.timeoutAnnounceValue);
   }
-
   onSliderChange(initialValue) {
     const {
       decimalNum,
@@ -76,7 +62,6 @@ class BottomSheetRangeCell extends _element.Component {
     });
     onChange(initialValue);
   }
-
   onTextInputChange(nextValue) {
     const {
       onChange,
@@ -86,29 +71,25 @@ class BottomSheetRangeCell extends _element.Component {
       sliderValue: nextValue
     });
     onChange(nextValue);
-
     if (onComplete) {
       onComplete(nextValue);
     }
   }
-
   onCompleteSliderChange(nextValue) {
     const {
       decimalNum,
       onComplete
     } = this.props;
     nextValue = (0, _utils.toFixed)(nextValue, decimalNum);
-
     if (onComplete) {
       onComplete(nextValue);
     }
   }
+
   /*
    * Only used with screenreaders like VoiceOver and TalkBack. Increments the
    * value of this setting programmatically.
    */
-
-
   a11yIncrementValue() {
     const {
       step = 5,
@@ -119,17 +100,15 @@ class BottomSheetRangeCell extends _element.Component {
       inputValue
     } = this.state;
     const newValue = (0, _utils.toFixed)(inputValue + step, decimalNum);
-
     if (newValue <= maximumValue || maximumValue === undefined) {
       this.a11yUpdateValue(newValue);
     }
   }
+
   /*
    * Only used with screenreaders like VoiceOver and TalkBack. Decrements the
    * value of this setting programmatically.
    */
-
-
   a11yDecrementValue() {
     const {
       step = 5,
@@ -140,12 +119,10 @@ class BottomSheetRangeCell extends _element.Component {
       sliderValue
     } = this.state;
     const newValue = (0, _utils.toFixed)(sliderValue - step, decimalNum);
-
     if (newValue >= minimumValue) {
       this.a11yUpdateValue(newValue);
     }
   }
-
   a11yUpdateValue(newValue) {
     const {
       onChange,
@@ -156,24 +133,20 @@ class BottomSheetRangeCell extends _element.Component {
       inputValue: newValue
     });
     onChange(newValue);
-
     if (onComplete) {
       onComplete(newValue);
     }
-
     this.announceValue(newValue);
   }
+
   /*
    * Only used with screenreaders like VoiceOver and TalkBack.
    */
-
-
   announceValue(value) {
     const {
       label,
       unitLabel = ''
     } = this.props;
-
     if (isIOS) {
       // On Android it triggers the accessibilityLabel with the value change, but
       // on iOS we need to do this manually.
@@ -183,7 +156,6 @@ class BottomSheetRangeCell extends _element.Component {
       }, 300);
     }
   }
-
   render() {
     const {
       value,
@@ -210,17 +182,13 @@ class BottomSheetRangeCell extends _element.Component {
       inputValue,
       sliderValue
     } = this.state;
-
     const getAccessibilityHint = () => {
       return openUnitPicker ? (0, _i18n.__)('double-tap to change unit') : '';
     };
-
     const getAccessibilityLabel = () => {
-      return (0, _i18n.sprintf)(
-      /* 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) */
+      return (0, _i18n.sprintf)( /* 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) */
       (0, _i18n.__)('%1$s. %2$s is %3$s %4$s.'), cellProps.label, settingLabel, (0, _utils.toFixed)(value, decimalNum), unitLabel);
     };
-
     const containerStyle = [_rangeCell.default.container, isIOS ? _rangeCell.default.containerIOS : _rangeCell.default.containerAndroid];
     return (0, _element.createElement)(_reactNative.View, {
       accessible: true,
@@ -237,16 +205,13 @@ class BottomSheetRangeCell extends _element.Component {
           case 'increment':
             this.a11yIncrementValue();
             break;
-
           case 'decrement':
             this.a11yDecrementValue();
             break;
-
           case 'activate':
             if (openUnitPicker) {
               openUnitPicker();
             }
-
             break;
         }
       },
@@ -254,7 +219,8 @@ class BottomSheetRangeCell extends _element.Component {
       accessibilityHint: getAccessibilityHint()
     }, (0, _element.createElement)(_reactNative.View, {
       importantForAccessibility: "no-hide-descendants"
-    }, (0, _element.createElement)(_cell.default, { ...cellProps,
+    }, (0, _element.createElement)(_cell.default, {
+      ...cellProps,
       cellContainerStyle: [_rangeCell.default.cellContainerStyles, cellContainerStyle],
       cellRowContainerStyle: containerStyle,
       leftAlign: true,
@@ -294,10 +260,7 @@ class BottomSheetRangeCell extends _element.Component {
       decimalNum: decimalNum
     }, children), disabled && (0, _element.createElement)(_lockIcon.default, null)))));
   }
-
 }
-
 var _default = (0, _compose.withPreferredColorScheme)(BottomSheetRangeCell);
-
 exports.default = _default;
 //# sourceMappingURL=range-cell.native.js.map