@wordpress/components 27.5.0 → 28.0.0

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

@@ -1 +1 @@
-{"version":3,"names":["Keyboard","LayoutAnimation","Platform","StyleSheet","View","Dimensions","Component","KeyboardAvoidingView","constructor","arguments","_onKeyboardChange","bind","_subscriptions","state","bottom","_relativeKeyboardHeight","keyboardFrame","windowWidth","get","width","isFloatingKeyboard","windowHeight","height","keyboardY","screenY","props","keyboardVerticalOffset","final","Math","max","event","setState","duration","easing","endCoordinates","configureNext","update","type","Types","componentDidMount","OS","addListener","componentWillUnmount","forEach","subscription","remove","render","children","enabled","style","finalStyle","bottomHeight","compose","paddingBottom","createElement","defaultProps"],"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":";AAAA;AACA;AACA;AACA,SACCA,QAAQ,EACRC,eAAe,EACfC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,UAAU,QACJ,cAAc;;AAErB;AACA;AACA;AACA,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAC5CE,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACC,IAAI,CAAE,IAAK,CAAC;IAC5D,IAAI,CAACC,cAAc,GAAG,EAAE;IACxB,IAAI,CAACC,KAAK,GAAG;MACZC,MAAM,EAAE;IACT,CAAC;EACF;EAEAC,uBAAuBA,CAAEC,aAAa,EAAG;IACxC,IAAK,CAAEA,aAAa,EAAG;MACtB,OAAO,CAAC;IACT;IAEA,MAAMC,WAAW,GAAGZ,UAAU,CAACa,GAAG,CAAE,QAAS,CAAC,CAACC,KAAK;IACpD,MAAMC,kBAAkB,GAAGJ,aAAa,CAACG,KAAK,KAAKF,WAAW;IAC9D,IAAKG,kBAAkB,EAAG;MACzB,OAAO,CAAC;IACT;IAEA,MAAMC,YAAY,GAAGhB,UAAU,CAACa,GAAG,CAAE,QAAS,CAAC,CAACI,MAAM;IACtD,MAAMC,SAAS,GACdP,aAAa,CAACQ,OAAO,GAAG,IAAI,CAACC,KAAK,CAACC,sBAAsB;IAE1D,MAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,CAAER,YAAY,GAAGE,SAAS,EAAE,CAAE,CAAC;IACrD,OAAOI,KAAK;EACb;;EAEA;AACD;AACA;EACCjB,iBAAiBA,CAAEoB,KAAK,EAAG;IAC1B,IAAKA,KAAK,KAAK,IAAI,EAAG;MACrB,IAAI,CAACC,QAAQ,CAAE;QAAEjB,MAAM,EAAE;MAAE,CAAE,CAAC;MAC9B;IACD;IAEA,MAAM;MAAEkB,QAAQ;MAAEC,MAAM;MAAEC;IAAe,CAAC,GAAGJ,KAAK;IAClD,MAAMR,MAAM,GAAG,IAAI,CAACP,uBAAuB,CAAEmB,cAAe,CAAC;IAE7D,IAAK,IAAI,CAACrB,KAAK,CAACC,MAAM,KAAKQ,MAAM,EAAG;MACnC;IACD;IAEA,IAAKU,QAAQ,IAAIC,MAAM,EAAG;MACzBhC,eAAe,CAACkC,aAAa,CAAE;QAC9BH,QAAQ;QACRI,MAAM,EAAE;UACPJ,QAAQ;UACRK,IAAI,EAAEpC,eAAe,CAACqC,KAAK,CAAEL,MAAM,CAAE,IAAI;QAC1C;MACD,CAAE,CAAC;IACJ;IACA,IAAI,CAACF,QAAQ,CAAE;MAAEjB,MAAM,EAAEQ;IAAO,CAAE,CAAC;EACpC;EAEAiB,iBAAiBA,CAAA,EAAG;IACnB,IAAKrC,QAAQ,CAACsC,EAAE,KAAK,KAAK,EAAG;MAC5B,IAAI,CAAC5B,cAAc,GAAG,CACrBZ,QAAQ,CAACyC,WAAW,CACnB,yBAAyB,EACzB,IAAI,CAAC/B,iBACN,CAAC,CACD;IACF;EACD;EAEAgC,oBAAoBA,CAAA,EAAG;IACtB,IAAI,CAAC9B,cAAc,CAAC+B,OAAO,CAAIC,YAAY,IAAM;MAChDA,YAAY,CAACC,MAAM,CAAC,CAAC;IACtB,CAAE,CAAC;EACJ;EAEAC,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEC,QAAQ;MAAEC,OAAO;MAAEtB,sBAAsB;MAAEuB,KAAK;MAAE,GAAGxB;IAAM,CAAC,GACnE,IAAI,CAACA,KAAK;IAEX,IAAIyB,UAAU,GAAGD,KAAK;IACtB,IAAK/C,QAAQ,CAACsC,EAAE,KAAK,KAAK,EAAG;MAC5B,MAAMW,YAAY,GAAGH,OAAO,GAAG,IAAI,CAACnC,KAAK,CAACC,MAAM,GAAG,CAAC;MACpDoC,UAAU,GAAG/C,UAAU,CAACiD,OAAO,CAAEH,KAAK,EAAE;QACvCI,aAAa,EAAEF;MAChB,CAAE,CAAC;IACJ;IAEA,OACCG,aAAA,CAAClD,IAAI;MAAC6C,KAAK,EAAGC,UAAY;MAAA,GAAMzB;IAAK,GAClCsB,QACG,CAAC;EAET;AACD;AAEAxC,oBAAoB,CAACgD,YAAY,GAAG;EACnCP,OAAO,EAAE,IAAI;EACbtB,sBAAsB,EAAE;AACzB,CAAC;AAED,eAAenB,oBAAoB","ignoreList":[]}
+{"version":3,"names":["Keyboard","LayoutAnimation","Platform","StyleSheet","View","Dimensions","Component","jsx","_jsx","KeyboardAvoidingView","constructor","arguments","_onKeyboardChange","bind","_subscriptions","state","bottom","_relativeKeyboardHeight","keyboardFrame","windowWidth","get","width","isFloatingKeyboard","windowHeight","height","keyboardY","screenY","props","keyboardVerticalOffset","final","Math","max","event","setState","duration","easing","endCoordinates","configureNext","update","type","Types","componentDidMount","OS","addListener","componentWillUnmount","forEach","subscription","remove","render","children","enabled","style","finalStyle","bottomHeight","compose","paddingBottom","defaultProps"],"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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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -10,6 +9,7 @@ import { link, Icon, chevronRight } from '@wordpress/icons';
  */
 import Cell from './cell';
 import styles from './styles.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   placeholderColor
 } = styles;
