@razorpay/blade 12.98.0 → 12.110.0

package/build/lib/native/components/BottomNav/index.js

@@ -0,0 +1,2 @@
+export { BottomNav, BottomNavItem } from './BottomNav.native.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/BottomNav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/native/components/BottomSheet/BottomSheet.native.js

@@ -2,27 +2,31 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import GorhomBottomSheet, { BottomSheetFooter } from '@gorhom/bottom-sheet';
 import React__default from 'react';
 import { Portal } from '@gorhom/portal';
-import styled from 'styled-components/native';
-import { Dimensions, Keyboard, View, findNodeHandle, AccessibilityInfo } from 'react-native';
+import { View, findNodeHandle, AccessibilityInfo, Dimensions, useWindowDimensions, Keyboard } from 'react-native';
 export { BottomSheetHeader } from './BottomSheetHeader.native.js';
 import { BottomSheetGrabHandle } from './BottomSheetGrabHandle.native.js';
 export { BottomSheetBody } from './BottomSheetBody.native.js';
 export { BottomSheetFooter } from './BottomSheetFooter.native.js';
+import { computeMaxContent } from './utils.js';
 import { ComponentIds } from './componentIds.js';
 import { useBottomSheetAndDropdownGlue, BottomSheetContext } from './BottomSheetContext.js';
 import { BottomSheetBackdrop } from './BottomSheetBackdrop.native.js';
 import { useBottomSheetStack } from './BottomSheetStack.js';
 import { useDropdown, DropdownContext } from '../Dropdown/useDropdown.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import '../Box/BaseBox/index.js';
+import '../BladeProvider/index.js';
 import { useId } from '../../utils/useId.js';
 import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
