@codeleap/mobile 4.2.14 → 4.2.16

package/dist/components/SearchInput/index.d.ts

@@ -1,15 +1,17 @@
 import { AppIcon } from '@codeleap/styles';
-import { ComponentWithDefaultProps } from '../../types';
+import { ForwardRefComponentWithDefaultProps } from '../../types';
 import { TextInputProps } from '../TextInput';
+import { TextInput as RNTextInput } from 'react-native';
 export type SearchInputProps = {
     onTypingChange: (isTyping: boolean) => void;
     onSearchChange: (search: string) => void;
     onValueChange?: (search: string) => void;
     onClear?: () => void;
+    showClear?: (search: string) => boolean;
     debugName: string;
     debounce?: number;
     clearIcon?: AppIcon;
     searchIcon?: AppIcon;
-    placeholder: string;
+    placeholder?: string;
 } & Partial<TextInputProps>;
-export declare const SearchInput: ComponentWithDefaultProps<SearchInputProps>;
+export declare const SearchInput: ForwardRefComponentWithDefaultProps<SearchInputProps, RNTextInput>;

package/dist/components/SearchInput/index.js

@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
+import React, { forwardRef, useState } from 'react';
 import { TextInput } from '../TextInput';
 import { TypeGuards } from '@codeleap/common';
-export const SearchInput = (props) => {
-    const { debugName, onClear, onSearchChange, onTypingChange, clearIcon, searchIcon, debounce, placeholder, value, onValueChange, ...others } = {
+export const SearchInput = forwardRef((props, ref) => {
+    const { debugName, onClear, onSearchChange, onTypingChange, clearIcon, searchIcon, debounce, placeholder, value, onValueChange, showClear, ...others } = {
         ...SearchInput.defaultProps,
         ...props,
     };
@@ -31,16 +31,17 @@ export const SearchInput = (props) => {
     return (<TextInput value={search} onChangeText={(value) => {
             onTypingChange?.(true);
             handleChangeSearch(value);
-        }} placeholder={placeholder} debugName={`Search ${debugName}`} rightIcon={!!search?.trim?.() && {
+        }} placeholder={placeholder} debugName={`Search ${debugName}`} rightIcon={(showClear?.(search) ?? true) && {
             name: clearIcon,
             onPress: handleClear,
         }} leftIcon={{
             name: searchIcon,
-        }} {...others}/>);
-};
+        }} ref={ref} {...others}/>);
+});
 SearchInput.defaultProps = {
     debounce: null,
     clearIcon: 'x',
     searchIcon: 'search',
+    showClear: (s) => !!s?.trim?.()
 };
 //# sourceMappingURL=index.js.map

