Gracefully handle non-array inputs in 'data' prop (#721)

* Gracefully handle non-array inputs in 'data' prop

* v48.3.1

Author: YoussefHenna

example/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@draftbit/example",
   "description": "Example app for @draftbit/ui",
-  "version": "48.3.0",
+  "version": "48.3.1",
   "private": true,
   "main": "__generated__/AppEntry.js",
   "scripts": {
@@ -16,8 +16,8 @@
     "clean:modules": "rimraf node_modules"
   },
   "dependencies": {
-    "@draftbit/maps": "48.3.0",
-    "@draftbit/ui": "48.3.0",
+    "@draftbit/maps": "48.3.1",
+    "@draftbit/ui": "48.3.1",
     "@expo/dev-server": "0.1.123",
     "@expo/webpack-config": "^18.0.1",
     "@react-navigation/drawer": "^5.12.9",

lerna.json

@@ -1,5 +1,5 @@
 {
-  "version": "48.3.0",
+  "version": "48.3.1",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "packages": ["packages/*", "example"],

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "48.3.0",
+  "version": "48.3.1",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",

packages/core/src/components/DeckSwiper/DeckSwiper.tsx

@@ -70,7 +70,7 @@ const DeckSwiper = <T extends object>({
     [childrenArray]
   );
 
-  const cardsData = data || cardsFillerData;
+  const cardsData = Array.isArray(data) ? data : cardsFillerData;
 
   const renderCard = (card: any, index: number): JSX.Element => {
     if (renderItem) {

packages/core/src/components/SectionList/SectionList.tsx

@@ -45,7 +45,10 @@ const SectionList = <T extends { [key: string]: any }>({
   renderItem: renderItemProp,
   ...rest
 }: FlatListSectionListProps<T> | FlashListSectionListProps<T>) => {
-  const data = React.useMemo(() => (dataProp || []) as T[], [dataProp]);
+  const data = React.useMemo(
+    () => (Array.isArray(dataProp) ? dataProp : []) as T[],
+    [dataProp]
+  );
 
   const dataWithSections = React.useMemo(() => {
     const result: SectionListItem<T>[] = [];

packages/core/src/components/Swiper/Swiper.tsx

@@ -74,7 +74,7 @@ const Swiper = ({
 
   const children: React.ReactNode = React.useMemo(
     () =>
-      data && renderItem
+      Array.isArray(data) && renderItem
         ? data.map((item, index) => {
             const component = renderItem({ item, index });
 

packages/core/src/components/Table/Table.tsx

@@ -59,7 +59,7 @@ const Table = <T extends object>({
     return object.isTableHeader;
   }, []);
 
-  const isRenderItem = data && renderItem;
+  const isRenderItem = Array.isArray(data) && renderItem;
 
   //Uses 'renderItem' and 'data' to create an array of children
   const dataAsChildren = React.useMemo(() => {

packages/maps/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/maps",
-  "version": "48.3.0",
+  "version": "48.3.1",
   "description": "Map Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -39,7 +39,7 @@
   },
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
-    "@draftbit/ui": "48.3.0",
+    "@draftbit/ui": "48.3.1",
     "@teovilla/react-native-web-maps": "^0.9.1",
     "react-native-maps": "1.3.2"
   },

packages/maps/src/components/MapView.tsx

@@ -78,7 +78,7 @@ class MapView<T> extends React.Component<
   private getChildrenForType(type: React.ElementType): React.ReactElement[] {
     const { markersData, renderItem, keyExtractor, children } = this.props;
 
-    if (markersData && renderItem) {
+    if (Array.isArray(markersData) && renderItem) {
       const markers: React.ReactElement[] = [];
 
       markersData.forEach((item, index) => {

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/ui",
-  "version": "48.3.0",
+  "version": "48.3.1",
   "description": "Draftbit UI Library",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -43,7 +43,7 @@
   },
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
-    "@draftbit/core": "48.3.0",
+    "@draftbit/core": "48.3.1",
     "@draftbit/native": "48.3.0",
     "react-native-reanimated": "~2.14.4"
   },