@wordpress/components 27.5.0 → 28.0.0

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -26,11 +26,15 @@ const Badge = ({
   children,
   show = true
 }) => {
-  return (0, _react.createElement)(_react.Fragment, null, children, (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.badgeContainer
-  }, show && (0, _react.createElement)(_reactNative.Text, {
-    style: _style.default.badge
-  }, label)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _style.default.badgeContainer,
+      children: show && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: _style.default.badge,
+        children: label
+      })
+    })]
+  });
 };
 var _default = exports.default = (0, _compose.withPreferredColorScheme)(Badge);
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","Badge","label","children","show","_react","createElement","Fragment","View","style","styles","badgeContainer","Text","badge","_default","exports","default","withPreferredColorScheme"],"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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,KAAK,GAAGA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAM;EACrD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGJ,QAAQ,EACV,IAAAE,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAgB,GAClCP,IAAI,IAAI,IAAAC,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAgB,IAAI;IAACH,KAAK,EAAGC,cAAM,CAACG;EAAO,GAAGX,KAAa,CACjD,CACL,CAAC;AAEL,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,iCAAwB,EAAEhB,KAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","_jsxRuntime","Badge","label","children","show","jsxs","Fragment","jsx","View","style","styles","badgeContainer","Text","badge","_default","exports","default","withPreferredColorScheme"],"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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAblC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMK,KAAK,GAAGA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAM;EACrD,oBACC,IAAAJ,WAAA,CAAAK,IAAA,EAAAL,WAAA,CAAAM,QAAA;IAAAH,QAAA,GACGA,QAAQ,eACV,IAAAH,WAAA,CAAAO,GAAA,EAACZ,YAAA,CAAAa,IAAI;MAACC,KAAK,EAAGC,cAAM,CAACC,cAAgB;MAAAR,QAAA,EAClCC,IAAI,iBAAI,IAAAJ,WAAA,CAAAO,GAAA,EAACZ,YAAA,CAAAiB,IAAI;QAACH,KAAK,EAAGC,cAAM,CAACG,KAAO;QAAAV,QAAA,EAAGD;MAAK,CAAQ;IAAC,CAClD,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,iCAAwB,EAAEhB,KAAM,CAAC","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _native = require("@react-navigation/native");
 var _stack = require("@react-navigation/stack");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
@@ -14,6 +13,7 @@ var _compose = require("@wordpress/compose");
 var _bottomSheetNavigationContext = require("./bottom-sheet-navigation-context");
 var _bottomSheetContext = require("../bottom-sheet-context");
 var _styles = _interopRequireDefault(require("./styles.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -112,7 +112,7 @@ function BottomSheetNavigationContainer({
           isNested: true
         });
       }
-      return (0, _react.createElement)(Stack.Screen, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Stack.Screen, {
         name: name,
         ...otherProps,
         children: () => screen
@@ -120,23 +120,28 @@ function BottomSheetNavigationContainer({
     });
   }, [children, main]);
   return (0, _element.useMemo)(() => {
-    return (0, _react.createElement)(_reactNativeReanimated.default.View, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       style: [style, animatedStyles],
-      testID: testID
-    }, (0, _react.createElement)(_bottomSheetNavigationContext.BottomSheetNavigationProvider, {
-      value: {
-        setHeight,
-        currentHeight
-      }
-    }, main ? (0, _react.createElement)(_native.NavigationContainer, {
-      theme: _theme
-    }, (0, _react.createElement)(Stack.Navigator, {
-      screenOptions: options,
-      detachInactiveScreens: false
-    }, screens)) : (0, _react.createElement)(Stack.Navigator, {
-      screenOptions: options,
-      detachInactiveScreens: false
-    }, screens)));
+      testID: testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheetNavigationContext.BottomSheetNavigationProvider, {
+        value: {
+          setHeight,
+          currentHeight
+        },
+        children: main ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.NavigationContainer, {
+          theme: _theme,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Stack.Navigator, {
+            screenOptions: options,
+            detachInactiveScreens: false,
+            children: screens
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Stack.Navigator, {
+          screenOptions: options,
+          detachInactiveScreens: false,
+          children: screens
+        })
+      })
+    });
   }, [_theme, animatedStyles, currentHeight, main, screens, setHeight, style, testID]);
 }
 var _default = exports.default = BottomSheetNavigationContainer;

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

