@codeleap/mobile 3.2.16 → 3.2.17

package/package.json

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

package/src/components/Text/index.tsx

@@ -30,7 +30,10 @@ const _Text = forwardRef<NativeText, TextProps>((textProps, ref) => {
     ...textProps,
   }
 
-  const pressPolyfillEnabled = Platform.OS === 'android' && !!onPress && !pressDisabled
+  const pressPolyfillEnabled = Platform.select({
+    ios: props.suppressHighlighting,
+    android: true,
+  }) && !!onPress && !pressDisabled
 
   const [pressed, setPressed] = useState(false)
   const pressedRef = React.useRef(false)

package/src/components/View/index.tsx

@@ -7,6 +7,7 @@ import {
   useCodeleapContext,
   useMemo,
   AnyRef,
+  TypeGuards,
 } from '@codeleap/common'
 import { View as NativeView, ViewProps as RNViewProps } from 'react-native'
 import { GetKeyboardAwarePropsOptions } from '../../utils'
@@ -55,31 +56,36 @@ export const View = forwardRef<NativeView, ViewProps>((viewProps, ref) => {
 
 type GapProps = ViewProps & {
   value: number
-
+  crossValue?: number
   defaultProps?: any
 }
 
-export const Gap = ({ children, value, defaultProps = {}, ...props }: GapProps) => {
+export const Gap = ({ children, value, defaultProps = {}, crossValue = null, ...props }: GapProps) => {
   const { Theme } = useCodeleapContext()
   const childArr = React.Children.toArray(children)
 
   const horizontal = props.variants?.includes('row')
+
   const spacings = useMemo(() => {
     return childArr.map((_, idx) => {
-      let spacingFunction = horizontal ? 'marginHorizontal' : 'marginVertical'
-
-      switch (idx) {
-        case 0:
-          spacingFunction = horizontal ? 'marginRight' : 'marginBottom'
-          break
-        case childArr.length - 1:
-          spacingFunction = horizontal ? 'marginLeft' : 'marginTop'
-          break
-        default:
-          break
+
+      const space = Theme.spacing.value(value)
+      const crossSpace = Theme.spacing.value(crossValue)
+
+      const isLast = idx === childArr.length - 1
+
+      const spacingProperty = horizontal ? 'marginRight' : 'marginBottom'
+      const crossSpacingProperty = horizontal ? 'marginBottom' : 'marginRight'
+
+      const style = isLast ? {} : {
+        [spacingProperty]: space,
+      }
+
+      if (!TypeGuards.isNil(crossValue) && !isLast) {
+        style[crossSpacingProperty] = crossSpace
       }
 
-      return Theme.spacing[spacingFunction](value / 2)
+      return style
     })
 
   }, [childArr.length, horizontal])

package/src/utils/PermissionManager/types.ts

@@ -1,4 +1,5 @@
 import { PermissionTypes } from '@codeleap/common'
+import { ImageProps } from '../../components/Image'
 type NonGrantedPermissionTypes = Exclude<PermissionTypes.PermissionStatus, 'granted'>
 
 export type BasePermissionConfig = {
@@ -8,7 +9,9 @@ export type BasePermissionConfig = {
     onAllow: 'openSettings' | 'ask'
 
     description: string[]
-    icon: string
+    icon?: string
+    image?: ImageProps['source']
+    imageProps?: Omit<ImageProps, 'source'>
 }
 
 export type PermissionConfig = BasePermissionConfig &