fix: Fix bottomSheet height if the content is pretty small

If the innerContent is smaller than the mediumHeight, we don't
want the BottomSheet to take all the available space. We want
to take only the needed place.

react/BottomSheet/helpers.js

@@ -26,7 +26,6 @@ export const computeMediumHeight = ({
 }) => {
   const mediumHeightOrWithRatio =
     mediumHeight || Math.round(maxHeight * mediumHeightRatio)
-
   if (backdrop) {
     if (mediumHeightOrWithRatio < innerContentHeight) {
       return mediumHeightOrWithRatio < maxHeight
@@ -35,7 +34,7 @@ export const computeMediumHeight = ({
     }
     return innerContentHeight > maxHeight ? maxHeight : innerContentHeight
   }
-
+  if (innerContentHeight < mediumHeightOrWithRatio) return innerContentHeight
   return mediumHeightOrWithRatio > maxHeight
     ? maxHeight
     : mediumHeightOrWithRatio

react/BottomSheet/helpers.spec.js

@@ -57,6 +57,17 @@ describe('computeMediumHeight', () => {
 
       expect(res).toBe(800)
     })
+
+    it('should return the innerContentHeight if innerContentHeight < mediumHeight', () => {
+      const res = computeMediumHeight({
+        backdrop: false,
+        maxHeight: 800,
+        mediumHeight: 400,
+        innerContentHeight: 200
+      })
+
+      expect(res).toBe(200)
+    })
   })
 
   describe('with backdrop', () => {