@@ -1 +1 @@
-{"version":3,"names":["_native","require","_stack","_reactNativeReanimated","_interopRequireWildcard","_element","_compose","_bottomSheetNavigationContext","_bottomSheetContext","_styles","_interopRequireDefault","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnimationSpec","animation","config","duration","easing","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","useRef","createStackNavigator","navigationContext","useContext","BottomSheetNavigationContext","maxHeight","sheetMaxHeight","isMaxHeightSet","isSheetMaxHeightSet","BottomSheetContext","currentHeight","useSharedValue","value","backgroundStyle","usePreferredColorSchemeStyle","styles","background","backgroundDark","defaultTheme","useMemo","DefaultTheme","colors","backgroundColor","_theme","setHeight","useCallback","height","Math","round","newHeight","min","shouldAnimate","withTiming","out","cubic","animatedStyles","useAnimatedStyle","screens","Children","map","child","screen","name","otherProps","props","cloneElement","isNested","_react","createElement","Screen","View","BottomSheetNavigationProvider","NavigationContainer","Navigator","screenOptions","detachInactiveScreens","_default","exports"],"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":["_native","require","_stack","_reactNativeReanimated","_interopRequireWildcard","_element","_compose","_bottomSheetNavigationContext","_bottomSheetContext","_styles","_interopRequireDefault","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnimationSpec","animation","config","duration","easing","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","useRef","createStackNavigator","navigationContext","useContext","BottomSheetNavigationContext","maxHeight","sheetMaxHeight","isMaxHeightSet","isSheetMaxHeightSet","BottomSheetContext","currentHeight","useSharedValue","value","backgroundStyle","usePreferredColorSchemeStyle","styles","background","backgroundDark","defaultTheme","useMemo","DefaultTheme","colors","backgroundColor","_theme","setHeight","useCallback","height","Math","round","newHeight","min","shouldAnimate","withTiming","out","cubic","animatedStyles","useAnimatedStyle","screens","Children","map","child","screen","name","otherProps","props","cloneElement","isNested","jsx","Screen","View","BottomSheetNavigationProvider","NavigationContainer","Navigator","screenOptions","detachInactiveScreens","_default","exports"],"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/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _native = require("@react-navigation/native");
 var _reactNative = require("react-native");
-var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _bottomSheetNavigationContext = require("./bottom-sheet-navigation-context");
+var _bottomSheetContext = require("../bottom-sheet-context");
 var _styles = _interopRequireDefault(require("./styles.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -40,7 +40,7 @@ const BottomSheetNavigationScreen = ({
     setIsFullScreen,
     listProps,
     safeAreaBottomInset
-  } = (0, _element.useContext)(_components.BottomSheetContext);
+  } = (0, _element.useContext)(_bottomSheetContext.BottomSheetContext);
   const {
     height: windowHeight
   } = (0, _reactNative.useWindowDimensions)();
@@ -99,21 +99,25 @@ const BottomSheetNavigationScreen = ({
     }
   };
   return (0, _element.useMemo)(() => {
-    return isScrollable || isNested ? (0, _react.createElement)(_reactNative.View, {
+    return isScrollable || isNested ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       onLayout: onLayout,
-      testID: `navigation-screen-${name}`
-    }, children) : (0, _react.createElement)(_reactNative.ScrollView, {
-      ...listProps
-    }, (0, _react.createElement)(_reactNative.TouchableHighlight, {
-      accessible: false
-    }, (0, _react.createElement)(_reactNative.View, {
-      onLayout: onLayout,
-      testID: `navigation-screen-${name}`
-    }, children, !isNested && (0, _react.createElement)(_reactNative.View, {
-      style: {
-        height: safeAreaBottomInset || _styles.default.scrollableContent.paddingBottom
-      }
-    }))));
+      testID: `navigation-screen-${name}`,
+      children: children
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      ...listProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableHighlight, {
+        accessible: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          onLayout: onLayout,
+          testID: `navigation-screen-${name}`,
+          children: [children, !isNested && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              height: safeAreaBottomInset || _styles.default.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/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_native","require","_reactNative","_components","_element","_bottomSheetNavigationContext","_styles","_interopRequireDefault","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","useNavigation","maxHeight","useRef","isFocused","useIsFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","useContext","BottomSheetContext","height","windowHeight","useWindowDimensions","setHeight","BottomSheetNavigationContext","useFocusEffect","useCallback","canGoBack","goBack","current","onLayout","nativeEvent","layout","useMemo","_react","createElement","View","testID","ScrollView","TouchableHighlight","accessible","style","styles","scrollableContent","paddingBottom","_default","exports","default"],"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":["_native","require","_reactNative","_element","_bottomSheetNavigationContext","_bottomSheetContext","_styles","_interopRequireDefault","_jsxRuntime","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","useNavigation","maxHeight","useRef","isFocused","useIsFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","useContext","BottomSheetContext","height","windowHeight","useWindowDimensions","setHeight","BottomSheetNavigationContext","useFocusEffect","useCallback","canGoBack","goBack","current","onLayout","nativeEvent","layout","useMemo","jsx","View","testID","ScrollView","TouchableHighlight","accessible","jsxs","style","styles","scrollableContent","paddingBottom","_default","exports","default"],"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/mobile/bottom-sheet/button.native.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _styles = _interopRequireDefault(require("./styles.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -21,20 +21,23 @@ const BottomSheetButton = ({
   disabled,
   text,
   color
-}) => (0, _react.createElement)(_reactNative.TouchableOpacity, {
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
   accessible: true,
   onPress: onPress,
-  disabled: disabled
-}, (0, _react.createElement)(_reactNative.View, {
-  style: {
-    flexDirection: 'row',
-    justifyContent: 'center'
-  }
-}, (0, _react.createElement)(_reactNative.Text, {
-  style: {
-    ..._styles.default.buttonText,
-    color
-  }
-}, text)));
+  disabled: disabled,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'center'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        ..._styles.default.buttonText,
+        color
+      },
+      children: text
+    })
+  })
+});
 var _default = exports.default = BottomSheetButton;
 //# sourceMappingURL=button.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_styles","_interopRequireDefault","BottomSheetButton","onPress","disabled","text","color","_react","createElement","TouchableOpacity","accessible","View","style","flexDirection","justifyContent","Text","styles","buttonText","_default","exports","default"],"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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMG,iBAAiB,GAAGA,CAAE;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAC7D,IAAAC,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,gBAAgB;EAACC,UAAU;EAACP,OAAO,EAAGA,OAAS;EAACC,QAAQ,EAAGA;AAAU,GACrE,IAAAG,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAa,IAAI;EAACC,KAAK,EAAG;IAAEC,aAAa,EAAE,KAAK;IAAEC,cAAc,EAAE;EAAS;AAAG,GACjE,IAAAP,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAiB,IAAI;EAACH,KAAK,EAAG;IAAE,GAAGI,eAAM,CAACC,UAAU;IAAEX;EAAM;AAAG,GAAGD,IAAY,CACzD,CACW,CAClB;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEalB,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_styles","_interopRequireDefault","_jsxRuntime","BottomSheetButton","onPress","disabled","text","color","jsx","TouchableOpacity","accessible","children","View","style","flexDirection","justifyContent","Text","styles","buttonText","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAmC,IAAAG,WAAA,GAAAH,OAAA;AARnC;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,iBAAiB,GAAGA,CAAE;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAM,CAAC,kBAC7D,IAAAL,WAAA,CAAAM,GAAA,EAACV,YAAA,CAAAW,gBAAgB;EAACC,UAAU;EAACN,OAAO,EAAGA,OAAS;EAACC,QAAQ,EAAGA,QAAU;EAAAM,QAAA,eACrE,IAAAT,WAAA,CAAAM,GAAA,EAACV,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAG;MAAEC,aAAa,EAAE,KAAK;MAAEC,cAAc,EAAE;IAAS,CAAG;IAAAJ,QAAA,eACjE,IAAAT,WAAA,CAAAM,GAAA,EAACV,YAAA,CAAAkB,IAAI;MAACH,KAAK,EAAG;QAAE,GAAGI,eAAM,CAACC,UAAU;QAAEX;MAAM,CAAG;MAAAI,QAAA,EAAGL;IAAI,CAAQ;EAAC,CAC1D;AAAC,CACU,CAClB;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEalB,iBAAiB","ignoreList":[]}

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

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
-var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
@@ -16,6 +14,8 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 var _cellStyles = _interopRequireDefault(require("./cellStyles.scss"));
 var _ripple = _interopRequireDefault(require("./ripple"));
 var _lockIcon = _interopRequireDefault(require("./lock-icon"));
