@wordpress/components 25.8.6 → 25.9.1

package/build/mobile/link-picker/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_clipboard","_interopRequireDefault","_i18n","_components","_url","_icons","_compose","_linkPickerResults","_navBar","_styles","createDirectEntry","value","type","protocol","getProtocol","toLowerCase","includes","startsWith","isDirectEntry","title","url","prependHTTP","exports","getURLFromClipboard","text","Clipboard","getString","isURL","LinkPicker","initialValue","onLinkPicked","onCancel","cancel","setValue","useState","clipboardUrl","setClipboardUrl","directEntry","pickLink","onSubmit","clear","omniCellStyle","usePreferredColorSchemeStyle","styles","omniCell","omniCellDark","iconStyle","icon","iconDark","useEffect","then","catch","createElement","SafeAreaView","style","safeArea","default","DismissButton","onPress","Heading","__","ApplyButton","View","contentContainer","BottomSheet","Cell","link","valueStyle","omniInput","placeholder","autoCapitalize","autoCorrect","keyboardType","onChangeValue","autoFocus","separatorType","TouchableOpacity","clearIcon","Icon","cancelCircleFilled","fill","color","size","LinkSuggestionItemCell","accessible","accessibilityLabel","sprintf","suggestion","query"],"sources":["@wordpress/components/src/mobile/link-picker/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView, TouchableOpacity, View } from 'react-native';\nimport Clipboard from '@react-native-clipboard/clipboard';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { BottomSheet, Icon } from '@wordpress/components';\nimport { getProtocol, isURL, prependHTTP } from '@wordpress/url';\nimport { link, cancelCircleFilled } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport LinkPickerResults from './link-picker-results';\nimport NavBar from '../bottom-sheet/nav-bar';\nimport styles from './styles.scss';\n\n// This creates a search suggestion for adding a url directly.\nexport const createDirectEntry = ( value ) => {\n\tlet type = 'URL';\n\n\tconst protocol = getProtocol( value )?.toLowerCase() || '';\n\n\tif ( protocol.includes( 'mailto' ) ) {\n\t\ttype = 'mailto';\n\t}\n\n\tif ( protocol.includes( 'tel' ) ) {\n\t\ttype = 'tel';\n\t}\n\n\tif ( value?.startsWith( '#' ) ) {\n\t\ttype = 'internal';\n\t}\n\n\treturn {\n\t\tisDirectEntry: true,\n\t\ttitle: value,\n\t\turl: type === 'URL' ? prependHTTP( value ) : value,\n\t\ttype,\n\t};\n};\n\nconst getURLFromClipboard = async () => {\n\tconst text = await Clipboard.getString();\n\treturn !! text && isURL( text ) ? text : '';\n};\n\nexport const LinkPicker = ( {\n\tvalue: initialValue,\n\tonLinkPicked,\n\tonCancel: cancel,\n} ) => {\n\tconst [ value, setValue ] = useState( initialValue );\n\tconst [ clipboardUrl, setClipboardUrl ] = useState( '' );\n\tconst directEntry = createDirectEntry( value );\n\n\t// The title of a direct entry is displayed as the raw input value, but if we\n\t// are replacing empty text, we want to use the generated url.\n\tconst pickLink = ( { title, url, isDirectEntry } ) => {\n\t\tonLinkPicked( { title: isDirectEntry ? url : title, url } );\n\t};\n\n\tconst onSubmit = () => {\n\t\tpickLink( directEntry );\n\t};\n\n\tconst clear = () => {\n\t\tsetValue( '' );\n\t\tsetClipboardUrl( '' );\n\t};\n\n\tconst omniCellStyle = usePreferredColorSchemeStyle(\n\t\tstyles.omniCell,\n\t\tstyles.omniCellDark\n\t);\n\n\tconst iconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.icon,\n\t\tstyles.iconDark\n\t);\n\n\tuseEffect( () => {\n\t\tgetURLFromClipboard()\n\t\t\t.then( setClipboardUrl )\n\t\t\t.catch( () => setClipboardUrl( '' ) );\n\t}, [] );\n\n\t// TODO: Localize the accessibility label.\n\t// TODO: Decide on if `LinkSuggestionItemCell` with `isDirectEntry` makes sense.\n\treturn (\n\t\t<SafeAreaView style={ styles.safeArea }>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.DismissButton onPress={ cancel } />\n\t\t\t\t<NavBar.Heading>{ __( 'Link to' ) }</NavBar.Heading>\n\t\t\t\t<NavBar.ApplyButton onPress={ onSubmit } />\n\t\t\t</NavBar>\n\t\t\t<View style={ styles.contentContainer }>\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ link }\n\t\t\t\t\tstyle={ omniCellStyle }\n\t\t\t\t\tvalueStyle={ styles.omniInput }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tplaceholder={ __( 'Search or type URL' ) }\n\t\t\t\t\tautoCapitalize=\"none\"\n\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\tkeyboardType=\"url\"\n\t\t\t\t\tonChangeValue={ setValue }\n\t\t\t\t\tonSubmit={ onSubmit }\n\t\t\t\t\t/* eslint-disable-next-line jsx-a11y/no-autofocus */\n\t\t\t\t\tautoFocus\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t>\n\t\t\t\t\t{ value !== '' && (\n\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\tonPress={ clear }\n\t\t\t\t\t\t\tstyle={ styles.clearIcon }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ cancelCircleFilled }\n\t\t\t\t\t\t\t\tfill={ iconStyle.color }\n\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t) }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t{ !! clipboardUrl && clipboardUrl !== value && (\n\t\t\t\t\t<BottomSheet.LinkSuggestionItemCell\n\t\t\t\t\t\taccessible\n\t\t\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t\t\t/* translators: Copy URL from the clipboard, https://sample.url */\n\t\t\t\t\t\t\t__( 'Copy URL from the clipboard, %s' ),\n\t\t\t\t\t\t\tclipboardUrl\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tsuggestion={ {\n\t\t\t\t\t\t\ttype: 'clipboard',\n\t\t\t\t\t\t\turl: clipboardUrl,\n\t\t\t\t\t\t\tisDirectEntry: true,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonLinkPicked={ pickLink }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ !! value && (\n\t\t\t\t\t<LinkPickerResults\n\t\t\t\t\t\tquery={ value }\n\t\t\t\t\t\tonLinkPicked={ pickLink }\n\t\t\t\t\t\tdirectEntry={ directEntry }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</SafeAreaView>\n\t);\n};\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_clipboard","_interopRequireDefault","_element","_i18n","_components","_url","_icons","_compose","_linkPickerResults","_navBar","_styles","createDirectEntry","value","type","protocol","getProtocol","toLowerCase","includes","startsWith","isDirectEntry","title","url","prependHTTP","exports","getURLFromClipboard","text","Clipboard","getString","isURL","LinkPicker","initialValue","onLinkPicked","onCancel","cancel","setValue","useState","clipboardUrl","setClipboardUrl","directEntry","pickLink","onSubmit","clear","omniCellStyle","usePreferredColorSchemeStyle","styles","omniCell","omniCellDark","iconStyle","icon","iconDark","useEffect","then","catch","_react","createElement","SafeAreaView","style","safeArea","default","DismissButton","onPress","Heading","__","ApplyButton","View","contentContainer","BottomSheet","Cell","link","valueStyle","omniInput","placeholder","autoCapitalize","autoCorrect","keyboardType","onChangeValue","autoFocus","separatorType","TouchableOpacity","clearIcon","Icon","cancelCircleFilled","fill","color","size","LinkSuggestionItemCell","accessible","accessibilityLabel","sprintf","suggestion","query"],"sources":["@wordpress/components/src/mobile/link-picker/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView, TouchableOpacity, View } from 'react-native';\nimport Clipboard from '@react-native-clipboard/clipboard';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { BottomSheet, Icon } from '@wordpress/components';\nimport { getProtocol, isURL, prependHTTP } from '@wordpress/url';\nimport { link, cancelCircleFilled } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport LinkPickerResults from './link-picker-results';\nimport NavBar from '../bottom-sheet/nav-bar';\nimport styles from './styles.scss';\n\n// This creates a search suggestion for adding a url directly.\nexport const createDirectEntry = ( value ) => {\n\tlet type = 'URL';\n\n\tconst protocol = getProtocol( value )?.toLowerCase() || '';\n\n\tif ( protocol.includes( 'mailto' ) ) {\n\t\ttype = 'mailto';\n\t}\n\n\tif ( protocol.includes( 'tel' ) ) {\n\t\ttype = 'tel';\n\t}\n\n\tif ( value?.startsWith( '#' ) ) {\n\t\ttype = 'internal';\n\t}\n\n\treturn {\n\t\tisDirectEntry: true,\n\t\ttitle: value,\n\t\turl: type === 'URL' ? prependHTTP( value ) : value,\n\t\ttype,\n\t};\n};\n\nconst getURLFromClipboard = async () => {\n\tconst text = await Clipboard.getString();\n\treturn !! text && isURL( text ) ? text : '';\n};\n\nexport const LinkPicker = ( {\n\tvalue: initialValue,\n\tonLinkPicked,\n\tonCancel: cancel,\n} ) => {\n\tconst [ value, setValue ] = useState( initialValue );\n\tconst [ clipboardUrl, setClipboardUrl ] = useState( '' );\n\tconst directEntry = createDirectEntry( value );\n\n\t// The title of a direct entry is displayed as the raw input value, but if we\n\t// are replacing empty text, we want to use the generated url.\n\tconst pickLink = ( { title, url, isDirectEntry } ) => {\n\t\tonLinkPicked( { title: isDirectEntry ? url : title, url } );\n\t};\n\n\tconst onSubmit = () => {\n\t\tpickLink( directEntry );\n\t};\n\n\tconst clear = () => {\n\t\tsetValue( '' );\n\t\tsetClipboardUrl( '' );\n\t};\n\n\tconst omniCellStyle = usePreferredColorSchemeStyle(\n\t\tstyles.omniCell,\n\t\tstyles.omniCellDark\n\t);\n\n\tconst iconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.icon,\n\t\tstyles.iconDark\n\t);\n\n\tuseEffect( () => {\n\t\tgetURLFromClipboard()\n\t\t\t.then( setClipboardUrl )\n\t\t\t.catch( () => setClipboardUrl( '' ) );\n\t}, [] );\n\n\t// TODO: Localize the accessibility label.\n\t// TODO: Decide on if `LinkSuggestionItemCell` with `isDirectEntry` makes sense.\n\treturn (\n\t\t<SafeAreaView style={ styles.safeArea }>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.DismissButton onPress={ cancel } />\n\t\t\t\t<NavBar.Heading>{ __( 'Link to' ) }</NavBar.Heading>\n\t\t\t\t<NavBar.ApplyButton onPress={ onSubmit } />\n\t\t\t</NavBar>\n\t\t\t<View style={ styles.contentContainer }>\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ link }\n\t\t\t\t\tstyle={ omniCellStyle }\n\t\t\t\t\tvalueStyle={ styles.omniInput }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tplaceholder={ __( 'Search or type URL' ) }\n\t\t\t\t\tautoCapitalize=\"none\"\n\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\tkeyboardType=\"url\"\n\t\t\t\t\tonChangeValue={ setValue }\n\t\t\t\t\tonSubmit={ onSubmit }\n\t\t\t\t\t/* eslint-disable-next-line jsx-a11y/no-autofocus */\n\t\t\t\t\tautoFocus\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t>\n\t\t\t\t\t{ value !== '' && (\n\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\tonPress={ clear }\n\t\t\t\t\t\t\tstyle={ styles.clearIcon }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ cancelCircleFilled }\n\t\t\t\t\t\t\t\tfill={ iconStyle.color }\n\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t) }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t{ !! clipboardUrl && clipboardUrl !== value && (\n\t\t\t\t\t<BottomSheet.LinkSuggestionItemCell\n\t\t\t\t\t\taccessible\n\t\t\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t\t\t/* translators: Copy URL from the clipboard, https://sample.url */\n\t\t\t\t\t\t\t__( 'Copy URL from the clipboard, %s' ),\n\t\t\t\t\t\t\tclipboardUrl\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tsuggestion={ {\n\t\t\t\t\t\t\ttype: 'clipboard',\n\t\t\t\t\t\t\turl: clipboardUrl,\n\t\t\t\t\t\t\tisDirectEntry: true,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonLinkPicked={ pickLink }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ !! value && (\n\t\t\t\t\t<LinkPickerResults\n\t\t\t\t\t\tquery={ value }\n\t\t\t\t\t\tonLinkPicked={ pickLink }\n\t\t\t\t\t\tdirectEntry={ directEntry }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</SafeAreaView>\n\t);\n};\n"],"mappings":"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"}