-import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
 import { componentZIndices } from '../../utils/componentZIndices.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var BottomSheetSurface=styled(BaseBox)(function(_ref){var theme=_ref.theme;return {borderTopLeftRadius:makeSpace(theme.spacing[5]),borderTopRightRadius:makeSpace(theme.spacing[5]),backgroundColor:theme.colors.popup.background.gray.subtle,justifyContent:'center',alignItems:'center',position:'relative'};});var focusOnElement=function focusOnElement(element){var reactTag=findNodeHandle(element);if(reactTag){AccessibilityInfo.setAccessibilityFocus(reactTag);}};var _BottomSheet=function _BottomSheet(_ref2){var children=_ref2.children,_ref2$snapPoints=_ref2.snapPoints,snapPoints=_ref2$snapPoints===void 0?[0.35,0.5,0.85]:_ref2$snapPoints,isOpen=_ref2.isOpen,onDismiss=_ref2.onDismiss,_ref2$isDismissible=_ref2.isDismissible,isDismissible=_ref2$isDismissible===void 0?true:_ref2$isDismissible,initialFocusRef=_ref2.initialFocusRef,_ref2$zIndex=_ref2.zIndex,zIndex=_ref2$zIndex===void 0?componentZIndices.bottomSheet:_ref2$zIndex;var bottomSheetAndDropdownGlue=useBottomSheetAndDropdownGlue();var defaultInitialFocusRef=React__default.useRef(null);var sheetRef=React__default.useRef(null);var _React$useState=React__default.useState(),_React$useState2=_slicedToArray(_React$useState,2),header=_React$useState2[0],setHeader=_React$useState2[1];var _React$useState3=React__default.useState(),_React$useState4=_slicedToArray(_React$useState3,2),footer=_React$useState4[0],setFooter=_React$useState4[1];var _React$useState5=React__default.useState(),_React$useState6=_slicedToArray(_React$useState5,2),body=_React$useState6[0],setBody=_React$useState6[1];var _isOpen=isOpen!=null?isOpen:bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.isOpen;var _React$useState7=React__default.useState(0),_React$useState8=_slicedToArray(_React$useState7,2),headerHeight=_React$useState8[0],setHeaderHeight=_React$useState8[1];var _React$useState9=React__default.useState(0),_React$useState0=_slicedToArray(_React$useState9,2),footerHeight=_React$useState0[0],setFooterHeight=_React$useState0[1];var _React$useState1=React__default.useState(0),_React$useState10=_slicedToArray(_React$useState1,2),contentHeight=_React$useState10[0],setContentHeight=_React$useState10[1];var _React$useState11=React__default.useState(true),_React$useState12=_slicedToArray(_React$useState11,2),hasBodyPadding=_React$useState12[0],setHasBodyPadding=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),isHeaderEmpty=_React$useState14[0],setIsHeaderEmpty=_React$useState14[1];var initialSnapPoint=React__default.useRef(0);var totalHeight=React__default.useMemo(function(){return headerHeight+footerHeight+contentHeight;},[contentHeight,footerHeight,headerHeight]);var id=useId();var _useBottomSheetStack=useBottomSheetStack(),addBottomSheetToStack=_useBottomSheetStack.addBottomSheetToStack,removeBottomSheetFromStack=_useBottomSheetStack.removeBottomSheetFromStack,getCurrentStackIndexById=_useBottomSheetStack.getCurrentStackIndexById,getTopOfTheStack=_useBottomSheetStack.getTopOfTheStack;var currentStackIndex=getCurrentStackIndexById(id);var bottomSheetZIndex=zIndex-currentStackIndex;useIsomorphicLayoutEffect(function(){if(bottomSheetAndDropdownGlue!=null&&bottomSheetAndDropdownGlue.hasAutoCompleteInHeader){initialSnapPoint.current=2;}else {var height=Dimensions.get('window').height;var middleSnapPoint=snapPoints[1]*height;if(totalHeight>middleSnapPoint){initialSnapPoint.current=1;}}},[snapPoints,totalHeight]);var _snapPoints=React__default.useMemo(function(){return snapPoints.map(function(point){return `${point*100}%`;});},[snapPoints]);var close=React__default.useCallback(function(){if(isDismissible){onDismiss==null?void 0:onDismiss();bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.onBottomSheetDismiss==null?void 0:bottomSheetAndDropdownGlue.onBottomSheetDismiss();}},[isDismissible,onDismiss,bottomSheetAndDropdownGlue]);var handleOnOpen=React__default.useCallback(function(){var _sheetRef$current;(_sheetRef$current=sheetRef.current)==null?void 0:_sheetRef$current.snapToIndex(initialSnapPoint.current);},[]);var handleOnClose=React__default.useCallback(function(){var _sheetRef$current2;(_sheetRef$current2=sheetRef.current)==null?void 0:_sheetRef$current2.close();Keyboard.dismiss();},[sheetRef]);React__default.useEffect(function(){if(_isOpen){handleOnOpen();if(!initialFocusRef){focusOnElement(defaultInitialFocusRef.current);}else {focusOnElement(initialFocusRef.current);}}else {handleOnClose();}},[_isOpen,handleOnClose,handleOnOpen,initialFocusRef]);React__default.useEffect(function(){if(!bottomSheetAndDropdownGlue)return;bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);},[bottomSheetAndDropdownGlue]);React__default.useLayoutEffect(function(){React__default.Children.forEach(children,function(child){if(getComponentId(child)===ComponentIds.BottomSheetHeader){setHeader(child);}if(getComponentId(child)===ComponentIds.BottomSheetFooter){setFooter(child);}if(getComponentId(child)===ComponentIds.BottomSheetBody){setBody(child);}});},[children]);var renderFooter=React__default.useCallback(function(props){return jsx(BottomSheetFooter,Object.assign({},props,{children:jsx(View,{onLayout:function onLayout(event){setFooterHeight(event.nativeEvent.layout.height);},children:footer})}));},[footer]);var renderBackdrop=React__default.useCallback(function(props){return jsx(BottomSheetBackdrop,Object.assign({},props,{zIndex:bottomSheetZIndex}));},[bottomSheetZIndex]);var renderHandle=React__default.useCallback(function(){return jsxs(BaseBox,{position:isHeaderEmpty?'absolute':'relative',top:"spacing.0",left:"spacing.0",right:"spacing.0",onLayout:function onLayout(_ref3){var nativeEvent=_ref3.nativeEvent;setHeaderHeight(nativeEvent.layout.height);},children:[jsx(BaseBox,{zIndex:bottomSheetZIndex,children:jsx(BottomSheetGrabHandle,{})}),header]});},[isHeaderEmpty,bottomSheetZIndex,header]);var isHeaderFloating=!hasBodyPadding&&isHeaderEmpty;var contextValue=React__default.useMemo(function(){return {isInBottomSheet:true,isOpen:Boolean(_isOpen),close:handleOnClose,positionY:0,headerHeight:headerHeight,contentHeight:contentHeight,footerHeight:footerHeight,setContentHeight:setContentHeight,setFooterHeight:setFooterHeight,setHeaderHeight:setHeaderHeight,isDismissible:isDismissible,scrollRef:function scrollRef(){},bind:{},defaultInitialFocusRef:defaultInitialFocusRef,isHeaderFloating:isHeaderFloating,setHasBodyPadding:setHasBodyPadding,setIsHeaderEmpty:setIsHeaderEmpty};},[_isOpen,contentHeight,footerHeight,handleOnClose,headerHeight,isHeaderFloating,isDismissible]);var dropdownProps=useDropdown();React__default.useEffect(function(){if(_isOpen){addBottomSheetToStack(id);}else {removeBottomSheetFromStack(id);}},[addBottomSheetToStack,_isOpen,id,removeBottomSheetFromStack]);React__default.useEffect(function(){var showSubscription=Keyboard.addListener('keyboardDidShow',function(){if(id&&id===getTopOfTheStack()){var _sheetRef$current3;(_sheetRef$current3=sheetRef.current)==null?void 0:_sheetRef$current3.expand();}});return function(){showSubscription.remove();};},[getTopOfTheStack,id]);return jsx(Portal,{hostName:"BladeBottomSheetPortal",children:jsx(DropdownContext.Provider,{value:dropdownProps,children:jsx(BottomSheetContext.Provider,{value:contextValue,children:jsx(GorhomBottomSheet,{style:isOpen?{shadowColor:'hsla(217,56%,17%,0.64)',shadowOffset:{width:0,height:-18},shadowOpacity:0.2,shadowRadius:12}:{},enablePanDownToClose:isDismissible,enableOverDrag:true,enableContentPanningGesture:true,ref:sheetRef,index:_isOpen?initialSnapPoint.current:-1,containerStyle:{zIndex:bottomSheetZIndex},animateOnMount:true,handleComponent:renderHandle,backgroundComponent:BottomSheetSurface,footerComponent:renderFooter,backdropComponent:renderBackdrop,onClose:close,snapPoints:_snapPoints,children:body})})})});};var BottomSheet=assignWithoutSideEffects(_BottomSheet,{componentId:ComponentIds.BottomSheet});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BottomSheet/BottomSheet.native.tsx";var BottomSheetBackground=function BottomSheetBackground(_ref){var style=_ref.style;var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(View,{pointerEvents:"none",style:[style,{borderTopLeftRadius:theme.spacing[5],borderTopRightRadius:theme.spacing[5],backgroundColor:theme.colors.popup.background.gray.subtle}]});};var focusOnElement=function focusOnElement(element){var reactTag=findNodeHandle(element);if(reactTag){AccessibilityInfo.setAccessibilityFocus(reactTag);}};var CONTENT_HEIGHT_SAFE_AREA=24;var _BottomSheet=function _BottomSheet(_ref2){var children=_ref2.children,_ref2$snapPoints=_ref2.snapPoints,snapPoints=_ref2$snapPoints===void 0?[0.35,0.5,0.85]:_ref2$snapPoints,isOpen=_ref2.isOpen,onDismiss=_ref2.onDismiss,_ref2$isDismissible=_ref2.isDismissible,isDismissible=_ref2$isDismissible===void 0?true:_ref2$isDismissible,_ref2$isContentPannin=_ref2.isContentPanningGestureEnabled,isContentPanningGestureEnabled=_ref2$isContentPannin===void 0?true:_ref2$isContentPannin,initialFocusRef=_ref2.initialFocusRef,_ref2$zIndex=_ref2.zIndex,zIndex=_ref2$zIndex===void 0?componentZIndices.bottomSheet:_ref2$zIndex,_ref2$snapToContentHe=_ref2.snapToContentHeight,snapToContentHeight=_ref2$snapToContentHe===void 0?false:_ref2$snapToContentHe;var bottomSheetAndDropdownGlue=useBottomSheetAndDropdownGlue();var defaultInitialFocusRef=React__default.useRef(null);var sheetRef=React__default.useRef(null);var _React$useState=React__default.useState(),_React$useState2=_slicedToArray(_React$useState,2),header=_React$useState2[0],setHeader=_React$useState2[1];var _React$useState3=React__default.useState(),_React$useState4=_slicedToArray(_React$useState3,2),footer=_React$useState4[0],setFooter=_React$useState4[1];var _React$useState5=React__default.useState(),_React$useState6=_slicedToArray(_React$useState5,2),body=_React$useState6[0],setBody=_React$useState6[1];var _isOpen=isOpen!=null?isOpen:bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.isOpen;var _React$useState7=React__default.useState(0),_React$useState8=_slicedToArray(_React$useState7,2),headerHeight=_React$useState8[0],setHeaderHeight=_React$useState8[1];var _React$useState9=React__default.useState(0),_React$useState0=_slicedToArray(_React$useState9,2),footerHeight=_React$useState0[0],setFooterHeight=_React$useState0[1];var _React$useState1=React__default.useState(0),_React$useState10=_slicedToArray(_React$useState1,2),contentHeight=_React$useState10[0],setContentHeight=_React$useState10[1];var _React$useState11=React__default.useState(true),_React$useState12=_slicedToArray(_React$useState11,2),hasBodyPadding=_React$useState12[0],setHasBodyPadding=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),isHeaderEmpty=_React$useState14[0],setIsHeaderEmpty=_React$useState14[1];var initialSnapPoint=React__default.useRef(0);var lastSnappedSnapPointRef=React__default.useRef(null);var isOpenRef=React__default.useRef(Boolean(_isOpen));isOpenRef.current=Boolean(_isOpen);var suppressDismissCountRef=React__default.useRef(0);var suppressDismiss=React__default.useCallback(function(){suppressDismissCountRef.current+=1;},[]);var totalHeight=React__default.useMemo(function(){return headerHeight+footerHeight+contentHeight;},[contentHeight,footerHeight,headerHeight]);var id=useId();var _useBottomSheetStack=useBottomSheetStack(),addBottomSheetToStack=_useBottomSheetStack.addBottomSheetToStack,removeBottomSheetFromStack=_useBottomSheetStack.removeBottomSheetFromStack,getCurrentStackIndexById=_useBottomSheetStack.getCurrentStackIndexById,getTopOfTheStack=_useBottomSheetStack.getTopOfTheStack;var currentStackIndex=getCurrentStackIndexById(id);var bottomSheetZIndex=zIndex-currentStackIndex;useIsomorphicLayoutEffect(function(){if(snapToContentHeight){initialSnapPoint.current=0;}else if(bottomSheetAndDropdownGlue!=null&&bottomSheetAndDropdownGlue.hasAutoCompleteInHeader){initialSnapPoint.current=2;}else if(totalHeight>0){initialSnapPoint.current=0;}else {var height=Dimensions.get('window').height;var middleSnapPoint=snapPoints[1]*height;if(totalHeight>middleSnapPoint){initialSnapPoint.current=1;}else {initialSnapPoint.current=0;}}},[snapPoints,totalHeight,snapToContentHeight,bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.hasAutoCompleteInHeader]);var _useWindowDimensions=useWindowDimensions(),windowHeight=_useWindowDimensions.height;var _snapPoints=React__default.useMemo(function(){if(snapToContentHeight){if(totalHeight>0){var pixelHeight=Math.min(totalHeight+CONTENT_HEIGHT_SAFE_AREA,windowHeight*0.95);return [pixelHeight];}return ['60%'];}if(totalHeight>0){var fittedHeight=computeMaxContent({maxHeight:windowHeight*snapPoints[2],headerHeight:headerHeight,footerHeight:footerHeight,contentHeight:contentHeight});var fittedSnap=Math.min(Math.max(fittedHeight/windowHeight,snapPoints[0]),snapPoints[2]);return [`${fittedSnap*100}%`,`${snapPoints[1]*100}%`,`${snapPoints[2]*100}%`];}return snapPoints.map(function(point){return `${point*100}%`;});},[snapToContentHeight,snapPoints,totalHeight,headerHeight,footerHeight,contentHeight,windowHeight]);var getSafeSnapIndex=React__default.useCallback(function(index){return Math.min(Math.max(index,0),_snapPoints.length-1);},[_snapPoints.length]);var dismissSheet=React__default.useCallback(function(){if(!isDismissible)return;onDismiss==null?void 0:onDismiss();bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.onBottomSheetDismiss==null?void 0:bottomSheetAndDropdownGlue.onBottomSheetDismiss();},[isDismissible,onDismiss,bottomSheetAndDropdownGlue]);var handleSheetClosed=React__default.useCallback(function(){if(!isDismissible)return;if(suppressDismissCountRef.current>0){suppressDismissCountRef.current-=1;return;}if(!isOpenRef.current)return;dismissSheet();},[dismissSheet,isDismissible]);var handleOnOpen=React__default.useCallback(function(){var _sheetRef$current;suppressDismiss();(_sheetRef$current=sheetRef.current)==null?void 0:_sheetRef$current.snapToIndex(getSafeSnapIndex(initialSnapPoint.current));},[suppressDismiss,getSafeSnapIndex]);var handleOnClose=React__default.useCallback(function(){var _sheetRef$current2;suppressDismiss();(_sheetRef$current2=sheetRef.current)==null?void 0:_sheetRef$current2.close();Keyboard.dismiss();},[suppressDismiss]);React__default.useEffect(function(){if(_isOpen){handleOnOpen();if(!initialFocusRef){focusOnElement(defaultInitialFocusRef.current);}else {focusOnElement(initialFocusRef.current);}}else {lastSnappedSnapPointRef.current=null;handleOnClose();}},[_isOpen,handleOnClose,handleOnOpen,initialFocusRef]);React__default.useEffect(function(){var _sheetRef$current3;if(!_isOpen||totalHeight===0)return;var targetIndex=getSafeSnapIndex(initialSnapPoint.current);var targetSnapPoint=_snapPoints[targetIndex];if(lastSnappedSnapPointRef.current===targetSnapPoint)return;lastSnappedSnapPointRef.current=targetSnapPoint;suppressDismiss();(_sheetRef$current3=sheetRef.current)==null?void 0:_sheetRef$current3.snapToIndex(targetIndex);},[_isOpen,totalHeight,_snapPoints,suppressDismiss,getSafeSnapIndex]);React__default.useEffect(function(){if(!bottomSheetAndDropdownGlue)return;bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);},[bottomSheetAndDropdownGlue]);React__default.useLayoutEffect(function(){React__default.Children.forEach(children,function(child){if(getComponentId(child)===ComponentIds.BottomSheetHeader){setHeader(child);}if(getComponentId(child)===ComponentIds.BottomSheetFooter){setFooter(child);}if(getComponentId(child)===ComponentIds.BottomSheetBody){setBody(child);}});},[children]);var renderFooter=React__default.useCallback(function(props){return jsx(BottomSheetFooter,Object.assign({},props,{children:jsx(View,{onLayout:function onLayout(event){setFooterHeight(event.nativeEvent.layout.height);},children:footer})}));},[footer]);var renderBackdrop=React__default.useCallback(function(props){return jsx(BottomSheetBackdrop,Object.assign({},props,{zIndex:bottomSheetZIndex,isDismissible:isDismissible}));},[bottomSheetZIndex,isDismissible]);var renderHandle=React__default.useCallback(function(){return jsxs(BaseBox,{position:isHeaderEmpty?'absolute':'relative',top:"spacing.0",left:"spacing.0",right:"spacing.0",onLayout:function onLayout(_ref3){var nativeEvent=_ref3.nativeEvent;setHeaderHeight(nativeEvent.layout.height);},children:[jsx(BaseBox,{zIndex:bottomSheetZIndex,children:jsx(BottomSheetGrabHandle,{})}),header]});},[isHeaderEmpty,bottomSheetZIndex,header]);var isHeaderFloating=!hasBodyPadding&&isHeaderEmpty;var contextValue=React__default.useMemo(function(){return {isInBottomSheet:true,isOpen:Boolean(_isOpen),close:dismissSheet,positionY:0,headerHeight:headerHeight,contentHeight:contentHeight,footerHeight:footerHeight,setContentHeight:setContentHeight,setFooterHeight:setFooterHeight,setHeaderHeight:setHeaderHeight,isDismissible:isDismissible,scrollRef:function scrollRef(){},bind:{},defaultInitialFocusRef:defaultInitialFocusRef,isHeaderFloating:isHeaderFloating,setHasBodyPadding:setHasBodyPadding,setIsHeaderEmpty:setIsHeaderEmpty};},[_isOpen,contentHeight,footerHeight,dismissSheet,headerHeight,isHeaderFloating,isDismissible]);var dropdownProps=useDropdown();React__default.useEffect(function(){if(_isOpen){addBottomSheetToStack(id);}else {removeBottomSheetFromStack(id);}},[addBottomSheetToStack,_isOpen,id,removeBottomSheetFromStack]);React__default.useEffect(function(){var showSubscription=Keyboard.addListener('keyboardDidShow',function(){if(id&&id===getTopOfTheStack()){var _sheetRef$current4;(_sheetRef$current4=sheetRef.current)==null?void 0:_sheetRef$current4.expand();}});return function(){showSubscription.remove();};},[getTopOfTheStack,id]);return jsx(Portal,{hostName:"BladeBottomSheetPortal",children:jsx(DropdownContext.Provider,{value:dropdownProps,children:jsx(BottomSheetContext.Provider,{value:contextValue,children:jsx(GorhomBottomSheet,{style:_isOpen?{shadowColor:'hsla(217,56%,17%,0.64)',shadowOffset:{width:0,height:-18},shadowOpacity:0.2,shadowRadius:12}:{},enablePanDownToClose:isDismissible,enableOverDrag:true,enableContentPanningGesture:isContentPanningGestureEnabled,ref:sheetRef,index:_isOpen?getSafeSnapIndex(initialSnapPoint.current):-1,containerStyle:{zIndex:bottomSheetZIndex,elevation:bottomSheetZIndex},animateOnMount:true,handleComponent:renderHandle,backgroundComponent:BottomSheetBackground,footerComponent:renderFooter,backdropComponent:renderBackdrop,onClose:handleSheetClosed,snapPoints:_snapPoints,children:body})})})});};var BottomSheet=assignWithoutSideEffects(_BottomSheet,{componentId:ComponentIds.BottomSheet});
 
 export { BottomSheet };
 //# sourceMappingURL=BottomSheet.native.js.map

