@codeleap/mobile 3.20.0 → 3.20.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "3.20.0",
+  "version": "3.20.3",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {

package/src/components/EmptyPlaceholder/index.tsx

@@ -93,17 +93,16 @@ export const EmptyPlaceholder:React.FC<EmptyPlaceholderProps> = (props: EmptyPla
   if (icon) {
     _image = <Icon name={icon} style={componentStyles.icon}/>
   } else if (image) {
-    _image = <Image source={image} style={[
-      componentStyles.image,
-
-    ]}/>
+    _image = <Image source={image} style={[componentStyles.image]}/>
   }
 
   return (
     <View style={componentStyles.wrapper}>
-      <View style={componentStyles.imageWrapper}>
-        {_image}
-      </View>
+      {React.isValidElement(_image) ? (
+        <View style={componentStyles.imageWrapper}>
+          {_image}
+        </View>
+      ) : null}
 
       {React.isValidElement(emptyText) ? emptyText : <Text text={emptyText} style={componentStyles.title}/> }
       {React.isValidElement(description) ? description : <Text text={description} style={componentStyles.description}/> }

package/src/components/Pager/index.tsx

@@ -43,7 +43,7 @@ export type PagerProps = React.PropsWithChildren<{
   renderPageWrapper?: React.FC<PageProps>
   pageWrapperProps?: any
   width?: number
-  onScroll?: (event: ScrollEvent, args: { isLeft: boolean; isRight: boolean; x: number }) => void
+  onScroll?: (event: ScrollEvent, args: { isLeft?: boolean; isRight?: boolean; x?: number }) => void
   /** If TRUE render page, nextPage and prevPage only */
   windowing?: boolean
   scrollRightEnabled?: boolean
@@ -157,10 +157,13 @@ export const Pager = (pagerProps: PagerProps) => {
   }, [childArr, page, setPage, waitEventDispatch.current])
 
   const handleScroll = (event: ScrollEvent) => {
-    if (!scrollEnabled) return null
-
     const scrollX = event?.nativeEvent?.contentOffset?.x
 
+    if (!scrollEnabled) {
+      if (TypeGuards.isFunction(onScroll)) onScroll?.(event, { x: scrollX })
+      return null
+    }
+
     if (!_scrollEnabled) {
       setScrollPositionX(scrollX)
       return null

package/src/components/Touchable/index.tsx

@@ -75,6 +75,7 @@ const _Touchable = forwardRef<
     analyticsName,
     analyticsData = {},
     dismissKeyboard,
+    disabled,
     ...props
   } = {
     ...defaultProps,
@@ -142,7 +143,7 @@ const _Touchable = forwardRef<
 
   }
 
-  const _styles = StyleSheet.flatten([variantStyles.wrapper, style])
+  const _styles = StyleSheet.flatten([variantStyles.wrapper, disabled && variantStyles['wrapper:disabled'], style])
 
   const disableFeedback = !onPress || noFeedback
 

package/src/components/Touchable/styles.ts

@@ -2,7 +2,7 @@ import { createDefaultVariantFactory, includePresets } from '@codeleap/common'
 import { StylesOf } from '../../types'
 import { TouchableFeedbackConfig } from '../../utils'
 
-export type TouchableComposition = 'wrapper' | 'feedback' | 'pressable'
+export type TouchableComposition = 'wrapper' | 'wrapper:disabled' | 'feedback' | 'pressable'
 
 export type TouchableStylesGen<TCSS = any> = StylesOf<Exclude<TouchableComposition, 'feedback'>> & {
   feedback?: TouchableFeedbackConfig