@@ -19,16 +19,17 @@ export default function LinkCell({
   onPress,
   showIcon = true
 }) {
-  return createElement(Cell, {
+  return /*#__PURE__*/_jsx(Cell, {
     icon: showIcon && link,
     label: __('Link to')
     // Since this is not actually editable, we treat value as a placeholder.
     ,
     value: valueMask || value || __('Search or type URL'),
     valueStyle: !!(value || valueMask) ? undefined : placeholderColor,
-    onPress: onPress
-  }, createElement(Icon, {
-    icon: chevronRight
-  }));
+    onPress: onPress,
+    children: /*#__PURE__*/_jsx(Icon, {
+      icon: chevronRight
+    })
+  });
 }
 //# sourceMappingURL=link-cell.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__","link","Icon","chevronRight","Cell","styles","placeholderColor","LinkCell","value","valueMask","onPress","showIcon","createElement","icon","label","valueStyle","undefined"],"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":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,IAAI,EAAEC,YAAY,QAAQ,kBAAkB;;AAE3D;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,MAAM,MAAM,eAAe;AAElC,MAAM;EAAEC;AAAiB,CAAC,GAAGD,MAAM;AAEnC,eAAe,SAASE,QAAQA,CAAE;EACjCC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,QAAQ,GAAG;AACZ,CAAC,EAAG;EACH,OACCC,aAAA,CAACR,IAAI;IACJS,IAAI,EAAGF,QAAQ,IAAIV,IAAM;IACzBa,KAAK,EAAGd,EAAE,CAAE,SAAU;IACtB;IAAA;IACAQ,KAAK,EAAGC,SAAS,IAAID,KAAK,IAAIR,EAAE,CAAE,oBAAqB,CAAG;IAC1De,UAAU,EACT,CAAC,EAAIP,KAAK,IAAIC,SAAS,CAAE,GAAGO,SAAS,GAAGV,gBACxC;IACDI,OAAO,EAAGA;EAAS,GAEnBE,aAAA,CAACV,IAAI;IAACW,IAAI,EAAGV;EAAc,CAAO,CAC7B,CAAC;AAET","ignoreList":[]}