package/build/lib/native/components/BottomSheet/BottomSheet.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheet.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/no-empty-function */\nimport GorhomBottomSheet, {\n  BottomSheetFooter as GorhomBottomSheetFooter,\n} from '@gorhom/bottom-sheet';\nimport React from 'react';\nimport { Portal } from '@gorhom/portal';\nimport styled from 'styled-components/native';\nimport { Dimensions, AccessibilityInfo, findNodeHandle, View, Keyboard } from 'react-native';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport type { BottomSheetProps } from './types';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport { DropdownContext, useDropdown } from '~components/Dropdown/useDropdown';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useId } from '~utils/useId';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst BottomSheetSurface = styled(BaseBox)(({ theme }) => {\n  return {\n    // TODO: we do not have 16px radius token\n    borderTopLeftRadius: makeSpace(theme.spacing[5]),\n    borderTopRightRadius: makeSpace(theme.spacing[5]),\n    backgroundColor: theme.colors.popup.background.gray.subtle,\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'relative',\n  };\n});\n\nconst focusOnElement = (element: React.Component<any, any>): void => {\n  const reactTag = findNodeHandle(element);\n  if (reactTag) {\n    AccessibilityInfo.setAccessibilityFocus(reactTag);\n  }\n};\n\nconst _BottomSheet = ({\n  children,\n  snapPoints = [0.35, 0.5, 0.85],\n  isOpen,\n  onDismiss,\n  isDismissible = true,\n  initialFocusRef,\n  zIndex = componentZIndices.bottomSheet,\n}: BottomSheetProps): React.ReactElement => {\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const sheetRef = React.useRef<GorhomBottomSheet>(null);\n  const [header, setHeader] = React.useState<React.ReactNode>();\n  const [footer, setFooter] = React.useState<React.ReactNode>();\n  const [body, setBody] = React.useState<React.ReactNode>();\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n  const initialSnapPoint = React.useRef<number>(0);\n  const totalHeight = React.useMemo(() => {\n    return headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getCurrentStackIndexById,\n    getTopOfTheStack,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (bottomSheetAndDropdownGlue?.hasAutoCompleteInHeader) {\n      // In AutoComplete, we want to open BottomSheet with max height so we set this to last index\n      initialSnapPoint.current = 2;\n    } else {\n      const height = Dimensions.get('window').height;\n      const middleSnapPoint = snapPoints[1] * height;\n      if (totalHeight > middleSnapPoint) {\n        initialSnapPoint.current = 1;\n      }\n    }\n  }, [snapPoints, totalHeight]);\n\n  const _snapPoints = React.useMemo(() => snapPoints.map((point) => `${point * 100}%`), [\n    snapPoints,\n  ]);\n\n  const close = React.useCallback(() => {\n    if (isDismissible) {\n      onDismiss?.();\n      bottomSheetAndDropdownGlue?.onBottomSheetDismiss?.();\n    }\n  }, [isDismissible, onDismiss, bottomSheetAndDropdownGlue]);\n\n  const handleOnOpen = React.useCallback(() => {\n    sheetRef.current?.snapToIndex(initialSnapPoint.current);\n  }, []);\n\n  const handleOnClose = React.useCallback(() => {\n    sheetRef.current?.close();\n    // We need this because if inside the BottomSheet there is a input which is focused\n    // and user dragged down to close the sheet, even after closing the sheet the input will remain focused\n    Keyboard.dismiss();\n  }, [sheetRef]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      handleOnOpen();\n      if (!initialFocusRef) {\n        // focus on close button\n        focusOnElement(defaultInitialFocusRef.current);\n      } else {\n        // focus on the initialRef\n        focusOnElement(initialFocusRef.current);\n      }\n    } else {\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen, initialFocusRef]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  React.useLayoutEffect(() => {\n    React.Children.forEach(children, (child) => {\n      if (getComponentId(child) === ComponentIds.BottomSheetHeader) {\n        setHeader(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetFooter) {\n        setFooter(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetBody) {\n        setBody(child);\n      }\n    });\n  }, [children]);\n\n  const renderFooter = React.useCallback(\n    (props: any): React.ReactElement => {\n      return (\n        <GorhomBottomSheetFooter {...props}>\n          <View\n            onLayout={(event) => {\n              // save footer height so that later we can offset the marginBottom from body content\n              // otherwise few elements gets hidden under the footer\n              setFooterHeight(event.nativeEvent.layout.height);\n            }}\n          >\n            {footer}\n          </View>\n        </GorhomBottomSheetFooter>\n      );\n    },\n    [footer],\n  );\n\n  const renderBackdrop = React.useCallback(\n    (props: any): React.ReactElement => {\n      return <BottomSheetBackdrop {...props} zIndex={bottomSheetZIndex} />;\n    },\n    [bottomSheetZIndex],\n  );\n\n  const renderHandle = React.useCallback((): React.ReactElement => {\n    return (\n      <BaseBox\n        position={isHeaderEmpty ? 'absolute' : 'relative'}\n        top=\"spacing.0\"\n        left=\"spacing.0\"\n        right=\"spacing.0\"\n        onLayout={({ nativeEvent }) => {\n          setHeaderHeight(nativeEvent.layout.height);\n        }}\n      >\n        <BaseBox zIndex={bottomSheetZIndex}>\n          <BottomSheetGrabHandle />\n        </BaseBox>\n        {header}\n      </BaseBox>\n    );\n  }, [isHeaderEmpty, bottomSheetZIndex, header]);\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue = React.useMemo<BottomSheetContextProps>(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(_isOpen),\n      close: handleOnClose,\n      positionY: 0,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      isDismissible,\n      scrollRef: () => {},\n      bind: {} as never,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n    }),\n    [\n      _isOpen,\n      contentHeight,\n      footerHeight,\n      handleOnClose,\n      headerHeight,\n      isHeaderFloating,\n      isDismissible,\n    ],\n  );\n\n  // Hack: We need to <Portal> the GorhomBottomSheet to the root of the react-native app\n  // But the portalled component will no longer be able to access the parent contexts (Dropdown Context)\n  // To workaround this, I'm portalling both the DropdownContext & BotomSheetContext along with the component\n  const dropdownProps = useDropdown();\n\n  // register and deregister in the stack\n  React.useEffect(() => {\n    if (_isOpen) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, _isOpen, id, removeBottomSheetFromStack]);\n\n  // Handle TextInput inside BottomSheet\n  // We expand the BottomSheet to the max snapPoint so that when the keyboard opens\n  // the body content will be visible\n  // There is a standard way to do this:\n  // https://gorhom.github.io/react-native-bottom-sheet/keyboard-handling\n  // But this didn't worked because:\n  // https://github.com/gorhom/react-native-bottom-sheet/issues/618\n  React.useEffect(() => {\n    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {\n      if (id && id === getTopOfTheStack()) {\n        sheetRef.current?.expand();\n      }\n    });\n    return () => {\n      showSubscription.remove();\n    };\n  }, [getTopOfTheStack, id]);\n\n  return (\n    <Portal hostName=\"BladeBottomSheetPortal\">\n      {/* Portalling both the context */}\n      <DropdownContext.Provider value={dropdownProps}>\n        <BottomSheetContext.Provider value={contextValue}>\n          <GorhomBottomSheet\n            style={\n              // only render shadow when the sheet is open,\n              // otherwise there is visible shadow leak from the bottom edge of the screen\n              isOpen\n                ? {\n                    // this is reverse top elevation of highRaised elevation token\n                    shadowColor: 'hsla(217,56%,17%,0.64)',\n                    shadowOffset: {\n                      width: 0,\n                      height: -18,\n                    },\n                    shadowOpacity: 0.2,\n                    shadowRadius: 12,\n                    // this fails on andorid because its not handled on GorhomBottomSheet internally, hence tradeoff but its fine because visually this barely makes any difference its that nice design detail\n                    // elevation: 40,\n                  }\n                : {}\n            }\n            enablePanDownToClose={isDismissible}\n            enableOverDrag\n            enableContentPanningGesture\n            ref={sheetRef}\n            // on initial render if _isOpen is true we want to render the sheet at initialSnapPoint\n            // otherwise we want to render it at -1 so that it is not visible\n            index={_isOpen ? initialSnapPoint.current : -1}\n            containerStyle={{ zIndex: bottomSheetZIndex }}\n            animateOnMount={true}\n            handleComponent={renderHandle}\n            backgroundComponent={BottomSheetSurface}\n            footerComponent={renderFooter}\n            backdropComponent={renderBackdrop}\n            onClose={close}\n            snapPoints={_snapPoints}\n          >\n            {body}\n          </GorhomBottomSheet>\n        </BottomSheetContext.Provider>\n      </DropdownContext.Provider>\n    </Portal>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetHeader };\n"],"names":["BottomSheetSurface","styled","BaseBox","_ref","theme","borderTopLeftRadius","makeSpace","spacing","borderTopRightRadius","backgroundColor","colors","popup","background","gray","subtle","justifyContent","alignItems","position","focusOnElement","element","reactTag","findNodeHandle","AccessibilityInfo","setAccessibilityFocus","_BottomSheet","_ref2","children","_ref2$snapPoints","snapPoints","isOpen","onDismiss","_ref2$isDismissible","isDismissible","initialFocusRef","_ref2$zIndex","zIndex","componentZIndices","bottomSheet","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","defaultInitialFocusRef","React","useRef","sheetRef","_React$useState","useState","_React$useState2","_slicedToArray","header","setHeader","_React$useState3","_React$useState4","footer","setFooter","_React$useState5","_React$useState6","body","setBody","_isOpen","_React$useState7","_React$useState8","headerHeight","setHeaderHeight","_React$useState9","_React$useState0","footerHeight","setFooterHeight","_React$useState1","_React$useState10","contentHeight","setContentHeight","_React$useState11","_React$useState12","hasBodyPadding","setHasBodyPadding","_React$useState13","_React$useState14","isHeaderEmpty","setIsHeaderEmpty","initialSnapPoint","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","addBottomSheetToStack","removeBottomSheetFromStack","getCurrentStackIndexById","getTopOfTheStack","currentStackIndex","bottomSheetZIndex","useIsomorphicLayoutEffect","hasAutoCompleteInHeader","current","height","Dimensions","get","middleSnapPoint","_snapPoints","map","point","close","useCallback","onBottomSheetDismiss","handleOnOpen","_sheetRef$current","snapToIndex","handleOnClose","_sheetRef$current2","Keyboard","dismiss","useEffect","setDropdownHasBottomSheet","useLayoutEffect","Children","forEach","child","getComponentId","ComponentIds","BottomSheetHeader","BottomSheetFooter","BottomSheetBody","renderFooter","props","_jsx","GorhomBottomSheetFooter","Object","assign","View","onLayout","event","nativeEvent","layout","renderBackdrop","BottomSheetBackdrop","renderHandle","_jsxs","top","left","right","_ref3","BottomSheetGrabHandle","isHeaderFloating","contextValue","isInBottomSheet","Boolean","positionY","scrollRef","bind","dropdownProps","useDropdown","showSubscription","addListener","_sheetRef$current3","expand","remove","Portal","hostName","DropdownContext","Provider","value","BottomSheetContext","GorhomBottomSheet","style","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","enablePanDownToClose","enableOverDrag","enableContentPanningGesture","ref","index","containerStyle","animateOnMount","handleComponent","backgroundComponent","footerComponent","backdropComponent","onClose","BottomSheet","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"BottomSheet.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheet.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/no-empty-function */\nimport GorhomBottomSheet, {\n  BottomSheetFooter as GorhomBottomSheetFooter,\n} from '@gorhom/bottom-sheet';\nimport type { BottomSheetBackgroundProps } from '@gorhom/bottom-sheet';\nimport React from 'react';\nimport { Portal } from '@gorhom/portal';\nimport {\n  Dimensions,\n  AccessibilityInfo,\n  findNodeHandle,\n  View,\n  Keyboard,\n  useWindowDimensions,\n} from 'react-native';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport type { BottomSheetProps } from './types';\nimport { computeMaxContent } from './utils';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport { DropdownContext, useDropdown } from '~components/Dropdown/useDropdown';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst BottomSheetBackground = ({ style }: BottomSheetBackgroundProps): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return (\n    <View\n      pointerEvents=\"none\"\n      style={[\n        style,\n        {\n          borderTopLeftRadius: theme.spacing[5],\n          borderTopRightRadius: theme.spacing[5],\n          backgroundColor: theme.colors.popup.background.gray.subtle,\n        },\n      ]}\n    />\n  );\n};\n\nconst focusOnElement = (element: React.Component<any, any>): void => {\n  const reactTag = findNodeHandle(element);\n  if (reactTag) {\n    AccessibilityInfo.setAccessibilityFocus(reactTag);\n  }\n};\n\n// Extra breathing room (home-indicator / safe area) added below the measured\n// content when `snapToContentHeight` is on, so the last row is never clipped.\nconst CONTENT_HEIGHT_SAFE_AREA = 24;\n\nconst _BottomSheet = ({\n  children,\n  snapPoints = [0.35, 0.5, 0.85],\n  isOpen,\n  onDismiss,\n  isDismissible = true,\n  isContentPanningGestureEnabled = true,\n  initialFocusRef,\n  zIndex = componentZIndices.bottomSheet,\n  snapToContentHeight = false,\n}: BottomSheetProps): React.ReactElement => {\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const sheetRef = React.useRef<GorhomBottomSheet>(null);\n  const [header, setHeader] = React.useState<React.ReactNode>();\n  const [footer, setFooter] = React.useState<React.ReactNode>();\n  const [body, setBody] = React.useState<React.ReactNode>();\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n  const initialSnapPoint = React.useRef<number>(0);\n  const lastSnappedSnapPointRef = React.useRef<string | number | null>(null);\n  const isOpenRef = React.useRef(Boolean(_isOpen));\n  isOpenRef.current = Boolean(_isOpen);\n  // Gorhom emits `onClose` for programmatic snap/close as well as user dismiss.\n  // Increment before our own animations; consume one count per `onClose` so we\n  // stay in sync with Gorhom instead of relying on a timeout.\n  const suppressDismissCountRef = React.useRef(0);\n\n  const suppressDismiss = React.useCallback((): void => {\n    suppressDismissCountRef.current += 1;\n  }, []);\n\n  const totalHeight = React.useMemo(() => {\n    return headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getCurrentStackIndexById,\n    getTopOfTheStack,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (snapToContentHeight) {\n      // Content-driven mode has a single derived snap point, so index 0 is the only\n      // valid open index. Anything higher would be out of range and crash Gorhom's\n      // `snapToIndex` invariant (`index <= snapPoints.length - 1`).\n      initialSnapPoint.current = 0;\n    } else if (bottomSheetAndDropdownGlue?.hasAutoCompleteInHeader) {\n      // In AutoComplete, we want to open BottomSheet with max height so we set this to last index\n      initialSnapPoint.current = 2;\n    } else if (totalHeight > 0) {\n      // Content-fitted snap at index 0 once heights are measured\n      initialSnapPoint.current = 0;\n    } else {\n      const height = Dimensions.get('window').height;\n      const middleSnapPoint = snapPoints[1] * height;\n      if (totalHeight > middleSnapPoint) {\n        initialSnapPoint.current = 1;\n      } else {\n        initialSnapPoint.current = 0;\n      }\n    }\n  }, [\n    snapPoints,\n    totalHeight,\n    snapToContentHeight,\n    bottomSheetAndDropdownGlue?.hasAutoCompleteInHeader,\n  ]);\n\n  const { height: windowHeight } = useWindowDimensions();\n  const _snapPoints = React.useMemo<(string | number)[]>(() => {\n    // Content-driven sizing: derive a SINGLE snap point from the measured content\n    // height (header + body + footer) so the sheet hugs its content. The array is\n    // always length 1 in this mode (index 0 is the only valid open index) — before\n    // the first measurement lands we use a sensible default fraction so the sheet\n    // opens smoothly and never requests an out-of-range snap index.\n    if (snapToContentHeight) {\n      if (totalHeight > 0) {\n        // Use an ABSOLUTE pixel snap point (not a percentage). Gorhom resolves a\n        // percentage against its own container height, which is shorter than the\n        // window by the top inset (status bar / dynamic island). Dividing the\n        // measured content by the window height therefore under-sized the sheet and\n        // clipped the last grid row (forcing a scroll). A pixel value sizes the sheet\n        // to exactly the measured content regardless of container/window mismatch, so\n        // every grid view (date / month / year) is fully visible. Capped so very tall\n        // content still leaves a small gap at the top instead of covering the notch.\n        const pixelHeight = Math.min(totalHeight + CONTENT_HEIGHT_SAFE_AREA, windowHeight * 0.95);\n        return [pixelHeight];\n      }\n      return ['60%'];\n    }\n    if (totalHeight > 0) {\n      const fittedHeight = computeMaxContent({\n        maxHeight: windowHeight * snapPoints[2],\n        headerHeight,\n        footerHeight,\n        contentHeight,\n      });\n      const fittedSnap = Math.min(\n        Math.max(fittedHeight / windowHeight, snapPoints[0]),\n        snapPoints[2],\n      );\n      return [`${fittedSnap * 100}%`, `${snapPoints[1] * 100}%`, `${snapPoints[2] * 100}%`];\n    }\n    return snapPoints.map((point) => `${point * 100}%`);\n  }, [\n    snapToContentHeight,\n    snapPoints,\n    totalHeight,\n    headerHeight,\n    footerHeight,\n    contentHeight,\n    windowHeight,\n  ]);\n\n  // Always clamp the open index into the CURRENT snap-points range. The snap-points\n  // array length can change at runtime (e.g. content-driven sizing collapses it to a\n  // single point), and requesting a now-nonexistent index throws Gorhom's invariant.\n  const getSafeSnapIndex = React.useCallback(\n    (index: number) => Math.min(Math.max(index, 0), _snapPoints.length - 1),\n    [_snapPoints.length],\n  );\n\n  const dismissSheet = React.useCallback(() => {\n    if (!isDismissible) return;\n    onDismiss?.();\n    bottomSheetAndDropdownGlue?.onBottomSheetDismiss?.();\n  }, [isDismissible, onDismiss, bottomSheetAndDropdownGlue]);\n\n  const handleSheetClosed = React.useCallback(() => {\n    if (!isDismissible) return;\n    if (suppressDismissCountRef.current > 0) {\n      suppressDismissCountRef.current -= 1;\n      return;\n    }\n    // Ignore stale close events once React state is already closed.\n    if (!isOpenRef.current) return;\n    dismissSheet();\n  }, [dismissSheet, isDismissible]);\n\n  const handleOnOpen = React.useCallback(() => {\n    suppressDismiss();\n    sheetRef.current?.snapToIndex(getSafeSnapIndex(initialSnapPoint.current));\n  }, [suppressDismiss, getSafeSnapIndex]);\n\n  const handleOnClose = React.useCallback(() => {\n    suppressDismiss();\n    sheetRef.current?.close();\n    // We need this because if inside the BottomSheet there is a input which is focused\n    // and user dragged down to close the sheet, even after closing the sheet the input will remain focused\n    Keyboard.dismiss();\n  }, [suppressDismiss]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      handleOnOpen();\n      if (!initialFocusRef) {\n        // focus on close button\n        focusOnElement(defaultInitialFocusRef.current);\n      } else {\n        // focus on the initialRef\n        focusOnElement(initialFocusRef.current);\n      }\n    } else {\n      lastSnappedSnapPointRef.current = null;\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen, initialFocusRef]);\n\n  React.useEffect(() => {\n    if (!_isOpen || totalHeight === 0) return;\n    const targetIndex = getSafeSnapIndex(initialSnapPoint.current);\n    const targetSnapPoint = _snapPoints[targetIndex];\n    if (lastSnappedSnapPointRef.current === targetSnapPoint) return;\n    lastSnappedSnapPointRef.current = targetSnapPoint;\n    suppressDismiss();\n    sheetRef.current?.snapToIndex(targetIndex);\n  }, [_isOpen, totalHeight, _snapPoints, suppressDismiss, getSafeSnapIndex]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  React.useLayoutEffect(() => {\n    React.Children.forEach(children, (child) => {\n      if (getComponentId(child) === ComponentIds.BottomSheetHeader) {\n        setHeader(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetFooter) {\n        setFooter(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetBody) {\n        setBody(child);\n      }\n    });\n  }, [children]);\n\n  const renderFooter = React.useCallback(\n    (props: any): React.ReactElement => {\n      return (\n        <GorhomBottomSheetFooter {...props}>\n          <View\n            onLayout={(event) => {\n              // save footer height so that later we can offset the marginBottom from body content\n              // otherwise few elements gets hidden under the footer\n              setFooterHeight(event.nativeEvent.layout.height);\n            }}\n          >\n            {footer}\n          </View>\n        </GorhomBottomSheetFooter>\n      );\n    },\n    [footer],\n  );\n\n  const renderBackdrop = React.useCallback(\n    (props: any): React.ReactElement => {\n      // `isDismissible` MUST be forwarded — the backdrop uses it to decide its\n      // `pressBehavior` ('close' vs 'none'). Without it, tapping outside the sheet\n      // does nothing (the tap-outside-to-close affordance is lost).\n      return (\n        <BottomSheetBackdrop {...props} zIndex={bottomSheetZIndex} isDismissible={isDismissible} />\n      );\n    },\n    [bottomSheetZIndex, isDismissible],\n  );\n\n  const renderHandle = React.useCallback((): React.ReactElement => {\n    return (\n      <BaseBox\n        position={isHeaderEmpty ? 'absolute' : 'relative'}\n        top=\"spacing.0\"\n        left=\"spacing.0\"\n        right=\"spacing.0\"\n        onLayout={({ nativeEvent }) => {\n          setHeaderHeight(nativeEvent.layout.height);\n        }}\n      >\n        <BaseBox zIndex={bottomSheetZIndex}>\n          <BottomSheetGrabHandle />\n        </BaseBox>\n        {header}\n      </BaseBox>\n    );\n  }, [isHeaderEmpty, bottomSheetZIndex, header]);\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue = React.useMemo<BottomSheetContextProps>(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(_isOpen),\n      close: dismissSheet,\n      positionY: 0,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      isDismissible,\n      scrollRef: () => {},\n      bind: {} as never,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n    }),\n    [\n      _isOpen,\n      contentHeight,\n      footerHeight,\n      dismissSheet,\n      headerHeight,\n      isHeaderFloating,\n      isDismissible,\n    ],\n  );\n\n  // Hack: We need to <Portal> the GorhomBottomSheet to the root of the react-native app\n  // But the portalled component will no longer be able to access the parent contexts (Dropdown Context)\n  // To workaround this, I'm portalling both the DropdownContext & BotomSheetContext along with the component\n  const dropdownProps = useDropdown();\n\n  // register and deregister in the stack\n  React.useEffect(() => {\n    if (_isOpen) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, _isOpen, id, removeBottomSheetFromStack]);\n\n  // Handle TextInput inside BottomSheet\n  // We expand the BottomSheet to the max snapPoint so that when the keyboard opens\n  // the body content will be visible\n  // There is a standard way to do this:\n  // https://gorhom.github.io/react-native-bottom-sheet/keyboard-handling\n  // But this didn't worked because:\n  // https://github.com/gorhom/react-native-bottom-sheet/issues/618\n  React.useEffect(() => {\n    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {\n      if (id && id === getTopOfTheStack()) {\n        sheetRef.current?.expand();\n      }\n    });\n    return () => {\n      showSubscription.remove();\n    };\n  }, [getTopOfTheStack, id]);\n\n  return (\n    <Portal hostName=\"BladeBottomSheetPortal\">\n      {/* Portalling both the context */}\n      <DropdownContext.Provider value={dropdownProps}>\n        <BottomSheetContext.Provider value={contextValue}>\n          <GorhomBottomSheet\n            style={\n              // only render shadow when the sheet is open,\n              // otherwise there is visible shadow leak from the bottom edge of the screen\n              _isOpen\n                ? {\n                    // this is reverse top elevation of highRaised elevation token\n                    shadowColor: 'hsla(217,56%,17%,0.64)',\n                    shadowOffset: {\n                      width: 0,\n                      height: -18,\n                    },\n                    shadowOpacity: 0.2,\n                    shadowRadius: 12,\n                    // this fails on andorid because its not handled on GorhomBottomSheet internally, hence tradeoff but its fine because visually this barely makes any difference its that nice design detail\n                    // elevation: 40,\n                  }\n                : {}\n            }\n            enablePanDownToClose={isDismissible}\n            enableOverDrag\n            enableContentPanningGesture={isContentPanningGestureEnabled}\n            ref={sheetRef}\n            // on initial render if _isOpen is true we want to render the sheet at initialSnapPoint\n            // otherwise we want to render it at -1 so that it is not visible\n            index={_isOpen ? getSafeSnapIndex(initialSnapPoint.current) : -1}\n            containerStyle={{ zIndex: bottomSheetZIndex, elevation: bottomSheetZIndex }}\n            animateOnMount={true}\n            handleComponent={renderHandle}\n            backgroundComponent={BottomSheetBackground}\n            footerComponent={renderFooter}\n            backdropComponent={renderBackdrop}\n            onClose={handleSheetClosed}\n            snapPoints={_snapPoints}\n          >\n            {body}\n          </GorhomBottomSheet>\n        </BottomSheetContext.Provider>\n      </DropdownContext.Provider>\n    </Portal>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetHeader };\n"],"names":["this","BottomSheetBackground","_ref","style","_useTheme","useTheme","theme","_jsx","View","pointerEvents","borderTopLeftRadius","spacing","borderTopRightRadius","backgroundColor","colors","popup","background","gray","subtle","focusOnElement","element","reactTag","findNodeHandle","AccessibilityInfo","setAccessibilityFocus","CONTENT_HEIGHT_SAFE_AREA","_BottomSheet","_ref2","children","_ref2$snapPoints","snapPoints","isOpen","onDismiss","_ref2$isDismissible","isDismissible","_ref2$isContentPannin","isContentPanningGestureEnabled","initialFocusRef","_ref2$zIndex","zIndex","componentZIndices","bottomSheet","_ref2$snapToContentHe","snapToContentHeight","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","defaultInitialFocusRef","React","useRef","sheetRef","_React$useState","useState","_React$useState2","_slicedToArray","header","setHeader","_React$useState3","_React$useState4","footer","setFooter","_React$useState5","_React$useState6","body","setBody","_isOpen","_React$useState7","_React$useState8","headerHeight","setHeaderHeight","_React$useState9","_React$useState0","footerHeight","setFooterHeight","_React$useState1","_React$useState10","contentHeight","setContentHeight","_React$useState11","_React$useState12","hasBodyPadding","setHasBodyPadding","_React$useState13","_React$useState14","isHeaderEmpty","setIsHeaderEmpty","initialSnapPoint","lastSnappedSnapPointRef","isOpenRef","Boolean","current","suppressDismissCountRef","suppressDismiss","useCallback","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","addBottomSheetToStack","removeBottomSheetFromStack","getCurrentStackIndexById","getTopOfTheStack","currentStackIndex","bottomSheetZIndex","useIsomorphicLayoutEffect","hasAutoCompleteInHeader","height","Dimensions","get","middleSnapPoint","_useWindowDimensions","useWindowDimensions","windowHeight","_snapPoints","pixelHeight","Math","min","fittedHeight","computeMaxContent","maxHeight","fittedSnap","max","map","point","getSafeSnapIndex","index","length","dismissSheet","onBottomSheetDismiss","handleSheetClosed","handleOnOpen","_sheetRef$current","snapToIndex","handleOnClose","_sheetRef$current2","close","Keyboard","dismiss","useEffect","_sheetRef$current3","targetIndex","targetSnapPoint","setDropdownHasBottomSheet","useLayoutEffect","Children","forEach","child","getComponentId","ComponentIds","BottomSheetHeader","BottomSheetFooter","BottomSheetBody","renderFooter","props","GorhomBottomSheetFooter","Object","assign","onLayout","event","nativeEvent","layout","renderBackdrop","BottomSheetBackdrop","renderHandle","_jsxs","BaseBox","position","top","left","right","_ref3","BottomSheetGrabHandle","isHeaderFloating","contextValue","isInBottomSheet","positionY","scrollRef","bind","dropdownProps","useDropdown","showSubscription","addListener","_sheetRef$current4","expand","remove","Portal","hostName","DropdownContext","Provider","value","BottomSheetContext","GorhomBottomSheet","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","enablePanDownToClose","enableOverDrag","enableContentPanningGesture","ref","containerStyle","elevation","animateOnMount","handleComponent","backgroundComponent","footerComponent","backdropComponent","onClose","BottomSheet","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/BottomSheet/BottomSheetBackdrop.native.js

@@ -1,17 +1,10 @@
 import 'react';
 import { BottomSheetBackdrop as BottomSheetBackdrop$1 } from '@gorhom/bottom-sheet';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import './BottomSheetStack.js';
+import '../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
 
-var BottomSheetBackdrop=function BottomSheetBackdrop(props){var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(BottomSheetBackdrop$1,Object.assign({},props,{appearsOnIndex:0,disappearsOnIndex:-1,pressBehavior:props.isDismissible?'close':'none',opacity:1,style:[props.style,{backgroundColor:theme.colors.overlay.background.subtle,zIndex:props.zIndex}]}));};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BottomSheet/BottomSheetBackdrop.native.tsx";var BottomSheetBackdrop=function BottomSheetBackdrop(props){var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(BottomSheetBackdrop$1,Object.assign({},props,{appearsOnIndex:0,disappearsOnIndex:-1,pressBehavior:props.isDismissible?'close':'none',opacity:1,style:[props.style,{backgroundColor:theme.colors.overlay.background.subtle}]}));};
 
 export { BottomSheetBackdrop };
 //# sourceMappingURL=BottomSheetBackdrop.native.js.map

package/build/lib/native/components/BottomSheet/BottomSheetBackdrop.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetBackdrop.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheetBackdrop.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BottomSheetBackdropProps } from '@gorhom/bottom-sheet';\nimport { BottomSheetBackdrop as GorhomBottomSheetBackdrop } from '@gorhom/bottom-sheet';\nimport { useTheme } from '~components/BladeProvider';\n\nconst BottomSheetBackdrop = (\n  props: BottomSheetBackdropProps & { zIndex: number; isDismissible: boolean },\n): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return (\n    <GorhomBottomSheetBackdrop\n      {...props}\n      appearsOnIndex={0}\n      disappearsOnIndex={-1}\n      pressBehavior={props.isDismissible ? 'close' : 'none'}\n      opacity={1}\n      style={[\n        props.style,\n        { backgroundColor: theme.colors.overlay.background.subtle, zIndex: props.zIndex },\n      ]}\n    />\n  );\n};\n\nexport { BottomSheetBackdrop };\n"],"names":["BottomSheetBackdrop","props","_useTheme","useTheme","theme","_jsx","GorhomBottomSheetBackdrop","Object","assign","appearsOnIndex","disappearsOnIndex","pressBehavior","isDismissible","opacity","style","backgroundColor","colors","overlay","background","subtle","zIndex"],"mappings":";;;;;;;;;;;;;AAKM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CACvBC,KAA4E,CACrD,CACvB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,OACEC,GAAA,CAACC,qBAAyB,CAAAC,MAAA,CAAAC,MAAA,CACpBP,EAAAA,CAAAA,KAAK,EACTQ,cAAc,CAAE,CAAE,CAClBC,iBAAiB,CAAE,CAAC,CAAE,CACtBC,aAAa,CAAEV,KAAK,CAACW,aAAa,CAAG,OAAO,CAAG,MAAO,CACtDC,OAAO,CAAE,CAAE,CACXC,KAAK,CAAE,CACLb,KAAK,CAACa,KAAK,CACX,CAAEC,eAAe,CAAEX,KAAK,CAACY,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,MAAM,CAAEC,MAAM,CAAEnB,KAAK,CAACmB,MAAO,CAAC,CACjF,CACH,CAAA,CAAC,CAEN;;;;"}
+{"version":3,"file":"BottomSheetBackdrop.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheetBackdrop.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BottomSheetBackdropProps } from '@gorhom/bottom-sheet';\nimport { BottomSheetBackdrop as GorhomBottomSheetBackdrop } from '@gorhom/bottom-sheet';\nimport { useTheme } from '~components/BladeProvider';\n\nconst BottomSheetBackdrop = (\n  props: BottomSheetBackdropProps & { zIndex: number; isDismissible: boolean },\n): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return (\n    <GorhomBottomSheetBackdrop\n      {...props}\n      appearsOnIndex={0}\n      disappearsOnIndex={-1}\n      pressBehavior={props.isDismissible ? 'close' : 'none'}\n      opacity={1}\n      style={[props.style, { backgroundColor: theme.colors.overlay.background.subtle }]}\n    />\n  );\n};\n\nexport { BottomSheetBackdrop };\n"],"names":["BottomSheetBackdrop","props","_useTheme","useTheme","theme","_jsx","GorhomBottomSheetBackdrop","Object","assign","appearsOnIndex","disappearsOnIndex","pressBehavior","isDismissible","opacity","style","backgroundColor","colors","overlay","background","subtle"],"mappings":";;;;;;0IAKM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CACvBC,KAA4E,CACrD,CACvB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,OACEC,GAAA,CAACC,qBAAyB,CAAAC,MAAA,CAAAC,MAAA,CACpBP,EAAAA,CAAAA,KAAK,CACTQ,CAAAA,cAAc,CAAE,CAAE,CAClBC,iBAAiB,CAAE,CAAC,CAAE,CACtBC,aAAa,CAAEV,KAAK,CAACW,aAAa,CAAG,OAAO,CAAG,MAAO,CACtDC,OAAO,CAAE,CAAE,CACXC,KAAK,CAAE,CAACb,KAAK,CAACa,KAAK,CAAE,CAAEC,eAAe,CAAEX,KAAK,CAACY,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,MAAO,CAAC,CAAE,CAAA,CACnF,CAAC,CAEN;;;;"}

