@wordpress/components 17.0.0 → 19.0.2

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/link-settings/index.native.js"],"names":["Platform","Clipboard","compose","withSelect","isURL","prependHTTP","useEffect","useState","useRef","useContext","useCallback","link","external","BottomSheet","BottomSheetContext","PanelBody","TextControl","ToggleControl","FooterMessageControl","PanelActions","LinkRelIcon","styles","NEW_TAB_REL","LinkSettings","isVisible","onClose","setAttributes","onEmptyURL","options","withBottomSheet","actions","editorSidebarOpened","showIcon","onLinkCellPressed","urlValue","url","label","linkTarget","rel","urlInputValue","setUrlInputValue","labelInputValue","setLabelInputValue","linkRelInputValue","setLinkRelInputValue","prevEditorSidebarOpenedRef","onHandleClosingBottomSheet","onCloseSettingsSheet","current","prevEditorSidebarOpened","isSettingSheetOpen","autoFill","getURLFromClipboard","onSetAttributes","onChangeURL","value","onChangeLabel","newURL","onChangeOpenInNewTab","newLinkTarget","undefined","updatedRel","onChangeLinkRel","clipboardText","getString","getSettings","placeholder","OS","autoFocus","linkLabel","openInNewTab","linkRel","linkSettingsPanel","footer","separatorType","select","isEditorSidebarOpened"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, Clipboard } from 'react-native';\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';\n\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 prevEditorSidebarOpenedRef = useRef();\n\n\tconst { onHandleClosingBottomSheet } = useContext( BottomSheetContext );\n\tuseEffect( () => {\n\t\tif ( onHandleClosingBottomSheet ) {\n\t\t\tonHandleClosingBottomSheet( onCloseSettingsSheet );\n\t\t}\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}, [ 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 ( 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}, [ 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}, [ 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}, [ urlInputValue, labelInputValue, linkRelInputValue, setAttributes ] );\n\n\tconst onCloseSettingsSheet = useCallback( () => {\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[ 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\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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/link-settings/index.native.js"],"names":["Platform","Clipboard","compose","withSelect","isURL","prependHTTP","useEffect","useState","useRef","useContext","useCallback","link","external","BottomSheet","BottomSheetContext","PanelBody","TextControl","ToggleControl","FooterMessageControl","PanelActions","LinkRelIcon","styles","NEW_TAB_REL","LinkSettings","isVisible","onClose","setAttributes","onEmptyURL","options","withBottomSheet","actions","editorSidebarOpened","showIcon","onLinkCellPressed","urlValue","url","label","linkTarget","rel","urlInputValue","setUrlInputValue","labelInputValue","setLabelInputValue","linkRelInputValue","setLinkRelInputValue","prevEditorSidebarOpenedRef","onHandleClosingBottomSheet","onCloseSettingsSheet","current","prevEditorSidebarOpened","isSettingSheetOpen","autoFill","getURLFromClipboard","onSetAttributes","onChangeURL","value","onChangeLabel","newURL","onChangeOpenInNewTab","newLinkTarget","undefined","updatedRel","onChangeLinkRel","clipboardText","getString","getSettings","valueMask","placeholder","OS","autoFocus","linkLabel","openInNewTab","linkRel","linkSettingsPanel","footer","separatorType","select","isEditorSidebarOpened"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, Clipboard } from 'react-native';\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';\n\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 prevEditorSidebarOpenedRef = useRef();\n\n\tconst { onHandleClosingBottomSheet } = useContext( BottomSheetContext );\n\tuseEffect( () => {\n\t\tif ( onHandleClosingBottomSheet ) {\n\t\t\tonHandleClosingBottomSheet( onCloseSettingsSheet );\n\t\t}\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}, [ 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 ( 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}, [ 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}, [ 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}, [ urlInputValue, labelInputValue, linkRelInputValue, setAttributes ] );\n\n\tconst onCloseSettingsSheet = useCallback( () => {\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[ 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"]}

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

@@ -26,6 +26,7 @@ function LinkSettingsNavigation(props) {
     isVisible: props.isVisible,
     onClose: props.onClose,
     onDismiss: props.onDismiss,
+    testID: props.testID,
     hideHeader: true,
     hasNavigation: true
   }, createElement(BottomSheet.NavigationContainer, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/link-settings/link-settings-navigation.native.js"],"names":["memo","BottomSheet","LinkSettingsScreen","LinkPickerScreen","linkSettingsScreens","settings","linkPicker","LinkSettingsNavigation","props","withBottomSheet","isVisible","onClose","onDismiss"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,oBAArB;AACA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,gBAAP,MAA6B,mCAA7B;AAEA,MAAMC,mBAAmB,GAAG;AAC3BC,EAAAA,QAAQ,EAAE,oBADiB;AAE3BC,EAAAA,UAAU,EAAE;AAFe,CAA5B;;AAKA,SAASC,sBAAT,CAAiCC,KAAjC,EAAyC;AACxC,MAAK,CAAEA,KAAK,CAACC,eAAb,EAA+B;AAC9B,WAAO,cAAC,kBAAD,EAAyBD,KAAzB,CAAP;AACA;;AACD,SACC,cAAC,WAAD;AACC,IAAA,SAAS,EAAGA,KAAK,CAACE,SADnB;AAEC,IAAA,OAAO,EAAGF,KAAK,CAACG,OAFjB;AAGC,IAAA,SAAS,EAAGH,KAAK,CAACI,SAHnB;AAIC,IAAA,UAAU,MAJX;AAKC,IAAA,aAAa;AALd,KAOC,cAAC,WAAD,CAAa,mBAAb;AAAiC,IAAA,OAAO,MAAxC;AAAyC,IAAA,IAAI;AAA7C,KACC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGR,mBAAmB,CAACC;AAD5B,KAGC,cAAC,kBAAD,eAAyBG,KAAzB;AAAiC,IAAA,eAAe;AAAhD,KAHD,CADD,EAMC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGJ,mBAAmB,CAACE,UAD5B;AAEC,IAAA,YAAY,MAFb;AAGC,IAAA,UAAU;AAHX,KAKC,cAAC,gBAAD;AACC,IAAA,gBAAgB,EAAGF,mBAAmB,CAACC;AADxC,IALD,CAND,CAPD,CADD;AA0BA;;AAED,eAAeL,IAAI,CAAEO,sBAAF,CAAnB","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\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"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/link-settings/link-settings-navigation.native.js"],"names":["memo","BottomSheet","LinkSettingsScreen","LinkPickerScreen","linkSettingsScreens","settings","linkPicker","LinkSettingsNavigation","props","withBottomSheet","isVisible","onClose","onDismiss","testID"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,oBAArB;AACA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,gBAAP,MAA6B,mCAA7B;AAEA,MAAMC,mBAAmB,GAAG;AAC3BC,EAAAA,QAAQ,EAAE,oBADiB;AAE3BC,EAAAA,UAAU,EAAE;AAFe,CAA5B;;AAKA,SAASC,sBAAT,CAAiCC,KAAjC,EAAyC;AACxC,MAAK,CAAEA,KAAK,CAACC,eAAb,EAA+B;AAC9B,WAAO,cAAC,kBAAD,EAAyBD,KAAzB,CAAP;AACA;;AACD,SACC,cAAC,WAAD;AACC,IAAA,SAAS,EAAGA,KAAK,CAACE,SADnB;AAEC,IAAA,OAAO,EAAGF,KAAK,CAACG,OAFjB;AAGC,IAAA,SAAS,EAAGH,KAAK,CAACI,SAHnB;AAIC,IAAA,MAAM,EAAGJ,KAAK,CAACK,MAJhB;AAKC,IAAA,UAAU,MALX;AAMC,IAAA,aAAa;AANd,KAQC,cAAC,WAAD,CAAa,mBAAb;AAAiC,IAAA,OAAO,MAAxC;AAAyC,IAAA,IAAI;AAA7C,KACC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGT,mBAAmB,CAACC;AAD5B,KAGC,cAAC,kBAAD,eAAyBG,KAAzB;AAAiC,IAAA,eAAe;AAAhD,KAHD,CADD,EAMC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGJ,mBAAmB,CAACE,UAD5B;AAEC,IAAA,YAAY,MAFb;AAGC,IAAA,UAAU;AAHX,KAKC,cAAC,gBAAD;AACC,IAAA,gBAAgB,EAAGF,mBAAmB,CAACC;AADxC,IALD,CAND,CARD,CADD;AA2BA;;AAED,eAAeL,IAAI,CAAEO,sBAAF,CAAnB","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={ props.testID }\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"]}

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

@@ -27,16 +27,22 @@ const LinkSettingsScreen = props => {
   } = route.params || {};
 
   const onLinkCellPressed = () => {
-    navigation.navigate('linkPicker', {
-      inputValue
-    });
+    if (props.onLinkCellPressed) {
+      props.onLinkCellPressed({
+        navigation
+      });
+    } else {
+      navigation.navigate('linkPicker', {
+        inputValue
+      });
+    }
   };
 
   return useMemo(() => {
-    return createElement(LinkSettings, _extends({
+    return createElement(LinkSettings, _extends({}, props, {
       onLinkCellPressed: props.hasPicker ? onLinkCellPressed : undefined,
       urlValue: inputValue
-    }, props));
+    }));
   }, [props, inputValue, navigation, route]);
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/link-settings/link-settings-screen.native.js"],"names":["useNavigation","useRoute","useMemo","LinkSettings","LinkSettingsScreen","props","navigation","route","url","inputValue","params","onLinkCellPressed","navigate","hasPicker","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,QAAxB,QAAwC,0BAAxC;AAEA;AACA;AACA;;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,IAAzB;;AAEA,MAAMC,kBAAkB,GAAKC,KAAF,IAAa;AACvC,QAAMC,UAAU,GAAGN,aAAa,EAAhC;AACA,QAAMO,KAAK,GAAGN,QAAQ,EAAtB;AACA,QAAM;AAAEO,IAAAA,GAAG,GAAG;AAAR,MAAeH,KAArB;AACA,QAAM;AAAEI,IAAAA,UAAU,GAAGD;AAAf,MAAuBD,KAAK,CAACG,MAAN,IAAgB,EAA7C;;AAEA,QAAMC,iBAAiB,GAAG,MAAM;AAC/BL,IAAAA,UAAU,CAACM,QAAX,CAAqB,YAArB,EAAmC;AAAEH,MAAAA;AAAF,KAAnC;AACA,GAFD;;AAIA,SAAOP,OAAO,CAAE,MAAM;AACrB,WACC,cAAC,YAAD;AACC,MAAA,iBAAiB,EAChBG,KAAK,CAACQ,SAAN,GAAkBF,iBAAlB,GAAsCG,SAFxC;AAIC,MAAA,QAAQ,EAAGL;AAJZ,OAKMJ,KALN,EADD;AASA,GAVa,EAUX,CAAEA,KAAF,EAASI,UAAT,EAAqBH,UAArB,EAAiCC,KAAjC,CAVW,CAAd;AAWA,CArBD;;AAuBA,eAAeH,kBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport LinkSettings from './';\n\nconst LinkSettingsScreen = ( props ) => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { url = '' } = props;\n\tconst { inputValue = url } = route.params || {};\n\n\tconst onLinkCellPressed = () => {\n\t\tnavigation.navigate( 'linkPicker', { inputValue } );\n\t};\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<LinkSettings\n\t\t\t\tonLinkCellPressed={\n\t\t\t\t\tprops.hasPicker ? onLinkCellPressed : undefined\n\t\t\t\t}\n\t\t\t\turlValue={ inputValue }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}, [ props, inputValue, navigation, route ] );\n};\n\nexport default LinkSettingsScreen;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/link-settings/link-settings-screen.native.js"],"names":["useNavigation","useRoute","useMemo","LinkSettings","LinkSettingsScreen","props","navigation","route","url","inputValue","params","onLinkCellPressed","navigate","hasPicker","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,QAAxB,QAAwC,0BAAxC;AAEA;AACA;AACA;;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,IAAzB;;AAEA,MAAMC,kBAAkB,GAAKC,KAAF,IAAa;AACvC,QAAMC,UAAU,GAAGN,aAAa,EAAhC;AACA,QAAMO,KAAK,GAAGN,QAAQ,EAAtB;AACA,QAAM;AAAEO,IAAAA,GAAG,GAAG;AAAR,MAAeH,KAArB;AACA,QAAM;AAAEI,IAAAA,UAAU,GAAGD;AAAf,MAAuBD,KAAK,CAACG,MAAN,IAAgB,EAA7C;;AAEA,QAAMC,iBAAiB,GAAG,MAAM;AAC/B,QAAKN,KAAK,CAACM,iBAAX,EAA+B;AAC9BN,MAAAA,KAAK,CAACM,iBAAN,CAAyB;AAAEL,QAAAA;AAAF,OAAzB;AACA,KAFD,MAEO;AACNA,MAAAA,UAAU,CAACM,QAAX,CAAqB,YAArB,EAAmC;AAAEH,QAAAA;AAAF,OAAnC;AACA;AACD,GAND;;AAQA,SAAOP,OAAO,CAAE,MAAM;AACrB,WACC,cAAC,YAAD,eACMG,KADN;AAEC,MAAA,iBAAiB,EAChBA,KAAK,CAACQ,SAAN,GAAkBF,iBAAlB,GAAsCG,SAHxC;AAKC,MAAA,QAAQ,EAAGL;AALZ,OADD;AASA,GAVa,EAUX,CAAEJ,KAAF,EAASI,UAAT,EAAqBH,UAArB,EAAiCC,KAAjC,CAVW,CAAd;AAWA,CAzBD;;AA2BA,eAAeH,kBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport LinkSettings from './';\n\nconst LinkSettingsScreen = ( props ) => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { url = '' } = props;\n\tconst { inputValue = url } = route.params || {};\n\n\tconst onLinkCellPressed = () => {\n\t\tif ( props.onLinkCellPressed ) {\n\t\t\tprops.onLinkCellPressed( { navigation } );\n\t\t} else {\n\t\t\tnavigation.navigate( 'linkPicker', { inputValue } );\n\t\t}\n\t};\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<LinkSettings\n\t\t\t\t{ ...props }\n\t\t\t\tonLinkCellPressed={\n\t\t\t\t\tprops.hasPicker ? onLinkCellPressed : undefined\n\t\t\t\t}\n\t\t\t\turlValue={ inputValue }\n\t\t\t/>\n\t\t);\n\t}, [ props, inputValue, navigation, route ] );\n};\n\nexport default LinkSettingsScreen;\n"]}

