@codeleap/mobile 1.0.0 → 1.3.0

package/src/components/Touchable.tsx

@@ -1,54 +1,51 @@
 import * as React from 'react'
 import { ComponentPropsWithoutRef, forwardRef } from 'react'
-import { ComponentVariants, useComponentStyle, BaseViewProps, ViewStyles, useStyle } from '@codeleap/common'
+import { ComponentVariants, useComponentStyle, BaseViewProps, ViewStyles, useStyle, AnyFunction } from '@codeleap/common'
 import { View } from './View'
-import { Animated, TouchableOpacity as NativeTouchable } from  'react-native'
+import { TouchableOpacity as NativeTouchable} from  'react-native'
 
+import { createAnimatableComponent } from 'react-native-animatable'
 export type TouchableProps =
-  ComponentPropsWithoutRef<typeof NativeTouchable> & 
+  Omit<ComponentPropsWithoutRef<typeof NativeTouchable>, 'onPress'> & 
 {
   variants?: ComponentVariants <typeof ViewStyles>['variants'],
   component?: any
+  ref?: React.Ref<NativeTouchable>
+  debugName?:string
+  onPress?: AnyFunction
 } & BaseViewProps
 
-export const Touchable = forwardRef<NativeTouchable, TouchableProps>((touchableProps, ref) => {
+export const Touchable:React.FC<TouchableProps> = forwardRef<NativeTouchable, TouchableProps>((touchableProps, ref) => {
   const { 
     variants = [],
     children,
     onPress,
     style,
+    debugName,
+    
     ...props
   } = touchableProps
   
   const variantStyles = useComponentStyle('View', {
     variants,
   })
+  
   const {logger} = useStyle()
   const press = () => {
     if(!onPress) throw {message: 'No onPress passed to touchable', touchableProps}
-    logger.log('<Touchable/> pressed', { style, variants }, 'Component')
-    onPress(null)
+    logger.log(`${debugName || '<Touchable/>'}  pressed`, { style, variants }, 'Component')
+    onPress && onPress()
   }
   
   const styles = [variantStyles.wrapper, style]
 
-  return <NativeTouchable onPress={press} {...props} ref={ref}> 
-    <View style={styles}>
-      {children}
-    </View>
+ 
+  return <NativeTouchable onPress={press} style={styles} {...props} ref={ref}> 
+  
+
+        {children} 
+   
   </NativeTouchable>
 })
 
-export type AnimatedTouchableProps =
-ComponentPropsWithoutRef<typeof Animated.View> & 
-TouchableProps
-
-export const AnimatedTouchable = forwardRef<typeof Animated.View, AnimatedTouchableProps>((viewProps, ref) => {
-  // @ts-ignore
-  return <Touchable
-    component={Animated.View}
-   
-    {...viewProps} 
-  /> 
-  
-})
+export const AnimatedTouchable = createAnimatableComponent(Touchable)

package/src/components/View.tsx

@@ -1,12 +1,13 @@
 import * as React from 'react';
+import * as Animatable from 'react-native-animatable'
 import { ComponentPropsWithoutRef, forwardRef } from 'react'
 import { ComponentVariants, useComponentStyle, ViewStyles, BaseViewProps } from '@codeleap/common'
-import { Animated, View as NativeView } from  'react-native'
+import { View as NativeView, ViewStyle } from  'react-native'
 
 export type ViewProps =
  ComponentPropsWithoutRef<typeof NativeView> & 
  ComponentVariants<typeof ViewStyles> & {
-  
+  ref?:any
     component?: any
 } & BaseViewProps
 
@@ -38,16 +39,5 @@ export const View = forwardRef<NativeView, ViewProps>((viewProps, ref) => {
   </Component>
 })
 
-export type AnimatedViewProps =
-ComponentPropsWithoutRef<typeof Animated.View> & 
-ComponentVariants<typeof ViewStyles>  & BaseViewProps
-
-export const AnimatedView = forwardRef<typeof Animated.View, AnimatedViewProps>((viewProps, ref) => {
-  // @ts-ignore
-  return <View
-    component={Animated.View}
-   
-    {...viewProps} 
-  /> 
-  
-})
+export const AnimatedView = 
+  Animatable.createAnimatableComponent(View) as unknown as React.ForwardRefExoticComponent<{transition?: any,animation?: any} & ViewProps>

package/src/components/index.ts

@@ -7,6 +7,8 @@ export *  from './Checkbox'
 export *  from './TextInput'
 export *  from './RadioInput'
 export *  from './Switch'
+export * from './ContentView'
+
 export *  from './Select'
 export *  from './FileInput'
 export *  from './Slider'
@@ -14,3 +16,8 @@ export *  from './Navigation'
 export * from './Scroll'
 export * from './ActivityIndicator'
 export * from './Button'
+export * from './ContentView'
+export * from './Overlay'
+export * from './Modal'
+
+export *  from './Navigation'

package/src/index.ts

@@ -1,2 +1,3 @@
 export * from './components'
-export {default as OSAlert } from './utils/OSAlert'
+export {default as OSAlert } from './utils/OSAlert'
+export {default as posed} from 'react-native-pose'

package/src/modules/documentPicker.ts

@@ -0,0 +1,2 @@
+// @ts-ignore 
+export {default as DocumentPicker} from 'react-native-document-picker'

package/dist/components/Checkbox.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { CheckboxStyles, CheckboxComposition, ComponentVariants, StylesOf } from '@codeleap/common';
-import { ComponentPropsWithRef, ReactNode } from 'react';
-import { Switch as NativeCheckbox } from 'react-native';
-declare type NativeCheckboxProps = Omit<ComponentPropsWithRef<typeof NativeCheckbox>, 'thumbColor' | 'trackColor'>;
-declare type CheckboxProps = NativeCheckboxProps & {
-    variants?: ComponentVariants<typeof CheckboxStyles>['variants'];
-    label?: ReactNode;
-    styles?: StylesOf<CheckboxComposition>;
-};
-export declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "label" | "variants" | "disabled" | "onChange" | "value" | "styles" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor" | "tintColor" | "key"> & React.RefAttributes<NativeCheckbox>>;
-export {};

package/dist/components/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAA+H;AAC/H,+BAAoE;AAEpE,yCAAwC;AACxC,+BAA6B;AAYhB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA+B,UAAC,WAAW,EAAC,GAAG;IAEzE,IAAA,KAKA,WAAW,SALE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAIA,WAAW,MAJD,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,KAGA,WAAW,OAHA,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAAK,GAEL,WAAW,MAFN,EACF,KAAK,UACR,WAAW,EANR,wCAMN,CADW,CACG;IAEf,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,UAAU,EAAE;QAChD,QAAQ,UAAA;QACR,MAAM,QAAA;KACT,CAAC,CAAA;IAEF,SAAS,SAAS,CAAC,GAAuB;QACtC,OAAO;YACH,aAAa,CAAC,GAAG,CAAC;YAClB,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YAC9B,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;YACnD,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;SAE/D,CAAA;IACL,CAAC;IAGD,OAAO,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CACrC;QAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CACvC;YAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EACxC;QAAA,EAAE,WAAI,CACN;QAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EAExD;;IAAA,EAAE,WAAI,CAAC,CAAA;AACX,CAAC,CAAC,CAAA"}