+{"version":3,"names":["__","link","Icon","chevronRight","Cell","styles","jsx","_jsx","placeholderColor","LinkCell","value","valueMask","onPress","showIcon","icon","label","valueStyle","undefined","children"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,IAAI,EAAEC,YAAY,QAAQ,kBAAkB;;AAE3D;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,MAAM,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,MAAM;EAAEC;AAAiB,CAAC,GAAGH,MAAM;AAEnC,eAAe,SAASI,QAAQA,CAAE;EACjCC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,QAAQ,GAAG;AACZ,CAAC,EAAG;EACH,oBACCN,IAAA,CAACH,IAAI;IACJU,IAAI,EAAGD,QAAQ,IAAIZ,IAAM;IACzBc,KAAK,EAAGf,EAAE,CAAE,SAAU;IACtB;IAAA;IACAU,KAAK,EAAGC,SAAS,IAAID,KAAK,IAAIV,EAAE,CAAE,oBAAqB,CAAG;IAC1DgB,UAAU,EACT,CAAC,EAAIN,KAAK,IAAIC,SAAS,CAAE,GAAGM,SAAS,GAAGT,gBACxC;IACDI,OAAO,EAAGA,OAAS;IAAAM,QAAA,eAEnBX,IAAA,CAACL,IAAI;MAACY,IAAI,EAAGX;IAAc,CAAO;EAAC,CAC9B,CAAC;AAET","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -18,6 +17,8 @@ import Cell from './cell';
 import cellStyles from './styles.scss';
 import suggestionStyles from './link-suggestion-styles.scss';
 import { posts, pages, empty, clipboard } from '../gridicons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const icons = {
   URL: globe,
   clipboard,
@@ -56,25 +57,29 @@ function LinkSuggestionItemCell({
   const cellSummaryStyle = usePreferredColorSchemeStyle(cellStyles.cellValue, cellStyles.cellTextDark);
   const titleStyle = [cellTitleStyle, suggestionStyles.titleStyle];
   const summaryStyle = [cellSummaryStyle, suggestionStyles.summaryStyle];
-  return createElement(Cell, {
+  return /*#__PURE__*/_jsx(Cell, {
     ...props,
     icon: icons[type] || empty,
     onPress: pickLink,
-    separatorType: 'none',
+    separatorType: "none",
     cellContainerStyle: suggestionStyles.itemContainerStyle,
     labelStyle: suggestionStyles.hidden,
-    valueStyle: suggestionStyles.hidden
-  }, createElement(View, {
-    style: suggestionStyles.containerStyle
-  }, createElement(Text, {
-    style: titleStyle,
-    numberOfLines: 1,
-    ellipsizeMode: 'middle'
-  }, title), createElement(Text, {
-    style: summaryStyle,
-    numberOfLines: 1,
-    ellipsizeMode: 'middle'
-  }, summary)));
+    valueStyle: suggestionStyles.hidden,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: suggestionStyles.containerStyle,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: titleStyle,
+        numberOfLines: 1,
+        ellipsizeMode: "middle",
+        children: title
+      }), /*#__PURE__*/_jsx(Text, {
+        style: summaryStyle,
+        numberOfLines: 1,
+        ellipsizeMode: "middle",
+        children: summary
+      })]
+    })
+  });
 }
 export default LinkSuggestionItemCell;
 //# sourceMappingURL=link-suggestion-item-cell.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Text","View","__","globe","usePreferredColorSchemeStyle","Cell","cellStyles","suggestionStyles","posts","pages","empty","clipboard","icons","URL","post","page","getSummaryForType","type","LinkSuggestionItemCell","suggestion","onLinkPicked","props","title","contentTitle","url","isDirectEntry","summary","pickLink","cellTitleStyle","cellLabel","cellTextDark","cellSummaryStyle","cellValue","titleStyle","summaryStyle","createElement","icon","onPress","separatorType","cellContainerStyle","itemContainerStyle","labelStyle","hidden","valueStyle","style","containerStyle","numberOfLines","ellipsizeMode"],"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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAEzC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,SAASC,KAAK,EAAEC,KAAK,EAAEC,KAAK,EAAEC,SAAS,QAAQ,cAAc;AAE7D,MAAMC,KAAK,GAAG;EACbC,GAAG,EAAEV,KAAK;EACVQ,SAAS;EACTG,IAAI,EAAEN,KAAK;EACXO,IAAI,EAAEN;AACP,CAAC;AAED,MAAMO,iBAAiB,GAAKC,IAAI,IAAM;EACrC,QAASA,IAAI;IACZ,KAAK,WAAW;MACf,OAAOf,EAAE,CAAE,gBAAiB,CAAC;IAC9B,KAAK,QAAQ;MACZ,OAAOA,EAAE,CAAE,qBAAsB,CAAC;IACnC,KAAK,KAAK;MACT,OAAOA,EAAE,CAAE,yBAA0B,CAAC;IACvC;MACC,OAAOA,EAAE,CAAE,eAAgB,CAAC;EAC9B;AACD,CAAC;;AAED;AACA,SAASgB,sBAAsBA,CAAE;EAAEC,UAAU;EAAEC,YAAY;EAAE,GAAGC;AAAM,CAAC,EAAG;EACzE,MAAM;IAAEC,KAAK,EAAEC,YAAY;IAAEC,GAAG;IAAEP,IAAI;IAAEQ;EAAc,CAAC,GAAGN,UAAU;EACpE,MAAMG,KAAK,GAAGG,aAAa,GAAGD,GAAG,GAAGD,YAAY;EAChD,MAAMG,OAAO,GAAGD,aAAa,GAAGT,iBAAiB,CAAEC,IAAK,CAAC,GAAGO,GAAG;EAE/D,MAAMG,QAAQ,GAAGA,CAAA,KAAMP,YAAY,CAAED,UAAW,CAAC;EAEjD,MAAMS,cAAc,GAAGxB,4BAA4B,CAClDE,UAAU,CAACuB,SAAS,EACpBvB,UAAU,CAACwB,YACZ,CAAC;EAED,MAAMC,gBAAgB,GAAG3B,4BAA4B,CACpDE,UAAU,CAAC0B,SAAS,EACpB1B,UAAU,CAACwB,YACZ,CAAC;EAED,MAAMG,UAAU,GAAG,CAAEL,cAAc,EAAErB,gBAAgB,CAAC0B,UAAU,CAAE;EAClE,MAAMC,YAAY,GAAG,CAAEH,gBAAgB,EAAExB,gBAAgB,CAAC2B,YAAY,CAAE;EAExE,OACCC,aAAA,CAAC9B,IAAI;IAAA,GACCgB,KAAK;IACVe,IAAI,EAAGxB,KAAK,CAAEK,IAAI,CAAE,IAAIP,KAAO;IAC/B2B,OAAO,EAAGV,QAAU;IACpBW,aAAa,EAAG,MAAQ;IACxBC,kBAAkB,EAAGhC,gBAAgB,CAACiC,kBAAoB;IAC1DC,UAAU,EAAGlC,gBAAgB,CAACmC,MAAQ;IACtCC,UAAU,EAAGpC,gBAAgB,CAACmC;EAAQ,GAEtCP,aAAA,CAAClC,IAAI;IAAC2C,KAAK,EAAGrC,gBAAgB,CAACsC;EAAgB,GAC9CV,aAAA,CAACnC,IAAI;IACJ4C,KAAK,EAAGX,UAAY;IACpBa,aAAa,EAAG,CAAG;IACnBC,aAAa,EAAG;EAAU,GAExBzB,KACG,CAAC,EACPa,aAAA,CAACnC,IAAI;IACJ4C,KAAK,EAAGV,YAAc;IACtBY,aAAa,EAAG,CAAG;IACnBC,aAAa,EAAG;EAAU,GAExBrB,OACG,CACD,CACD,CAAC;AAET;AAEA,eAAeR,sBAAsB","ignoreList":[]}