package/dist/components/SearchInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGvC,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAc7C,MAAM,CAAC,MAAM,WAAW,GAAgD,CAAC,KAAK,EAAE,EAAE;IAChF,MAAM,EACJ,SAAS,EACT,OAAO,EACP,cAAc,EACd,cAAc,EACd,SAAS,EACT,UAAU,EACV,QAAQ,EACR,WAAW,EACX,KAAK,EACL,aAAa,EACb,GAAG,MAAM,EACV,GAAG;QACF,GAAG,WAAW,CAAC,YAAY;QAC3B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE/G,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAA;IAElE,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3C,SAAS,CAAC,KAAK,CAAC,CAAA;QAEhB,IAAI,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YAC9B,cAAc,EAAE,CAAC,KAAK,CAAC,CAAA;SACxB;aAAM;YACL,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;aACvC;YAED,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAEzC,cAAc,CAAC,KAAK,CAAC,CAAA;gBACrB,cAAc,EAAE,CAAC,KAAK,CAAC,CAAA;YACzB,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA;SAClB;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,EAAE,CAAC,CAAA;QACb,cAAc,EAAE,CAAC,EAAE,CAAC,CAAA;QACpB,OAAO,EAAE,EAAE,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,YAAY,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;YACtB,cAAc,EAAE,CAAC,IAAI,CAAC,CAAA;YACtB,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAC3B,CAAC,CAAC,CACF,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,UAAU,SAAS,EAAE,CAAC,CACjC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,IAAI;YAC/B,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,WAAW;SACrB,CAAC,CACF,QAAQ,CAAC,CAAC;YACR,IAAI,EAAE,UAAU;SACjB,CAAC,CACF,IAAI,MAAM,CAAC,EACX,CACH,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,GAAc;IACzB,UAAU,EAAE,QAAmB;CACH,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAgB7C,MAAM,CAAC,MAAM,WAAW,GAAuE,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvH,MAAM,EACJ,SAAS,EACT,OAAO,EACP,cAAc,EACd,cAAc,EACd,SAAS,EACT,UAAU,EACV,QAAQ,EACR,WAAW,EACX,KAAK,EACL,aAAa,EACb,SAAS,EACT,GAAG,MAAM,EACV,GAAG;QACF,GAAG,WAAW,CAAC,YAAY;QAC3B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE/G,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAA;IAElE,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3C,SAAS,CAAC,KAAK,CAAC,CAAA;QAEhB,IAAI,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YAC9B,cAAc,EAAE,CAAC,KAAK,CAAC,CAAA;SACxB;aAAM;YACL,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;aACvC;YAED,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAEzC,cAAc,CAAC,KAAK,CAAC,CAAA;gBACrB,cAAc,EAAE,CAAC,KAAK,CAAC,CAAA;YACzB,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA;SAClB;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,EAAE,CAAC,CAAA;QACb,cAAc,EAAE,CAAC,EAAE,CAAC,CAAA;QACpB,OAAO,EAAE,EAAE,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,YAAY,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;YACtB,cAAc,EAAE,CAAC,IAAI,CAAC,CAAA;YACtB,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAC3B,CAAC,CAAC,CACF,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,UAAU,SAAS,EAAE,CAAC,CACjC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI;YAC1C,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,WAAW;SACrB,CAAC,CACF,QAAQ,CAAC,CAAC;YACR,IAAI,EAAE,UAAU;SACjB,CAAC,CACF,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,MAAM,CAAC,EACX,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,GAAc;IACzB,UAAU,EAAE,QAAmB;IAC/B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;CACH,CAAA"}

package/dist/components/TextInput/types.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { InputBaseProps } from '../InputBase';
-import { TextInputProps as RNTextInputProps } from 'react-native';
+import { TextInputProps as RNTextInputProps, TextInput as RNTextInput } from 'react-native';
 import { AnyFunction, FormTypes, yup } from '@codeleap/common';
 import { AppIcon, StyledProp } from '@codeleap/styles';
 import { TextInputMaskProps } from '../../modules/textInputMask';
@@ -18,4 +19,5 @@ export type TextInputProps = Omit<InputBaseProps, 'style'> & Omit<RNTextInputPro
     _error?: string;
     onPress?: AnyFunction;
     style?: StyledProp<TextInputComposition>;
+    ref?: React.Ref<RNTextInput>;
 };

package/dist/types/index.d.ts