package/build/mobile/link-picker/link-picker-results.native.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LinkPickerResults;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
@@ -114,20 +115,20 @@ function LinkPickerResults({
     query,
     links
   });
-  const spinner = !hasAllSuggestions && meetsThreshold(query) && (0, _element.createElement)(_reactNative.View, {
+  const spinner = !hasAllSuggestions && meetsThreshold(query) && (0, _react.createElement)(_reactNative.View, {
     style: _styles.default.spinner,
     testID: "link-picker-loading"
-  }, (0, _element.createElement)(_reactNative.ActivityIndicator, {
+  }, (0, _react.createElement)(_reactNative.ActivityIndicator, {
     animating: true
   }));
-  return (0, _element.createElement)(_components.BottomSheetConsumer, null, ({
+  return (0, _react.createElement)(_components.BottomSheetConsumer, null, ({
     listProps
-  }) => (0, _element.createElement)(_reactNative.FlatList, {
+  }) => (0, _react.createElement)(_reactNative.FlatList, {
     data: links,
     keyboardShouldPersistTaps: "always",
     renderItem: ({
       item
-    }) => (0, _element.createElement)(_components.BottomSheet.LinkSuggestionItemCell, {
+    }) => (0, _react.createElement)(_components.BottomSheet.LinkSuggestionItemCell, {
       suggestion: item,
       onLinkPicked: onLinkPicked
     }),

package/build/mobile/link-picker/link-picker-results.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_components","_compose","_data","_styles","_interopRequireDefault","PER_PAGE","REQUEST_DEBOUNCE_DELAY","MINIMUM_QUERY_SIZE","meetsThreshold","query","length","LinkPickerResults","onLinkPicked","directEntry","links","setLinks","useState","hasAllSuggestions","setHasAllSuggestions","nextPage","useRef","pendingRequest","clearRequest","current","fetchMoreSuggestions","useSelect","select","getSettings","fetchLinkSuggestions","search","__experimentalFetchLinkSuggestions","page","type","perPage","fetchMore","currentSuggestions","request","suggestions","debounce","useEffect","onEndReached","spinner","createElement","View","style","styles","testID","ActivityIndicator","animating","BottomSheetConsumer","listProps","FlatList","data","keyboardShouldPersistTaps","renderItem","item","BottomSheet","LinkSuggestionItemCell","suggestion","keyExtractor","url","onEndReachedThreshold","initialNumToRender","ListFooterComponent","contentContainerStyle","list"],"sources":["@wordpress/components/src/mobile/link-picker/link-picker-results.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ActivityIndicator, FlatList, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheet, BottomSheetConsumer } from '@wordpress/components';\nimport { debounce } from '@wordpress/compose';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst PER_PAGE = 20;\nconst REQUEST_DEBOUNCE_DELAY = 400;\nconst MINIMUM_QUERY_SIZE = 2;\nconst meetsThreshold = ( query ) => MINIMUM_QUERY_SIZE <= query.length;\n\nexport default function LinkPickerResults( {\n\tquery,\n\tonLinkPicked,\n\tdirectEntry,\n} ) {\n\tconst [ links, setLinks ] = useState( [ directEntry ] );\n\tconst [ hasAllSuggestions, setHasAllSuggestions ] = useState( false );\n\tconst nextPage = useRef( 1 );\n\tconst pendingRequest = useRef();\n\tconst clearRequest = () => {\n\t\tpendingRequest.current = null;\n\t};\n\n\t// A stable debounced function to fetch suggestions and append.\n\tconst { fetchMoreSuggestions } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( 'core/block-editor' );\n\t\tconst fetchLinkSuggestions = async ( { search } ) => {\n\t\t\tif ( meetsThreshold( search ) ) {\n\t\t\t\treturn await getSettings().__experimentalFetchLinkSuggestions(\n\t\t\t\t\tsearch,\n\t\t\t\t\t{ page: nextPage.current, type: 'post', perPage: PER_PAGE }\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t\tconst fetchMore = async ( {\n\t\t\tquery: search,\n\t\t\tlinks: currentSuggestions,\n\t\t} ) => {\n\t\t\t// Return early if we've already detected the end of data or we are\n\t\t\t// already awaiting a response.\n\t\t\tif ( hasAllSuggestions || pendingRequest.current ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst request = fetchLinkSuggestions( { search } );\n\t\t\tpendingRequest.current = request;\n\t\t\tconst suggestions = await request;\n\n\t\t\t// Only update links for the most recent request.\n\t\t\tif ( suggestions && request === pendingRequest.current ) {\n\t\t\t\t// Since we don't have the response header, we check if the results\n\t\t\t\t// are truncated to determine we've reached the end.\n\t\t\t\tif ( suggestions.length < PER_PAGE ) {\n\t\t\t\t\tsetHasAllSuggestions( true );\n\t\t\t\t}\n\t\t\t\tsetLinks( [ ...currentSuggestions, ...suggestions ] );\n\t\t\t\tnextPage.current++;\n\t\t\t}\n\n\t\t\tclearRequest();\n\t\t};\n\t\treturn {\n\t\t\tfetchMoreSuggestions: debounce( fetchMore, REQUEST_DEBOUNCE_DELAY ),\n\t\t};\n\t\t// Disable eslint rule for now, to avoid introducing a regression\n\t\t// (see https://github.com/WordPress/gutenberg/pull/23922#discussion_r1170634879).\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\t// Prevent setting state when unmounted.\n\tuseEffect( () => clearRequest, [] );\n\n\t// Any time the query changes, we reset pagination.\n\tuseEffect( () => {\n\t\tclearRequest();\n\t\tnextPage.current = 1;\n\t\tsetHasAllSuggestions( false );\n\t\tsetLinks( [ directEntry ] );\n\t\tfetchMoreSuggestions( { query, links: [ directEntry ] } );\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ query ] );\n\n\tconst onEndReached = () => fetchMoreSuggestions( { query, links } );\n\n\tconst spinner = ! hasAllSuggestions && meetsThreshold( query ) && (\n\t\t<View style={ styles.spinner } testID=\"link-picker-loading\">\n\t\t\t<ActivityIndicator animating />\n\t\t</View>\n\t);\n\n\treturn (\n\t\t<BottomSheetConsumer>\n\t\t\t{ ( { listProps } ) => (\n\t\t\t\t<FlatList\n\t\t\t\t\tdata={ links }\n\t\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\t\trenderItem={ ( { item } ) => (\n\t\t\t\t\t\t<BottomSheet.LinkSuggestionItemCell\n\t\t\t\t\t\t\tsuggestion={ item }\n\t\t\t\t\t\t\tonLinkPicked={ onLinkPicked }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\tkeyExtractor={ ( { url, type } ) => `${ url }-${ type }` }\n\t\t\t\t\tonEndReached={ onEndReached }\n\t\t\t\t\tonEndReachedThreshold={ 0.1 }\n\t\t\t\t\tinitialNumToRender={ PER_PAGE }\n\t\t\t\t\tListFooterComponent={ spinner }\n\t\t\t\t\t{ ...listProps }\n\t\t\t\t\tcontentContainerStyle={ [\n\t\t\t\t\t\t...listProps.contentContainerStyle,\n\t\t\t\t\t\tstyles.list,\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</BottomSheetConsumer>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_components","_compose","_element","_data","_styles","_interopRequireDefault","PER_PAGE","REQUEST_DEBOUNCE_DELAY","MINIMUM_QUERY_SIZE","meetsThreshold","query","length","LinkPickerResults","onLinkPicked","directEntry","links","setLinks","useState","hasAllSuggestions","setHasAllSuggestions","nextPage","useRef","pendingRequest","clearRequest","current","fetchMoreSuggestions","useSelect","select","getSettings","fetchLinkSuggestions","search","__experimentalFetchLinkSuggestions","page","type","perPage","fetchMore","currentSuggestions","request","suggestions","debounce","useEffect","onEndReached","spinner","_react","createElement","View","style","styles","testID","ActivityIndicator","animating","BottomSheetConsumer","listProps","FlatList","data","keyboardShouldPersistTaps","renderItem","item","BottomSheet","LinkSuggestionItemCell","suggestion","keyExtractor","url","onEndReachedThreshold","initialNumToRender","ListFooterComponent","contentContainerStyle","list"],"sources":["@wordpress/components/src/mobile/link-picker/link-picker-results.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ActivityIndicator, FlatList, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheet, BottomSheetConsumer } from '@wordpress/components';\nimport { debounce } from '@wordpress/compose';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst PER_PAGE = 20;\nconst REQUEST_DEBOUNCE_DELAY = 400;\nconst MINIMUM_QUERY_SIZE = 2;\nconst meetsThreshold = ( query ) => MINIMUM_QUERY_SIZE <= query.length;\n\nexport default function LinkPickerResults( {\n\tquery,\n\tonLinkPicked,\n\tdirectEntry,\n} ) {\n\tconst [ links, setLinks ] = useState( [ directEntry ] );\n\tconst [ hasAllSuggestions, setHasAllSuggestions ] = useState( false );\n\tconst nextPage = useRef( 1 );\n\tconst pendingRequest = useRef();\n\tconst clearRequest = () => {\n\t\tpendingRequest.current = null;\n\t};\n\n\t// A stable debounced function to fetch suggestions and append.\n\tconst { fetchMoreSuggestions } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( 'core/block-editor' );\n\t\tconst fetchLinkSuggestions = async ( { search } ) => {\n\t\t\tif ( meetsThreshold( search ) ) {\n\t\t\t\treturn await getSettings().__experimentalFetchLinkSuggestions(\n\t\t\t\t\tsearch,\n\t\t\t\t\t{ page: nextPage.current, type: 'post', perPage: PER_PAGE }\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t\tconst fetchMore = async ( {\n\t\t\tquery: search,\n\t\t\tlinks: currentSuggestions,\n\t\t} ) => {\n\t\t\t// Return early if we've already detected the end of data or we are\n\t\t\t// already awaiting a response.\n\t\t\tif ( hasAllSuggestions || pendingRequest.current ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst request = fetchLinkSuggestions( { search } );\n\t\t\tpendingRequest.current = request;\n\t\t\tconst suggestions = await request;\n\n\t\t\t// Only update links for the most recent request.\n\t\t\tif ( suggestions && request === pendingRequest.current ) {\n\t\t\t\t// Since we don't have the response header, we check if the results\n\t\t\t\t// are truncated to determine we've reached the end.\n\t\t\t\tif ( suggestions.length < PER_PAGE ) {\n\t\t\t\t\tsetHasAllSuggestions( true );\n\t\t\t\t}\n\t\t\t\tsetLinks( [ ...currentSuggestions, ...suggestions ] );\n\t\t\t\tnextPage.current++;\n\t\t\t}\n\n\t\t\tclearRequest();\n\t\t};\n\t\treturn {\n\t\t\tfetchMoreSuggestions: debounce( fetchMore, REQUEST_DEBOUNCE_DELAY ),\n\t\t};\n\t\t// Disable eslint rule for now, to avoid introducing a regression\n\t\t// (see https://github.com/WordPress/gutenberg/pull/23922#discussion_r1170634879).\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\t// Prevent setting state when unmounted.\n\tuseEffect( () => clearRequest, [] );\n\n\t// Any time the query changes, we reset pagination.\n\tuseEffect( () => {\n\t\tclearRequest();\n\t\tnextPage.current = 1;\n\t\tsetHasAllSuggestions( false );\n\t\tsetLinks( [ directEntry ] );\n\t\tfetchMoreSuggestions( { query, links: [ directEntry ] } );\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ query ] );\n\n\tconst onEndReached = () => fetchMoreSuggestions( { query, links } );\n\n\tconst spinner = ! hasAllSuggestions && meetsThreshold( query ) && (\n\t\t<View style={ styles.spinner } testID=\"link-picker-loading\">\n\t\t\t<ActivityIndicator animating />\n\t\t</View>\n\t);\n\n\treturn (\n\t\t<BottomSheetConsumer>\n\t\t\t{ ( { listProps } ) => (\n\t\t\t\t<FlatList\n\t\t\t\t\tdata={ links }\n\t\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\t\trenderItem={ ( { item } ) => (\n\t\t\t\t\t\t<BottomSheet.LinkSuggestionItemCell\n\t\t\t\t\t\t\tsuggestion={ item }\n\t\t\t\t\t\t\tonLinkPicked={ onLinkPicked }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\tkeyExtractor={ ( { url, type } ) => `${ url }-${ type }` }\n\t\t\t\t\tonEndReached={ onEndReached }\n\t\t\t\t\tonEndReachedThreshold={ 0.1 }\n\t\t\t\t\tinitialNumToRender={ PER_PAGE }\n\t\t\t\t\tListFooterComponent={ spinner }\n\t\t\t\t\t{ ...listProps }\n\t\t\t\t\tcontentContainerStyle={ [\n\t\t\t\t\t\t...listProps.contentContainerStyle,\n\t\t\t\t\t\tstyles.list,\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</BottomSheetConsumer>\n\t);\n}\n"],"mappings":"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"}

package/build/mobile/link-picker/link-picker-screen.native.js

@@ -4,9 +4,10 @@ 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 _native = require("@react-navigation/native");
+var _element = require("@wordpress/element");
 var _ = require("./");
 /**
  * External dependencies
@@ -55,7 +56,7 @@ const LinkPickerScreen = ({
     inputValue
   } = route.params;
   return (0, _element.useMemo)(() => {
-    return (0, _element.createElement)(_.LinkPicker, {
+    return (0, _react.createElement)(_.LinkPicker, {
       value: inputValue,
       onLinkPicked: onLinkPicked,
       onCancel: onCancel

package/build/mobile/link-picker/link-picker-screen.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_native","_","LinkPickerScreen","returnScreenName","navigation","useNavigation","route","useRoute","navigateToLinkTimeoutRef","useRef","navigateBackTimeoutRef","onLinkPicked","url","title","Keyboard","dismiss","current","setTimeout","navigate","inputValue","text","onCancel","goBack","useEffect","clearTimeout","params","useMemo","createElement","LinkPicker","value","_default","exports","default"],"sources":["@wordpress/components/src/mobile/link-picker/link-picker-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Keyboard } from 'react-native';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { LinkPicker } from './';\n\nconst LinkPickerScreen = ( { returnScreenName } ) => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst navigateToLinkTimeoutRef = useRef( null );\n\tconst navigateBackTimeoutRef = useRef( null );\n\n\tconst onLinkPicked = ( { url, title } ) => {\n\t\tKeyboard.dismiss();\n\t\tnavigateToLinkTimeoutRef.current = setTimeout( () => {\n\t\t\tnavigation.navigate( returnScreenName, {\n\t\t\t\tinputValue: url,\n\t\t\t\ttext: title,\n\t\t\t} );\n\t\t}, 100 );\n\t};\n\n\tconst onCancel = () => {\n\t\tKeyboard.dismiss();\n\t\tnavigateBackTimeoutRef.current = setTimeout( () => {\n\t\t\tnavigation.goBack();\n\t\t}, 100 );\n\t};\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tclearTimeout( navigateToLinkTimeoutRef.current );\n\t\t\tclearTimeout( navigateBackTimeoutRef.current );\n\t\t};\n\t}, [] );\n\n\tconst { inputValue } = route.params;\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<LinkPicker\n\t\t\t\tvalue={ inputValue }\n\t\t\t\tonLinkPicked={ onLinkPicked }\n\t\t\t\tonCancel={ onCancel }\n\t\t\t/>\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ inputValue ] );\n};\n\nexport default LinkPickerScreen;\n"],"mappings":";;;;;;AASA,IAAAA,QAAA,GAAAC,OAAA;AANA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAUA,IAAAG,CAAA,GAAAH,OAAA;AAdA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,gBAAgB,GAAGA,CAAE;EAAEC;AAAiB,CAAC,KAAM;EACpD,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAMC,wBAAwB,GAAG,IAAAC,eAAM,EAAE,IAAK,CAAC;EAC/C,MAAMC,sBAAsB,GAAG,IAAAD,eAAM,EAAE,IAAK,CAAC;EAE7C,MAAME,YAAY,GAAGA,CAAE;IAAEC,GAAG;IAAEC;EAAM,CAAC,KAAM;IAC1CC,qBAAQ,CAACC,OAAO,CAAC,CAAC;IAClBP,wBAAwB,CAACQ,OAAO,GAAGC,UAAU,CAAE,MAAM;MACpDb,UAAU,CAACc,QAAQ,CAAEf,gBAAgB,EAAE;QACtCgB,UAAU,EAAEP,GAAG;QACfQ,IAAI,EAAEP;MACP,CAAE,CAAC;IACJ,CAAC,EAAE,GAAI,CAAC;EACT,CAAC;EAED,MAAMQ,QAAQ,GAAGA,CAAA,KAAM;IACtBP,qBAAQ,CAACC,OAAO,CAAC,CAAC;IAClBL,sBAAsB,CAACM,OAAO,GAAGC,UAAU,CAAE,MAAM;MAClDb,UAAU,CAACkB,MAAM,CAAC,CAAC;IACpB,CAAC,EAAE,GAAI,CAAC;EACT,CAAC;EAED,IAAAC,kBAAS,EAAE,MAAM;IAChB,OAAO,MAAM;MACZC,YAAY,CAAEhB,wBAAwB,CAACQ,OAAQ,CAAC;MAChDQ,YAAY,CAAEd,sBAAsB,CAACM,OAAQ,CAAC;IAC/C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEG;EAAW,CAAC,GAAGb,KAAK,CAACmB,MAAM;EACnC,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,OACC,IAAA7B,QAAA,CAAA8B,aAAA,EAAC1B,CAAA,CAAA2B,UAAU;MACVC,KAAK,EAAGV,UAAY;MACpBR,YAAY,EAAGA,YAAc;MAC7BU,QAAQ,EAAGA;IAAU,CACrB,CAAC;IAEH;IACA;IACA;EACD,CAAC,EAAE,CAAEF,UAAU,CAAG,CAAC;AACpB,CAAC;AAAC,IAAAW,QAAA,GAEa5B,gBAAgB;AAAA6B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_native","_element","_","LinkPickerScreen","returnScreenName","navigation","useNavigation","route","useRoute","navigateToLinkTimeoutRef","useRef","navigateBackTimeoutRef","onLinkPicked","url","title","Keyboard","dismiss","current","setTimeout","navigate","inputValue","text","onCancel","goBack","useEffect","clearTimeout","params","useMemo","_react","createElement","LinkPicker","value","_default","exports","default"],"sources":["@wordpress/components/src/mobile/link-picker/link-picker-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Keyboard } from 'react-native';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { LinkPicker } from './';\n\nconst LinkPickerScreen = ( { returnScreenName } ) => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst navigateToLinkTimeoutRef = useRef( null );\n\tconst navigateBackTimeoutRef = useRef( null );\n\n\tconst onLinkPicked = ( { url, title } ) => {\n\t\tKeyboard.dismiss();\n\t\tnavigateToLinkTimeoutRef.current = setTimeout( () => {\n\t\t\tnavigation.navigate( returnScreenName, {\n\t\t\t\tinputValue: url,\n\t\t\t\ttext: title,\n\t\t\t} );\n\t\t}, 100 );\n\t};\n\n\tconst onCancel = () => {\n\t\tKeyboard.dismiss();\n\t\tnavigateBackTimeoutRef.current = setTimeout( () => {\n\t\t\tnavigation.goBack();\n\t\t}, 100 );\n\t};\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tclearTimeout( navigateToLinkTimeoutRef.current );\n\t\t\tclearTimeout( navigateBackTimeoutRef.current );\n\t\t};\n\t}, [] );\n\n\tconst { inputValue } = route.params;\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<LinkPicker\n\t\t\t\tvalue={ inputValue }\n\t\t\t\tonLinkPicked={ onLinkPicked }\n\t\t\t\tonCancel={ onCancel }\n\t\t\t/>\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ inputValue ] );\n};\n\nexport default LinkPickerScreen;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,CAAA,GAAAH,OAAA;AAdA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,gBAAgB,GAAGA,CAAE;EAAEC;AAAiB,CAAC,KAAM;EACpD,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAMC,wBAAwB,GAAG,IAAAC,eAAM,EAAE,IAAK,CAAC;EAC/C,MAAMC,sBAAsB,GAAG,IAAAD,eAAM,EAAE,IAAK,CAAC;EAE7C,MAAME,YAAY,GAAGA,CAAE;IAAEC,GAAG;IAAEC;EAAM,CAAC,KAAM;IAC1CC,qBAAQ,CAACC,OAAO,CAAC,CAAC;IAClBP,wBAAwB,CAACQ,OAAO,GAAGC,UAAU,CAAE,MAAM;MACpDb,UAAU,CAACc,QAAQ,CAAEf,gBAAgB,EAAE;QACtCgB,UAAU,EAAEP,GAAG;QACfQ,IAAI,EAAEP;MACP,CAAE,CAAC;IACJ,CAAC,EAAE,GAAI,CAAC;EACT,CAAC;EAED,MAAMQ,QAAQ,GAAGA,CAAA,KAAM;IACtBP,qBAAQ,CAACC,OAAO,CAAC,CAAC;IAClBL,sBAAsB,CAACM,OAAO,GAAGC,UAAU,CAAE,MAAM;MAClDb,UAAU,CAACkB,MAAM,CAAC,CAAC;IACpB,CAAC,EAAE,GAAI,CAAC;EACT,CAAC;EAED,IAAAC,kBAAS,EAAE,MAAM;IAChB,OAAO,MAAM;MACZC,YAAY,CAAEhB,wBAAwB,CAACQ,OAAQ,CAAC;MAChDQ,YAAY,CAAEd,sBAAsB,CAACM,OAAQ,CAAC;IAC/C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEG;EAAW,CAAC,GAAGb,KAAK,CAACmB,MAAM;EACnC,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC3B,CAAA,CAAA4B,UAAU;MACVC,KAAK,EAAGX,UAAY;MACpBR,YAAY,EAAGA,YAAc;MAC7BU,QAAQ,EAAGA;IAAU,CACrB,CAAC;IAEH;IACA;IACA;EACD,CAAC,EAAE,CAAEF,UAAU,CAAG,CAAC;AACpB,CAAC;AAAC,IAAAY,QAAA,GAEa7B,gBAAgB;AAAA8B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/mobile/link-settings/image-link-destinations-screen.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 _native = require("@react-navigation/native");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
@@ -40,7 +40,7 @@ function LinkDestination({
   valueStyle
 }) {
   const optionIcon = (0, _compose.usePreferredColorSchemeStyle)(_style.default.optionIcon, _style.default.optionIconDark);
-  return (0, _element.createElement)(_bottomSheet.default.Cell, {
+  return (0, _react.createElement)(_bottomSheet.default.Cell, {
     icon: _icons.check,
     iconStyle: _reactNative.StyleSheet.flatten([optionIcon, !isSelected && _style.default.unselectedOptionIcon]),
     label: label,
@@ -90,27 +90,27 @@ function ImageLinkDestinationsScreen(props) {
       text: ''
     });
   };
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_bottomSheet.default.NavBar, null, (0, _element.createElement)(_bottomSheet.default.NavBar.BackButton, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_bottomSheet.default.NavBar, null, (0, _react.createElement)(_bottomSheet.default.NavBar.BackButton, {
     onPress: navigation.goBack
-  }), (0, _element.createElement)(_bottomSheet.default.NavBar.Heading, null, (0, _i18n.__)('Link To'))), (0, _element.createElement)(_body.default, null, (0, _element.createElement)(LinkDestination, {
+  }), (0, _react.createElement)(_bottomSheet.default.NavBar.Heading, null, (0, _i18n.__)('Link To'))), (0, _react.createElement)(_body.default, null, (0, _react.createElement)(LinkDestination, {
     isSelected: linkDestination === LINK_DESTINATION_NONE,
     label: (0, _i18n.__)('None'),
     onPress: setLinkDestination(LINK_DESTINATION_NONE)
-  }), (0, _element.createElement)(LinkDestination, {
+  }), (0, _react.createElement)(LinkDestination, {
     isSelected: linkDestination === LINK_DESTINATION_MEDIA,
     label: (0, _i18n.__)('Media File'),
     onPress: setLinkDestination(LINK_DESTINATION_MEDIA)
-  }), !!attachmentPageUrl && (0, _element.createElement)(LinkDestination, {
+  }), !!attachmentPageUrl && (0, _react.createElement)(LinkDestination, {
     isSelected: linkDestination === LINK_DESTINATION_ATTACHMENT,
     label: (0, _i18n.__)('Attachment Page'),
     onPress: setLinkDestination(LINK_DESTINATION_ATTACHMENT)
-  }), (0, _element.createElement)(LinkDestination, {
+  }), (0, _react.createElement)(LinkDestination, {
     isSelected: linkDestination === LINK_DESTINATION_CUSTOM,
     label: (0, _i18n.__)('Custom URL'),
     onPress: goToLinkPicker,
     value: linkDestination === LINK_DESTINATION_CUSTOM ? inputValue : '',
     valueStyle: linkDestination === LINK_DESTINATION_CUSTOM ? undefined : _style.default.placeholderTextColor
-  }, (0, _element.createElement)(_icons.Icon, {
+  }, (0, _react.createElement)(_icons.Icon, {
     icon: _icons.chevronRight
   }))));
 }

package/build/mobile/link-settings/image-link-destinations-screen.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_native","require","_reactNative","_i18n","_icons","_blockEditor","_compose","_style","_interopRequireDefault","_body","_bottomSheet","LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_CUSTOM","LinkDestination","children","isSelected","label","onPress","value","valueStyle","optionIcon","usePreferredColorSchemeStyle","styles","optionIconDark","_element","createElement","default","Cell","icon","check","iconStyle","StyleSheet","flatten","unselectedOptionIcon","leftAlign","separatorType","ImageLinkDestinationsScreen","props","navigation","useNavigation","route","useRoute","url","inputValue","imageUrl","attachmentPageUrl","linkDestination","params","goToLinkPicker","navigate","blockSettingsScreens","linkPicker","setLinkDestination","newLinkDestination","newUrl","settings","text","Fragment","NavBar","BackButton","goBack","Heading","__","undefined","placeholderTextColor","Icon","chevronRight","_default","exports"],"sources":["@wordpress/components/src/mobile/link-settings/image-link-destinations-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation, useRoute } from '@react-navigation/native';\nimport { StyleSheet } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check, chevronRight } from '@wordpress/icons';\nimport { blockSettingsScreens } from '@wordpress/block-editor';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport PanelBody from '../../panel/body';\nimport BottomSheet from '../bottom-sheet';\n\nconst LINK_DESTINATION_NONE = 'none';\nconst LINK_DESTINATION_MEDIA = 'media';\nconst LINK_DESTINATION_ATTACHMENT = 'attachment';\nconst LINK_DESTINATION_CUSTOM = 'custom';\n\nfunction LinkDestination( {\n\tchildren,\n\tisSelected,\n\tlabel,\n\tonPress,\n\tvalue,\n\tvalueStyle,\n} ) {\n\tconst optionIcon = usePreferredColorSchemeStyle(\n\t\tstyles.optionIcon,\n\t\tstyles.optionIconDark\n\t);\n\treturn (\n\t\t<BottomSheet.Cell\n\t\t\ticon={ check }\n\t\t\ticonStyle={ StyleSheet.flatten( [\n\t\t\t\toptionIcon,\n\t\t\t\t! isSelected && styles.unselectedOptionIcon,\n\t\t\t] ) }\n\t\t\tlabel={ label }\n\t\t\tleftAlign\n\t\t\tonPress={ onPress }\n\t\t\tvalue={ value }\n\t\t\tvalueStyle={ valueStyle }\n\t\t\tseparatorType=\"leftMargin\"\n\t\t>\n\t\t\t{ children }\n\t\t</BottomSheet.Cell>\n\t);\n}\n\nfunction ImageLinkDestinationsScreen( props ) {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { url = '' } = props;\n\tconst {\n\t\tinputValue = url,\n\t\timageUrl,\n\t\tattachmentPageUrl,\n\t\tlinkDestination,\n\t} = route.params || {};\n\n\tfunction goToLinkPicker() {\n\t\tnavigation.navigate( blockSettingsScreens.linkPicker, {\n\t\t\tinputValue:\n\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM ? inputValue : '',\n\t\t} );\n\t}\n\n\tconst setLinkDestination = ( newLinkDestination ) => () => {\n\t\tlet newUrl;\n\t\tswitch ( newLinkDestination ) {\n\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\tnewUrl = imageUrl;\n\t\t\t\tbreak;\n\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\tnewUrl = attachmentPageUrl;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tnewUrl = '';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tnavigation.navigate( blockSettingsScreens.settings, {\n\t\t\t// The `inputValue` name is reused from LinkPicker, as it helps avoid\n\t\t\t// bugs from stale values remaining in the React Navigation route\n\t\t\t// parameters.\n\t\t\tinputValue: newUrl,\n\t\t\t// Clear link text value that may be set from LinkPicker.\n\t\t\ttext: '',\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<BottomSheet.NavBar>\n\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t{ __( 'Link To' ) }\n\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t</BottomSheet.NavBar>\n\t\t\t<PanelBody>\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_NONE }\n\t\t\t\t\tlabel={ __( 'None' ) }\n\t\t\t\t\tonPress={ setLinkDestination( LINK_DESTINATION_NONE ) }\n\t\t\t\t/>\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_MEDIA }\n\t\t\t\t\tlabel={ __( 'Media File' ) }\n\t\t\t\t\tonPress={ setLinkDestination( LINK_DESTINATION_MEDIA ) }\n\t\t\t\t/>\n\t\t\t\t{ !! attachmentPageUrl && (\n\t\t\t\t\t<LinkDestination\n\t\t\t\t\t\tisSelected={\n\t\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_ATTACHMENT\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Attachment Page' ) }\n\t\t\t\t\t\tonPress={ setLinkDestination(\n\t\t\t\t\t\t\tLINK_DESTINATION_ATTACHMENT\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_CUSTOM }\n\t\t\t\t\tlabel={ __( 'Custom URL' ) }\n\t\t\t\t\tonPress={ goToLinkPicker }\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM\n\t\t\t\t\t\t\t? inputValue\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tvalueStyle={\n\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: styles.placeholderTextColor\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t\t\t</LinkDestination>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default ImageLinkDestinationsScreen;\n"],"mappings":"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"}
+{"version":3,"names":["_native","require","_reactNative","_i18n","_icons","_blockEditor","_compose","_style","_interopRequireDefault","_body","_bottomSheet","LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_CUSTOM","LinkDestination","children","isSelected","label","onPress","value","valueStyle","optionIcon","usePreferredColorSchemeStyle","styles","optionIconDark","_react","createElement","default","Cell","icon","check","iconStyle","StyleSheet","flatten","unselectedOptionIcon","leftAlign","separatorType","ImageLinkDestinationsScreen","props","navigation","useNavigation","route","useRoute","url","inputValue","imageUrl","attachmentPageUrl","linkDestination","params","goToLinkPicker","navigate","blockSettingsScreens","linkPicker","setLinkDestination","newLinkDestination","newUrl","settings","text","Fragment","NavBar","BackButton","goBack","Heading","__","undefined","placeholderTextColor","Icon","chevronRight","_default","exports"],"sources":["@wordpress/components/src/mobile/link-settings/image-link-destinations-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation, useRoute } from '@react-navigation/native';\nimport { StyleSheet } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check, chevronRight } from '@wordpress/icons';\nimport { blockSettingsScreens } from '@wordpress/block-editor';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport PanelBody from '../../panel/body';\nimport BottomSheet from '../bottom-sheet';\n\nconst LINK_DESTINATION_NONE = 'none';\nconst LINK_DESTINATION_MEDIA = 'media';\nconst LINK_DESTINATION_ATTACHMENT = 'attachment';\nconst LINK_DESTINATION_CUSTOM = 'custom';\n\nfunction LinkDestination( {\n\tchildren,\n\tisSelected,\n\tlabel,\n\tonPress,\n\tvalue,\n\tvalueStyle,\n} ) {\n\tconst optionIcon = usePreferredColorSchemeStyle(\n\t\tstyles.optionIcon,\n\t\tstyles.optionIconDark\n\t);\n\treturn (\n\t\t<BottomSheet.Cell\n\t\t\ticon={ check }\n\t\t\ticonStyle={ StyleSheet.flatten( [\n\t\t\t\toptionIcon,\n\t\t\t\t! isSelected && styles.unselectedOptionIcon,\n\t\t\t] ) }\n\t\t\tlabel={ label }\n\t\t\tleftAlign\n\t\t\tonPress={ onPress }\n\t\t\tvalue={ value }\n\t\t\tvalueStyle={ valueStyle }\n\t\t\tseparatorType=\"leftMargin\"\n\t\t>\n\t\t\t{ children }\n\t\t</BottomSheet.Cell>\n\t);\n}\n\nfunction ImageLinkDestinationsScreen( props ) {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { url = '' } = props;\n\tconst {\n\t\tinputValue = url,\n\t\timageUrl,\n\t\tattachmentPageUrl,\n\t\tlinkDestination,\n\t} = route.params || {};\n\n\tfunction goToLinkPicker() {\n\t\tnavigation.navigate( blockSettingsScreens.linkPicker, {\n\t\t\tinputValue:\n\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM ? inputValue : '',\n\t\t} );\n\t}\n\n\tconst setLinkDestination = ( newLinkDestination ) => () => {\n\t\tlet newUrl;\n\t\tswitch ( newLinkDestination ) {\n\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\tnewUrl = imageUrl;\n\t\t\t\tbreak;\n\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\tnewUrl = attachmentPageUrl;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tnewUrl = '';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tnavigation.navigate( blockSettingsScreens.settings, {\n\t\t\t// The `inputValue` name is reused from LinkPicker, as it helps avoid\n\t\t\t// bugs from stale values remaining in the React Navigation route\n\t\t\t// parameters.\n\t\t\tinputValue: newUrl,\n\t\t\t// Clear link text value that may be set from LinkPicker.\n\t\t\ttext: '',\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<BottomSheet.NavBar>\n\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t{ __( 'Link To' ) }\n\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t</BottomSheet.NavBar>\n\t\t\t<PanelBody>\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_NONE }\n\t\t\t\t\tlabel={ __( 'None' ) }\n\t\t\t\t\tonPress={ setLinkDestination( LINK_DESTINATION_NONE ) }\n\t\t\t\t/>\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_MEDIA }\n\t\t\t\t\tlabel={ __( 'Media File' ) }\n\t\t\t\t\tonPress={ setLinkDestination( LINK_DESTINATION_MEDIA ) }\n\t\t\t\t/>\n\t\t\t\t{ !! attachmentPageUrl && (\n\t\t\t\t\t<LinkDestination\n\t\t\t\t\t\tisSelected={\n\t\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_ATTACHMENT\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Attachment Page' ) }\n\t\t\t\t\t\tonPress={ setLinkDestination(\n\t\t\t\t\t\t\tLINK_DESTINATION_ATTACHMENT\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_CUSTOM }\n\t\t\t\t\tlabel={ __( 'Custom URL' ) }\n\t\t\t\t\tonPress={ goToLinkPicker }\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM\n\t\t\t\t\t\t\t? inputValue\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tvalueStyle={\n\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: styles.placeholderTextColor\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t\t\t</LinkDestination>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default ImageLinkDestinationsScreen;\n"],"mappings":"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"}

package/build/mobile/link-settings/index.native.js

@@ -5,12 +5,13 @@ 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 _clipboard = _interopRequireDefault(require("@react-native-clipboard/clipboard"));
 var _compose = require("@wordpress/compose");
 var _data = require("@wordpress/data");
 var _url = require("@wordpress/url");
+var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _bottomSheet = _interopRequireDefault(require("../bottom-sheet"));
 var _bottomSheetContext = require("../bottom-sheet/bottom-sheet-context");
@@ -219,12 +220,12 @@ function LinkSettings({
     });
   }
   function getSettings() {
-    return (0, _element.createElement)(_element.Fragment, null, options.url && (onLinkCellPressed ? (0, _element.createElement)(_bottomSheet.default.LinkCell, {
+    return (0, _react.createElement)(_react.Fragment, null, options.url && (onLinkCellPressed ? (0, _react.createElement)(_bottomSheet.default.LinkCell, {
       showIcon: showIcon,
       value: url,
       valueMask: options.url.valueMask,
       onPress: onLinkCellPressed
-    }) : (0, _element.createElement)(_textControl.default, {
+    }) : (0, _react.createElement)(_textControl.default, {
       icon: showIcon && _icons.link,
       label: options.url.label,
       value: urlInputValue,
@@ -237,17 +238,17 @@ function LinkSettings({
       ,
       autoFocus: _reactNative.Platform.OS === 'ios' && options.url.autoFocus,
       keyboardType: "url"
-    })), options.linkLabel && (0, _element.createElement)(_textControl.default, {
+    })), options.linkLabel && (0, _react.createElement)(_textControl.default, {
       label: options.linkLabel.label,
       value: labelInputValue,
       valuePlaceholder: options.linkLabel.placeholder,
       onChange: onChangeLabel
-    }), !!urlInputValue && (0, _element.createElement)(_element.Fragment, null, options.openInNewTab && (0, _element.createElement)(_toggleControl.default, {
+    }), !!urlInputValue && (0, _react.createElement)(_react.Fragment, null, options.openInNewTab && (0, _react.createElement)(_toggleControl.default, {
       icon: showIcon && _icons.external,
       label: options.openInNewTab.label,
       checked: linkTarget === '_blank',
       onChange: onChangeOpenInNewTab
-    }), options.linkRel && (0, _element.createElement)(_textControl.default, {
+    }), options.linkRel && (0, _react.createElement)(_textControl.default, {
       icon: showIcon && _linkRel.default,
       label: options.linkRel.label,
       value: linkRelInputValue,
@@ -262,14 +263,14 @@ function LinkSettings({
   if (!withBottomSheet) {
     return getSettings();
   }
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_body.default, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_body.default, {
     style: _style.default.linkSettingsPanel
-  }, getSettings()), options.footer && (0, _element.createElement)(_body.default, {
+  }, getSettings()), options.footer && (0, _react.createElement)(_body.default, {
     style: _style.default.linkSettingsPanel
-  }, (0, _element.createElement)(_footerMessageControl.default, {
+  }, (0, _react.createElement)(_footerMessageControl.default, {
     label: options.footer.label,
     separatorType: options.footer.separatorType
-  })), actions && (0, _element.createElement)(_actions.default, {
+  })), actions && (0, _react.createElement)(_actions.default, {
     actions: actions
   }));
 }

package/build/mobile/link-settings/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_clipboard","_interopRequireDefault","_compose","_data","_url","_icons","_bottomSheet","_bottomSheetContext","_body","_textControl","_toggleControl","_footerMessageControl","_actions","_linkRel","_style","NEW_TAB_REL","LinkSettings","isVisible","onClose","setAttributes","onEmptyURL","options","withBottomSheet","actions","editorSidebarOpened","showIcon","onLinkCellPressed","urlValue","url","label","linkTarget","rel","urlInputValue","setUrlInputValue","useState","labelInputValue","setLabelInputValue","linkRelInputValue","setLinkRelInputValue","onCloseSettingsSheetConsumed","useRef","prevEditorSidebarOpenedRef","onHandleClosingBottomSheet","useContext","BottomSheetContext","useEffect","onCloseSettingsSheet","current","prevEditorSidebarOpened","isSettingSheetOpen","autoFill","getURLFromClipboard","onSetAttributes","prependHTTP","onChangeURL","useCallback","value","onChangeLabel","newURL","onChangeOpenInNewTab","newLinkTarget","undefined","updatedRel","onChangeLinkRel","clipboardText","Clipboard","getString","isURL","getSettings","createElement","Fragment","default","LinkCell","valueMask","onPress","icon","link","valuePlaceholder","placeholder","onChange","onSubmit","autoCapitalize","autoCorrect","autoFocus","Platform","OS","keyboardType","linkLabel","openInNewTab","external","checked","linkRel","LinkRelIcon","style","styles","linkSettingsPanel","footer","separatorType","_default","compose","withSelect","select","isEditorSidebarOpened","exports"],"sources":["@wordpress/components/src/mobile/link-settings/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform } from 'react-native';\nimport Clipboard from '@react-native-clipboard/clipboard';\n/**\n * WordPress dependencies\n */\nimport { compose } from '@wordpress/compose';\nimport { withSelect } from '@wordpress/data';\nimport { isURL, prependHTTP } from '@wordpress/url';\nimport {\n\tuseEffect,\n\tuseState,\n\tuseRef,\n\tuseContext,\n\tuseCallback,\n} from '@wordpress/element';\nimport { link, external } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\nimport PanelBody from '../../panel/body';\nimport TextControl from '../../text-control';\nimport ToggleControl from '../../toggle-control';\nimport FooterMessageControl from '../../footer-message-control';\nimport PanelActions from '../../panel/actions';\nimport LinkRelIcon from './link-rel';\n\nimport styles from './style.scss';\n\nconst NEW_TAB_REL = 'noreferrer noopener';\nfunction LinkSettings( {\n\t// Control link settings `BottomSheet` visibility\n\tisVisible,\n\t// Callback that is called on closing bottom sheet\n\tonClose,\n\t// Function called to set attributes\n\tsetAttributes,\n\t// Callback that is called when url input field is empty\n\tonEmptyURL,\n\t// Object of available options along with specific, customizable properties.\n\t// Available options keys:\n\t//\t* url - uses `TextControl` component to set `attributes.url`\n\t//\t* linkLabel - uses `TextControl` component to set `attributes.label`\n\t//\t* openInNewTab - uses `ToggleControl` component to set `attributes.linkTarget` and `attributes.rel`\n\t//\t* linkRel - uses `TextControl` component to set `attributes.rel`\n\t//\t* footer - uses `FooterMessageControl` component to display message, e.g. about missing functionality\n\t// Available properties:\n\t//\t* label - control component label, e.g. `Button Link URL`\n\t//\t* placeholder - control component placeholder, e.g. `Add URL`\n\t//\t* autoFocus (url only) - whether url input should be focused on sheet opening\n\t//\t* autoFill (url only) - whether url input should be filled with url from clipboard\n\t// Example:\n\t//\tconst options = {\n\t//\t\turl: {\n\t//\t\t\tlabel: __( 'Button Link URL' ),\n\t//\t\t\tplaceholder: __( 'Add URL' ),\n\t//\t\t\tautoFocus: true,\n\t//\t\t\tautoFill: true,\n\t//\t\t}\n\t//\t}\n\toptions,\n\t// Specifies whether settings should be wrapped into `BottomSheet`\n\twithBottomSheet,\n\t// Defines buttons which will be displayed below the all options.\n\t// It's an array of objects with following properties:\n\t//\t* label - button title\n\t//\t* onPress - callback that is called on pressing button\n\t// Example:\n\t// \tconst actions = [\n\t//\t\t{\n\t//\t\t\tlabel: __( 'Remove link' ),\n\t//\t\t\tonPress: () => setAttributes({ url: '' }),\n\t//\t\t},\n\t//\t];\n\tactions,\n\t// Specifies whether general `BottomSheet` is opened\n\teditorSidebarOpened,\n\t// Specifies whether icon should be displayed next to the label\n\tshowIcon,\n\tonLinkCellPressed,\n\turlValue,\n\t// Attributes properties\n\turl,\n\tlabel = '',\n\tlinkTarget,\n\trel = '',\n} ) {\n\tconst [ urlInputValue, setUrlInputValue ] = useState( '' );\n\tconst [ labelInputValue, setLabelInputValue ] = useState( '' );\n\tconst [ linkRelInputValue, setLinkRelInputValue ] = useState( '' );\n\tconst onCloseSettingsSheetConsumed = useRef( false );\n\tconst prevEditorSidebarOpenedRef = useRef();\n\n\tconst { onHandleClosingBottomSheet } = useContext( BottomSheetContext );\n\tuseEffect( () => {\n\t\tif ( onHandleClosingBottomSheet ) {\n\t\t\tonHandleClosingBottomSheet( onCloseSettingsSheet );\n\t\t}\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ urlInputValue, labelInputValue, linkRelInputValue ] );\n\n\tuseEffect( () => {\n\t\tprevEditorSidebarOpenedRef.current = editorSidebarOpened;\n\t} );\n\tconst prevEditorSidebarOpened = prevEditorSidebarOpenedRef.current;\n\n\tuseEffect( () => {\n\t\tif ( url !== urlInputValue ) {\n\t\t\tsetUrlInputValue( url || '' );\n\t\t}\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ url ] );\n\n\tuseEffect( () => {\n\t\tsetLabelInputValue( label || '' );\n\t}, [ label ] );\n\n\tuseEffect( () => {\n\t\tsetLinkRelInputValue( rel || '' );\n\t}, [ rel ] );\n\n\tuseEffect( () => {\n\t\tconst isSettingSheetOpen = isVisible || editorSidebarOpened;\n\t\tif ( isSettingSheetOpen ) {\n\t\t\tonCloseSettingsSheetConsumed.current = false;\n\t\t}\n\n\t\tif ( options.url.autoFill && isSettingSheetOpen && ! url ) {\n\t\t\tgetURLFromClipboard();\n\t\t}\n\n\t\tif ( prevEditorSidebarOpened && ! editorSidebarOpened ) {\n\t\t\tonSetAttributes();\n\t\t}\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ editorSidebarOpened, isVisible ] );\n\n\tuseEffect( () => {\n\t\tif ( ! urlValue && onEmptyURL ) {\n\t\t\tonEmptyURL();\n\t\t}\n\n\t\tif ( prependHTTP( urlValue ) !== url ) {\n\t\t\tsetAttributes( {\n\t\t\t\turl: prependHTTP( urlValue ),\n\t\t\t} );\n\t\t}\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ urlValue ] );\n\n\tconst onChangeURL = useCallback(\n\t\t( value ) => {\n\t\t\tif ( ! value && onEmptyURL ) {\n\t\t\t\tonEmptyURL();\n\t\t\t}\n\t\t\tsetUrlInputValue( value );\n\t\t},\n\t\t[ onEmptyURL ]\n\t);\n\n\tconst onChangeLabel = useCallback( ( value ) => {\n\t\tsetLabelInputValue( value );\n\t}, [] );\n\n\tconst onSetAttributes = useCallback( () => {\n\t\tconst newURL = prependHTTP( urlInputValue );\n\t\tif (\n\t\t\turl !== newURL ||\n\t\t\tlabelInputValue !== label ||\n\t\t\tlinkRelInputValue !== rel\n\t\t) {\n\t\t\tsetAttributes( {\n\t\t\t\turl: newURL,\n\t\t\t\tlabel: labelInputValue,\n\t\t\t\trel: linkRelInputValue,\n\t\t\t} );\n\t\t}\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ urlInputValue, labelInputValue, linkRelInputValue, setAttributes ] );\n\n\tconst onCloseSettingsSheet = useCallback( () => {\n\t\tif ( onCloseSettingsSheetConsumed.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tonCloseSettingsSheetConsumed.current = true;\n\n\t\tonSetAttributes();\n\n\t\tif ( onClose ) {\n\t\t\tonClose();\n\t\t}\n\t}, [ onClose, onSetAttributes ] );\n\n\tconst onChangeOpenInNewTab = useCallback(\n\t\t( value ) => {\n\t\t\tconst newLinkTarget = value ? '_blank' : undefined;\n\n\t\t\tlet updatedRel = linkRelInputValue;\n\t\t\tif ( newLinkTarget && ! linkRelInputValue ) {\n\t\t\t\tupdatedRel = NEW_TAB_REL;\n\t\t\t} else if ( ! newLinkTarget && linkRelInputValue === NEW_TAB_REL ) {\n\t\t\t\tupdatedRel = undefined;\n\t\t\t}\n\n\t\t\tsetAttributes( {\n\t\t\t\tlinkTarget: newLinkTarget,\n\t\t\t\trel: updatedRel,\n\t\t\t} );\n\t\t},\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[ linkRelInputValue ]\n\t);\n\n\tconst onChangeLinkRel = useCallback( ( value ) => {\n\t\tsetLinkRelInputValue( value );\n\t}, [] );\n\n\tasync function getURLFromClipboard() {\n\t\tconst clipboardText = await Clipboard.getString();\n\n\t\tif ( ! clipboardText ) {\n\t\t\treturn;\n\t\t}\n\t\t// Check if pasted text is URL.\n\t\tif ( ! isURL( clipboardText ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetAttributes( { url: clipboardText } );\n\t}\n\n\tfunction getSettings() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ options.url &&\n\t\t\t\t\t( onLinkCellPressed ? (\n\t\t\t\t\t\t<BottomSheet.LinkCell\n\t\t\t\t\t\t\tshowIcon={ showIcon }\n\t\t\t\t\t\t\tvalue={ url }\n\t\t\t\t\t\t\tvalueMask={ options.url.valueMask }\n\t\t\t\t\t\t\tonPress={ onLinkCellPressed }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\ticon={ showIcon && link }\n\t\t\t\t\t\t\tlabel={ options.url.label }\n\t\t\t\t\t\t\tvalue={ urlInputValue }\n\t\t\t\t\t\t\tvaluePlaceholder={ options.url.placeholder }\n\t\t\t\t\t\t\tonChange={ onChangeURL }\n\t\t\t\t\t\t\tonSubmit={ onCloseSettingsSheet }\n\t\t\t\t\t\t\tautoCapitalize=\"none\"\n\t\t\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\n\t\t\t\t\t\t\tautoFocus={\n\t\t\t\t\t\t\t\tPlatform.OS === 'ios' && options.url.autoFocus\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tkeyboardType=\"url\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ options.linkLabel && (\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={ options.linkLabel.label }\n\t\t\t\t\t\tvalue={ labelInputValue }\n\t\t\t\t\t\tvaluePlaceholder={ options.linkLabel.placeholder }\n\t\t\t\t\t\tonChange={ onChangeLabel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ !! urlInputValue && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ options.openInNewTab && (\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\ticon={ showIcon && external }\n\t\t\t\t\t\t\t\tlabel={ options.openInNewTab.label }\n\t\t\t\t\t\t\t\tchecked={ linkTarget === '_blank' }\n\t\t\t\t\t\t\t\tonChange={ onChangeOpenInNewTab }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ options.linkRel && (\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\ticon={ showIcon && LinkRelIcon }\n\t\t\t\t\t\t\t\tlabel={ options.linkRel.label }\n\t\t\t\t\t\t\t\tvalue={ linkRelInputValue }\n\t\t\t\t\t\t\t\tvaluePlaceholder={ options.linkRel.placeholder }\n\t\t\t\t\t\t\t\tonChange={ onChangeLinkRel }\n\t\t\t\t\t\t\t\tonSubmit={ onCloseSettingsSheet }\n\t\t\t\t\t\t\t\tautoCapitalize=\"none\"\n\t\t\t\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\t\t\t\tkeyboardType=\"default\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n\n\tif ( ! withBottomSheet ) {\n\t\treturn getSettings();\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody style={ styles.linkSettingsPanel }>\n\t\t\t\t{ getSettings() }\n\t\t\t</PanelBody>\n\t\t\t{ options.footer && (\n\t\t\t\t<PanelBody style={ styles.linkSettingsPanel }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ options.footer.label }\n\t\t\t\t\t\tseparatorType={ options.footer.separatorType }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t\t{ actions && <PanelActions actions={ actions } /> }\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst { isEditorSidebarOpened } = select( 'core/edit-post' );\n\t\treturn {\n\t\t\teditorSidebarOpened: isEditorSidebarOpened(),\n\t\t};\n\t} ),\n] )( LinkSettings );\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_clipboard","_interopRequireDefault","_compose","_data","_url","_element","_icons","_bottomSheet","_bottomSheetContext","_body","_textControl","_toggleControl","_footerMessageControl","_actions","_linkRel","_style","NEW_TAB_REL","LinkSettings","isVisible","onClose","setAttributes","onEmptyURL","options","withBottomSheet","actions","editorSidebarOpened","showIcon","onLinkCellPressed","urlValue","url","label","linkTarget","rel","urlInputValue","setUrlInputValue","useState","labelInputValue","setLabelInputValue","linkRelInputValue","setLinkRelInputValue","onCloseSettingsSheetConsumed","useRef","prevEditorSidebarOpenedRef","onHandleClosingBottomSheet","useContext","BottomSheetContext","useEffect","onCloseSettingsSheet","current","prevEditorSidebarOpened","isSettingSheetOpen","autoFill","getURLFromClipboard","onSetAttributes","prependHTTP","onChangeURL","useCallback","value","onChangeLabel","newURL","onChangeOpenInNewTab","newLinkTarget","undefined","updatedRel","onChangeLinkRel","clipboardText","Clipboard","getString","isURL","getSettings","_react","createElement","Fragment","default","LinkCell","valueMask","onPress","icon","link","valuePlaceholder","placeholder","onChange","onSubmit","autoCapitalize","autoCorrect","autoFocus","Platform","OS","keyboardType","linkLabel","openInNewTab","external","checked","linkRel","LinkRelIcon","style","styles","linkSettingsPanel","footer","separatorType","_default","compose","withSelect","select","isEditorSidebarOpened","exports"],"sources":["@wordpress/components/src/mobile/link-settings/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform } from 'react-native';\nimport Clipboard from '@react-native-clipboard/clipboard';\n/**\n * WordPress dependencies\n */\nimport { compose } from '@wordpress/compose';\nimport { withSelect } from '@wordpress/data';\nimport { isURL, prependHTTP } from '@wordpress/url';\nimport {\n\tuseEffect,\n\tuseState,\n\tuseRef,\n\tuseContext,\n\tuseCallback,\n} from '@wordpress/element';\nimport { link, external } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\nimport PanelBody from '../../panel/body';\nimport TextControl from '../../text-control';\nimport ToggleControl from '../../toggle-control';\nimport FooterMessageControl from '../../footer-message-control';\nimport PanelActions from '../../panel/actions';\nimport LinkRelIcon from './link-rel';\n\nimport styles from './style.scss';\n\nconst NEW_TAB_REL = 'noreferrer noopener';\nfunction LinkSettings( {\n\t// Control link settings `BottomSheet` visibility\n\tisVisible,\n\t// Callback that is called on closing bottom sheet\n\tonClose,\n\t// Function called to set attributes\n\tsetAttributes,\n\t// Callback that is called when url input field is empty\n\tonEmptyURL,\n\t// Object of available options along with specific, customizable properties.\n\t// Available options keys:\n\t//\t* url - uses `TextControl` component to set `attributes.url`\n\t//\t* linkLabel - uses `TextControl` component to set `attributes.label`\n\t//\t* openInNewTab - uses `ToggleControl` component to set `attributes.linkTarget` and `attributes.rel`\n\t//\t* linkRel - uses `TextControl` component to set `attributes.rel`\n\t//\t* footer - uses `FooterMessageControl` component to display message, e.g. about missing functionality\n\t// Available properties:\n\t//\t* label - control component label, e.g. `Button Link URL`\n\t//\t* placeholder - control component placeholder, e.g. `Add URL`\n\t//\t* autoFocus (url only) - whether url input should be focused on sheet opening\n\t//\t* autoFill (url only) - whether url input should be filled with url from clipboard\n\t// Example:\n\t//\tconst options = {\n\t//\t\turl: {\n\t//\t\t\tlabel: __( 'Button Link URL' ),\n\t//\t\t\tplaceholder: __( 'Add URL' ),\n\t//\t\t\tautoFocus: true,\n\t//\t\t\tautoFill: true,\n\t//\t\t}\n\t//\t}\n\toptions,\n\t// Specifies whether settings should be wrapped into `BottomSheet`\n\twithBottomSheet,\n\t// Defines buttons which will be displayed below the all options.\n\t// It's an array of objects with following properties:\n\t//\t* label - button title\n\t//\t* onPress - callback that is called on pressing button\n\t// Example:\n\t// \tconst actions = [\n\t//\t\t{\n\t//\t\t\tlabel: __( 'Remove link' ),\n\t//\t\t\tonPress: () => setAttributes({ url: '' }),\n\t//\t\t},\n\t//\t];\n\tactions,\n\t// Specifies whether general `BottomSheet` is opened\n\teditorSidebarOpened,\n\t// Specifies whether icon should be displayed next to the label\n\tshowIcon,\n\tonLinkCellPressed,\n\turlValue,\n\t// Attributes properties\n\turl,\n\tlabel = '',\n\tlinkTarget,\n\trel = '',\n} ) {\n\tconst [ urlInputValue, setUrlInputValue ] = useState( '' );\n\tconst [ labelInputValue, setLabelInputValue ] = useState( '' );\n\tconst [ linkRelInputValue, setLinkRelInputValue ] = useState( '' );\n\tconst onCloseSettingsSheetConsumed = useRef( false );\n\tconst prevEditorSidebarOpenedRef = useRef();\n\n\tconst { onHandleClosingBottomSheet } = useContext( BottomSheetContext );\n\tuseEffect( () => {\n\t\tif ( onHandleClosingBottomSheet ) {\n\t\t\tonHandleClosingBottomSheet( onCloseSettingsSheet );\n\t\t}\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ urlInputValue, labelInputValue, linkRelInputValue ] );\n\n\tuseEffect( () => {\n\t\tprevEditorSidebarOpenedRef.current = editorSidebarOpened;\n\t} );\n\tconst prevEditorSidebarOpened = prevEditorSidebarOpenedRef.current;\n\n\tuseEffect( () => {\n\t\tif ( url !== urlInputValue ) {\n\t\t\tsetUrlInputValue( url || '' );\n\t\t}\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ url ] );\n\n\tuseEffect( () => {\n\t\tsetLabelInputValue( label || '' );\n\t}, [ label ] );\n\n\tuseEffect( () => {\n\t\tsetLinkRelInputValue( rel || '' );\n\t}, [ rel ] );\n\n\tuseEffect( () => {\n\t\tconst isSettingSheetOpen = isVisible || editorSidebarOpened;\n\t\tif ( isSettingSheetOpen ) {\n\t\t\tonCloseSettingsSheetConsumed.current = false;\n\t\t}\n\n\t\tif ( options.url.autoFill && isSettingSheetOpen && ! url ) {\n\t\t\tgetURLFromClipboard();\n\t\t}\n\n\t\tif ( prevEditorSidebarOpened && ! editorSidebarOpened ) {\n\t\t\tonSetAttributes();\n\t\t}\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ editorSidebarOpened, isVisible ] );\n\n\tuseEffect( () => {\n\t\tif ( ! urlValue && onEmptyURL ) {\n\t\t\tonEmptyURL();\n\t\t}\n\n\t\tif ( prependHTTP( urlValue ) !== url ) {\n\t\t\tsetAttributes( {\n\t\t\t\turl: prependHTTP( urlValue ),\n\t\t\t} );\n\t\t}\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ urlValue ] );\n\n\tconst onChangeURL = useCallback(\n\t\t( value ) => {\n\t\t\tif ( ! value && onEmptyURL ) {\n\t\t\t\tonEmptyURL();\n\t\t\t}\n\t\t\tsetUrlInputValue( value );\n\t\t},\n\t\t[ onEmptyURL ]\n\t);\n\n\tconst onChangeLabel = useCallback( ( value ) => {\n\t\tsetLabelInputValue( value );\n\t}, [] );\n\n\tconst onSetAttributes = useCallback( () => {\n\t\tconst newURL = prependHTTP( urlInputValue );\n\t\tif (\n\t\t\turl !== newURL ||\n\t\t\tlabelInputValue !== label ||\n\t\t\tlinkRelInputValue !== rel\n\t\t) {\n\t\t\tsetAttributes( {\n\t\t\t\turl: newURL,\n\t\t\t\tlabel: labelInputValue,\n\t\t\t\trel: linkRelInputValue,\n\t\t\t} );\n\t\t}\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ urlInputValue, labelInputValue, linkRelInputValue, setAttributes ] );\n\n\tconst onCloseSettingsSheet = useCallback( () => {\n\t\tif ( onCloseSettingsSheetConsumed.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tonCloseSettingsSheetConsumed.current = true;\n\n\t\tonSetAttributes();\n\n\t\tif ( onClose ) {\n\t\t\tonClose();\n\t\t}\n\t}, [ onClose, onSetAttributes ] );\n\n\tconst onChangeOpenInNewTab = useCallback(\n\t\t( value ) => {\n\t\t\tconst newLinkTarget = value ? '_blank' : undefined;\n\n\t\t\tlet updatedRel = linkRelInputValue;\n\t\t\tif ( newLinkTarget && ! linkRelInputValue ) {\n\t\t\t\tupdatedRel = NEW_TAB_REL;\n\t\t\t} else if ( ! newLinkTarget && linkRelInputValue === NEW_TAB_REL ) {\n\t\t\t\tupdatedRel = undefined;\n\t\t\t}\n\n\t\t\tsetAttributes( {\n\t\t\t\tlinkTarget: newLinkTarget,\n\t\t\t\trel: updatedRel,\n\t\t\t} );\n\t\t},\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[ linkRelInputValue ]\n\t);\n\n\tconst onChangeLinkRel = useCallback( ( value ) => {\n\t\tsetLinkRelInputValue( value );\n\t}, [] );\n\n\tasync function getURLFromClipboard() {\n\t\tconst clipboardText = await Clipboard.getString();\n\n\t\tif ( ! clipboardText ) {\n\t\t\treturn;\n\t\t}\n\t\t// Check if pasted text is URL.\n\t\tif ( ! isURL( clipboardText ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetAttributes( { url: clipboardText } );\n\t}\n\n\tfunction getSettings() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ options.url &&\n\t\t\t\t\t( onLinkCellPressed ? (\n\t\t\t\t\t\t<BottomSheet.LinkCell\n\t\t\t\t\t\t\tshowIcon={ showIcon }\n\t\t\t\t\t\t\tvalue={ url }\n\t\t\t\t\t\t\tvalueMask={ options.url.valueMask }\n\t\t\t\t\t\t\tonPress={ onLinkCellPressed }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\ticon={ showIcon && link }\n\t\t\t\t\t\t\tlabel={ options.url.label }\n\t\t\t\t\t\t\tvalue={ urlInputValue }\n\t\t\t\t\t\t\tvaluePlaceholder={ options.url.placeholder }\n\t\t\t\t\t\t\tonChange={ onChangeURL }\n\t\t\t\t\t\t\tonSubmit={ onCloseSettingsSheet }\n\t\t\t\t\t\t\tautoCapitalize=\"none\"\n\t\t\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\n\t\t\t\t\t\t\tautoFocus={\n\t\t\t\t\t\t\t\tPlatform.OS === 'ios' && options.url.autoFocus\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tkeyboardType=\"url\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ options.linkLabel && (\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={ options.linkLabel.label }\n\t\t\t\t\t\tvalue={ labelInputValue }\n\t\t\t\t\t\tvaluePlaceholder={ options.linkLabel.placeholder }\n\t\t\t\t\t\tonChange={ onChangeLabel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ !! urlInputValue && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ options.openInNewTab && (\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\ticon={ showIcon && external }\n\t\t\t\t\t\t\t\tlabel={ options.openInNewTab.label }\n\t\t\t\t\t\t\t\tchecked={ linkTarget === '_blank' }\n\t\t\t\t\t\t\t\tonChange={ onChangeOpenInNewTab }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ options.linkRel && (\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\ticon={ showIcon && LinkRelIcon }\n\t\t\t\t\t\t\t\tlabel={ options.linkRel.label }\n\t\t\t\t\t\t\t\tvalue={ linkRelInputValue }\n\t\t\t\t\t\t\t\tvaluePlaceholder={ options.linkRel.placeholder }\n\t\t\t\t\t\t\t\tonChange={ onChangeLinkRel }\n\t\t\t\t\t\t\t\tonSubmit={ onCloseSettingsSheet }\n\t\t\t\t\t\t\t\tautoCapitalize=\"none\"\n\t\t\t\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\t\t\t\tkeyboardType=\"default\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n\n\tif ( ! withBottomSheet ) {\n\t\treturn getSettings();\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody style={ styles.linkSettingsPanel }>\n\t\t\t\t{ getSettings() }\n\t\t\t</PanelBody>\n\t\t\t{ options.footer && (\n\t\t\t\t<PanelBody style={ styles.linkSettingsPanel }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ options.footer.label }\n\t\t\t\t\t\tseparatorType={ options.footer.separatorType }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t\t{ actions && <PanelActions actions={ actions } /> }\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst { isEditorSidebarOpened } = select( 'core/edit-post' );\n\t\treturn {\n\t\t\teditorSidebarOpened: isEditorSidebarOpened(),\n\t\t};\n\t} ),\n] )( LinkSettings );\n"],"mappings":"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"}

package/build/mobile/link-settings/link-rel.native.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
  */
-var _default = (0, _element.createElement)(_components.SVG, {
+var _default = (0, _react.createElement)(_components.SVG, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, (0, _element.createElement)(_components.Path, {
+}, (0, _react.createElement)(_components.Path, {
   d: "M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z"
 }));
 exports.default = _default;

package/build/mobile/link-settings/link-rel.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_default","_element","createElement","SVG","viewBox","xmlns","Path","d","exports","default"],"sources":["@wordpress/components/src/mobile/link-settings/link-rel.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport default (\n\t<SVG viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path d=\"M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAMC,IAAAC,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,OAAO,EAAC,WAAW;EAACC,KAAK,EAAC;AAA4B,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAqI,CAAE,CAC3I,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAT,QAAA"}
+{"version":3,"names":["_components","require","_default","_react","createElement","SVG","viewBox","xmlns","Path","d","exports","default"],"sources":["@wordpress/components/src/mobile/link-settings/link-rel.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport default (\n\t<SVG viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path d=\"M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAMC,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,OAAO,EAAC,WAAW;EAACC,KAAK,EAAC;AAA4B,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAqI,CAAE,CAC3I,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAT,QAAA"}

package/build/mobile/link-settings/link-settings-navigation.native.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _bottomSheet = _interopRequireDefault(require("../bottom-sheet"));
 var _linkSettingsScreen = _interopRequireDefault(require("./link-settings-screen"));
@@ -23,30 +24,30 @@ const linkSettingsScreens = {
 };
 function LinkSettingsNavigation(props) {
   if (!props.withBottomSheet) {
-    return (0, _element.createElement)(_linkSettingsScreen.default, {
+    return (0, _react.createElement)(_linkSettingsScreen.default, {
       ...props
     });
   }
-  return (0, _element.createElement)(_bottomSheet.default, {
+  return (0, _react.createElement)(_bottomSheet.default, {
     isVisible: props.isVisible,
     onClose: props.onClose,
     onDismiss: props.onDismiss,
     testID: "link-settings-navigation",
     hideHeader: true,
     hasNavigation: true
-  }, (0, _element.createElement)(_bottomSheet.default.NavigationContainer, {
+  }, (0, _react.createElement)(_bottomSheet.default.NavigationContainer, {
     animate: true,
     main: true
-  }, (0, _element.createElement)(_bottomSheet.default.NavigationScreen, {
+  }, (0, _react.createElement)(_bottomSheet.default.NavigationScreen, {
     name: linkSettingsScreens.settings
-  }, (0, _element.createElement)(_linkSettingsScreen.default, {
+  }, (0, _react.createElement)(_linkSettingsScreen.default, {
     ...props,
     withBottomSheet: true
-  })), (0, _element.createElement)(_bottomSheet.default.NavigationScreen, {
+  })), (0, _react.createElement)(_bottomSheet.default.NavigationScreen, {
     name: linkSettingsScreens.linkPicker,
     isScrollable: true,
     fullScreen: true
-  }, (0, _element.createElement)(_linkPickerScreen.default, {
+  }, (0, _react.createElement)(_linkPickerScreen.default, {
     returnScreenName: linkSettingsScreens.settings
   }))));
 }

package/build/mobile/link-settings/link-settings-navigation.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_bottomSheet","_interopRequireDefault","_linkSettingsScreen","_linkPickerScreen","linkSettingsScreens","settings","linkPicker","LinkSettingsNavigation","props","withBottomSheet","createElement","default","isVisible","onClose","onDismiss","testID","hideHeader","hasNavigation","NavigationContainer","animate","main","NavigationScreen","name","isScrollable","fullScreen","returnScreenName","_default","memo","exports"],"sources":["@wordpress/components/src/mobile/link-settings/link-settings-navigation.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport LinkSettingsScreen from './link-settings-screen';\nimport LinkPickerScreen from '../link-picker/link-picker-screen';\n\nconst linkSettingsScreens = {\n\tsettings: 'LinkSettingsScreen',\n\tlinkPicker: 'linkPicker',\n};\n\nfunction LinkSettingsNavigation( props ) {\n\tif ( ! props.withBottomSheet ) {\n\t\treturn <LinkSettingsScreen { ...props } />;\n\t}\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ props.isVisible }\n\t\t\tonClose={ props.onClose }\n\t\t\tonDismiss={ props.onDismiss }\n\t\t\ttestID=\"link-settings-navigation\"\n\t\t\thideHeader\n\t\t\thasNavigation\n\t\t>\n\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ linkSettingsScreens.settings }\n\t\t\t\t>\n\t\t\t\t\t<LinkSettingsScreen { ...props } withBottomSheet />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ linkSettingsScreens.linkPicker }\n\t\t\t\t\tisScrollable\n\t\t\t\t\tfullScreen\n\t\t\t\t>\n\t\t\t\t\t<LinkPickerScreen\n\t\t\t\t\t\treturnScreenName={ linkSettingsScreens.settings }\n\t\t\t\t\t/>\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t</BottomSheet>\n\t);\n}\n\nexport default memo( LinkSettingsNavigation );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,iBAAA,GAAAF,sBAAA,CAAAF,OAAA;AATA;AACA;AACA;;AAEA;AACA;AACA;;AAKA,MAAMK,mBAAmB,GAAG;EAC3BC,QAAQ,EAAE,oBAAoB;EAC9BC,UAAU,EAAE;AACb,CAAC;AAED,SAASC,sBAAsBA,CAAEC,KAAK,EAAG;EACxC,IAAK,CAAEA,KAAK,CAACC,eAAe,EAAG;IAC9B,OAAO,IAAAX,QAAA,CAAAY,aAAA,EAACR,mBAAA,CAAAS,OAAkB;MAAA,GAAMH;IAAK,CAAI,CAAC;EAC3C;EACA,OACC,IAAAV,QAAA,CAAAY,aAAA,EAACV,YAAA,CAAAW,OAAW;IACXC,SAAS,EAAGJ,KAAK,CAACI,SAAW;IAC7BC,OAAO,EAAGL,KAAK,CAACK,OAAS;IACzBC,SAAS,EAAGN,KAAK,CAACM,SAAW;IAC7BC,MAAM,EAAC,0BAA0B;IACjCC,UAAU;IACVC,aAAa;EAAA,GAEb,IAAAnB,QAAA,CAAAY,aAAA,EAACV,YAAA,CAAAW,OAAW,CAACO,mBAAmB;IAACC,OAAO;IAACC,IAAI;EAAA,GAC5C,IAAAtB,QAAA,CAAAY,aAAA,EAACV,YAAA,CAAAW,OAAW,CAACU,gBAAgB;IAC5BC,IAAI,EAAGlB,mBAAmB,CAACC;EAAU,GAErC,IAAAP,QAAA,CAAAY,aAAA,EAACR,mBAAA,CAAAS,OAAkB;IAAA,GAAMH,KAAK;IAAGC,eAAe;EAAA,CAAE,CACrB,CAAC,EAC/B,IAAAX,QAAA,CAAAY,aAAA,EAACV,YAAA,CAAAW,OAAW,CAACU,gBAAgB;IAC5BC,IAAI,EAAGlB,mBAAmB,CAACE,UAAY;IACvCiB,YAAY;IACZC,UAAU;EAAA,GAEV,IAAA1B,QAAA,CAAAY,aAAA,EAACP,iBAAA,CAAAQ,OAAgB;IAChBc,gBAAgB,EAAGrB,mBAAmB,CAACC;EAAU,CACjD,CAC4B,CACE,CACrB,CAAC;AAEhB;AAAC,IAAAqB,QAAA,GAEc,IAAAC,aAAI,EAAEpB,sBAAuB,CAAC;AAAAqB,OAAA,CAAAjB,OAAA,GAAAe,QAAA"}
+{"version":3,"names":["_element","require","_bottomSheet","_interopRequireDefault","_linkSettingsScreen","_linkPickerScreen","linkSettingsScreens","settings","linkPicker","LinkSettingsNavigation","props","withBottomSheet","_react","createElement","default","isVisible","onClose","onDismiss","testID","hideHeader","hasNavigation","NavigationContainer","animate","main","NavigationScreen","name","isScrollable","fullScreen","returnScreenName","_default","memo","exports"],"sources":["@wordpress/components/src/mobile/link-settings/link-settings-navigation.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport LinkSettingsScreen from './link-settings-screen';\nimport LinkPickerScreen from '../link-picker/link-picker-screen';\n\nconst linkSettingsScreens = {\n\tsettings: 'LinkSettingsScreen',\n\tlinkPicker: 'linkPicker',\n};\n\nfunction LinkSettingsNavigation( props ) {\n\tif ( ! props.withBottomSheet ) {\n\t\treturn <LinkSettingsScreen { ...props } />;\n\t}\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ props.isVisible }\n\t\t\tonClose={ props.onClose }\n\t\t\tonDismiss={ props.onDismiss }\n\t\t\ttestID=\"link-settings-navigation\"\n\t\t\thideHeader\n\t\t\thasNavigation\n\t\t>\n\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ linkSettingsScreens.settings }\n\t\t\t\t>\n\t\t\t\t\t<LinkSettingsScreen { ...props } withBottomSheet />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ linkSettingsScreens.linkPicker }\n\t\t\t\t\tisScrollable\n\t\t\t\t\tfullScreen\n\t\t\t\t>\n\t\t\t\t\t<LinkPickerScreen\n\t\t\t\t\t\treturnScreenName={ linkSettingsScreens.settings }\n\t\t\t\t\t/>\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t</BottomSheet>\n\t);\n}\n\nexport default memo( LinkSettingsNavigation );\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,iBAAA,GAAAF,sBAAA,CAAAF,OAAA;AATA;AACA;AACA;;AAEA;AACA;AACA;;AAKA,MAAMK,mBAAmB,GAAG;EAC3BC,QAAQ,EAAE,oBAAoB;EAC9BC,UAAU,EAAE;AACb,CAAC;AAED,SAASC,sBAAsBA,CAAEC,KAAK,EAAG;EACxC,IAAK,CAAEA,KAAK,CAACC,eAAe,EAAG;IAC9B,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACT,mBAAA,CAAAU,OAAkB;MAAA,GAAMJ;IAAK,CAAI,CAAC;EAC3C;EACA,OACC,IAAAE,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,OAAW;IACXC,SAAS,EAAGL,KAAK,CAACK,SAAW;IAC7BC,OAAO,EAAGN,KAAK,CAACM,OAAS;IACzBC,SAAS,EAAGP,KAAK,CAACO,SAAW;IAC7BC,MAAM,EAAC,0BAA0B;IACjCC,UAAU;IACVC,aAAa;EAAA,GAEb,IAAAR,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,OAAW,CAACO,mBAAmB;IAACC,OAAO;IAACC,IAAI;EAAA,GAC5C,IAAAX,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,OAAW,CAACU,gBAAgB;IAC5BC,IAAI,EAAGnB,mBAAmB,CAACC;EAAU,GAErC,IAAAK,MAAA,CAAAC,aAAA,EAACT,mBAAA,CAAAU,OAAkB;IAAA,GAAMJ,KAAK;IAAGC,eAAe;EAAA,CAAE,CACrB,CAAC,EAC/B,IAAAC,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,OAAW,CAACU,gBAAgB;IAC5BC,IAAI,EAAGnB,mBAAmB,CAACE,UAAY;IACvCkB,YAAY;IACZC,UAAU;EAAA,GAEV,IAAAf,MAAA,CAAAC,aAAA,EAACR,iBAAA,CAAAS,OAAgB;IAChBc,gBAAgB,EAAGtB,mBAAmB,CAACC;EAAU,CACjD,CAC4B,CACE,CACrB,CAAC;AAEhB;AAAC,IAAAsB,QAAA,GAEc,IAAAC,aAAI,EAAErB,sBAAuB,CAAC;AAAAsB,OAAA,CAAAjB,OAAA,GAAAe,QAAA"}

package/build/mobile/link-settings/link-settings-screen.native.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _native = require("@react-navigation/native");
+var _element = require("@wordpress/element");
 var _ = _interopRequireDefault(require("./"));
 /**
  * External dependencies
@@ -41,7 +42,7 @@ const LinkSettingsScreen = props => {
     }
   };
   return (0, _element.useMemo)(() => {
-    return (0, _element.createElement)(_.default, {
+    return (0, _react.createElement)(_.default, {
       ...props,
       onLinkCellPressed: props.hasPicker ? onLinkCellPressed : undefined,
       urlValue: inputValue