@codeleap/mobile 4.0.1 → 4.1.0

package/src/components/Text/index.tsx

@@ -104,7 +104,7 @@ Text.elements = ['text', 'pressFeedback']
 Text.rootElement = 'text'
 
 Text.withVariantTypes = <S extends AnyRecord>(styles: S) => {
-  return Text as (props: StyledComponentProps<TextProps & { ref?: React.MutableRefObject<NativeText> }, typeof styles>) => IJSX
+  return Text as (props: StyledComponentProps<TextProps, typeof styles>) => IJSX
 }
 
 Text.defaultProps = {

package/src/components/Text/types.ts

@@ -1,11 +1,11 @@
 import { StyledProp } from '@codeleap/styles'
 import { ReactNode } from 'react'
-import { TextProps as RNTextProps, Animated, ViewStyle, ImageStyle, TextStyle } from 'react-native'
+import { TextProps as RNTextProps, Animated, ViewStyle, ImageStyle, TextStyle, Text as NativeText } from 'react-native'
 import { AnimatedStyleProp } from 'react-native-reanimated'
 import { TextComposition } from './styles'
 
 export type TextProps =
-  Omit<RNTextProps, 'style'> &
+  Omit<RNTextProps, 'style' | 'ref'> &
   {
     text?: ReactNode
     animated?: boolean
@@ -15,4 +15,5 @@ export type TextProps =
     pressDisabled?: boolean
     style?: StyledProp<TextComposition>
     animatedStyle?: AnimatedStyleProp<ViewStyle | ImageStyle | TextStyle>
+    ref?: React.ForwardedRef<NativeText>
   }

package/src/components/TextInput/index.tsx

@@ -17,6 +17,7 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((props, inp
   const innerInputRef = React.useRef<NativeTextInput>(null)
 
   const [isFocused, setIsFocused] = useState(false)
+  const [currentSelection, setCurrentSelection] = useState({ start: 0 })
 
   const {
     inputBaseProps,
@@ -38,6 +39,8 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((props, inp
     visibleIcon,
     hiddenIcon,
     style,
+    autoAdjustSelection,
+    selectionStart,
     _error = null,
     ...textInputProps
   } = others
@@ -68,12 +71,14 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((props, inp
   const handleBlur = React.useCallback((e: NativeSyntheticEvent<TextInputFocusEventData>) => {
     validation.onInputBlurred()
     setIsFocused(false)
+    if (autoAdjustSelection) setCurrentSelection({ start: selectionStart })
     props.onBlur?.(e)
   }, [validation.onInputBlurred, props.onBlur])
 
   const handleFocus = React.useCallback((e: NativeSyntheticEvent<TextInputFocusEventData>) => {
     validation.onInputFocused()
     setIsFocused(true)
+    if (autoAdjustSelection) setCurrentSelection(null)
     props.onFocus?.(e)
   }, [validation.onInputFocused, props.onFocus])
 
@@ -153,6 +158,7 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((props, inp
       allowFontScaling={false}
       editable={!isPressable && !isDisabled}
       {...buttonModeProps}
+      selection={autoAdjustSelection ? currentSelection : undefined}
       placeholderTextColor={placeholderTextColor}
       value={value}
       selectionColor={selectionColor}
@@ -188,6 +194,8 @@ TextInput.defaultProps = {
   hiddenIcon: 'input-visiblity:hidden' as AppIcon,
   visibleIcon: 'input-visiblity:visible' as AppIcon,
   visibilityToggle: false,
+  autoAdjustSelection: false,
+  selectionStart: 0,
 } as Partial<TextInputProps>
 
 MobileStyleRegistry.registerComponent(TextInput)

package/src/components/TextInput/types.ts

@@ -12,6 +12,8 @@ export type TextInputProps =
     password?: boolean
     validate?: FormTypes.ValidatorFunctionWithoutForm | yup.SchemaOf<string>
     debugName: string
+    autoAdjustSelection?: boolean
+    selectionStart?: number
     visibilityToggle?: boolean
     masking?: FormTypes.TextField['masking']
     onChangeMask?: TextInputMaskProps['onChangeText']

package/src/components/components.ts

@@ -38,3 +38,5 @@ export * from './NumberIncrement'
 export * from './Badge'
 export * from './SearchInput'
 export * from './PaginationIndicator'
+export * from './PlacesAutocomplete'
+export * from './SortablePhotos'

package/src/utils/misc.ts

@@ -1,4 +1,4 @@
-import { MobileFile, MobileInputFile, parseFilePathData, FileWithPreview } from '@codeleap/common'
+import { MobileFile, MobileInputFile, parseFilePathData, FileWithPreview, TypeGuards } from '@codeleap/common'
 
 export const stringToFile = (str: string): MobileInputFile => {
   if (!str) {
@@ -62,7 +62,7 @@ export function isFile(param:any): param is MobileInputFile {
   }
 }
 
-export function toMultipart(body) {
+export function toMultipart(body, defaultFileValue = 'null') {
   const form = new FormData()
 
   for (const [key, value] of Object.entries(body)) {
@@ -71,6 +71,17 @@ export function toMultipart(body) {
       formValue = value.map((file) => form.append(key, toMultipartFile(file)))
     } else if (isFile(value)) {
       formValue = toMultipartFile(value)
+    } else if (key === 'files' && typeof value === 'object') {
+
+      if (TypeGuards.isNil(value)) {
+        form.append(key, defaultFileValue)
+      } else {
+
+        for (const [filename, file] of Object.entries(value)) {
+          form.append(filename, toMultipartFile(file))
+        }
+      }
+
     } else if (typeof value === 'object') {
       formValue = JSON.stringify(value)
     } else {
@@ -81,3 +92,31 @@ export function toMultipart(body) {
 
   return form
 }
+
+export function getFileMimeType(uri: string) {
+  const extension = uri.split('.').pop().toLowerCase()
+
+  const mimeTypes = {
+    jpg: 'image/jpeg',
+    jpeg: 'image/jpeg',
+    png: 'image/png',
+    gif: 'image/gif',
+    webp: 'image/webp',
+    pdf: 'application/pdf',
+    txt: 'text/plain',
+    mp4: 'video/mp4',
+  }
+
+  return mimeTypes[extension] || 'application/octet-stream'
+}
+
+export function getFileInfo(uri: string) {
+  const fileName = uri.split('/').pop()
+  const fileType = getFileMimeType(fileName)
+
+  return {
+    name: fileName,
+    type: fileType,
+    uri: uri,
+  }
+}