@wordpress/components 25.8.6 → 25.9.1

package/build/mobile/bottom-sheet/keyboard-avoiding-view.native.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
+var _element = require("@wordpress/element");
 /**
  * External dependencies
  */
@@ -102,7 +103,7 @@ class KeyboardAvoidingView extends _element.Component {
         paddingBottom: bottomHeight
       });
     }
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: finalStyle,
       ...props
     }, children);

package/build/mobile/bottom-sheet/keyboard-avoiding-view.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","KeyboardAvoidingView","Component","constructor","arguments","_onKeyboardChange","bind","_subscriptions","state","bottom","_relativeKeyboardHeight","keyboardFrame","windowWidth","Dimensions","get","width","isFloatingKeyboard","windowHeight","height","keyboardY","screenY","props","keyboardVerticalOffset","final","Math","max","event","setState","duration","easing","endCoordinates","LayoutAnimation","configureNext","update","type","Types","componentDidMount","Platform","OS","Keyboard","addListener","componentWillUnmount","forEach","subscription","remove","render","children","enabled","style","finalStyle","bottomHeight","StyleSheet","compose","paddingBottom","createElement","View","defaultProps","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/keyboard-avoiding-view.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tKeyboard,\n\tLayoutAnimation,\n\tPlatform,\n\tStyleSheet,\n\tView,\n\tDimensions,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\n\n/**\n * This is a simplified version of Facebook's KeyboardAvoidingView.\n * It's meant to work specifically with BottomSheets.\n * This fixes an issue in the bottom padding calculation, when the\n * BottomSheet was presented on Landscape, with the keyboard already present,\n * and a TextField on Autofocus (situation present on Links UI)\n */\nclass KeyboardAvoidingView extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis._onKeyboardChange = this._onKeyboardChange.bind( this );\n\t\tthis._subscriptions = [];\n\t\tthis.state = {\n\t\t\tbottom: 0,\n\t\t};\n\t}\n\n\t_relativeKeyboardHeight( keyboardFrame ) {\n\t\tif ( ! keyboardFrame ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tconst windowWidth = Dimensions.get( 'window' ).width;\n\t\tconst isFloatingKeyboard = keyboardFrame.width !== windowWidth;\n\t\tif ( isFloatingKeyboard ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tconst windowHeight = Dimensions.get( 'window' ).height;\n\t\tconst keyboardY =\n\t\t\tkeyboardFrame.screenY - this.props.keyboardVerticalOffset;\n\n\t\tconst final = Math.max( windowHeight - keyboardY, 0 );\n\t\treturn final;\n\t}\n\n\t/**\n\t * @param {Object} event Keyboard event.\n\t */\n\t_onKeyboardChange( event ) {\n\t\tif ( event === null ) {\n\t\t\tthis.setState( { bottom: 0 } );\n\t\t\treturn;\n\t\t}\n\n\t\tconst { duration, easing, endCoordinates } = event;\n\t\tconst height = this._relativeKeyboardHeight( endCoordinates );\n\n\t\tif ( this.state.bottom === height ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( duration && easing ) {\n\t\t\tLayoutAnimation.configureNext( {\n\t\t\t\tduration,\n\t\t\t\tupdate: {\n\t\t\t\t\tduration,\n\t\t\t\t\ttype: LayoutAnimation.Types[ easing ] || 'keyboard',\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t\tthis.setState( { bottom: height } );\n\t}\n\n\tcomponentDidMount() {\n\t\tif ( Platform.OS === 'ios' ) {\n\t\t\tthis._subscriptions = [\n\t\t\t\tKeyboard.addListener(\n\t\t\t\t\t'keyboardWillChangeFrame',\n\t\t\t\t\tthis._onKeyboardChange\n\t\t\t\t),\n\t\t\t];\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis._subscriptions.forEach( ( subscription ) => {\n\t\t\tsubscription.remove();\n\t\t} );\n\t}\n\n\trender() {\n\t\tconst { children, enabled, keyboardVerticalOffset, style, ...props } =\n\t\t\tthis.props;\n\n\t\tlet finalStyle = style;\n\t\tif ( Platform.OS === 'ios' ) {\n\t\t\tconst bottomHeight = enabled ? this.state.bottom : 0;\n\t\t\tfinalStyle = StyleSheet.compose( style, {\n\t\t\t\tpaddingBottom: bottomHeight,\n\t\t\t} );\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={ finalStyle } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nKeyboardAvoidingView.defaultProps = {\n\tenabled: true,\n\tkeyboardVerticalOffset: 0,\n};\n\nexport default KeyboardAvoidingView;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_element","KeyboardAvoidingView","Component","constructor","arguments","_onKeyboardChange","bind","_subscriptions","state","bottom","_relativeKeyboardHeight","keyboardFrame","windowWidth","Dimensions","get","width","isFloatingKeyboard","windowHeight","height","keyboardY","screenY","props","keyboardVerticalOffset","final","Math","max","event","setState","duration","easing","endCoordinates","LayoutAnimation","configureNext","update","type","Types","componentDidMount","Platform","OS","Keyboard","addListener","componentWillUnmount","forEach","subscription","remove","render","children","enabled","style","finalStyle","bottomHeight","StyleSheet","compose","paddingBottom","_react","createElement","View","defaultProps","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/keyboard-avoiding-view.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tKeyboard,\n\tLayoutAnimation,\n\tPlatform,\n\tStyleSheet,\n\tView,\n\tDimensions,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\n\n/**\n * This is a simplified version of Facebook's KeyboardAvoidingView.\n * It's meant to work specifically with BottomSheets.\n * This fixes an issue in the bottom padding calculation, when the\n * BottomSheet was presented on Landscape, with the keyboard already present,\n * and a TextField on Autofocus (situation present on Links UI)\n */\nclass KeyboardAvoidingView extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis._onKeyboardChange = this._onKeyboardChange.bind( this );\n\t\tthis._subscriptions = [];\n\t\tthis.state = {\n\t\t\tbottom: 0,\n\t\t};\n\t}\n\n\t_relativeKeyboardHeight( keyboardFrame ) {\n\t\tif ( ! keyboardFrame ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tconst windowWidth = Dimensions.get( 'window' ).width;\n\t\tconst isFloatingKeyboard = keyboardFrame.width !== windowWidth;\n\t\tif ( isFloatingKeyboard ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tconst windowHeight = Dimensions.get( 'window' ).height;\n\t\tconst keyboardY =\n\t\t\tkeyboardFrame.screenY - this.props.keyboardVerticalOffset;\n\n\t\tconst final = Math.max( windowHeight - keyboardY, 0 );\n\t\treturn final;\n\t}\n\n\t/**\n\t * @param {Object} event Keyboard event.\n\t */\n\t_onKeyboardChange( event ) {\n\t\tif ( event === null ) {\n\t\t\tthis.setState( { bottom: 0 } );\n\t\t\treturn;\n\t\t}\n\n\t\tconst { duration, easing, endCoordinates } = event;\n\t\tconst height = this._relativeKeyboardHeight( endCoordinates );\n\n\t\tif ( this.state.bottom === height ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( duration && easing ) {\n\t\t\tLayoutAnimation.configureNext( {\n\t\t\t\tduration,\n\t\t\t\tupdate: {\n\t\t\t\t\tduration,\n\t\t\t\t\ttype: LayoutAnimation.Types[ easing ] || 'keyboard',\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t\tthis.setState( { bottom: height } );\n\t}\n\n\tcomponentDidMount() {\n\t\tif ( Platform.OS === 'ios' ) {\n\t\t\tthis._subscriptions = [\n\t\t\t\tKeyboard.addListener(\n\t\t\t\t\t'keyboardWillChangeFrame',\n\t\t\t\t\tthis._onKeyboardChange\n\t\t\t\t),\n\t\t\t];\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis._subscriptions.forEach( ( subscription ) => {\n\t\t\tsubscription.remove();\n\t\t} );\n\t}\n\n\trender() {\n\t\tconst { children, enabled, keyboardVerticalOffset, style, ...props } =\n\t\t\tthis.props;\n\n\t\tlet finalStyle = style;\n\t\tif ( Platform.OS === 'ios' ) {\n\t\t\tconst bottomHeight = enabled ? this.state.bottom : 0;\n\t\t\tfinalStyle = StyleSheet.compose( style, {\n\t\t\t\tpaddingBottom: bottomHeight,\n\t\t\t} );\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={ finalStyle } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nKeyboardAvoidingView.defaultProps = {\n\tenabled: true,\n\tkeyboardVerticalOffset: 0,\n};\n\nexport default KeyboardAvoidingView;\n"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LinkCell;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _cell = _interopRequireDefault(require("./cell"));
@@ -27,7 +27,7 @@ function LinkCell({
   onPress,
   showIcon = true
 }) {
-  return (0, _element.createElement)(_cell.default, {
+  return (0, _react.createElement)(_cell.default, {
     icon: showIcon && _icons.link,
     label: (0, _i18n.__)('Link to')
     // Since this is not actually editable, we treat value as a placeholder.
@@ -35,7 +35,7 @@ function LinkCell({
     value: valueMask || value || (0, _i18n.__)('Search or type URL'),
     valueStyle: !!(value || valueMask) ? undefined : placeholderColor,
     onPress: onPress
-  }, (0, _element.createElement)(_icons.Icon, {
+  }, (0, _react.createElement)(_icons.Icon, {
     icon: _icons.chevronRight
   }));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_cell","_interopRequireDefault","_styles","placeholderColor","styles","LinkCell","value","valueMask","onPress","showIcon","_element","createElement","default","icon","link","label","__","valueStyle","undefined","Icon","chevronRight"],"sources":["@wordpress/components/src/mobile/bottom-sheet/link-cell.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAD,sBAAA,CAAAH,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAM;EAAEK;AAAiB,CAAC,GAAGC,eAAM;AAEpB,SAASC,QAAQA,CAAE;EACjCC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,QAAQ,GAAG;AACZ,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACX,KAAA,CAAAY,OAAI;IACJC,IAAI,EAAGJ,QAAQ,IAAIK,WAAM;IACzBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU;IACtB;IAAA;IACAV,KAAK,EAAGC,SAAS,IAAID,KAAK,IAAI,IAAAU,QAAE,EAAE,oBAAqB,CAAG;IAC1DC,UAAU,EACT,CAAC,EAAIX,KAAK,IAAIC,SAAS,CAAE,GAAGW,SAAS,GAAGf,gBACxC;IACDK,OAAO,EAAGA;EAAS,GAEnB,IAAAE,QAAA,CAAAC,aAAA,EAACZ,MAAA,CAAAoB,IAAI;IAACN,IAAI,EAAGO;EAAc,CAAO,CAC7B,CAAC;AAET"}
+{"version":3,"names":["_i18n","require","_icons","_cell","_interopRequireDefault","_styles","placeholderColor","styles","LinkCell","value","valueMask","onPress","showIcon","_react","createElement","default","icon","link","label","__","valueStyle","undefined","Icon","chevronRight"],"sources":["@wordpress/components/src/mobile/bottom-sheet/link-cell.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAD,sBAAA,CAAAH,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAM;EAAEK;AAAiB,CAAC,GAAGC,eAAM;AAEpB,SAASC,QAAQA,CAAE;EACjCC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,QAAQ,GAAG;AACZ,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACX,KAAA,CAAAY,OAAI;IACJC,IAAI,EAAGJ,QAAQ,IAAIK,WAAM;IACzBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU;IACtB;IAAA;IACAV,KAAK,EAAGC,SAAS,IAAID,KAAK,IAAI,IAAAU,QAAE,EAAE,oBAAqB,CAAG;IAC1DC,UAAU,EACT,CAAC,EAAIX,KAAK,IAAIC,SAAS,CAAE,GAAGW,SAAS,GAAGf,gBACxC;IACDK,OAAO,EAAGA;EAAS,GAEnB,IAAAE,MAAA,CAAAC,aAAA,EAACZ,MAAA,CAAAoB,IAAI;IAACN,IAAI,EAAGO;EAAc,CAAO,CAC7B,CAAC;AAET"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
@@ -64,7 +64,7 @@ function LinkSuggestionItemCell({
   const cellSummaryStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.cellValue, _styles.default.cellTextDark);
   const titleStyle = [cellTitleStyle, _linkSuggestionStyles.default.titleStyle];
   const summaryStyle = [cellSummaryStyle, _linkSuggestionStyles.default.summaryStyle];
-  return (0, _element.createElement)(_cell.default, {
+  return (0, _react.createElement)(_cell.default, {
     ...props,
     icon: icons[type] || _gridicons.empty,
     onPress: pickLink,
@@ -72,13 +72,13 @@ function LinkSuggestionItemCell({
     cellContainerStyle: _linkSuggestionStyles.default.itemContainerStyle,
     labelStyle: _linkSuggestionStyles.default.hidden,
     valueStyle: _linkSuggestionStyles.default.hidden
-  }, (0, _element.createElement)(_reactNative.View, {
+  }, (0, _react.createElement)(_reactNative.View, {
     style: _linkSuggestionStyles.default.containerStyle
-  }, (0, _element.createElement)(_reactNative.Text, {
+  }, (0, _react.createElement)(_reactNative.Text, {
     style: titleStyle,
     numberOfLines: 1,
     ellipsizeMode: 'middle'
-  }, title), (0, _element.createElement)(_reactNative.Text, {
+  }, title), (0, _react.createElement)(_reactNative.Text, {
     style: summaryStyle,
     numberOfLines: 1,
     ellipsizeMode: 'middle'

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_icons","_compose","_cell","_interopRequireDefault","_styles","_linkSuggestionStyles","_gridicons","icons","URL","globe","clipboard","post","posts","page","pages","getSummaryForType","type","__","LinkSuggestionItemCell","suggestion","onLinkPicked","props","title","contentTitle","url","isDirectEntry","summary","pickLink","cellTitleStyle","usePreferredColorSchemeStyle","cellStyles","cellLabel","cellTextDark","cellSummaryStyle","cellValue","titleStyle","suggestionStyles","summaryStyle","_element","createElement","default","icon","empty","onPress","separatorType","cellContainerStyle","itemContainerStyle","labelStyle","hidden","valueStyle","View","style","containerStyle","Text","numberOfLines","ellipsizeMode","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/link-suggestion-item-cell.native.js"],"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"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_i18n","_icons","_compose","_cell","_interopRequireDefault","_styles","_linkSuggestionStyles","_gridicons","icons","URL","globe","clipboard","post","posts","page","pages","getSummaryForType","type","__","LinkSuggestionItemCell","suggestion","onLinkPicked","props","title","contentTitle","url","isDirectEntry","summary","pickLink","cellTitleStyle","usePreferredColorSchemeStyle","cellStyles","cellLabel","cellTextDark","cellSummaryStyle","cellValue","titleStyle","suggestionStyles","summaryStyle","_react","createElement","default","icon","empty","onPress","separatorType","cellContainerStyle","itemContainerStyle","labelStyle","hidden","valueStyle","View","style","containerStyle","Text","numberOfLines","ellipsizeMode","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/link-suggestion-item-cell.native.js"],"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"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LockIcon;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
 var _styles = _interopRequireDefault(require("./styles.scss"));
@@ -19,7 +19,7 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 
 function LockIcon() {
   const iconStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.icon, _styles.default['icon--dark']);
-  return (0, _element.createElement)(_icons.Icon, {
+  return (0, _react.createElement)(_icons.Icon, {
     icon: _icons.lock,
     color: iconStyle.color,
     style: iconStyle

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

@@ -1 +1 @@
-{"version":3,"names":["_icons","require","_compose","_styles","_interopRequireDefault","LockIcon","iconStyle","usePreferredColorSchemeStyle","styles","icon","_element","createElement","Icon","lock","color","style"],"sources":["@wordpress/components/src/mobile/bottom-sheet/lock-icon/index.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,QAAQA,CAAA,EAAG;EAClC,MAAMC,SAAS,GAAG,IAAAC,qCAA4B,EAC7CC,eAAM,CAACC,IAAI,EACXD,eAAM,CAAE,YAAY,CACrB,CAAC;EAED,OAAO,IAAAE,QAAA,CAAAC,aAAA,EAACX,MAAA,CAAAY,IAAI;IAACH,IAAI,EAAGI,WAAM;IAACC,KAAK,EAAGR,SAAS,CAACQ,KAAO;IAACC,KAAK,EAAGT;EAAW,CAAE,CAAC;AAC5E"}
+{"version":3,"names":["_icons","require","_compose","_styles","_interopRequireDefault","LockIcon","iconStyle","usePreferredColorSchemeStyle","styles","icon","_react","createElement","Icon","lock","color","style"],"sources":["@wordpress/components/src/mobile/bottom-sheet/lock-icon/index.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,QAAQA,CAAA,EAAG;EAClC,MAAMC,SAAS,GAAG,IAAAC,qCAA4B,EAC7CC,eAAM,CAACC,IAAI,EACXD,eAAM,CAAE,YAAY,CACrB,CAAC;EAED,OAAO,IAAAE,MAAA,CAAAC,aAAA,EAACX,MAAA,CAAAY,IAAI;IAACH,IAAI,EAAGI,WAAM;IAACC,KAAK,EAAGR,SAAS,CAACQ,KAAO;IAACC,KAAK,EAAGT;EAAW,CAAE,CAAC;AAC5E"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
@@ -23,12 +23,12 @@ function ActionButton({
   accessibilityHint,
   children
 }) {
-  return (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+  return (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
     onPress: onPress,
     accessibilityRole: 'button',
     accessibilityLabel: accessibilityLabel,
     accessibilityHint: accessibilityHint
-  }, (0, _element.createElement)(_reactNative.View, {
+  }, (0, _react.createElement)(_reactNative.View, {
     style: _styles.default['action-button']
   }, children));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_styles","_interopRequireDefault","ActionButton","onPress","accessibilityLabel","accessibilityHint","children","_element","createElement","TouchableWithoutFeedback","accessibilityRole","View","style","styles","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/action-button.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA,SAASG,YAAYA,CAAE;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,wBAAwB;IACxBN,OAAO,EAAGA,OAAS;IACnBO,iBAAiB,EAAG,QAAU;IAC9BN,kBAAkB,EAAGA,kBAAoB;IACzCC,iBAAiB,EAAGA;EAAmB,GAEvC,IAAAE,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,eAAM,CAAE,eAAe;EAAI,GAAGP,QAAgB,CACnC,CAAC;AAE7B;AAAC,IAAAQ,QAAA,GAEcZ,YAAY;AAAAa,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_styles","_interopRequireDefault","ActionButton","onPress","accessibilityLabel","accessibilityHint","children","_react","createElement","TouchableWithoutFeedback","accessibilityRole","View","style","styles","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/action-button.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA,SAASG,YAAYA,CAAE;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,wBAAwB;IACxBN,OAAO,EAAGA,OAAS;IACnBO,iBAAiB,EAAG,QAAU;IAC9BN,kBAAkB,EAAGA,kBAAoB;IACzCC,iBAAiB,EAAGA;EAAmB,GAEvC,IAAAE,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,eAAM,CAAE,eAAe;EAAI,GAAGP,QAAgB,CACnC,CAAC;AAE7B;AAAC,IAAAQ,QAAA,GAEcZ,YAAY;AAAAa,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
@@ -29,16 +29,16 @@ function ApplyButton({
 }) {
   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, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: _styles.default['apply-button']
-  }, (0, _element.createElement)(_actionButton.default, {
+  }, (0, _react.createElement)(_actionButton.default, {
     onPress: onPress,
     accessibilityLabel: (0, _i18n.__)('Apply'),
     accessibilityHint: (0, _i18n.__)('Applies the setting')
-  }, _reactNative.Platform.OS === 'ios' ? (0, _element.createElement)(_reactNative.Text, {
+  }, _reactNative.Platform.OS === 'ios' ? (0, _react.createElement)(_reactNative.Text, {
     style: buttonTextStyle,
     maxFontSizeMultiplier: 2
-  }, (0, _i18n.__)('Apply')) : (0, _element.createElement)(_icons.Icon, {
+  }, (0, _i18n.__)('Apply')) : (0, _react.createElement)(_icons.Icon, {
     icon: _icons.check,
     size: 24,
     style: applyButtonStyle

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_icons","_compose","_styles","_interopRequireDefault","_actionButton","ApplyButton","onPress","buttonTextStyle","usePreferredColorSchemeStyle","styles","applyButtonStyle","_element","createElement","View","style","default","accessibilityLabel","__","accessibilityHint","Platform","OS","Text","maxFontSizeMultiplier","Icon","icon","check","size","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/apply-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport ActionButton from './action-button';\n\nfunction ApplyButton( { onPress } ) {\n\tconst buttonTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'button-text' ],\n\t\tstyles[ 'button-text-dark' ]\n\t);\n\n\tconst applyButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'apply-button-icon' ],\n\t\tstyles[ 'apply-button-icon-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'apply-button' ] }>\n\t\t\t<ActionButton\n\t\t\t\tonPress={ onPress }\n\t\t\t\taccessibilityLabel={ __( 'Apply' ) }\n\t\t\t\taccessibilityHint={ __( 'Applies the setting' ) }\n\t\t\t>\n\t\t\t\t{ Platform.OS === 'ios' ? (\n\t\t\t\t\t<Text style={ buttonTextStyle } maxFontSizeMultiplier={ 2 }>\n\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\tstyle={ applyButtonStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ActionButton>\n\t\t</View>\n\t);\n}\n\nexport default ApplyButton;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,aAAA,GAAAD,sBAAA,CAAAL,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,SAASO,WAAWA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnC,MAAMC,eAAe,GAAG,IAAAC,qCAA4B,EACnDC,eAAM,CAAE,aAAa,CAAE,EACvBA,eAAM,CAAE,kBAAkB,CAC3B,CAAC;EAED,MAAMC,gBAAgB,GAAG,IAAAF,qCAA4B,EACpDC,eAAM,CAAE,mBAAmB,CAAE,EAC7BA,eAAM,CAAE,wBAAwB,CACjC,CAAC;EAED,OACC,IAAAE,QAAA,CAAAC,aAAA,EAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAGL,eAAM,CAAE,cAAc;EAAI,GACvC,IAAAE,QAAA,CAAAC,aAAA,EAACR,aAAA,CAAAW,OAAY;IACZT,OAAO,EAAGA,OAAS;IACnBU,kBAAkB,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IACpCC,iBAAiB,EAAG,IAAAD,QAAE,EAAE,qBAAsB;EAAG,GAE/CE,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACtB,IAAAT,QAAA,CAAAC,aAAA,EAACf,YAAA,CAAAwB,IAAI;IAACP,KAAK,EAAGP,eAAiB;IAACe,qBAAqB,EAAG;EAAG,GACxD,IAAAL,QAAE,EAAE,OAAQ,CACT,CAAC,GAEP,IAAAN,QAAA,CAAAC,aAAA,EAACZ,MAAA,CAAAuB,IAAI;IACJC,IAAI,EAAGC,YAAO;IACdC,IAAI,EAAG,EAAI;IACXZ,KAAK,EAAGJ;EAAkB,CAC1B,CAEW,CACT,CAAC;AAET;AAAC,IAAAiB,QAAA,GAEctB,WAAW;AAAAuB,OAAA,CAAAb,OAAA,GAAAY,QAAA"}
+{"version":3,"names":["_reactNative","require","_i18n","_icons","_compose","_styles","_interopRequireDefault","_actionButton","ApplyButton","onPress","buttonTextStyle","usePreferredColorSchemeStyle","styles","applyButtonStyle","_react","createElement","View","style","default","accessibilityLabel","__","accessibilityHint","Platform","OS","Text","maxFontSizeMultiplier","Icon","icon","check","size","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/apply-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport ActionButton from './action-button';\n\nfunction ApplyButton( { onPress } ) {\n\tconst buttonTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'button-text' ],\n\t\tstyles[ 'button-text-dark' ]\n\t);\n\n\tconst applyButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'apply-button-icon' ],\n\t\tstyles[ 'apply-button-icon-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'apply-button' ] }>\n\t\t\t<ActionButton\n\t\t\t\tonPress={ onPress }\n\t\t\t\taccessibilityLabel={ __( 'Apply' ) }\n\t\t\t\taccessibilityHint={ __( 'Applies the setting' ) }\n\t\t\t>\n\t\t\t\t{ Platform.OS === 'ios' ? (\n\t\t\t\t\t<Text style={ buttonTextStyle } maxFontSizeMultiplier={ 2 }>\n\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\tstyle={ applyButtonStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ActionButton>\n\t\t</View>\n\t);\n}\n\nexport default ApplyButton;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,aAAA,GAAAD,sBAAA,CAAAL,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,SAASO,WAAWA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnC,MAAMC,eAAe,GAAG,IAAAC,qCAA4B,EACnDC,eAAM,CAAE,aAAa,CAAE,EACvBA,eAAM,CAAE,kBAAkB,CAC3B,CAAC;EAED,MAAMC,gBAAgB,GAAG,IAAAF,qCAA4B,EACpDC,eAAM,CAAE,mBAAmB,CAAE,EAC7BA,eAAM,CAAE,wBAAwB,CACjC,CAAC;EAED,OACC,IAAAE,MAAA,CAAAC,aAAA,EAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAGL,eAAM,CAAE,cAAc;EAAI,GACvC,IAAAE,MAAA,CAAAC,aAAA,EAACR,aAAA,CAAAW,OAAY;IACZT,OAAO,EAAGA,OAAS;IACnBU,kBAAkB,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IACpCC,iBAAiB,EAAG,IAAAD,QAAE,EAAE,qBAAsB;EAAG,GAE/CE,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACtB,IAAAT,MAAA,CAAAC,aAAA,EAACf,YAAA,CAAAwB,IAAI;IAACP,KAAK,EAAGP,eAAiB;IAACe,qBAAqB,EAAG;EAAG,GACxD,IAAAL,QAAE,EAAE,OAAQ,CACT,CAAC,GAEP,IAAAN,MAAA,CAAAC,aAAA,EAACZ,MAAA,CAAAuB,IAAI;IACJC,IAAI,EAAGC,YAAO;IACdC,IAAI,EAAG,EAAI;IACXZ,KAAK,EAAGJ;EAAkB,CAC1B,CAEW,CACT,CAAC;AAET;AAAC,IAAAiB,QAAA,GAEctB,WAAW;AAAAuB,OAAA,CAAAb,OAAA,GAAAY,QAAA"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
@@ -31,13 +31,13 @@ function Button({
   text
 }) {
   const buttonTextStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['button-text'], _styles.default['button-text-dark']);
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: _styles.default['back-button']
-  }, (0, _element.createElement)(_actionButton.default, {
+  }, (0, _react.createElement)(_actionButton.default, {
     onPress: onPress,
     accessibilityLabel: (0, _i18n.__)('Go back'),
     accessibilityHint: (0, _i18n.__)('Navigates to the previous content sheet')
-  }, icon, text && (0, _element.createElement)(_reactNative.Text, {
+  }, icon, text && (0, _react.createElement)(_reactNative.Text, {
     style: buttonTextStyle,
     maxFontSizeMultiplier: 2
   }, text)));
@@ -50,20 +50,20 @@ function BackButton({
   let backIcon;
   let backText;
   if (_reactNative.Platform.OS === 'ios') {
-    backIcon = (0, _element.createElement)(_icons.Icon, {
+    backIcon = (0, _react.createElement)(_icons.Icon, {
       icon: _chevronBack.default,
       size: 21,
       style: chevronLeftStyle
     });
     backText = (0, _i18n.__)('Back');
   } else {
-    backIcon = (0, _element.createElement)(_icons.Icon, {
+    backIcon = (0, _react.createElement)(_icons.Icon, {
       icon: _icons.arrowLeft,
       size: 24,
       style: arrowLeftStyle
     });
   }
-  return (0, _element.createElement)(Button, {
+  return (0, _react.createElement)(Button, {
     onPress: onPress,
     icon: backIcon,
     text: backText
@@ -79,13 +79,13 @@ function DismissButton({
   if (_reactNative.Platform.OS === 'ios') {
     backText = iosText ? iosText : (0, _i18n.__)('Cancel');
   } else {
-    backIcon = (0, _element.createElement)(_icons.Icon, {
+    backIcon = (0, _react.createElement)(_icons.Icon, {
       icon: _icons.close,
       size: 24,
       style: arrowLeftStyle
     });
   }
-  return (0, _element.createElement)(Button, {
+  return (0, _react.createElement)(Button, {
     onPress: onPress,
     icon: backIcon,
     text: backText

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_icons","_compose","_styles","_interopRequireDefault","_actionButton","_chevronBack","Button","onPress","icon","text","buttonTextStyle","usePreferredColorSchemeStyle","styles","_element","createElement","View","style","default","accessibilityLabel","__","accessibilityHint","Text","maxFontSizeMultiplier","BackButton","chevronLeftStyle","arrowLeftStyle","backIcon","backText","Platform","OS","Icon","chevronBack","size","arrowLeft","DismissButton","iosText","close","Back","Dismiss","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/back-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Platform, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, arrowLeft, close } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport ActionButton from './action-button';\nimport chevronBack from './../chevron-back';\n\nfunction Button( { onPress, icon, text } ) {\n\tconst buttonTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'button-text' ],\n\t\tstyles[ 'button-text-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'back-button' ] }>\n\t\t\t<ActionButton\n\t\t\t\tonPress={ onPress }\n\t\t\t\taccessibilityLabel={ __( 'Go back' ) }\n\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t'Navigates to the previous content sheet'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ icon }\n\t\t\t\t{ text && (\n\t\t\t\t\t<Text style={ buttonTextStyle } maxFontSizeMultiplier={ 2 }>\n\t\t\t\t\t\t{ text }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</ActionButton>\n\t\t</View>\n\t);\n}\n\nfunction BackButton( { onPress } ) {\n\tconst chevronLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'chevron-left-icon' ],\n\t\tstyles[ 'chevron-left-icon-dark' ]\n\t);\n\tconst arrowLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'arrow-left-icon' ],\n\t\tstyles[ 'arrow-left-icon-dark' ]\n\t);\n\n\tlet backIcon;\n\tlet backText;\n\n\tif ( Platform.OS === 'ios' ) {\n\t\tbackIcon = (\n\t\t\t<Icon icon={ chevronBack } size={ 21 } style={ chevronLeftStyle } />\n\t\t);\n\t\tbackText = __( 'Back' );\n\t} else {\n\t\tbackIcon = (\n\t\t\t<Icon icon={ arrowLeft } size={ 24 } style={ arrowLeftStyle } />\n\t\t);\n\t}\n\n\treturn <Button onPress={ onPress } icon={ backIcon } text={ backText } />;\n}\n\nfunction DismissButton( { onPress, iosText } ) {\n\tconst arrowLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'arrow-left-icon' ],\n\t\tstyles[ 'arrow-left-icon-dark' ]\n\t);\n\n\tlet backIcon;\n\tlet backText;\n\n\tif ( Platform.OS === 'ios' ) {\n\t\tbackText = iosText ? iosText : __( 'Cancel' );\n\t} else {\n\t\tbackIcon = <Icon icon={ close } size={ 24 } style={ arrowLeftStyle } />;\n\t}\n\n\treturn <Button onPress={ onPress } icon={ backIcon } text={ backText } />;\n}\n\nButton.Back = BackButton;\nButton.Dismiss = DismissButton; // Cancel or Close Button.\n\nexport default Button;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_i18n","_icons","_compose","_styles","_interopRequireDefault","_actionButton","_chevronBack","Button","onPress","icon","text","buttonTextStyle","usePreferredColorSchemeStyle","styles","_react","createElement","View","style","default","accessibilityLabel","__","accessibilityHint","Text","maxFontSizeMultiplier","BackButton","chevronLeftStyle","arrowLeftStyle","backIcon","backText","Platform","OS","Icon","chevronBack","size","arrowLeft","DismissButton","iosText","close","Back","Dismiss","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/back-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Platform, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, arrowLeft, close } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport ActionButton from './action-button';\nimport chevronBack from './../chevron-back';\n\nfunction Button( { onPress, icon, text } ) {\n\tconst buttonTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'button-text' ],\n\t\tstyles[ 'button-text-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'back-button' ] }>\n\t\t\t<ActionButton\n\t\t\t\tonPress={ onPress }\n\t\t\t\taccessibilityLabel={ __( 'Go back' ) }\n\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t'Navigates to the previous content sheet'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ icon }\n\t\t\t\t{ text && (\n\t\t\t\t\t<Text style={ buttonTextStyle } maxFontSizeMultiplier={ 2 }>\n\t\t\t\t\t\t{ text }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</ActionButton>\n\t\t</View>\n\t);\n}\n\nfunction BackButton( { onPress } ) {\n\tconst chevronLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'chevron-left-icon' ],\n\t\tstyles[ 'chevron-left-icon-dark' ]\n\t);\n\tconst arrowLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'arrow-left-icon' ],\n\t\tstyles[ 'arrow-left-icon-dark' ]\n\t);\n\n\tlet backIcon;\n\tlet backText;\n\n\tif ( Platform.OS === 'ios' ) {\n\t\tbackIcon = (\n\t\t\t<Icon icon={ chevronBack } size={ 21 } style={ chevronLeftStyle } />\n\t\t);\n\t\tbackText = __( 'Back' );\n\t} else {\n\t\tbackIcon = (\n\t\t\t<Icon icon={ arrowLeft } size={ 24 } style={ arrowLeftStyle } />\n\t\t);\n\t}\n\n\treturn <Button onPress={ onPress } icon={ backIcon } text={ backText } />;\n}\n\nfunction DismissButton( { onPress, iosText } ) {\n\tconst arrowLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'arrow-left-icon' ],\n\t\tstyles[ 'arrow-left-icon-dark' ]\n\t);\n\n\tlet backIcon;\n\tlet backText;\n\n\tif ( Platform.OS === 'ios' ) {\n\t\tbackText = iosText ? iosText : __( 'Cancel' );\n\t} else {\n\t\tbackIcon = <Icon icon={ close } size={ 24 } style={ arrowLeftStyle } />;\n\t}\n\n\treturn <Button onPress={ onPress } icon={ backIcon } text={ backText } />;\n}\n\nButton.Back = BackButton;\nButton.Dismiss = DismissButton; // Cancel or Close Button.\n\nexport default Button;\n"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _styles = _interopRequireDefault(require("./styles.scss"));
@@ -25,7 +25,7 @@ function Heading({
   children
 }) {
   const headingStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.heading, _styles.default['heading-dark']);
-  return (0, _element.createElement)(_reactNative.Text, {
+  return (0, _react.createElement)(_reactNative.Text, {
     accessibilityRole: "header",
     style: headingStyle,
     maxFontSizeMultiplier: 3

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_styles","_interopRequireDefault","Heading","children","headingStyle","usePreferredColorSchemeStyle","styles","heading","_element","createElement","Text","accessibilityRole","style","maxFontSizeMultiplier","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/heading.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nfunction Heading( { children } ) {\n\tconst headingStyle = usePreferredColorSchemeStyle(\n\t\tstyles.heading,\n\t\tstyles[ 'heading-dark' ]\n\t);\n\n\treturn (\n\t\t<Text\n\t\t\taccessibilityRole=\"header\"\n\t\t\tstyle={ headingStyle }\n\t\t\tmaxFontSizeMultiplier={ 3 }\n\t\t>\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n\nexport default Heading;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASI,OAAOA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAChC,MAAMC,YAAY,GAAG,IAAAC,qCAA4B,EAChDC,eAAM,CAACC,OAAO,EACdD,eAAM,CAAE,cAAc,CACvB,CAAC;EAED,OACC,IAAAE,QAAA,CAAAC,aAAA,EAACZ,YAAA,CAAAa,IAAI;IACJC,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAGR,YAAc;IACtBS,qBAAqB,EAAG;EAAG,GAEzBV,QACG,CAAC;AAET;AAAC,IAAAW,QAAA,GAEcZ,OAAO;AAAAa,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_compose","_styles","_interopRequireDefault","Heading","children","headingStyle","usePreferredColorSchemeStyle","styles","heading","_react","createElement","Text","accessibilityRole","style","maxFontSizeMultiplier","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/heading.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nfunction Heading( { children } ) {\n\tconst headingStyle = usePreferredColorSchemeStyle(\n\t\tstyles.heading,\n\t\tstyles[ 'heading-dark' ]\n\t);\n\n\treturn (\n\t\t<Text\n\t\t\taccessibilityRole=\"header\"\n\t\t\tstyle={ headingStyle }\n\t\t\tmaxFontSizeMultiplier={ 3 }\n\t\t>\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n\nexport default Heading;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASI,OAAOA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAChC,MAAMC,YAAY,GAAG,IAAAC,qCAA4B,EAChDC,eAAM,CAACC,OAAO,EACdD,eAAM,CAAE,cAAc,CACvB,CAAC;EAED,OACC,IAAAE,MAAA,CAAAC,aAAA,EAACZ,YAAA,CAAAa,IAAI;IACJC,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAGR,YAAc;IACtBS,qBAAqB,EAAG;EAAG,GAEzBV,QACG,CAAC;AAET;AAAC,IAAAW,QAAA,GAEcZ,OAAO;AAAAa,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _applyButton = _interopRequireDefault(require("./apply-button"));
 var _backButton = _interopRequireDefault(require("./back-button"));
@@ -22,7 +22,7 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 function NavBar({
   children
 }) {
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: _styles.default['nav-bar']
   }, children);
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_applyButton","_interopRequireDefault","_backButton","_heading","_styles","NavBar","children","_element","createElement","View","style","styles","ApplyButton","BackButton","Button","Back","DismissButton","Dismiss","Heading","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport ApplyButton from './apply-button';\nimport Button from './back-button';\nimport Heading from './heading';\nimport styles from './styles.scss';\nfunction NavBar( { children } ) {\n\treturn <View style={ styles[ 'nav-bar' ] }>{ children }</View>;\n}\n\nNavBar.ApplyButton = ApplyButton;\nNavBar.BackButton = Button.Back;\nNavBar.DismissButton = Button.Dismiss;\n\nNavBar.Heading = Heading;\n\nexport default NavBar;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,SAASM,MAAMA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/B,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAGC,eAAM,CAAE,SAAS;EAAI,GAAGL,QAAgB,CAAC;AAC/D;AAEAD,MAAM,CAACO,WAAW,GAAGA,oBAAW;AAChCP,MAAM,CAACQ,UAAU,GAAGC,mBAAM,CAACC,IAAI;AAC/BV,MAAM,CAACW,aAAa,GAAGF,mBAAM,CAACG,OAAO;AAErCZ,MAAM,CAACa,OAAO,GAAGA,gBAAO;AAAC,IAAAC,QAAA,GAEVd,MAAM;AAAAe,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_applyButton","_interopRequireDefault","_backButton","_heading","_styles","NavBar","children","_react","createElement","View","style","styles","ApplyButton","BackButton","Button","Back","DismissButton","Dismiss","Heading","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport ApplyButton from './apply-button';\nimport Button from './back-button';\nimport Heading from './heading';\nimport styles from './styles.scss';\nfunction NavBar( { children } ) {\n\treturn <View style={ styles[ 'nav-bar' ] }>{ children }</View>;\n}\n\nNavBar.ApplyButton = ApplyButton;\nNavBar.BackButton = Button.Back;\nNavBar.DismissButton = Button.Dismiss;\n\nNavBar.Heading = Heading;\n\nexport default NavBar;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,SAASM,MAAMA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/B,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAGC,eAAM,CAAE,SAAS;EAAI,GAAGL,QAAgB,CAAC;AAC/D;AAEAD,MAAM,CAACO,WAAW,GAAGA,oBAAW;AAChCP,MAAM,CAACQ,UAAU,GAAGC,mBAAM,CAACC,IAAI;AAC/BV,MAAM,CAACW,aAAa,GAAGF,mBAAM,CAACG,OAAO;AAErCZ,MAAM,CAACa,OAAO,GAAGA,gBAAO;AAAC,IAAAC,QAAA,GAEVd,MAAM;AAAAe,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BottomSheetPickerCell;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _cell = _interopRequireDefault(require("./cell"));
 var _picker = _interopRequireDefault(require("../picker"));
 /**
@@ -29,12 +29,12 @@ function BottomSheetPickerCell(props) {
   };
   const option = options.find(opt => opt.value === value);
   const label = option ? option.label : value;
-  return (0, _element.createElement)(_cell.default, {
+  return (0, _react.createElement)(_cell.default, {
     onPress: onCellPress,
     editable: false,
     value: label,
     ...cellProps
-  }, (0, _element.createElement)(_picker.default, {
+  }, (0, _react.createElement)(_picker.default, {
     leftAlign: true,
     hideCancelButton: hideCancelButton,
     ref: instance => picker = instance,

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

@@ -1 +1 @@
-{"version":3,"names":["_cell","_interopRequireDefault","require","_picker","BottomSheetPickerCell","props","options","hideCancelButton","onChangeValue","value","cellProps","picker","onCellPress","presentPicker","onChange","newValue","option","find","opt","label","_element","createElement","default","onPress","editable","leftAlign","ref","instance"],"sources":["@wordpress/components/src/mobile/bottom-sheet/picker-cell.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport Picker from '../picker';\n\nexport default function BottomSheetPickerCell( props ) {\n\tconst { options, hideCancelButton, onChangeValue, value, ...cellProps } =\n\t\tprops;\n\n\tlet picker;\n\n\tconst onCellPress = () => {\n\t\tpicker.presentPicker();\n\t};\n\n\tconst onChange = ( newValue ) => {\n\t\tonChangeValue( newValue );\n\t};\n\n\tconst option = options.find( ( opt ) => opt.value === value );\n\tconst label = option ? option.label : value;\n\n\treturn (\n\t\t<Cell\n\t\t\tonPress={ onCellPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ label }\n\t\t\t{ ...cellProps }\n\t\t>\n\t\t\t<Picker\n\t\t\t\tleftAlign\n\t\t\t\thideCancelButton={ hideCancelButton }\n\t\t\t\tref={ ( instance ) => ( picker = instance ) }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,MAAM;IAAEC,OAAO;IAAEC,gBAAgB;IAAEC,aAAa;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GACtEL,KAAK;EAEN,IAAIM,MAAM;EAEV,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBD,MAAM,CAACE,aAAa,CAAC,CAAC;EACvB,CAAC;EAED,MAAMC,QAAQ,GAAKC,QAAQ,IAAM;IAChCP,aAAa,CAAEO,QAAS,CAAC;EAC1B,CAAC;EAED,MAAMC,MAAM,GAAGV,OAAO,CAACW,IAAI,CAAIC,GAAG,IAAMA,GAAG,CAACT,KAAK,KAAKA,KAAM,CAAC;EAC7D,MAAMU,KAAK,GAAGH,MAAM,GAAGA,MAAM,CAACG,KAAK,GAAGV,KAAK;EAE3C,OACC,IAAAW,QAAA,CAAAC,aAAA,EAACrB,KAAA,CAAAsB,OAAI;IACJC,OAAO,EAAGX,WAAa;IACvBY,QAAQ,EAAG,KAAO;IAClBf,KAAK,EAAGU,KAAO;IAAA,GACVT;EAAS,GAEd,IAAAU,QAAA,CAAAC,aAAA,EAAClB,OAAA,CAAAmB,OAAM;IACNG,SAAS;IACTlB,gBAAgB,EAAGA,gBAAkB;IACrCmB,GAAG,EAAKC,QAAQ,IAAQhB,MAAM,GAAGgB,QAAY;IAC7CrB,OAAO,EAAGA,OAAS;IACnBQ,QAAQ,EAAGA;EAAU,CACrB,CACI,CAAC;AAET"}
+{"version":3,"names":["_cell","_interopRequireDefault","require","_picker","BottomSheetPickerCell","props","options","hideCancelButton","onChangeValue","value","cellProps","picker","onCellPress","presentPicker","onChange","newValue","option","find","opt","label","_react","createElement","default","onPress","editable","leftAlign","ref","instance"],"sources":["@wordpress/components/src/mobile/bottom-sheet/picker-cell.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport Picker from '../picker';\n\nexport default function BottomSheetPickerCell( props ) {\n\tconst { options, hideCancelButton, onChangeValue, value, ...cellProps } =\n\t\tprops;\n\n\tlet picker;\n\n\tconst onCellPress = () => {\n\t\tpicker.presentPicker();\n\t};\n\n\tconst onChange = ( newValue ) => {\n\t\tonChangeValue( newValue );\n\t};\n\n\tconst option = options.find( ( opt ) => opt.value === value );\n\tconst label = option ? option.label : value;\n\n\treturn (\n\t\t<Cell\n\t\t\tonPress={ onCellPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ label }\n\t\t\t{ ...cellProps }\n\t\t>\n\t\t\t<Picker\n\t\t\t\tleftAlign\n\t\t\t\thideCancelButton={ hideCancelButton }\n\t\t\t\tref={ ( instance ) => ( picker = instance ) }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,MAAM;IAAEC,OAAO;IAAEC,gBAAgB;IAAEC,aAAa;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GACtEL,KAAK;EAEN,IAAIM,MAAM;EAEV,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBD,MAAM,CAACE,aAAa,CAAC,CAAC;EACvB,CAAC;EAED,MAAMC,QAAQ,GAAKC,QAAQ,IAAM;IAChCP,aAAa,CAAEO,QAAS,CAAC;EAC1B,CAAC;EAED,MAAMC,MAAM,GAAGV,OAAO,CAACW,IAAI,CAAIC,GAAG,IAAMA,GAAG,CAACT,KAAK,KAAKA,KAAM,CAAC;EAC7D,MAAMU,KAAK,GAAGH,MAAM,GAAGA,MAAM,CAACG,KAAK,GAAGV,KAAK;EAE3C,OACC,IAAAW,MAAA,CAAAC,aAAA,EAACrB,KAAA,CAAAsB,OAAI;IACJC,OAAO,EAAGX,WAAa;IACvBY,QAAQ,EAAG,KAAO;IAClBf,KAAK,EAAGU,KAAO;IAAA,GACVT;EAAS,GAEd,IAAAU,MAAA,CAAAC,aAAA,EAAClB,OAAA,CAAAmB,OAAM;IACNG,SAAS;IACTlB,gBAAgB,EAAGA,gBAAkB;IACrCmB,GAAG,EAAKC,QAAQ,IAAQhB,MAAM,GAAGgB,QAAY;IAC7CrB,OAAO,EAAGA,OAAS;IACnBQ,QAAQ,EAAGA;EAAU,CACrB,CACI,CAAC;AAET"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BottomSheetRadioCell;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
@@ -25,7 +25,7 @@ function BottomSheetRadioCell(props) {
     ...cellProps
   } = props;
   const selectedIconStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.selectedIcon, _styles.default.selectedIconDark);
-  return (0, _element.createElement)(_cell.default, {
+  return (0, _react.createElement)(_cell.default, {
     ...cellProps,
     accessibilityRole: 'radio',
     accessibilityState: {
@@ -36,7 +36,7 @@ function BottomSheetRadioCell(props) {
     editable: false,
     value: '',
     showLockIcon: selected
-  }, selected && (0, _element.createElement)(_icons.Icon, {
+  }, selected && (0, _react.createElement)(_icons.Icon, {
     icon: _icons.check,
     style: selectedIconStyle
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_compose","_cell","_interopRequireDefault","_styles","BottomSheetRadioCell","props","selected","cellProps","selectedIconStyle","usePreferredColorSchemeStyle","styles","selectedIcon","selectedIconDark","_element","createElement","default","accessibilityRole","accessibilityState","accessibilityHint","__","editable","value","showLockIcon","Icon","icon","check","style"],"sources":["@wordpress/components/src/mobile/bottom-sheet/radio-cell.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nexport default function BottomSheetRadioCell( props ) {\n\tconst { selected, ...cellProps } = props;\n\n\tconst selectedIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selectedIcon,\n\t\tstyles.selectedIconDark\n\t);\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole={ 'radio' }\n\t\t\taccessibilityState={ { selected } }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for selecting option) */\n\t\t\t\t__( 'Double tap to select the option' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tshowLockIcon={ selected }\n\t\t>\n\t\t\t{ selected && (\n\t\t\t\t<Icon icon={ check } style={ selectedIconStyle }></Icon>\n\t\t\t) }\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAIA,IAAAG,KAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIe,SAASM,oBAAoBA,CAAEC,KAAK,EAAG;EACrD,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGF,KAAK;EAExC,MAAMG,iBAAiB,GAAG,IAAAC,qCAA4B,EACrDC,eAAM,CAACC,YAAY,EACnBD,eAAM,CAACE,gBACR,CAAC;EAED,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACb,KAAA,CAAAc,OAAI;IAAA,GACCR,SAAS;IACdS,iBAAiB,EAAG,OAAS;IAC7BC,kBAAkB,EAAG;MAAEX;IAAS,CAAG;IACnCY,iBAAiB,EAChB;IACA,IAAAC,QAAE,EAAE,iCAAkC,CACtC;IACDC,QAAQ,EAAG,KAAO;IAClBC,KAAK,EAAG,EAAI;IACZC,YAAY,EAAGhB;EAAU,GAEvBA,QAAQ,IACT,IAAAO,QAAA,CAAAC,aAAA,EAACf,MAAA,CAAAwB,IAAI;IAACC,IAAI,EAAGC,YAAO;IAACC,KAAK,EAAGlB;EAAmB,CAAO,CAEnD,CAAC;AAET"}
+{"version":3,"names":["_i18n","require","_icons","_compose","_cell","_interopRequireDefault","_styles","BottomSheetRadioCell","props","selected","cellProps","selectedIconStyle","usePreferredColorSchemeStyle","styles","selectedIcon","selectedIconDark","_react","createElement","default","accessibilityRole","accessibilityState","accessibilityHint","__","editable","value","showLockIcon","Icon","icon","check","style"],"sources":["@wordpress/components/src/mobile/bottom-sheet/radio-cell.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nexport default function BottomSheetRadioCell( props ) {\n\tconst { selected, ...cellProps } = props;\n\n\tconst selectedIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selectedIcon,\n\t\tstyles.selectedIconDark\n\t);\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole={ 'radio' }\n\t\t\taccessibilityState={ { selected } }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for selecting option) */\n\t\t\t\t__( 'Double tap to select the option' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tshowLockIcon={ selected }\n\t\t>\n\t\t\t{ selected && (\n\t\t\t\t<Icon icon={ check } style={ selectedIconStyle }></Icon>\n\t\t\t) }\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAIA,IAAAG,KAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIe,SAASM,oBAAoBA,CAAEC,KAAK,EAAG;EACrD,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGF,KAAK;EAExC,MAAMG,iBAAiB,GAAG,IAAAC,qCAA4B,EACrDC,eAAM,CAACC,YAAY,EACnBD,eAAM,CAACE,gBACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACb,KAAA,CAAAc,OAAI;IAAA,GACCR,SAAS;IACdS,iBAAiB,EAAG,OAAS;IAC7BC,kBAAkB,EAAG;MAAEX;IAAS,CAAG;IACnCY,iBAAiB,EAChB;IACA,IAAAC,QAAE,EAAE,iCAAkC,CACtC;IACDC,QAAQ,EAAG,KAAO;IAClBC,KAAK,EAAG,EAAI;IACZC,YAAY,EAAGhB;EAAU,GAEvBA,QAAQ,IACT,IAAAO,MAAA,CAAAC,aAAA,EAACf,MAAA,CAAAwB,IAAI;IAACC,IAAI,EAAGC,YAAO;IAACC,KAAK,EAAGlB;EAAmB,CAAO,CAEnD,CAAC;AAET"}

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _slider = _interopRequireDefault(require("@react-native-community/slider"));
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _cell = _interopRequireDefault(require("./cell"));
 var _lockIcon = _interopRequireDefault(require("./lock-icon"));
@@ -190,7 +191,7 @@ class BottomSheetRangeCell extends _element.Component {
       (0, _i18n.__)('%1$s. %2$s is %3$s %4$s.'), cellProps.label, settingLabel, (0, _utils.toFixed)(value, decimalNum), unitLabel);
     };
     const containerStyle = [_rangeCell.default.container, isIOS ? _rangeCell.default.containerIOS : _rangeCell.default.containerAndroid];
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       accessible: true,
       accessibilityRole: "adjustable",
       accessibilityActions: [{
@@ -217,9 +218,9 @@ class BottomSheetRangeCell extends _element.Component {
       },
       accessibilityLabel: getAccessibilityLabel(),
       accessibilityHint: getAccessibilityHint()
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       importantForAccessibility: "no-hide-descendants"
-    }, (0, _element.createElement)(_cell.default, {
+    }, (0, _react.createElement)(_cell.default, {
       ...cellProps,
       cellContainerStyle: [_rangeCell.default.cellContainerStyles, cellContainerStyle],
       cellRowContainerStyle: containerStyle,
@@ -230,9 +231,9 @@ class BottomSheetRangeCell extends _element.Component {
       valueStyle: _rangeCell.default.valueStyle,
       disabled: disabled,
       showLockIcon: false
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: containerStyle
-    }, preview, (0, _element.createElement)(_slider.default, {
+    }, preview, (0, _react.createElement)(_slider.default, {
       testID: `Slider ${cellProps.label}`,
       value: sliderValue,
       defaultValue: defaultValue,
@@ -249,7 +250,7 @@ class BottomSheetRangeCell extends _element.Component {
         this.sliderRef = slider;
       },
       style: isIOS ? _rangeCell.default.sliderIOS : _rangeCell.default.sliderAndroid
-    }), shouldDisplayTextInput && (0, _element.createElement)(_rangeTextInput.default, {
+    }), shouldDisplayTextInput && (0, _react.createElement)(_rangeTextInput.default, {
       label: cellProps.label,
       onChange: this.onTextInputChange,
       defaultValue: `${inputValue}`,
@@ -258,7 +259,7 @@ class BottomSheetRangeCell extends _element.Component {
       max: maximumValue,
       step: step,
       decimalNum: decimalNum
-    }, children), disabled && (0, _element.createElement)(_lockIcon.default, null)))));
+    }, children), disabled && (0, _react.createElement)(_lockIcon.default, null)))));
   }
 }
 var _default = (0, _compose.withPreferredColorScheme)(BottomSheetRangeCell);