@codeleap/mobile 3.4.0 → 3.6.0

package/package.json

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

package/src/components/DatePickerModal/index.tsx

@@ -148,7 +148,7 @@ export const DatePickerModal = (props: DatePickerModalProps) => {
   const cancelStyle = useNestedStylesByKey('cancelButton', variantStyles)
   const confirmStyle = useNestedStylesByKey('confirmButton', variantStyles)
 
-  const formattedDate = value ? formatDate(value) : placeholder
+  const formattedDate = value ? formatDate(value) : ''
   const { locale } = useI18N()
 
   const tempDate = useRef<Date|null>(null)

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

@@ -9,13 +9,14 @@ import {
   PropsOf,
   TypeGuards,
   useDefaultComponentStyle,
+  useRef,
 } from '@codeleap/common'
 import {
   ModalComposition,
   ModalPresets,
   ModalParts,
 } from './styles'
-import { StyleSheet } from 'react-native'
+import { ScrollView, StyleSheet } from 'react-native'
 import { StylesOf } from '../../types/utility'
 
 import { Backdrop } from '../Backdrop'
@@ -129,7 +130,7 @@ export const Modal = (modalProps:ModalProps) => {
     transform: StyleSheet.flatten,
     styles,
   }) as ModalProps['styles']
-
+  const scrollRef = useRef<ScrollView>(null)
   function getStyles(key: ModalParts) {
     const s = [
       variantStyles[key],