react-native-boxes 1.4.73 → 1.4.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-boxes",
-  "version": "1.4.73",
+  "version": "1.4.75",
   "description": "A react native library for rapid development of UI using boxes",
   "main": "src/index.js",
   "scripts": {

package/src/List.tsx

@@ -5,16 +5,20 @@ import { Caption, Subtitle, TextView, TitleText } from "./Text"
 import { useContext } from "react"
 import { ThemeContext } from "./ThemeContext"
 import { PressableView } from "./Button"
-
+import React from 'react'
 
 export type DatatableViewProps = {
     items: any[],
-    itemAdapter: (item: any, idx: number, list: any) => SimpleDatatableViewItemProps,
+    itemAdapter?: (item: any, idx: number, list: any) => SimpleDatatableViewItemProps,
     loading?: boolean,
+    onRender?: (item: any, idx: number, list: any) => React.Component | React.JSX.Element | Element | any
 } & ViewProps
 export function SimpleDatalistView(props: DatatableViewProps) {
     const theme = useContext(ThemeContext)
-
+    if (!props.itemAdapter && !props.onRender) {
+        console.warn('SimpleDatalistView: must provide either itemAdapter or onRender')
+        return null
+    }
     return props.loading ?
         <Center style={{
             padding: theme.dimens.space.xl * 2
@@ -26,7 +30,10 @@ export function SimpleDatalistView(props: DatatableViewProps) {
         <VBox style={[props.style]}>
             {
                 props.items.map((item, idx) => {
-                    let data = props.itemAdapter(item, idx, props.items)
+                    if (props.onRender) {
+                        return props.onRender?.(item, idx, props.items)
+                    }
+                    let data = props.itemAdapter?.(item, idx, props.items)
                     return (
                         <SimpleDatatlistViewItem
                             key={idx}
@@ -39,6 +46,7 @@ export function SimpleDatalistView(props: DatatableViewProps) {
 
 }
 
+
 export type SimpleDatatableViewItemProps = {
     title?: string,
     icon?: string | any,

package/src/Modal.tsx

@@ -35,7 +35,8 @@ export const BottomSheet = (props: BottomSheetProps) => {
     const theme = useContext(ThemeContext)
     let cancellable = props.cancellable != undefined ?
         props.cancellable : true
-
+    let swipeToCloseDisabled = props.swipeToCloseDisabled != undefined ?
+        props.swipeToCloseDisabled : false
     useEffect(() => {
         setModalVisible(props.visible)
         if (props.visible)
@@ -58,7 +59,7 @@ export const BottomSheet = (props: BottomSheetProps) => {
             props.onDismiss && props.onDismiss()
         })
 
-    const Wrapper = props.swipeToCloseDisabled ? ({ children }: any) => {
+    const Wrapper = swipeToCloseDisabled ? ({ children }: any) => {
         return (
             <View style={[styles.modalContainer, {
                 backgroundColor: props.backgroundColor || theme.colors.forground