@codeleap/mobile 1.4.0 → 1.5.0

package/dist/components/TextInput.js

@@ -53,7 +53,7 @@ var react_native_1 = require("react-native");
 var Touchable_1 = require("./Touchable");
 exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
     var _a;
-    var onChange = rawprops.onChange, type = rawprops.type, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, multiline = rawprops.multiline, variants = rawprops.variants, label = rawprops.label, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, touchableWrapper = rawprops.touchableWrapper, innerWrapperProps = rawprops.innerWrapperProps, props = __rest(rawprops, ["onChange", "type", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "multiline", "variants", "label", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "touchableWrapper", "innerWrapperProps"]);
+    var onChange = rawprops.onChange, type = rawprops.type, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, multiline = rawprops.multiline, variants = rawprops.variants, label = rawprops.label, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, touchableWrapper = rawprops.touchableWrapper, innerWrapperProps = rawprops.innerWrapperProps, debugName = rawprops.debugName, props = __rest(rawprops, ["onChange", "type", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "multiline", "variants", "label", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "touchableWrapper", "innerWrapperProps", "debugName"]);
     var _b = (0, react_1.useState)(false), isFocused = _b[0], setFocus = _b[1];
     var _c = (0, react_1.useState)(edited), editedState = _c[0], setEdited = _c[1];
     var input = (0, react_1.useRef)(null);
