@umituz/react-native-ai-generation-content 1.89.19 → 1.89.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/domains/scenarios/presentation/screens/MainCategoryScreen.tsx +24 -21
  3. package/src/domains/scenarios/presentation/screens/SubCategoryScreen.tsx +24 -21
  4. package/src/presentation/components/headers/AIGenScreenHeader.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-ai-generation-content",
3
- "version": "1.89.19",
3
+ "version": "1.89.20",
4
4
  "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
5
5
  "main": "src/index.ts",
6
6
  "types": "src/index.ts",
package/src/domains/scenarios/presentation/screens/MainCategoryScreen.tsx CHANGED
@@ -7,6 +7,7 @@ import React, { useMemo, useCallback, useEffect } from "react";
7
7
  import {
8
8
  FlatList,
9
9
  StyleSheet,
10
+ View,
10
11
  type ListRenderItemInfo,
11
12
  } from "react-native";
12
13
  import { AtomicCard } from "@umituz/react-native-design-system/atoms";
@@ -80,32 +81,34 @@ export const MainCategoryScreen: React.FC<MainCategoryScreenProps> = ({
80
81
  );
81
82
 
82
83
  return (
83
- <ScreenLayout
84
- scrollable={false}
85
- edges={["left", "right"]}
86
- backgroundColor={tokens.colors.backgroundPrimary}
87
- >
84
+ <View style={{ flex: 1, backgroundColor: tokens.colors.backgroundPrimary }}>
88
85
  <AIGenScreenHeader
89
86
  title={headerTitle || t("scenario.main_category.title")}
90
87
  description={headerDescription || t("scenario.main_category.subtitle")}
91
88
  onNavigationPress={onBack}
92
89
  />
93
- <FlatList
94
- data={mainCategories}
95
- showsVerticalScrollIndicator={false}
96
- renderItem={renderItem}
97
- keyExtractor={(item) => item.id}
98
- contentContainerStyle={[
99
- styles.listContent,
100
- { paddingBottom: insets.bottom + 100 },
101
- ]}
102
- removeClippedSubviews
103
- maxToRenderPerBatch={10}
104
- updateCellsBatchingPeriod={50}
105
- initialNumToRender={7}
106
- windowSize={11}
107
- />
108
- </ScreenLayout>
90
+ <ScreenLayout
91
+ scrollable={false}
92
+ edges={["left", "right", "bottom"]}
93
+ backgroundColor={tokens.colors.backgroundPrimary}
94
+ >
95
+ <FlatList
96
+ data={mainCategories}
97
+ showsVerticalScrollIndicator={false}
98
+ renderItem={renderItem}
99
+ keyExtractor={(item) => item.id}
100
+ contentContainerStyle={[
101
+ styles.listContent,
102
+ { paddingBottom: insets.bottom + 40 },
103
+ ]}
104
+ removeClippedSubviews
105
+ maxToRenderPerBatch={10}
106
+ updateCellsBatchingPeriod={50}
107
+ initialNumToRender={7}
108
+ windowSize={11}
109
+ />
110
+ </ScreenLayout>
111
+ </View>
109
112
  );
110
113
  };
111
114
  const createStyles = (tokens: DesignTokens) =>
package/src/domains/scenarios/presentation/screens/SubCategoryScreen.tsx CHANGED
@@ -7,6 +7,7 @@ import React, { useMemo, useCallback, useEffect } from "react";
7
7
  import {
8
8
  FlatList,
9
9
  StyleSheet,
10
+ View,
10
11
  type ListRenderItemInfo,
11
12
  } from "react-native";
12
13
  import { AtomicCard } from "@umituz/react-native-design-system/atoms";
@@ -97,32 +98,34 @@ export const SubCategoryScreen: React.FC<SubCategoryScreenProps> = ({
97
98
  );
98
99
 
99
100
  return (
100
- <ScreenLayout
101
- scrollable={false}
102
- edges={["left", "right"]}
103
- backgroundColor={tokens.colors.backgroundPrimary}
104
- >
101
+ <View style={{ flex: 1, backgroundColor: tokens.colors.backgroundPrimary }}>
105
102
  <AIGenScreenHeader
106
103
  title={headerTitleKey ? t(headerTitleKey) : t("scenario.sub_category.title")}
107
104
  description={headerDescriptionKey ? t(headerDescriptionKey) : t("scenario.sub_category.subtitle")}
108
105
  onNavigationPress={onBack}
109
106
  />
110
- <FlatList
111
- data={filteredSubCategories}
112
- showsVerticalScrollIndicator={false}
113
- renderItem={renderItem}
114
- keyExtractor={(item) => item.id}
115
- contentContainerStyle={[
116
- styles.listContent,
117
- { paddingBottom: insets.bottom + 100 },
118
- ]}
119
- removeClippedSubviews
120
- maxToRenderPerBatch={10}
121
- updateCellsBatchingPeriod={50}
122
- initialNumToRender={10}
123
- windowSize={11}
124
- />
125
- </ScreenLayout>
107
+ <ScreenLayout
108
+ scrollable={false}
109
+ edges={["left", "right", "bottom"]}
110
+ backgroundColor={tokens.colors.backgroundPrimary}
111
+ >
112
+ <FlatList
113
+ data={filteredSubCategories}
114
+ showsVerticalScrollIndicator={false}
115
+ renderItem={renderItem}
116
+ keyExtractor={(item) => item.id}
117
+ contentContainerStyle={[
118
+ styles.listContent,
119
+ { paddingBottom: insets.bottom + 40 },
120
+ ]}
121
+ removeClippedSubviews
122
+ maxToRenderPerBatch={10}
123
+ updateCellsBatchingPeriod={50}
124
+ initialNumToRender={10}
125
+ windowSize={11}
126
+ />
127
+ </ScreenLayout>
128
+ </View>
126
129
  );
127
130
  };
128
131
 
package/src/presentation/components/headers/AIGenScreenHeader.tsx CHANGED
@@ -46,7 +46,7 @@ export const AIGenScreenHeader: React.FC<AIGenScreenHeaderProps> = ({
46
46
  const iconColor = isCloseButton ? "secondary" : "primary";
47
47
 
48
48
  return (
49
- <View style={[styles.header, { paddingTop: insets.top > 0 ? insets.top : 16 }]}>
49
+ <View style={[styles.header, { paddingTop: insets.top }]}>
50
50
  <View style={styles.headerTop}>
51
51
  {onNavigationPress && (
52
52
  <TouchableOpacity