package/build/lib/native/components/BottomSheet/BottomSheetBody.native.js

@@ -3,16 +3,18 @@ import React__default from 'react';
 import { BottomSheetScrollView } from '@gorhom/bottom-sheet';
 import { ComponentIds } from './componentIds.js';
 import { useBottomSheetContext } from './BottomSheetContext.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import '../Box/BaseBox/index.js';
 import { componentIds } from '../ActionList/componentIds.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../../tokens/global/index.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _BottomSheetBody=function _BottomSheetBody(_ref){var children=_ref.children,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.5':_ref$padding;var _useBottomSheetContex=useBottomSheetContext(),footerHeight=_useBottomSheetContex.footerHeight,setContentHeight=_useBottomSheetContex.setContentHeight,setHasBodyPadding=_useBottomSheetContex.setHasBodyPadding,isHeaderFloating=_useBottomSheetContex.isHeaderFloating;var _React$useState=React__default.useState(undefined),_React$useState2=_slicedToArray(_React$useState,2),bottomSheetHasActionList=_React$useState2[0],setBottomSheetHasActionList=_React$useState2[1];React__default.useEffect(function(){setBottomSheetHasActionList(false);React__default.Children.forEach(children,function(child){if(isValidAllowedChildren(child,componentIds.ActionList)){setBottomSheetHasActionList(true);}});},[children]);React__default.useEffect(function(){if(padding==='spacing.0'){setHasBodyPadding(false);}},[padding]);if(bottomSheetHasActionList===undefined)return jsx(Fragment,{});return jsx(Fragment,{children:bottomSheetHasActionList?children:jsx(BottomSheetScrollView,{onContentSizeChange:function onContentSizeChange(_width,height){setContentHeight(height);},style:{marginBottom:footerHeight,borderRadius:isHeaderFloating?size[16]:0},children:jsx(BaseBox,{flexShrink:1,flexGrow:1,overflow:"hidden",children:jsx(BaseBox,{paddingLeft:bottomSheetHasActionList?'spacing.3':padding,paddingRight:bottomSheetHasActionList?'spacing.3':padding,paddingTop:bottomSheetHasActionList?'spacing.3':padding,paddingBottom:bottomSheetHasActionList?'spacing.3':padding,overflow:"hidden",children:children})})})});};var BottomSheetBody=assignWithoutSideEffects(_BottomSheetBody,{componentId:ComponentIds.BottomSheetBody});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BottomSheet/BottomSheetBody.native.tsx";var _BottomSheetBody=function _BottomSheetBody(_ref){var children=_ref.children,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.5':_ref$padding;var _useBottomSheetContex=useBottomSheetContext(),footerHeight=_useBottomSheetContex.footerHeight,setContentHeight=_useBottomSheetContex.setContentHeight,setHasBodyPadding=_useBottomSheetContex.setHasBodyPadding,isHeaderFloating=_useBottomSheetContex.isHeaderFloating;var _React$useState=React__default.useState(undefined),_React$useState2=_slicedToArray(_React$useState,2),bottomSheetHasActionList=_React$useState2[0],setBottomSheetHasActionList=_React$useState2[1];React__default.useEffect(function(){setBottomSheetHasActionList(false);React__default.Children.forEach(children,function(child){if(isValidAllowedChildren(child,componentIds.ActionList)){setBottomSheetHasActionList(true);}});},[children]);React__default.useEffect(function(){if(padding==='spacing.0'){setHasBodyPadding(false);}},[padding]);if(bottomSheetHasActionList===undefined)return jsx(Fragment,{});return jsx(Fragment,{children:bottomSheetHasActionList?children:jsx(BottomSheetScrollView,{onContentSizeChange:function onContentSizeChange(_width,height){setContentHeight(height);},style:{marginBottom:footerHeight,borderRadius:isHeaderFloating?size[16]:0},children:jsx(BaseBox,{flexShrink:1,flexGrow:1,overflow:"hidden",children:jsx(BaseBox,{paddingLeft:bottomSheetHasActionList?'spacing.3':padding,paddingRight:bottomSheetHasActionList?'spacing.3':padding,paddingTop:bottomSheetHasActionList?'spacing.3':padding,paddingBottom:bottomSheetHasActionList?'spacing.3':padding,overflow:"hidden",children:children})})})});};var BottomSheetBody=assignWithoutSideEffects(_BottomSheetBody,{componentId:ComponentIds.BottomSheetBody});
 
 export { BottomSheetBody };
 //# sourceMappingURL=BottomSheetBody.native.js.map

