@wordpress/components 27.6.0 → 28.0.1

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -18,6 +17,7 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 import { BottomSheetNavigationContext, BottomSheetNavigationProvider } from './bottom-sheet-navigation-context';
 import { BottomSheetContext } from '../bottom-sheet-context';
 import styles from './styles.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 const AnimationSpec = {
   animation: 'timing',
   config: {
@@ -102,7 +102,7 @@ function BottomSheetNavigationContainer({
           isNested: true
         });
       }
-      return createElement(Stack.Screen, {
+      return /*#__PURE__*/_jsx(Stack.Screen, {
         name: name,
         ...otherProps,
         children: () => screen
@@ -110,23 +110,28 @@ function BottomSheetNavigationContainer({
     });
   }, [children, main]);
   return useMemo(() => {
-    return createElement(Animated.View, {
+    return /*#__PURE__*/_jsx(Animated.View, {
       style: [style, animatedStyles],
-      testID: testID
-    }, createElement(BottomSheetNavigationProvider, {
-      value: {
-        setHeight,
-        currentHeight
-      }
-    }, main ? createElement(NavigationContainer, {
-      theme: _theme
-    }, createElement(Stack.Navigator, {
-      screenOptions: options,
-      detachInactiveScreens: false
-    }, screens)) : createElement(Stack.Navigator, {
-      screenOptions: options,
-      detachInactiveScreens: false
-    }, screens)));
+      testID: testID,
+      children: /*#__PURE__*/_jsx(BottomSheetNavigationProvider, {
+        value: {
+          setHeight,
+          currentHeight
+        },
+        children: main ? /*#__PURE__*/_jsx(NavigationContainer, {
+          theme: _theme,
+          children: /*#__PURE__*/_jsx(Stack.Navigator, {
+            screenOptions: options,
+            detachInactiveScreens: false,
+            children: screens
+          })
+        }) : /*#__PURE__*/_jsx(Stack.Navigator, {
+          screenOptions: options,
+          detachInactiveScreens: false,
+          children: screens
+        })
+      })
+    });
   }, [_theme, animatedStyles, currentHeight, main, screens, setHeight, style, testID]);
 }
 export default BottomSheetNavigationContainer;

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

@@ -1 +1 @@
-{"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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","ignoreList":[]}
+{"version":3,"names":["NavigationContainer","DefaultTheme","createStackNavigator","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","useContext","useMemo","useCallback","Children","useRef","cloneElement","usePreferredColorSchemeStyle","BottomSheetNavigationContext","BottomSheetNavigationProvider","BottomSheetContext","styles","jsx","_jsx","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","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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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -8,14 +7,17 @@ import { ScrollView, TouchableHighlight, useWindowDimensions, View } from 'react
 /**
  * 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 { BottomSheetContext } from '../bottom-sheet-context';
 import styles from './styles.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const BottomSheetNavigationScreen = ({
   children,
   fullScreen,
@@ -91,21 +93,25 @@ const BottomSheetNavigationScreen = ({
     }
   };
   return useMemo(() => {
-    return isScrollable || isNested ? createElement(View, {
-      onLayout: onLayout,
-      testID: `navigation-screen-${name}`
-    }, children) : createElement(ScrollView, {
-      ...listProps
-    }, createElement(TouchableHighlight, {
-      accessible: false
-    }, createElement(View, {
+    return isScrollable || isNested ? /*#__PURE__*/_jsx(View, {
       onLayout: onLayout,
-      testID: `navigation-screen-${name}`
-    }, children, !isNested && createElement(View, {
-      style: {
-        height: safeAreaBottomInset || styles.scrollableContent.paddingBottom
-      }
-    }))));
+      testID: `navigation-screen-${name}`,
+      children: children
+    }) : /*#__PURE__*/_jsx(ScrollView, {
+      ...listProps,
+      children: /*#__PURE__*/_jsx(TouchableHighlight, {
+        accessible: false,
+        children: /*#__PURE__*/_jsxs(View, {
+          onLayout: onLayout,
+          testID: `navigation-screen-${name}`,
+          children: [children, !isNested && /*#__PURE__*/_jsx(View, {
+            style: {
+              height: safeAreaBottomInset || styles.scrollableContent.paddingBottom
+            }
+          })]
+        })
+      })
+    });
     // 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

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

@@ -1 +1 @@
-{"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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","ignoreList":[]}
+{"version":3,"names":["useIsFocused","useNavigation","useFocusEffect","ScrollView","TouchableHighlight","useWindowDimensions","View","useRef","useCallback","useContext","useMemo","BottomSheetNavigationContext","BottomSheetContext","styles","jsx","_jsx","jsxs","_jsxs","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","maxHeight","isFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","height","windowHeight","setHeight","canGoBack","goBack","current","onLayout","nativeEvent","layout","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 */\n\nimport { useRef, useCallback, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';\nimport { BottomSheetContext } from '../bottom-sheet-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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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -8,25 +7,29 @@ import { TouchableOpacity, View, Text } from 'react-native';
  * Internal dependencies
  */
 import styles from './styles.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 const BottomSheetButton = ({
   onPress,
   disabled,
   text,
   color
-}) => createElement(TouchableOpacity, {
+}) => /*#__PURE__*/_jsx(TouchableOpacity, {
   accessible: true,
   onPress: onPress,
-  disabled: disabled
-}, createElement(View, {
-  style: {
-    flexDirection: 'row',
-    justifyContent: 'center'
-  }
-}, createElement(Text, {
-  style: {
-    ...styles.buttonText,
-    color
-  }
-}, text)));
+  disabled: disabled,
+  children: /*#__PURE__*/_jsx(View, {
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'center'
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      style: {
+        ...styles.buttonText,
+        color
+      },
+      children: text
+    })
+  })
+});
 export default BottomSheetButton;
 //# sourceMappingURL=button.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["TouchableOpacity","View","Text","styles","BottomSheetButton","onPress","disabled","text","color","createElement","accessible","style","flexDirection","justifyContent","buttonText"],"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, View, Text } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetButton = ( { onPress, disabled, text, color } ) => (\n\t<TouchableOpacity accessible onPress={ onPress } disabled={ disabled }>\n\t\t<View style={ { flexDirection: 'row', justifyContent: 'center' } }>\n\t\t\t<Text style={ { ...styles.buttonText, color } }>{ text }</Text>\n\t\t</View>\n\t</TouchableOpacity>\n);\n\nexport default BottomSheetButton;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,gBAAgB,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAE3D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAElC,MAAMC,iBAAiB,GAAGA,CAAE;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAC7DC,aAAA,CAACT,gBAAgB;EAACU,UAAU;EAACL,OAAO,EAAGA,OAAS;EAACC,QAAQ,EAAGA;AAAU,GACrEG,aAAA,CAACR,IAAI;EAACU,KAAK,EAAG;IAAEC,aAAa,EAAE,KAAK;IAAEC,cAAc,EAAE;EAAS;AAAG,GACjEJ,aAAA,CAACP,IAAI;EAACS,KAAK,EAAG;IAAE,GAAGR,MAAM,CAACW,UAAU;IAAEN;EAAM;AAAG,GAAGD,IAAY,CACzD,CACW,CAClB;AAED,eAAeH,iBAAiB","ignoreList":[]}