@@ -102,7 +102,7 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
     var InnerWrapper = touchableWrapper ? Touchable_1.Touchable : View_1.View;
     return (<View_1.View style={getStyles('wrapper')}>
       <exports.InputLabel label={label} style={getStyles('label')}/>
-      <InnerWrapper style={getStyles('innerWrapper')} {...innerWrapperProps}>
+      <InnerWrapper debugName={debugName} style={getStyles('innerWrapper')} {...innerWrapperProps}>
         <exports.InputIcon {...leftIcon} style={leftIconStyle}/>
         <InputElement ref={input} secureTextEntry={password && !textIsVisible} onChange={handleChange} value={value} editable={disabled} onFocus={handleFocus} onBlur={handleBlur} placeholderTextColor={(_a = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _a === void 0 ? void 0 : _a.color} {...props} style={getStyles('textField')}/>
         {visibilityToggle ?
@@ -126,7 +126,7 @@ var InputIcon = function (_a) {
     if (!name)
         return null;
     if (action) {
-        return <Button_1.Button icon={name} onPress={function () { return action(); }} styles={{
+        return <Button_1.Button icon={name} debugName={"".concat(name, " icon button")} onPress={function () { return action(); }} styles={{
                 icon: style,
             }} variants={['icon']}/>;
     }

package/dist/components/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/Touchable.d.ts

@@ -6,7 +6,7 @@ export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof Native
     variants?: ComponentVariants<typeof ViewStyles>['variants'];
     component?: any;
     ref?: React.Ref<NativeTouchable>;
-    debugName?: string;
+    debugName: string;
     debugComponent?: string;
     onPress?: AnyFunction;
 } & BaseViewProps;

package/dist/modules/documentPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"documentPicker.js","sourceRoot":"","sources":["../../src/modules/documentPicker.ts"],"names":[],"mappings":";;;;;;AAAA,aAAa;AACb,8FAA8C;AAIjC,QAAA,cAAc,GAAG,sCAAwC,CAAA;AAEtE,iFAAyE;AAAjE,kJAAA,OAAO,OAAmB"}
+{"version":3,"file":"documentPicker.js","sourceRoot":"","sources":["../../src/modules/documentPicker.ts"],"names":[],"mappings":";;;;;;AAAA,aAAa;AACb,8FAA6C;AAGhC,QAAA,cAAc,GAAG,sCAAwC,CAAA;AAEtE,iFAA2E;AAAlE,kJAAA,OAAO,OAAmB"}

package/dist/utils/OSAlert.d.ts

@@ -19,9 +19,9 @@ declare type OSAlertArgs = {
 declare type AlertEvent = AlertButton['onPress'];
 declare type NamedEvents<E extends string> = Partial<Record<E, AlertEvent>>;
 declare function ask({ title, body, options }: OSAlertArgs): void;
-declare function warn({ title, body, onAccept, onReject, }: OSAlertArgs & NamedEvents<'onReject' | 'onAccept'>): void;
-declare function info({ title, body, onDismiss, }: OSAlertArgs & NamedEvents<'onDismiss'>): void;
-declare function OSError({ title, body, onDismiss, }: OSAlertArgs & NamedEvents<'onDismiss'>): void;
+declare function warn(args: OSAlertArgs & NamedEvents<'onReject' | 'onAccept'>): void;
+declare function info(args: OSAlertArgs & NamedEvents<'onDismiss'>): void;
+declare function OSError(args: OSAlertArgs & NamedEvents<'onDismiss'>): void;
 declare const _default: {
     ask: typeof ask;
     warn: typeof warn;

package/dist/utils/OSAlert.js

@@ -1,7 +1,38 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint no-restricted-imports: 'off' */
+/* eslint prefer-const: 'off' */
 var react_native_1 = require("react-native");
+var currentAlerts = {};
+function generateAlertID(from) {
+    return [
+        from.type,
+        from.title,
+        from.body,
+    ].join('-');
+}
+function shouldShowAlert(args, type) {
+    var alertId = generateAlertID(__assign(__assign({}, args), { type: type }));
+    if (!Object.keys(currentAlerts).includes(alertId)) {
+        currentAlerts[alertId] = true;
+        return alertId;
+    }
+    return '';
+}
+function popAlert(id) {
+    delete currentAlerts[id];
+}
 function ask(_a) {
     var title = _a.title, body = _a.body, _b = _a.options, options = _b === void 0 ? null : _b;
     if (!title) {
@@ -13,8 +44,11 @@ function ask(_a) {
         options: options,
     });
 }
-function warn(_a) {
-    var title = _a.title, body = _a.body, onAccept = _a.onAccept, onReject = _a.onReject;
+function warn(args) {
+    var id = shouldShowAlert(args, 'warn');
+    if (!id)
+        return;
+    var title = args.title, body = args.body, onAccept = args.onAccept, onReject = args.onReject;
     if (!title) {
         title = 'Hang on';
     }
@@ -30,18 +64,27 @@ function warn(_a) {
         options: [
             {
                 text: 'Cancel',
-                onPress: onReject,
+                onPress: function () {
+                    popAlert(id);
+                    onReject();
+                },
             },
             {
                 text: 'OK',
                 style: 'destructive',
-                onPress: onAccept,
+                onPress: function () {
+                    popAlert(id);
+                    onAccept === null || onAccept === void 0 ? void 0 : onAccept();
+                },
             },
         ],
     });
 }
-function info(_a) {
-    var title = _a.title, body = _a.body, _b = _a.onDismiss, onDismiss = _b === void 0 ? function () { return null; } : _b;
+function info(args) {
+    var id = shouldShowAlert(args, 'info');
+    if (!id)
+        return;
+    var title = args.title, body = args.body, _a = args.onDismiss, onDismiss = _a === void 0 ? function () { return null; } : _a;
     if (!title) {
         title = 'FYI';
     }
@@ -51,13 +94,19 @@ function info(_a) {
         options: [
             {
                 text: 'OK',
-                onPress: onDismiss,
+                onPress: function () {
+                    popAlert(id);
+                    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+                },
             },
         ],
     });
 }
-function OSError(_a) {
-    var title = _a.title, body = _a.body, _b = _a.onDismiss, onDismiss = _b === void 0 ? function () { return null; } : _b;
+function OSError(args) {
+    var id = shouldShowAlert(args, 'error');
+    if (!id)
+        return;
+    var title = args.title, body = args.body;
     if (!title) {
         title = 'Whoops!';
     }
@@ -70,7 +119,11 @@ function OSError(_a) {
         options: [
             {
                 text: 'OK',
-                onPress: function () { return onDismiss(); },
+                onPress: function () {
+                    var _a;
+                    popAlert(id);
+                    (_a = args === null || args === void 0 ? void 0 : args.onDismiss) === null || _a === void 0 ? void 0 : _a.call(args);
+                },
             },
         ],
     });

package/dist/utils/OSAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"OSAlert.js","sourceRoot":"","sources":["../../src/utils/OSAlert.ts"],"names":[],"mappings":";;AAAA,yCAAyC;AACzC,6CAAiD;AAyBjD,SAAS,GAAG,CAAC,EAA4C;QAA1C,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IACxC,IAAI,CAAC,KAAK,EAAE;QACV,KAAK,GAAG,eAAe,CAAA;KACxB;IACD,OAAO,CAAC;QACN,KAAK,OAAA;QACL,IAAI,MAAA;QACJ,OAAO,SAAA;KACR,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,IAAI,CAAC,EAKuC;QAJnD,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAI,CAAC,KAAK,EAAE;QACV,KAAK,GAAG,SAAS,CAAA;KAClB;IACD,IAAI,CAAC,IAAI,EAAE;QACT,IAAI,GAAG,eAAe,CAAA;KACvB;IACD,IAAI,CAAC,QAAQ,EAAE;QACb,QAAQ,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;KACtB;IACD,OAAO,CAAC;QACN,KAAK,OAAA;QACL,IAAI,MAAA;QACJ,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,QAAQ;aAClB;YACD;gBACE,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,aAAa;gBACpB,OAAO,EAAE,QAAQ;aAClB;SACF;KACF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,IAAI,CAAC,EAI2B;QAHvC,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,iBAAsB,EAAtB,SAAS,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA;IAEtB,IAAI,CAAC,KAAK,EAAE;QACV,KAAK,GAAG,KAAK,CAAA;KACd;IACD,OAAO,CAAC;QACN,KAAK,OAAA;QACL,IAAI,MAAA;QACJ,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,IAAI;gBACV,OAAO,EAAE,SAAS;aACnB;SACF;KACF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,EAIwB;QAHvC,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,iBAAsB,EAAtB,SAAS,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA;IAEtB,IAAI,CAAC,KAAK,EAAE;QACV,KAAK,GAAG,SAAS,CAAA;KAClB;IACD,IAAI,CAAC,IAAI,EAAE;QACT,IAAI,GAAG,sBAAsB,CAAA;KAC9B;IACD,OAAO,CAAC;QACN,KAAK,OAAA;QACL,IAAI,MAAA;QACJ,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,IAAI;gBACV,OAAO,EAAE,cAAM,OAAA,SAAS,EAAE,EAAX,CAAW;aAC3B;SACF;KACF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,MAAmB;IAClC,oBAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE;QACrD,UAAU,EAAE,KAAK;KAClB,CAAC,CAAA;AACJ,CAAC;AAED,kBAAe;IACb,GAAG,KAAA;IACH,IAAI,MAAA;IACJ,IAAI,MAAA;IACJ,KAAK,EAAE,OAAO;CACf,CAAA"}
+{"version":3,"file":"OSAlert.js","sourceRoot":"","sources":["../../src/utils/OSAlert.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "main": "src/index.ts",
   "repository": "git@github.com:codeleap-uk/codeleap-lib.git",
   "author": "Paulo Henrique De Souza <paulosouza300272@gmail.com>",
@@ -31,6 +31,8 @@
   },
   "dependencies": {
     "@miblanchard/react-native-slider": "^2.1.0",
+    "lottie-ios": "3.2.3",
+    "lottie-react-native": "^5.0.1",
     "react-native-animatable": "^1.3.3",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-pose": "^0.9.1"

package/src/components/ActivityIndicator.tsx

@@ -13,9 +13,9 @@ import { StylesOf } from '../types/utility'
 export type ActivityIndicatorProps = ComponentPropsWithoutRef<
   typeof Indicator
 > & {
-  variants?: ComponentVariants<typeof ActivityIndicatorStyles>['variants'];
-  styles?: StylesOf<ActivityIndicatorComposition>;
-};
+  variants?: ComponentVariants<typeof ActivityIndicatorStyles>['variants']
+  styles?: StylesOf<ActivityIndicatorComposition>
+}
 
 export const ActivityIndicator = forwardRef<Indicator, ActivityIndicatorProps>(
   (activityIndicatorProps, ref) => {
@@ -29,11 +29,10 @@ export const ActivityIndicator = forwardRef<Indicator, ActivityIndicatorProps>(
 
     const { Theme } = useCodeleapContext()
 
-    const color = variantStyles.wrapper?.color || Theme.colors.gray
-    const size = variantStyles.wrapper?.height || variantStyles.wrapper?.width || 'large'
-    
     const styles = StyleSheet.flatten([variantStyles.wrapper, style])
-    
+    const color = styles?.color || Theme.colors.gray
+    const size = styles?.height || styles?.width || 'large'
+
     return (
       <Indicator
         size={size}

package/src/components/Animated.tsx

@@ -13,15 +13,15 @@ const PosedComponents = Object.fromEntries(
   Object.entries(Components).map(([key, Render]) => [key, posed(Render)]),
 )
 
-type AnimatedComponents = typeof Components;
-type CP = keyof AnimatedComponents;
+type AnimatedComponents = typeof Components
+type CP = keyof AnimatedComponents
 
 type AnimatedProps<T extends CP, CFG = Record<string, any>> = {
-  component: T;
-  config: CFG;
-  pose: keyof CFG;
-  initialPose?: keyof CFG;
-} & Omit<Parameters<AnimatedComponents[T]>[0], 'component'>;
+  component: T
+  config: CFG
+  pose: keyof CFG
+  initialPose?: keyof CFG
+} & Omit<Parameters<AnimatedComponents[T]>[0], 'component'>
 
 export const Animated = <T extends CP, CFG = any>({
   config,

package/src/components/Button.tsx

@@ -15,17 +15,16 @@ import { Icon } from './Icon'
 import { ActivityIndicator } from './ActivityIndicator'
 import { StyleSheet, TouchableOpacity } from 'react-native'
 
-
 export type ButtonProps = Omit<TouchableProps, 'variants'> &
   ComponentVariants<typeof ButtonStyles> & {
-    text?: string;
-    rightIcon?: IconPlaceholder;
-    icon?: IconPlaceholder;
-    styles?: StylesOf<ButtonComposition>; 
-    loading?: boolean;
+    text?: string
+    rightIcon?: IconPlaceholder
+    icon?: IconPlaceholder
+    styles?: StylesOf<ButtonComposition>
+    loading?: boolean
     debounce?: number
-    debugName?: string; // NOTE this should not be optional
-  };
+    debugName: string
+  }
 
 export const Button = forwardRef<TouchableOpacity, ButtonProps>((buttonProps, ref) => {
   const {
@@ -43,7 +42,6 @@ export const Button = forwardRef<TouchableOpacity, ButtonProps>((buttonProps, re
   } = buttonProps
   const [pressed, setPressed] = React.useState(false)
 
-
   const variantStyles = useDefaultComponentStyle('Button', {
     variants,
     transform: StyleSheet.flatten,
@@ -51,11 +49,11 @@ export const Button = forwardRef<TouchableOpacity, ButtonProps>((buttonProps, re
   })
 
   function handlePress() {
-    if (!pressed){
-      setPressed(true) 
+    if (!pressed) {
+      setPressed(true)
 
       setTimeout(() => setPressed(false), debounce)
-      
+
       onPress && onPress()
     }
   }
@@ -73,7 +71,7 @@ export const Button = forwardRef<TouchableOpacity, ButtonProps>((buttonProps, re
 
   const leftIconStyle = StyleSheet.flatten([iconStyle, getStyles('leftIcon')])
   const rightIconStyle = StyleSheet.flatten([iconStyle, getStyles('rightIcon')])
-  
+
   const hasText = !!(text || children)
   return (
     <Touchable
@@ -84,7 +82,7 @@ export const Button = forwardRef<TouchableOpacity, ButtonProps>((buttonProps, re
       debugComponent={'Button'}
       {...props}
     >
-     
+
       {loading && <ActivityIndicator style={getStyles('loader')} />}
       {!loading && <Icon name={icon} style={leftIconStyle} renderEmptySpace={hasText}/>}
       {text ? <Text text={text} style={getStyles('text')} /> : null}

package/src/components/Checkbox/index.tsx

@@ -20,13 +20,13 @@ export * from './styles'
 type NativeCheckboxProps = Omit<
   ComponentPropsWithRef<typeof NativeCheckbox>,
   'thumbColor' | 'trackColor'
->;
+>
 type CheckboxProps = NativeCheckboxProps & {
-  variants?: ComponentVariants<typeof CheckboxStyles>['variants'];
-  label?: ReactNode;
-  styles?: StylesOf<CheckboxComposition>;
-  validate?: Form.ValidatorFunctionWithoutForm | string;
-};
+  variants?: ComponentVariants<typeof CheckboxStyles>['variants']
+  label?: ReactNode
+  styles?: StylesOf<CheckboxComposition>
+  validate?: Form.ValidatorFunctionWithoutForm | string
+}
 
 export const Checkbox = forwardRef<NativeCheckbox, CheckboxProps>(
   (checkboxProps, ref) => {
@@ -65,6 +65,7 @@ export const Checkbox = forwardRef<NativeCheckbox, CheckboxProps>(
     return (
       <View style={getStyles('wrapper')} {...props}>
         <Touchable
+          debugName={`Set checkbox value to ${!value}`}
           style={getStyles('input')}
           onPress={() => onValueChange(!value)}
         >

package/src/components/Checkbox/styles.ts

@@ -6,13 +6,13 @@ type CheckboxParts =
   | 'input'
   | 'checkmark'
   | 'checkmarkWrapper'
-  | 'error';
+  | 'error'
 
 export type MobileCheckboxComposition =
   | CheckboxParts
   | `${CheckboxParts}:checked`
   | `${CheckboxParts}:disabled`
-  | `${CheckboxParts}:error`;
+  | `${CheckboxParts}:error`
 const createCheckboxStyle =
   createDefaultVariantFactory<MobileCheckboxComposition>()
 

package/src/components/ContentView.tsx

@@ -15,10 +15,10 @@ export type ContentViewProps = Omit<
   ViewProps,
   'variants' | 'responsiveVariants'
 > & {
-  placeholderMsg: string;
-  loading?: boolean;
-  styles?: StylesOf<ViewComposition>;
-} & ComponentVariants<typeof ContentViewStyles>;
+  placeholderMsg: string
+  loading?: boolean
+  styles?: StylesOf<ViewComposition>
+} & ComponentVariants<typeof ContentViewStyles>
 
 const WrapContent = ({ children, ...props }) => (
   <View {...props}>{children}</View>

package/src/components/FileInput.tsx

@@ -19,24 +19,24 @@ import { Options } from 'react-native-image-crop-picker'
 import { DocumentPickerOptions } from '../modules/types/documentPicker'
 
 export type FileInputRef = {
-  openFilePicker: () => void;
-};
+  openFilePicker: () => void
+}
 
 export type FileInputProps = {
-  label?: string;
-  iconName?: IconPlaceholder;
-  styles?: StylesOf<FileInputComposition>;
-  mode: 'hidden' | 'button';
-  variants?: ComponentVariants<typeof FileInputStyles>['variants'];
-  onFileSelect(files: MobileInputFile[]): void;
-  options?: DocumentPickerOptions<any>;
-  buttonProps?: ButtonProps;
-  ref?: FileInputRef;
+  label?: string
+  iconName?: IconPlaceholder
+  styles?: StylesOf<FileInputComposition>
+  mode: 'hidden' | 'button'
+  variants?: ComponentVariants<typeof FileInputStyles>['variants']
+  onFileSelect(files: MobileInputFile[]): void
+  options?: DocumentPickerOptions<any>
+  buttonProps?: ButtonProps
+  ref?: FileInputRef
   placeholder?: string
   type?: 'image' | 'anyFile'
   alertProps?: Parameters<typeof OSAlert.ask>[0]
   pickerOptions?: Partial<Options>
-};
+}
 
 const pickerDefaults = {
   width: 300,
@@ -54,7 +54,7 @@ function parsePickerData(data:any):MobileInputFile {
     uri: data.path,
     fileCopyUri: data.path,
   }
-  
+
   return {
     file: d,
     preview: data.path,
@@ -84,7 +84,7 @@ export const FileInput = forwardRef<
 
   const { logger } = useCodeleapContext()
 
-  async function openFileSystem(){
+  async function openFileSystem() {
     try {
       let files = await DocumentPicker.pick(options)
       if (!Array.isArray(files)) {
@@ -101,30 +101,25 @@ export const FileInput = forwardRef<
     }
   }
 
-  const mergedOptions  = {
+  const mergedOptions = {
     ...pickerDefaults,
     ...pickerOptions,
   } as Options
-  
+
   const handlePickerResolution = data => {
-    onFileSelect(mergedOptions.multiple ? data.map(parsePickerData)  : [
+    onFileSelect(mergedOptions.multiple ? data.map(parsePickerData) : [
       parsePickerData(data),
     ])
   }
 
   const openFilePicker = async () => {
-    
-    if (type === 'image'){
+
+    if (type === 'image') {
       OSAlert.ask({
         title: 'Change Image',
         body: 'Do you want to take a new picture or select an existing one?',
         ...alertProps,
         options: [
-          {
-            text: 'Cancel',
-            onPress: () => {},
-            ...alertProps?.options[0],
-          },
           {
             text: alertProps?.options?.[0]?.text || 'Camera',
             onPress: () => {
@@ -136,17 +131,22 @@ export const FileInput = forwardRef<
             text: 'Library',
             onPress: () => {
               ImageCropPicker.openPicker(mergedOptions).then(handlePickerResolution)
-        
             },
             ...alertProps?.options[2],
           },
-         
+          {
+            text: 'Cancel',
+            style: 'cancel',
+            onPress: () => {},
+            ...alertProps?.options[0],
+          },
+
         ],
       })
     } else {
       openFileSystem()
     }
-   
+
   }
 
   const variantStyles = useDefaultComponentStyle('FileInput', {
@@ -166,6 +166,7 @@ export const FileInput = forwardRef<
         <Button
           onPress={() => openFilePicker()}
           text={filenames || placeholder}
+          debugName={'Open file picker'}
           icon={iconName || ('fileInputButton' as IconPlaceholder)}
           variants={filenames ? '' : 'icon'}
           {...buttonProps}

package/src/components/Icon.tsx

@@ -5,6 +5,7 @@ import {
   IconStyles,
   useDefaultComponentStyle,
   useCodeleapContext,
+  arePropsEqual,
 } from '@codeleap/common'
 import { StyleSheet } from 'react-native'
 import { View } from './View'
@@ -16,11 +17,11 @@ export type IconProps = {
   variants?: ComponentVariants<typeof IconStyles>['variants']
   renderEmptySpace?: boolean
   size?: number
-};
+}
 
-export const Icon: React.FC<IconProps> = ({ name, style, variants, renderEmptySpace, ...otherProps }) => {
+export const IconComponent: React.FC<IconProps> = ({ name, style, variants, renderEmptySpace, ...otherProps }) => {
   const { Theme, logger } = useCodeleapContext()
-  
+
   const variantStyles = useDefaultComponentStyle('Icon', {
     variants,
     transform: StyleSheet.flatten,
@@ -29,7 +30,7 @@ export const Icon: React.FC<IconProps> = ({ name, style, variants, renderEmptySp
     },
     rootElement: 'icon',
   })
- 
+
   if (!name) {
     return renderEmptySpace ? <View style={variantStyles.icon}/> : null
   }
@@ -46,3 +47,12 @@ export const Icon: React.FC<IconProps> = ({ name, style, variants, renderEmptySp
   }
   return <Component {...otherProps} style={variantStyles.icon} />
 }
+
+function areEqual(prevProps, nextProps) {
+  const check = ['name', 'style', 'variants', 'renderEmptySpace']
+  const res = arePropsEqual(prevProps, nextProps, { check })
+  return res
+}
+
+export const Icon = React.memo(IconComponent, areEqual)
+

package/src/components/Image.tsx

@@ -4,6 +4,7 @@ import {
   ImageStyles,
   MobileInputFile,
   useDefaultComponentStyle,
+  arePropsEqual,
 } from '@codeleap/common'
 import { ComponentPropsWithoutRef } from 'react'
 import {
@@ -15,21 +16,21 @@ import {
 } from 'react-native'
 import { FastImage } from '../modules/fastImage'
 
-type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>;
+type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>
 export type ImageProps = Omit<NativeImageProps, 'source' | 'style'> & {
-  variants?: ComponentVariants<typeof ImageStyles>['variants'];
-  fast?: boolean;
-  style?: StyleProp<ImageStyle | TextStyle | ViewStyle>;
+  variants?: ComponentVariants<typeof ImageStyles>['variants']
+  fast?: boolean
+  style?: StyleProp<ImageStyle | TextStyle | ViewStyle>
   source:
     | (NativeImageProps['source'] & {
-        priority?: keyof typeof FastImage.priority;
+        priority?: keyof typeof FastImage.priority
       })
     | MobileInputFile
-    | string;
-  resizeMode?: keyof typeof FastImage.resizeMode;
-};
+    | string
+  resizeMode?: keyof typeof FastImage.resizeMode
+}
 
-export const Image: React.FC<ImageProps> = (props) => {
+export const ImageComponent: React.FC<ImageProps> = (props) => {
   const { variants, style, fast = true, resizeMode = 'contain', ...imageProps } = props
 
   const variantStyles = useDefaultComponentStyle('Image', { variants })
@@ -47,3 +48,12 @@ export const Image: React.FC<ImageProps> = (props) => {
   }
   return <NativeImage style={styles} resizeMode={resizeMode} {...(imageProps as any)} />
 }
+
+function areEqual(prevProps, nextProps) {
+  const check = ['source', 'style', 'variants', 'resizeMode', 'fast']
+  const res = arePropsEqual(prevProps, nextProps, { check })
+  return res
+}
+
+export const Image = React.memo(ImageComponent, areEqual)
+