@wordpress/components 24.0.0 → 25.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/link-cell.native.js"],"names":["placeholderColor","styles","LinkCell","value","valueMask","onPress","showIcon","link","undefined","chevronRight"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAVA;AACA;AACA;;AAIA;AACA;AACA;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAuBC,eAA7B;;AAEe,SAASC,QAAT,OAKX;AAAA,MAL8B;AACjCC,IAAAA,KADiC;AAEjCC,IAAAA,SAFiC;AAGjCC,IAAAA,OAHiC;AAIjCC,IAAAA,QAAQ,GAAG;AAJsB,GAK9B;AACH,SACC,4BAAC,aAAD;AACC,IAAA,IAAI,EAAGA,QAAQ,IAAIC,WADpB;AAEC,IAAA,KAAK,EAAG,cAAI,SAAJ,CAFT,CAGC;AAHD;AAIC,IAAA,KAAK,EAAGH,SAAS,IAAID,KAAb,IAAsB,cAAI,oBAAJ,CAJ/B;AAKC,IAAA,UAAU,EACT,CAAC,EAAIA,KAAK,IAAIC,SAAb,CAAD,GAA4BI,SAA5B,GAAwCR,gBAN1C;AAQC,IAAA,OAAO,EAAGK;AARX,KAUC,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGI;AAAb,IAVD,CADD;AAcA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { link, Icon, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nconst { placeholderColor } = styles;\n\nexport default function LinkCell( {\n\tvalue,\n\tvalueMask,\n\tonPress,\n\tshowIcon = true,\n} ) {\n\treturn (\n\t\t<Cell\n\t\t\ticon={ showIcon && link }\n\t\t\tlabel={ __( 'Link to' ) }\n\t\t\t// Since this is not actually editable, we treat value as a placeholder.\n\t\t\tvalue={ valueMask || value || __( 'Search or type URL' ) }\n\t\t\tvalueStyle={\n\t\t\t\t!! ( value || valueMask ) ? undefined : placeholderColor\n\t\t\t}\n\t\t\tonPress={ onPress }\n\t\t>\n\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t</Cell>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/link-cell.native.js"],"names":["placeholderColor","styles","LinkCell","value","valueMask","onPress","showIcon","link","undefined","chevronRight"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAVA;AACA;AACA;;AAIA;AACA;AACA;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAuBC,eAA7B;;AAEe,SAASC,QAAT,CAAmB;AACjCC,EAAAA,KADiC;AAEjCC,EAAAA,SAFiC;AAGjCC,EAAAA,OAHiC;AAIjCC,EAAAA,QAAQ,GAAG;AAJsB,CAAnB,EAKX;AACH,SACC,4BAAC,aAAD;AACC,IAAA,IAAI,EAAGA,QAAQ,IAAIC,WADpB;AAEC,IAAA,KAAK,EAAG,cAAI,SAAJ,CAFT,CAGC;AAHD;AAIC,IAAA,KAAK,EAAGH,SAAS,IAAID,KAAb,IAAsB,cAAI,oBAAJ,CAJ/B;AAKC,IAAA,UAAU,EACT,CAAC,EAAIA,KAAK,IAAIC,SAAb,CAAD,GAA4BI,SAA5B,GAAwCR,gBAN1C;AAQC,IAAA,OAAO,EAAGK;AARX,KAUC,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGI;AAAb,IAVD,CADD;AAcA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { link, Icon, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nconst { placeholderColor } = styles;\n\nexport default function LinkCell( {\n\tvalue,\n\tvalueMask,\n\tonPress,\n\tshowIcon = true,\n} ) {\n\treturn (\n\t\t<Cell\n\t\t\ticon={ showIcon && link }\n\t\t\tlabel={ __( 'Link to' ) }\n\t\t\t// Since this is not actually editable, we treat value as a placeholder.\n\t\t\tvalue={ valueMask || value || __( 'Search or type URL' ) }\n\t\t\tvalueStyle={\n\t\t\t\t!! ( value || valueMask ) ? undefined : placeholderColor\n\t\t\t}\n\t\t\tonPress={ onPress }\n\t\t>\n\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t</Cell>\n\t);\n}\n"]}

package/build/mobile/bottom-sheet/link-suggestion-item-cell.native.js

@@ -62,12 +62,11 @@ const getSummaryForType = type => {
 }; // We use some Cell styles here with a column flex-direction.
 
 
-function LinkSuggestionItemCell(_ref) {
-  let {
-    suggestion,
-    onLinkPicked,
-    ...props
-  } = _ref;
+function LinkSuggestionItemCell({
+  suggestion,
+  onLinkPicked,
+  ...props
+}) {
   const {
     title: contentTitle,
     url,

package/build/mobile/bottom-sheet/link-suggestion-item-cell.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/link-suggestion-item-cell.native.js"],"names":["icons","URL","globe","clipboard","post","posts","page","pages","getSummaryForType","type","LinkSuggestionItemCell","suggestion","onLinkPicked","props","title","contentTitle","url","isDirectEntry","summary","pickLink","cellTitleStyle","cellStyles","cellLabel","cellTextDark","cellSummaryStyle","cellValue","titleStyle","suggestionStyles","summaryStyle","empty","itemContainerStyle","hidden","containerStyle"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAMA,MAAMA,KAAK,GAAG;AACbC,EAAAA,GAAG,EAAEC,YADQ;AAEbC,EAAAA,SAAS,EAATA,oBAFa;AAGbC,EAAAA,IAAI,EAAEC,gBAHO;AAIbC,EAAAA,IAAI,EAAEC;AAJO,CAAd;;AAOA,MAAMC,iBAAiB,GAAKC,IAAF,IAAY;AACrC,UAASA,IAAT;AACC,SAAK,WAAL;AACC,aAAO,cAAI,gBAAJ,CAAP;;AACD,SAAK,QAAL;AACC,aAAO,cAAI,qBAAJ,CAAP;;AACD,SAAK,KAAL;AACC,aAAO,cAAI,yBAAJ,CAAP;;AACD;AACC,aAAO,cAAI,eAAJ,CAAP;AARF;AAUA,CAXD,C,CAaA;;;AACA,SAASC,sBAAT,OAA0E;AAAA,MAAzC;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,YAAd;AAA4B,OAAGC;AAA/B,GAAyC;AACzE,QAAM;AAAEC,IAAAA,KAAK,EAAEC,YAAT;AAAuBC,IAAAA,GAAvB;AAA4BP,IAAAA,IAA5B;AAAkCQ,IAAAA;AAAlC,MAAoDN,UAA1D;AACA,QAAMG,KAAK,GAAGG,aAAa,GAAGD,GAAH,GAASD,YAApC;AACA,QAAMG,OAAO,GAAGD,aAAa,GAAGT,iBAAiB,CAAEC,IAAF,CAApB,GAA+BO,GAA5D;;AAEA,QAAMG,QAAQ,GAAG,MAAMP,YAAY,CAAED,UAAF,CAAnC;;AAEA,QAAMS,cAAc,GAAG,2CACtBC,gBAAWC,SADW,EAEtBD,gBAAWE,YAFW,CAAvB;AAKA,QAAMC,gBAAgB,GAAG,2CACxBH,gBAAWI,SADa,EAExBJ,gBAAWE,YAFa,CAAzB;AAKA,QAAMG,UAAU,GAAG,CAAEN,cAAF,EAAkBO,8BAAiBD,UAAnC,CAAnB;AACA,QAAME,YAAY,GAAG,CAAEJ,gBAAF,EAAoBG,8BAAiBC,YAArC,CAArB;AAEA,SACC,4BAAC,aAAD,6BACMf,KADN;AAEC,IAAA,IAAI,EAAGb,KAAK,CAAES,IAAF,CAAL,IAAiBoB,gBAFzB;AAGC,IAAA,OAAO,EAAGV,QAHX;AAIC,IAAA,aAAa,EAAG,MAJjB;AAKC,IAAA,kBAAkB,EAAGQ,8BAAiBG,kBALvC;AAMC,IAAA,UAAU,EAAGH,8BAAiBI,MAN/B;AAOC,IAAA,UAAU,EAAGJ,8BAAiBI;AAP/B,MASC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ,8BAAiBK;AAA/B,KACC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAGN,UADT;AAEC,IAAA,aAAa,EAAG,CAFjB;AAGC,IAAA,aAAa,EAAG;AAHjB,KAKGZ,KALH,CADD,EAQC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAGc,YADT;AAEC,IAAA,aAAa,EAAG,CAFjB;AAGC,IAAA,aAAa,EAAG;AAHjB,KAKGV,OALH,CARD,CATD,CADD;AA4BA;;eAEcR,sB","sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { globe } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport cellStyles from './styles.scss';\nimport suggestionStyles from './link-suggestion-styles.scss';\nimport { posts, pages, empty, clipboard } from '../gridicons';\n\nconst icons = {\n\tURL: globe,\n\tclipboard,\n\tpost: posts,\n\tpage: pages,\n};\n\nconst getSummaryForType = ( type ) => {\n\tswitch ( type ) {\n\t\tcase 'clipboard':\n\t\t\treturn __( 'From clipboard' );\n\t\tcase 'mailto':\n\t\t\treturn __( 'Add this email link' );\n\t\tcase 'tel':\n\t\t\treturn __( 'Add this telephone link' );\n\t\tdefault:\n\t\t\treturn __( 'Add this link' );\n\t}\n};\n\n// We use some Cell styles here with a column flex-direction.\nfunction LinkSuggestionItemCell( { suggestion, onLinkPicked, ...props } ) {\n\tconst { title: contentTitle, url, type, isDirectEntry } = suggestion;\n\tconst title = isDirectEntry ? url : contentTitle;\n\tconst summary = isDirectEntry ? getSummaryForType( type ) : url;\n\n\tconst pickLink = () => onLinkPicked( suggestion );\n\n\tconst cellTitleStyle = usePreferredColorSchemeStyle(\n\t\tcellStyles.cellLabel,\n\t\tcellStyles.cellTextDark\n\t);\n\n\tconst cellSummaryStyle = usePreferredColorSchemeStyle(\n\t\tcellStyles.cellValue,\n\t\tcellStyles.cellTextDark\n\t);\n\n\tconst titleStyle = [ cellTitleStyle, suggestionStyles.titleStyle ];\n\tconst summaryStyle = [ cellSummaryStyle, suggestionStyles.summaryStyle ];\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...props }\n\t\t\ticon={ icons[ type ] || empty }\n\t\t\tonPress={ pickLink }\n\t\t\tseparatorType={ 'none' }\n\t\t\tcellContainerStyle={ suggestionStyles.itemContainerStyle }\n\t\t\tlabelStyle={ suggestionStyles.hidden }\n\t\t\tvalueStyle={ suggestionStyles.hidden }\n\t\t>\n\t\t\t<View style={ suggestionStyles.containerStyle }>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ titleStyle }\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{ title }\n\t\t\t\t</Text>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ summaryStyle }\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{ summary }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t</Cell>\n\t);\n}\n\nexport default LinkSuggestionItemCell;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/link-suggestion-item-cell.native.js"],"names":["icons","URL","globe","clipboard","post","posts","page","pages","getSummaryForType","type","LinkSuggestionItemCell","suggestion","onLinkPicked","props","title","contentTitle","url","isDirectEntry","summary","pickLink","cellTitleStyle","cellStyles","cellLabel","cellTextDark","cellSummaryStyle","cellValue","titleStyle","suggestionStyles","summaryStyle","empty","itemContainerStyle","hidden","containerStyle"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAMA,MAAMA,KAAK,GAAG;AACbC,EAAAA,GAAG,EAAEC,YADQ;AAEbC,EAAAA,SAAS,EAATA,oBAFa;AAGbC,EAAAA,IAAI,EAAEC,gBAHO;AAIbC,EAAAA,IAAI,EAAEC;AAJO,CAAd;;AAOA,MAAMC,iBAAiB,GAAKC,IAAF,IAAY;AACrC,UAASA,IAAT;AACC,SAAK,WAAL;AACC,aAAO,cAAI,gBAAJ,CAAP;;AACD,SAAK,QAAL;AACC,aAAO,cAAI,qBAAJ,CAAP;;AACD,SAAK,KAAL;AACC,aAAO,cAAI,yBAAJ,CAAP;;AACD;AACC,aAAO,cAAI,eAAJ,CAAP;AARF;AAUA,CAXD,C,CAaA;;;AACA,SAASC,sBAAT,CAAiC;AAAEC,EAAAA,UAAF;AAAcC,EAAAA,YAAd;AAA4B,KAAGC;AAA/B,CAAjC,EAA0E;AACzE,QAAM;AAAEC,IAAAA,KAAK,EAAEC,YAAT;AAAuBC,IAAAA,GAAvB;AAA4BP,IAAAA,IAA5B;AAAkCQ,IAAAA;AAAlC,MAAoDN,UAA1D;AACA,QAAMG,KAAK,GAAGG,aAAa,GAAGD,GAAH,GAASD,YAApC;AACA,QAAMG,OAAO,GAAGD,aAAa,GAAGT,iBAAiB,CAAEC,IAAF,CAApB,GAA+BO,GAA5D;;AAEA,QAAMG,QAAQ,GAAG,MAAMP,YAAY,CAAED,UAAF,CAAnC;;AAEA,QAAMS,cAAc,GAAG,2CACtBC,gBAAWC,SADW,EAEtBD,gBAAWE,YAFW,CAAvB;AAKA,QAAMC,gBAAgB,GAAG,2CACxBH,gBAAWI,SADa,EAExBJ,gBAAWE,YAFa,CAAzB;AAKA,QAAMG,UAAU,GAAG,CAAEN,cAAF,EAAkBO,8BAAiBD,UAAnC,CAAnB;AACA,QAAME,YAAY,GAAG,CAAEJ,gBAAF,EAAoBG,8BAAiBC,YAArC,CAArB;AAEA,SACC,4BAAC,aAAD,6BACMf,KADN;AAEC,IAAA,IAAI,EAAGb,KAAK,CAAES,IAAF,CAAL,IAAiBoB,gBAFzB;AAGC,IAAA,OAAO,EAAGV,QAHX;AAIC,IAAA,aAAa,EAAG,MAJjB;AAKC,IAAA,kBAAkB,EAAGQ,8BAAiBG,kBALvC;AAMC,IAAA,UAAU,EAAGH,8BAAiBI,MAN/B;AAOC,IAAA,UAAU,EAAGJ,8BAAiBI;AAP/B,MASC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ,8BAAiBK;AAA/B,KACC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAGN,UADT;AAEC,IAAA,aAAa,EAAG,CAFjB;AAGC,IAAA,aAAa,EAAG;AAHjB,KAKGZ,KALH,CADD,EAQC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAGc,YADT;AAEC,IAAA,aAAa,EAAG,CAFjB;AAGC,IAAA,aAAa,EAAG;AAHjB,KAKGV,OALH,CARD,CATD,CADD;AA4BA;;eAEcR,sB","sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { globe } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport cellStyles from './styles.scss';\nimport suggestionStyles from './link-suggestion-styles.scss';\nimport { posts, pages, empty, clipboard } from '../gridicons';\n\nconst icons = {\n\tURL: globe,\n\tclipboard,\n\tpost: posts,\n\tpage: pages,\n};\n\nconst getSummaryForType = ( type ) => {\n\tswitch ( type ) {\n\t\tcase 'clipboard':\n\t\t\treturn __( 'From clipboard' );\n\t\tcase 'mailto':\n\t\t\treturn __( 'Add this email link' );\n\t\tcase 'tel':\n\t\t\treturn __( 'Add this telephone link' );\n\t\tdefault:\n\t\t\treturn __( 'Add this link' );\n\t}\n};\n\n// We use some Cell styles here with a column flex-direction.\nfunction LinkSuggestionItemCell( { suggestion, onLinkPicked, ...props } ) {\n\tconst { title: contentTitle, url, type, isDirectEntry } = suggestion;\n\tconst title = isDirectEntry ? url : contentTitle;\n\tconst summary = isDirectEntry ? getSummaryForType( type ) : url;\n\n\tconst pickLink = () => onLinkPicked( suggestion );\n\n\tconst cellTitleStyle = usePreferredColorSchemeStyle(\n\t\tcellStyles.cellLabel,\n\t\tcellStyles.cellTextDark\n\t);\n\n\tconst cellSummaryStyle = usePreferredColorSchemeStyle(\n\t\tcellStyles.cellValue,\n\t\tcellStyles.cellTextDark\n\t);\n\n\tconst titleStyle = [ cellTitleStyle, suggestionStyles.titleStyle ];\n\tconst summaryStyle = [ cellSummaryStyle, suggestionStyles.summaryStyle ];\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...props }\n\t\t\ticon={ icons[ type ] || empty }\n\t\t\tonPress={ pickLink }\n\t\t\tseparatorType={ 'none' }\n\t\t\tcellContainerStyle={ suggestionStyles.itemContainerStyle }\n\t\t\tlabelStyle={ suggestionStyles.hidden }\n\t\t\tvalueStyle={ suggestionStyles.hidden }\n\t\t>\n\t\t\t<View style={ suggestionStyles.containerStyle }>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ titleStyle }\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{ title }\n\t\t\t\t</Text>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ summaryStyle }\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{ summary }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t</Cell>\n\t);\n}\n\nexport default LinkSuggestionItemCell;\n"]}

package/build/mobile/bottom-sheet/lock-icon/index.native.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = LockIcon;
+
+var _element = require("@wordpress/element");
+
+var _icons = require("@wordpress/icons");
+
+var _compose = require("@wordpress/compose");
+
+var _styles = _interopRequireDefault(require("./styles.scss"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function LockIcon() {
+  const iconStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.icon, _styles.default['icon--dark']);
+  return (0, _element.createElement)(_icons.Icon, {
+    icon: _icons.lock,
+    color: iconStyle.color,
+    style: iconStyle
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/lock-icon/index.native.js"],"names":["LockIcon","iconStyle","styles","icon","lock","color"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGe,SAASA,QAAT,GAAoB;AAClC,QAAMC,SAAS,GAAG,2CACjBC,gBAAOC,IADU,EAEjBD,gBAAQ,YAAR,CAFiB,CAAlB;AAKA,SAAO,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGE,WAAb;AAAoB,IAAA,KAAK,EAAGH,SAAS,CAACI,KAAtC;AAA8C,IAAA,KAAK,EAAGJ;AAAtD,IAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon, lock } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nexport default function LockIcon() {\n\tconst iconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.icon,\n\t\tstyles[ 'icon--dark' ]\n\t);\n\n\treturn <Icon icon={ lock } color={ iconStyle.color } style={ iconStyle } />;\n}\n"]}

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

@@ -21,13 +21,12 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
  * Internal dependencies
  */
 // Action button component is used by both Back and Apply Button componenets.
-function ActionButton(_ref) {
-  let {
-    onPress,
-    accessibilityLabel,
-    accessibilityHint,
-    children
-  } = _ref;
+function ActionButton({
+  onPress,
+  accessibilityLabel,
+  accessibilityHint,
+  children
+}) {
   return (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
     onPress: onPress,
     accessibilityRole: 'button',

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/action-button.native.js"],"names":["ActionButton","onPress","accessibilityLabel","accessibilityHint","children","styles"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA;AACA,SAASA,YAAT,OAKI;AAAA,MALmB;AACtBC,IAAAA,OADsB;AAEtBC,IAAAA,kBAFsB;AAGtBC,IAAAA,iBAHsB;AAItBC,IAAAA;AAJsB,GAKnB;AACH,SACC,4BAAC,qCAAD;AACC,IAAA,OAAO,EAAGH,OADX;AAEC,IAAA,iBAAiB,EAAG,QAFrB;AAGC,IAAA,kBAAkB,EAAGC,kBAHtB;AAIC,IAAA,iBAAiB,EAAGC;AAJrB,KAMC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGE,gBAAQ,eAAR;AAAd,KAA4CD,QAA5C,CAND,CADD;AAUA;;eAEcJ,Y","sourcesContent":["/**\n * External dependencies\n */\nimport { View, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\n// Action button component is used by both Back and Apply Button componenets.\nfunction ActionButton( {\n\tonPress,\n\taccessibilityLabel,\n\taccessibilityHint,\n\tchildren,\n} ) {\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\tonPress={ onPress }\n\t\t\taccessibilityRole={ 'button' }\n\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\taccessibilityHint={ accessibilityHint }\n\t\t>\n\t\t\t<View style={ styles[ 'action-button' ] }>{ children }</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default ActionButton;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/action-button.native.js"],"names":["ActionButton","onPress","accessibilityLabel","accessibilityHint","children","styles"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA;AACA,SAASA,YAAT,CAAuB;AACtBC,EAAAA,OADsB;AAEtBC,EAAAA,kBAFsB;AAGtBC,EAAAA,iBAHsB;AAItBC,EAAAA;AAJsB,CAAvB,EAKI;AACH,SACC,4BAAC,qCAAD;AACC,IAAA,OAAO,EAAGH,OADX;AAEC,IAAA,iBAAiB,EAAG,QAFrB;AAGC,IAAA,kBAAkB,EAAGC,kBAHtB;AAIC,IAAA,iBAAiB,EAAGC;AAJrB,KAMC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGE,gBAAQ,eAAR;AAAd,KAA4CD,QAA5C,CAND,CADD;AAUA;;eAEcJ,Y","sourcesContent":["/**\n * External dependencies\n */\nimport { View, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\n// Action button component is used by both Back and Apply Button componenets.\nfunction ActionButton( {\n\tonPress,\n\taccessibilityLabel,\n\taccessibilityHint,\n\tchildren,\n} ) {\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\tonPress={ onPress }\n\t\t\taccessibilityRole={ 'button' }\n\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\taccessibilityHint={ accessibilityHint }\n\t\t>\n\t\t\t<View style={ styles[ 'action-button' ] }>{ children }</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default ActionButton;\n"]}

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

@@ -32,10 +32,9 @@ var _actionButton = _interopRequireDefault(require("./action-button"));
 /**
  * Internal dependencies
  */
-function ApplyButton(_ref) {
-  let {
-    onPress
-  } = _ref;
+function ApplyButton({
+  onPress
+}) {
   const buttonTextStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['button-text'], _styles.default['button-text-dark']);
   const applyButtonStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['apply-button-icon'], _styles.default['apply-button-icon-dark']);
   return (0, _element.createElement)(_reactNative.View, {

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,OAAoC;AAAA,MAAd;AAAEC,IAAAA;AAAF,GAAc;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,"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"]}

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

@@ -34,12 +34,11 @@ var _chevronBack = _interopRequireDefault(require("./../chevron-back"));
 /**
  * Internal dependencies
  */
-function Button(_ref) {
-  let {
-    onPress,
-    icon,
-    text
-  } = _ref;
+function Button({
+  onPress,
+  icon,
+  text
+}) {
   const buttonTextStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['button-text'], _styles.default['button-text-dark']);
   return (0, _element.createElement)(_reactNative.View, {
     style: _styles.default['back-button']
@@ -53,10 +52,9 @@ function Button(_ref) {
   }, text)));
 }
 
-function BackButton(_ref2) {
-  let {
-    onPress
-  } = _ref2;
+function BackButton({
+  onPress
+}) {
   const chevronLeftStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['chevron-left-icon'], _styles.default['chevron-left-icon-dark']);
   const arrowLeftStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['arrow-left-icon'], _styles.default['arrow-left-icon-dark']);
   let backIcon;
@@ -84,11 +82,10 @@ function BackButton(_ref2) {
   });
 }
 
-function DismissButton(_ref3) {
-  let {
-    onPress,
-    iosText
-  } = _ref3;
+function DismissButton({
+  onPress,
+  iosText
+}) {
   const arrowLeftStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['arrow-left-icon'], _styles.default['arrow-left-icon-dark']);
   let backIcon;
   let backText;

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,OAA2C;AAAA,MAA1B;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,IAAX;AAAiBC,IAAAA;AAAjB,GAA0B;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,QAAmC;AAAA,MAAd;AAAEL,IAAAA;AAAF,GAAc;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,QAA+C;AAAA,MAAvB;AAAEd,IAAAA,OAAF;AAAWe,IAAAA;AAAX,GAAuB;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,"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"]}

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

@@ -26,10 +26,9 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
-function Heading(_ref) {
-  let {
-    children
-  } = _ref;
+function Heading({
+  children
+}) {
   const headingStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.heading, _styles.default['heading-dark']);
   return (0, _element.createElement)(_reactNative.Text, {
     accessibilityRole: "header",

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,OAAiC;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;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,"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"]}

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

@@ -26,10 +26,9 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
-function NavBar(_ref) {
-  let {
-    children
-  } = _ref;
+function NavBar({
+  children
+}) {
   return (0, _element.createElement)(_reactNative.View, {
     style: _styles.default['nav-bar']
   }, children);

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,OAAgC;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;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,"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"]}

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = BottomSheetColorCell;
+exports.default = BottomSheetRadioCell;
 
 var _element = require("@wordpress/element");
 
@@ -28,7 +28,7 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
-function BottomSheetColorCell(props) {
+function BottomSheetRadioCell(props) {
   const {
     selected,
     ...cellProps
@@ -43,7 +43,8 @@ function BottomSheetColorCell(props) {
     /* translators: accessibility text (hint for selecting option) */
     (0, _i18n.__)('Double tap to select the option'),
     editable: false,
-    value: ''
+    value: '',
+    showLockIcon: selected
   }), selected && (0, _element.createElement)(_icons.Icon, {
     icon: _icons.check,
     style: selectedIconStyle

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":["BottomSheetColorCell","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,6BACMJ,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;AATT,MAWGA,QAAQ,IACT,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGM,YAAb;AAAqB,IAAA,KAAK,EAAGJ;AAA7B,IAZF,CADD;AAiBA","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 BottomSheetColorCell( 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>\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,"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,6BACMJ,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,MAYGA,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"]}

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

@@ -21,6 +21,8 @@ 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"));
@@ -261,14 +263,16 @@ class BottomSheetRangeCell extends _element.Component {
       editable: false,
       activeOpacity: 1,
       accessible: false,
-      valueStyle: _rangeCell.default.valueStyle
+      valueStyle: _rangeCell.default.valueStyle,
+      disabled: disabled,
+      showLockIcon: false
     }), (0, _element.createElement)(_reactNative.View, {
       style: containerStyle
     }, preview, (0, _element.createElement)(_slider.default, {
       testID: `Slider ${cellProps.label}`,
       value: sliderValue,
       defaultValue: defaultValue,
-      disabled: disabled,
+      disabled: disabled && !isIOS,
       step: step,
       minimumValue: minimumValue,
       maximumValue: maximumValue,
@@ -290,7 +294,7 @@ class BottomSheetRangeCell extends _element.Component {
       max: maximumValue,
       step: step,
       decimalNum: decimalNum
-    }, children)))));
+    }, children), disabled && (0, _element.createElement)(_lockIcon.default, null)))));
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/range-cell.native.js"],"names":["isIOS","Platform","OS","BottomSheetRangeCell","Component","constructor","props","onSliderChange","bind","onCompleteSliderChange","onTextInputChange","a11yIncrementValue","a11yDecrementValue","a11yUpdateValue","value","defaultValue","minimumValue","initialValue","Number","state","inputValue","sliderValue","componentWillUnmount","clearTimeout","timeoutAnnounceValue","decimalNum","onChange","setState","nextValue","onComplete","step","maximumValue","newValue","undefined","announceValue","label","unitLabel","setTimeout","AccessibilityInfo","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","getAccessibilityLabel","containerStyle","styles","container","containerIOS","containerAndroid","name","event","nativeEvent","actionName","cellContainerStyles","valueStyle","slider","sliderRef","sliderIOS","sliderAndroid"],"mappings":";;;;;;;;;AAUA;;;;AAPA;;AACA;;AAKA;;AAEA;;AAKA;;AACA;;AACA;;AACA;;AAnBA;AACA;AACA;;AAIA;AACA;AACA;;AAKA;AACA;AACA;AAMA,MAAMA,KAAK,GAAGC,sBAASC,EAAT,KAAgB,KAA9B;;AAEA,MAAMC,oBAAN,SAAmCC,kBAAnC,CAA6C;AAC5CC,EAAAA,WAAW,CAAEC,KAAF,EAAU;AACpB,UAAOA,KAAP;AACA,SAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBC,IAApB,CAA0B,IAA1B,CAAtB;AACA,SAAKC,sBAAL,GAA8B,KAAKA,sBAAL,CAA4BD,IAA5B,CAAkC,IAAlC,CAA9B;AACA,SAAKE,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBF,IAAvB,CAA6B,IAA7B,CAAzB;AACA,SAAKG,kBAAL,GAA0B,KAAKA,kBAAL,CAAwBH,IAAxB,CAA8B,IAA9B,CAA1B;AACA,SAAKI,kBAAL,GAA0B,KAAKA,kBAAL,CAAwBJ,IAAxB,CAA8B,IAA9B,CAA1B;AACA,SAAKK,eAAL,GAAuB,KAAKA,eAAL,CAAqBL,IAArB,CAA2B,IAA3B,CAAvB;AAEA,UAAM;AAAEM,MAAAA,KAAF;AAASC,MAAAA,YAAT;AAAuBC,MAAAA;AAAvB,QAAwCV,KAA9C;AACA,UAAMW,YAAY,GAAGC,MAAM,CAAEJ,KAAK,IAAIC,YAAT,IAAyBC,YAA3B,CAA3B;AAEA,SAAKG,KAAL,GAAa;AACZC,MAAAA,UAAU,EAAEH,YADA;AAEZI,MAAAA,WAAW,EAAEJ;AAFD,KAAb;AAIA;;AAEDK,EAAAA,oBAAoB,GAAG;AACtBC,IAAAA,YAAY,CAAE,KAAKC,oBAAP,CAAZ;AACA;;AAEDjB,EAAAA,cAAc,CAAEU,YAAF,EAAiB;AAC9B,UAAM;AAAEQ,MAAAA,UAAF;AAAcC,MAAAA;AAAd,QAA2B,KAAKpB,KAAtC;AACAW,IAAAA,YAAY,GAAG,oBAASA,YAAT,EAAuBQ,UAAvB,CAAf;AACA,SAAKE,QAAL,CAAe;AAAEP,MAAAA,UAAU,EAAEH;AAAd,KAAf;AACAS,IAAAA,QAAQ,CAAET,YAAF,CAAR;AACA;;AAEDP,EAAAA,iBAAiB,CAAEkB,SAAF,EAAc;AAC9B,UAAM;AAAEF,MAAAA,QAAF;AAAYG,MAAAA;AAAZ,QAA2B,KAAKvB,KAAtC;AACA,SAAKqB,QAAL,CAAe;AACdN,MAAAA,WAAW,EAAEO;AADC,KAAf;AAGAF,IAAAA,QAAQ,CAAEE,SAAF,CAAR;;AACA,QAAKC,UAAL,EAAkB;AACjBA,MAAAA,UAAU,CAAED,SAAF,CAAV;AACA;AACD;;AAEDnB,EAAAA,sBAAsB,CAAEmB,SAAF,EAAc;AACnC,UAAM;AAAEH,MAAAA,UAAF;AAAcI,MAAAA;AAAd,QAA6B,KAAKvB,KAAxC;AACAsB,IAAAA,SAAS,GAAG,oBAASA,SAAT,EAAoBH,UAApB,CAAZ;;AACA,QAAKI,UAAL,EAAkB;AACjBA,MAAAA,UAAU,CAAED,SAAF,CAAV;AACA;AACD;AAED;AACD;AACA;AACA;;;AACCjB,EAAAA,kBAAkB,GAAG;AACpB,UAAM;AAAEmB,MAAAA,IAAI,GAAG,CAAT;AAAYC,MAAAA,YAAZ;AAA0BN,MAAAA;AAA1B,QAAyC,KAAKnB,KAApD;AACA,UAAM;AAAEc,MAAAA;AAAF,QAAiB,KAAKD,KAA5B;AAEA,UAAMa,QAAQ,GAAG,oBAASZ,UAAU,GAAGU,IAAtB,EAA4BL,UAA5B,CAAjB;;AAEA,QAAKO,QAAQ,IAAID,YAAZ,IAA4BA,YAAY,KAAKE,SAAlD,EAA8D;AAC7D,WAAKpB,eAAL,CAAsBmB,QAAtB;AACA;AACD;AAED;AACD;AACA;AACA;;;AACCpB,EAAAA,kBAAkB,GAAG;AACpB,UAAM;AAAEkB,MAAAA,IAAI,GAAG,CAAT;AAAYd,MAAAA,YAAZ;AAA0BS,MAAAA;AAA1B,QAAyC,KAAKnB,KAApD;AACA,UAAM;AAAEe,MAAAA;AAAF,QAAkB,KAAKF,KAA7B;AAEA,UAAMa,QAAQ,GAAG,oBAASX,WAAW,GAAGS,IAAvB,EAA6BL,UAA7B,CAAjB;;AAEA,QAAKO,QAAQ,IAAIhB,YAAjB,EAAgC;AAC/B,WAAKH,eAAL,CAAsBmB,QAAtB;AACA;AACD;;AAEDnB,EAAAA,eAAe,CAAEmB,QAAF,EAAa;AAC3B,UAAM;AAAEN,MAAAA,QAAF;AAAYG,MAAAA;AAAZ,QAA2B,KAAKvB,KAAtC;AACA,SAAKqB,QAAL,CAAe;AACdN,MAAAA,WAAW,EAAEW,QADC;AAEdZ,MAAAA,UAAU,EAAEY;AAFE,KAAf;AAIAN,IAAAA,QAAQ,CAAEM,QAAF,CAAR;;AACA,QAAKH,UAAL,EAAkB;AACjBA,MAAAA,UAAU,CAAEG,QAAF,CAAV;AACA;;AACD,SAAKE,aAAL,CAAoBF,QAApB;AACA;AAED;AACD;AACA;;;AACCE,EAAAA,aAAa,CAAEpB,KAAF,EAAU;AACtB,UAAM;AAAEqB,MAAAA,KAAF;AAASC,MAAAA,SAAS,GAAG;AAArB,QAA4B,KAAK9B,KAAvC;;AAEA,QAAKN,KAAL,EAAa;AACZ;AACA;AACAuB,MAAAA,YAAY,CAAE,KAAKC,oBAAP,CAAZ;AACA,WAAKA,oBAAL,GAA4Ba,UAAU,CAAE,MAAM;AAC7CC,uCAAkBC,wBAAlB,CACE,GAAGzB,KAAO,IAAIsB,SAAW,MAAMD,KAAO,EADxC;AAGA,OAJqC,EAInC,GAJmC,CAAtC;AAKA;AACD;;AAEDK,EAAAA,MAAM,GAAG;AACR,UAAM;AACL1B,MAAAA,KADK;AAELC,MAAAA,YAFK;AAGLC,MAAAA,YAAY,GAAG,CAHV;AAILe,MAAAA,YAAY,GAAG,EAJV;AAKLU,MAAAA,QALK;AAMLX,MAAAA,IAAI,GAAG,CANF;AAOLY,MAAAA,oBAPK;AAQLC,MAAAA,qBAAqB,GAAGD,oBAAoB,KAAK,OAAzB,GACrB,SADqB,GAErB,SAVE;AAWLE,MAAAA,qBAAqB,GAAG5C,KAAK,GAAG,SAAH,GAAe,SAXvC;AAYL6C,MAAAA,cAAc,GAAG,CAAE7C,KAAF,IAAW,SAZvB;AAaL8C,MAAAA,OAbK;AAcLC,MAAAA,kBAdK;AAeLC,MAAAA,sBAAsB,GAAG,IAfpB;AAgBLZ,MAAAA,SAAS,GAAG,EAhBP;AAiBLa,MAAAA,YAAY,GAAG,OAjBV;AAkBLC,MAAAA,cAlBK;AAmBLC,MAAAA,QAnBK;AAoBL1B,MAAAA,UApBK;AAqBL,SAAG2B;AArBE,QAsBF,KAAK9C,KAtBT;AAwBA,UAAM;AAAEc,MAAAA,UAAF;AAAcC,MAAAA;AAAd,QAA8B,KAAKF,KAAzC;;AAEA,UAAMkC,oBAAoB,GAAG,MAAM;AAClC,aAAOH,cAAc,GAAG,cAAI,2BAAJ,CAAH,GAAuC,EAA5D;AACA,KAFD;;AAIA,UAAMI,qBAAqB,GAAG,MAAM;AACnC,aAAO;AACN;AACA,oBAAI,0BAAJ,CAFM,EAGNF,SAAS,CAACjB,KAHJ,EAINc,YAJM,EAKN,oBAASnC,KAAT,EAAgBW,UAAhB,CALM,EAMNW,SANM,CAAP;AAQA,KATD;;AAWA,UAAMmB,cAAc,GAAG,CACtBC,mBAAOC,SADe,EAEtBzD,KAAK,GAAGwD,mBAAOE,YAAV,GAAyBF,mBAAOG,gBAFf,CAAvB;AAKA,WACC,4BAAC,iBAAD;AACC,MAAA,UAAU,EAAG,IADd;AAEC,MAAA,iBAAiB,EAAC,YAFnB;AAGC,MAAA,oBAAoB,EAAG,CACtB;AAAEC,QAAAA,IAAI,EAAE;AAAR,OADsB,EAEtB;AAAEA,QAAAA,IAAI,EAAE;AAAR,OAFsB,EAGtB;AAAEA,QAAAA,IAAI,EAAE;AAAR,OAHsB,CAHxB;AAQC,MAAA,qBAAqB,EAAKC,KAAF,IAAa;AACpC,gBAASA,KAAK,CAACC,WAAN,CAAkBC,UAA3B;AACC,eAAK,WAAL;AACC,iBAAKpD,kBAAL;AACA;;AACD,eAAK,WAAL;AACC,iBAAKC,kBAAL;AACA;;AACD,eAAK,UAAL;AACC,gBAAKsC,cAAL,EAAsB;AACrBA,cAAAA,cAAc;AACd;;AACD;AAXF;AAaA,OAtBF;AAuBC,MAAA,kBAAkB,EAAGI,qBAAqB,EAvB3C;AAwBC,MAAA,iBAAiB,EAAGD,oBAAoB;AAxBzC,OA0BC,4BAAC,iBAAD;AAAM,MAAA,yBAAyB,EAAC;AAAhC,OACC,4BAAC,aAAD,6BACMD,SADN;AAEC,MAAA,kBAAkB,EAAG,CACpBI,mBAAOQ,mBADa,EAEpBjB,kBAFoB,CAFtB;AAMC,MAAA,qBAAqB,EAAGQ,cANzB;AAOC,MAAA,SAAS,MAPV;AAQC,MAAA,QAAQ,EAAG,KARZ;AASC,MAAA,aAAa,EAAG,CATjB;AAUC,MAAA,UAAU,EAAG,KAVd;AAWC,MAAA,UAAU,EAAGC,mBAAOS;AAXrB,QAaC,4BAAC,iBAAD;AAAM,MAAA,KAAK,EAAGV;AAAd,OACGT,OADH,EAEC,4BAAC,eAAD;AACC,MAAA,MAAM,EAAI,UAAUM,SAAS,CAACjB,KAAO,EADtC;AAEC,MAAA,KAAK,EAAGd,WAFT;AAGC,MAAA,YAAY,EAAGN,YAHhB;AAIC,MAAA,QAAQ,EAAG0B,QAJZ;AAKC,MAAA,IAAI,EAAGX,IALR;AAMC,MAAA,YAAY,EAAGd,YANhB;AAOC,MAAA,YAAY,EAAGe,YAPhB;AAQC,MAAA,qBAAqB,EAAGY,qBARzB;AASC,MAAA,qBAAqB,EAAGC,qBATzB;AAUC,MAAA,cAAc,EAAGC,cAVlB;AAWC,MAAA,aAAa,EAAG,KAAKtC,cAXtB;AAYC,MAAA,iBAAiB,EAChB,KAAKE,sBAbP;AAeC,MAAA,GAAG,EAAKyD,MAAF,IAAc;AACnB,aAAKC,SAAL,GAAiBD,MAAjB;AACA,OAjBF;AAkBC,MAAA,KAAK,EACJlE,KAAK,GACFwD,mBAAOY,SADL,GAEFZ,mBAAOa;AArBZ,MAFD,EA0BGrB,sBAAsB,IACvB,4BAAC,uBAAD;AACC,MAAA,KAAK,EAAGI,SAAS,CAACjB,KADnB;AAEC,MAAA,QAAQ,EAAG,KAAKzB,iBAFjB;AAGC,MAAA,YAAY,EAAI,GAAGU,UAAY,EAHhC;AAIC,MAAA,KAAK,EAAGA,UAJT;AAKC,MAAA,GAAG,EAAGJ,YALP;AAMC,MAAA,GAAG,EAAGe,YANP;AAOC,MAAA,IAAI,EAAGD,IAPR;AAQC,MAAA,UAAU,EAAGL;AARd,OAUG0B,QAVH,CA3BF,CAbD,CADD,CA1BD,CADD;AAsFA;;AAnP2C;;eAsP9B,uCAA0BhD,oBAA1B,C","sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, AccessibilityInfo, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './range-cell.scss';\nimport RangeTextInput from './range-text-input';\nimport { toFixed } from '../utils';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetRangeCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onSliderChange = this.onSliderChange.bind( this );\n\t\tthis.onCompleteSliderChange = this.onCompleteSliderChange.bind( this );\n\t\tthis.onTextInputChange = this.onTextInputChange.bind( this );\n\t\tthis.a11yIncrementValue = this.a11yIncrementValue.bind( this );\n\t\tthis.a11yDecrementValue = this.a11yDecrementValue.bind( this );\n\t\tthis.a11yUpdateValue = this.a11yUpdateValue.bind( this );\n\n\t\tconst { value, defaultValue, minimumValue } = props;\n\t\tconst initialValue = Number( value || defaultValue || minimumValue );\n\n\t\tthis.state = {\n\t\t\tinputValue: initialValue,\n\t\t\tsliderValue: initialValue,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tonSliderChange( initialValue ) {\n\t\tconst { decimalNum, onChange } = this.props;\n\t\tinitialValue = toFixed( initialValue, decimalNum );\n\t\tthis.setState( { inputValue: initialValue } );\n\t\tonChange( initialValue );\n\t}\n\n\tonTextInputChange( nextValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: nextValue,\n\t\t} );\n\t\tonChange( nextValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\tonCompleteSliderChange( nextValue ) {\n\t\tconst { decimalNum, onComplete } = this.props;\n\t\tnextValue = toFixed( nextValue, decimalNum );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Increments the\n\t * value of this setting programmatically.\n\t */\n\ta11yIncrementValue() {\n\t\tconst { step = 5, maximumValue, decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tconst newValue = toFixed( inputValue + step, decimalNum );\n\n\t\tif ( newValue <= maximumValue || maximumValue === undefined ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Decrements the\n\t * value of this setting programmatically.\n\t */\n\ta11yDecrementValue() {\n\t\tconst { step = 5, minimumValue, decimalNum } = this.props;\n\t\tconst { sliderValue } = this.state;\n\n\t\tconst newValue = toFixed( sliderValue - step, decimalNum );\n\n\t\tif ( newValue >= minimumValue ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\ta11yUpdateValue( newValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: newValue,\n\t\t\tinputValue: newValue,\n\t\t} );\n\t\tonChange( newValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( newValue );\n\t\t}\n\t\tthis.announceValue( newValue );\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack.\n\t */\n\tannounceValue( value ) {\n\t\tconst { label, unitLabel = '' } = this.props;\n\n\t\tif ( isIOS ) {\n\t\t\t// On Android it triggers the accessibilityLabel with the value change, but\n\t\t\t// on iOS we need to do this manually.\n\t\t\tclearTimeout( this.timeoutAnnounceValue );\n\t\t\tthis.timeoutAnnounceValue = setTimeout( () => {\n\t\t\t\tAccessibilityInfo.announceForAccessibility(\n\t\t\t\t\t`${ value } ${ unitLabel },  ${ label }`\n\t\t\t\t);\n\t\t\t}, 300 );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\tminimumValue = 0,\n\t\t\tmaximumValue = 10,\n\t\t\tdisabled,\n\t\t\tstep = 1,\n\t\t\tpreferredColorScheme,\n\t\t\tminimumTrackTintColor = preferredColorScheme === 'light'\n\t\t\t\t? '#00669b'\n\t\t\t\t: '#5198d9',\n\t\t\tmaximumTrackTintColor = isIOS ? '#e9eff3' : '#909090',\n\t\t\tthumbTintColor = ! isIOS && '#00669b',\n\t\t\tpreview,\n\t\t\tcellContainerStyle,\n\t\t\tshouldDisplayTextInput = true,\n\t\t\tunitLabel = '',\n\t\t\tsettingLabel = 'Value',\n\t\t\topenUnitPicker,\n\t\t\tchildren,\n\t\t\tdecimalNum,\n\t\t\t...cellProps\n\t\t} = this.props;\n\n\t\tconst { inputValue, sliderValue } = this.state;\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\treturn sprintf(\n\t\t\t\t/* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */\n\t\t\t\t__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\t\tcellProps.label,\n\t\t\t\tsettingLabel,\n\t\t\t\ttoFixed( value, decimalNum ),\n\t\t\t\tunitLabel\n\t\t\t);\n\t\t};\n\n\t\tconst containerStyle = [\n\t\t\tstyles.container,\n\t\t\tisIOS ? styles.containerIOS : styles.containerAndroid,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityActions={ [\n\t\t\t\t\t{ name: 'increment' },\n\t\t\t\t\t{ name: 'decrement' },\n\t\t\t\t\t{ name: 'activate' },\n\t\t\t\t] }\n\t\t\t\tonAccessibilityAction={ ( event ) => {\n\t\t\t\t\tswitch ( event.nativeEvent.actionName ) {\n\t\t\t\t\t\tcase 'increment':\n\t\t\t\t\t\t\tthis.a11yIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.a11yDecrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'activate':\n\t\t\t\t\t\t\tif ( openUnitPicker ) {\n\t\t\t\t\t\t\t\topenUnitPicker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\n\t\t\t>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\t{ ...cellProps }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyles,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={ containerStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\tactiveOpacity={ 1 }\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tvalueStyle={ styles.valueStyle }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Slider\n\t\t\t\t\t\t\t\ttestID={ `Slider ${ cellProps.label }` }\n\t\t\t\t\t\t\t\tvalue={ sliderValue }\n\t\t\t\t\t\t\t\tdefaultValue={ defaultValue }\n\t\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\tminimumValue={ minimumValue }\n\t\t\t\t\t\t\t\tmaximumValue={ maximumValue }\n\t\t\t\t\t\t\t\tminimumTrackTintColor={ minimumTrackTintColor }\n\t\t\t\t\t\t\t\tmaximumTrackTintColor={ maximumTrackTintColor }\n\t\t\t\t\t\t\t\tthumbTintColor={ thumbTintColor }\n\t\t\t\t\t\t\t\tonValueChange={ this.onSliderChange }\n\t\t\t\t\t\t\t\tonSlidingComplete={\n\t\t\t\t\t\t\t\t\tthis.onCompleteSliderChange\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tref={ ( slider ) => {\n\t\t\t\t\t\t\t\t\tthis.sliderRef = slider;\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tisIOS\n\t\t\t\t\t\t\t\t\t\t? styles.sliderIOS\n\t\t\t\t\t\t\t\t\t\t: styles.sliderAndroid\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\tlabel={ cellProps.label }\n\t\t\t\t\t\t\t\t\tonChange={ this.onTextInputChange }\n\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\tvalue={ inputValue }\n\t\t\t\t\t\t\t\t\tmin={ minimumValue }\n\t\t\t\t\t\t\t\t\tmax={ maximumValue }\n\t\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Cell>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetRangeCell );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/range-cell.native.js"],"names":["isIOS","Platform","OS","BottomSheetRangeCell","Component","constructor","props","onSliderChange","bind","onCompleteSliderChange","onTextInputChange","a11yIncrementValue","a11yDecrementValue","a11yUpdateValue","value","defaultValue","minimumValue","initialValue","Number","state","inputValue","sliderValue","componentWillUnmount","clearTimeout","timeoutAnnounceValue","decimalNum","onChange","setState","nextValue","onComplete","step","maximumValue","newValue","undefined","announceValue","label","unitLabel","setTimeout","AccessibilityInfo","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","getAccessibilityLabel","containerStyle","styles","container","containerIOS","containerAndroid","name","event","nativeEvent","actionName","cellContainerStyles","valueStyle","slider","sliderRef","sliderIOS","sliderAndroid"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, AccessibilityInfo, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport LockIcon from './lock-icon';\nimport styles from './range-cell.scss';\nimport RangeTextInput from './range-text-input';\nimport { toFixed } from '../utils';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetRangeCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onSliderChange = this.onSliderChange.bind( this );\n\t\tthis.onCompleteSliderChange = this.onCompleteSliderChange.bind( this );\n\t\tthis.onTextInputChange = this.onTextInputChange.bind( this );\n\t\tthis.a11yIncrementValue = this.a11yIncrementValue.bind( this );\n\t\tthis.a11yDecrementValue = this.a11yDecrementValue.bind( this );\n\t\tthis.a11yUpdateValue = this.a11yUpdateValue.bind( this );\n\n\t\tconst { value, defaultValue, minimumValue } = props;\n\t\tconst initialValue = Number( value || defaultValue || minimumValue );\n\n\t\tthis.state = {\n\t\t\tinputValue: initialValue,\n\t\t\tsliderValue: initialValue,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tonSliderChange( initialValue ) {\n\t\tconst { decimalNum, onChange } = this.props;\n\t\tinitialValue = toFixed( initialValue, decimalNum );\n\t\tthis.setState( { inputValue: initialValue } );\n\t\tonChange( initialValue );\n\t}\n\n\tonTextInputChange( nextValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: nextValue,\n\t\t} );\n\t\tonChange( nextValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\tonCompleteSliderChange( nextValue ) {\n\t\tconst { decimalNum, onComplete } = this.props;\n\t\tnextValue = toFixed( nextValue, decimalNum );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Increments the\n\t * value of this setting programmatically.\n\t */\n\ta11yIncrementValue() {\n\t\tconst { step = 5, maximumValue, decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tconst newValue = toFixed( inputValue + step, decimalNum );\n\n\t\tif ( newValue <= maximumValue || maximumValue === undefined ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Decrements the\n\t * value of this setting programmatically.\n\t */\n\ta11yDecrementValue() {\n\t\tconst { step = 5, minimumValue, decimalNum } = this.props;\n\t\tconst { sliderValue } = this.state;\n\n\t\tconst newValue = toFixed( sliderValue - step, decimalNum );\n\n\t\tif ( newValue >= minimumValue ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\ta11yUpdateValue( newValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: newValue,\n\t\t\tinputValue: newValue,\n\t\t} );\n\t\tonChange( newValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( newValue );\n\t\t}\n\t\tthis.announceValue( newValue );\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack.\n\t */\n\tannounceValue( value ) {\n\t\tconst { label, unitLabel = '' } = this.props;\n\n\t\tif ( isIOS ) {\n\t\t\t// On Android it triggers the accessibilityLabel with the value change, but\n\t\t\t// on iOS we need to do this manually.\n\t\t\tclearTimeout( this.timeoutAnnounceValue );\n\t\t\tthis.timeoutAnnounceValue = setTimeout( () => {\n\t\t\t\tAccessibilityInfo.announceForAccessibility(\n\t\t\t\t\t`${ value } ${ unitLabel },  ${ label }`\n\t\t\t\t);\n\t\t\t}, 300 );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\tminimumValue = 0,\n\t\t\tmaximumValue = 10,\n\t\t\tdisabled,\n\t\t\tstep = 1,\n\t\t\tpreferredColorScheme,\n\t\t\tminimumTrackTintColor = preferredColorScheme === 'light'\n\t\t\t\t? '#00669b'\n\t\t\t\t: '#5198d9',\n\t\t\tmaximumTrackTintColor = isIOS ? '#e9eff3' : '#909090',\n\t\t\tthumbTintColor = ! isIOS && '#00669b',\n\t\t\tpreview,\n\t\t\tcellContainerStyle,\n\t\t\tshouldDisplayTextInput = true,\n\t\t\tunitLabel = '',\n\t\t\tsettingLabel = 'Value',\n\t\t\topenUnitPicker,\n\t\t\tchildren,\n\t\t\tdecimalNum,\n\t\t\t...cellProps\n\t\t} = this.props;\n\n\t\tconst { inputValue, sliderValue } = this.state;\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\treturn sprintf(\n\t\t\t\t/* translators: accessibility text. Inform about current value. %1$s: Control label %2$s: setting label (example: width), %3$s: Current value. %4$s: value measurement unit (example: pixels) */\n\t\t\t\t__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\t\tcellProps.label,\n\t\t\t\tsettingLabel,\n\t\t\t\ttoFixed( value, decimalNum ),\n\t\t\t\tunitLabel\n\t\t\t);\n\t\t};\n\n\t\tconst containerStyle = [\n\t\t\tstyles.container,\n\t\t\tisIOS ? styles.containerIOS : styles.containerAndroid,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityActions={ [\n\t\t\t\t\t{ name: 'increment' },\n\t\t\t\t\t{ name: 'decrement' },\n\t\t\t\t\t{ name: 'activate' },\n\t\t\t\t] }\n\t\t\t\tonAccessibilityAction={ ( event ) => {\n\t\t\t\t\tswitch ( event.nativeEvent.actionName ) {\n\t\t\t\t\t\tcase 'increment':\n\t\t\t\t\t\t\tthis.a11yIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.a11yDecrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'activate':\n\t\t\t\t\t\t\tif ( openUnitPicker ) {\n\t\t\t\t\t\t\t\topenUnitPicker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\n\t\t\t>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\t{ ...cellProps }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyles,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={ containerStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\tactiveOpacity={ 1 }\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tvalueStyle={ styles.valueStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tshowLockIcon={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Slider\n\t\t\t\t\t\t\t\ttestID={ `Slider ${ cellProps.label }` }\n\t\t\t\t\t\t\t\tvalue={ sliderValue }\n\t\t\t\t\t\t\t\tdefaultValue={ defaultValue }\n\t\t\t\t\t\t\t\tdisabled={ disabled && ! isIOS }\n\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\tminimumValue={ minimumValue }\n\t\t\t\t\t\t\t\tmaximumValue={ maximumValue }\n\t\t\t\t\t\t\t\tminimumTrackTintColor={ minimumTrackTintColor }\n\t\t\t\t\t\t\t\tmaximumTrackTintColor={ maximumTrackTintColor }\n\t\t\t\t\t\t\t\tthumbTintColor={ thumbTintColor }\n\t\t\t\t\t\t\t\tonValueChange={ this.onSliderChange }\n\t\t\t\t\t\t\t\tonSlidingComplete={\n\t\t\t\t\t\t\t\t\tthis.onCompleteSliderChange\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tref={ ( slider ) => {\n\t\t\t\t\t\t\t\t\tthis.sliderRef = slider;\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tisIOS\n\t\t\t\t\t\t\t\t\t\t? styles.sliderIOS\n\t\t\t\t\t\t\t\t\t\t: styles.sliderAndroid\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\tlabel={ cellProps.label }\n\t\t\t\t\t\t\t\t\tonChange={ this.onTextInputChange }\n\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\tvalue={ inputValue }\n\t\t\t\t\t\t\t\t\tmin={ minimumValue }\n\t\t\t\t\t\t\t\t\tmax={ maximumValue }\n\t\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ disabled && <LockIcon /> }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Cell>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetRangeCell );\n"]}

package/build/mobile/bottom-sheet/range-text-input.native.js

@@ -168,12 +168,11 @@ class RangeTextInput extends _element.Component {
     this.updateValue(value);
   }
 
-  onSubmitEditing(_ref) {
-    let {
-      nativeEvent: {
-        text
-      }
-    } = _ref;
+  onSubmitEditing({
+    nativeEvent: {
+      text
+    }
+  }) {
     const {
       decimalNum
     } = this.props;

package/build/mobile/bottom-sheet/range-text-input.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/range-text-input.native.js"],"names":["isIOS","Platform","OS","RangeTextInput","Component","constructor","props","announceCurrentValue","bind","onInputFocus","onInputBlur","handleChangePixelRatio","onSubmitEditing","onChangeText","value","defaultValue","min","decimalNum","initialValue","fontScale","getFontScale","state","inputValue","controlValue","hasFocus","componentDidMount","appStateChangeSubscription","AppState","addEventListener","componentWillUnmount","remove","clearTimeout","timeoutAnnounceValue","componentDidUpdate","prevProps","prevState","setState","validValue","validateInput","_valueTextInput","focus","PixelRatio","nextAppState","text","max","result","Math","updateValue","onChange","textValue","replace","nativeEvent","isNaN","Number","announcement","AccessibilityInfo","announceForAccessibility","render","getStylesFromColorScheme","children","label","textInputStyle","styles","textInput","textInputDark","textInputIOSStyle","textInputIOS","textInputIOSDark","inputBorderStyles","borderStyles","borderStyle","isSelected","valueFinalStyle","select","android","ios","width","borderRightWidth","textInputContainer","c","toString"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tAccessibilityInfo,\n\tView,\n\tTextInput,\n\tPixelRatio,\n\tAppState,\n\tPlatform,\n\tText,\n\tTouchableWithoutFeedback,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { toFixed, removeNonDigit } from '../utils';\nimport styles from './styles.scss';\nimport borderStyles from './borderStyles.scss';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass RangeTextInput extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.announceCurrentValue = this.announceCurrentValue.bind( this );\n\t\tthis.onInputFocus = this.onInputFocus.bind( this );\n\t\tthis.onInputBlur = this.onInputBlur.bind( this );\n\t\tthis.handleChangePixelRatio = this.handleChangePixelRatio.bind( this );\n\t\tthis.onSubmitEditing = this.onSubmitEditing.bind( this );\n\t\tthis.onChangeText = this.onChangeText.bind( this );\n\n\t\tconst { value, defaultValue, min, decimalNum } = props;\n\t\tconst initialValue = toFixed(\n\t\t\tvalue || defaultValue || min,\n\t\t\tdecimalNum\n\t\t);\n\n\t\tconst fontScale = this.getFontScale();\n\n\t\tthis.state = {\n\t\t\tfontScale,\n\t\t\tinputValue: initialValue,\n\t\t\tcontrolValue: initialValue,\n\t\t\thasFocus: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.appStateChangeSubscription = AppState.addEventListener(\n\t\t\t'change',\n\t\t\tthis.handleChangePixelRatio\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.appStateChangeSubscription.remove();\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tconst { value } = this.props;\n\t\tconst { hasFocus, inputValue } = this.state;\n\n\t\tif ( prevProps.value !== value ) {\n\t\t\tthis.setState( { inputValue: value } );\n\t\t}\n\n\t\tif ( prevState.hasFocus !== hasFocus ) {\n\t\t\tconst validValue = this.validateInput( inputValue );\n\t\t\tthis.setState( { inputValue: validValue } );\n\t\t}\n\n\t\tif ( ! prevState.hasFocus && hasFocus ) {\n\t\t\tthis._valueTextInput.focus();\n\t\t}\n\t}\n\n\tgetFontScale() {\n\t\treturn PixelRatio.getFontScale() < 1 ? 1 : PixelRatio.getFontScale();\n\t}\n\n\thandleChangePixelRatio( nextAppState ) {\n\t\tif ( nextAppState === 'active' ) {\n\t\t\tthis.setState( { fontScale: this.getFontScale() } );\n\t\t}\n\t}\n\n\tonInputFocus() {\n\t\tthis.setState( {\n\t\t\thasFocus: true,\n\t\t} );\n\t}\n\n\tonInputBlur() {\n\t\tconst { inputValue } = this.state;\n\t\tthis.onChangeText( `${ inputValue }` );\n\t\tthis.setState( {\n\t\t\thasFocus: false,\n\t\t} );\n\t}\n\n\tvalidateInput( text ) {\n\t\tconst { min, max, decimalNum } = this.props;\n\t\tlet result = min;\n\t\tif ( ! text ) {\n\t\t\treturn min;\n\t\t}\n\n\t\tif ( typeof text === 'number' ) {\n\t\t\tresult = Math.max( text, min );\n\t\t\treturn max ? Math.min( result, max ) : result;\n\t\t}\n\n\t\tresult = Math.max( removeNonDigit( text, decimalNum ), min );\n\t\treturn max ? Math.min( result, max ) : result;\n\t}\n\n\tupdateValue( value ) {\n\t\tconst { onChange } = this.props;\n\t\tconst validValue = this.validateInput( value );\n\n\t\tthis.announceCurrentValue( `${ validValue }` );\n\n\t\tonChange( validValue );\n\t}\n\n\tonChangeText( textValue ) {\n\t\tconst { decimalNum } = this.props;\n\t\tconst inputValue = removeNonDigit( textValue, decimalNum );\n\n\t\ttextValue = inputValue.replace( ',', '.' );\n\t\ttextValue = toFixed( textValue, decimalNum );\n\t\tconst value = this.validateInput( textValue );\n\t\tthis.setState( {\n\t\t\tinputValue,\n\t\t\tcontrolValue: value,\n\t\t} );\n\t\tthis.updateValue( value );\n\t}\n\n\tonSubmitEditing( { nativeEvent: { text } } ) {\n\t\tconst { decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tif ( ! isNaN( Number( text ) ) ) {\n\t\t\ttext = toFixed( text.replace( ',', '.' ), decimalNum );\n\t\t\tconst validValue = this.validateInput( text );\n\n\t\t\tif ( inputValue !== validValue ) {\n\t\t\t\tthis.setState( { inputValue: validValue } );\n\t\t\t\tthis.announceCurrentValue( `${ validValue }` );\n\t\t\t\tthis.props.onChange( validValue );\n\t\t\t}\n\t\t}\n\t}\n\n\tannounceCurrentValue( value ) {\n\t\t/* translators: %s: current cell value. */\n\t\tconst announcement = sprintf( __( 'Current value is %s' ), value );\n\t\tAccessibilityInfo.announceForAccessibility( announcement );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, children, label } = this.props;\n\t\tconst { fontScale, inputValue, hasFocus } = this.state;\n\n\t\tconst textInputStyle = getStylesFromColorScheme(\n\t\t\tstyles.textInput,\n\t\t\tstyles.textInputDark\n\t\t);\n\n\t\tconst textInputIOSStyle = getStylesFromColorScheme(\n\t\t\tstyles.textInputIOS,\n\t\t\tstyles.textInputIOSDark\n\t\t);\n\n\t\tconst inputBorderStyles = [\n\t\t\ttextInputStyle,\n\t\t\tborderStyles.borderStyle,\n\t\t\thasFocus && borderStyles.isSelected,\n\t\t];\n\n\t\tconst valueFinalStyle = [\n\t\t\tPlatform.select( {\n\t\t\t\tandroid: inputBorderStyles,\n\t\t\t\tios: textInputIOSStyle,\n\t\t\t} ),\n\t\t\t{\n\t\t\t\twidth: 50 * fontScale,\n\t\t\t\tborderRightWidth: children ? 1 : 0,\n\t\t\t},\n\t\t];\n\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ this.onInputFocus }\n\t\t\t\taccessible={ false }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.textInputContainer,\n\t\t\t\t\t\tisIOS && inputBorderStyles,\n\t\t\t\t\t] }\n\t\t\t\t\taccessible={ false }\n\t\t\t\t>\n\t\t\t\t\t{ isIOS || hasFocus ? (\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\taccessibilityLabel={ label }\n\t\t\t\t\t\t\tref={ ( c ) => ( this._valueTextInput = c ) }\n\t\t\t\t\t\t\tstyle={ valueFinalStyle }\n\t\t\t\t\t\t\tonChangeText={ this.onChangeText }\n\t\t\t\t\t\t\tonSubmitEditing={ this.onSubmitEditing }\n\t\t\t\t\t\t\tonFocus={ this.onInputFocus }\n\t\t\t\t\t\t\tonBlur={ this.onInputBlur }\n\t\t\t\t\t\t\tkeyboardType=\"numeric\"\n\t\t\t\t\t\t\treturnKeyType=\"done\"\n\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\tvalue={ inputValue.toString() }\n\t\t\t\t\t\t\tpointerEvents={ hasFocus ? 'auto' : 'none' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={ valueFinalStyle }\n\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\tellipsizeMode=\"clip\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ inputValue }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( RangeTextInput );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/range-text-input.native.js"],"names":["isIOS","Platform","OS","RangeTextInput","Component","constructor","props","announceCurrentValue","bind","onInputFocus","onInputBlur","handleChangePixelRatio","onSubmitEditing","onChangeText","value","defaultValue","min","decimalNum","initialValue","fontScale","getFontScale","state","inputValue","controlValue","hasFocus","componentDidMount","appStateChangeSubscription","AppState","addEventListener","componentWillUnmount","remove","clearTimeout","timeoutAnnounceValue","componentDidUpdate","prevProps","prevState","setState","validValue","validateInput","_valueTextInput","focus","PixelRatio","nextAppState","text","max","result","Math","updateValue","onChange","textValue","replace","nativeEvent","isNaN","Number","announcement","AccessibilityInfo","announceForAccessibility","render","getStylesFromColorScheme","children","label","textInputStyle","styles","textInput","textInputDark","textInputIOSStyle","textInputIOS","textInputIOSDark","inputBorderStyles","borderStyles","borderStyle","isSelected","valueFinalStyle","select","android","ios","width","borderRightWidth","textInputContainer","c","toString"],"mappings":";;;;;;;;;AAiBA;;AAdA;;AAeA;;AACA;;AAKA;;AACA;;AACA;;AA1BA;AACA;AACA;;AAYA;AACA;AACA;;AAKA;AACA;AACA;AAKA,MAAMA,KAAK,GAAGC,sBAASC,EAAT,KAAgB,KAA9B;;AAEA,MAAMC,cAAN,SAA6BC,kBAA7B,CAAuC;AACtCC,EAAAA,WAAW,CAAEC,KAAF,EAAU;AACpB,UAAOA,KAAP;AAEA,SAAKC,oBAAL,GAA4B,KAAKA,oBAAL,CAA0BC,IAA1B,CAAgC,IAAhC,CAA5B;AACA,SAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBD,IAAlB,CAAwB,IAAxB,CAApB;AACA,SAAKE,WAAL,GAAmB,KAAKA,WAAL,CAAiBF,IAAjB,CAAuB,IAAvB,CAAnB;AACA,SAAKG,sBAAL,GAA8B,KAAKA,sBAAL,CAA4BH,IAA5B,CAAkC,IAAlC,CAA9B;AACA,SAAKI,eAAL,GAAuB,KAAKA,eAAL,CAAqBJ,IAArB,CAA2B,IAA3B,CAAvB;AACA,SAAKK,YAAL,GAAoB,KAAKA,YAAL,CAAkBL,IAAlB,CAAwB,IAAxB,CAApB;AAEA,UAAM;AAAEM,MAAAA,KAAF;AAASC,MAAAA,YAAT;AAAuBC,MAAAA,GAAvB;AAA4BC,MAAAA;AAA5B,QAA2CX,KAAjD;AACA,UAAMY,YAAY,GAAG,oBACpBJ,KAAK,IAAIC,YAAT,IAAyBC,GADL,EAEpBC,UAFoB,CAArB;AAKA,UAAME,SAAS,GAAG,KAAKC,YAAL,EAAlB;AAEA,SAAKC,KAAL,GAAa;AACZF,MAAAA,SADY;AAEZG,MAAAA,UAAU,EAAEJ,YAFA;AAGZK,MAAAA,YAAY,EAAEL,YAHF;AAIZM,MAAAA,QAAQ,EAAE;AAJE,KAAb;AAMA;;AAEDC,EAAAA,iBAAiB,GAAG;AACnB,SAAKC,0BAAL,GAAkCC,sBAASC,gBAAT,CACjC,QADiC,EAEjC,KAAKjB,sBAF4B,CAAlC;AAIA;;AAEDkB,EAAAA,oBAAoB,GAAG;AACtB,SAAKH,0BAAL,CAAgCI,MAAhC;AACAC,IAAAA,YAAY,CAAE,KAAKC,oBAAP,CAAZ;AACA;;AAEDC,EAAAA,kBAAkB,CAAEC,SAAF,EAAaC,SAAb,EAAyB;AAC1C,UAAM;AAAErB,MAAAA;AAAF,QAAY,KAAKR,KAAvB;AACA,UAAM;AAAEkB,MAAAA,QAAF;AAAYF,MAAAA;AAAZ,QAA2B,KAAKD,KAAtC;;AAEA,QAAKa,SAAS,CAACpB,KAAV,KAAoBA,KAAzB,EAAiC;AAChC,WAAKsB,QAAL,CAAe;AAAEd,QAAAA,UAAU,EAAER;AAAd,OAAf;AACA;;AAED,QAAKqB,SAAS,CAACX,QAAV,KAAuBA,QAA5B,EAAuC;AACtC,YAAMa,UAAU,GAAG,KAAKC,aAAL,CAAoBhB,UAApB,CAAnB;AACA,WAAKc,QAAL,CAAe;AAAEd,QAAAA,UAAU,EAAEe;AAAd,OAAf;AACA;;AAED,QAAK,CAAEF,SAAS,CAACX,QAAZ,IAAwBA,QAA7B,EAAwC;AACvC,WAAKe,eAAL,CAAqBC,KAArB;AACA;AACD;;AAEDpB,EAAAA,YAAY,GAAG;AACd,WAAOqB,wBAAWrB,YAAX,KAA4B,CAA5B,GAAgC,CAAhC,GAAoCqB,wBAAWrB,YAAX,EAA3C;AACA;;AAEDT,EAAAA,sBAAsB,CAAE+B,YAAF,EAAiB;AACtC,QAAKA,YAAY,KAAK,QAAtB,EAAiC;AAChC,WAAKN,QAAL,CAAe;AAAEjB,QAAAA,SAAS,EAAE,KAAKC,YAAL;AAAb,OAAf;AACA;AACD;;AAEDX,EAAAA,YAAY,GAAG;AACd,SAAK2B,QAAL,CAAe;AACdZ,MAAAA,QAAQ,EAAE;AADI,KAAf;AAGA;;AAEDd,EAAAA,WAAW,GAAG;AACb,UAAM;AAAEY,MAAAA;AAAF,QAAiB,KAAKD,KAA5B;AACA,SAAKR,YAAL,CAAoB,GAAGS,UAAY,EAAnC;AACA,SAAKc,QAAL,CAAe;AACdZ,MAAAA,QAAQ,EAAE;AADI,KAAf;AAGA;;AAEDc,EAAAA,aAAa,CAAEK,IAAF,EAAS;AACrB,UAAM;AAAE3B,MAAAA,GAAF;AAAO4B,MAAAA,GAAP;AAAY3B,MAAAA;AAAZ,QAA2B,KAAKX,KAAtC;AACA,QAAIuC,MAAM,GAAG7B,GAAb;;AACA,QAAK,CAAE2B,IAAP,EAAc;AACb,aAAO3B,GAAP;AACA;;AAED,QAAK,OAAO2B,IAAP,KAAgB,QAArB,EAAgC;AAC/BE,MAAAA,MAAM,GAAGC,IAAI,CAACF,GAAL,CAAUD,IAAV,EAAgB3B,GAAhB,CAAT;AACA,aAAO4B,GAAG,GAAGE,IAAI,CAAC9B,GAAL,CAAU6B,MAAV,EAAkBD,GAAlB,CAAH,GAA6BC,MAAvC;AACA;;AAEDA,IAAAA,MAAM,GAAGC,IAAI,CAACF,GAAL,CAAU,2BAAgBD,IAAhB,EAAsB1B,UAAtB,CAAV,EAA8CD,GAA9C,CAAT;AACA,WAAO4B,GAAG,GAAGE,IAAI,CAAC9B,GAAL,CAAU6B,MAAV,EAAkBD,GAAlB,CAAH,GAA6BC,MAAvC;AACA;;AAEDE,EAAAA,WAAW,CAAEjC,KAAF,EAAU;AACpB,UAAM;AAAEkC,MAAAA;AAAF,QAAe,KAAK1C,KAA1B;AACA,UAAM+B,UAAU,GAAG,KAAKC,aAAL,CAAoBxB,KAApB,CAAnB;AAEA,SAAKP,oBAAL,CAA4B,GAAG8B,UAAY,EAA3C;AAEAW,IAAAA,QAAQ,CAAEX,UAAF,CAAR;AACA;;AAEDxB,EAAAA,YAAY,CAAEoC,SAAF,EAAc;AACzB,UAAM;AAAEhC,MAAAA;AAAF,QAAiB,KAAKX,KAA5B;AACA,UAAMgB,UAAU,GAAG,2BAAgB2B,SAAhB,EAA2BhC,UAA3B,CAAnB;AAEAgC,IAAAA,SAAS,GAAG3B,UAAU,CAAC4B,OAAX,CAAoB,GAApB,EAAyB,GAAzB,CAAZ;AACAD,IAAAA,SAAS,GAAG,oBAASA,SAAT,EAAoBhC,UAApB,CAAZ;AACA,UAAMH,KAAK,GAAG,KAAKwB,aAAL,CAAoBW,SAApB,CAAd;AACA,SAAKb,QAAL,CAAe;AACdd,MAAAA,UADc;AAEdC,MAAAA,YAAY,EAAET;AAFA,KAAf;AAIA,SAAKiC,WAAL,CAAkBjC,KAAlB;AACA;;AAEDF,EAAAA,eAAe,CAAE;AAAEuC,IAAAA,WAAW,EAAE;AAAER,MAAAA;AAAF;AAAf,GAAF,EAA8B;AAC5C,UAAM;AAAE1B,MAAAA;AAAF,QAAiB,KAAKX,KAA5B;AACA,UAAM;AAAEgB,MAAAA;AAAF,QAAiB,KAAKD,KAA5B;;AAEA,QAAK,CAAE+B,KAAK,CAAEC,MAAM,CAAEV,IAAF,CAAR,CAAZ,EAAiC;AAChCA,MAAAA,IAAI,GAAG,oBAASA,IAAI,CAACO,OAAL,CAAc,GAAd,EAAmB,GAAnB,CAAT,EAAmCjC,UAAnC,CAAP;AACA,YAAMoB,UAAU,GAAG,KAAKC,aAAL,CAAoBK,IAApB,CAAnB;;AAEA,UAAKrB,UAAU,KAAKe,UAApB,EAAiC;AAChC,aAAKD,QAAL,CAAe;AAAEd,UAAAA,UAAU,EAAEe;AAAd,SAAf;AACA,aAAK9B,oBAAL,CAA4B,GAAG8B,UAAY,EAA3C;AACA,aAAK/B,KAAL,CAAW0C,QAAX,CAAqBX,UAArB;AACA;AACD;AACD;;AAED9B,EAAAA,oBAAoB,CAAEO,KAAF,EAAU;AAC7B;AACA,UAAMwC,YAAY,GAAG,mBAAS,cAAI,qBAAJ,CAAT,EAAsCxC,KAAtC,CAArB;;AACAyC,mCAAkBC,wBAAlB,CAA4CF,YAA5C;AACA;;AAEDG,EAAAA,MAAM,GAAG;AACR,UAAM;AAAEC,MAAAA,wBAAF;AAA4BC,MAAAA,QAA5B;AAAsCC,MAAAA;AAAtC,QAAgD,KAAKtD,KAA3D;AACA,UAAM;AAAEa,MAAAA,SAAF;AAAaG,MAAAA,UAAb;AAAyBE,MAAAA;AAAzB,QAAsC,KAAKH,KAAjD;AAEA,UAAMwC,cAAc,GAAGH,wBAAwB,CAC9CI,gBAAOC,SADuC,EAE9CD,gBAAOE,aAFuC,CAA/C;AAKA,UAAMC,iBAAiB,GAAGP,wBAAwB,CACjDI,gBAAOI,YAD0C,EAEjDJ,gBAAOK,gBAF0C,CAAlD;AAKA,UAAMC,iBAAiB,GAAG,CACzBP,cADyB,EAEzBQ,sBAAaC,WAFY,EAGzB9C,QAAQ,IAAI6C,sBAAaE,UAHA,CAA1B;AAMA,UAAMC,eAAe,GAAG,CACvBvE,sBAASwE,MAAT,CAAiB;AAChBC,MAAAA,OAAO,EAAEN,iBADO;AAEhBO,MAAAA,GAAG,EAAEV;AAFW,KAAjB,CADuB,EAKvB;AACCW,MAAAA,KAAK,EAAE,KAAKzD,SADb;AAEC0D,MAAAA,gBAAgB,EAAElB,QAAQ,GAAG,CAAH,GAAO;AAFlC,KALuB,CAAxB;AAWA,WACC,4BAAC,qCAAD;AACC,MAAA,OAAO,EAAG,KAAKlD,YADhB;AAEC,MAAA,UAAU,EAAG;AAFd,OAIC,4BAAC,iBAAD;AACC,MAAA,KAAK,EAAG,CACPqD,gBAAOgB,kBADA,EAEP9E,KAAK,IAAIoE,iBAFF,CADT;AAKC,MAAA,UAAU,EAAG;AALd,OAOGpE,KAAK,IAAIwB,QAAT,GACD,4BAAC,sBAAD;AACC,MAAA,kBAAkB,EAAGoC,KADtB;AAEC,MAAA,GAAG,EAAKmB,CAAF,IAAW,KAAKxC,eAAL,GAAuBwC,CAFzC;AAGC,MAAA,KAAK,EAAGP,eAHT;AAIC,MAAA,YAAY,EAAG,KAAK3D,YAJrB;AAKC,MAAA,eAAe,EAAG,KAAKD,eALxB;AAMC,MAAA,OAAO,EAAG,KAAKH,YANhB;AAOC,MAAA,MAAM,EAAG,KAAKC,WAPf;AAQC,MAAA,YAAY,EAAC,SARd;AASC,MAAA,aAAa,EAAC,MATf;AAUC,MAAA,aAAa,EAAG,CAVjB;AAWC,MAAA,YAAY,EAAI,GAAGY,UAAY,EAXhC;AAYC,MAAA,KAAK,EAAGA,UAAU,CAAC0D,QAAX,EAZT;AAaC,MAAA,aAAa,EAAGxD,QAAQ,GAAG,MAAH,GAAY;AAbrC,MADC,GAiBD,4BAAC,iBAAD;AACC,MAAA,KAAK,EAAGgD,eADT;AAEC,MAAA,aAAa,EAAG,CAFjB;AAGC,MAAA,aAAa,EAAC;AAHf,OAKGlD,UALH,CAxBF,EAgCGqC,QAhCH,CAJD,CADD;AAyCA;;AAtNqC;;eAyNxB,uCAA0BxD,cAA1B,C","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tAccessibilityInfo,\n\tView,\n\tTextInput,\n\tPixelRatio,\n\tAppState,\n\tPlatform,\n\tText,\n\tTouchableWithoutFeedback,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { toFixed, removeNonDigit } from '../utils';\nimport styles from './styles.scss';\nimport borderStyles from './borderStyles.scss';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass RangeTextInput extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.announceCurrentValue = this.announceCurrentValue.bind( this );\n\t\tthis.onInputFocus = this.onInputFocus.bind( this );\n\t\tthis.onInputBlur = this.onInputBlur.bind( this );\n\t\tthis.handleChangePixelRatio = this.handleChangePixelRatio.bind( this );\n\t\tthis.onSubmitEditing = this.onSubmitEditing.bind( this );\n\t\tthis.onChangeText = this.onChangeText.bind( this );\n\n\t\tconst { value, defaultValue, min, decimalNum } = props;\n\t\tconst initialValue = toFixed(\n\t\t\tvalue || defaultValue || min,\n\t\t\tdecimalNum\n\t\t);\n\n\t\tconst fontScale = this.getFontScale();\n\n\t\tthis.state = {\n\t\t\tfontScale,\n\t\t\tinputValue: initialValue,\n\t\t\tcontrolValue: initialValue,\n\t\t\thasFocus: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.appStateChangeSubscription = AppState.addEventListener(\n\t\t\t'change',\n\t\t\tthis.handleChangePixelRatio\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.appStateChangeSubscription.remove();\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tconst { value } = this.props;\n\t\tconst { hasFocus, inputValue } = this.state;\n\n\t\tif ( prevProps.value !== value ) {\n\t\t\tthis.setState( { inputValue: value } );\n\t\t}\n\n\t\tif ( prevState.hasFocus !== hasFocus ) {\n\t\t\tconst validValue = this.validateInput( inputValue );\n\t\t\tthis.setState( { inputValue: validValue } );\n\t\t}\n\n\t\tif ( ! prevState.hasFocus && hasFocus ) {\n\t\t\tthis._valueTextInput.focus();\n\t\t}\n\t}\n\n\tgetFontScale() {\n\t\treturn PixelRatio.getFontScale() < 1 ? 1 : PixelRatio.getFontScale();\n\t}\n\n\thandleChangePixelRatio( nextAppState ) {\n\t\tif ( nextAppState === 'active' ) {\n\t\t\tthis.setState( { fontScale: this.getFontScale() } );\n\t\t}\n\t}\n\n\tonInputFocus() {\n\t\tthis.setState( {\n\t\t\thasFocus: true,\n\t\t} );\n\t}\n\n\tonInputBlur() {\n\t\tconst { inputValue } = this.state;\n\t\tthis.onChangeText( `${ inputValue }` );\n\t\tthis.setState( {\n\t\t\thasFocus: false,\n\t\t} );\n\t}\n\n\tvalidateInput( text ) {\n\t\tconst { min, max, decimalNum } = this.props;\n\t\tlet result = min;\n\t\tif ( ! text ) {\n\t\t\treturn min;\n\t\t}\n\n\t\tif ( typeof text === 'number' ) {\n\t\t\tresult = Math.max( text, min );\n\t\t\treturn max ? Math.min( result, max ) : result;\n\t\t}\n\n\t\tresult = Math.max( removeNonDigit( text, decimalNum ), min );\n\t\treturn max ? Math.min( result, max ) : result;\n\t}\n\n\tupdateValue( value ) {\n\t\tconst { onChange } = this.props;\n\t\tconst validValue = this.validateInput( value );\n\n\t\tthis.announceCurrentValue( `${ validValue }` );\n\n\t\tonChange( validValue );\n\t}\n\n\tonChangeText( textValue ) {\n\t\tconst { decimalNum } = this.props;\n\t\tconst inputValue = removeNonDigit( textValue, decimalNum );\n\n\t\ttextValue = inputValue.replace( ',', '.' );\n\t\ttextValue = toFixed( textValue, decimalNum );\n\t\tconst value = this.validateInput( textValue );\n\t\tthis.setState( {\n\t\t\tinputValue,\n\t\t\tcontrolValue: value,\n\t\t} );\n\t\tthis.updateValue( value );\n\t}\n\n\tonSubmitEditing( { nativeEvent: { text } } ) {\n\t\tconst { decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tif ( ! isNaN( Number( text ) ) ) {\n\t\t\ttext = toFixed( text.replace( ',', '.' ), decimalNum );\n\t\t\tconst validValue = this.validateInput( text );\n\n\t\t\tif ( inputValue !== validValue ) {\n\t\t\t\tthis.setState( { inputValue: validValue } );\n\t\t\t\tthis.announceCurrentValue( `${ validValue }` );\n\t\t\t\tthis.props.onChange( validValue );\n\t\t\t}\n\t\t}\n\t}\n\n\tannounceCurrentValue( value ) {\n\t\t/* translators: %s: current cell value. */\n\t\tconst announcement = sprintf( __( 'Current value is %s' ), value );\n\t\tAccessibilityInfo.announceForAccessibility( announcement );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, children, label } = this.props;\n\t\tconst { fontScale, inputValue, hasFocus } = this.state;\n\n\t\tconst textInputStyle = getStylesFromColorScheme(\n\t\t\tstyles.textInput,\n\t\t\tstyles.textInputDark\n\t\t);\n\n\t\tconst textInputIOSStyle = getStylesFromColorScheme(\n\t\t\tstyles.textInputIOS,\n\t\t\tstyles.textInputIOSDark\n\t\t);\n\n\t\tconst inputBorderStyles = [\n\t\t\ttextInputStyle,\n\t\t\tborderStyles.borderStyle,\n\t\t\thasFocus && borderStyles.isSelected,\n\t\t];\n\n\t\tconst valueFinalStyle = [\n\t\t\tPlatform.select( {\n\t\t\t\tandroid: inputBorderStyles,\n\t\t\t\tios: textInputIOSStyle,\n\t\t\t} ),\n\t\t\t{\n\t\t\t\twidth: 50 * fontScale,\n\t\t\t\tborderRightWidth: children ? 1 : 0,\n\t\t\t},\n\t\t];\n\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ this.onInputFocus }\n\t\t\t\taccessible={ false }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.textInputContainer,\n\t\t\t\t\t\tisIOS && inputBorderStyles,\n\t\t\t\t\t] }\n\t\t\t\t\taccessible={ false }\n\t\t\t\t>\n\t\t\t\t\t{ isIOS || hasFocus ? (\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\taccessibilityLabel={ label }\n\t\t\t\t\t\t\tref={ ( c ) => ( this._valueTextInput = c ) }\n\t\t\t\t\t\t\tstyle={ valueFinalStyle }\n\t\t\t\t\t\t\tonChangeText={ this.onChangeText }\n\t\t\t\t\t\t\tonSubmitEditing={ this.onSubmitEditing }\n\t\t\t\t\t\t\tonFocus={ this.onInputFocus }\n\t\t\t\t\t\t\tonBlur={ this.onInputBlur }\n\t\t\t\t\t\t\tkeyboardType=\"numeric\"\n\t\t\t\t\t\t\treturnKeyType=\"done\"\n\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\tvalue={ inputValue.toString() }\n\t\t\t\t\t\t\tpointerEvents={ hasFocus ? 'auto' : 'none' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={ valueFinalStyle }\n\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\tellipsizeMode=\"clip\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ inputValue }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( RangeTextInput );\n"]}

package/build/mobile/bottom-sheet/ripple.native.js

@@ -31,17 +31,16 @@ var _rippleNative = _interopRequireDefault(require("./ripple.native.scss"));
 const ANDROID_VERSION_LOLLIPOP = 21;
 const ANDROID_VERSION_PIE = 28;
 
-const TouchableRipple = _ref => {
-  let {
-    style,
-    onPress,
-    disabled: disabledProp,
-    children,
-    activeOpacity,
-    getStylesFromColorScheme,
-    borderless = false,
-    ...touchableProps
-  } = _ref;
+const TouchableRipple = ({
+  style,
+  onPress,
+  disabled: disabledProp,
+  children,
+  activeOpacity,
+  getStylesFromColorScheme,
+  borderless = false,
+  ...touchableProps
+}) => {
   const isTouchableNativeSupported = _reactNative.Platform.OS === 'android' && _reactNative.Platform.Version >= ANDROID_VERSION_LOLLIPOP;
   const disabled = disabledProp || !onPress;
   const rippleColor = getStylesFromColorScheme(_rippleNative.default.ripple, _rippleNative.default.rippleDark).backgroundColor;

package/build/mobile/bottom-sheet/ripple.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/ripple.native.js"],"names":["ANDROID_VERSION_LOLLIPOP","ANDROID_VERSION_PIE","TouchableRipple","style","onPress","disabled","disabledProp","children","activeOpacity","getStylesFromColorScheme","borderless","touchableProps","isTouchableNativeSupported","Platform","OS","Version","rippleColor","rippleStyles","ripple","rippleDark","backgroundColor","useForeground","TouchableNativeFeedback","Ripple","overflow"],"mappings":";;;;;;;;;;;;;AAGA;;AAUA;;AAKA;;AAlBA;AACA;AACA;;AAQA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,wBAAwB,GAAG,EAAjC;AACA,MAAMC,mBAAmB,GAAG,EAA5B;;AAEA,MAAMC,eAAe,GAAG,QASjB;AAAA,MATmB;AACzBC,IAAAA,KADyB;AAEzBC,IAAAA,OAFyB;AAGzBC,IAAAA,QAAQ,EAAEC,YAHe;AAIzBC,IAAAA,QAJyB;AAKzBC,IAAAA,aALyB;AAMzBC,IAAAA,wBANyB;AAOzBC,IAAAA,UAAU,GAAG,KAPY;AAQzB,OAAGC;AARsB,GASnB;AACN,QAAMC,0BAA0B,GAC/BC,sBAASC,EAAT,KAAgB,SAAhB,IACAD,sBAASE,OAAT,IAAoBf,wBAFrB;AAIA,QAAMK,QAAQ,GAAGC,YAAY,IAAI,CAAEF,OAAnC;AACA,QAAMY,WAAW,GAAGP,wBAAwB,CAC3CQ,sBAAaC,MAD8B,EAE3CD,sBAAaE,UAF8B,CAAxB,CAGlBC,eAHF;;AAKA,MAAKR,0BAAL,EAAkC;AACjC;AACA;AACA,UAAMS,aAAa,GAClBR,sBAASC,EAAT,KAAgB,SAAhB,IACAD,sBAASE,OAAT,IAAoBd,mBADpB,IAEAS,UAHD;AAKA,WACC,4BAAC,oCAAD,6BACMC,cADN;AAEC,MAAA,OAAO,EAAGP,OAFX;AAGC,MAAA,QAAQ,EAAGC,QAHZ;AAIC,MAAA,aAAa,EAAGgB,aAJjB;AAKC,MAAA,UAAU,EAAGC,qCAAwBC,MAAxB,CACZP,WADY,EAEZN,UAFY;AALd,QAUC,4BAAC,iBAAD;AAAM,MAAA,KAAK,EAAG,CAAEA,UAAU,IAAIO,sBAAaO,QAA7B,EAAuCrB,KAAvC;AAAd,OACGI,QADH,CAVD,CADD;AAgBA;;AAED,SACC,4BAAC,6BAAD,6BACMI,cADN;AAEC,IAAA,OAAO,EAAGP,OAFX;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,aAAa,EAAGG,aAJjB;AAKC,IAAA,KAAK,EAAGL;AALT,MAOGI,QAPH,CADD;AAWA,CAzDD;;eA2De,uCAA0BL,eAA1B,C","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tPlatform,\n\tTouchableOpacity,\n\tTouchableNativeFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport rippleStyles from './ripple.native.scss';\n\nconst ANDROID_VERSION_LOLLIPOP = 21;\nconst ANDROID_VERSION_PIE = 28;\n\nconst TouchableRipple = ( {\n\tstyle,\n\tonPress,\n\tdisabled: disabledProp,\n\tchildren,\n\tactiveOpacity,\n\tgetStylesFromColorScheme,\n\tborderless = false,\n\t...touchableProps\n} ) => {\n\tconst isTouchableNativeSupported =\n\t\tPlatform.OS === 'android' &&\n\t\tPlatform.Version >= ANDROID_VERSION_LOLLIPOP;\n\n\tconst disabled = disabledProp || ! onPress;\n\tconst rippleColor = getStylesFromColorScheme(\n\t\trippleStyles.ripple,\n\t\trippleStyles.rippleDark\n\t).backgroundColor;\n\n\tif ( isTouchableNativeSupported ) {\n\t\t// A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'\n\t\t// https://github.com/facebook/react-native/issues/6480\n\t\tconst useForeground =\n\t\t\tPlatform.OS === 'android' &&\n\t\t\tPlatform.Version >= ANDROID_VERSION_PIE &&\n\t\t\tborderless;\n\n\t\treturn (\n\t\t\t<TouchableNativeFeedback\n\t\t\t\t{ ...touchableProps }\n\t\t\t\tonPress={ onPress }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tuseForeground={ useForeground }\n\t\t\t\tbackground={ TouchableNativeFeedback.Ripple(\n\t\t\t\t\trippleColor,\n\t\t\t\t\tborderless\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<View style={ [ borderless && rippleStyles.overflow, style ] }>\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableNativeFeedback>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\t{ ...touchableProps }\n\t\t\tonPress={ onPress }\n\t\t\tdisabled={ disabled }\n\t\t\tactiveOpacity={ activeOpacity }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</TouchableOpacity>\n\t);\n};\n\nexport default withPreferredColorScheme( TouchableRipple );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/ripple.native.js"],"names":["ANDROID_VERSION_LOLLIPOP","ANDROID_VERSION_PIE","TouchableRipple","style","onPress","disabled","disabledProp","children","activeOpacity","getStylesFromColorScheme","borderless","touchableProps","isTouchableNativeSupported","Platform","OS","Version","rippleColor","rippleStyles","ripple","rippleDark","backgroundColor","useForeground","TouchableNativeFeedback","Ripple","overflow"],"mappings":";;;;;;;;;;;;;AAGA;;AAUA;;AAKA;;AAlBA;AACA;AACA;;AAQA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,wBAAwB,GAAG,EAAjC;AACA,MAAMC,mBAAmB,GAAG,EAA5B;;AAEA,MAAMC,eAAe,GAAG,CAAE;AACzBC,EAAAA,KADyB;AAEzBC,EAAAA,OAFyB;AAGzBC,EAAAA,QAAQ,EAAEC,YAHe;AAIzBC,EAAAA,QAJyB;AAKzBC,EAAAA,aALyB;AAMzBC,EAAAA,wBANyB;AAOzBC,EAAAA,UAAU,GAAG,KAPY;AAQzB,KAAGC;AARsB,CAAF,KASjB;AACN,QAAMC,0BAA0B,GAC/BC,sBAASC,EAAT,KAAgB,SAAhB,IACAD,sBAASE,OAAT,IAAoBf,wBAFrB;AAIA,QAAMK,QAAQ,GAAGC,YAAY,IAAI,CAAEF,OAAnC;AACA,QAAMY,WAAW,GAAGP,wBAAwB,CAC3CQ,sBAAaC,MAD8B,EAE3CD,sBAAaE,UAF8B,CAAxB,CAGlBC,eAHF;;AAKA,MAAKR,0BAAL,EAAkC;AACjC;AACA;AACA,UAAMS,aAAa,GAClBR,sBAASC,EAAT,KAAgB,SAAhB,IACAD,sBAASE,OAAT,IAAoBd,mBADpB,IAEAS,UAHD;AAKA,WACC,4BAAC,oCAAD,6BACMC,cADN;AAEC,MAAA,OAAO,EAAGP,OAFX;AAGC,MAAA,QAAQ,EAAGC,QAHZ;AAIC,MAAA,aAAa,EAAGgB,aAJjB;AAKC,MAAA,UAAU,EAAGC,qCAAwBC,MAAxB,CACZP,WADY,EAEZN,UAFY;AALd,QAUC,4BAAC,iBAAD;AAAM,MAAA,KAAK,EAAG,CAAEA,UAAU,IAAIO,sBAAaO,QAA7B,EAAuCrB,KAAvC;AAAd,OACGI,QADH,CAVD,CADD;AAgBA;;AAED,SACC,4BAAC,6BAAD,6BACMI,cADN;AAEC,IAAA,OAAO,EAAGP,OAFX;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,aAAa,EAAGG,aAJjB;AAKC,IAAA,KAAK,EAAGL;AALT,MAOGI,QAPH,CADD;AAWA,CAzDD;;eA2De,uCAA0BL,eAA1B,C","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tPlatform,\n\tTouchableOpacity,\n\tTouchableNativeFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport rippleStyles from './ripple.native.scss';\n\nconst ANDROID_VERSION_LOLLIPOP = 21;\nconst ANDROID_VERSION_PIE = 28;\n\nconst TouchableRipple = ( {\n\tstyle,\n\tonPress,\n\tdisabled: disabledProp,\n\tchildren,\n\tactiveOpacity,\n\tgetStylesFromColorScheme,\n\tborderless = false,\n\t...touchableProps\n} ) => {\n\tconst isTouchableNativeSupported =\n\t\tPlatform.OS === 'android' &&\n\t\tPlatform.Version >= ANDROID_VERSION_LOLLIPOP;\n\n\tconst disabled = disabledProp || ! onPress;\n\tconst rippleColor = getStylesFromColorScheme(\n\t\trippleStyles.ripple,\n\t\trippleStyles.rippleDark\n\t).backgroundColor;\n\n\tif ( isTouchableNativeSupported ) {\n\t\t// A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'\n\t\t// https://github.com/facebook/react-native/issues/6480\n\t\tconst useForeground =\n\t\t\tPlatform.OS === 'android' &&\n\t\t\tPlatform.Version >= ANDROID_VERSION_PIE &&\n\t\t\tborderless;\n\n\t\treturn (\n\t\t\t<TouchableNativeFeedback\n\t\t\t\t{ ...touchableProps }\n\t\t\t\tonPress={ onPress }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tuseForeground={ useForeground }\n\t\t\t\tbackground={ TouchableNativeFeedback.Ripple(\n\t\t\t\t\trippleColor,\n\t\t\t\t\tborderless\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<View style={ [ borderless && rippleStyles.overflow, style ] }>\n\t\t\t\t\t{ children }\n\t\t\t\t</View>\n\t\t\t</TouchableNativeFeedback>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\t{ ...touchableProps }\n\t\t\tonPress={ onPress }\n\t\t\tdisabled={ disabled }\n\t\t\tactiveOpacity={ activeOpacity }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</TouchableOpacity>\n\t);\n};\n\nexport default withPreferredColorScheme( TouchableRipple );\n"]}