@codeleap/mobile 3.19.0 → 3.20.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "3.19.0",
+  "version": "3.20.1",
   "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

@@ -133,6 +133,8 @@ export const Pager = (pagerProps: PagerProps) => {
   const hasScrollDirectionDisabled = !scrollLeftEnabled || !scrollRightEnabled
 
   const handleScrollEnd = useCallback((event: ScrollEvent) => {
+    if (!scrollEnabled) return null
+    
     if (waitEventDispatch.current === true) return null
 
     waitEventDispatch.current = true
@@ -155,6 +157,8 @@ 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) {

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