package/build-module/mobile/picker/index.android.js

@@ -77,7 +77,8 @@ export default class Picker extends Component {
   render() {
     const {
       hideCancelButton,
-      title
+      title,
+      testID
     } = this.props;
     const {
       isVisible
@@ -88,7 +89,8 @@ export default class Picker extends Component {
       style: {
         paddingBottom: 20
       },
-      hideHeader: true
+      hideHeader: true,
+      testID: testID
     }, createElement(PanelBody, {
       title: title,
       style: styles.panelBody

package/build-module/mobile/picker/index.android.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/picker/index.android.js"],"names":["View","__","Component","Fragment","usePreferredColorSchemeStyle","PanelBody","TextControl","BottomSheet","styles","Separator","separatorStyle","separator","separatorDark","Picker","constructor","arguments","onClose","bind","onCellPress","state","isVisible","presentPicker","setState","value","onChange","props","getOptions","options","leftAlign","map","option","label","length","separated","icon","disabled","render","hideCancelButton","title","paddingBottom","panelBody"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, Fragment } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { PanelBody, TextControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport styles from './styles.scss';\n\nfunction Separator() {\n\tconst separatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.separator,\n\t\tstyles.separatorDark\n\t);\n\n\treturn <View style={ separatorStyle } />;\n}\n\nexport default class Picker extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.onClose = this.onClose.bind( this );\n\t\tthis.onCellPress = this.onCellPress.bind( this );\n\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t}\n\n\tpresentPicker() {\n\t\tthis.setState( { isVisible: true } );\n\t}\n\n\tonClose() {\n\t\tthis.setState( { isVisible: false } );\n\t}\n\n\tonCellPress( value ) {\n\t\tconst { onChange } = this.props;\n\t\tonChange( value );\n\t\tthis.onClose();\n\t}\n\n\tgetOptions() {\n\t\tconst { options, leftAlign } = this.props;\n\n\t\treturn options.map( ( option ) => (\n\t\t\t<Fragment key={ `${ option.label }-${ option.value }` }>\n\t\t\t\t{ options.length > 1 && option.separated && <Separator /> }\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ option.icon }\n\t\t\t\t\tleftAlign={ leftAlign }\n\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\tseparatorType={ 'none' }\n\t\t\t\t\tonPress={ () => this.onCellPress( option.value ) }\n\t\t\t\t\tdisabled={ option.disabled }\n\t\t\t\t\tstyle={ option.disabled && styles.disabled }\n\t\t\t\t/>\n\t\t\t</Fragment>\n\t\t) );\n\t}\n\n\trender() {\n\t\tconst { hideCancelButton, title } = this.props;\n\t\tconst { isVisible } = this.state;\n\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ isVisible }\n\t\t\t\tonClose={ this.onClose }\n\t\t\t\tstyle={ { paddingBottom: 20 } }\n\t\t\t\thideHeader\n\t\t\t>\n\t\t\t\t<PanelBody title={ title } style={ styles.panelBody }>\n\t\t\t\t\t{ this.getOptions() }\n\t\t\t\t\t{ ! hideCancelButton && (\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\tlabel={ __( 'Cancel' ) }\n\t\t\t\t\t\t\tonPress={ this.onClose }\n\t\t\t\t\t\t\tseparatorType={ 'none' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PanelBody>\n\t\t\t</BottomSheet>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/picker/index.android.js"],"names":["View","__","Component","Fragment","usePreferredColorSchemeStyle","PanelBody","TextControl","BottomSheet","styles","Separator","separatorStyle","separator","separatorDark","Picker","constructor","arguments","onClose","bind","onCellPress","state","isVisible","presentPicker","setState","value","onChange","props","getOptions","options","leftAlign","map","option","label","length","separated","icon","disabled","render","hideCancelButton","title","testID","paddingBottom","panelBody"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, Fragment } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { PanelBody, TextControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport styles from './styles.scss';\n\nfunction Separator() {\n\tconst separatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.separator,\n\t\tstyles.separatorDark\n\t);\n\n\treturn <View style={ separatorStyle } />;\n}\n\nexport default class Picker extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.onClose = this.onClose.bind( this );\n\t\tthis.onCellPress = this.onCellPress.bind( this );\n\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t}\n\n\tpresentPicker() {\n\t\tthis.setState( { isVisible: true } );\n\t}\n\n\tonClose() {\n\t\tthis.setState( { isVisible: false } );\n\t}\n\n\tonCellPress( value ) {\n\t\tconst { onChange } = this.props;\n\t\tonChange( value );\n\t\tthis.onClose();\n\t}\n\n\tgetOptions() {\n\t\tconst { options, leftAlign } = this.props;\n\n\t\treturn options.map( ( option ) => (\n\t\t\t<Fragment key={ `${ option.label }-${ option.value }` }>\n\t\t\t\t{ options.length > 1 && option.separated && <Separator /> }\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ option.icon }\n\t\t\t\t\tleftAlign={ leftAlign }\n\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\tseparatorType={ 'none' }\n\t\t\t\t\tonPress={ () => this.onCellPress( option.value ) }\n\t\t\t\t\tdisabled={ option.disabled }\n\t\t\t\t\tstyle={ option.disabled && styles.disabled }\n\t\t\t\t/>\n\t\t\t</Fragment>\n\t\t) );\n\t}\n\n\trender() {\n\t\tconst { hideCancelButton, title, testID } = this.props;\n\t\tconst { isVisible } = this.state;\n\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ isVisible }\n\t\t\t\tonClose={ this.onClose }\n\t\t\t\tstyle={ { paddingBottom: 20 } }\n\t\t\t\thideHeader\n\t\t\t\ttestID={ testID }\n\t\t\t>\n\t\t\t\t<PanelBody title={ title } style={ styles.panelBody }>\n\t\t\t\t\t{ this.getOptions() }\n\t\t\t\t\t{ ! hideCancelButton && (\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\tlabel={ __( 'Cancel' ) }\n\t\t\t\t\t\t\tonPress={ this.onClose }\n\t\t\t\t\t\t\tseparatorType={ 'none' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PanelBody>\n\t\t\t</BottomSheet>\n\t\t);\n\t}\n}\n"]}

package/build-module/mobile/picker/index.ios.js

@@ -27,9 +27,12 @@ class Picker extends Component {
       closeBottomSheet,
       onHandleClosingBottomSheet
     } = this.props;
-    const labels = options.map(({
-      label
-    }) => label);
+    const labels = options.map(_ref => {
+      let {
+        label
+      } = _ref;
+      return label;
+    });
     const fullOptions = [__('Cancel')].concat(labels);
     ActionSheetIOS.showActionSheetWithOptions({
       title,

package/build-module/mobile/picker/index.ios.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/picker/index.ios.js"],"names":["ActionSheetIOS","__","Component","forwardRef","useContext","useDispatch","useSelect","BottomSheetContext","Picker","presentPicker","options","onChange","title","destructiveButtonIndex","disabledButtonIndices","getAnchor","isBottomSheetOpened","closeBottomSheet","onHandleClosingBottomSheet","props","labels","map","label","fullOptions","concat","showActionSheetWithOptions","cancelButtonIndex","anchor","buttonIndex","selected","requiresModal","value","render","PickerComponent","ref","select","isEditorSidebarOpened","closeGeneralSidebar"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,cAA/B;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,UAApB,EAAgCC,UAAhC,QAAkD,oBAAlD;AACA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,kBAAT,QAAmC,uBAAnC;;AAEA,MAAMC,MAAN,SAAqBN,SAArB,CAA+B;AAC9BO,EAAAA,aAAa,GAAG;AACf,UAAM;AACLC,MAAAA,OADK;AAELC,MAAAA,QAFK;AAGLC,MAAAA,KAHK;AAILC,MAAAA,sBAJK;AAKLC,MAAAA,qBALK;AAMLC,MAAAA,SANK;AAOLC,MAAAA,mBAPK;AAQLC,MAAAA,gBARK;AASLC,MAAAA;AATK,QAUF,KAAKC,KAVT;AAWA,UAAMC,MAAM,GAAGV,OAAO,CAACW,GAAR,CAAa,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAiBA,KAA9B,CAAf;AACA,UAAMC,WAAW,GAAG,CAAEtB,EAAE,CAAE,QAAF,CAAJ,EAAmBuB,MAAnB,CAA2BJ,MAA3B,CAApB;AAEApB,IAAAA,cAAc,CAACyB,0BAAf,CACC;AACCb,MAAAA,KADD;AAECF,MAAAA,OAAO,EAAEa,WAFV;AAGCG,MAAAA,iBAAiB,EAAE,CAHpB;AAICb,MAAAA,sBAJD;AAKCC,MAAAA,qBALD;AAMCa,MAAAA,MAAM,EAAEZ,SAAS,IAAIA,SAAS;AAN/B,KADD,EASGa,WAAF,IAAmB;AAClB,UAAKA,WAAW,KAAK,CAArB,EAAyB;AACxB;AACA;;AACD,YAAMC,QAAQ,GAAGnB,OAAO,CAAEkB,WAAW,GAAG,CAAhB,CAAxB;;AAEA,UAAKC,QAAQ,CAACC,aAAT,IAA0Bd,mBAA/B,EAAqD;AACpDE,QAAAA,0BAA0B,CAAE,MAAM;AACjCP,UAAAA,QAAQ,CAAEkB,QAAQ,CAACE,KAAX,CAAR;AACA,SAFyB,CAA1B;AAGAd,QAAAA,gBAAgB;AAChB,OALD,MAKO;AACNN,QAAAA,QAAQ,CAAEkB,QAAQ,CAACE,KAAX,CAAR;AACA;AACD,KAvBF;AAyBA;;AAEDC,EAAAA,MAAM,GAAG;AACR,WAAO,IAAP;AACA;;AA7C6B;;AAgD/B,MAAMC,eAAe,GAAG9B,UAAU,CAAE,CAAEgB,KAAF,EAASe,GAAT,KAAkB;AACrD,QAAMlB,mBAAmB,GAAGV,SAAS,CAAI6B,MAAF,IACtCA,MAAM,CAAE,gBAAF,CAAN,CAA2BC,qBAA3B,EADoC,CAArC;AAGA,QAAM;AAAEC,IAAAA;AAAF,MAA0BhC,WAAW,CAAE,gBAAF,CAA3C;AACA,QAAM;AAAEa,IAAAA;AAAF,MAAiCd,UAAU,CAAEG,kBAAF,CAAjD;AAEA,SACC,cAAC,MAAD;AACC,IAAA,GAAG,EAAG2B;AADP,KAEMf,KAFN;AAGC,IAAA,mBAAmB,EAAGH,mBAHvB;AAIC,IAAA,gBAAgB,EAAGqB,mBAJpB;AAKC,IAAA,0BAA0B,EAAGnB;AAL9B,KADD;AASA,CAhBiC,CAAlC;AAkBA,eAAee,eAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { ActionSheetIOS } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, forwardRef, useContext } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { BottomSheetContext } from '@wordpress/components';\n\nclass Picker extends Component {\n\tpresentPicker() {\n\t\tconst {\n\t\t\toptions,\n\t\t\tonChange,\n\t\t\ttitle,\n\t\t\tdestructiveButtonIndex,\n\t\t\tdisabledButtonIndices,\n\t\t\tgetAnchor,\n\t\t\tisBottomSheetOpened,\n\t\t\tcloseBottomSheet,\n\t\t\tonHandleClosingBottomSheet,\n\t\t} = this.props;\n\t\tconst labels = options.map( ( { label } ) => label );\n\t\tconst fullOptions = [ __( 'Cancel' ) ].concat( labels );\n\n\t\tActionSheetIOS.showActionSheetWithOptions(\n\t\t\t{\n\t\t\t\ttitle,\n\t\t\t\toptions: fullOptions,\n\t\t\t\tcancelButtonIndex: 0,\n\t\t\t\tdestructiveButtonIndex,\n\t\t\t\tdisabledButtonIndices,\n\t\t\t\tanchor: getAnchor && getAnchor(),\n\t\t\t},\n\t\t\t( buttonIndex ) => {\n\t\t\t\tif ( buttonIndex === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst selected = options[ buttonIndex - 1 ];\n\n\t\t\t\tif ( selected.requiresModal && isBottomSheetOpened ) {\n\t\t\t\t\tonHandleClosingBottomSheet( () => {\n\t\t\t\t\t\tonChange( selected.value );\n\t\t\t\t\t} );\n\t\t\t\t\tcloseBottomSheet();\n\t\t\t\t} else {\n\t\t\t\t\tonChange( selected.value );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\trender() {\n\t\treturn null;\n\t}\n}\n\nconst PickerComponent = forwardRef( ( props, ref ) => {\n\tconst isBottomSheetOpened = useSelect( ( select ) =>\n\t\tselect( 'core/edit-post' ).isEditorSidebarOpened()\n\t);\n\tconst { closeGeneralSidebar } = useDispatch( 'core/edit-post' );\n\tconst { onHandleClosingBottomSheet } = useContext( BottomSheetContext );\n\n\treturn (\n\t\t<Picker\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tisBottomSheetOpened={ isBottomSheetOpened }\n\t\t\tcloseBottomSheet={ closeGeneralSidebar }\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t/>\n\t);\n} );\n\nexport default PickerComponent;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/picker/index.ios.js"],"names":["ActionSheetIOS","__","Component","forwardRef","useContext","useDispatch","useSelect","BottomSheetContext","Picker","presentPicker","options","onChange","title","destructiveButtonIndex","disabledButtonIndices","getAnchor","isBottomSheetOpened","closeBottomSheet","onHandleClosingBottomSheet","props","labels","map","label","fullOptions","concat","showActionSheetWithOptions","cancelButtonIndex","anchor","buttonIndex","selected","requiresModal","value","render","PickerComponent","ref","select","isEditorSidebarOpened","closeGeneralSidebar"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,cAA/B;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,UAApB,EAAgCC,UAAhC,QAAkD,oBAAlD;AACA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,kBAAT,QAAmC,uBAAnC;;AAEA,MAAMC,MAAN,SAAqBN,SAArB,CAA+B;AAC9BO,EAAAA,aAAa,GAAG;AACf,UAAM;AACLC,MAAAA,OADK;AAELC,MAAAA,QAFK;AAGLC,MAAAA,KAHK;AAILC,MAAAA,sBAJK;AAKLC,MAAAA,qBALK;AAMLC,MAAAA,SANK;AAOLC,MAAAA,mBAPK;AAQLC,MAAAA,gBARK;AASLC,MAAAA;AATK,QAUF,KAAKC,KAVT;AAWA,UAAMC,MAAM,GAAGV,OAAO,CAACW,GAAR,CAAa;AAAA,UAAE;AAAEC,QAAAA;AAAF,OAAF;AAAA,aAAiBA,KAAjB;AAAA,KAAb,CAAf;AACA,UAAMC,WAAW,GAAG,CAAEtB,EAAE,CAAE,QAAF,CAAJ,EAAmBuB,MAAnB,CAA2BJ,MAA3B,CAApB;AAEApB,IAAAA,cAAc,CAACyB,0BAAf,CACC;AACCb,MAAAA,KADD;AAECF,MAAAA,OAAO,EAAEa,WAFV;AAGCG,MAAAA,iBAAiB,EAAE,CAHpB;AAICb,MAAAA,sBAJD;AAKCC,MAAAA,qBALD;AAMCa,MAAAA,MAAM,EAAEZ,SAAS,IAAIA,SAAS;AAN/B,KADD,EASGa,WAAF,IAAmB;AAClB,UAAKA,WAAW,KAAK,CAArB,EAAyB;AACxB;AACA;;AACD,YAAMC,QAAQ,GAAGnB,OAAO,CAAEkB,WAAW,GAAG,CAAhB,CAAxB;;AAEA,UAAKC,QAAQ,CAACC,aAAT,IAA0Bd,mBAA/B,EAAqD;AACpDE,QAAAA,0BAA0B,CAAE,MAAM;AACjCP,UAAAA,QAAQ,CAAEkB,QAAQ,CAACE,KAAX,CAAR;AACA,SAFyB,CAA1B;AAGAd,QAAAA,gBAAgB;AAChB,OALD,MAKO;AACNN,QAAAA,QAAQ,CAAEkB,QAAQ,CAACE,KAAX,CAAR;AACA;AACD,KAvBF;AAyBA;;AAEDC,EAAAA,MAAM,GAAG;AACR,WAAO,IAAP;AACA;;AA7C6B;;AAgD/B,MAAMC,eAAe,GAAG9B,UAAU,CAAE,CAAEgB,KAAF,EAASe,GAAT,KAAkB;AACrD,QAAMlB,mBAAmB,GAAGV,SAAS,CAAI6B,MAAF,IACtCA,MAAM,CAAE,gBAAF,CAAN,CAA2BC,qBAA3B,EADoC,CAArC;AAGA,QAAM;AAAEC,IAAAA;AAAF,MAA0BhC,WAAW,CAAE,gBAAF,CAA3C;AACA,QAAM;AAAEa,IAAAA;AAAF,MAAiCd,UAAU,CAAEG,kBAAF,CAAjD;AAEA,SACC,cAAC,MAAD;AACC,IAAA,GAAG,EAAG2B;AADP,KAEMf,KAFN;AAGC,IAAA,mBAAmB,EAAGH,mBAHvB;AAIC,IAAA,gBAAgB,EAAGqB,mBAJpB;AAKC,IAAA,0BAA0B,EAAGnB;AAL9B,KADD;AASA,CAhBiC,CAAlC;AAkBA,eAAee,eAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { ActionSheetIOS } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, forwardRef, useContext } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { BottomSheetContext } from '@wordpress/components';\n\nclass Picker extends Component {\n\tpresentPicker() {\n\t\tconst {\n\t\t\toptions,\n\t\t\tonChange,\n\t\t\ttitle,\n\t\t\tdestructiveButtonIndex,\n\t\t\tdisabledButtonIndices,\n\t\t\tgetAnchor,\n\t\t\tisBottomSheetOpened,\n\t\t\tcloseBottomSheet,\n\t\t\tonHandleClosingBottomSheet,\n\t\t} = this.props;\n\t\tconst labels = options.map( ( { label } ) => label );\n\t\tconst fullOptions = [ __( 'Cancel' ) ].concat( labels );\n\n\t\tActionSheetIOS.showActionSheetWithOptions(\n\t\t\t{\n\t\t\t\ttitle,\n\t\t\t\toptions: fullOptions,\n\t\t\t\tcancelButtonIndex: 0,\n\t\t\t\tdestructiveButtonIndex,\n\t\t\t\tdisabledButtonIndices,\n\t\t\t\tanchor: getAnchor && getAnchor(),\n\t\t\t},\n\t\t\t( buttonIndex ) => {\n\t\t\t\tif ( buttonIndex === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst selected = options[ buttonIndex - 1 ];\n\n\t\t\t\tif ( selected.requiresModal && isBottomSheetOpened ) {\n\t\t\t\t\tonHandleClosingBottomSheet( () => {\n\t\t\t\t\t\tonChange( selected.value );\n\t\t\t\t\t} );\n\t\t\t\t\tcloseBottomSheet();\n\t\t\t\t} else {\n\t\t\t\t\tonChange( selected.value );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\trender() {\n\t\treturn null;\n\t}\n}\n\nconst PickerComponent = forwardRef( ( props, ref ) => {\n\tconst isBottomSheetOpened = useSelect( ( select ) =>\n\t\tselect( 'core/edit-post' ).isEditorSidebarOpened()\n\t);\n\tconst { closeGeneralSidebar } = useDispatch( 'core/edit-post' );\n\tconst { onHandleClosingBottomSheet } = useContext( BottomSheetContext );\n\n\treturn (\n\t\t<Picker\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tisBottomSheetOpened={ isBottomSheetOpened }\n\t\t\tcloseBottomSheet={ closeGeneralSidebar }\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t/>\n\t);\n} );\n\nexport default PickerComponent;\n"]}

package/build-module/mobile/readable-content-view/index.native.js

@@ -17,12 +17,13 @@ import { ALIGNMENT_BREAKPOINTS, WIDE_ALIGNMENTS } from '@wordpress/components';
 import styles from './style.scss';
 const PIXEL_RATIO = 2;
 
-const ReadableContentView = ({
-  align,
-  reversed,
-  children,
-  style
-}) => {
+const ReadableContentView = _ref => {
+  let {
+    align,
+    reversed,
+    children,
+    style
+  } = _ref;
   const {
     width,
     height
@@ -30,9 +31,10 @@ const ReadableContentView = ({
   const [windowWidth, setWindowWidth] = useState(width);
   const [windowRatio, setWindowRatio] = useState(width / height);
 
-  function onDimensionsChange({
-    window
-  }) {
+  function onDimensionsChange(_ref2) {
+    let {
+      window
+    } = _ref2;
     setWindowWidth(window.width);
     setWindowRatio(window.width / window.height);
   }

package/build-module/mobile/readable-content-view/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/readable-content-view/index.native.js"],"names":["View","Dimensions","useState","useEffect","ALIGNMENT_BREAKPOINTS","WIDE_ALIGNMENTS","styles","PIXEL_RATIO","ReadableContentView","align","reversed","children","style","width","height","get","windowWidth","setWindowWidth","windowRatio","setWindowRatio","onDimensionsChange","window","addEventListener","removeEventListener","getWideStyles","large","wideLandscape","small","maxWidth","medium","wide","wideMedium","container","reversedCenteredContent","centeredContent","alignments","isContentMaxWidth"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,UAAf,QAAiC,cAAjC;AAEA;AACA;AACA;;AACA,SAASC,QAAT,EAAmBC,SAAnB,QAAoC,oBAApC;AACA,SAASC,qBAAT,EAAgCC,eAAhC,QAAuD,uBAAvD;AACA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;AAEA,MAAMC,WAAW,GAAG,CAApB;;AAEA,MAAMC,mBAAmB,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA,QAAnB;AAA6BC,EAAAA;AAA7B,CAAF,KAA4C;AACvE,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAoBb,UAAU,CAACc,GAAX,CAAgB,QAAhB,CAA1B;AACA,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkCf,QAAQ,CAAEW,KAAF,CAAhD;AACA,QAAM,CAAEK,WAAF,EAAeC,cAAf,IAAkCjB,QAAQ,CAAEW,KAAK,GAAGC,MAAV,CAAhD;;AAEA,WAASM,kBAAT,CAA6B;AAAEC,IAAAA;AAAF,GAA7B,EAA0C;AACzCJ,IAAAA,cAAc,CAAEI,MAAM,CAACR,KAAT,CAAd;AACAM,IAAAA,cAAc,CAAEE,MAAM,CAACR,KAAP,GAAeQ,MAAM,CAACP,MAAxB,CAAd;AACA;;AAEDX,EAAAA,SAAS,CAAE,MAAM;AAChBF,IAAAA,UAAU,CAACqB,gBAAX,CAA6B,QAA7B,EAAuCF,kBAAvC;AAEA,WAAO,MAAM;AACZnB,MAAAA,UAAU,CAACsB,mBAAX,CAAgC,QAAhC,EAA0CH,kBAA1C;AACA,KAFD;AAGA,GANQ,EAMN,EANM,CAAT;;AAQA,WAASI,aAAT,GAAyB;AACxB,QACCN,WAAW,IAAIX,WAAf,IACAS,WAAW,GAAGZ,qBAAqB,CAACqB,KAFrC,EAGE;AACD,aAAOnB,MAAM,CAACoB,aAAd;AACA;;AAED,QAAKV,WAAW,IAAIZ,qBAAqB,CAACuB,KAA1C,EAAkD;AACjD,aAAO;AAAEC,QAAAA,QAAQ,EAAEZ;AAAZ,OAAP;AACA;;AAED,QACCA,WAAW,IAAIZ,qBAAqB,CAACyB,MAArC,IACAb,WAAW,GAAGZ,qBAAqB,CAAC0B,IAFrC,EAGE;AACD,aAAOxB,MAAM,CAACyB,UAAd;AACA;AACD;;AAED,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGzB,MAAM,CAAC0B;AAArB,KACC,cAAC,IAAD;AACC,IAAA,KAAK,EAAG,CACPtB,QAAQ,GACLJ,MAAM,CAAC2B,uBADF,GAEL3B,MAAM,CAAC4B,eAHH,EAIPtB,KAJO,EAKPN,MAAM,CAAEG,KAAF,CALC,EAMPA,KAAK,KAAKJ,eAAe,CAAC8B,UAAhB,CAA2BL,IAArC,IACCN,aAAa,EAPP;AADT,KAWGb,QAXH,CADD,CADD;AAiBA,CAvDD;;AAyDA,MAAMyB,iBAAiB,GAAG,MAAM;AAC/B,QAAM;AAAEvB,IAAAA;AAAF,MAAYZ,UAAU,CAACc,GAAX,CAAgB,QAAhB,CAAlB;AACA,SAAOF,KAAK,GAAGP,MAAM,CAAC4B,eAAP,CAAuBN,QAAtC;AACA,CAHD;;AAKApB,mBAAmB,CAAC4B,iBAApB,GAAwCA,iBAAxC;AAEA,eAAe5B,mBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { ALIGNMENT_BREAKPOINTS, WIDE_ALIGNMENTS } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst PIXEL_RATIO = 2;\n\nconst ReadableContentView = ( { align, reversed, children, style } ) => {\n\tconst { width, height } = Dimensions.get( 'window' );\n\tconst [ windowWidth, setWindowWidth ] = useState( width );\n\tconst [ windowRatio, setWindowRatio ] = useState( width / height );\n\n\tfunction onDimensionsChange( { window } ) {\n\t\tsetWindowWidth( window.width );\n\t\tsetWindowRatio( window.width / window.height );\n\t}\n\n\tuseEffect( () => {\n\t\tDimensions.addEventListener( 'change', onDimensionsChange );\n\n\t\treturn () => {\n\t\t\tDimensions.removeEventListener( 'change', onDimensionsChange );\n\t\t};\n\t}, [] );\n\n\tfunction getWideStyles() {\n\t\tif (\n\t\t\twindowRatio >= PIXEL_RATIO &&\n\t\t\twindowWidth < ALIGNMENT_BREAKPOINTS.large\n\t\t) {\n\t\t\treturn styles.wideLandscape;\n\t\t}\n\n\t\tif ( windowWidth <= ALIGNMENT_BREAKPOINTS.small ) {\n\t\t\treturn { maxWidth: windowWidth };\n\t\t}\n\n\t\tif (\n\t\t\twindowWidth >= ALIGNMENT_BREAKPOINTS.medium &&\n\t\t\twindowWidth < ALIGNMENT_BREAKPOINTS.wide\n\t\t) {\n\t\t\treturn styles.wideMedium;\n\t\t}\n\t}\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\treversed\n\t\t\t\t\t\t? styles.reversedCenteredContent\n\t\t\t\t\t\t: styles.centeredContent,\n\t\t\t\t\tstyle,\n\t\t\t\t\tstyles[ align ],\n\t\t\t\t\talign === WIDE_ALIGNMENTS.alignments.wide &&\n\t\t\t\t\t\tgetWideStyles(),\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t</View>\n\t);\n};\n\nconst isContentMaxWidth = () => {\n\tconst { width } = Dimensions.get( 'window' );\n\treturn width > styles.centeredContent.maxWidth;\n};\n\nReadableContentView.isContentMaxWidth = isContentMaxWidth;\n\nexport default ReadableContentView;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/readable-content-view/index.native.js"],"names":["View","Dimensions","useState","useEffect","ALIGNMENT_BREAKPOINTS","WIDE_ALIGNMENTS","styles","PIXEL_RATIO","ReadableContentView","align","reversed","children","style","width","height","get","windowWidth","setWindowWidth","windowRatio","setWindowRatio","onDimensionsChange","window","addEventListener","removeEventListener","getWideStyles","large","wideLandscape","small","maxWidth","medium","wide","wideMedium","container","reversedCenteredContent","centeredContent","alignments","isContentMaxWidth"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,UAAf,QAAiC,cAAjC;AAEA;AACA;AACA;;AACA,SAASC,QAAT,EAAmBC,SAAnB,QAAoC,oBAApC;AACA,SAASC,qBAAT,EAAgCC,eAAhC,QAAuD,uBAAvD;AACA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;AAEA,MAAMC,WAAW,GAAG,CAApB;;AAEA,MAAMC,mBAAmB,GAAG,QAA4C;AAAA,MAA1C;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,QAAnB;AAA6BC,IAAAA;AAA7B,GAA0C;AACvE,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAoBb,UAAU,CAACc,GAAX,CAAgB,QAAhB,CAA1B;AACA,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkCf,QAAQ,CAAEW,KAAF,CAAhD;AACA,QAAM,CAAEK,WAAF,EAAeC,cAAf,IAAkCjB,QAAQ,CAAEW,KAAK,GAAGC,MAAV,CAAhD;;AAEA,WAASM,kBAAT,QAA0C;AAAA,QAAb;AAAEC,MAAAA;AAAF,KAAa;AACzCJ,IAAAA,cAAc,CAAEI,MAAM,CAACR,KAAT,CAAd;AACAM,IAAAA,cAAc,CAAEE,MAAM,CAACR,KAAP,GAAeQ,MAAM,CAACP,MAAxB,CAAd;AACA;;AAEDX,EAAAA,SAAS,CAAE,MAAM;AAChBF,IAAAA,UAAU,CAACqB,gBAAX,CAA6B,QAA7B,EAAuCF,kBAAvC;AAEA,WAAO,MAAM;AACZnB,MAAAA,UAAU,CAACsB,mBAAX,CAAgC,QAAhC,EAA0CH,kBAA1C;AACA,KAFD;AAGA,GANQ,EAMN,EANM,CAAT;;AAQA,WAASI,aAAT,GAAyB;AACxB,QACCN,WAAW,IAAIX,WAAf,IACAS,WAAW,GAAGZ,qBAAqB,CAACqB,KAFrC,EAGE;AACD,aAAOnB,MAAM,CAACoB,aAAd;AACA;;AAED,QAAKV,WAAW,IAAIZ,qBAAqB,CAACuB,KAA1C,EAAkD;AACjD,aAAO;AAAEC,QAAAA,QAAQ,EAAEZ;AAAZ,OAAP;AACA;;AAED,QACCA,WAAW,IAAIZ,qBAAqB,CAACyB,MAArC,IACAb,WAAW,GAAGZ,qBAAqB,CAAC0B,IAFrC,EAGE;AACD,aAAOxB,MAAM,CAACyB,UAAd;AACA;AACD;;AAED,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGzB,MAAM,CAAC0B;AAArB,KACC,cAAC,IAAD;AACC,IAAA,KAAK,EAAG,CACPtB,QAAQ,GACLJ,MAAM,CAAC2B,uBADF,GAEL3B,MAAM,CAAC4B,eAHH,EAIPtB,KAJO,EAKPN,MAAM,CAAEG,KAAF,CALC,EAMPA,KAAK,KAAKJ,eAAe,CAAC8B,UAAhB,CAA2BL,IAArC,IACCN,aAAa,EAPP;AADT,KAWGb,QAXH,CADD,CADD;AAiBA,CAvDD;;AAyDA,MAAMyB,iBAAiB,GAAG,MAAM;AAC/B,QAAM;AAAEvB,IAAAA;AAAF,MAAYZ,UAAU,CAACc,GAAX,CAAgB,QAAhB,CAAlB;AACA,SAAOF,KAAK,GAAGP,MAAM,CAAC4B,eAAP,CAAuBN,QAAtC;AACA,CAHD;;AAKApB,mBAAmB,CAAC4B,iBAApB,GAAwCA,iBAAxC;AAEA,eAAe5B,mBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { ALIGNMENT_BREAKPOINTS, WIDE_ALIGNMENTS } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst PIXEL_RATIO = 2;\n\nconst ReadableContentView = ( { align, reversed, children, style } ) => {\n\tconst { width, height } = Dimensions.get( 'window' );\n\tconst [ windowWidth, setWindowWidth ] = useState( width );\n\tconst [ windowRatio, setWindowRatio ] = useState( width / height );\n\n\tfunction onDimensionsChange( { window } ) {\n\t\tsetWindowWidth( window.width );\n\t\tsetWindowRatio( window.width / window.height );\n\t}\n\n\tuseEffect( () => {\n\t\tDimensions.addEventListener( 'change', onDimensionsChange );\n\n\t\treturn () => {\n\t\t\tDimensions.removeEventListener( 'change', onDimensionsChange );\n\t\t};\n\t}, [] );\n\n\tfunction getWideStyles() {\n\t\tif (\n\t\t\twindowRatio >= PIXEL_RATIO &&\n\t\t\twindowWidth < ALIGNMENT_BREAKPOINTS.large\n\t\t) {\n\t\t\treturn styles.wideLandscape;\n\t\t}\n\n\t\tif ( windowWidth <= ALIGNMENT_BREAKPOINTS.small ) {\n\t\t\treturn { maxWidth: windowWidth };\n\t\t}\n\n\t\tif (\n\t\t\twindowWidth >= ALIGNMENT_BREAKPOINTS.medium &&\n\t\t\twindowWidth < ALIGNMENT_BREAKPOINTS.wide\n\t\t) {\n\t\t\treturn styles.wideMedium;\n\t\t}\n\t}\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\treversed\n\t\t\t\t\t\t? styles.reversedCenteredContent\n\t\t\t\t\t\t: styles.centeredContent,\n\t\t\t\t\tstyle,\n\t\t\t\t\tstyles[ align ],\n\t\t\t\t\talign === WIDE_ALIGNMENTS.alignments.wide &&\n\t\t\t\t\t\tgetWideStyles(),\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t</View>\n\t);\n};\n\nconst isContentMaxWidth = () => {\n\tconst { width } = Dimensions.get( 'window' );\n\treturn width > styles.centeredContent.maxWidth;\n};\n\nReadableContentView.isContentMaxWidth = isContentMaxWidth;\n\nexport default ReadableContentView;\n"]}

package/build-module/mobile/segmented-control/index.native.js

@@ -21,13 +21,14 @@ import styles from './style.scss';
 const ANIMATION_DURATION = 200;
 const isIOS = Platform.OS === 'ios';
 
-const Segment = ({
-  isSelected,
-  title,
-  onPress,
-  onLayout,
-  ...props
-}) => {
+const Segment = _ref => {
+  let {
+    isSelected,
+    title,
+    onPress,
+    onLayout,
+    ...props
+  } = _ref;
   const isSelectedIOS = isIOS && isSelected;
   const segmentStyle = [styles.segment, isIOS && styles.segmentIOS];
   const textStyle = usePreferredColorSchemeStyle(styles.buttonTextDefault, styles.buttonTextDefaultDark);
@@ -46,13 +47,14 @@ const Segment = ({
   }, title))));
 };
 
-const SegmentedControls = ({
-  segments,
-  segmentHandler,
-  selectedIndex,
-  addonLeft,
-  addonRight
-}) => {
+const SegmentedControls = _ref2 => {
+  let {
+    segments,
+    segmentHandler,
+    selectedIndex,
+    addonLeft,
+    addonRight
+  } = _ref2;
   const selectedSegmentIndex = selectedIndex || 0;
   const [activeSegmentIndex, setActiveSegmentIndex] = useState(selectedSegmentIndex);
   const [segmentsDimensions, setSegmentsDimensions] = useState({

package/build-module/mobile/segmented-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/segmented-control/index.native.js"],"names":["View","TouchableWithoutFeedback","Text","Platform","Animated","Easing","take","values","map","reduce","useState","useEffect","usePreferredColorSchemeStyle","performLayoutAnimation","styles","ANIMATION_DURATION","isIOS","OS","Segment","isSelected","title","onPress","onLayout","props","isSelectedIOS","segmentStyle","segment","segmentIOS","textStyle","buttonTextDefault","buttonTextDefaultDark","selectedTextStyle","buttonTextSelected","buttonTextSelectedDark","shadowStyle","shadowIOS","SegmentedControls","segments","segmentHandler","selectedIndex","addonLeft","addonRight","selectedSegmentIndex","activeSegmentIndex","setActiveSegmentIndex","segmentsDimensions","setSegmentsDimensions","width","height","positionAnimationValue","Value","setValue","calculateEndValue","containerStyle","container","containerDark","performSwatchAnimation","index","timing","toValue","duration","easing","ease","useNativeDriver","start","paddingLeft","offset","containerIOS","widths","widthsDistance","widthsDistanceSum","sum","n","endValue","onHandlePress","segmentOnLayout","event","nativeEvent","layout","selectedStyle","selected","selectedDark","outlineStyle","outline","outlineIOS","row","flex","length","left"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tText,\n\tPlatform,\n\tAnimated,\n\tEasing,\n} from 'react-native';\nimport { take, values, map, reduce } from 'lodash';\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { performLayoutAnimation } from '../layout-animation';\nimport styles from './style.scss';\n\nconst ANIMATION_DURATION = 200;\n\nconst isIOS = Platform.OS === 'ios';\n\nconst Segment = ( { isSelected, title, onPress, onLayout, ...props } ) => {\n\tconst isSelectedIOS = isIOS && isSelected;\n\n\tconst segmentStyle = [ styles.segment, isIOS && styles.segmentIOS ];\n\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.buttonTextDefault,\n\t\tstyles.buttonTextDefaultDark\n\t);\n\tconst selectedTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.buttonTextSelected,\n\t\tstyles.buttonTextSelectedDark\n\t);\n\tconst shadowStyle = usePreferredColorSchemeStyle( styles.shadowIOS, {} );\n\n\treturn (\n\t\t<View style={ isSelectedIOS && shadowStyle }>\n\t\t\t<TouchableWithoutFeedback onPress={ onPress }>\n\t\t\t\t<View style={ segmentStyle } onLayout={ onLayout } { ...props }>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ [ textStyle, isSelected && selectedTextStyle ] }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</View>\n\t);\n};\n\nconst SegmentedControls = ( {\n\tsegments,\n\tsegmentHandler,\n\tselectedIndex,\n\taddonLeft,\n\taddonRight,\n} ) => {\n\tconst selectedSegmentIndex = selectedIndex || 0;\n\tconst [ activeSegmentIndex, setActiveSegmentIndex ] = useState(\n\t\tselectedSegmentIndex\n\t);\n\tconst [ segmentsDimensions, setSegmentsDimensions ] = useState( {\n\t\t[ activeSegmentIndex ]: { width: 0, height: 0 },\n\t} );\n\tconst [ positionAnimationValue ] = useState( new Animated.Value( 0 ) );\n\n\tuseEffect( () => {\n\t\tsetActiveSegmentIndex( selectedSegmentIndex );\n\t\tsegmentHandler( segments[ selectedSegmentIndex ] );\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tpositionAnimationValue.setValue(\n\t\t\tcalculateEndValue( activeSegmentIndex )\n\t\t);\n\t}, [ segmentsDimensions ] );\n\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tfunction performSwatchAnimation( index ) {\n\t\tAnimated.timing( positionAnimationValue, {\n\t\t\ttoValue: calculateEndValue( index ),\n\t\t\tduration: ANIMATION_DURATION,\n\t\t\teasing: Easing.ease,\n\t\t\tuseNativeDriver: false,\n\t\t} ).start();\n\t}\n\n\tfunction calculateEndValue( index ) {\n\t\tconst { paddingLeft: offset } = isIOS\n\t\t\t? styles.containerIOS\n\t\t\t: styles.container;\n\t\tconst widths = map( values( segmentsDimensions ), 'width' );\n\t\tconst widthsDistance = take( widths, index );\n\t\tconst widthsDistanceSum = reduce(\n\t\t\twidthsDistance,\n\t\t\t( sum, n ) => sum + n\n\t\t);\n\n\t\tconst endValue = index === 0 ? 0 : widthsDistanceSum;\n\t\treturn endValue + offset;\n\t}\n\n\tfunction onHandlePress( segment, index ) {\n\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\tsetActiveSegmentIndex( index );\n\t\tsegmentHandler( segment );\n\t\tperformSwatchAnimation( index );\n\t}\n\n\tfunction segmentOnLayout( event, index ) {\n\t\tconst { width, height } = event.nativeEvent.layout;\n\n\t\tsetSegmentsDimensions( {\n\t\t\t...segmentsDimensions,\n\t\t\t[ index ]: { width, height },\n\t\t} );\n\t}\n\n\tconst selectedStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selected,\n\t\tstyles.selectedDark\n\t);\n\n\tconst width = segmentsDimensions[ activeSegmentIndex ].width;\n\tconst height = segmentsDimensions[ activeSegmentIndex ].height;\n\n\tconst outlineStyle = [ styles.outline, isIOS && styles.outlineIOS ];\n\n\treturn (\n\t\t<View style={ styles.row }>\n\t\t\t<View style={ styles.flex }>{ addonLeft }</View>\n\t\t\t<View style={ [ containerStyle, isIOS && styles.containerIOS ] }>\n\t\t\t\t{ segments.map( ( segment, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Segment\n\t\t\t\t\t\t\ttitle={ segment }\n\t\t\t\t\t\t\tonPress={ () => onHandlePress( segment, index ) }\n\t\t\t\t\t\t\tisSelected={ activeSegmentIndex === index }\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tonLayout={ ( event ) =>\n\t\t\t\t\t\t\t\tsegmentOnLayout( event, index )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibilityState={ {\n\t\t\t\t\t\t\t\tselected: activeSegmentIndex === index,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityLabel={ segment }\n\t\t\t\t\t\t\taccessibilityHint={ `${ index + 1 } on ${\n\t\t\t\t\t\t\t\tsegments.length\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\t<Animated.View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\tleft: positionAnimationValue,\n\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tselectedStyle,\n\t\t\t\t\t\toutlineStyle,\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<View style={ styles.flex }>{ addonRight }</View>\n\t\t</View>\n\t);\n};\n\nexport default SegmentedControls;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/segmented-control/index.native.js"],"names":["View","TouchableWithoutFeedback","Text","Platform","Animated","Easing","take","values","map","reduce","useState","useEffect","usePreferredColorSchemeStyle","performLayoutAnimation","styles","ANIMATION_DURATION","isIOS","OS","Segment","isSelected","title","onPress","onLayout","props","isSelectedIOS","segmentStyle","segment","segmentIOS","textStyle","buttonTextDefault","buttonTextDefaultDark","selectedTextStyle","buttonTextSelected","buttonTextSelectedDark","shadowStyle","shadowIOS","SegmentedControls","segments","segmentHandler","selectedIndex","addonLeft","addonRight","selectedSegmentIndex","activeSegmentIndex","setActiveSegmentIndex","segmentsDimensions","setSegmentsDimensions","width","height","positionAnimationValue","Value","setValue","calculateEndValue","containerStyle","container","containerDark","performSwatchAnimation","index","timing","toValue","duration","easing","ease","useNativeDriver","start","paddingLeft","offset","containerIOS","widths","widthsDistance","widthsDistanceSum","sum","n","endValue","onHandlePress","segmentOnLayout","event","nativeEvent","layout","selectedStyle","selected","selectedDark","outlineStyle","outline","outlineIOS","row","flex","length","left"],"mappings":";;;AAAA;AACA;AACA;AACA,SACCA,IADD,EAECC,wBAFD,EAGCC,IAHD,EAICC,QAJD,EAKCC,QALD,EAMCC,MAND,QAOO,cAPP;AAQA,SAASC,IAAT,EAAeC,MAAf,EAAuBC,GAAvB,EAA4BC,MAA5B,QAA0C,QAA1C;AACA;AACA;AACA;;AACA,SAASC,QAAT,EAAmBC,SAAnB,QAAoC,oBAApC;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AAEA;AACA;AACA;;AACA,SAASC,sBAAT,QAAuC,qBAAvC;AACA,OAAOC,MAAP,MAAmB,cAAnB;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;AAEA,MAAMC,KAAK,GAAGb,QAAQ,CAACc,EAAT,KAAgB,KAA9B;;AAEA,MAAMC,OAAO,GAAG,QAA0D;AAAA,MAAxD;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,KAAd;AAAqBC,IAAAA,OAArB;AAA8BC,IAAAA,QAA9B;AAAwC,OAAGC;AAA3C,GAAwD;AACzE,QAAMC,aAAa,GAAGR,KAAK,IAAIG,UAA/B;AAEA,QAAMM,YAAY,GAAG,CAAEX,MAAM,CAACY,OAAT,EAAkBV,KAAK,IAAIF,MAAM,CAACa,UAAlC,CAArB;AAEA,QAAMC,SAAS,GAAGhB,4BAA4B,CAC7CE,MAAM,CAACe,iBADsC,EAE7Cf,MAAM,CAACgB,qBAFsC,CAA9C;AAIA,QAAMC,iBAAiB,GAAGnB,4BAA4B,CACrDE,MAAM,CAACkB,kBAD8C,EAErDlB,MAAM,CAACmB,sBAF8C,CAAtD;AAIA,QAAMC,WAAW,GAAGtB,4BAA4B,CAAEE,MAAM,CAACqB,SAAT,EAAoB,EAApB,CAAhD;AAEA,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGX,aAAa,IAAIU;AAA/B,KACC,cAAC,wBAAD;AAA0B,IAAA,OAAO,EAAGb;AAApC,KACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGI,YAAd;AAA6B,IAAA,QAAQ,EAAGH;AAAxC,KAAwDC,KAAxD,GACC,cAAC,IAAD;AACC,IAAA,KAAK,EAAG,CAAEK,SAAF,EAAaT,UAAU,IAAIY,iBAA3B,CADT;AAEC,IAAA,qBAAqB,EAAG;AAFzB,KAIGX,KAJH,CADD,CADD,CADD,CADD;AAcA,CA7BD;;AA+BA,MAAMgB,iBAAiB,GAAG,SAMnB;AAAA,MANqB;AAC3BC,IAAAA,QAD2B;AAE3BC,IAAAA,cAF2B;AAG3BC,IAAAA,aAH2B;AAI3BC,IAAAA,SAJ2B;AAK3BC,IAAAA;AAL2B,GAMrB;AACN,QAAMC,oBAAoB,GAAGH,aAAa,IAAI,CAA9C;AACA,QAAM,CAAEI,kBAAF,EAAsBC,qBAAtB,IAAgDlC,QAAQ,CAC7DgC,oBAD6D,CAA9D;AAGA,QAAM,CAAEG,kBAAF,EAAsBC,qBAAtB,IAAgDpC,QAAQ,CAAE;AAC/D,KAAEiC,kBAAF,GAAwB;AAAEI,MAAAA,KAAK,EAAE,CAAT;AAAYC,MAAAA,MAAM,EAAE;AAApB;AADuC,GAAF,CAA9D;AAGA,QAAM,CAAEC,sBAAF,IAA6BvC,QAAQ,CAAE,IAAIN,QAAQ,CAAC8C,KAAb,CAAoB,CAApB,CAAF,CAA3C;AAEAvC,EAAAA,SAAS,CAAE,MAAM;AAChBiC,IAAAA,qBAAqB,CAAEF,oBAAF,CAArB;AACAJ,IAAAA,cAAc,CAAED,QAAQ,CAAEK,oBAAF,CAAV,CAAd;AACA,GAHQ,EAGN,EAHM,CAAT;AAKA/B,EAAAA,SAAS,CAAE,MAAM;AAChBsC,IAAAA,sBAAsB,CAACE,QAAvB,CACCC,iBAAiB,CAAET,kBAAF,CADlB;AAGA,GAJQ,EAIN,CAAEE,kBAAF,CAJM,CAAT;AAMA,QAAMQ,cAAc,GAAGzC,4BAA4B,CAClDE,MAAM,CAACwC,SAD2C,EAElDxC,MAAM,CAACyC,aAF2C,CAAnD;;AAKA,WAASC,sBAAT,CAAiCC,KAAjC,EAAyC;AACxCrD,IAAAA,QAAQ,CAACsD,MAAT,CAAiBT,sBAAjB,EAAyC;AACxCU,MAAAA,OAAO,EAAEP,iBAAiB,CAAEK,KAAF,CADc;AAExCG,MAAAA,QAAQ,EAAE7C,kBAF8B;AAGxC8C,MAAAA,MAAM,EAAExD,MAAM,CAACyD,IAHyB;AAIxCC,MAAAA,eAAe,EAAE;AAJuB,KAAzC,EAKIC,KALJ;AAMA;;AAED,WAASZ,iBAAT,CAA4BK,KAA5B,EAAoC;AACnC,UAAM;AAAEQ,MAAAA,WAAW,EAAEC;AAAf,QAA0BlD,KAAK,GAClCF,MAAM,CAACqD,YAD2B,GAElCrD,MAAM,CAACwC,SAFV;AAGA,UAAMc,MAAM,GAAG5D,GAAG,CAAED,MAAM,CAAEsC,kBAAF,CAAR,EAAgC,OAAhC,CAAlB;AACA,UAAMwB,cAAc,GAAG/D,IAAI,CAAE8D,MAAF,EAAUX,KAAV,CAA3B;AACA,UAAMa,iBAAiB,GAAG7D,MAAM,CAC/B4D,cAD+B,EAE/B,CAAEE,GAAF,EAAOC,CAAP,KAAcD,GAAG,GAAGC,CAFW,CAAhC;AAKA,UAAMC,QAAQ,GAAGhB,KAAK,KAAK,CAAV,GAAc,CAAd,GAAkBa,iBAAnC;AACA,WAAOG,QAAQ,GAAGP,MAAlB;AACA;;AAED,WAASQ,aAAT,CAAwBhD,OAAxB,EAAiC+B,KAAjC,EAAyC;AACxC5C,IAAAA,sBAAsB,CAAEE,kBAAF,CAAtB;AACA6B,IAAAA,qBAAqB,CAAEa,KAAF,CAArB;AACAnB,IAAAA,cAAc,CAAEZ,OAAF,CAAd;AACA8B,IAAAA,sBAAsB,CAAEC,KAAF,CAAtB;AACA;;AAED,WAASkB,eAAT,CAA0BC,KAA1B,EAAiCnB,KAAjC,EAAyC;AACxC,UAAM;AAAEV,MAAAA,KAAF;AAASC,MAAAA;AAAT,QAAoB4B,KAAK,CAACC,WAAN,CAAkBC,MAA5C;AAEAhC,IAAAA,qBAAqB,CAAE,EACtB,GAAGD,kBADmB;AAEtB,OAAEY,KAAF,GAAW;AAAEV,QAAAA,KAAF;AAASC,QAAAA;AAAT;AAFW,KAAF,CAArB;AAIA;;AAED,QAAM+B,aAAa,GAAGnE,4BAA4B,CACjDE,MAAM,CAACkE,QAD0C,EAEjDlE,MAAM,CAACmE,YAF0C,CAAlD;AAKA,QAAMlC,KAAK,GAAGF,kBAAkB,CAAEF,kBAAF,CAAlB,CAAyCI,KAAvD;AACA,QAAMC,MAAM,GAAGH,kBAAkB,CAAEF,kBAAF,CAAlB,CAAyCK,MAAxD;AAEA,QAAMkC,YAAY,GAAG,CAAEpE,MAAM,CAACqE,OAAT,EAAkBnE,KAAK,IAAIF,MAAM,CAACsE,UAAlC,CAArB;AAEA,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGtE,MAAM,CAACuE;AAArB,KACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGvE,MAAM,CAACwE;AAArB,KAA8B9C,SAA9B,CADD,EAEC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAG,CAAEa,cAAF,EAAkBrC,KAAK,IAAIF,MAAM,CAACqD,YAAlC;AAAd,KACG9B,QAAQ,CAAC7B,GAAT,CAAc,CAAEkB,OAAF,EAAW+B,KAAX,KAAsB;AACrC,WACC,cAAC,OAAD;AACC,MAAA,KAAK,EAAG/B,OADT;AAEC,MAAA,OAAO,EAAG,MAAMgD,aAAa,CAAEhD,OAAF,EAAW+B,KAAX,CAF9B;AAGC,MAAA,UAAU,EAAGd,kBAAkB,KAAKc,KAHrC;AAIC,MAAA,GAAG,EAAGA,KAJP;AAKC,MAAA,QAAQ,EAAKmB,KAAF,IACVD,eAAe,CAAEC,KAAF,EAASnB,KAAT,CANjB;AAQC,MAAA,kBAAkB,EAAG;AACpBuB,QAAAA,QAAQ,EAAErC,kBAAkB,KAAKc;AADb,OARtB;AAWC,MAAA,iBAAiB,EAAG,QAXrB;AAYC,MAAA,kBAAkB,EAAG/B,OAZtB;AAaC,MAAA,iBAAiB,EAAI,GAAG+B,KAAK,GAAG,CAAG,OAClCpB,QAAQ,CAACkD,MACT;AAfF,MADD;AAmBA,GApBC,CADH,EAsBC,cAAC,QAAD,CAAU,IAAV;AACC,IAAA,KAAK,EAAG,CACP;AACCxC,MAAAA,KADD;AAECyC,MAAAA,IAAI,EAAEvC,sBAFP;AAGCD,MAAAA;AAHD,KADO,EAMP+B,aANO,EAOPG,YAPO;AADT,IAtBD,CAFD,EAoCC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGpE,MAAM,CAACwE;AAArB,KAA8B7C,UAA9B,CApCD,CADD;AAwCA,CA1HD;;AA4HA,eAAeL,iBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tText,\n\tPlatform,\n\tAnimated,\n\tEasing,\n} from 'react-native';\nimport { take, values, map, reduce } from 'lodash';\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { performLayoutAnimation } from '../layout-animation';\nimport styles from './style.scss';\n\nconst ANIMATION_DURATION = 200;\n\nconst isIOS = Platform.OS === 'ios';\n\nconst Segment = ( { isSelected, title, onPress, onLayout, ...props } ) => {\n\tconst isSelectedIOS = isIOS && isSelected;\n\n\tconst segmentStyle = [ styles.segment, isIOS && styles.segmentIOS ];\n\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.buttonTextDefault,\n\t\tstyles.buttonTextDefaultDark\n\t);\n\tconst selectedTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.buttonTextSelected,\n\t\tstyles.buttonTextSelectedDark\n\t);\n\tconst shadowStyle = usePreferredColorSchemeStyle( styles.shadowIOS, {} );\n\n\treturn (\n\t\t<View style={ isSelectedIOS && shadowStyle }>\n\t\t\t<TouchableWithoutFeedback onPress={ onPress }>\n\t\t\t\t<View style={ segmentStyle } onLayout={ onLayout } { ...props }>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ [ textStyle, isSelected && selectedTextStyle ] }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</View>\n\t);\n};\n\nconst SegmentedControls = ( {\n\tsegments,\n\tsegmentHandler,\n\tselectedIndex,\n\taddonLeft,\n\taddonRight,\n} ) => {\n\tconst selectedSegmentIndex = selectedIndex || 0;\n\tconst [ activeSegmentIndex, setActiveSegmentIndex ] = useState(\n\t\tselectedSegmentIndex\n\t);\n\tconst [ segmentsDimensions, setSegmentsDimensions ] = useState( {\n\t\t[ activeSegmentIndex ]: { width: 0, height: 0 },\n\t} );\n\tconst [ positionAnimationValue ] = useState( new Animated.Value( 0 ) );\n\n\tuseEffect( () => {\n\t\tsetActiveSegmentIndex( selectedSegmentIndex );\n\t\tsegmentHandler( segments[ selectedSegmentIndex ] );\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tpositionAnimationValue.setValue(\n\t\t\tcalculateEndValue( activeSegmentIndex )\n\t\t);\n\t}, [ segmentsDimensions ] );\n\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tfunction performSwatchAnimation( index ) {\n\t\tAnimated.timing( positionAnimationValue, {\n\t\t\ttoValue: calculateEndValue( index ),\n\t\t\tduration: ANIMATION_DURATION,\n\t\t\teasing: Easing.ease,\n\t\t\tuseNativeDriver: false,\n\t\t} ).start();\n\t}\n\n\tfunction calculateEndValue( index ) {\n\t\tconst { paddingLeft: offset } = isIOS\n\t\t\t? styles.containerIOS\n\t\t\t: styles.container;\n\t\tconst widths = map( values( segmentsDimensions ), 'width' );\n\t\tconst widthsDistance = take( widths, index );\n\t\tconst widthsDistanceSum = reduce(\n\t\t\twidthsDistance,\n\t\t\t( sum, n ) => sum + n\n\t\t);\n\n\t\tconst endValue = index === 0 ? 0 : widthsDistanceSum;\n\t\treturn endValue + offset;\n\t}\n\n\tfunction onHandlePress( segment, index ) {\n\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\tsetActiveSegmentIndex( index );\n\t\tsegmentHandler( segment );\n\t\tperformSwatchAnimation( index );\n\t}\n\n\tfunction segmentOnLayout( event, index ) {\n\t\tconst { width, height } = event.nativeEvent.layout;\n\n\t\tsetSegmentsDimensions( {\n\t\t\t...segmentsDimensions,\n\t\t\t[ index ]: { width, height },\n\t\t} );\n\t}\n\n\tconst selectedStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selected,\n\t\tstyles.selectedDark\n\t);\n\n\tconst width = segmentsDimensions[ activeSegmentIndex ].width;\n\tconst height = segmentsDimensions[ activeSegmentIndex ].height;\n\n\tconst outlineStyle = [ styles.outline, isIOS && styles.outlineIOS ];\n\n\treturn (\n\t\t<View style={ styles.row }>\n\t\t\t<View style={ styles.flex }>{ addonLeft }</View>\n\t\t\t<View style={ [ containerStyle, isIOS && styles.containerIOS ] }>\n\t\t\t\t{ segments.map( ( segment, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Segment\n\t\t\t\t\t\t\ttitle={ segment }\n\t\t\t\t\t\t\tonPress={ () => onHandlePress( segment, index ) }\n\t\t\t\t\t\t\tisSelected={ activeSegmentIndex === index }\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tonLayout={ ( event ) =>\n\t\t\t\t\t\t\t\tsegmentOnLayout( event, index )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibilityState={ {\n\t\t\t\t\t\t\t\tselected: activeSegmentIndex === index,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityLabel={ segment }\n\t\t\t\t\t\t\taccessibilityHint={ `${ index + 1 } on ${\n\t\t\t\t\t\t\t\tsegments.length\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\t<Animated.View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\tleft: positionAnimationValue,\n\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tselectedStyle,\n\t\t\t\t\t\toutlineStyle,\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<View style={ styles.flex }>{ addonRight }</View>\n\t\t</View>\n\t);\n};\n\nexport default SegmentedControls;\n"]}

package/build-module/mobile/utils/index.native.js

@@ -3,7 +3,8 @@ export function removeNonDigit(text, decimalNum) {
   const result = text.match(regex);
   return result ? result[0] : '';
 }
-export function toFixed(num, decimalNum = 0) {
+export function toFixed(num) {
+  let decimalNum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   const decimalOffset = decimalNum < 0 ? 0 : decimalNum;
   return Number.parseFloat(Number.parseFloat(num).toFixed(decimalOffset));
 }

package/build-module/mobile/utils/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/utils/index.native.js"],"names":["removeNonDigit","text","decimalNum","regex","result","match","toFixed","num","decimalOffset","Number","parseFloat"],"mappings":"AAAA,OAAO,SAASA,cAAT,CAAyBC,IAAzB,EAA+BC,UAA/B,EAA4C;AAClD,QAAMC,KAAK,GAAGD,UAAU,GAAG,CAAb,GAAiB,oBAAjB,GAAwC,SAAtD;AACA,QAAME,MAAM,GAAGH,IAAI,CAACI,KAAL,CAAYF,KAAZ,CAAf;AACA,SAAOC,MAAM,GAAGA,MAAM,CAAE,CAAF,CAAT,GAAiB,EAA9B;AACA;AAED,OAAO,SAASE,OAAT,CAAkBC,GAAlB,EAAuBL,UAAU,GAAG,CAApC,EAAwC;AAC9C,QAAMM,aAAa,GAAGN,UAAU,GAAG,CAAb,GAAiB,CAAjB,GAAqBA,UAA3C;AACA,SAAOO,MAAM,CAACC,UAAP,CACND,MAAM,CAACC,UAAP,CAAmBH,GAAnB,EAAyBD,OAAzB,CAAkCE,aAAlC,CADM,CAAP;AAGA","sourcesContent":["export function removeNonDigit( text, decimalNum ) {\n\tconst regex = decimalNum > 0 ? /^(\\d+\\.?\\,?(\\d+)?)/ : /([\\d]+)/;\n\tconst result = text.match( regex );\n\treturn result ? result[ 0 ] : '';\n}\n\nexport function toFixed( num, decimalNum = 0 ) {\n\tconst decimalOffset = decimalNum < 0 ? 0 : decimalNum;\n\treturn Number.parseFloat(\n\t\tNumber.parseFloat( num ).toFixed( decimalOffset )\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/utils/index.native.js"],"names":["removeNonDigit","text","decimalNum","regex","result","match","toFixed","num","decimalOffset","Number","parseFloat"],"mappings":"AAAA,OAAO,SAASA,cAAT,CAAyBC,IAAzB,EAA+BC,UAA/B,EAA4C;AAClD,QAAMC,KAAK,GAAGD,UAAU,GAAG,CAAb,GAAiB,oBAAjB,GAAwC,SAAtD;AACA,QAAME,MAAM,GAAGH,IAAI,CAACI,KAAL,CAAYF,KAAZ,CAAf;AACA,SAAOC,MAAM,GAAGA,MAAM,CAAE,CAAF,CAAT,GAAiB,EAA9B;AACA;AAED,OAAO,SAASE,OAAT,CAAkBC,GAAlB,EAAwC;AAAA,MAAjBL,UAAiB,uEAAJ,CAAI;AAC9C,QAAMM,aAAa,GAAGN,UAAU,GAAG,CAAb,GAAiB,CAAjB,GAAqBA,UAA3C;AACA,SAAOO,MAAM,CAACC,UAAP,CACND,MAAM,CAACC,UAAP,CAAmBH,GAAnB,EAAyBD,OAAzB,CAAkCE,aAAlC,CADM,CAAP;AAGA","sourcesContent":["export function removeNonDigit( text, decimalNum ) {\n\tconst regex = decimalNum > 0 ? /^(\\d+\\.?\\,?(\\d+)?)/ : /([\\d]+)/;\n\tconst result = text.match( regex );\n\treturn result ? result[ 0 ] : '';\n}\n\nexport function toFixed( num, decimalNum = 0 ) {\n\tconst decimalOffset = decimalNum < 0 ? 0 : decimalNum;\n\treturn Number.parseFloat(\n\t\tNumber.parseFloat( num ).toFixed( decimalOffset )\n\t);\n}\n"]}

package/build-module/mobile/utils/use-unit-converter-to-mobile.native.js

@@ -77,9 +77,10 @@ const useConvertUnitToMobile = (value, unit) => {
       Dimensions.removeEventListener('change', onDimensionsChange);
     };
   }, []);
-  const onDimensionsChange = useCallback(({
-    window
-  }) => {
+  const onDimensionsChange = useCallback(_ref2 => {
+    let {
+      window
+    } = _ref2;
     setWindowSizes(window);
   }, []);
   return useMemo(() => {

package/build-module/mobile/utils/use-unit-converter-to-mobile.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/utils/use-unit-converter-to-mobile.native.js"],"names":["Dimensions","useContext","useEffect","useState","useMemo","useCallback","GlobalStylesContext","getValueAndUnit","value","unit","regex","splitValue","match","filter","v","valueToConvert","valueUnit","undefined","convertUnitToMobile","containerSize","globalStyles","width","height","fontSize","Number","vw","Math","round","vh","useConvertUnitToMobile","styles","windowSizes","setWindowSizes","get","addEventListener","onDimensionsChange","removeEventListener","window"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,cAA3B;AAEA;AACA;AACA;;AACA,SACCC,UADD,EAECC,SAFD,EAGCC,QAHD,EAICC,OAJD,EAKCC,WALD,QAMO,oBANP;AAQA;AACA;AACA;;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;;AAEA,MAAMC,eAAe,GAAG,CAAEC,KAAF,EAASC,IAAT,KAAmB;AAAA;;AAC1C,QAAMC,KAAK,GAAG,iBAAd;AAEA,QAAMC,UAAU,WAAI,GAAGH,KAAO,EAAd,uDAAG,KAChBI,KADgB,CACTF,KADS,CAAH,+CAAG,WAEhBG,MAFgB,CAENC,CAAF,IAASA,CAAC,KAAK,EAFP,CAAnB;;AAIA,MAAKH,UAAL,EAAkB;AACjB,WAAO;AACNI,MAAAA,cAAc,EAAEJ,UAAU,CAAE,CAAF,CADpB;AAENK,MAAAA,SAAS,EAAEP,IAAI,IAAIE,UAAU,CAAE,CAAF;AAFvB,KAAP;AAIA;;AACD,SAAOM,SAAP;AACA,CAdD;;AAgBA,MAAMC,mBAAmB,GAAG,CAAEC,aAAF,EAAiBC,YAAjB,EAA+BZ,KAA/B,EAAsCC,IAAtC,KAAgD;AAC3E,QAAM;AAAEY,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAoBH,aAA1B;AACA,QAAM;AAAEJ,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAAgCT,eAAe,CAAEC,KAAF,EAASC,IAAT,CAAf,IAAkC,EAAxE;AACA,QAAM;AAAEc,IAAAA,QAAQ,GAAG;AAAb,MAAoBH,YAAY,IAAI,EAA1C;;AAEA,UAASJ,SAAT;AACC,SAAK,KAAL;AACA,SAAK,IAAL;AACC,aAAOD,cAAc,GAAGQ,QAAxB;;AACD,SAAK,GAAL;AACC,aAAOC,MAAM,CAAET,cAAc,GAAG,GAAnB,CAAN,GAAiCM,KAAxC;;AACD,SAAK,IAAL;AACC,aAAOG,MAAM,CAAET,cAAF,CAAb;;AACD,SAAK,IAAL;AACC,YAAMU,EAAE,GAAGJ,KAAK,GAAG,GAAnB;AACA,aAAOK,IAAI,CAACC,KAAL,CAAYZ,cAAc,GAAGU,EAA7B,CAAP;;AACD,SAAK,IAAL;AACC,YAAMG,EAAE,GAAGN,MAAM,GAAG,GAApB;AACA,aAAOI,IAAI,CAACC,KAAL,CAAYZ,cAAc,GAAGa,EAA7B,CAAP;;AACD;AACC,aAAOJ,MAAM,CAAET,cAAc,GAAG,GAAnB,CAAN,GAAiCM,KAAxC;AAfF;AAiBA,CAtBD;;AAwBA,MAAMQ,sBAAsB,GAAG,CAAErB,KAAF,EAASC,IAAT,KAAmB;AACjD,QAAM;AAAEW,IAAAA,YAAY,EAAEU;AAAhB,MAA2B7B,UAAU,CAAEK,mBAAF,CAA3C;AACA,QAAM,CAAEyB,WAAF,EAAeC,cAAf,IAAkC7B,QAAQ,CAC/CH,UAAU,CAACiC,GAAX,CAAgB,QAAhB,CAD+C,CAAhD;AAIA/B,EAAAA,SAAS,CAAE,MAAM;AAChBF,IAAAA,UAAU,CAACkC,gBAAX,CAA6B,QAA7B,EAAuCC,kBAAvC;AAEA,WAAO,MAAM;AACZnC,MAAAA,UAAU,CAACoC,mBAAX,CAAgC,QAAhC,EAA0CD,kBAA1C;AACA,KAFD;AAGA,GANQ,EAMN,EANM,CAAT;AAQA,QAAMA,kBAAkB,GAAG9B,WAAW,CAAE,CAAE;AAAEgC,IAAAA;AAAF,GAAF,KAAkB;AACzDL,IAAAA,cAAc,CAAEK,MAAF,CAAd;AACA,GAFqC,EAEnC,EAFmC,CAAtC;AAIA,SAAOjC,OAAO,CAAE,MAAM;AACrB,UAAM;AAAEW,MAAAA,cAAF;AAAkBC,MAAAA;AAAlB,QAAgCT,eAAe,CAAEC,KAAF,EAASC,IAAT,CAArD;AAEA,WAAOS,mBAAmB,CACzBa,WADyB,EAEzBD,MAFyB,EAGzBf,cAHyB,EAIzBC,SAJyB,CAA1B;AAMA,GATa,EASX,CAAEe,WAAF,EAAevB,KAAf,EAAsBC,IAAtB,CATW,CAAd;AAUA,CA5BD;;AA8BA,SAASS,mBAAT,EAA8BW,sBAA9B,EAAsDtB,eAAtD","sourcesContent":["/**\n * External dependencies\n */\nimport { Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseEffect,\n\tuseState,\n\tuseMemo,\n\tuseCallback,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesContext from '../global-styles-context';\n\nconst getValueAndUnit = ( value, unit ) => {\n\tconst regex = /(\\d+\\.?\\d*)(.*)/;\n\n\tconst splitValue = `${ value }`\n\t\t?.match( regex )\n\t\t?.filter( ( v ) => v !== '' );\n\n\tif ( splitValue ) {\n\t\treturn {\n\t\t\tvalueToConvert: splitValue[ 1 ],\n\t\t\tvalueUnit: unit || splitValue[ 2 ],\n\t\t};\n\t}\n\treturn undefined;\n};\n\nconst convertUnitToMobile = ( containerSize, globalStyles, value, unit ) => {\n\tconst { width, height } = containerSize;\n\tconst { valueToConvert, valueUnit } = getValueAndUnit( value, unit ) || {};\n\tconst { fontSize = 16 } = globalStyles || {};\n\n\tswitch ( valueUnit ) {\n\t\tcase 'rem':\n\t\tcase 'em':\n\t\t\treturn valueToConvert * fontSize;\n\t\tcase '%':\n\t\t\treturn Number( valueToConvert / 100 ) * width;\n\t\tcase 'px':\n\t\t\treturn Number( valueToConvert );\n\t\tcase 'vw':\n\t\t\tconst vw = width / 100;\n\t\t\treturn Math.round( valueToConvert * vw );\n\t\tcase 'vh':\n\t\t\tconst vh = height / 100;\n\t\t\treturn Math.round( valueToConvert * vh );\n\t\tdefault:\n\t\t\treturn Number( valueToConvert / 100 ) * width;\n\t}\n};\n\nconst useConvertUnitToMobile = ( value, unit ) => {\n\tconst { globalStyles: styles } = useContext( GlobalStylesContext );\n\tconst [ windowSizes, setWindowSizes ] = useState(\n\t\tDimensions.get( 'window' )\n\t);\n\n\tuseEffect( () => {\n\t\tDimensions.addEventListener( 'change', onDimensionsChange );\n\n\t\treturn () => {\n\t\t\tDimensions.removeEventListener( 'change', onDimensionsChange );\n\t\t};\n\t}, [] );\n\n\tconst onDimensionsChange = useCallback( ( { window } ) => {\n\t\tsetWindowSizes( window );\n\t}, [] );\n\n\treturn useMemo( () => {\n\t\tconst { valueToConvert, valueUnit } = getValueAndUnit( value, unit );\n\n\t\treturn convertUnitToMobile(\n\t\t\twindowSizes,\n\t\t\tstyles,\n\t\t\tvalueToConvert,\n\t\t\tvalueUnit\n\t\t);\n\t}, [ windowSizes, value, unit ] );\n};\n\nexport { convertUnitToMobile, useConvertUnitToMobile, getValueAndUnit };\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/utils/use-unit-converter-to-mobile.native.js"],"names":["Dimensions","useContext","useEffect","useState","useMemo","useCallback","GlobalStylesContext","getValueAndUnit","value","unit","regex","splitValue","match","filter","v","valueToConvert","valueUnit","undefined","convertUnitToMobile","containerSize","globalStyles","width","height","fontSize","Number","vw","Math","round","vh","useConvertUnitToMobile","styles","windowSizes","setWindowSizes","get","addEventListener","onDimensionsChange","removeEventListener","window"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseEffect,\n\tuseState,\n\tuseMemo,\n\tuseCallback,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesContext from '../global-styles-context';\n\nconst getValueAndUnit = ( value, unit ) => {\n\tconst regex = /(\\d+\\.?\\d*)(.*)/;\n\n\tconst splitValue = `${ value }`\n\t\t?.match( regex )\n\t\t?.filter( ( v ) => v !== '' );\n\n\tif ( splitValue ) {\n\t\treturn {\n\t\t\tvalueToConvert: splitValue[ 1 ],\n\t\t\tvalueUnit: unit || splitValue[ 2 ],\n\t\t};\n\t}\n\treturn undefined;\n};\n\nconst convertUnitToMobile = ( containerSize, globalStyles, value, unit ) => {\n\tconst { width, height } = containerSize;\n\tconst { valueToConvert, valueUnit } = getValueAndUnit( value, unit ) || {};\n\tconst { fontSize = 16 } = globalStyles || {};\n\n\tswitch ( valueUnit ) {\n\t\tcase 'rem':\n\t\tcase 'em':\n\t\t\treturn valueToConvert * fontSize;\n\t\tcase '%':\n\t\t\treturn Number( valueToConvert / 100 ) * width;\n\t\tcase 'px':\n\t\t\treturn Number( valueToConvert );\n\t\tcase 'vw':\n\t\t\tconst vw = width / 100;\n\t\t\treturn Math.round( valueToConvert * vw );\n\t\tcase 'vh':\n\t\t\tconst vh = height / 100;\n\t\t\treturn Math.round( valueToConvert * vh );\n\t\tdefault:\n\t\t\treturn Number( valueToConvert / 100 ) * width;\n\t}\n};\n\nconst useConvertUnitToMobile = ( value, unit ) => {\n\tconst { globalStyles: styles } = useContext( GlobalStylesContext );\n\tconst [ windowSizes, setWindowSizes ] = useState(\n\t\tDimensions.get( 'window' )\n\t);\n\n\tuseEffect( () => {\n\t\tDimensions.addEventListener( 'change', onDimensionsChange );\n\n\t\treturn () => {\n\t\t\tDimensions.removeEventListener( 'change', onDimensionsChange );\n\t\t};\n\t}, [] );\n\n\tconst onDimensionsChange = useCallback( ( { window } ) => {\n\t\tsetWindowSizes( window );\n\t}, [] );\n\n\treturn useMemo( () => {\n\t\tconst { valueToConvert, valueUnit } = getValueAndUnit( value, unit );\n\n\t\treturn convertUnitToMobile(\n\t\t\twindowSizes,\n\t\t\tstyles,\n\t\t\tvalueToConvert,\n\t\t\tvalueUnit\n\t\t);\n\t}, [ windowSizes, value, unit ] );\n};\n\nexport { convertUnitToMobile, useConvertUnitToMobile, getValueAndUnit };\n"]}

package/build-module/modal/index.js

@@ -20,35 +20,38 @@ import { closeSmall } from '@wordpress/icons';
  */
 
 import * as ariaHelper from './aria-helper';
-import Button from '../button'; // Used to count the number of open modals.
+import Button from '../button';
+import StyleProvider from '../style-provider'; // Used to count the number of open modals.
 
 let openModalCount = 0;
-export default function Modal({
-  bodyOpenClassName = 'modal-open',
-  role = 'dialog',
-  title = null,
-  focusOnMount = true,
-  shouldCloseOnEsc = true,
-  shouldCloseOnClickOutside = true,
-  isDismissable,
-  // Deprecated
-  isDismissible = isDismissable || true,
+export default function Modal(_ref) {
+  let {
+    bodyOpenClassName = 'modal-open',
+    role = 'dialog',
+    title = null,
+    focusOnMount = true,
+    shouldCloseOnEsc = true,
+    shouldCloseOnClickOutside = true,
+    isDismissable,
+    // Deprecated
+    isDismissible = isDismissable || true,
 
-  /* accessibility */
-  aria = {
-    labelledby: null,
-    describedby: null
-  },
-  onRequestClose,
-  icon,
-  closeButtonLabel,
-  children,
-  style,
-  overlayClassName,
-  className,
-  contentLabel,
-  onKeyDown
-}) {
+    /* accessibility */
+    aria = {
+      labelledby: null,
+      describedby: null
+    },
+    onRequestClose,
+    icon,
+    closeButtonLabel,
+    children,
+    style,
+    overlayClassName,
+    className,
+    contentLabel,
+    onKeyDown,
+    isFullScreen = false
+  } = _ref;
   const ref = useRef();
   const instanceId = useInstanceId(Modal);
   const headingId = title ? `components-modal-header-${instanceId}` : aria.labelledby;
@@ -96,8 +99,12 @@ export default function Modal({
     ref: ref,
     className: classnames('components-modal__screen-overlay', overlayClassName),
     onKeyDown: handleEscapeKeyDown
+  }, createElement(StyleProvider, {
+    document: document
   }, createElement("div", _extends({
-    className: classnames('components-modal__frame', className),
+    className: classnames('components-modal__frame', className, {
+      'is-full-screen': isFullScreen
+    }),
     style: style,
     ref: useMergeRefs([constrainedTabbingRef, focusReturnRef, focusOnMountRef]),
     role: role,
@@ -124,6 +131,6 @@ export default function Modal({
     onClick: onRequestClose,
     icon: closeSmall,
     label: closeButtonLabel || __('Close dialog')
-  })), children))), document.body);
+  })), children)))), document.body);
 }
 //# sourceMappingURL=index.js.map