@codeleap/mobile 3.5.0 → 3.6.1

package/package.json

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

package/src/components/Autocomplete/index.tsx

@@ -26,7 +26,7 @@ const defaultFilterFunction = (search: string, options: FormTypes.Options<any>)
   })
 }
 
-const defaultProps:Partial<AutocompleteProps<any, boolean>> = {
+const defaultProps: Partial<AutocompleteProps<any, boolean>> = {
   getLabel(option) {
 
     if (TypeGuards.isArray(option)) {
@@ -45,7 +45,7 @@ const defaultProps:Partial<AutocompleteProps<any, boolean>> = {
   searchComponent: SearchInput,
 }
 
-export const Autocomplete = <T extends string|number = string, Multi extends boolean = false>(autocomplete:AutocompleteProps<T, Multi>) => {
+export const Autocomplete = <T extends string | number = string, Multi extends boolean = false>(autocomplete: AutocompleteProps<T, Multi>) => {
   const allProps = {
     ...defaultProps,
     ...autocomplete,
@@ -74,11 +74,11 @@ export const Autocomplete = <T extends string|number = string, Multi extends boo
     searchComponent,
     filterItems = defaultFilterFunction,
     searchInputProps: searchProps = {},
-    onItemPressed = () => {},
+    onItemPressed = () => { },
     listPlaceholder,
     style,
     loading: loadingProp = false,
-    ...listProps
+    listProps = {},
   } = allProps
 
   const isValueArray = TypeGuards.isArray(value) && multiple

package/src/components/Autocomplete/types.ts

@@ -54,7 +54,7 @@ export type AutocompleteProps<T = any, Multi extends boolean = false> = {
     styles?: StylesOf<AutocompleteComposition>
     style?: TextInputProps['style']
     closeOnSelect?: boolean
-    listProps?: Partial<FlatListProps>
+
     keyboardAware?: GetKeyboardAwarePropsOptions
     multiple?: Multi
     itemProps?: Partial<
@@ -70,6 +70,7 @@ export type AutocompleteProps<T = any, Multi extends boolean = false> = {
     debugName: string
     searchComponent?: React.ComponentType<SearchInputProps>
     listPlaceholder?: Partial<EmptyPlaceholderProps>
+    listProps?: Partial<Omit<FlatListProps<T>, 'renderItem'|'styles'|'style'>>
     loading: boolean | ((isLoading: boolean) => boolean)
   }
     & Omit<FlatListProps<T>, 'renderItem'|'styles'|'style'>

package/src/components/Icon/index.tsx

@@ -30,6 +30,7 @@ export type IconProps = {
   wrapperProps?: Partial<PropsOf<typeof View>>
   size?: number
   styles?: StylesOf<IconComposition>
+  source?: string
 } & BadgeComponentProps
 
 export const IconComponent = (props: IconProps) => {
@@ -41,6 +42,7 @@ export const IconComponent = (props: IconProps) => {
     badgeProps = {},
     wrapperProps = {},
     styles = {},
+    source,
     ...otherProps
   } = props
 
@@ -55,17 +57,32 @@ export const IconComponent = (props: IconProps) => {
     },
     rootElement: 'icon',
   })
-  const Component = Theme?.icons?.[name]
+  const Component = Theme?.icons?.[name] || (source && Theme.icons.RenderSource)
+
   onUpdate(() => {
     if (!Component && !!name) {
       logger.warn(
         `Icon: No icon found in theme for name "${name}".`,
-        { props: { style, name, variants, variantStyles }},
+        { props: { style, name, variants, variantStyles } },
         'Component',
       )
+    } else if (!Component && !!source) {
+      logger.warn('Icon: Cannot render source, no RenderSource component in Theme.icons', {
+        source,
+        props: { style, name, variants, variantStyles },
+        Component,
+      }, 'Component')
     }
   }, [name])
 
+  if (!name && !source) {
+    return null
+  }
+
+  if (!Component) {
+    return null
+  }
+
   if (badge || TypeGuards.isNumber(badge)) {
     const badgeStyles = getNestedStylesByKey('badge', variantStyles)
 
@@ -80,20 +97,12 @@ export const IconComponent = (props: IconProps) => {
     ]
 
     return <View {...wrapperProps} style={wrapperStyle}>
-      <Component {...otherProps} style={variantStyles.icon} />
+      <Component {...otherProps} style={variantStyles.icon} source={source} />
       <Badge styles={badgeStyles} badge={badge} {...badgeProps} />
     </View>
   }
 
-  if (!name) {
-    return null
-  }
-
-  if (!Component) {
-
-    return null
-  }
-  return <Component {...otherProps} style={variantStyles.icon} />
+  return <Component {...otherProps} style={variantStyles.icon} source={source} />
 }
 
 function areEqual(prevProps, nextProps) {

package/src/components/Modal/index.tsx

@@ -199,8 +199,7 @@ export const Modal = (modalProps:ModalProps) => {
         showsVerticalScrollIndicator={false}
         keyboardAware
         animated
-        // @ts-ignore
-        ref={scrollRef}
+
         { ...scrollProps}
       >
         {dismissOnBackdrop &&