@codeleap/mobile 1.4.0 → 1.4.3

package/src/components/Touchable.tsx

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

package/src/components/View.tsx

@@ -1,46 +1,46 @@
-import * as React from 'react'
-import * as Animatable from 'react-native-animatable'
-import { ComponentPropsWithoutRef, forwardRef } from 'react'
-import {
-  ComponentVariants,
-  useDefaultComponentStyle,
-  ViewStyles,
-  BaseViewProps,
-} from '@codeleap/common'
-import { View as NativeView, ViewStyle } from 'react-native'
-
-export type ViewProps = ComponentPropsWithoutRef<typeof NativeView> &
-  ComponentVariants<typeof ViewStyles> & {
-    ref?: any;
-    component?: any;
-  } & BaseViewProps;
-
-export const View: React.FC<ViewProps> = forwardRef<NativeView, ViewProps>((viewProps, ref) => {
-  const {
-    responsiveVariants = {},
-    variants = [],
-    children,
-    style,
-    onHover,
-    component,
-    ...props
-  } = viewProps
-
-  const variantStyles = useDefaultComponentStyle('View', {
-    responsiveVariants,
-    variants,
-  })
-  const Component = component || NativeView
-
-  return (
-    <Component style={[variantStyles.wrapper, style]} ref={ref} {...props}>
-      {children}
-    </Component>
-  )
-})
-
-export const AnimatedView = Animatable.createAnimatableComponent(
-  View,
-) as unknown as React.ForwardRefExoticComponent<
-  { transition?: any; animation?: any } & ViewProps
->
+import * as React from 'react'
+import * as Animatable from 'react-native-animatable'
+import { ComponentPropsWithoutRef, forwardRef } from 'react'
+import {
+  ComponentVariants,
+  useDefaultComponentStyle,
+  ViewStyles,
+  BaseViewProps,
+} from '@codeleap/common'
+import { View as NativeView, ViewStyle } from 'react-native'
+
+export type ViewProps = ComponentPropsWithoutRef<typeof NativeView> &
+  ComponentVariants<typeof ViewStyles> & {
+    ref?: any
+    component?: any
+  } & BaseViewProps
+
+export const View: React.FC<ViewProps> = forwardRef<NativeView, ViewProps>((viewProps, ref) => {
+  const {
+    responsiveVariants = {},
+    variants = [],
+    children,
+    style,
+    onHover,
+    component,
+    ...props
+  } = viewProps
+
+  const variantStyles = useDefaultComponentStyle('View', {
+    responsiveVariants,
+    variants,
+  })
+  const Component = component || NativeView
+
+  return (
+    <Component style={[variantStyles.wrapper, style]} ref={ref} {...props}>
+      {children}
+    </Component>
+  )
+})
+
+export const AnimatedView = Animatable.createAnimatableComponent(
+  View,
+) as unknown as React.ForwardRefExoticComponent<
+  { transition?: any; animation?: any } & ViewProps
+>

package/src/components/components.ts

@@ -1,26 +1,26 @@
-export * from './View'
-export * from './Animated'
-export * from './Icon'
-export * from './Touchable'
-export * from './Text'
-export * from './Image'
-export * from './Checkbox'
-export * from './TextInput'
-export * from './RadioInput'
-export * from './Switch'
-export * from './ContentView'
-
-export * from './Select'
-export * from './FileInput'
-export * from './Slider'
-export * from './Navigation'
-export * from './Scroll'
-export * from './List'
-export * from './ActivityIndicator'
-export * from './Button'
-export * from './ContentView'
-export * from './Overlay'
-export * from './Modal'
-
-export * from './Navigation'
-export * from './Pager'
+export * from './View'
+export * from './Animated'
+export * from './Icon'
+export * from './Touchable'
+export * from './Text'
+export * from './Image'
+export * from './Checkbox'
+export * from './TextInput'
+export * from './RadioInput'
+export * from './Switch'
+export * from './ContentView'
+
+export * from './Select'
+export * from './FileInput'
+export * from './Slider'
+export * from './Navigation'
+export * from './Scroll'
+export * from './List'
+export * from './ActivityIndicator'
+export * from './Button'
+export * from './ContentView'
+export * from './Overlay'
+export * from './Modal'
+
+export * from './Navigation'
+export * from './Pager'

package/src/index.ts

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

package/src/modules/documentPicker.ts

@@ -1,8 +1,7 @@
-// @ts-ignore
-import  DP from 'react-native-document-picker'
-import * as  DocumentPickerTypes from './types/documentPicker'
-
-
-export const DocumentPicker = DP as DocumentPickerTypes.DocumentPicker
-
-export {default as ImageCropPicker} from 'react-native-image-crop-picker'
+// @ts-ignore
+import DP from 'react-native-document-picker'
+import * as DocumentPickerTypes from './types/documentPicker'
+
+export const DocumentPicker = DP as DocumentPickerTypes.DocumentPicker
+
+export { default as ImageCropPicker } from 'react-native-image-crop-picker'

package/src/modules/fastImage.ts

@@ -1,2 +1,2 @@
-// @ts-ignore
-export { default as FastImage } from 'react-native-fast-image'
+// @ts-ignore
+export { default as FastImage } from 'react-native-fast-image'