+{"version":3,"names":["TouchableOpacity","View","Text","styles","jsx","_jsx","BottomSheetButton","onPress","disabled","text","color","accessible","children","style","flexDirection","justifyContent","buttonText"],"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, View, Text } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetButton = ( { onPress, disabled, text, color } ) => (\n\t<TouchableOpacity accessible onPress={ onPress } disabled={ disabled }>\n\t\t<View style={ { flexDirection: 'row', justifyContent: 'center' } }>\n\t\t\t<Text style={ { ...styles.buttonText, color } }>{ text }</Text>\n\t\t</View>\n\t</TouchableOpacity>\n);\n\nexport default BottomSheetButton;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAgB,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAE3D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,MAAMC,iBAAiB,GAAGA,CAAE;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAM,CAAC,kBAC7DL,IAAA,CAACL,gBAAgB;EAACW,UAAU;EAACJ,OAAO,EAAGA,OAAS;EAACC,QAAQ,EAAGA,QAAU;EAAAI,QAAA,eACrEP,IAAA,CAACJ,IAAI;IAACY,KAAK,EAAG;MAAEC,aAAa,EAAE,KAAK;MAAEC,cAAc,EAAE;IAAS,CAAG;IAAAH,QAAA,eACjEP,IAAA,CAACH,IAAI;MAACW,KAAK,EAAG;QAAE,GAAGV,MAAM,CAACa,UAAU;QAAEN;MAAM,CAAG;MAAAE,QAAA,EAAGH;IAAI,CAAQ;EAAC,CAC1D;AAAC,CACU,CAClB;AAED,eAAeH,iBAAiB","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -7,7 +6,6 @@ import { TouchableOpacity, Text, View, TextInput, I18nManager, AccessibilityInfo
 /**
  * WordPress dependencies
  */
-import { Icon } from '@wordpress/components';
 import { check } from '@wordpress/icons';
 import { Component } from '@wordpress/element';
 import { __, _x, sprintf } from '@wordpress/i18n';
@@ -20,6 +18,9 @@ import styles from './styles.scss';
 import platformStyles from './cellStyles.scss';
 import TouchableRipple from './ripple';
 import LockIcon from './lock-icon';
+import Icon from '../../icon';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const isIOS = Platform.OS === 'ios';
 class BottomSheetCell extends Component {
   constructor(props) {
@@ -180,7 +181,7 @@ class BottomSheetCell extends Component {
       // and the Text component to display it.
       // We also show the TextInput to display placeholder.
       const shouldShowPlaceholder = isInteractive && value === '';
-      return this.state.isEditingValue || shouldShowPlaceholder ? createElement(TextInput, {
+      return this.state.isEditingValue || shouldShowPlaceholder ? /*#__PURE__*/_jsx(TextInput, {
         ref: c => this._valueTextInput = c,
         numberOfLines: 1,
         style: textInputStyle,
@@ -196,11 +197,12 @@ class BottomSheetCell extends Component {
         keyboardType: this.typeToKeyboardType(type, step),
         disabled: disabled,
         ...valueProps
-      }) : createElement(Text, {
+      }) : /*#__PURE__*/_jsx(Text, {
         style: textStyle,
         numberOfLines: 1,
-        ellipsizeMode: 'middle'
-      }, value);
+        ellipsizeMode: "middle",
+        children: value
+      });
     };
     const getAccessibilityLabel = () => {
       if (accessible === false) {
@@ -230,7 +232,7 @@ class BottomSheetCell extends Component {
       handler
     } = customActionButton || {};
     const opacity = activeOpacity !== undefined ? activeOpacity : platformStyles.activeOpacity?.opacity;
-    return createElement(TouchableRipple, {
+    return /*#__PURE__*/_jsxs(TouchableRipple, {
       accessible: accessible !== undefined ? accessible : !this.state.isEditingValue,
       accessibilityLabel: getAccessibilityLabel(),
       accessibilityRole: accessibilityRole || 'button',
@@ -241,52 +243,67 @@ class BottomSheetCell extends Component {
       onPress: onCellPress,
       onLongPress: onLongPress,
       style: [styles.clipToBounds, style],
-      borderless: borderless
-    }, drawTopSeparator && createElement(View, {
-      style: separatorStyle()
-    }), createElement(View, {
-      style: cellContainerStyles,
-      pointerEvents: containerPointerEvents
-    }, createElement(View, {
-      style: rowContainerStyles
-    }, createElement(View, {
-      style: styles.cellRowContainer
-    }, icon && createElement(View, {
-      style: [styles.cellRowContainer, styles.cellRowIcon]
-    }, createElement(Icon, {
-      lock: true,
-      icon: icon,
-      size: 24,
-      fill: iconStyle.color || iconStyleBase.color,
-      style: iconStyle,
-      isPressed: false
-    }), createElement(View, {
-      style: platformStyles.labelIconSeparator
-    })), subLabel && label && createElement(View, null, createElement(Text, {
-      style: [defaultLabelStyle, labelStyle]
-    }, label), createElement(Text, {
-      style: defaultSubLabelStyleText
-    }, subLabel)), !subLabel && label && createElement(Text, {
-      style: [defaultLabelStyle, labelStyle]
-    }, label)), customActionButton && createElement(TouchableOpacity, {
-      onPress: handler,
-      accessibilityRole: 'button'
-    }, createElement(Text, {
-      style: resetButtonStyle
-    }, title))), isSelected && createElement(Icon, {
-      icon: check,
-      fill: platformStyles.isSelected.color,
-      testID: "bottom-sheet-cell-selected-icon"
-    }), showValue && getValueComponent(), createElement(View, {
-      style: [disabled && disabledStyle, styles.cellRowContainer],
-      pointerEvents: disabled ? 'none' : 'auto'
-    }, children), disabled && showLockIcon && createElement(View, {
-      style: styles.cellDisabled
-    }, createElement(LockIcon, null))), help && createElement(Text, {
-      style: [cellHelpStyle, styles.placeholderColor]
-    }, help), !drawTopSeparator && createElement(View, {
-      style: separatorStyle()
-    }));
+      borderless: borderless,
+      children: [drawTopSeparator && /*#__PURE__*/_jsx(View, {
+        style: separatorStyle()
+      }), /*#__PURE__*/_jsxs(View, {
+        style: cellContainerStyles,
+        pointerEvents: containerPointerEvents,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: rowContainerStyles,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.cellRowContainer,
+            children: [icon && /*#__PURE__*/_jsxs(View, {
+              style: [styles.cellRowContainer, styles.cellRowIcon],
+              children: [/*#__PURE__*/_jsx(Icon, {
+                lock: true,
+                icon: icon,
+                size: 24,
+                fill: iconStyle.color || iconStyleBase.color,
+                style: iconStyle,
+                isPressed: false
+              }), /*#__PURE__*/_jsx(View, {
+                style: platformStyles.labelIconSeparator
+              })]
+            }), subLabel && label && /*#__PURE__*/_jsxs(View, {
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: [defaultLabelStyle, labelStyle],
+                children: label
+              }), /*#__PURE__*/_jsx(Text, {
+                style: defaultSubLabelStyleText,
+                children: subLabel
+              })]
+            }), !subLabel && label && /*#__PURE__*/_jsx(Text, {
+              style: [defaultLabelStyle, labelStyle],
+              children: label
+            })]
+          }), customActionButton && /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: handler,
+            accessibilityRole: "button",
+            children: /*#__PURE__*/_jsx(Text, {
+              style: resetButtonStyle,
+              children: title
+            })
+          })]
+        }), isSelected && /*#__PURE__*/_jsx(Icon, {
+          icon: check,
+          fill: platformStyles.isSelected.color,
+          testID: "bottom-sheet-cell-selected-icon"
+        }), showValue && getValueComponent(), /*#__PURE__*/_jsx(View, {
+          style: [disabled && disabledStyle, styles.cellRowContainer],
+          pointerEvents: disabled ? 'none' : 'auto',
+          children: children
+        }), disabled && showLockIcon && /*#__PURE__*/_jsx(View, {
+          style: styles.cellDisabled,
+          children: /*#__PURE__*/_jsx(LockIcon, {})
+        })]
+      }), help && /*#__PURE__*/_jsx(Text, {
+        style: [cellHelpStyle, styles.placeholderColor],
+        children: help
+      }), !drawTopSeparator && /*#__PURE__*/_jsx(View, {
+        style: separatorStyle()
+      })]
+    });
   }
 }
 export default withPreferredColorScheme(BottomSheetCell);

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

