react-native-my-survey-sdk 2.2.16 → 2.2.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-my-survey-sdk",
-  "version": "2.2.16",
+  "version": "2.2.18",
   "description": "Xebo survey collection SDK for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/XeboDropdownView.tsx

@@ -163,10 +163,9 @@ const styles = StyleSheet.create({
     maxHeight: 200,
     marginTop: 6,
     marginBottom: 12,
-    overflow: 'hidden',
   },
   optionsScroll: {
-    flex: 1,
+    flexGrow: 0,
   },
   optionRow: {
     padding: 14,

package/src/components/XeboSurveyModal.tsx

@@ -41,39 +41,36 @@ const _androidNavBar = Platform.OS === 'android'
   : 0;
 
 function computeSheetHeight(question: XeboQuestion | null, screen: ModalScreen): number {
-  if (screen === 'thankYou') return SCREEN_HEIGHT * 0.35;
-  if (screen === 'intro')    return SCREEN_HEIGHT * 0.40;
-  if (!question) return SCREEN_HEIGHT * 0.48;
+  if (screen === 'thankYou') return SCREEN_HEIGHT * 0.30;
+  if (screen === 'intro')    return SCREEN_HEIGHT * 0.35;
+  if (!question) return SCREEN_HEIGHT * 0.42;
   switch (question.type) {
     case XeboQuestionType.multiNps:
     case XeboQuestionType.multiRating: {
       const rowCount = question.options?.length ?? 3;
-      return Math.min(SCREEN_HEIGHT * 0.78, SCREEN_HEIGHT * (0.25 + rowCount * 0.15));
+      return Math.min(SCREEN_HEIGHT * 0.70, SCREEN_HEIGHT * (0.22 + rowCount * 0.13));
     }
     case XeboQuestionType.nps:
       return (question.conditionalFollowUps?.length ?? 0) > 0
-        ? SCREEN_HEIGHT * 0.62
-        : SCREEN_HEIGHT * 0.38;
+        ? SCREEN_HEIGHT * 0.55
+        : SCREEN_HEIGHT * 0.34;
     case XeboQuestionType.rating:
-      return question.followUpQuestion ? SCREEN_HEIGHT * 0.56 : SCREEN_HEIGHT * 0.38;
+      return question.followUpQuestion ? SCREEN_HEIGHT * 0.50 : SCREEN_HEIGHT * 0.34;
     case XeboQuestionType.singleTextBox:
-      // title + 4-line input + button — no wasted space
-      return SCREEN_HEIGHT * 0.40;
+      return SCREEN_HEIGHT * 0.35;
     case XeboQuestionType.multipleTextBox: {
       const fieldCount = question.options?.length ?? 1;
-      return Math.min(SCREEN_HEIGHT * 0.72, SCREEN_HEIGHT * (0.30 + fieldCount * 0.12));
+      return Math.min(SCREEN_HEIGHT * 0.65, SCREEN_HEIGHT * (0.26 + fieldCount * 0.10));
     }
     case XeboQuestionType.dropdown:
-      // Must always fit: title + trigger + 200px open list + button + padding + header overhead
-      // Minimum ~0.62 regardless of whether options are parsed yet
-      return SCREEN_HEIGHT * 0.62;
+      return SCREEN_HEIGHT * 0.55;
     case XeboQuestionType.singleChoice:
     case XeboQuestionType.multipleChoice: {
       const optCount = question.options?.length ?? 0;
-      return Math.min(SCREEN_HEIGHT * 0.80, SCREEN_HEIGHT * (0.28 + optCount * 0.085));
+      return Math.min(SCREEN_HEIGHT * 0.72, SCREEN_HEIGHT * (0.24 + optCount * 0.075));
     }
     default:
-      return SCREEN_HEIGHT * 0.48;
+      return SCREEN_HEIGHT * 0.42;
   }
 }