+{"version":3,"names":["Text","View","__","globe","usePreferredColorSchemeStyle","Cell","cellStyles","suggestionStyles","posts","pages","empty","clipboard","jsx","_jsx","jsxs","_jsxs","icons","URL","post","page","getSummaryForType","type","LinkSuggestionItemCell","suggestion","onLinkPicked","props","title","contentTitle","url","isDirectEntry","summary","pickLink","cellTitleStyle","cellLabel","cellTextDark","cellSummaryStyle","cellValue","titleStyle","summaryStyle","icon","onPress","separatorType","cellContainerStyle","itemContainerStyle","labelStyle","hidden","valueStyle","children","style","containerStyle","numberOfLines","ellipsizeMode"],"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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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,9 +8,10 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
  * Internal dependencies
  */
 import styles from './styles.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function LockIcon() {
   const iconStyle = usePreferredColorSchemeStyle(styles.icon, styles['icon--dark']);
-  return createElement(Icon, {
+  return /*#__PURE__*/_jsx(Icon, {
     icon: lock,
     color: iconStyle.color,
     style: iconStyle

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

@@ -1 +1 @@
-{"version":3,"names":["Icon","lock","usePreferredColorSchemeStyle","styles","LockIcon","iconStyle","icon","createElement","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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAElC,eAAe,SAASC,QAAQA,CAAA,EAAG;EAClC,MAAMC,SAAS,GAAGH,4BAA4B,CAC7CC,MAAM,CAACG,IAAI,EACXH,MAAM,CAAE,YAAY,CACrB,CAAC;EAED,OAAOI,aAAA,CAACP,IAAI;IAACM,IAAI,EAAGL,IAAM;IAACO,KAAK,EAAGH,SAAS,CAACG,KAAO;IAACC,KAAK,EAAGJ;EAAW,CAAE,CAAC;AAC5E","ignoreList":[]}
+{"version":3,"names":["Icon","lock","usePreferredColorSchemeStyle","styles","jsx","_jsx","LockIcon","iconStyle","icon","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":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,eAAe,SAASC,QAAQA,CAAA,EAAG;EAClC,MAAMC,SAAS,GAAGL,4BAA4B,CAC7CC,MAAM,CAACK,IAAI,EACXL,MAAM,CAAE,YAAY,CACrB,CAAC;EAED,oBAAOE,IAAA,CAACL,IAAI;IAACQ,IAAI,EAAGP,IAAM;IAACQ,KAAK,EAAGF,SAAS,CAACE,KAAO;IAACC,KAAK,EAAGH;EAAW,CAAE,CAAC;AAC5E","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -10,20 +9,23 @@ import { View, TouchableWithoutFeedback } from 'react-native';
 import styles from './styles.scss';
 
 // Action button component is used by both Back and Apply Button componenets.
+import { jsx as _jsx } from "react/jsx-runtime";
 function ActionButton({
   onPress,
   accessibilityLabel,
   accessibilityHint,
   children
 }) {
-  return createElement(TouchableWithoutFeedback, {
+  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
     onPress: onPress,
-    accessibilityRole: 'button',
+    accessibilityRole: "button",
     accessibilityLabel: accessibilityLabel,
-    accessibilityHint: accessibilityHint
-  }, createElement(View, {
-    style: styles['action-button']
-  }, children));
+    accessibilityHint: accessibilityHint,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles['action-button'],
+      children: children
+    })
+  });
 }
 export default ActionButton;
 //# sourceMappingURL=action-button.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["View","TouchableWithoutFeedback","styles","ActionButton","onPress","accessibilityLabel","accessibilityHint","children","createElement","accessibilityRole","style"],"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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,wBAAwB,QAAQ,cAAc;;AAE7D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;;AAElC;AACA,SAASC,YAAYA,CAAE;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,OACCC,aAAA,CAACP,wBAAwB;IACxBG,OAAO,EAAGA,OAAS;IACnBK,iBAAiB,EAAG,QAAU;IAC9BJ,kBAAkB,EAAGA,kBAAoB;IACzCC,iBAAiB,EAAGA;EAAmB,GAEvCE,aAAA,CAACR,IAAI;IAACU,KAAK,EAAGR,MAAM,CAAE,eAAe;EAAI,GAAGK,QAAgB,CACnC,CAAC;AAE7B;AAEA,eAAeJ,YAAY","ignoreList":[]}
+{"version":3,"names":["View","TouchableWithoutFeedback","styles","jsx","_jsx","ActionButton","onPress","accessibilityLabel","accessibilityHint","children","accessibilityRole","style"],"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":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,wBAAwB,QAAQ,cAAc;;AAE7D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;;AAElC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,SAASC,YAAYA,CAAE;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,oBACCL,IAAA,CAACH,wBAAwB;IACxBK,OAAO,EAAGA,OAAS;IACnBI,iBAAiB,EAAC,QAAQ;IAC1BH,kBAAkB,EAAGA,kBAAoB;IACzCC,iBAAiB,EAAGA,iBAAmB;IAAAC,QAAA,eAEvCL,IAAA,CAACJ,IAAI;MAACW,KAAK,EAAGT,MAAM,CAAE,eAAe,CAAI;MAAAO,QAAA,EAAGA;IAAQ,CAAQ;EAAC,CACpC,CAAC;AAE7B;AAEA,eAAeJ,YAAY","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -16,25 +15,29 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
  */
 import styles from './styles.scss';
 import ActionButton from './action-button';
+import { jsx as _jsx } from "react/jsx-runtime";
 function ApplyButton({
   onPress
 }) {
   const buttonTextStyle = usePreferredColorSchemeStyle(styles['button-text'], styles['button-text-dark']);
   const applyButtonStyle = usePreferredColorSchemeStyle(styles['apply-button-icon'], styles['apply-button-icon-dark']);
-  return createElement(View, {
-    style: styles['apply-button']
-  }, createElement(ActionButton, {
-    onPress: onPress,
-    accessibilityLabel: __('Apply'),
-    accessibilityHint: __('Applies the setting')
-  }, Platform.OS === 'ios' ? createElement(Text, {
-    style: buttonTextStyle,
-    maxFontSizeMultiplier: 2
-  }, __('Apply')) : createElement(Icon, {
-    icon: check,
-    size: 24,
-    style: applyButtonStyle
-  })));
+  return /*#__PURE__*/_jsx(View, {
+    style: styles['apply-button'],
+    children: /*#__PURE__*/_jsx(ActionButton, {
+      onPress: onPress,
+      accessibilityLabel: __('Apply'),
+      accessibilityHint: __('Applies the setting'),
+      children: Platform.OS === 'ios' ? /*#__PURE__*/_jsx(Text, {
+        style: buttonTextStyle,
+        maxFontSizeMultiplier: 2,
+        children: __('Apply')
+      }) : /*#__PURE__*/_jsx(Icon, {
+        icon: check,
+        size: 24,
+        style: applyButtonStyle
+      })
+    })
+  });
 }
 export default ApplyButton;
 //# sourceMappingURL=apply-button.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["View","Text","Platform","__","Icon","check","usePreferredColorSchemeStyle","styles","ActionButton","ApplyButton","onPress","buttonTextStyle","applyButtonStyle","createElement","style","accessibilityLabel","accessibilityHint","OS","maxFontSizeMultiplier","icon","size"],"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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;;AAEnD;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAClC,OAAOC,YAAY,MAAM,iBAAiB;AAE1C,SAASC,WAAWA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnC,MAAMC,eAAe,GAAGL,4BAA4B,CACnDC,MAAM,CAAE,aAAa,CAAE,EACvBA,MAAM,CAAE,kBAAkB,CAC3B,CAAC;EAED,MAAMK,gBAAgB,GAAGN,4BAA4B,CACpDC,MAAM,CAAE,mBAAmB,CAAE,EAC7BA,MAAM,CAAE,wBAAwB,CACjC,CAAC;EAED,OACCM,aAAA,CAACb,IAAI;IAACc,KAAK,EAAGP,MAAM,CAAE,cAAc;EAAI,GACvCM,aAAA,CAACL,YAAY;IACZE,OAAO,EAAGA,OAAS;IACnBK,kBAAkB,EAAGZ,EAAE,CAAE,OAAQ,CAAG;IACpCa,iBAAiB,EAAGb,EAAE,CAAE,qBAAsB;EAAG,GAE/CD,QAAQ,CAACe,EAAE,KAAK,KAAK,GACtBJ,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAGH,eAAiB;IAACO,qBAAqB,EAAG;EAAG,GACxDf,EAAE,CAAE,OAAQ,CACT,CAAC,GAEPU,aAAA,CAACT,IAAI;IACJe,IAAI,EAAGd,KAAO;IACde,IAAI,EAAG,EAAI;IACXN,KAAK,EAAGF;EAAkB,CAC1B,CAEW,CACT,CAAC;AAET;AAEA,eAAeH,WAAW","ignoreList":[]}
+{"version":3,"names":["View","Text","Platform","__","Icon","check","usePreferredColorSchemeStyle","styles","ActionButton","jsx","_jsx","ApplyButton","onPress","buttonTextStyle","applyButtonStyle","style","children","accessibilityLabel","accessibilityHint","OS","maxFontSizeMultiplier","icon","size"],"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":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;;AAEnD;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAClC,OAAOC,YAAY,MAAM,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,SAASC,WAAWA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnC,MAAMC,eAAe,GAAGP,4BAA4B,CACnDC,MAAM,CAAE,aAAa,CAAE,EACvBA,MAAM,CAAE,kBAAkB,CAC3B,CAAC;EAED,MAAMO,gBAAgB,GAAGR,4BAA4B,CACpDC,MAAM,CAAE,mBAAmB,CAAE,EAC7BA,MAAM,CAAE,wBAAwB,CACjC,CAAC;EAED,oBACCG,IAAA,CAACV,IAAI;IAACe,KAAK,EAAGR,MAAM,CAAE,cAAc,CAAI;IAAAS,QAAA,eACvCN,IAAA,CAACF,YAAY;MACZI,OAAO,EAAGA,OAAS;MACnBK,kBAAkB,EAAGd,EAAE,CAAE,OAAQ,CAAG;MACpCe,iBAAiB,EAAGf,EAAE,CAAE,qBAAsB,CAAG;MAAAa,QAAA,EAE/Cd,QAAQ,CAACiB,EAAE,KAAK,KAAK,gBACtBT,IAAA,CAACT,IAAI;QAACc,KAAK,EAAGF,eAAiB;QAACO,qBAAqB,EAAG,CAAG;QAAAJ,QAAA,EACxDb,EAAE,CAAE,OAAQ;MAAC,CACV,CAAC,gBAEPO,IAAA,CAACN,IAAI;QACJiB,IAAI,EAAGhB,KAAO;QACdiB,IAAI,EAAG,EAAI;QACXP,KAAK,EAAGD;MAAkB,CAC1B;IACD,CACY;EAAC,CACV,CAAC;AAET;AAEA,eAAeH,WAAW","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -17,22 +16,27 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 import styles from './styles.scss';
 import ActionButton from './action-button';
 import chevronBack from './../chevron-back';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function Button({
   onPress,
   icon,
   text
 }) {
   const buttonTextStyle = usePreferredColorSchemeStyle(styles['button-text'], styles['button-text-dark']);
-  return createElement(View, {
-    style: styles['back-button']
-  }, createElement(ActionButton, {
-    onPress: onPress,
-    accessibilityLabel: __('Go back'),
-    accessibilityHint: __('Navigates to the previous content sheet')
-  }, icon, text && createElement(Text, {
-    style: buttonTextStyle,
-    maxFontSizeMultiplier: 2
-  }, text)));
+  return /*#__PURE__*/_jsx(View, {
+    style: styles['back-button'],
+    children: /*#__PURE__*/_jsxs(ActionButton, {
+      onPress: onPress,
+      accessibilityLabel: __('Go back'),
+      accessibilityHint: __('Navigates to the previous content sheet'),
+      children: [icon, text && /*#__PURE__*/_jsx(Text, {
+        style: buttonTextStyle,
+        maxFontSizeMultiplier: 2,
+        children: text
+      })]
+    })
+  });
 }
 function BackButton({
   onPress
@@ -42,20 +46,20 @@ function BackButton({
   let backIcon;
   let backText;
   if (Platform.OS === 'ios') {
-    backIcon = createElement(Icon, {
+    backIcon = /*#__PURE__*/_jsx(Icon, {
       icon: chevronBack,
       size: 21,
       style: chevronLeftStyle
     });
     backText = __('Back');
   } else {
-    backIcon = createElement(Icon, {
+    backIcon = /*#__PURE__*/_jsx(Icon, {
       icon: arrowLeft,
       size: 24,
       style: arrowLeftStyle
     });
   }
-  return createElement(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     onPress: onPress,
     icon: backIcon,
     text: backText
@@ -71,13 +75,13 @@ function DismissButton({
   if (Platform.OS === 'ios') {
     backText = iosText ? iosText : __('Cancel');
   } else {
-    backIcon = createElement(Icon, {
+    backIcon = /*#__PURE__*/_jsx(Icon, {
       icon: close,
       size: 24,
       style: arrowLeftStyle
     });
   }
-  return createElement(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     onPress: onPress,
     icon: backIcon,
     text: backText

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

@@ -1 +1 @@
-{"version":3,"names":["View","Platform","Text","__","Icon","arrowLeft","close","usePreferredColorSchemeStyle","styles","ActionButton","chevronBack","Button","onPress","icon","text","buttonTextStyle","createElement","style","accessibilityLabel","accessibilityHint","maxFontSizeMultiplier","BackButton","chevronLeftStyle","arrowLeftStyle","backIcon","backText","OS","size","DismissButton","iosText","Back","Dismiss"],"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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","ignoreList":[]}
+{"version":3,"names":["View","Platform","Text","__","Icon","arrowLeft","close","usePreferredColorSchemeStyle","styles","ActionButton","chevronBack","jsx","_jsx","jsxs","_jsxs","Button","onPress","icon","text","buttonTextStyle","style","children","accessibilityLabel","accessibilityHint","maxFontSizeMultiplier","BackButton","chevronLeftStyle","arrowLeftStyle","backIcon","backText","OS","size","DismissButton","iosText","Back","Dismiss"],"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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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -13,15 +12,17 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
  * Internal dependencies
  */
 import styles from './styles.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 function Heading({
   children
 }) {
   const headingStyle = usePreferredColorSchemeStyle(styles.heading, styles['heading-dark']);
-  return createElement(Text, {
+  return /*#__PURE__*/_jsx(Text, {
     accessibilityRole: "header",
     style: headingStyle,
-    maxFontSizeMultiplier: 3
-  }, children);
+    maxFontSizeMultiplier: 3,
+    children: children
+  });
 }
 export default Heading;
 //# sourceMappingURL=heading.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Text","usePreferredColorSchemeStyle","styles","Heading","children","headingStyle","heading","createElement","accessibilityRole","style","maxFontSizeMultiplier"],"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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAElC,SAASC,OAAOA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAChC,MAAMC,YAAY,GAAGJ,4BAA4B,CAChDC,MAAM,CAACI,OAAO,EACdJ,MAAM,CAAE,cAAc,CACvB,CAAC;EAED,OACCK,aAAA,CAACP,IAAI;IACJQ,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAGJ,YAAc;IACtBK,qBAAqB,EAAG;EAAG,GAEzBN,QACG,CAAC;AAET;AAEA,eAAeD,OAAO","ignoreList":[]}
+{"version":3,"names":["Text","usePreferredColorSchemeStyle","styles","jsx","_jsx","Heading","children","headingStyle","heading","accessibilityRole","style","maxFontSizeMultiplier"],"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":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,SAASC,OAAOA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAChC,MAAMC,YAAY,GAAGN,4BAA4B,CAChDC,MAAM,CAACM,OAAO,EACdN,MAAM,CAAE,cAAc,CACvB,CAAC;EAED,oBACCE,IAAA,CAACJ,IAAI;IACJS,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAGH,YAAc;IACtBI,qBAAqB,EAAG,CAAG;IAAAL,QAAA,EAEzBA;EAAQ,CACL,CAAC;AAET;AAEA,eAAeD,OAAO","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -11,12 +10,14 @@ import ApplyButton from './apply-button';
 import Button from './back-button';
 import Heading from './heading';
 import styles from './styles.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 function NavBar({
   children
 }) {
-  return createElement(View, {
-    style: styles['nav-bar']
-  }, children);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles['nav-bar'],
+    children: children
+  });
 }
 NavBar.ApplyButton = ApplyButton;
 NavBar.BackButton = Button.Back;

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

@@ -1 +1 @@
-{"version":3,"names":["View","ApplyButton","Button","Heading","styles","NavBar","children","createElement","style","BackButton","Back","DismissButton","Dismiss"],"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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,MAAM,MAAM,eAAe;AAClC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,MAAM,MAAM,eAAe;AAClC,SAASC,MAAMA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/B,OAAOC,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAGJ,MAAM,CAAE,SAAS;EAAI,GAAGE,QAAgB,CAAC;AAC/D;AAEAD,MAAM,CAACJ,WAAW,GAAGA,WAAW;AAChCI,MAAM,CAACI,UAAU,GAAGP,MAAM,CAACQ,IAAI;AAC/BL,MAAM,CAACM,aAAa,GAAGT,MAAM,CAACU,OAAO;AAErCP,MAAM,CAACF,OAAO,GAAGA,OAAO;AAExB,eAAeE,MAAM","ignoreList":[]}
+{"version":3,"names":["View","ApplyButton","Button","Heading","styles","jsx","_jsx","NavBar","children","style","BackButton","Back","DismissButton","Dismiss"],"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":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,MAAM,MAAM,eAAe;AAClC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,MAAM,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AACnC,SAASC,MAAMA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/B,oBAAOF,IAAA,CAACN,IAAI;IAACS,KAAK,EAAGL,MAAM,CAAE,SAAS,CAAI;IAAAI,QAAA,EAAGA;EAAQ,CAAQ,CAAC;AAC/D;AAEAD,MAAM,CAACN,WAAW,GAAGA,WAAW;AAChCM,MAAM,CAACG,UAAU,GAAGR,MAAM,CAACS,IAAI;AAC/BJ,MAAM,CAACK,aAAa,GAAGV,MAAM,CAACW,OAAO;AAErCN,MAAM,CAACJ,OAAO,GAAGA,OAAO;AAExB,eAAeI,MAAM","ignoreList":[]}

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

@@ -1,9 +1,9 @@
-import { createElement } from "react";
 /**
  * Internal dependencies
  */
 import Cell from './cell';
 import Picker from '../picker';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function BottomSheetPickerCell(props) {
   const {
     options,
@@ -21,17 +21,18 @@ export default function BottomSheetPickerCell(props) {
   };
   const option = options.find(opt => opt.value === value);
   const label = option ? option.label : value;
-  return createElement(Cell, {
+  return /*#__PURE__*/_jsx(Cell, {
     onPress: onCellPress,
     editable: false,
     value: label,
-    ...cellProps
-  }, createElement(Picker, {
-    leftAlign: true,
-    hideCancelButton: hideCancelButton,
-    ref: instance => picker = instance,
-    options: options,
-    onChange: onChange
-  }));
+    ...cellProps,
+    children: /*#__PURE__*/_jsx(Picker, {
+      leftAlign: true,
+      hideCancelButton: hideCancelButton,
+      ref: instance => picker = instance,
+      options: options,
+      onChange: onChange
+    })
+  });
 }
 //# sourceMappingURL=picker-cell.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Cell","Picker","BottomSheetPickerCell","props","options","hideCancelButton","onChangeValue","value","cellProps","picker","onCellPress","presentPicker","onChange","newValue","option","find","opt","label","createElement","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":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,MAAM,MAAM,WAAW;AAE9B,eAAe,SAASC,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,OACCW,aAAA,CAAClB,IAAI;IACJmB,OAAO,EAAGT,WAAa;IACvBU,QAAQ,EAAG,KAAO;IAClBb,KAAK,EAAGU,KAAO;IAAA,GACVT;EAAS,GAEdU,aAAA,CAACjB,MAAM;IACNoB,SAAS;IACThB,gBAAgB,EAAGA,gBAAkB;IACrCiB,GAAG,EAAKC,QAAQ,IAAQd,MAAM,GAAGc,QAAY;IAC7CnB,OAAO,EAAGA,OAAS;IACnBQ,QAAQ,EAAGA;EAAU,CACrB,CACI,CAAC;AAET","ignoreList":[]}
+{"version":3,"names":["Cell","Picker","jsx","_jsx","BottomSheetPickerCell","props","options","hideCancelButton","onChangeValue","value","cellProps","picker","onCellPress","presentPicker","onChange","newValue","option","find","opt","label","onPress","editable","children","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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,MAAM,MAAM,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/B,eAAe,SAASC,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,oBACCN,IAAA,CAACH,IAAI;IACJoB,OAAO,EAAGR,WAAa;IACvBS,QAAQ,EAAG,KAAO;IAClBZ,KAAK,EAAGU,KAAO;IAAA,GACVT,SAAS;IAAAY,QAAA,eAEdnB,IAAA,CAACF,MAAM;MACNsB,SAAS;MACThB,gBAAgB,EAAGA,gBAAkB;MACrCiB,GAAG,EAAKC,QAAQ,IAAQd,MAAM,GAAGc,QAAY;MAC7CnB,OAAO,EAAGA,OAAS;MACnBQ,QAAQ,EAAGA;IAAU,CACrB;EAAC,CACG,CAAC;AAET","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -10,26 +9,28 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
  */
 import Cell from './cell';
 import styles from './styles.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function BottomSheetRadioCell(props) {
   const {
     selected,
     ...cellProps
   } = props;
   const selectedIconStyle = usePreferredColorSchemeStyle(styles.selectedIcon, styles.selectedIconDark);
-  return createElement(Cell, {
+  return /*#__PURE__*/_jsx(Cell, {
     ...cellProps,
-    accessibilityRole: 'radio',
+    accessibilityRole: "radio",
     accessibilityState: {
       selected
     },
     accessibilityHint: /* translators: accessibility text (hint for selecting option) */
     __('Double tap to select the option'),
     editable: false,
-    value: '',
-    showLockIcon: selected
-  }, selected && createElement(Icon, {
-    icon: check,
-    style: selectedIconStyle
-  }));
+    value: "",
+    showLockIcon: selected,
+    children: selected && /*#__PURE__*/_jsx(Icon, {
+      icon: check,
+      style: selectedIconStyle
+    })
+  });
 }
 //# sourceMappingURL=radio-cell.native.js.map