@@ -1 +1 @@
-{"version":3,"names":["TouchableOpacity","Text","View","TextInput","I18nManager","AccessibilityInfo","Platform","Icon","check","Component","__","_x","sprintf","withPreferredColorScheme","styles","platformStyles","TouchableRipple","LockIcon","isIOS","OS","BottomSheetCell","constructor","props","arguments","state","isEditingValue","autoFocus","isScreenReaderEnabled","handleScreenReaderToggled","bind","isCurrent","componentDidUpdate","prevProps","prevState","_valueTextInput","focus","componentDidMount","a11yInfoChangeSubscription","addEventListener","then","setState","componentWillUnmount","remove","typeToKeyboardType","type","step","keyboardType","Math","abs","render","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","disabled","disabledStyle","cellDisabled","showLockIcon","activeOpacity","onPress","onLongPress","label","subLabel","value","valuePlaceholder","icon","leftAlign","iconStyle","labelStyle","valueStyle","cellContainerStyle","cellRowContainerStyle","onChangeValue","onSubmit","children","editable","isSelected","separatorType","style","getStylesFromColorScheme","customActionButton","borderless","help","valueProps","showValue","undefined","isValueEditable","cellLabelStyle","cellLabel","cellTextDark","cellLabelCenteredStyle","cellLabelCentered","cellLabelLeftAlignNoIconStyle","cellLabelLeftAlignNoIcon","defaultMissingIconAndValue","defaultLabelStyle","defaultSubLabelStyleText","cellSubLabelText","cellSubLabelTextDark","drawSeparator","separatorStyle","drawTopSeparator","cellContainerStyles","cellContainer","rowContainerStyles","cellRowContainer","isInteractive","onCellPress","startEditing","finishEditing","defaultSeparatorStyle","separator","separatorDark","cellSeparatorStyle","cellSeparator","cellSeparatorDark","leftMarginStyle","separatorMarginLeft","getValueComponent","styleRTL","isRTL","cellValueRTL","cellValueStyle","cellValue","textInputStyle","placeholderTextColor","placeholderColorDisabled","placeholderColorDisabledDark","color","placeholderColor","textStyle","shouldShowPlaceholder","createElement","ref","c","numberOfLines","placeholder","onChangeText","pointerEvents","onFocus","onBlur","onSubmitEditing","ellipsizeMode","getAccessibilityLabel","iconStyleBase","iconDark","resetButtonStyle","resetButton","resetButtonDark","cellHelpStyle","cellHelpLabel","cellHelpLabelIOS","containerPointerEvents","title","handler","opacity","clipToBounds","cellRowIcon","lock","size","fill","isPressed","labelIconSeparator","testID"],"sources":["@wordpress/components/src/mobile/bottom-sheet/cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tTouchableOpacity,\n\tText,\n\tView,\n\tTextInput,\n\tI18nManager,\n\tAccessibilityInfo,\n\tPlatform,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { check } from '@wordpress/icons';\nimport { Component } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport platformStyles from './cellStyles.scss';\nimport TouchableRipple from './ripple';\nimport LockIcon from './lock-icon';\n\nconst isIOS = Platform.OS === 'ios';\nclass BottomSheetCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\tisEditingValue: props.autoFocus || false,\n\t\t\tisScreenReaderEnabled: false,\n\t\t};\n\n\t\tthis.handleScreenReaderToggled =\n\t\t\tthis.handleScreenReaderToggled.bind( this );\n\n\t\tthis.isCurrent = false;\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tif ( ! prevState.isEditingValue && this.state.isEditingValue ) {\n\t\t\tthis._valueTextInput.focus();\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.isCurrent = true;\n\t\tthis.a11yInfoChangeSubscription = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\tthis.handleScreenReaderToggled\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( isScreenReaderEnabled ) => {\n\t\t\t\tif ( this.isCurrent && isScreenReaderEnabled ) {\n\t\t\t\t\tthis.setState( { isScreenReaderEnabled } );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.isCurrent = false;\n\t\tthis.a11yInfoChangeSubscription.remove();\n\t}\n\n\thandleScreenReaderToggled( isScreenReaderEnabled ) {\n\t\tthis.setState( { isScreenReaderEnabled } );\n\t}\n\n\ttypeToKeyboardType( type, step ) {\n\t\tlet keyboardType = `default`;\n\t\tif ( type === `number` ) {\n\t\t\tif ( step && Math.abs( step ) < 1 ) {\n\t\t\t\tkeyboardType = `decimal-pad`;\n\t\t\t} else {\n\t\t\t\tkeyboardType = `number-pad`;\n\t\t\t}\n\t\t}\n\t\treturn keyboardType;\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\taccessible,\n\t\t\taccessibilityLabel,\n\t\t\taccessibilityHint,\n\t\t\taccessibilityRole,\n\t\t\tdisabled = false,\n\t\t\tdisabledStyle = styles.cellDisabled,\n\t\t\tshowLockIcon = true,\n\t\t\tactiveOpacity,\n\t\t\tonPress,\n\t\t\tonLongPress,\n\t\t\tlabel,\n\t\t\tsubLabel,\n\t\t\tvalue,\n\t\t\tvaluePlaceholder = '',\n\t\t\ticon,\n\t\t\tleftAlign,\n\t\t\ticonStyle = {},\n\t\t\tlabelStyle = {},\n\t\t\tvalueStyle = {},\n\t\t\tcellContainerStyle = {},\n\t\t\tcellRowContainerStyle = {},\n\t\t\tonChangeValue,\n\t\t\tonSubmit,\n\t\t\tchildren,\n\t\t\teditable = true,\n\t\t\tisSelected = false,\n\t\t\tseparatorType,\n\t\t\tstyle = {},\n\t\t\tgetStylesFromColorScheme,\n\t\t\tcustomActionButton,\n\t\t\ttype,\n\t\t\tstep,\n\t\t\tborderless,\n\t\t\thelp,\n\t\t\t...valueProps\n\t\t} = this.props;\n\n\t\tconst showValue = value !== undefined;\n\t\tconst isValueEditable = editable && onChangeValue !== undefined;\n\t\tconst cellLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabel,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelCenteredStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelCentered,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelLeftAlignNoIconStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelLeftAlignNoIcon,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst defaultMissingIconAndValue = leftAlign\n\t\t\t? cellLabelLeftAlignNoIconStyle\n\t\t\t: cellLabelCenteredStyle;\n\t\tconst defaultLabelStyle =\n\t\t\tshowValue || customActionButton || icon\n\t\t\t\t? cellLabelStyle\n\t\t\t\t: defaultMissingIconAndValue;\n\n\t\tconst defaultSubLabelStyleText = getStylesFromColorScheme(\n\t\t\tstyles.cellSubLabelText,\n\t\t\tstyles.cellSubLabelTextDark\n\t\t);\n\n\t\tconst drawSeparator =\n\t\t\t( separatorType && separatorType !== 'none' ) ||\n\t\t\tseparatorStyle === undefined;\n\t\tconst drawTopSeparator =\n\t\t\tdrawSeparator && separatorType === 'topFullWidth';\n\n\t\tconst cellContainerStyles = [\n\t\t\tstyles.cellContainer,\n\t\t\tcellContainerStyle,\n\t\t];\n\t\tconst rowContainerStyles = [\n\t\t\tstyles.cellRowContainer,\n\t\t\tcellRowContainerStyle,\n\t\t];\n\n\t\tconst isInteractive =\n\t\t\tisValueEditable ||\n\t\t\tonPress !== undefined ||\n\t\t\tonLongPress !== undefined;\n\n\t\tconst onCellPress = () => {\n\t\t\tif ( isValueEditable ) {\n\t\t\t\tstartEditing();\n\t\t\t} else if ( onPress !== undefined ) {\n\t\t\t\tonPress();\n\t\t\t}\n\t\t};\n\n\t\tconst finishEditing = () => {\n\t\t\tthis.setState( { isEditingValue: false } );\n\t\t};\n\n\t\tconst startEditing = () => {\n\t\t\tif ( this.state.isEditingValue === false ) {\n\t\t\t\tthis.setState( { isEditingValue: true } );\n\t\t\t}\n\t\t};\n\n\t\tconst separatorStyle = () => {\n\t\t\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\t\t\tconst defaultSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.separator,\n\t\t\t\tstyles.separatorDark\n\t\t\t);\n\t\t\tconst cellSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellSeparator,\n\t\t\t\tstyles.cellSeparatorDark\n\t\t\t);\n\t\t\tconst leftMarginStyle = {\n\t\t\t\t...cellSeparatorStyle,\n\t\t\t\t...platformStyles.separatorMarginLeft,\n\t\t\t};\n\t\t\tswitch ( separatorType ) {\n\t\t\t\tcase 'leftMargin':\n\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\tcase 'fullWidth':\n\t\t\t\tcase 'topFullWidth':\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t\tcase 'none':\n\t\t\t\t\treturn undefined;\n\t\t\t\tcase undefined:\n\t\t\t\t\tif ( showValue && icon ) {\n\t\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\t\t}\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t}\n\t\t};\n\n\t\tconst getValueComponent = () => {\n\t\t\tconst styleRTL = I18nManager.isRTL && styles.cellValueRTL;\n\t\t\tconst cellValueStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellValue,\n\t\t\t\tstyles.cellTextDark\n\t\t\t);\n\t\t\tconst textInputStyle = {\n\t\t\t\t...cellValueStyle,\n\t\t\t\t...valueStyle,\n\t\t\t\t...styleRTL,\n\t\t\t};\n\t\t\tconst placeholderTextColor = disabled\n\t\t\t\t? this.props.getStylesFromColorScheme(\n\t\t\t\t\t\tstyles.placeholderColorDisabled,\n\t\t\t\t\t\tstyles.placeholderColorDisabledDark\n\t\t\t\t  ).color\n\t\t\t\t: styles.placeholderColor.color;\n\t\t\tconst textStyle = {\n\t\t\t\t...( disabled && styles.cellDisabled ),\n\t\t\t\t...cellValueStyle,\n\t\t\t\t...valueStyle,\n\t\t\t};\n\n\t\t\t// To be able to show the `middle` ellipsizeMode on editable cells\n\t\t\t// we show the TextInput just when the user wants to edit the value,\n\t\t\t// and the Text component to display it.\n\t\t\t// We also show the TextInput to display placeholder.\n\t\t\tconst shouldShowPlaceholder = isInteractive && value === '';\n\t\t\treturn this.state.isEditingValue || shouldShowPlaceholder ? (\n\t\t\t\t<TextInput\n\t\t\t\t\tref={ ( c ) => ( this._valueTextInput = c ) }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tstyle={ textInputStyle }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tplaceholder={ valuePlaceholder }\n\t\t\t\t\tplaceholderTextColor={ placeholderTextColor }\n\t\t\t\t\tonChangeText={ onChangeValue }\n\t\t\t\t\teditable={ isValueEditable && ! disabled }\n\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\tthis.state.isEditingValue ? 'auto' : 'none'\n\t\t\t\t\t}\n\t\t\t\t\tonFocus={ startEditing }\n\t\t\t\t\tonBlur={ finishEditing }\n\t\t\t\t\tonSubmitEditing={ onSubmit }\n\t\t\t\t\tkeyboardType={ this.typeToKeyboardType( type, step ) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t{ ...valueProps }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ textStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode={ 'middle' }\n\t\t\t\t>\n\t\t\t\t\t{ value }\n\t\t\t\t</Text>\n\t\t\t);\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\tif ( accessible === false ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( accessibilityLabel || ! showValue ) {\n\t\t\t\treturn accessibilityLabel || label;\n\t\t\t}\n\n\t\t\tif ( ! value ) {\n\t\t\t\treturn ! help\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/* translators: accessibility text. Empty state of a inline textinput cell. %s: The cell's title */\n\t\t\t\t\t\t\t_x( '%s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t  )\n\t\t\t\t\t: // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t\t  sprintf(\n\t\t\t\t\t\t\t/* translators: accessibility text. Empty state of a inline textinput cell. %1: Cell title, %2: cell help. */\n\t\t\t\t\t\t\t_x( '%1$s, %2$s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\thelp\n\t\t\t\t\t  );\n\t\t\t}\n\t\t\treturn ! help\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Inline textinput title and value.%1: Cell title, %2: cell value. */\n\t\t\t\t\t\t_x( '%1$s, %2$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue\n\t\t\t\t  ) // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Inline textinput title, value and help text.%1: Cell title, %2: cell value, , %3: cell help. */\n\t\t\t\t\t\t_x( '%1$s, %2$s, %3$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\thelp\n\t\t\t\t  );\n\t\t};\n\n\t\tconst iconStyleBase = getStylesFromColorScheme(\n\t\t\tstyles.icon,\n\t\t\tstyles.iconDark\n\t\t);\n\t\tconst resetButtonStyle = getStylesFromColorScheme(\n\t\t\tstyles.resetButton,\n\t\t\tstyles.resetButtonDark\n\t\t);\n\t\tconst cellHelpStyle = [\n\t\t\tstyles.cellHelpLabel,\n\t\t\tisIOS && styles.cellHelpLabelIOS,\n\t\t];\n\t\tconst containerPointerEvents =\n\t\t\tthis.state.isScreenReaderEnabled && accessible ? 'none' : 'auto';\n\t\tconst { title, handler } = customActionButton || {};\n\n\t\tconst opacity =\n\t\t\tactiveOpacity !== undefined\n\t\t\t\t? activeOpacity\n\t\t\t\t: platformStyles.activeOpacity?.opacity;\n\n\t\treturn (\n\t\t\t<TouchableRipple\n\t\t\t\taccessible={\n\t\t\t\t\taccessible !== undefined\n\t\t\t\t\t\t? accessible\n\t\t\t\t\t\t: ! this.state.isEditingValue\n\t\t\t\t}\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityRole={ accessibilityRole || 'button' }\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tisValueEditable\n\t\t\t\t\t\t? /* translators: accessibility text */\n\t\t\t\t\t\t  __( 'Double tap to edit this value' )\n\t\t\t\t\t\t: accessibilityHint\n\t\t\t\t}\n\t\t\t\tdisabled={ disabled || ! isInteractive }\n\t\t\t\tactiveOpacity={ opacity }\n\t\t\t\tonPress={ onCellPress }\n\t\t\t\tonLongPress={ onLongPress }\n\t\t\t\tstyle={ [ styles.clipToBounds, style ] }\n\t\t\t\tborderless={ borderless }\n\t\t\t>\n\t\t\t\t{ drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t\t<View\n\t\t\t\t\tstyle={ cellContainerStyles }\n\t\t\t\t\tpointerEvents={ containerPointerEvents }\n\t\t\t\t>\n\t\t\t\t\t<View style={ rowContainerStyles }>\n\t\t\t\t\t\t<View style={ styles.cellRowContainer }>\n\t\t\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowContainer,\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowIcon,\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\tlock\n\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\tfill={\n\t\t\t\t\t\t\t\t\t\t\ticonStyle.color ||\n\t\t\t\t\t\t\t\t\t\t\ticonStyleBase.color\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tstyle={ iconStyle }\n\t\t\t\t\t\t\t\t\t\tisPressed={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tplatformStyles.labelIconSeparator\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ subLabel && label && (\n\t\t\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\t\tdefaultLabelStyle,\n\t\t\t\t\t\t\t\t\t\t\tlabelStyle,\n\t\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Text style={ defaultSubLabelStyleText }>\n\t\t\t\t\t\t\t\t\t\t{ subLabel }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! subLabel && label && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tstyle={ [ defaultLabelStyle, labelStyle ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t{ customActionButton && (\n\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\tonPress={ handler }\n\t\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Text style={ resetButtonStyle }>\n\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\t\tfill={ platformStyles.isSelected.color }\n\t\t\t\t\t\t\ttestID=\"bottom-sheet-cell-selected-icon\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showValue && getValueComponent() }\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tdisabled && disabledStyle,\n\t\t\t\t\t\t\tstyles.cellRowContainer,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpointerEvents={ disabled ? 'none' : 'auto' }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</View>\n\t\t\t\t\t{ disabled && showLockIcon && (\n\t\t\t\t\t\t<View style={ styles.cellDisabled }>\n\t\t\t\t\t\t\t<LockIcon />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ help && (\n\t\t\t\t\t<Text style={ [ cellHelpStyle, styles.placeholderColor ] }>\n\t\t\t\t\t\t{ help }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t{ ! drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t</TouchableRipple>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetCell );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["TouchableOpacity","Text","View","TextInput","I18nManager","AccessibilityInfo","Platform","check","Component","__","_x","sprintf","withPreferredColorScheme","styles","platformStyles","TouchableRipple","LockIcon","Icon","jsx","_jsx","jsxs","_jsxs","isIOS","OS","BottomSheetCell","constructor","props","arguments","state","isEditingValue","autoFocus","isScreenReaderEnabled","handleScreenReaderToggled","bind","isCurrent","componentDidUpdate","prevProps","prevState","_valueTextInput","focus","componentDidMount","a11yInfoChangeSubscription","addEventListener","then","setState","componentWillUnmount","remove","typeToKeyboardType","type","step","keyboardType","Math","abs","render","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","disabled","disabledStyle","cellDisabled","showLockIcon","activeOpacity","onPress","onLongPress","label","subLabel","value","valuePlaceholder","icon","leftAlign","iconStyle","labelStyle","valueStyle","cellContainerStyle","cellRowContainerStyle","onChangeValue","onSubmit","children","editable","isSelected","separatorType","style","getStylesFromColorScheme","customActionButton","borderless","help","valueProps","showValue","undefined","isValueEditable","cellLabelStyle","cellLabel","cellTextDark","cellLabelCenteredStyle","cellLabelCentered","cellLabelLeftAlignNoIconStyle","cellLabelLeftAlignNoIcon","defaultMissingIconAndValue","defaultLabelStyle","defaultSubLabelStyleText","cellSubLabelText","cellSubLabelTextDark","drawSeparator","separatorStyle","drawTopSeparator","cellContainerStyles","cellContainer","rowContainerStyles","cellRowContainer","isInteractive","onCellPress","startEditing","finishEditing","defaultSeparatorStyle","separator","separatorDark","cellSeparatorStyle","cellSeparator","cellSeparatorDark","leftMarginStyle","separatorMarginLeft","getValueComponent","styleRTL","isRTL","cellValueRTL","cellValueStyle","cellValue","textInputStyle","placeholderTextColor","placeholderColorDisabled","placeholderColorDisabledDark","color","placeholderColor","textStyle","shouldShowPlaceholder","ref","c","numberOfLines","placeholder","onChangeText","pointerEvents","onFocus","onBlur","onSubmitEditing","ellipsizeMode","getAccessibilityLabel","iconStyleBase","iconDark","resetButtonStyle","resetButton","resetButtonDark","cellHelpStyle","cellHelpLabel","cellHelpLabelIOS","containerPointerEvents","title","handler","opacity","clipToBounds","cellRowIcon","lock","size","fill","isPressed","labelIconSeparator","testID"],"sources":["@wordpress/components/src/mobile/bottom-sheet/cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tTouchableOpacity,\n\tText,\n\tView,\n\tTextInput,\n\tI18nManager,\n\tAccessibilityInfo,\n\tPlatform,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\nimport { Component } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport platformStyles from './cellStyles.scss';\nimport TouchableRipple from './ripple';\nimport LockIcon from './lock-icon';\nimport Icon from '../../icon';\n\nconst isIOS = Platform.OS === 'ios';\nclass BottomSheetCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\tisEditingValue: props.autoFocus || false,\n\t\t\tisScreenReaderEnabled: false,\n\t\t};\n\n\t\tthis.handleScreenReaderToggled =\n\t\t\tthis.handleScreenReaderToggled.bind( this );\n\n\t\tthis.isCurrent = false;\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tif ( ! prevState.isEditingValue && this.state.isEditingValue ) {\n\t\t\tthis._valueTextInput.focus();\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.isCurrent = true;\n\t\tthis.a11yInfoChangeSubscription = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\tthis.handleScreenReaderToggled\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( isScreenReaderEnabled ) => {\n\t\t\t\tif ( this.isCurrent && isScreenReaderEnabled ) {\n\t\t\t\t\tthis.setState( { isScreenReaderEnabled } );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.isCurrent = false;\n\t\tthis.a11yInfoChangeSubscription.remove();\n\t}\n\n\thandleScreenReaderToggled( isScreenReaderEnabled ) {\n\t\tthis.setState( { isScreenReaderEnabled } );\n\t}\n\n\ttypeToKeyboardType( type, step ) {\n\t\tlet keyboardType = `default`;\n\t\tif ( type === `number` ) {\n\t\t\tif ( step && Math.abs( step ) < 1 ) {\n\t\t\t\tkeyboardType = `decimal-pad`;\n\t\t\t} else {\n\t\t\t\tkeyboardType = `number-pad`;\n\t\t\t}\n\t\t}\n\t\treturn keyboardType;\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\taccessible,\n\t\t\taccessibilityLabel,\n\t\t\taccessibilityHint,\n\t\t\taccessibilityRole,\n\t\t\tdisabled = false,\n\t\t\tdisabledStyle = styles.cellDisabled,\n\t\t\tshowLockIcon = true,\n\t\t\tactiveOpacity,\n\t\t\tonPress,\n\t\t\tonLongPress,\n\t\t\tlabel,\n\t\t\tsubLabel,\n\t\t\tvalue,\n\t\t\tvaluePlaceholder = '',\n\t\t\ticon,\n\t\t\tleftAlign,\n\t\t\ticonStyle = {},\n\t\t\tlabelStyle = {},\n\t\t\tvalueStyle = {},\n\t\t\tcellContainerStyle = {},\n\t\t\tcellRowContainerStyle = {},\n\t\t\tonChangeValue,\n\t\t\tonSubmit,\n\t\t\tchildren,\n\t\t\teditable = true,\n\t\t\tisSelected = false,\n\t\t\tseparatorType,\n\t\t\tstyle = {},\n\t\t\tgetStylesFromColorScheme,\n\t\t\tcustomActionButton,\n\t\t\ttype,\n\t\t\tstep,\n\t\t\tborderless,\n\t\t\thelp,\n\t\t\t...valueProps\n\t\t} = this.props;\n\n\t\tconst showValue = value !== undefined;\n\t\tconst isValueEditable = editable && onChangeValue !== undefined;\n\t\tconst cellLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabel,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelCenteredStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelCentered,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelLeftAlignNoIconStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelLeftAlignNoIcon,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst defaultMissingIconAndValue = leftAlign\n\t\t\t? cellLabelLeftAlignNoIconStyle\n\t\t\t: cellLabelCenteredStyle;\n\t\tconst defaultLabelStyle =\n\t\t\tshowValue || customActionButton || icon\n\t\t\t\t? cellLabelStyle\n\t\t\t\t: defaultMissingIconAndValue;\n\n\t\tconst defaultSubLabelStyleText = getStylesFromColorScheme(\n\t\t\tstyles.cellSubLabelText,\n\t\t\tstyles.cellSubLabelTextDark\n\t\t);\n\n\t\tconst drawSeparator =\n\t\t\t( separatorType && separatorType !== 'none' ) ||\n\t\t\tseparatorStyle === undefined;\n\t\tconst drawTopSeparator =\n\t\t\tdrawSeparator && separatorType === 'topFullWidth';\n\n\t\tconst cellContainerStyles = [\n\t\t\tstyles.cellContainer,\n\t\t\tcellContainerStyle,\n\t\t];\n\t\tconst rowContainerStyles = [\n\t\t\tstyles.cellRowContainer,\n\t\t\tcellRowContainerStyle,\n\t\t];\n\n\t\tconst isInteractive =\n\t\t\tisValueEditable ||\n\t\t\tonPress !== undefined ||\n\t\t\tonLongPress !== undefined;\n\n\t\tconst onCellPress = () => {\n\t\t\tif ( isValueEditable ) {\n\t\t\t\tstartEditing();\n\t\t\t} else if ( onPress !== undefined ) {\n\t\t\t\tonPress();\n\t\t\t}\n\t\t};\n\n\t\tconst finishEditing = () => {\n\t\t\tthis.setState( { isEditingValue: false } );\n\t\t};\n\n\t\tconst startEditing = () => {\n\t\t\tif ( this.state.isEditingValue === false ) {\n\t\t\t\tthis.setState( { isEditingValue: true } );\n\t\t\t}\n\t\t};\n\n\t\tconst separatorStyle = () => {\n\t\t\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\t\t\tconst defaultSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.separator,\n\t\t\t\tstyles.separatorDark\n\t\t\t);\n\t\t\tconst cellSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellSeparator,\n\t\t\t\tstyles.cellSeparatorDark\n\t\t\t);\n\t\t\tconst leftMarginStyle = {\n\t\t\t\t...cellSeparatorStyle,\n\t\t\t\t...platformStyles.separatorMarginLeft,\n\t\t\t};\n\t\t\tswitch ( separatorType ) {\n\t\t\t\tcase 'leftMargin':\n\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\tcase 'fullWidth':\n\t\t\t\tcase 'topFullWidth':\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t\tcase 'none':\n\t\t\t\t\treturn undefined;\n\t\t\t\tcase undefined:\n\t\t\t\t\tif ( showValue && icon ) {\n\t\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\t\t}\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t}\n\t\t};\n\n\t\tconst getValueComponent = () => {\n\t\t\tconst styleRTL = I18nManager.isRTL && styles.cellValueRTL;\n\t\t\tconst cellValueStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellValue,\n\t\t\t\tstyles.cellTextDark\n\t\t\t);\n\t\t\tconst textInputStyle = {\n\t\t\t\t...cellValueStyle,\n\t\t\t\t...valueStyle,\n\t\t\t\t...styleRTL,\n\t\t\t};\n\t\t\tconst placeholderTextColor = disabled\n\t\t\t\t? this.props.getStylesFromColorScheme(\n\t\t\t\t\t\tstyles.placeholderColorDisabled,\n\t\t\t\t\t\tstyles.placeholderColorDisabledDark\n\t\t\t\t  ).color\n\t\t\t\t: styles.placeholderColor.color;\n\t\t\tconst textStyle = {\n\t\t\t\t...( disabled && styles.cellDisabled ),\n\t\t\t\t...cellValueStyle,\n\t\t\t\t...valueStyle,\n\t\t\t};\n\n\t\t\t// To be able to show the `middle` ellipsizeMode on editable cells\n\t\t\t// we show the TextInput just when the user wants to edit the value,\n\t\t\t// and the Text component to display it.\n\t\t\t// We also show the TextInput to display placeholder.\n\t\t\tconst shouldShowPlaceholder = isInteractive && value === '';\n\t\t\treturn this.state.isEditingValue || shouldShowPlaceholder ? (\n\t\t\t\t<TextInput\n\t\t\t\t\tref={ ( c ) => ( this._valueTextInput = c ) }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tstyle={ textInputStyle }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tplaceholder={ valuePlaceholder }\n\t\t\t\t\tplaceholderTextColor={ placeholderTextColor }\n\t\t\t\t\tonChangeText={ onChangeValue }\n\t\t\t\t\teditable={ isValueEditable && ! disabled }\n\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\tthis.state.isEditingValue ? 'auto' : 'none'\n\t\t\t\t\t}\n\t\t\t\t\tonFocus={ startEditing }\n\t\t\t\t\tonBlur={ finishEditing }\n\t\t\t\t\tonSubmitEditing={ onSubmit }\n\t\t\t\t\tkeyboardType={ this.typeToKeyboardType( type, step ) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t{ ...valueProps }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ textStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode=\"middle\"\n\t\t\t\t>\n\t\t\t\t\t{ value }\n\t\t\t\t</Text>\n\t\t\t);\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\tif ( accessible === false ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( accessibilityLabel || ! showValue ) {\n\t\t\t\treturn accessibilityLabel || label;\n\t\t\t}\n\n\t\t\tif ( ! value ) {\n\t\t\t\treturn ! help\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/* translators: accessibility text. Empty state of a inline textinput cell. %s: The cell's title */\n\t\t\t\t\t\t\t_x( '%s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t  )\n\t\t\t\t\t: // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t\t  sprintf(\n\t\t\t\t\t\t\t/* translators: accessibility text. Empty state of a inline textinput cell. %1: Cell title, %2: cell help. */\n\t\t\t\t\t\t\t_x( '%1$s, %2$s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\thelp\n\t\t\t\t\t  );\n\t\t\t}\n\t\t\treturn ! help\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Inline textinput title and value.%1: Cell title, %2: cell value. */\n\t\t\t\t\t\t_x( '%1$s, %2$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue\n\t\t\t\t  ) // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Inline textinput title, value and help text.%1: Cell title, %2: cell value, , %3: cell help. */\n\t\t\t\t\t\t_x( '%1$s, %2$s, %3$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\thelp\n\t\t\t\t  );\n\t\t};\n\n\t\tconst iconStyleBase = getStylesFromColorScheme(\n\t\t\tstyles.icon,\n\t\t\tstyles.iconDark\n\t\t);\n\t\tconst resetButtonStyle = getStylesFromColorScheme(\n\t\t\tstyles.resetButton,\n\t\t\tstyles.resetButtonDark\n\t\t);\n\t\tconst cellHelpStyle = [\n\t\t\tstyles.cellHelpLabel,\n\t\t\tisIOS && styles.cellHelpLabelIOS,\n\t\t];\n\t\tconst containerPointerEvents =\n\t\t\tthis.state.isScreenReaderEnabled && accessible ? 'none' : 'auto';\n\t\tconst { title, handler } = customActionButton || {};\n\n\t\tconst opacity =\n\t\t\tactiveOpacity !== undefined\n\t\t\t\t? activeOpacity\n\t\t\t\t: platformStyles.activeOpacity?.opacity;\n\n\t\treturn (\n\t\t\t<TouchableRipple\n\t\t\t\taccessible={\n\t\t\t\t\taccessible !== undefined\n\t\t\t\t\t\t? accessible\n\t\t\t\t\t\t: ! this.state.isEditingValue\n\t\t\t\t}\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityRole={ accessibilityRole || 'button' }\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tisValueEditable\n\t\t\t\t\t\t? /* translators: accessibility text */\n\t\t\t\t\t\t  __( 'Double tap to edit this value' )\n\t\t\t\t\t\t: accessibilityHint\n\t\t\t\t}\n\t\t\t\tdisabled={ disabled || ! isInteractive }\n\t\t\t\tactiveOpacity={ opacity }\n\t\t\t\tonPress={ onCellPress }\n\t\t\t\tonLongPress={ onLongPress }\n\t\t\t\tstyle={ [ styles.clipToBounds, style ] }\n\t\t\t\tborderless={ borderless }\n\t\t\t>\n\t\t\t\t{ drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t\t<View\n\t\t\t\t\tstyle={ cellContainerStyles }\n\t\t\t\t\tpointerEvents={ containerPointerEvents }\n\t\t\t\t>\n\t\t\t\t\t<View style={ rowContainerStyles }>\n\t\t\t\t\t\t<View style={ styles.cellRowContainer }>\n\t\t\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowContainer,\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowIcon,\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\tlock\n\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\tfill={\n\t\t\t\t\t\t\t\t\t\t\ticonStyle.color ||\n\t\t\t\t\t\t\t\t\t\t\ticonStyleBase.color\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tstyle={ iconStyle }\n\t\t\t\t\t\t\t\t\t\tisPressed={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tplatformStyles.labelIconSeparator\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ subLabel && label && (\n\t\t\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\t\tdefaultLabelStyle,\n\t\t\t\t\t\t\t\t\t\t\tlabelStyle,\n\t\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Text style={ defaultSubLabelStyleText }>\n\t\t\t\t\t\t\t\t\t\t{ subLabel }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! subLabel && label && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tstyle={ [ defaultLabelStyle, labelStyle ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t{ customActionButton && (\n\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\tonPress={ handler }\n\t\t\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Text style={ resetButtonStyle }>\n\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\t\tfill={ platformStyles.isSelected.color }\n\t\t\t\t\t\t\ttestID=\"bottom-sheet-cell-selected-icon\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showValue && getValueComponent() }\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tdisabled && disabledStyle,\n\t\t\t\t\t\t\tstyles.cellRowContainer,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpointerEvents={ disabled ? 'none' : 'auto' }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</View>\n\t\t\t\t\t{ disabled && showLockIcon && (\n\t\t\t\t\t\t<View style={ styles.cellDisabled }>\n\t\t\t\t\t\t\t<LockIcon />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ help && (\n\t\t\t\t\t<Text style={ [ cellHelpStyle, styles.placeholderColor ] }>\n\t\t\t\t\t\t{ help }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t{ ! drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t</TouchableRipple>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetCell );\n"],"mappings":"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","ignoreList":[]}

package/build-module/mobile/bottom-sheet/chevron-back.native.js

@@ -1,17 +1,18 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { SVG, Path } from '@wordpress/primitives';
 
 // Used for the back button of the iOS Bottom Sheet
-const chevronBack = createElement(SVG, {
+import { jsx as _jsx } from "react/jsx-runtime";
+const chevronBack = /*#__PURE__*/_jsx(SVG, {
   width: "12",
   height: "21",
   viewBox: "0 0 12 21",
-  xmlns: "http://www.w3.org/2000/SVG"
-}, createElement(Path, {
-  d: "M9.62586 20.5975C9.89618 20.8579 10.2253 21 10.6014 21C11.3888 21 12 20.3844 12 19.6032C12 19.2125 11.8472 18.8574 11.5769 18.5851L3.34966 10.4882L11.5769 2.41488C11.8472 2.14262 12 1.77565 12 1.39684C12 0.615558 11.3888 0 10.6014 0C10.2253 0 9.89618 0.142052 9.63761 0.40248L0.493634 9.3991C0.164545 9.70688 0 10.0857 0 10.5C0 10.9143 0.164545 11.2694 0.48188 11.5891L9.62586 20.5975Z"
-}));
+  xmlns: "http://www.w3.org/2000/SVG",
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M9.62586 20.5975C9.89618 20.8579 10.2253 21 10.6014 21C11.3888 21 12 20.3844 12 19.6032C12 19.2125 11.8472 18.8574 11.5769 18.5851L3.34966 10.4882L11.5769 2.41488C11.8472 2.14262 12 1.77565 12 1.39684C12 0.615558 11.3888 0 10.6014 0C10.2253 0 9.89618 0.142052 9.63761 0.40248L0.493634 9.3991C0.164545 9.70688 0 10.0857 0 10.5C0 10.9143 0.164545 11.2694 0.48188 11.5891L9.62586 20.5975Z"
+  })
+});
 export default chevronBack;
 //# sourceMappingURL=chevron-back.native.js.map