@janiscommerce/ui-native 1.21.0 → 1.22.0

package/dist/components/atoms/List/index.d.ts

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import { FlatListProps, ScrollViewProps } from 'react-native';
-type TypeData = string | number | object | [] | React.ReactElement;
+type TypeData = any;
 type RCProps = {
     item: TypeData;
     index: number;
@@ -10,11 +10,17 @@ export declare enum TypeList {
     FlatList = "flatList",
     ScrollView = "scrollView"
 }
-interface ListProps {
+interface BaseProps {
     data: TypeData[] | undefined;
     renderComponent: TypeRenderComponent;
     type?: TypeList;
 }
-type MergedProps = ListProps & (FlatListProps<TypeData> | ScrollViewProps);
-declare const List: FC<MergedProps>;
+type FlatListOnlyProps = Omit<FlatListProps<TypeData>, 'data' | 'renderItem'> & {
+    type?: TypeList.FlatList;
+};
+type ScrollViewOnlyProps = ScrollViewProps & {
+    type: TypeList.ScrollView;
+};
+type ListProps = BaseProps & (FlatListOnlyProps | ScrollViewOnlyProps);
+declare const List: FC<ListProps>;
 export default List;

package/dist/components/atoms/List/index.js

@@ -9,8 +9,13 @@ const List = ({ data, renderComponent, type = TypeList.FlatList, ...props }) =>
     if (!data?.length) {
         return null;
     }
-    const FlatListComponent = () => <FlatList data={data} renderItem={renderComponent} {...props}/>;
-    const ScrollViewComponent = () => (<ScrollView {...props}>{data.map((item, index) => renderComponent({ item, index }))}</ScrollView>);
-    return type === TypeList.FlatList ? <FlatListComponent /> : <ScrollViewComponent />;
+    if (type === TypeList.ScrollView) {
+        const scrollProps = props;
+        return (<ScrollView {...scrollProps}>
+				{data.map((item, index) => renderComponent({ item, index }))}
+			</ScrollView>);
+    }
+    const cleanedFlatProps = props;
+    return (<FlatList data={data} renderItem={({ item, index }) => renderComponent({ item, index })} keyExtractor={(item, index) => String(item.id ?? index)} {...cleanedFlatProps}/>);
 };
 export default List;

package/dist/components/organisms/ErrorBoundary/components/ErrorFallback/index.js

@@ -74,7 +74,7 @@ const ErrorFallback = ({ error, errorDetails, isDebug, errorMessage, }) => {
 			<Typography type="heading" size="large" style={styles.heading}>
 				Oops! Something went wrong.
 			</Typography>
-			{error && <Typography color={palette.error.main}>{error}</Typography>}
+			{error && isDebug && <Typography color={palette.error.main}>{error}</Typography>}
 			{isDebug && (<Collapsible wrapperStyle={styles.collapsibleWrapper} header={ShowErrorDetailsButton} content={ErrorDetails} data={data} pressableComponent={TouchableOpacity}/>)}
 		</View>);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@janiscommerce/ui-native",
-	"version": "1.21.0",
+	"version": "1.22.0",
 	"description": "components library for Janis app",
 	"main": "dist/index.js",
 	"typings": "dist/index.d.ts",