@wordpress/components 25.5.0 → 25.6.1

package/build-module/menu-items-choice/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/menu-items-choice/index.tsx"],"names":["check","MenuItem","noop","MenuItemsChoice","choices","onHover","onSelect","value","map","item","isSelected","disabled","info","shortcut","label"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,KAAT,QAAsB,kBAAtB;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,cAArB;;AAGA,MAAMC,IAAI,GAAG,MAAM,CAAE,CAArB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASC,eAAT,CAA0B;AACzBC,EAAAA,OAAO,GAAG,EADe;AAEzBC,EAAAA,OAAO,GAAGH,IAFe;AAGzBI,EAAAA,QAHyB;AAIzBC,EAAAA;AAJyB,CAA1B,EAK0B;AACzB,SACC,8BACGH,OAAO,CAACI,GAAR,CAAeC,IAAF,IAAY;AAC1B,UAAMC,UAAU,GAAGH,KAAK,KAAKE,IAAI,CAACF,KAAlC;AACA,WACC,cAAC,QAAD;AACC,MAAA,GAAG,EAAGE,IAAI,CAACF,KADZ;AAEC,MAAA,IAAI,EAAC,eAFN;AAGC,MAAA,QAAQ,EAAGE,IAAI,CAACE,QAHjB;AAIC,MAAA,IAAI,EAAGD,UAAU,IAAIV,KAJtB;AAKC,MAAA,IAAI,EAAGS,IAAI,CAACG,IALb;AAMC,MAAA,UAAU,EAAGF,UANd;AAOC,MAAA,QAAQ,EAAGD,IAAI,CAACI,QAPjB;AAQC,MAAA,SAAS,EAAC,8BARX;AASC,MAAA,OAAO,EAAG,MAAM;AACf,YAAK,CAAEH,UAAP,EAAoB;AACnBJ,UAAAA,QAAQ,CAAEG,IAAI,CAACF,KAAP,CAAR;AACA;AACD,OAbF;AAcC,MAAA,YAAY,EAAG,MAAMF,OAAO,CAAEI,IAAI,CAACF,KAAP,CAd7B;AAeC,MAAA,YAAY,EAAG,MAAMF,OAAO,CAAE,IAAF,CAf7B;AAgBC,oBAAaI,IAAI,CAAE,YAAF;AAhBlB,OAkBGA,IAAI,CAACK,KAlBR,CADD;AAsBA,GAxBC,CADH,CADD;AA6BA;;AAED,eAAeX,eAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport MenuItem from '../menu-item';\nimport type { MenuItemsChoiceProps } from './types';\n\nconst noop = () => {};\n\n/**\n * `MenuItemsChoice` functions similarly to a set of `MenuItem`s, but allows the user to select one option from a set of multiple choices.\n *\n *\n * ```jsx\n * import { MenuGroup, MenuItemsChoice } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItemsChoice = () => {\n * \tconst [ mode, setMode ] = useState( 'visual' );\n * \tconst choices = [\n * \t\t{\n * \t\t\tvalue: 'visual',\n * \t\t\tlabel: 'Visual editor',\n * \t\t},\n * \t\t{\n * \t\t\tvalue: 'text',\n * \t\t\tlabel: 'Code editor',\n * \t\t},\n * \t];\n *\n * \treturn (\n * \t\t<MenuGroup label=\"Editor\">\n * \t\t\t<MenuItemsChoice\n * \t\t\t\tchoices={ choices }\n * \t\t\t\tvalue={ mode }\n * \t\t\t\tonSelect={ ( newMode ) => setMode( newMode ) }\n * \t\t\t/>\n * \t\t</MenuGroup>\n * \t);\n * };\n * ```\n */\nfunction MenuItemsChoice( {\n\tchoices = [],\n\tonHover = noop,\n\tonSelect,\n\tvalue,\n}: MenuItemsChoiceProps ) {\n\treturn (\n\t\t<>\n\t\t\t{ choices.map( ( item ) => {\n\t\t\t\tconst isSelected = value === item.value;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ item.value }\n\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\tdisabled={ item.disabled }\n\t\t\t\t\t\ticon={ isSelected && check }\n\t\t\t\t\t\tinfo={ item.info }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tshortcut={ item.shortcut }\n\t\t\t\t\t\tclassName=\"components-menu-items-choice\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tif ( ! isSelected ) {\n\t\t\t\t\t\t\t\tonSelect( item.value );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => onHover( item.value ) }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\taria-label={ item[ 'aria-label' ] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default MenuItemsChoice;\n"]}
+{"version":3,"names":["check","MenuItem","noop","MenuItemsChoice","choices","onHover","onSelect","value","createElement","Fragment","map","item","isSelected","key","role","disabled","icon","info","shortcut","className","onClick","onMouseEnter","onMouseLeave","label"],"sources":["@wordpress/components/src/menu-items-choice/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport MenuItem from '../menu-item';\nimport type { MenuItemsChoiceProps } from './types';\n\nconst noop = () => {};\n\n/**\n * `MenuItemsChoice` functions similarly to a set of `MenuItem`s, but allows the user to select one option from a set of multiple choices.\n *\n *\n * ```jsx\n * import { MenuGroup, MenuItemsChoice } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItemsChoice = () => {\n * \tconst [ mode, setMode ] = useState( 'visual' );\n * \tconst choices = [\n * \t\t{\n * \t\t\tvalue: 'visual',\n * \t\t\tlabel: 'Visual editor',\n * \t\t},\n * \t\t{\n * \t\t\tvalue: 'text',\n * \t\t\tlabel: 'Code editor',\n * \t\t},\n * \t];\n *\n * \treturn (\n * \t\t<MenuGroup label=\"Editor\">\n * \t\t\t<MenuItemsChoice\n * \t\t\t\tchoices={ choices }\n * \t\t\t\tvalue={ mode }\n * \t\t\t\tonSelect={ ( newMode ) => setMode( newMode ) }\n * \t\t\t/>\n * \t\t</MenuGroup>\n * \t);\n * };\n * ```\n */\nfunction MenuItemsChoice( {\n\tchoices = [],\n\tonHover = noop,\n\tonSelect,\n\tvalue,\n}: MenuItemsChoiceProps ) {\n\treturn (\n\t\t<>\n\t\t\t{ choices.map( ( item ) => {\n\t\t\t\tconst isSelected = value === item.value;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ item.value }\n\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\tdisabled={ item.disabled }\n\t\t\t\t\t\ticon={ isSelected ? check : null }\n\t\t\t\t\t\tinfo={ item.info }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tshortcut={ item.shortcut }\n\t\t\t\t\t\tclassName=\"components-menu-items-choice\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tif ( ! isSelected ) {\n\t\t\t\t\t\t\t\tonSelect( item.value );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => onHover( item.value ) }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\taria-label={ item[ 'aria-label' ] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default MenuItemsChoice;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,kBAAkB;;AAExC;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,cAAc;AAGnC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAAE;EACzBC,OAAO,GAAG,EAAE;EACZC,OAAO,GAAGH,IAAI;EACdI,QAAQ;EACRC;AACqB,CAAC,EAAG;EACzB,OACCC,aAAA,CAAAC,QAAA,QACGL,OAAO,CAACM,GAAG,CAAIC,IAAI,IAAM;IAC1B,MAAMC,UAAU,GAAGL,KAAK,KAAKI,IAAI,CAACJ,KAAK;IACvC,OACCC,aAAA,CAACP,QAAQ;MACRY,GAAG,EAAGF,IAAI,CAACJ,KAAO;MAClBO,IAAI,EAAC,eAAe;MACpBC,QAAQ,EAAGJ,IAAI,CAACI,QAAU;MAC1BC,IAAI,EAAGJ,UAAU,GAAGZ,KAAK,GAAG,IAAM;MAClCiB,IAAI,EAAGN,IAAI,CAACM,IAAM;MAClBL,UAAU,EAAGA,UAAY;MACzBM,QAAQ,EAAGP,IAAI,CAACO,QAAU;MAC1BC,SAAS,EAAC,8BAA8B;MACxCC,OAAO,EAAGA,CAAA,KAAM;QACf,IAAK,CAAER,UAAU,EAAG;UACnBN,QAAQ,CAAEK,IAAI,CAACJ,KAAM,CAAC;QACvB;MACD,CAAG;MACHc,YAAY,EAAGA,CAAA,KAAMhB,OAAO,CAAEM,IAAI,CAACJ,KAAM,CAAG;MAC5Ce,YAAY,EAAGA,CAAA,KAAMjB,OAAO,CAAE,IAAK,CAAG;MACtC,cAAaM,IAAI,CAAE,YAAY;IAAI,GAEjCA,IAAI,CAACY,KACE,CAAC;EAEb,CAAE,CACD,CAAC;AAEL;AAEA,eAAepB,eAAe"}

package/build-module/menu-items-choice/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/menu-items-choice/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { ShortcutProps } from '../shortcut/types';\nimport type { ButtonAsButtonProps } from '../button/types';\n\nexport type MenuItemsChoiceProps = {\n\t/**\n\t * Array of choices.\n\t *\n\t * @default []\n\t */\n\tchoices: readonly MenuItemChoice[];\n\t/**\n\t * Value of currently selected choice (should match a `value` property\n\t * from a choice in `choices`).\n\t */\n\tvalue: string;\n\t/**\n\t * Callback function to be called with the selected choice when user\n\t * selects a new choice.\n\t */\n\tonSelect( value: string ): void;\n\t/**\n\t * Callback function to be called with a choice when user\n\t * hovers over a new choice (will be empty on mouse leave).\n\t *\n\t * @default noop\n\t */\n\tonHover: ( value: string | null ) => void;\n};\n\nexport type MenuItemChoice = {\n\t/**\n\t * Human-readable label for choice.\n\t */\n\tlabel: string;\n\t/**\n\t * Unique value for choice.\n\t */\n\tvalue: string;\n\t/**\n\t * Whether the menu item is disabled.\n\t */\n\tdisabled?: ButtonAsButtonProps[ 'disabled' ];\n\t/**\n\t * Additional information which will be rendered below the given label.\n\t */\n\tinfo?: string;\n\t/**\n\t * Optional keyboard sequence to trigger choice with keyboard shortcut\n\t * (e.g. `ctrl+s`).\n\t */\n\tshortcut?: ShortcutProps[ 'shortcut' ];\n\t/**\n\t * Aria compliant label.\n\t */\n\t[ 'aria-label' ]?: string;\n};\n"],"mappings":""}

package/build-module/mobile/audio-player/audio-url-parser.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/audio-player/audio-url-parser.native.js"],"names":["safeDecodeURI","parseAudioUrl","src","decodedURI","fileName","split","shift","pop","parts","extension","length","toUpperCase","title","join"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,gBAA9B;AAEA,OAAO,MAAMC,aAAa,GAAKC,GAAF,IAAW;AACvC,QAAMC,UAAU,GAAGH,aAAa,CAAEE,GAAF,CAAhC;AACA,QAAME,QAAQ,GAAGD,UAAU,CACzBE,KADe,CACR,GADQ,EAEfC,KAFe,GAGfD,KAHe,CAGR,GAHQ,EAIfC,KAJe,GAKfD,KALe,CAKR,GALQ,EAMfE,GANe,EAAjB;AAQA,QAAMC,KAAK,GAAGJ,QAAQ,CAACC,KAAT,CAAgB,GAAhB,CAAd;AACA,QAAMI,SAAS,GAAGD,KAAK,CAACE,MAAN,KAAiB,CAAjB,GAAqBF,KAAK,CAACD,GAAN,GAAYI,WAAZ,KAA4B,GAAjD,GAAuD,EAAzE;AACA,QAAMC,KAAK,GAAGJ,KAAK,CAACK,IAAN,CAAY,GAAZ,CAAd;AACA,SAAO;AAAED,IAAAA,KAAF;AAASH,IAAAA;AAAT,GAAP;AACA,CAdM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { safeDecodeURI } from '@wordpress/url';\n\nexport const parseAudioUrl = ( src ) => {\n\tconst decodedURI = safeDecodeURI( src );\n\tconst fileName = decodedURI\n\t\t.split( '#' )\n\t\t.shift()\n\t\t.split( '?' )\n\t\t.shift()\n\t\t.split( '/' )\n\t\t.pop();\n\n\tconst parts = fileName.split( '.' );\n\tconst extension = parts.length === 2 ? parts.pop().toUpperCase() + ' ' : '';\n\tconst title = parts.join( '.' );\n\treturn { title, extension };\n};\n"]}
+{"version":3,"names":["safeDecodeURI","parseAudioUrl","src","decodedURI","fileName","split","shift","pop","parts","extension","length","toUpperCase","title","join"],"sources":["@wordpress/components/src/mobile/audio-player/audio-url-parser.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { safeDecodeURI } from '@wordpress/url';\n\nexport const parseAudioUrl = ( src ) => {\n\tconst decodedURI = safeDecodeURI( src );\n\tconst fileName = decodedURI\n\t\t.split( '#' )\n\t\t.shift()\n\t\t.split( '?' )\n\t\t.shift()\n\t\t.split( '/' )\n\t\t.pop();\n\n\tconst parts = fileName.split( '.' );\n\tconst extension = parts.length === 2 ? parts.pop().toUpperCase() + ' ' : '';\n\tconst title = parts.join( '.' );\n\treturn { title, extension };\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,gBAAgB;AAE9C,OAAO,MAAMC,aAAa,GAAKC,GAAG,IAAM;EACvC,MAAMC,UAAU,GAAGH,aAAa,CAAEE,GAAI,CAAC;EACvC,MAAME,QAAQ,GAAGD,UAAU,CACzBE,KAAK,CAAE,GAAI,CAAC,CACZC,KAAK,CAAC,CAAC,CACPD,KAAK,CAAE,GAAI,CAAC,CACZC,KAAK,CAAC,CAAC,CACPD,KAAK,CAAE,GAAI,CAAC,CACZE,GAAG,CAAC,CAAC;EAEP,MAAMC,KAAK,GAAGJ,QAAQ,CAACC,KAAK,CAAE,GAAI,CAAC;EACnC,MAAMI,SAAS,GAAGD,KAAK,CAACE,MAAM,KAAK,CAAC,GAAGF,KAAK,CAACD,GAAG,CAAC,CAAC,CAACI,WAAW,CAAC,CAAC,GAAG,GAAG,GAAG,EAAE;EAC3E,MAAMC,KAAK,GAAGJ,KAAK,CAACK,IAAI,CAAE,GAAI,CAAC;EAC/B,OAAO;IAAED,KAAK;IAAEH;EAAU,CAAC;AAC5B,CAAC"}

package/build-module/mobile/audio-player/index.native.js

@@ -1,14 +1,13 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { Text, TouchableWithoutFeedback, Linking, Alert, Platform } from 'react-native';
 import { default as VideoPlayer } from 'react-native-video';
+
 /**
  * WordPress dependencies
  */
-
 import { View } from '@wordpress/primitives';
 import { Icon } from '@wordpress/components';
 import { withPreferredColorScheme } from '@wordpress/compose';
@@ -17,14 +16,13 @@ import { audio, warning } from '@wordpress/icons';
 import { requestImageFailedRetryDialog, requestImageUploadCancelDialog } from '@wordpress/react-native-bridge';
 import { getProtocol } from '@wordpress/url';
 import { useState } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import styles from './styles.scss';
 import { parseAudioUrl } from './audio-url-parser.native';
 const isIOS = Platform.OS === 'ios';
-
 function Player({
   getStylesFromColorScheme,
   isUploadInProgress,
@@ -37,14 +35,12 @@ function Player({
     src
   } = attributes;
   const [paused, setPaused] = useState(true);
-
   const onPressListen = () => {
     if (src) {
       if (isIOS && this.player) {
         this.player.presentFullscreenPlayer();
         return;
       }
-
       Linking.canOpenURL(src).then(supported => {
         if (!supported) {
           Alert.alert(__('Problem opening the audio'), __('No application can handle this request.'));
@@ -56,47 +52,45 @@ function Player({
       });
     }
   };
-
   const containerStyle = getStylesFromColorScheme(styles.container, styles.containerDark);
   const iconStyle = getStylesFromColorScheme(styles.icon, styles.iconDark);
   const iconDisabledStyle = getStylesFromColorScheme(styles.iconDisabled, styles.iconDisabledDark);
   const isDisabled = isUploadFailed || isUploadInProgress;
-  const finalIconStyle = { ...iconStyle,
+  const finalIconStyle = {
+    ...iconStyle,
     ...(isDisabled && iconDisabledStyle)
   };
   const iconContainerStyle = getStylesFromColorScheme(styles.iconContainer, styles.iconContainerDark);
-  const titleContainerStyle = { ...styles.titleContainer,
+  const titleContainerStyle = {
+    ...styles.titleContainer,
     ...(isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid)
   };
   const titleStyle = getStylesFromColorScheme(styles.title, styles.titleDark);
   const uploadFailedStyle = getStylesFromColorScheme(styles.uploadFailed, styles.uploadFailedDark);
   const subtitleStyle = getStylesFromColorScheme(styles.subtitle, styles.subtitleDark);
-  const finalSubtitleStyle = { ...subtitleStyle,
+  const finalSubtitleStyle = {
+    ...subtitleStyle,
     ...(isUploadFailed && uploadFailedStyle)
   };
   const buttonBackgroundStyle = getStylesFromColorScheme(styles.buttonBackground, styles.buttonBackgroundDark);
   let title = '';
   let extension = '';
-
   if (src) {
     const result = parseAudioUrl(src);
     extension = result.extension;
     title = result.title;
   }
-
   const getSubtitleValue = () => {
     if (isUploadInProgress) {
       return __('Uploading…');
     }
-
     if (isUploadFailed) {
       return __('Failed to insert audio file. Please tap for options.');
     }
-
-    return extension + // translators: displays audio file extension. e.g. MP3 audio file
+    return extension +
+    // translators: displays audio file extension. e.g. MP3 audio file
     __('audio file');
   };
-
   function onAudioUploadCancelDialog() {
     if (isUploadInProgress) {
       requestImageUploadCancelDialog(id);
@@ -104,7 +98,6 @@ function Player({
       requestImageFailedRetryDialog(id);
     }
   }
-
   return createElement(TouchableWithoutFeedback, {
     accessible: !isSelected,
     disabled: !isSelected,
@@ -125,7 +118,8 @@ function Player({
     style: styles.subtitleContainer
   }, isUploadFailed && createElement(Icon, {
     icon: warning,
-    style: { ...styles.errorIcon,
+    style: {
+      ...styles.errorIcon,
       ...uploadFailedStyle
     },
     size: 16
@@ -158,6 +152,5 @@ function Player({
     }
   })));
 }
-
 export default withPreferredColorScheme(Player);
 //# sourceMappingURL=index.native.js.map

package/build-module/mobile/audio-player/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/audio-player/index.native.js"],"names":["Text","TouchableWithoutFeedback","Linking","Alert","Platform","default","VideoPlayer","View","Icon","withPreferredColorScheme","__","audio","warning","requestImageFailedRetryDialog","requestImageUploadCancelDialog","getProtocol","useState","styles","parseAudioUrl","isIOS","OS","Player","getStylesFromColorScheme","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","onPressListen","player","presentFullscreenPlayer","canOpenURL","then","supported","alert","openURL","catch","containerStyle","container","containerDark","iconStyle","icon","iconDark","iconDisabledStyle","iconDisabled","iconDisabledDark","isDisabled","finalIconStyle","iconContainerStyle","iconContainer","iconContainerDark","titleContainerStyle","titleContainer","titleContainerIOS","titleContainerAndroid","titleStyle","title","titleDark","uploadFailedStyle","uploadFailed","uploadFailedDark","subtitleStyle","subtitle","subtitleDark","finalSubtitleStyle","buttonBackgroundStyle","buttonBackground","buttonBackgroundDark","extension","result","getSubtitleValue","onAudioUploadCancelDialog","subtitleContainer","errorIcon","buttonText","uri","ref"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tTouchableWithoutFeedback,\n\tLinking,\n\tAlert,\n\tPlatform,\n} from 'react-native';\nimport { default as VideoPlayer } from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { audio, warning } from '@wordpress/icons';\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n} from '@wordpress/react-native-bridge';\nimport { getProtocol } from '@wordpress/url';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { parseAudioUrl } from './audio-url-parser.native';\n\nconst isIOS = Platform.OS === 'ios';\n\nfunction Player( {\n\tgetStylesFromColorScheme,\n\tisUploadInProgress,\n\tisUploadFailed,\n\tattributes,\n\tisSelected,\n} ) {\n\tconst { id, src } = attributes;\n\tconst [ paused, setPaused ] = useState( true );\n\n\tconst onPressListen = () => {\n\t\tif ( src ) {\n\t\t\tif ( isIOS && this.player ) {\n\t\t\t\tthis.player.presentFullscreenPlayer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tLinking.canOpenURL( src )\n\t\t\t\t.then( ( supported ) => {\n\t\t\t\t\tif ( ! supported ) {\n\t\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t\t__( 'No application can handle this request.' )\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn Linking.openURL( src );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t__( 'An unknown error occurred. Please try again.' )\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t}\n\t};\n\n\tconst containerStyle = getStylesFromColorScheme(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tconst iconStyle = getStylesFromColorScheme( styles.icon, styles.iconDark );\n\n\tconst iconDisabledStyle = getStylesFromColorScheme(\n\t\tstyles.iconDisabled,\n\t\tstyles.iconDisabledDark\n\t);\n\n\tconst isDisabled = isUploadFailed || isUploadInProgress;\n\n\tconst finalIconStyle = {\n\t\t...iconStyle,\n\t\t...( isDisabled && iconDisabledStyle ),\n\t};\n\n\tconst iconContainerStyle = getStylesFromColorScheme(\n\t\tstyles.iconContainer,\n\t\tstyles.iconContainerDark\n\t);\n\n\tconst titleContainerStyle = {\n\t\t...styles.titleContainer,\n\t\t...( isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid ),\n\t};\n\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.title,\n\t\tstyles.titleDark\n\t);\n\n\tconst uploadFailedStyle = getStylesFromColorScheme(\n\t\tstyles.uploadFailed,\n\t\tstyles.uploadFailedDark\n\t);\n\n\tconst subtitleStyle = getStylesFromColorScheme(\n\t\tstyles.subtitle,\n\t\tstyles.subtitleDark\n\t);\n\n\tconst finalSubtitleStyle = {\n\t\t...subtitleStyle,\n\t\t...( isUploadFailed && uploadFailedStyle ),\n\t};\n\n\tconst buttonBackgroundStyle = getStylesFromColorScheme(\n\t\tstyles.buttonBackground,\n\t\tstyles.buttonBackgroundDark\n\t);\n\n\tlet title = '';\n\tlet extension = '';\n\n\tif ( src ) {\n\t\tconst result = parseAudioUrl( src );\n\t\textension = result.extension;\n\t\ttitle = result.title;\n\t}\n\n\tconst getSubtitleValue = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\treturn __( 'Uploading…' );\n\t\t}\n\t\tif ( isUploadFailed ) {\n\t\t\treturn __( 'Failed to insert audio file. Please tap for options.' );\n\t\t}\n\t\treturn (\n\t\t\textension +\n\t\t\t// translators: displays audio file extension. e.g. MP3 audio file\n\t\t\t__( 'audio file' )\n\t\t);\n\t};\n\n\tfunction onAudioUploadCancelDialog() {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( id && getProtocol( src ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t}\n\t}\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tdisabled={ ! isSelected }\n\t\t\tonPress={ onAudioUploadCancelDialog }\n\t\t>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<View style={ iconContainerStyle }>\n\t\t\t\t\t<Icon icon={ audio } style={ finalIconStyle } size={ 24 } />\n\t\t\t\t</View>\n\t\t\t\t<View style={ titleContainerStyle }>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t<View style={ styles.subtitleContainer }>\n\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ warning }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t...styles.errorIcon,\n\t\t\t\t\t\t\t\t\t...uploadFailedStyle,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Text style={ finalSubtitleStyle }>\n\t\t\t\t\t\t\t{ getSubtitleValue() }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{ ! isDisabled && (\n\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\taccessibilityLabel={ __( 'Audio Player' ) }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t'Double tap to listen the audio file'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonPress={ onPressListen }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ buttonBackgroundStyle }>\n\t\t\t\t\t\t\t<Text style={ styles.buttonText }>\n\t\t\t\t\t\t\t\t{ __( 'OPEN' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t) }\n\t\t\t\t{ isIOS && (\n\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\tsource={ { uri: src } }\n\t\t\t\t\t\tpaused={ paused }\n\t\t\t\t\t\tref={ ( ref ) => {\n\t\t\t\t\t\t\tthis.player = ref;\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tcontrols={ false }\n\t\t\t\t\t\tignoreSilentSwitch={ 'ignore' }\n\t\t\t\t\t\tonFullscreenPlayerWillPresent={ () => {\n\t\t\t\t\t\t\tsetPaused( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFullscreenPlayerDidDismiss={ () => {\n\t\t\t\t\t\t\tsetPaused( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default withPreferredColorScheme( Player );\n"]}
+{"version":3,"names":["Text","TouchableWithoutFeedback","Linking","Alert","Platform","default","VideoPlayer","View","Icon","withPreferredColorScheme","__","audio","warning","requestImageFailedRetryDialog","requestImageUploadCancelDialog","getProtocol","useState","styles","parseAudioUrl","isIOS","OS","Player","getStylesFromColorScheme","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","onPressListen","player","presentFullscreenPlayer","canOpenURL","then","supported","alert","openURL","catch","containerStyle","container","containerDark","iconStyle","icon","iconDark","iconDisabledStyle","iconDisabled","iconDisabledDark","isDisabled","finalIconStyle","iconContainerStyle","iconContainer","iconContainerDark","titleContainerStyle","titleContainer","titleContainerIOS","titleContainerAndroid","titleStyle","title","titleDark","uploadFailedStyle","uploadFailed","uploadFailedDark","subtitleStyle","subtitle","subtitleDark","finalSubtitleStyle","buttonBackgroundStyle","buttonBackground","buttonBackgroundDark","extension","result","getSubtitleValue","onAudioUploadCancelDialog","createElement","accessible","disabled","onPress","style","size","subtitleContainer","errorIcon","accessibilityLabel","accessibilityRole","accessibilityHint","buttonText","source","uri","ref","controls","ignoreSilentSwitch","onFullscreenPlayerWillPresent","onFullscreenPlayerDidDismiss"],"sources":["@wordpress/components/src/mobile/audio-player/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tTouchableWithoutFeedback,\n\tLinking,\n\tAlert,\n\tPlatform,\n} from 'react-native';\nimport { default as VideoPlayer } from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { audio, warning } from '@wordpress/icons';\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n} from '@wordpress/react-native-bridge';\nimport { getProtocol } from '@wordpress/url';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { parseAudioUrl } from './audio-url-parser.native';\n\nconst isIOS = Platform.OS === 'ios';\n\nfunction Player( {\n\tgetStylesFromColorScheme,\n\tisUploadInProgress,\n\tisUploadFailed,\n\tattributes,\n\tisSelected,\n} ) {\n\tconst { id, src } = attributes;\n\tconst [ paused, setPaused ] = useState( true );\n\n\tconst onPressListen = () => {\n\t\tif ( src ) {\n\t\t\tif ( isIOS && this.player ) {\n\t\t\t\tthis.player.presentFullscreenPlayer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tLinking.canOpenURL( src )\n\t\t\t\t.then( ( supported ) => {\n\t\t\t\t\tif ( ! supported ) {\n\t\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t\t__( 'No application can handle this request.' )\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn Linking.openURL( src );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t__( 'An unknown error occurred. Please try again.' )\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t}\n\t};\n\n\tconst containerStyle = getStylesFromColorScheme(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tconst iconStyle = getStylesFromColorScheme( styles.icon, styles.iconDark );\n\n\tconst iconDisabledStyle = getStylesFromColorScheme(\n\t\tstyles.iconDisabled,\n\t\tstyles.iconDisabledDark\n\t);\n\n\tconst isDisabled = isUploadFailed || isUploadInProgress;\n\n\tconst finalIconStyle = {\n\t\t...iconStyle,\n\t\t...( isDisabled && iconDisabledStyle ),\n\t};\n\n\tconst iconContainerStyle = getStylesFromColorScheme(\n\t\tstyles.iconContainer,\n\t\tstyles.iconContainerDark\n\t);\n\n\tconst titleContainerStyle = {\n\t\t...styles.titleContainer,\n\t\t...( isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid ),\n\t};\n\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.title,\n\t\tstyles.titleDark\n\t);\n\n\tconst uploadFailedStyle = getStylesFromColorScheme(\n\t\tstyles.uploadFailed,\n\t\tstyles.uploadFailedDark\n\t);\n\n\tconst subtitleStyle = getStylesFromColorScheme(\n\t\tstyles.subtitle,\n\t\tstyles.subtitleDark\n\t);\n\n\tconst finalSubtitleStyle = {\n\t\t...subtitleStyle,\n\t\t...( isUploadFailed && uploadFailedStyle ),\n\t};\n\n\tconst buttonBackgroundStyle = getStylesFromColorScheme(\n\t\tstyles.buttonBackground,\n\t\tstyles.buttonBackgroundDark\n\t);\n\n\tlet title = '';\n\tlet extension = '';\n\n\tif ( src ) {\n\t\tconst result = parseAudioUrl( src );\n\t\textension = result.extension;\n\t\ttitle = result.title;\n\t}\n\n\tconst getSubtitleValue = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\treturn __( 'Uploading…' );\n\t\t}\n\t\tif ( isUploadFailed ) {\n\t\t\treturn __( 'Failed to insert audio file. Please tap for options.' );\n\t\t}\n\t\treturn (\n\t\t\textension +\n\t\t\t// translators: displays audio file extension. e.g. MP3 audio file\n\t\t\t__( 'audio file' )\n\t\t);\n\t};\n\n\tfunction onAudioUploadCancelDialog() {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( id && getProtocol( src ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t}\n\t}\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tdisabled={ ! isSelected }\n\t\t\tonPress={ onAudioUploadCancelDialog }\n\t\t>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<View style={ iconContainerStyle }>\n\t\t\t\t\t<Icon icon={ audio } style={ finalIconStyle } size={ 24 } />\n\t\t\t\t</View>\n\t\t\t\t<View style={ titleContainerStyle }>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t<View style={ styles.subtitleContainer }>\n\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ warning }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t...styles.errorIcon,\n\t\t\t\t\t\t\t\t\t...uploadFailedStyle,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Text style={ finalSubtitleStyle }>\n\t\t\t\t\t\t\t{ getSubtitleValue() }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{ ! isDisabled && (\n\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\taccessibilityLabel={ __( 'Audio Player' ) }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t'Double tap to listen the audio file'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonPress={ onPressListen }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ buttonBackgroundStyle }>\n\t\t\t\t\t\t\t<Text style={ styles.buttonText }>\n\t\t\t\t\t\t\t\t{ __( 'OPEN' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t) }\n\t\t\t\t{ isIOS && (\n\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\tsource={ { uri: src } }\n\t\t\t\t\t\tpaused={ paused }\n\t\t\t\t\t\tref={ ( ref ) => {\n\t\t\t\t\t\t\tthis.player = ref;\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tcontrols={ false }\n\t\t\t\t\t\tignoreSilentSwitch={ 'ignore' }\n\t\t\t\t\t\tonFullscreenPlayerWillPresent={ () => {\n\t\t\t\t\t\t\tsetPaused( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFullscreenPlayerDidDismiss={ () => {\n\t\t\t\t\t\t\tsetPaused( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default withPreferredColorScheme( Player );\n"],"mappings":"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"}

package/build-module/mobile/autocompletion-items.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/autocompletion-items.native.js"],"names":["createSlotFill","Fill","Slot","__unstableAutocompletionItemsFill","__unstableAutocompletionItemsSlot"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,uBAA/B;AAEA,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiBF,cAAc,CAAE,mCAAF,CAArC;AAEA,SACCC,IAAI,IAAIE,iCADT,EAECD,IAAI,IAAIE,iCAFT","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill, Slot } = createSlotFill( '__unstableAutocompletionItemsSlot' );\n\nexport {\n\tFill as __unstableAutocompletionItemsFill,\n\tSlot as __unstableAutocompletionItemsSlot,\n};\n"]}
+{"version":3,"names":["createSlotFill","Fill","Slot","__unstableAutocompletionItemsFill","__unstableAutocompletionItemsSlot"],"sources":["@wordpress/components/src/mobile/autocompletion-items.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill, Slot } = createSlotFill( '__unstableAutocompletionItemsSlot' );\n\nexport {\n\tFill as __unstableAutocompletionItemsFill,\n\tSlot as __unstableAutocompletionItemsSlot,\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAEtD,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGF,cAAc,CAAE,mCAAoC,CAAC;AAE5E,SACCC,IAAI,IAAIE,iCAAiC,EACzCD,IAAI,IAAIE,iCAAiC"}

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

@@ -1,20 +1,18 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { View, Text } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { withPreferredColorScheme } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import styles from './style.scss';
-
 const Badge = ({
   label,
   children,
@@ -26,6 +24,5 @@ const Badge = ({
     style: styles.badge
   }, label)));
 };
-
 export default withPreferredColorScheme(Badge);
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"names":["View","Text","withPreferredColorScheme","styles","Badge","label","children","show","badgeContainer","badge"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,IAAf,QAA2B,cAA3B;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,MAAMC,KAAK,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA,IAAI,GAAG;AAA1B,CAAF,KAAwC;AACrD,SACC,8BACGD,QADH,EAEC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGH,MAAM,CAACK;AAArB,KACGD,IAAI,IAAI,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGJ,MAAM,CAACM;AAArB,KAA+BJ,KAA/B,CADX,CAFD,CADD;AAQA,CATD;;AAWA,eAAeH,wBAAwB,CAAEE,KAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst Badge = ( { label, children, show = true } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ children }\n\t\t\t<View style={ styles.badgeContainer }>\n\t\t\t\t{ show && <Text style={ styles.badge }>{ label }</Text> }\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default withPreferredColorScheme( Badge );\n"]}
+{"version":3,"names":["View","Text","withPreferredColorScheme","styles","Badge","label","children","show","createElement","Fragment","style","badgeContainer","badge"],"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst Badge = ( { label, children, show = true } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ children }\n\t\t\t<View style={ styles.badgeContainer }>\n\t\t\t\t{ show && <Text style={ styles.badge }>{ label }</Text> }\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default withPreferredColorScheme( Badge );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAEzC;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,oBAAoB;;AAE7D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAEjC,MAAMC,KAAK,GAAGA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAM;EACrD,OACCC,aAAA,CAAAC,QAAA,QACGH,QAAQ,EACVE,aAAA,CAACR,IAAI;IAACU,KAAK,EAAGP,MAAM,CAACQ;EAAgB,GAClCJ,IAAI,IAAIC,aAAA,CAACP,IAAI;IAACS,KAAK,EAAGP,MAAM,CAACS;EAAO,GAAGP,KAAa,CACjD,CACL,CAAC;AAEL,CAAC;AAED,eAAeH,wBAAwB,CAAEE,KAAM,CAAC"}

package/build-module/mobile/bottom-sheet/bottom-sheet-context.native.js

@@ -5,16 +5,16 @@ import { Platform, UIManager } from 'react-native';
 /**
  * WordPress dependencies
  */
+import { createContext } from '@wordpress/element';
 
-import { createContext } from '@wordpress/element'; // It's needed to set the following flags via UIManager
+// It's needed to set the following flags via UIManager
 // to have `LayoutAnimation` working on Android
-
 if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
   UIManager.setLayoutAnimationEnabledExperimental(true);
-} // Context in BottomSheet is necessary for controlling the
-// transition flow between subsheets and replacing a content inside them
-
+}
 
+// Context in BottomSheet is necessary for controlling the
+// transition flow between subsheets and replacing a content inside them
 export const BottomSheetContext = createContext({
   // Specifies whether content is currently scrolling.
   isBottomSheetContentScrolling: false,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-context.native.js"],"names":["Platform","UIManager","createContext","OS","setLayoutAnimationEnabledExperimental","BottomSheetContext","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","setIsFullScreen","Provider","BottomSheetProvider","Consumer","BottomSheetConsumer"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,cAApC;AACA;AACA;AACA;;AACA,SAASC,aAAT,QAA8B,oBAA9B,C,CAEA;AACA;;AACA,IACCF,QAAQ,CAACG,EAAT,KAAgB,SAAhB,IACAF,SAAS,CAACG,qCAFX,EAGE;AACDH,EAAAA,SAAS,CAACG,qCAAV,CAAiD,IAAjD;AACA,C,CAED;AACA;;;AACA,OAAO,MAAMC,kBAAkB,GAAGH,aAAa,CAAE;AAChD;AACAI,EAAAA,6BAA6B,EAAE,KAFiB;AAGhD;AACAC,EAAAA,6BAA6B,EAAE,MAAM,CAAE,CAJS;AAKhD;AACA;AACA;AACAC,EAAAA,gCAAgC,EAAE,MAAM,CAAE,CARM;AAShD;AACAC,EAAAA,0BAA0B,EAAE,MAAM,CAAE,CAVY;AAWhD;AACA;AACAC,EAAAA,2BAA2B,EAAE,MAAM,CAAE,CAbW;AAchD;AACAC,EAAAA,eAAe,EAAE,MAAM,CAAE;AAfuB,CAAF,CAAxC;AAkBP,OAAO,MAAM;AAAEC,EAAAA,QAAQ,EAAEC,mBAAZ;AAAiCC,EAAAA,QAAQ,EAAEC;AAA3C,IACZV,kBADM","sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, UIManager } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// It's needed to set the following flags via UIManager\n// to have `LayoutAnimation` working on Android\nif (\n\tPlatform.OS === 'android' &&\n\tUIManager.setLayoutAnimationEnabledExperimental\n) {\n\tUIManager.setLayoutAnimationEnabledExperimental( true );\n}\n\n// Context in BottomSheet is necessary for controlling the\n// transition flow between subsheets and replacing a content inside them\nexport const BottomSheetContext = createContext( {\n\t// Specifies whether content is currently scrolling.\n\tisBottomSheetContentScrolling: false,\n\t// Function called to enable scroll within bottom sheet.\n\tshouldEnableBottomSheetScroll: () => {},\n\t// Function called to enable/disable bottom sheet max height.\n\t// E.g. used to extend bottom sheet on full screen in ColorPicker,\n\t// which is helpful on small devices with set the largest font/display size.\n\tshouldEnableBottomSheetMaxHeight: () => {},\n\t// Callback that is called on closing bottom sheet.\n\tonHandleClosingBottomSheet: () => {},\n\t// Android only: Function called to control android hardware back button functionality\n\t// Return true if the bottom-sheet default close action shouldn't be called.\n\tonHandleHardwareButtonPress: () => {},\n\t// Toggle full-screen styles and dimensions\n\tsetIsFullScreen: () => {},\n} );\n\nexport const { Provider: BottomSheetProvider, Consumer: BottomSheetConsumer } =\n\tBottomSheetContext;\n"]}
+{"version":3,"names":["Platform","UIManager","createContext","OS","setLayoutAnimationEnabledExperimental","BottomSheetContext","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","setIsFullScreen","Provider","BottomSheetProvider","Consumer","BottomSheetConsumer"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-context.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, UIManager } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// It's needed to set the following flags via UIManager\n// to have `LayoutAnimation` working on Android\nif (\n\tPlatform.OS === 'android' &&\n\tUIManager.setLayoutAnimationEnabledExperimental\n) {\n\tUIManager.setLayoutAnimationEnabledExperimental( true );\n}\n\n// Context in BottomSheet is necessary for controlling the\n// transition flow between subsheets and replacing a content inside them\nexport const BottomSheetContext = createContext( {\n\t// Specifies whether content is currently scrolling.\n\tisBottomSheetContentScrolling: false,\n\t// Function called to enable scroll within bottom sheet.\n\tshouldEnableBottomSheetScroll: () => {},\n\t// Function called to enable/disable bottom sheet max height.\n\t// E.g. used to extend bottom sheet on full screen in ColorPicker,\n\t// which is helpful on small devices with set the largest font/display size.\n\tshouldEnableBottomSheetMaxHeight: () => {},\n\t// Callback that is called on closing bottom sheet.\n\tonHandleClosingBottomSheet: () => {},\n\t// Android only: Function called to control android hardware back button functionality\n\t// Return true if the bottom-sheet default close action shouldn't be called.\n\tonHandleHardwareButtonPress: () => {},\n\t// Toggle full-screen styles and dimensions\n\tsetIsFullScreen: () => {},\n} );\n\nexport const { Provider: BottomSheetProvider, Consumer: BottomSheetConsumer } =\n\tBottomSheetContext;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAClD;AACA;AACA;AACA,SAASC,aAAa,QAAQ,oBAAoB;;AAElD;AACA;AACA,IACCF,QAAQ,CAACG,EAAE,KAAK,SAAS,IACzBF,SAAS,CAACG,qCAAqC,EAC9C;EACDH,SAAS,CAACG,qCAAqC,CAAE,IAAK,CAAC;AACxD;;AAEA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAGH,aAAa,CAAE;EAChD;EACAI,6BAA6B,EAAE,KAAK;EACpC;EACAC,6BAA6B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACvC;EACA;EACA;EACAC,gCAAgC,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1C;EACAC,0BAA0B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACpC;EACA;EACAC,2BAA2B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACrC;EACAC,eAAe,EAAEA,CAAA,KAAM,CAAC;AACzB,CAAE,CAAC;AAEH,OAAO,MAAM;EAAEC,QAAQ,EAAEC,mBAAmB;EAAEC,QAAQ,EAAEC;AAAoB,CAAC,GAC5EV,kBAAkB"}

package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/bottom-sheet-navigation-context.native.js

@@ -1,9 +1,10 @@
 /**
  * WordPress dependencies
  */
-import { createContext } from '@wordpress/element'; // Navigation context in BottomSheet is necessary for controlling the
-// height of navigation container.
+import { createContext } from '@wordpress/element';
 
+// Navigation context in BottomSheet is necessary for controlling the
+// height of navigation container.
 export const BottomSheetNavigationContext = createContext({
   currentHeight: {
     value: 0

package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/bottom-sheet-navigation-context.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/bottom-sheet-navigation-context.native.js"],"names":["createContext","BottomSheetNavigationContext","currentHeight","value","setHeight","Provider","BottomSheetNavigationProvider","Consumer","BottomSheetNavigationConsumer"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,oBAA9B,C,CAEA;AACA;;AACA,OAAO,MAAMC,4BAA4B,GAAGD,aAAa,CAAE;AAC1DE,EAAAA,aAAa,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAD2C;AAE1DC,EAAAA,SAAS,EAAE,MAAM,CAAE;AAFuC,CAAF,CAAlD;AAKP,OAAO,MAAM;AACZC,EAAAA,QAAQ,EAAEC,6BADE;AAEZC,EAAAA,QAAQ,EAAEC;AAFE,IAGTP,4BAHG","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// Navigation context in BottomSheet is necessary for controlling the\n// height of navigation container.\nexport const BottomSheetNavigationContext = createContext( {\n\tcurrentHeight: { value: 0 },\n\tsetHeight: () => {},\n} );\n\nexport const {\n\tProvider: BottomSheetNavigationProvider,\n\tConsumer: BottomSheetNavigationConsumer,\n} = BottomSheetNavigationContext;\n"]}
+{"version":3,"names":["createContext","BottomSheetNavigationContext","currentHeight","value","setHeight","Provider","BottomSheetNavigationProvider","Consumer","BottomSheetNavigationConsumer"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/bottom-sheet-navigation-context.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// Navigation context in BottomSheet is necessary for controlling the\n// height of navigation container.\nexport const BottomSheetNavigationContext = createContext( {\n\tcurrentHeight: { value: 0 },\n\tsetHeight: () => {},\n} );\n\nexport const {\n\tProvider: BottomSheetNavigationProvider,\n\tConsumer: BottomSheetNavigationConsumer,\n} = BottomSheetNavigationContext;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;;AAElD;AACA;AACA,OAAO,MAAMC,4BAA4B,GAAGD,aAAa,CAAE;EAC1DE,aAAa,EAAE;IAAEC,KAAK,EAAE;EAAE,CAAC;EAC3BC,SAAS,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAE,CAAC;AAEH,OAAO,MAAM;EACZC,QAAQ,EAAEC,6BAA6B;EACvCC,QAAQ,EAAEC;AACX,CAAC,GAAGP,4BAA4B"}

package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js

@@ -1,21 +1,20 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { NavigationContainer, DefaultTheme } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
 import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+
 /**
  * WordPress dependencies
  */
-
 import { useContext, useMemo, useCallback, Children, useRef, cloneElement } from '@wordpress/element';
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import { BottomSheetNavigationContext, BottomSheetNavigationProvider } from './bottom-sheet-navigation-context';
 import { BottomSheetContext } from '../bottom-sheet-context';
 import styles from './styles.scss';
@@ -26,7 +25,6 @@ const AnimationSpec = {
     easing: Easing.ease
   }
 };
-
 const fadeConfig = ({
   current
 }) => {
@@ -36,7 +34,6 @@ const fadeConfig = ({
     }
   };
 };
-
 const options = {
   transitionSpec: {
     open: AnimationSpec,
@@ -44,11 +41,11 @@ const options = {
   },
   headerShown: false,
   gestureEnabled: false,
-  cardStyleInterpolator: fadeConfig
+  cardStyleInterpolator: fadeConfig,
+  keyboardHandlingEnabled: false
 };
 const HEIGHT_ANIMATION_DURATION = 300;
 const DEFAULT_HEIGHT = 1;
-
 function BottomSheetNavigationContainer({
   children,
   animate,
@@ -65,21 +62,20 @@ function BottomSheetNavigationContainer({
   } = useContext(BottomSheetContext);
   const currentHeight = useSharedValue(navigationContext.currentHeight?.value || DEFAULT_HEIGHT);
   const backgroundStyle = usePreferredColorSchemeStyle(styles.background, styles.backgroundDark);
-  const defaultTheme = useMemo(() => ({ ...DefaultTheme,
-    colors: { ...DefaultTheme.colors,
+  const defaultTheme = useMemo(() => ({
+    ...DefaultTheme,
+    colors: {
+      ...DefaultTheme.colors,
       background: backgroundStyle.backgroundColor
     }
   }), [backgroundStyle.backgroundColor]);
-
   const _theme = theme || defaultTheme;
-
   const setHeight = useCallback(height => {
     if (height > DEFAULT_HEIGHT && Math.round(height) !== Math.round(currentHeight.value)) {
       // If max height is set in the bottom sheet, we clamp
       // the new height using that value.
       const newHeight = isSheetMaxHeightSet ? Math.min(sheetMaxHeight, height) : height;
       const shouldAnimate = animate && currentHeight.value !== DEFAULT_HEIGHT;
-
       if (shouldAnimate) {
         currentHeight.value = withTiming(newHeight, {
           duration: HEIGHT_ANIMATION_DURATION,
@@ -100,13 +96,12 @@ function BottomSheetNavigationContainer({
         name,
         ...otherProps
       } = child.props;
-
       if (!main) {
-        screen = cloneElement(child, { ...child.props,
+        screen = cloneElement(child, {
+          ...child.props,
           isNested: true
         });
       }
-
       return createElement(Stack.Screen, {
         name: name,
         ...otherProps,
@@ -134,6 +129,5 @@ function BottomSheetNavigationContainer({
     }, screens)));
   }, [_theme, animatedStyles, currentHeight, main, screens, setHeight, style, testID]);
 }
-
 export default BottomSheetNavigationContainer;
 //# sourceMappingURL=navigation-container.native.js.map

package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js"],"names":["NavigationContainer","DefaultTheme","createStackNavigator","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","useContext","useMemo","useCallback","Children","useRef","cloneElement","usePreferredColorSchemeStyle","BottomSheetNavigationContext","BottomSheetNavigationProvider","BottomSheetContext","styles","AnimationSpec","animation","config","duration","easing","ease","fadeConfig","current","cardStyle","opacity","progress","options","transitionSpec","open","close","headerShown","gestureEnabled","cardStyleInterpolator","HEIGHT_ANIMATION_DURATION","DEFAULT_HEIGHT","BottomSheetNavigationContainer","children","animate","main","theme","style","testID","Stack","navigationContext","maxHeight","sheetMaxHeight","isMaxHeightSet","isSheetMaxHeightSet","currentHeight","value","backgroundStyle","background","backgroundDark","defaultTheme","colors","backgroundColor","_theme","setHeight","height","Math","round","newHeight","min","shouldAnimate","out","cubic","animatedStyles","screens","map","child","screen","name","otherProps","props","isNested"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,mBAAT,EAA8BC,YAA9B,QAAkD,0BAAlD;AACA,SAASC,oBAAT,QAAqC,yBAArC;AACA,OAAOC,QAAP,IACCC,MADD,EAECC,gBAFD,EAGCC,cAHD,EAICC,UAJD,QAKO,yBALP;AAOA;AACA;AACA;;AACA,SACCC,UADD,EAECC,OAFD,EAGCC,WAHD,EAICC,QAJD,EAKCC,MALD,EAMCC,YAND,QAOO,oBAPP;AASA,SAASC,4BAAT,QAA6C,oBAA7C;AAEA;AACA;AACA;;AACA,SACCC,4BADD,EAECC,6BAFD,QAGO,mCAHP;AAIA,SAASC,kBAAT,QAAmC,yBAAnC;AAEA,OAAOC,MAAP,MAAmB,eAAnB;AAEA,MAAMC,aAAa,GAAG;AACrBC,EAAAA,SAAS,EAAE,QADU;AAErBC,EAAAA,MAAM,EAAE;AACPC,IAAAA,QAAQ,EAAE,GADH;AAEPC,IAAAA,MAAM,EAAEnB,MAAM,CAACoB;AAFR;AAFa,CAAtB;;AAQA,MAAMC,UAAU,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAmB;AACrC,SAAO;AACNC,IAAAA,SAAS,EAAE;AACVC,MAAAA,OAAO,EAAEF,OAAO,CAACG;AADP;AADL,GAAP;AAKA,CAND;;AAQA,MAAMC,OAAO,GAAG;AACfC,EAAAA,cAAc,EAAE;AACfC,IAAAA,IAAI,EAAEb,aADS;AAEfc,IAAAA,KAAK,EAAEd;AAFQ,GADD;AAKfe,EAAAA,WAAW,EAAE,KALE;AAMfC,EAAAA,cAAc,EAAE,KAND;AAOfC,EAAAA,qBAAqB,EAAEX;AAPR,CAAhB;AAUA,MAAMY,yBAAyB,GAAG,GAAlC;AACA,MAAMC,cAAc,GAAG,CAAvB;;AAEA,SAASC,8BAAT,CAAyC;AACxCC,EAAAA,QADwC;AAExCC,EAAAA,OAFwC;AAGxCC,EAAAA,IAHwC;AAIxCC,EAAAA,KAJwC;AAKxCC,EAAAA,KALwC;AAMxCC,EAAAA;AANwC,CAAzC,EAOI;AACH,QAAMC,KAAK,GAAGlC,MAAM,CAAEV,oBAAoB,EAAtB,CAAN,CAAiCwB,OAA/C;AACA,QAAMqB,iBAAiB,GAAGvC,UAAU,CAAEO,4BAAF,CAApC;AACA,QAAM;AAAEiC,IAAAA,SAAS,EAAEC,cAAb;AAA6BC,IAAAA,cAAc,EAAEC;AAA7C,MACL3C,UAAU,CAAES,kBAAF,CADX;AAEA,QAAMmC,aAAa,GAAG9C,cAAc,CACnCyC,iBAAiB,CAACK,aAAlB,EAAiCC,KAAjC,IAA0Cf,cADP,CAApC;AAIA,QAAMgB,eAAe,GAAGxC,4BAA4B,CACnDI,MAAM,CAACqC,UAD4C,EAEnDrC,MAAM,CAACsC,cAF4C,CAApD;AAKA,QAAMC,YAAY,GAAGhD,OAAO,CAC3B,OAAQ,EACP,GAAGR,YADI;AAEPyD,IAAAA,MAAM,EAAE,EACP,GAAGzD,YAAY,CAACyD,MADT;AAEPH,MAAAA,UAAU,EAAED,eAAe,CAACK;AAFrB;AAFD,GAAR,CAD2B,EAQ3B,CAAEL,eAAe,CAACK,eAAlB,CAR2B,CAA5B;;AAUA,QAAMC,MAAM,GAAGjB,KAAK,IAAIc,YAAxB;;AAEA,QAAMI,SAAS,GAAGnD,WAAW,CAC1BoD,MAAF,IAAc;AACb,QACCA,MAAM,GAAGxB,cAAT,IACAyB,IAAI,CAACC,KAAL,CAAYF,MAAZ,MAAyBC,IAAI,CAACC,KAAL,CAAYZ,aAAa,CAACC,KAA1B,CAF1B,EAGE;AACD;AACA;AACA,YAAMY,SAAS,GAAGd,mBAAmB,GAClCY,IAAI,CAACG,GAAL,CAAUjB,cAAV,EAA0Ba,MAA1B,CADkC,GAElCA,MAFH;AAGA,YAAMK,aAAa,GAClB1B,OAAO,IAAIW,aAAa,CAACC,KAAd,KAAwBf,cADpC;;AAGA,UAAK6B,aAAL,EAAqB;AACpBf,QAAAA,aAAa,CAACC,KAAd,GAAsB9C,UAAU,CAAE0D,SAAF,EAAa;AAC5C3C,UAAAA,QAAQ,EAAEe,yBADkC;AAE5Cd,UAAAA,MAAM,EAAEnB,MAAM,CAACgE,GAAP,CAAYhE,MAAM,CAACiE,KAAnB;AAFoC,SAAb,CAAhC;AAIA,OALD,MAKO;AACNjB,QAAAA,aAAa,CAACC,KAAd,GAAsBY,SAAtB;AACA;AACD;AACD,GAvB2B,EAwB5B,CAAExB,OAAF,EAAWW,aAAX,EAA0BD,mBAA1B,EAA+CF,cAA/C,CAxB4B,CAA7B;AA2BA,QAAMqB,cAAc,GAAGjE,gBAAgB,CAAE,OAAQ;AAChDyD,IAAAA,MAAM,EAAEV,aAAa,CAACC;AAD0B,GAAR,CAAF,CAAvC;AAIA,QAAMkB,OAAO,GAAG9D,OAAO,CAAE,MAAM;AAC9B,WAAOE,QAAQ,CAAC6D,GAAT,CAAchC,QAAd,EAA0BiC,KAAF,IAAa;AAC3C,UAAIC,MAAM,GAAGD,KAAb;AACA,YAAM;AAAEE,QAAAA,IAAF;AAAQ,WAAGC;AAAX,UAA0BH,KAAK,CAACI,KAAtC;;AACA,UAAK,CAAEnC,IAAP,EAAc;AACbgC,QAAAA,MAAM,GAAG7D,YAAY,CAAE4D,KAAF,EAAS,EAC7B,GAAGA,KAAK,CAACI,KADoB;AAE7BC,UAAAA,QAAQ,EAAE;AAFmB,SAAT,CAArB;AAIA;;AACD,aACC,cAAC,KAAD,CAAO,MAAP;AACC,QAAA,IAAI,EAAGH,IADR;AAAA,WAEMC,UAFN;AAGC,QAAA,QAAQ,EAAG,MAAMF;AAHlB,QADD;AAOA,KAhBM,CAAP;AAiBA,GAlBsB,EAkBpB,CAAElC,QAAF,EAAYE,IAAZ,CAlBoB,CAAvB;AAoBA,SAAOjC,OAAO,CAAE,MAAM;AACrB,WACC,cAAC,QAAD,CAAU,IAAV;AACC,MAAA,KAAK,EAAG,CAAEmC,KAAF,EAAS0B,cAAT,CADT;AAEC,MAAA,MAAM,EAAGzB;AAFV,OAIC,cAAC,6BAAD;AACC,MAAA,KAAK,EAAG;AAAEgB,QAAAA,SAAF;AAAaT,QAAAA;AAAb;AADT,OAGGV,IAAI,GACL,cAAC,mBAAD;AAAqB,MAAA,KAAK,EAAGkB;AAA7B,OACC,cAAC,KAAD,CAAO,SAAP;AACC,MAAA,aAAa,EAAG9B,OADjB;AAEC,MAAA,qBAAqB,EAAG;AAFzB,OAIGyC,OAJH,CADD,CADK,GAUL,cAAC,KAAD,CAAO,SAAP;AACC,MAAA,aAAa,EAAGzC,OADjB;AAEC,MAAA,qBAAqB,EAAG;AAFzB,OAIGyC,OAJH,CAbF,CAJD,CADD;AA4BA,GA7Ba,EA6BX,CACFX,MADE,EAEFU,cAFE,EAGFlB,aAHE,EAIFV,IAJE,EAKF6B,OALE,EAMFV,SANE,EAOFjB,KAPE,EAQFC,MARE,CA7BW,CAAd;AAuCA;;AAED,eAAeN,8BAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { NavigationContainer, DefaultTheme } from '@react-navigation/native';\nimport { createStackNavigator } from '@react-navigation/stack';\nimport Animated, {\n\tEasing,\n\tuseAnimatedStyle,\n\tuseSharedValue,\n\twithTiming,\n} from 'react-native-reanimated';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseMemo,\n\tuseCallback,\n\tChildren,\n\tuseRef,\n\tcloneElement,\n} from '@wordpress/element';\n\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBottomSheetNavigationContext,\n\tBottomSheetNavigationProvider,\n} from './bottom-sheet-navigation-context';\nimport { BottomSheetContext } from '../bottom-sheet-context';\n\nimport styles from './styles.scss';\n\nconst AnimationSpec = {\n\tanimation: 'timing',\n\tconfig: {\n\t\tduration: 200,\n\t\teasing: Easing.ease,\n\t},\n};\n\nconst fadeConfig = ( { current } ) => {\n\treturn {\n\t\tcardStyle: {\n\t\t\topacity: current.progress,\n\t\t},\n\t};\n};\n\nconst options = {\n\ttransitionSpec: {\n\t\topen: AnimationSpec,\n\t\tclose: AnimationSpec,\n\t},\n\theaderShown: false,\n\tgestureEnabled: false,\n\tcardStyleInterpolator: fadeConfig,\n};\n\nconst HEIGHT_ANIMATION_DURATION = 300;\nconst DEFAULT_HEIGHT = 1;\n\nfunction BottomSheetNavigationContainer( {\n\tchildren,\n\tanimate,\n\tmain,\n\ttheme,\n\tstyle,\n\ttestID,\n} ) {\n\tconst Stack = useRef( createStackNavigator() ).current;\n\tconst navigationContext = useContext( BottomSheetNavigationContext );\n\tconst { maxHeight: sheetMaxHeight, isMaxHeightSet: isSheetMaxHeightSet } =\n\t\tuseContext( BottomSheetContext );\n\tconst currentHeight = useSharedValue(\n\t\tnavigationContext.currentHeight?.value || DEFAULT_HEIGHT\n\t);\n\n\tconst backgroundStyle = usePreferredColorSchemeStyle(\n\t\tstyles.background,\n\t\tstyles.backgroundDark\n\t);\n\n\tconst defaultTheme = useMemo(\n\t\t() => ( {\n\t\t\t...DefaultTheme,\n\t\t\tcolors: {\n\t\t\t\t...DefaultTheme.colors,\n\t\t\t\tbackground: backgroundStyle.backgroundColor,\n\t\t\t},\n\t\t} ),\n\t\t[ backgroundStyle.backgroundColor ]\n\t);\n\tconst _theme = theme || defaultTheme;\n\n\tconst setHeight = useCallback(\n\t\t( height ) => {\n\t\t\tif (\n\t\t\t\theight > DEFAULT_HEIGHT &&\n\t\t\t\tMath.round( height ) !== Math.round( currentHeight.value )\n\t\t\t) {\n\t\t\t\t// If max height is set in the bottom sheet, we clamp\n\t\t\t\t// the new height using that value.\n\t\t\t\tconst newHeight = isSheetMaxHeightSet\n\t\t\t\t\t? Math.min( sheetMaxHeight, height )\n\t\t\t\t\t: height;\n\t\t\t\tconst shouldAnimate =\n\t\t\t\t\tanimate && currentHeight.value !== DEFAULT_HEIGHT;\n\n\t\t\t\tif ( shouldAnimate ) {\n\t\t\t\t\tcurrentHeight.value = withTiming( newHeight, {\n\t\t\t\t\t\tduration: HEIGHT_ANIMATION_DURATION,\n\t\t\t\t\t\teasing: Easing.out( Easing.cubic ),\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tcurrentHeight.value = newHeight;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ animate, currentHeight, isSheetMaxHeightSet, sheetMaxHeight ]\n\t);\n\n\tconst animatedStyles = useAnimatedStyle( () => ( {\n\t\theight: currentHeight.value,\n\t} ) );\n\n\tconst screens = useMemo( () => {\n\t\treturn Children.map( children, ( child ) => {\n\t\t\tlet screen = child;\n\t\t\tconst { name, ...otherProps } = child.props;\n\t\t\tif ( ! main ) {\n\t\t\t\tscreen = cloneElement( child, {\n\t\t\t\t\t...child.props,\n\t\t\t\t\tisNested: true,\n\t\t\t\t} );\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Stack.Screen\n\t\t\t\t\tname={ name }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tchildren={ () => screen }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ children, main ] );\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<Animated.View\n\t\t\t\tstyle={ [ style, animatedStyles ] }\n\t\t\t\ttestID={ testID }\n\t\t\t>\n\t\t\t\t<BottomSheetNavigationProvider\n\t\t\t\t\tvalue={ { setHeight, currentHeight } }\n\t\t\t\t>\n\t\t\t\t\t{ main ? (\n\t\t\t\t\t\t<NavigationContainer theme={ _theme }>\n\t\t\t\t\t\t\t<Stack.Navigator\n\t\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t\t</NavigationContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Stack.Navigator\n\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t) }\n\t\t\t\t</BottomSheetNavigationProvider>\n\t\t\t</Animated.View>\n\t\t);\n\t}, [\n\t\t_theme,\n\t\tanimatedStyles,\n\t\tcurrentHeight,\n\t\tmain,\n\t\tscreens,\n\t\tsetHeight,\n\t\tstyle,\n\t\ttestID,\n\t] );\n}\n\nexport default BottomSheetNavigationContainer;\n"]}
+{"version":3,"names":["NavigationContainer","DefaultTheme","createStackNavigator","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","useContext","useMemo","useCallback","Children","useRef","cloneElement","usePreferredColorSchemeStyle","BottomSheetNavigationContext","BottomSheetNavigationProvider","BottomSheetContext","styles","AnimationSpec","animation","config","duration","easing","ease","fadeConfig","current","cardStyle","opacity","progress","options","transitionSpec","open","close","headerShown","gestureEnabled","cardStyleInterpolator","keyboardHandlingEnabled","HEIGHT_ANIMATION_DURATION","DEFAULT_HEIGHT","BottomSheetNavigationContainer","children","animate","main","theme","style","testID","Stack","navigationContext","maxHeight","sheetMaxHeight","isMaxHeightSet","isSheetMaxHeightSet","currentHeight","value","backgroundStyle","background","backgroundDark","defaultTheme","colors","backgroundColor","_theme","setHeight","height","Math","round","newHeight","min","shouldAnimate","out","cubic","animatedStyles","screens","map","child","screen","name","otherProps","props","isNested","createElement","Screen","View","Navigator","screenOptions","detachInactiveScreens"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { NavigationContainer, DefaultTheme } from '@react-navigation/native';\nimport { createStackNavigator } from '@react-navigation/stack';\nimport Animated, {\n\tEasing,\n\tuseAnimatedStyle,\n\tuseSharedValue,\n\twithTiming,\n} from 'react-native-reanimated';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseMemo,\n\tuseCallback,\n\tChildren,\n\tuseRef,\n\tcloneElement,\n} from '@wordpress/element';\n\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBottomSheetNavigationContext,\n\tBottomSheetNavigationProvider,\n} from './bottom-sheet-navigation-context';\nimport { BottomSheetContext } from '../bottom-sheet-context';\n\nimport styles from './styles.scss';\n\nconst AnimationSpec = {\n\tanimation: 'timing',\n\tconfig: {\n\t\tduration: 200,\n\t\teasing: Easing.ease,\n\t},\n};\n\nconst fadeConfig = ( { current } ) => {\n\treturn {\n\t\tcardStyle: {\n\t\t\topacity: current.progress,\n\t\t},\n\t};\n};\n\nconst options = {\n\ttransitionSpec: {\n\t\topen: AnimationSpec,\n\t\tclose: AnimationSpec,\n\t},\n\theaderShown: false,\n\tgestureEnabled: false,\n\tcardStyleInterpolator: fadeConfig,\n\tkeyboardHandlingEnabled: false,\n};\n\nconst HEIGHT_ANIMATION_DURATION = 300;\nconst DEFAULT_HEIGHT = 1;\n\nfunction BottomSheetNavigationContainer( {\n\tchildren,\n\tanimate,\n\tmain,\n\ttheme,\n\tstyle,\n\ttestID,\n} ) {\n\tconst Stack = useRef( createStackNavigator() ).current;\n\tconst navigationContext = useContext( BottomSheetNavigationContext );\n\tconst { maxHeight: sheetMaxHeight, isMaxHeightSet: isSheetMaxHeightSet } =\n\t\tuseContext( BottomSheetContext );\n\tconst currentHeight = useSharedValue(\n\t\tnavigationContext.currentHeight?.value || DEFAULT_HEIGHT\n\t);\n\n\tconst backgroundStyle = usePreferredColorSchemeStyle(\n\t\tstyles.background,\n\t\tstyles.backgroundDark\n\t);\n\n\tconst defaultTheme = useMemo(\n\t\t() => ( {\n\t\t\t...DefaultTheme,\n\t\t\tcolors: {\n\t\t\t\t...DefaultTheme.colors,\n\t\t\t\tbackground: backgroundStyle.backgroundColor,\n\t\t\t},\n\t\t} ),\n\t\t[ backgroundStyle.backgroundColor ]\n\t);\n\tconst _theme = theme || defaultTheme;\n\n\tconst setHeight = useCallback(\n\t\t( height ) => {\n\t\t\tif (\n\t\t\t\theight > DEFAULT_HEIGHT &&\n\t\t\t\tMath.round( height ) !== Math.round( currentHeight.value )\n\t\t\t) {\n\t\t\t\t// If max height is set in the bottom sheet, we clamp\n\t\t\t\t// the new height using that value.\n\t\t\t\tconst newHeight = isSheetMaxHeightSet\n\t\t\t\t\t? Math.min( sheetMaxHeight, height )\n\t\t\t\t\t: height;\n\t\t\t\tconst shouldAnimate =\n\t\t\t\t\tanimate && currentHeight.value !== DEFAULT_HEIGHT;\n\n\t\t\t\tif ( shouldAnimate ) {\n\t\t\t\t\tcurrentHeight.value = withTiming( newHeight, {\n\t\t\t\t\t\tduration: HEIGHT_ANIMATION_DURATION,\n\t\t\t\t\t\teasing: Easing.out( Easing.cubic ),\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tcurrentHeight.value = newHeight;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ animate, currentHeight, isSheetMaxHeightSet, sheetMaxHeight ]\n\t);\n\n\tconst animatedStyles = useAnimatedStyle( () => ( {\n\t\theight: currentHeight.value,\n\t} ) );\n\n\tconst screens = useMemo( () => {\n\t\treturn Children.map( children, ( child ) => {\n\t\t\tlet screen = child;\n\t\t\tconst { name, ...otherProps } = child.props;\n\t\t\tif ( ! main ) {\n\t\t\t\tscreen = cloneElement( child, {\n\t\t\t\t\t...child.props,\n\t\t\t\t\tisNested: true,\n\t\t\t\t} );\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Stack.Screen\n\t\t\t\t\tname={ name }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tchildren={ () => screen }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ children, main ] );\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<Animated.View\n\t\t\t\tstyle={ [ style, animatedStyles ] }\n\t\t\t\ttestID={ testID }\n\t\t\t>\n\t\t\t\t<BottomSheetNavigationProvider\n\t\t\t\t\tvalue={ { setHeight, currentHeight } }\n\t\t\t\t>\n\t\t\t\t\t{ main ? (\n\t\t\t\t\t\t<NavigationContainer theme={ _theme }>\n\t\t\t\t\t\t\t<Stack.Navigator\n\t\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t\t</NavigationContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Stack.Navigator\n\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t) }\n\t\t\t\t</BottomSheetNavigationProvider>\n\t\t\t</Animated.View>\n\t\t);\n\t}, [\n\t\t_theme,\n\t\tanimatedStyles,\n\t\tcurrentHeight,\n\t\tmain,\n\t\tscreens,\n\t\tsetHeight,\n\t\tstyle,\n\t\ttestID,\n\t] );\n}\n\nexport default BottomSheetNavigationContainer;\n"],"mappings":"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"}

package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js

@@ -1,23 +1,21 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { useIsFocused, useNavigation, useFocusEffect } from '@react-navigation/native';
 import { ScrollView, TouchableHighlight, useWindowDimensions, View } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { BottomSheetContext } from '@wordpress/components';
 import { useRef, useCallback, useContext, useMemo } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';
 import styles from './styles.scss';
-
 const BottomSheetNavigationScreen = ({
   children,
   fullScreen,
@@ -48,7 +46,6 @@ const BottomSheetNavigationScreen = ({
         navigation.goBack();
         return true;
       }
-
       onHandleHardwareButtonPress(null);
       return false;
     });
@@ -77,32 +74,28 @@ const BottomSheetNavigationScreen = ({
       setIsFullScreen(false);
       setHeight(maxHeight.current);
     }
-
     return () => {};
   }, [fullScreen, setHeight, setIsFullScreen, windowHeight]));
-
   const onLayout = ({
     nativeEvent
   }) => {
     if (fullScreen) {
       return;
     }
-
     const {
       height
     } = nativeEvent.layout;
-
     if (maxHeight.current !== height && isFocused) {
       maxHeight.current = height;
       setHeight(height);
     }
   };
-
   return useMemo(() => {
     return isScrollable || isNested ? createElement(View, {
       onLayout: onLayout,
       testID: `navigation-screen-${name}`
-    }, children) : createElement(ScrollView, { ...listProps
+    }, children) : createElement(ScrollView, {
+      ...listProps
     }, createElement(TouchableHighlight, {
       accessible: false
     }, createElement(View, {
@@ -112,11 +105,11 @@ const BottomSheetNavigationScreen = ({
       style: {
         height: safeAreaBottomInset || styles.scrollableContent.paddingBottom
       }
-    })))); // Disable reason: deferring this refactor to the native team.
+    }))));
+    // Disable reason: deferring this refactor to the native team.
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [children, isFocused, safeAreaBottomInset, listProps, name, isScrollable, isNested, onLayout]);
 };
-
 export default BottomSheetNavigationScreen;
 //# sourceMappingURL=navigation-screen.native.js.map

package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"names":["useIsFocused","useNavigation","useFocusEffect","ScrollView","TouchableHighlight","useWindowDimensions","View","BottomSheetContext","useRef","useCallback","useContext","useMemo","BottomSheetNavigationContext","styles","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","maxHeight","isFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","height","windowHeight","setHeight","canGoBack","goBack","current","onLayout","nativeEvent","layout","scrollableContent","paddingBottom"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport {\n\tScrollView,\n\tTouchableHighlight,\n\tuseWindowDimensions,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheetContext } from '@wordpress/components';\nimport { useRef, useCallback, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';\nimport styles from './styles.scss';\n\nconst BottomSheetNavigationScreen = ( {\n\tchildren,\n\tfullScreen,\n\tisScrollable,\n\tisNested,\n\tname,\n} ) => {\n\tconst navigation = useNavigation();\n\tconst maxHeight = useRef( 0 );\n\tconst isFocused = useIsFocused();\n\tconst {\n\t\tonHandleHardwareButtonPress,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tsetIsFullScreen,\n\t\tlistProps,\n\t\tsafeAreaBottomInset,\n\t} = useContext( BottomSheetContext );\n\tconst { height: windowHeight } = useWindowDimensions();\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tonHandleHardwareButtonPress( () => {\n\t\t\t\tif ( navigation.canGoBack() ) {\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\t\t\tnavigation.goBack();\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tonHandleHardwareButtonPress( null );\n\t\t\t\treturn false;\n\t\t\t} );\n\t\t\t/**\n\t\t\t * TODO: onHandleHardwareButtonPress stores a single value, which means\n\t\t\t * future invocations from sibling screens can replace the callback for\n\t\t\t * the currently active screen. Currently, the empty dependency array\n\t\t\t * passed to useCallback here is what prevents erroneous callback\n\t\t\t * replacements, but leveraging memoization to achieve this is brittle and\n\t\t\t * explicitly discouraged in the React documentation.\n\t\t\t * https://reactjs.org/docs/hooks-reference.html#usememo\n\t\t\t *\n\t\t\t * Ideally, we refactor onHandleHardwareButtonPress to manage multiple\n\t\t\t * callbacks triggered based upon which screen is currently active.\n\t\t\t *\n\t\t\t * Related: https://github.com/WordPress/gutenberg/pull/36328#discussion_r768897546\n\t\t\t */\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] )\n\t);\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tif ( fullScreen ) {\n\t\t\t\tsetHeight( windowHeight );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( maxHeight.current !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( maxHeight.current );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t}, [ fullScreen, setHeight, setIsFullScreen, windowHeight ] )\n\t);\n\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tif ( fullScreen ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { height } = nativeEvent.layout;\n\t\tif ( maxHeight.current !== height && isFocused ) {\n\t\t\tmaxHeight.current = height;\n\t\t\tsetHeight( height );\n\t\t}\n\t};\n\n\treturn useMemo( () => {\n\t\treturn isScrollable || isNested ? (\n\t\t\t<View\n\t\t\t\tonLayout={ onLayout }\n\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t) : (\n\t\t\t<ScrollView { ...listProps }>\n\t\t\t\t<TouchableHighlight accessible={ false }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tonLayout={ onLayout }\n\t\t\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t{ ! isNested && (\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\tsafeAreaBottomInset ||\n\t\t\t\t\t\t\t\t\t\tstyles.scrollableContent.paddingBottom,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableHighlight>\n\t\t\t</ScrollView>\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}, [\n\t\tchildren,\n\t\tisFocused,\n\t\tsafeAreaBottomInset,\n\t\tlistProps,\n\t\tname,\n\t\tisScrollable,\n\t\tisNested,\n\t\tonLayout,\n\t] );\n};\n\nexport default BottomSheetNavigationScreen;\n"]}
+{"version":3,"names":["useIsFocused","useNavigation","useFocusEffect","ScrollView","TouchableHighlight","useWindowDimensions","View","BottomSheetContext","useRef","useCallback","useContext","useMemo","BottomSheetNavigationContext","styles","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","maxHeight","isFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","height","windowHeight","setHeight","canGoBack","goBack","current","onLayout","nativeEvent","layout","createElement","testID","accessible","style","scrollableContent","paddingBottom"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport {\n\tScrollView,\n\tTouchableHighlight,\n\tuseWindowDimensions,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheetContext } from '@wordpress/components';\nimport { useRef, useCallback, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';\nimport styles from './styles.scss';\n\nconst BottomSheetNavigationScreen = ( {\n\tchildren,\n\tfullScreen,\n\tisScrollable,\n\tisNested,\n\tname,\n} ) => {\n\tconst navigation = useNavigation();\n\tconst maxHeight = useRef( 0 );\n\tconst isFocused = useIsFocused();\n\tconst {\n\t\tonHandleHardwareButtonPress,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tsetIsFullScreen,\n\t\tlistProps,\n\t\tsafeAreaBottomInset,\n\t} = useContext( BottomSheetContext );\n\tconst { height: windowHeight } = useWindowDimensions();\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tonHandleHardwareButtonPress( () => {\n\t\t\t\tif ( navigation.canGoBack() ) {\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\t\t\tnavigation.goBack();\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tonHandleHardwareButtonPress( null );\n\t\t\t\treturn false;\n\t\t\t} );\n\t\t\t/**\n\t\t\t * TODO: onHandleHardwareButtonPress stores a single value, which means\n\t\t\t * future invocations from sibling screens can replace the callback for\n\t\t\t * the currently active screen. Currently, the empty dependency array\n\t\t\t * passed to useCallback here is what prevents erroneous callback\n\t\t\t * replacements, but leveraging memoization to achieve this is brittle and\n\t\t\t * explicitly discouraged in the React documentation.\n\t\t\t * https://reactjs.org/docs/hooks-reference.html#usememo\n\t\t\t *\n\t\t\t * Ideally, we refactor onHandleHardwareButtonPress to manage multiple\n\t\t\t * callbacks triggered based upon which screen is currently active.\n\t\t\t *\n\t\t\t * Related: https://github.com/WordPress/gutenberg/pull/36328#discussion_r768897546\n\t\t\t */\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] )\n\t);\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tif ( fullScreen ) {\n\t\t\t\tsetHeight( windowHeight );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( maxHeight.current !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( maxHeight.current );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t}, [ fullScreen, setHeight, setIsFullScreen, windowHeight ] )\n\t);\n\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tif ( fullScreen ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { height } = nativeEvent.layout;\n\t\tif ( maxHeight.current !== height && isFocused ) {\n\t\t\tmaxHeight.current = height;\n\t\t\tsetHeight( height );\n\t\t}\n\t};\n\n\treturn useMemo( () => {\n\t\treturn isScrollable || isNested ? (\n\t\t\t<View\n\t\t\t\tonLayout={ onLayout }\n\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t) : (\n\t\t\t<ScrollView { ...listProps }>\n\t\t\t\t<TouchableHighlight accessible={ false }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tonLayout={ onLayout }\n\t\t\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t{ ! isNested && (\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\tsafeAreaBottomInset ||\n\t\t\t\t\t\t\t\t\t\tstyles.scrollableContent.paddingBottom,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableHighlight>\n\t\t\t</ScrollView>\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}, [\n\t\tchildren,\n\t\tisFocused,\n\t\tsafeAreaBottomInset,\n\t\tlistProps,\n\t\tname,\n\t\tisScrollable,\n\t\tisNested,\n\t\tonLayout,\n\t] );\n};\n\nexport default BottomSheetNavigationScreen;\n"],"mappings":"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"}