package/build/lib/native/components/BottomSheet/BottomSheetBody.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetBody.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheetBody.native.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { BottomSheetScrollView } from '@gorhom/bottom-sheet';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetBodyProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentIds } from '~components/ActionList/componentIds';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { size } from '~tokens/global';\n\nconst _BottomSheetBody = ({\n  children,\n  padding = 'spacing.5',\n}: BottomSheetBodyProps): React.ReactElement => {\n  const {\n    footerHeight,\n    setContentHeight,\n    setHasBodyPadding,\n    isHeaderFloating,\n  } = useBottomSheetContext();\n  const [bottomSheetHasActionList, setBottomSheetHasActionList] = React.useState<\n    boolean | undefined\n  >(undefined);\n\n  React.useEffect(() => {\n    setBottomSheetHasActionList(false);\n    React.Children.forEach(children, (child) => {\n      if (isValidAllowedChildren(child, componentIds.ActionList)) {\n        setBottomSheetHasActionList(true);\n      }\n    });\n  }, [children]);\n\n  React.useEffect(() => {\n    if (padding === 'spacing.0') {\n      setHasBodyPadding(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [padding]);\n\n  if (bottomSheetHasActionList === undefined) return <></>;\n  // If we are rendering ActionList, then we don't wrap the ActionList with extra wrappers\n  // This is to ensure that GorhomBottomSheetSectionList work as expected, adding extra wrappers breaks gorhom's rendering\n  return (\n    <>\n      {bottomSheetHasActionList ? (\n        children\n      ) : (\n        <BottomSheetScrollView\n          onContentSizeChange={(_width: number, height: number) => {\n            setContentHeight(height);\n          }}\n          style={{ marginBottom: footerHeight, borderRadius: isHeaderFloating ? size[16] : 0 }}\n        >\n          <BaseBox flexShrink={1} flexGrow={1} overflow=\"hidden\">\n            <BaseBox\n              paddingLeft={bottomSheetHasActionList ? 'spacing.3' : padding}\n              paddingRight={bottomSheetHasActionList ? 'spacing.3' : padding}\n              paddingTop={bottomSheetHasActionList ? 'spacing.3' : padding}\n              paddingBottom={bottomSheetHasActionList ? 'spacing.3' : padding}\n              overflow=\"hidden\"\n            >\n              {children}\n            </BaseBox>\n          </BaseBox>\n        </BottomSheetScrollView>\n      )}\n    </>\n  );\n};\n\nconst BottomSheetBody = assignWithoutSideEffects(_BottomSheetBody, {\n  componentId: ComponentIds.BottomSheetBody,\n});\n\nexport { BottomSheetBody };\n"],"names":["_BottomSheetBody","_ref","children","_ref$padding","padding","_useBottomSheetContex","useBottomSheetContext","footerHeight","setContentHeight","setHasBodyPadding","isHeaderFloating","_React$useState","React","useState","undefined","_React$useState2","_slicedToArray","bottomSheetHasActionList","setBottomSheetHasActionList","useEffect","Children","forEach","child","isValidAllowedChildren","componentIds","ActionList","_jsx","_Fragment","BottomSheetScrollView","onContentSizeChange","_width","height","style","marginBottom","borderRadius","size","BaseBox","flexShrink","flexGrow","overflow","paddingLeft","paddingRight","paddingTop","paddingBottom","BottomSheetBody","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":";;;;;;;;;;;;;;AAaA,IAAMA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAG0B,KAF9CC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAAC,YAAA,CAAAF,IAAA,CACRG,OAAO,CAAPA,OAAO,CAAAD,YAAA,UAAG,WAAW,CAAAA,YAAA,CAErB,IAAAE,qBAAA,CAKIC,qBAAqB,EAAE,CAJzBC,YAAY,CAAAF,qBAAA,CAAZE,YAAY,CACZC,gBAAgB,CAAAH,qBAAA,CAAhBG,gBAAgB,CAChBC,iBAAiB,CAAAJ,qBAAA,CAAjBI,iBAAiB,CACjBC,gBAAgB,CAAAL,qBAAA,CAAhBK,gBAAgB,CAElB,IAAAC,eAAA,CAAgEC,cAAK,CAACC,QAAQ,CAE5EC,SAAS,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAL,eAAA,IAFLM,wBAAwB,CAAAF,gBAAA,CAAEG,CAAAA,CAAAA,CAAAA,2BAA2B,CAAAH,gBAAA,CAAA,CAAA,CAAA,CAI5DH,cAAK,CAACO,SAAS,CAAC,UAAM,CACpBD,2BAA2B,CAAC,KAAK,CAAC,CAClCN,cAAK,CAACQ,QAAQ,CAACC,OAAO,CAACnB,QAAQ,CAAE,SAACoB,KAAK,CAAK,CAC1C,GAAIC,sBAAsB,CAACD,KAAK,CAAEE,YAAY,CAACC,UAAU,CAAC,CAAE,CAC1DP,2BAA2B,CAAC,IAAI,CAAC,CACnC,CACF,CAAC,CAAC,CACJ,CAAC,CAAE,CAAChB,QAAQ,CAAC,CAAC,CAEdU,cAAK,CAACO,SAAS,CAAC,UAAM,CACpB,GAAIf,OAAO,GAAK,WAAW,CAAE,CAC3BK,iBAAiB,CAAC,KAAK,CAAC,CAC1B,CAEF,CAAC,CAAE,CAACL,OAAO,CAAC,CAAC,CAEb,GAAIa,wBAAwB,GAAKH,SAAS,CAAE,OAAOY,GAAA,CAAAC,QAAA,GAAI,CAAC,CAGxD,OACED,GAAA,CAAAC,QAAA,CAAA,CAAAzB,QAAA,CACGe,wBAAwB,CACvBf,QAAQ,CAERwB,GAAA,CAACE,qBAAqB,CACpBC,CAAAA,mBAAmB,CAAE,SAArBA,mBAAmBA,CAAGC,MAAc,CAAEC,MAAc,CAAK,CACvDvB,gBAAgB,CAACuB,MAAM,CAAC,CAC1B,CAAE,CACFC,KAAK,CAAE,CAAEC,YAAY,CAAE1B,YAAY,CAAE2B,YAAY,CAAExB,gBAAgB,CAAGyB,IAAI,CAAC,EAAE,CAAC,CAAG,CAAE,CAAE,CAAAjC,QAAA,CAErFwB,GAAA,CAACU,OAAO,CAACC,CAAAA,UAAU,CAAE,CAAE,CAACC,QAAQ,CAAE,CAAE,CAACC,QAAQ,CAAC,QAAQ,CAAArC,QAAA,CACpDwB,GAAA,CAACU,OAAO,CACNI,CAAAA,WAAW,CAAEvB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC9DqC,YAAY,CAAExB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC/DsC,UAAU,CAAEzB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC7DuC,aAAa,CAAE1B,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAChEmC,QAAQ,CAAC,QAAQ,CAAArC,QAAA,CAEhBA,QAAQ,CACF,CAAC,CACH,CAAC,CACW,CACxB,CACD,CAAC,CAEP,CAAC,CAEK,IAAA0C,eAAe,CAAGC,wBAAwB,CAAC7C,gBAAgB,CAAE,CACjE8C,WAAW,CAAEC,YAAY,CAACH,eAC5B,CAAC;;;;"}
+{"version":3,"file":"BottomSheetBody.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheetBody.native.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { BottomSheetScrollView } from '@gorhom/bottom-sheet';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetBodyProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentIds } from '~components/ActionList/componentIds';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { size } from '~tokens/global';\n\nconst _BottomSheetBody = ({\n  children,\n  padding = 'spacing.5',\n}: BottomSheetBodyProps): React.ReactElement => {\n  const {\n    footerHeight,\n    setContentHeight,\n    setHasBodyPadding,\n    isHeaderFloating,\n  } = useBottomSheetContext();\n  const [bottomSheetHasActionList, setBottomSheetHasActionList] = React.useState<\n    boolean | undefined\n  >(undefined);\n\n  React.useEffect(() => {\n    setBottomSheetHasActionList(false);\n    React.Children.forEach(children, (child) => {\n      if (isValidAllowedChildren(child, componentIds.ActionList)) {\n        setBottomSheetHasActionList(true);\n      }\n    });\n  }, [children]);\n\n  React.useEffect(() => {\n    if (padding === 'spacing.0') {\n      setHasBodyPadding(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [padding]);\n\n  if (bottomSheetHasActionList === undefined) return <></>;\n  // If we are rendering ActionList, then we don't wrap the ActionList with extra wrappers\n  // This is to ensure that GorhomBottomSheetSectionList work as expected, adding extra wrappers breaks gorhom's rendering\n  return (\n    <>\n      {bottomSheetHasActionList ? (\n        children\n      ) : (\n        <BottomSheetScrollView\n          onContentSizeChange={(_width: number, height: number) => {\n            setContentHeight(height);\n          }}\n          style={{ marginBottom: footerHeight, borderRadius: isHeaderFloating ? size[16] : 0 }}\n        >\n          <BaseBox flexShrink={1} flexGrow={1} overflow=\"hidden\">\n            <BaseBox\n              paddingLeft={bottomSheetHasActionList ? 'spacing.3' : padding}\n              paddingRight={bottomSheetHasActionList ? 'spacing.3' : padding}\n              paddingTop={bottomSheetHasActionList ? 'spacing.3' : padding}\n              paddingBottom={bottomSheetHasActionList ? 'spacing.3' : padding}\n              overflow=\"hidden\"\n            >\n              {children}\n            </BaseBox>\n          </BaseBox>\n        </BottomSheetScrollView>\n      )}\n    </>\n  );\n};\n\nconst BottomSheetBody = assignWithoutSideEffects(_BottomSheetBody, {\n  componentId: ComponentIds.BottomSheetBody,\n});\n\nexport { BottomSheetBody };\n"],"names":["this","_BottomSheetBody","_ref","children","_ref$padding","padding","_useBottomSheetContex","useBottomSheetContext","footerHeight","setContentHeight","setHasBodyPadding","isHeaderFloating","_React$useState","React","useState","undefined","_React$useState2","_slicedToArray","bottomSheetHasActionList","setBottomSheetHasActionList","useEffect","Children","forEach","child","isValidAllowedChildren","componentIds","ActionList","_jsx","_Fragment","BottomSheetScrollView","onContentSizeChange","_width","height","style","marginBottom","borderRadius","size","BaseBox","flexShrink","flexGrow","overflow","paddingLeft","paddingRight","paddingTop","paddingBottom","BottomSheetBody","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":";;;;;;;;;;;;;;;;AAEA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,oGAAA,CAWA,IAAMC,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAG0B,KAF9CC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAAC,YAAA,CAAAF,IAAA,CACRG,OAAO,CAAPA,OAAO,CAAAD,YAAA,UAAG,WAAW,CAAAA,YAAA,CAErB,IAAAE,qBAAA,CAKIC,qBAAqB,EAAE,CAJzBC,YAAY,CAAAF,qBAAA,CAAZE,YAAY,CACZC,gBAAgB,CAAAH,qBAAA,CAAhBG,gBAAgB,CAChBC,iBAAiB,CAAAJ,qBAAA,CAAjBI,iBAAiB,CACjBC,gBAAgB,CAAAL,qBAAA,CAAhBK,gBAAgB,CAElB,IAAAC,eAAA,CAAgEC,cAAK,CAACC,QAAQ,CAE5EC,SAAS,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAL,eAAA,IAFLM,wBAAwB,CAAAF,gBAAA,CAAEG,CAAAA,CAAAA,CAAAA,2BAA2B,CAAAH,gBAAA,CAAA,CAAA,CAAA,CAI5DH,cAAK,CAACO,SAAS,CAAC,UAAM,CACpBD,2BAA2B,CAAC,KAAK,CAAC,CAClCN,cAAK,CAACQ,QAAQ,CAACC,OAAO,CAACnB,QAAQ,CAAE,SAACoB,KAAK,CAAK,CAC1C,GAAIC,sBAAsB,CAACD,KAAK,CAAEE,YAAY,CAACC,UAAU,CAAC,CAAE,CAC1DP,2BAA2B,CAAC,IAAI,CAAC,CACnC,CACF,CAAC,CAAC,CACJ,CAAC,CAAE,CAAChB,QAAQ,CAAC,CAAC,CAEdU,cAAK,CAACO,SAAS,CAAC,UAAM,CACpB,GAAIf,OAAO,GAAK,WAAW,CAAE,CAC3BK,iBAAiB,CAAC,KAAK,CAAC,CAC1B,CAEF,CAAC,CAAE,CAACL,OAAO,CAAC,CAAC,CAEb,GAAIa,wBAAwB,GAAKH,SAAS,CAAE,OAAOY,GAAA,CAAAC,QAAA,GAAI,CAAC,CAGxD,OACED,GAAA,CAAAC,QAAA,CAAA,CAAAzB,QAAA,CACGe,wBAAwB,CACvBf,QAAQ,CAERwB,GAAA,CAACE,qBAAqB,CACpBC,CAAAA,mBAAmB,CAAE,SAArBA,mBAAmBA,CAAGC,MAAc,CAAEC,MAAc,CAAK,CACvDvB,gBAAgB,CAACuB,MAAM,CAAC,CAC1B,CAAE,CACFC,KAAK,CAAE,CAAEC,YAAY,CAAE1B,YAAY,CAAE2B,YAAY,CAAExB,gBAAgB,CAAGyB,IAAI,CAAC,EAAE,CAAC,CAAG,CAAE,CAAE,CAAAjC,QAAA,CAErFwB,GAAA,CAACU,OAAO,CAACC,CAAAA,UAAU,CAAE,CAAE,CAACC,QAAQ,CAAE,CAAE,CAACC,QAAQ,CAAC,QAAQ,CAAArC,QAAA,CACpDwB,GAAA,CAACU,OAAO,CACNI,CAAAA,WAAW,CAAEvB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC9DqC,YAAY,CAAExB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC/DsC,UAAU,CAAEzB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC7DuC,aAAa,CAAE1B,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAChEmC,QAAQ,CAAC,QAAQ,CAAArC,QAAA,CAEhBA,QAAQ,CACF,CAAC,CACH,CAAC,CACW,CACxB,CACD,CAAC,CAEP,CAAC,CAEK,IAAA0C,eAAe,CAAGC,wBAAwB,CAAC7C,gBAAgB,CAAE,CACjE8C,WAAW,CAAEC,YAAY,CAACH,eAC5B,CAAC;;;;"}