@@ -4,5 +4,5 @@ export type ComponentWithDefaultProps<P = any> = ((props: P) => JSX.Element) & {
     defaultProps: Partial<P>;
 };
 export type ForwardRefComponentWithDefaultProps<P = any, R = any> = ((props: P, ref: R) => JSX.Element) & {
-    defaultProps: Partial<P>;
+    defaultProps?: Partial<P>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "4.2.14",
+  "version": "4.2.16",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,16 +9,16 @@
     "directory": "packages/mobile"
   },
   "devDependencies": {
-    "@codeleap/common": "4.2.14",
-    "@codeleap/config": "4.2.14"
+    "@codeleap/common": "4.2.16",
+    "@codeleap/config": "4.2.16"
   },
   "scripts": {
     "build": "tsc --build",
     "lint": "eslint -c  .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
   },
   "peerDependencies": {
-    "@codeleap/common": "4.2.14",
-    "@codeleap/styles": "4.2.14",
+    "@codeleap/common": "4.2.16",
+    "@codeleap/styles": "4.2.16",
     "@d11/react-native-fast-image": "8.8.0",
     "@react-native-firebase/messaging": "21.4.0",
     "@react-navigation/bottom-tabs": "6.5.3",

package/package.json.bak

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

package/src/components/SearchInput/index.tsx

@@ -1,22 +1,24 @@
-import React, { useState } from 'react'
+import React, { forwardRef, useState } from 'react'
 import { AppIcon } from '@codeleap/styles'
-import { ComponentWithDefaultProps } from '../../types'
+import { ComponentWithDefaultProps, ForwardRefComponentWithDefaultProps } from '../../types'
 import { TextInputProps, TextInput } from '../TextInput'
 import { TypeGuards } from '@codeleap/common'
+import { TextInput  as RNTextInput } from 'react-native'
 
 export type SearchInputProps = {
   onTypingChange: (isTyping: boolean) => void
   onSearchChange: (search: string) => void
   onValueChange?: (search: string) => void
   onClear?: () => void
+  showClear?: (search: string) => boolean
   debugName: string
   debounce?: number
   clearIcon?: AppIcon
   searchIcon?: AppIcon
-  placeholder: string
+  placeholder?: string
 } & Partial<TextInputProps>
 
-export const SearchInput: ComponentWithDefaultProps<SearchInputProps> = (props) => {
+export const SearchInput: ForwardRefComponentWithDefaultProps<SearchInputProps, RNTextInput> = forwardRef((props, ref) => {
   const {
     debugName,
     onClear,
@@ -28,6 +30,7 @@ export const SearchInput: ComponentWithDefaultProps<SearchInputProps> = (props)
     placeholder,
     value,
     onValueChange,
+    showClear,
     ...others
   } = {
     ...SearchInput.defaultProps,
@@ -71,20 +74,22 @@ export const SearchInput: ComponentWithDefaultProps<SearchInputProps> = (props)
       }}
       placeholder={placeholder}
       debugName={`Search ${debugName}`}
-      rightIcon={!!search?.trim?.() && {
+      rightIcon={(showClear?.(search) ?? true) && {
         name: clearIcon,
         onPress: handleClear,
       }}
       leftIcon={{
         name: searchIcon,
       }}
+      ref={ref}
       {...others}
     />
   )
-}
+})
 
 SearchInput.defaultProps = {
   debounce: null,
   clearIcon: 'x' as AppIcon,
   searchIcon: 'search' as AppIcon,
+  showClear: (s) => !!s?.trim?.()
 } as Partial<SearchInputProps>

package/src/components/TextInput/types.ts

@@ -1,5 +1,5 @@
 import { InputBaseProps } from '../InputBase'
-import { TextInputProps as RNTextInputProps } from 'react-native'
+import { TextInputProps as RNTextInputProps, TextInput as RNTextInput } from 'react-native'
 import { AnyFunction, FormTypes, yup } from '@codeleap/common'
 import { AppIcon, StyledProp } from '@codeleap/styles'
 import { TextInputMaskProps } from '../../modules/textInputMask'
@@ -22,4 +22,5 @@ export type TextInputProps =
     _error?: string
     onPress?: AnyFunction
     style?: StyledProp<TextInputComposition>
+    ref?: React.Ref<RNTextInput>
   }

package/src/types/index.ts

@@ -5,5 +5,5 @@ export type ComponentWithDefaultProps<P = any> = ((props: P) => JSX.Element) & {
 }
 
 export type ForwardRefComponentWithDefaultProps<P = any, R = any> = ((props: P, ref: R) => JSX.Element) & {
-  defaultProps: Partial<P>
+  defaultProps?: Partial<P>
 }