+var _icon = _interopRequireDefault(require("../../icon"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -188,7 +188,7 @@ class BottomSheetCell extends _element.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 ? (0, _react.createElement)(_reactNative.TextInput, {
+      return this.state.isEditingValue || shouldShowPlaceholder ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
         ref: c => this._valueTextInput = c,
         numberOfLines: 1,
         style: textInputStyle,
@@ -204,11 +204,12 @@ class BottomSheetCell extends _element.Component {
         keyboardType: this.typeToKeyboardType(type, step),
         disabled: disabled,
         ...valueProps
-      }) : (0, _react.createElement)(_reactNative.Text, {
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: textStyle,
         numberOfLines: 1,
-        ellipsizeMode: 'middle'
-      }, value);
+        ellipsizeMode: "middle",
+        children: value
+      });
     };
     const getAccessibilityLabel = () => {
       if (accessible === false) {
@@ -238,7 +239,7 @@ class BottomSheetCell extends _element.Component {
       handler
     } = customActionButton || {};
     const opacity = activeOpacity !== undefined ? activeOpacity : _cellStyles.default.activeOpacity?.opacity;
-    return (0, _react.createElement)(_ripple.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ripple.default, {
       accessible: accessible !== undefined ? accessible : !this.state.isEditingValue,
       accessibilityLabel: getAccessibilityLabel(),
       accessibilityRole: accessibilityRole || 'button',
@@ -249,52 +250,67 @@ class BottomSheetCell extends _element.Component {
       onPress: onCellPress,
       onLongPress: onLongPress,
       style: [_styles.default.clipToBounds, style],
-      borderless: borderless
-    }, drawTopSeparator && (0, _react.createElement)(_reactNative.View, {
-      style: separatorStyle()
-    }), (0, _react.createElement)(_reactNative.View, {
-      style: cellContainerStyles,
-      pointerEvents: containerPointerEvents
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: rowContainerStyles
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: _styles.default.cellRowContainer
-    }, icon && (0, _react.createElement)(_reactNative.View, {
-      style: [_styles.default.cellRowContainer, _styles.default.cellRowIcon]
-    }, (0, _react.createElement)(_components.Icon, {
-      lock: true,
-      icon: icon,
-      size: 24,
-      fill: iconStyle.color || iconStyleBase.color,
-      style: iconStyle,
-      isPressed: false
-    }), (0, _react.createElement)(_reactNative.View, {
-      style: _cellStyles.default.labelIconSeparator
-    })), subLabel && label && (0, _react.createElement)(_reactNative.View, null, (0, _react.createElement)(_reactNative.Text, {
-      style: [defaultLabelStyle, labelStyle]
-    }, label), (0, _react.createElement)(_reactNative.Text, {
-      style: defaultSubLabelStyleText
-    }, subLabel)), !subLabel && label && (0, _react.createElement)(_reactNative.Text, {
-      style: [defaultLabelStyle, labelStyle]
-    }, label)), customActionButton && (0, _react.createElement)(_reactNative.TouchableOpacity, {
-      onPress: handler,
-      accessibilityRole: 'button'
-    }, (0, _react.createElement)(_reactNative.Text, {
-      style: resetButtonStyle
-    }, title))), isSelected && (0, _react.createElement)(_components.Icon, {
-      icon: _icons.check,
-      fill: _cellStyles.default.isSelected.color,
-      testID: "bottom-sheet-cell-selected-icon"
-    }), showValue && getValueComponent(), (0, _react.createElement)(_reactNative.View, {
-      style: [disabled && disabledStyle, _styles.default.cellRowContainer],
-      pointerEvents: disabled ? 'none' : 'auto'
-    }, children), disabled && showLockIcon && (0, _react.createElement)(_reactNative.View, {
-      style: _styles.default.cellDisabled
-    }, (0, _react.createElement)(_lockIcon.default, null))), help && (0, _react.createElement)(_reactNative.Text, {
-      style: [cellHelpStyle, _styles.default.placeholderColor]
-    }, help), !drawTopSeparator && (0, _react.createElement)(_reactNative.View, {
-      style: separatorStyle()
-    }));
+      borderless: borderless,
+      children: [drawTopSeparator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: separatorStyle()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: cellContainerStyles,
+        pointerEvents: containerPointerEvents,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: rowContainerStyles,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: _styles.default.cellRowContainer,
+            children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: [_styles.default.cellRowContainer, _styles.default.cellRowIcon],
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
+                lock: true,
+                icon: icon,
+                size: 24,
+                fill: iconStyle.color || iconStyleBase.color,
+                style: iconStyle,
+                isPressed: false
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: _cellStyles.default.labelIconSeparator
+              })]
+            }), subLabel && label && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [defaultLabelStyle, labelStyle],
+                children: label
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: defaultSubLabelStyleText,
+                children: subLabel
+              })]
+            }), !subLabel && label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [defaultLabelStyle, labelStyle],
+              children: label
+            })]
+          }), customActionButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: handler,
+            accessibilityRole: "button",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: resetButtonStyle,
+              children: title
+            })
+          })]
+        }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
+          icon: _icons.check,
+          fill: _cellStyles.default.isSelected.color,
+          testID: "bottom-sheet-cell-selected-icon"
+        }), showValue && getValueComponent(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [disabled && disabledStyle, _styles.default.cellRowContainer],
+          pointerEvents: disabled ? 'none' : 'auto',
+          children: children
+        }), disabled && showLockIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: _styles.default.cellDisabled,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lockIcon.default, {})
+        })]
+      }), help && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [cellHelpStyle, _styles.default.placeholderColor],
+        children: help
+      }), !drawTopSeparator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: separatorStyle()
+      })]
+    });
   }
 }
 var _default = exports.default = (0, _compose.withPreferredColorScheme)(BottomSheetCell);