@codeleap/mobile 1.9.25 → 1.9.26

package/src/components/View.tsx

@@ -1,46 +1,48 @@
-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'
+import { MotiView, MotiProps } from 'moti'
+export type ViewProps = ComponentPropsWithoutRef<typeof NativeView> &
+  ComponentVariants<typeof ViewStyles> & {
+    ref?: any
+    component?: any
+    animated?: boolean
+  } & BaseViewProps
+
+export const View: React.FC<ViewProps & Partial<MotiProps>> = forwardRef<NativeView, ViewProps & Partial<MotiProps>>((viewProps, ref) => {
+  const {
+    responsiveVariants = {},
+    variants = [],
+    children,
+    style,
+    onHover,
+    component,
+    animated = false,
+    ...props
+  } = viewProps
+
+  const variantStyles = useDefaultComponentStyle('View', {
+    responsiveVariants,
+    variants,
+  })
+  const Component = animated ? MotiView : 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,27 @@
-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 './Sections'
-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 './Sections'
+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 './NewPager'

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,7 +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'