@codeleap/mobile 5.8.3 → 5.8.4

package/dist/components/SearchInput/index.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useState } from 'react';
+import React, { forwardRef, useCallback, useState } from 'react';
 import { TextInput } from '../TextInput';
 import { TypeGuards } from '@codeleap/types';
 export const SearchInput = forwardRef((props, ref) => {
@@ -8,7 +8,8 @@ export const SearchInput = forwardRef((props, ref) => {
     };
     const [search, setSearch] = !TypeGuards.isNil(value) && !!onValueChange ? [value, onValueChange] : useState('');
     const setSearchTimeout = React.useRef(null);
-    const handleChangeSearch = (value) => {
+    const handleChangeSearch = useCallback((value) => {
+        onTypingChange?.(true);
         setSearch(value);
         if (TypeGuards.isNil(debounce)) {
             onSearchChange?.(value);
@@ -16,22 +17,20 @@ export const SearchInput = forwardRef((props, ref) => {
         else {
             if (setSearchTimeout.current) {
                 clearTimeout(setSearchTimeout.current);
+                setSearchTimeout.current = null;
             }
             setSearchTimeout.current = setTimeout(() => {
                 onSearchChange(value);
                 onTypingChange?.(false);
             }, debounce ?? 0);
         }
-    };
-    const handleClear = () => {
+    }, [onSearchChange, onTypingChange]);
+    const handleClear = useCallback(() => {
         setSearch('');
         onSearchChange?.('');
         onClear?.();
-    };
-    return (<TextInput value={search} onValueChange={(value) => {
-            onTypingChange?.(true);
-            handleChangeSearch(value);
-        }} placeholder={placeholder} debugName={`Search ${debugName}`} rightIcon={(showClear?.(search) ?? true) && {
+    }, []);
+    return (<TextInput value={search} onValueChange={handleChangeSearch} placeholder={placeholder} debugName={`Search ${debugName}`} rightIcon={(showClear?.(search) ?? true) && {
             name: clearIcon,
             onPress: handleClear,
         }} leftIcon={{
@@ -39,7 +38,7 @@ export const SearchInput = forwardRef((props, ref) => {
         }} ref={ref} {...others}/>);
 });
 SearchInput.defaultProps = {
-    debounce: null,
+    debounce: 500,
     clearIcon: 'x',
     searchIcon: 'search',
     showClear: (s) => !!s?.trim?.()

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,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAgB5C,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,CAAsB,IAAI,CAAC,CAAA;IAEhE,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,aAAa,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;YACvB,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhE,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAgB5C,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,CAAsB,IAAI,CAAC,CAAA;IAEhE,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACvD,cAAc,EAAE,CAAC,IAAI,CAAC,CAAA;QAEtB,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;gBACtC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAA;aAChC;YAED,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACzC,cAAc,CAAC,KAAK,CAAC,CAAA;gBACrB,cAAc,EAAE,CAAC,KAAK,CAAC,CAAA;YACzB,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA;SAClB;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,CAAA;IAEpC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,SAAS,CAAC,EAAE,CAAC,CAAA;QACb,cAAc,EAAE,CAAC,EAAE,CAAC,CAAA;QACpB,OAAO,EAAE,EAAE,CAAA;IACb,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,aAAa,CAAC,CAAC,kBAAkB,CAAC,CAClC,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,GAAG;IACb,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/Tabs/index.d.ts

@@ -111,8 +111,8 @@ export declare const Tabs: {
         onContentSizeChange?: (w: number, h: number) => void;
         onScroll?: (event: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeScrollEvent>) => void;
         scrollEnabled?: boolean;
-        keyExtractor?: (item: any, index: number) => string;
         contentContainerStyle?: import("react-native/types").StyleProp<import("react-native/types").ViewStyle>;
+        keyExtractor?: (item: any, index: number) => string;
         onMomentumScrollEnd?: (event: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeScrollEvent>) => void;
         decelerationRate?: number | "normal" | "fast";
         horizontal?: boolean;

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export * from './hooks';
 export * from './modules';
 export * from './deprecated';
 export { Linking } from 'react-native';
+export { MobileStyleRegistry } from './Registry';
 import uuid from 'react-native-uuid';
 export { uuid };
-export { MobileStyleRegistry } from './Registry';
 import './modules/formConfig';

package/dist/index.js

@@ -4,8 +4,8 @@ export * from './hooks';
 export * from './modules';
 export * from './deprecated';
 export { Linking } from 'react-native';
+export { MobileStyleRegistry } from './Registry';
 import uuid from 'react-native-uuid';
 export { uuid };
-export { MobileStyleRegistry } from './Registry';
 import './modules/formConfig';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,CAAA;AACf,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,sBAAsB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,IAAI,MAAM,mBAAmB,CAAA;AAEpC,OAAO,EAAE,IAAI,EAAE,CAAA;AAEf,OAAO,sBAAsB,CAAA"}

package/dist/modules/backgroundTimer.js

@@ -1,4 +1,4 @@
-import { uuid } from '..';
+import uuid from 'react-native-uuid';
 const throttleTimerId = {};
 export function throttle(func, ref, delay = 200) {
     if (!ref) {

package/dist/modules/backgroundTimer.js.map

@@ -1 +1 @@
-{"version":3,"file":"backgroundTimer.js","sourceRoot":"","sources":["../../src/modules/backgroundTimer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAA;AAEzB,MAAM,eAAe,GAAG,EAAE,CAAA;AAE1B,MAAM,UAAU,QAAQ,CAAC,IAAiB,EAAE,GAAY,EAAE,KAAK,GAAG,GAAG;IACnE,IAAI,CAAC,GAAG,EAAE;QACR,GAAG,GAAG,IAAI,CAAC,EAAE,EAAY,CAAA;KAC1B;IACD,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE;QACxB,OAAM;KACP;IACD,eAAe,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;QAChC,IAAI,EAAE,CAAA;QACN,eAAe,CAAC,GAAG,CAAC,GAAG,SAAS,CAAA;IAClC,CAAC,EAAE,KAAK,CAAC,CAAA;IAET,OAAO,GAAG,CAAA;AACZ,CAAC;AAED,MAAM,eAAe,GAAG,EAAE,CAAA;AAE1B,MAAM,UAAU,QAAQ,CAAC,IAAiB,EAAE,GAAY,EAAE,KAAK,GAAG,GAAG;IACnE,IAAI,CAAC,GAAG,EAAE;QACR,GAAG,GAAG,IAAI,CAAC,EAAE,EAAY,CAAA;KAC1B;IAED,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE;QACxB,YAAY,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;KACnC;IAED,eAAe,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;QAChC,IAAI,EAAE,CAAA;QACN,eAAe,CAAC,GAAG,CAAC,GAAG,SAAS,CAAA;IAClC,CAAC,EAAE,KAAK,CAAC,CAAA;IAET,OAAO,GAAG,CAAA;AACZ,CAAC"}
+{"version":3,"file":"backgroundTimer.js","sourceRoot":"","sources":["../../src/modules/backgroundTimer.ts"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,mBAAmB,CAAA;AAEpC,MAAM,eAAe,GAAG,EAAE,CAAA;AAE1B,MAAM,UAAU,QAAQ,CAAC,IAAiB,EAAE,GAAY,EAAE,KAAK,GAAG,GAAG;IACnE,IAAI,CAAC,GAAG,EAAE;QACR,GAAG,GAAG,IAAI,CAAC,EAAE,EAAY,CAAA;KAC1B;IACD,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE;QACxB,OAAM;KACP;IACD,eAAe,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;QAChC,IAAI,EAAE,CAAA;QACN,eAAe,CAAC,GAAG,CAAC,GAAG,SAAS,CAAA;IAClC,CAAC,EAAE,KAAK,CAAC,CAAA;IAET,OAAO,GAAG,CAAA;AACZ,CAAC;AAED,MAAM,eAAe,GAAG,EAAE,CAAA;AAE1B,MAAM,UAAU,QAAQ,CAAC,IAAiB,EAAE,GAAY,EAAE,KAAK,GAAG,GAAG;IACnE,IAAI,CAAC,GAAG,EAAE;QACR,GAAG,GAAG,IAAI,CAAC,EAAE,EAAY,CAAA;KAC1B;IAED,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE;QACxB,YAAY,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;KACnC;IAED,eAAe,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;QAChC,IAAI,EAAE,CAAA;QACN,eAAe,CAAC,GAAG,CAAC,GAAG,SAAS,CAAA;IAClC,CAAC,EAAE,KAAK,CAAC,CAAA;IAET,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/dist/utils/useQueryListRefresh.d.ts

@@ -1,10 +1,8 @@
 import { AnyFunction } from '@codeleap/types';
-import { UseListEffect } from '@codeleap/query';
-type useQueryListRefresh = (listQuery: Parameters<UseListEffect>[0], options?: {
+import { QueryManagerOptions } from '@codeleap/query';
+type useQueryListRefresh = (listQuery: Parameters<QueryManagerOptions<any, any>['useListEffect']>[0], options?: {
     staleTime?: number;
-    silentRefresh?: boolean;
     initialStale?: boolean;
-    cancelQueryEnabled?: boolean;
     refreshQueryEnabled?: boolean;
     onFocus?: AnyFunction;
     onBlur?: AnyFunction;

package/dist/utils/useQueryListRefresh.js

@@ -2,19 +2,17 @@ import React from 'react';
 import { useFocusEffect } from '@react-navigation/native';
 import { TypeGuards } from '@codeleap/types';
 export const useQueryListRefresh = (listQuery, options = {}) => {
-    const { staleTime = 5000, initialStale = listQuery?.query?.isStale, cancelQueryEnabled = true, refreshQueryEnabled = true, silentRefresh = false, onFocus, onBlur, } = options;
+    const { staleTime = 5000, initialStale = listQuery?.isStale, refreshQueryEnabled = true, onFocus, onBlur, } = options;
     const staleRefetch = React.useRef(initialStale);
     const staleTimeout = React.useRef(null);
     useFocusEffect(React.useCallback(() => {
         if (staleRefetch.current && refreshQueryEnabled) {
-            listQuery?.refreshQuery(silentRefresh);
+            listQuery?.refetch();
         }
         if (TypeGuards.isFunction(onFocus)) {
             onFocus?.();
         }
         return () => {
-            if (cancelQueryEnabled)
-                listQuery?.cancelQuery?.();
             staleRefetch.current = false;
             if (staleTimeout.current == null) {
                 staleTimeout.current = setTimeout(() => {

package/dist/utils/useQueryListRefresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryListRefresh.js","sourceRoot":"","sources":["../../src/utils/useQueryListRefresh.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAe,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAgBzD,MAAM,CAAC,MAAM,mBAAmB,GAAwB,CAAC,SAAS,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAClF,MAAM,EACJ,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,SAAS,EAAE,KAAK,EAAE,OAAO,EACxC,kBAAkB,GAAG,IAAI,EACzB,mBAAmB,GAAG,IAAI,EAC1B,aAAa,GAAG,KAAK,EACrB,OAAO,EACP,MAAM,GACP,GAAG,OAAO,CAAA;IAEX,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEvC,cAAc,CACZ,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrB,IAAI,YAAY,CAAC,OAAO,IAAI,mBAAmB,EAAE;YAC/C,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;SACvC;QAED,IAAI,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YAClC,OAAO,EAAE,EAAE,CAAA;SACZ;QAED,OAAO,GAAG,EAAE;YACV,IAAI,kBAAkB;gBAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAA;YAClD,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;YAE5B,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE;gBAChC,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBACrC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;oBAC3B,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;oBAClC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;gBAC7B,CAAC,EAAE,SAAS,CAAC,CAAA;aACd;YAED,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;gBACjC,MAAM,EAAE,EAAE,CAAA;aACX;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useQueryListRefresh.js","sourceRoot":"","sources":["../../src/utils/useQueryListRefresh.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAe,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAczD,MAAM,CAAC,MAAM,mBAAmB,GAAwB,CAAC,SAAS,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAClF,MAAM,EACJ,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,SAAS,EAAE,OAAO,EACjC,mBAAmB,GAAG,IAAI,EAC1B,OAAO,EACP,MAAM,GACP,GAAG,OAAO,CAAA;IAEX,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEvC,cAAc,CACZ,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrB,IAAI,YAAY,CAAC,OAAO,IAAI,mBAAmB,EAAE;YAC/C,SAAS,EAAE,OAAO,EAAE,CAAA;SACrB;QAED,IAAI,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YAClC,OAAO,EAAE,EAAE,CAAA;SACZ;QAED,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;YAE5B,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE;gBAChC,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBACrC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;oBAC3B,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;oBAClC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;gBAC7B,CAAC,EAAE,SAAS,CAAC,CAAA;aACd;YAED,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;gBACjC,MAAM,EAAE,EAAE,CAAA;aACX;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "5.8.3",
+  "version": "5.8.4",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,28 +9,28 @@
     "directory": "packages/mobile"
   },
   "devDependencies": {
-    "@codeleap/types": "5.8.3",
-    "@codeleap/utils": "5.8.3",
-    "@codeleap/hooks": "5.8.3",
-    "@codeleap/form": "5.8.3",
-    "@codeleap/query": "5.8.3",
-    "@codeleap/logger": "5.8.3",
-    "@codeleap/config": "5.8.3",
-    "@codeleap/modals": "5.8.3"
+    "@codeleap/types": "5.8.4",
+    "@codeleap/utils": "5.8.4",
+    "@codeleap/hooks": "5.8.4",
+    "@codeleap/form": "5.8.4",
+    "@codeleap/query": "5.8.4",
+    "@codeleap/logger": "5.8.4",
+    "@codeleap/config": "5.8.4",
+    "@codeleap/modals": "5.8.4"
   },
   "scripts": {
     "build": "tsc --build",
     "lint": "eslint -c  .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
   },
   "peerDependencies": {
-    "@codeleap/types": "5.8.3",
-    "@codeleap/utils": "5.8.3",
-    "@codeleap/hooks": "5.8.3",
-    "@codeleap/form": "5.8.3",
-    "@codeleap/query": "5.8.3",
-    "@codeleap/logger": "5.8.3",
-    "@codeleap/styles": "5.8.3",
-    "@codeleap/modals": "5.8.3",
+    "@codeleap/types": "5.8.4",
+    "@codeleap/utils": "5.8.4",
+    "@codeleap/hooks": "5.8.4",
+    "@codeleap/form": "5.8.4",
+    "@codeleap/query": "5.8.4",
+    "@codeleap/logger": "5.8.4",
+    "@codeleap/styles": "5.8.4",
+    "@codeleap/modals": "5.8.4",
     "@d11/react-native-fast-image": "8.9.2",
     "@react-native-firebase/messaging": "21.12.0",
     "@react-navigation/bottom-tabs": "7.3.10",
@@ -56,6 +56,6 @@
     "react-native-masked-text": "1.13.0",
     "react-native-reanimated-carousel": "4.0.2",
     "react-native-sortables": "1.1.1",
-    "react-native-uuid": "2.0.1"
+    "react-native-uuid": "2.0.3"
   }
 }

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "5.8.3",
+  "version": "5.8.4",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -56,6 +56,6 @@
     "react-native-masked-text": "1.13.0",
     "react-native-reanimated-carousel": "4.0.2",
     "react-native-sortables": "1.1.1",
-    "react-native-uuid": "2.0.1"
+    "react-native-uuid": "2.0.3"
   }
 }

package/src/components/SearchInput/index.tsx

@@ -1,9 +1,9 @@
-import React, { forwardRef, useState } from 'react'
+import React, { forwardRef, useCallback, useState } from 'react'
 import { AppIcon } from '@codeleap/styles'
-import { ComponentWithDefaultProps, ForwardRefComponentWithDefaultProps } from '../../types'
+import { ForwardRefComponentWithDefaultProps } from '../../types'
 import { TextInputProps, TextInput } from '../TextInput'
 import { TypeGuards } from '@codeleap/types'
-import { TextInput  as RNTextInput } from 'react-native'
+import { TextInput as RNTextInput } from 'react-native'
 
 export type SearchInputProps = {
   onTypingChange: (isTyping: boolean) => void
@@ -41,7 +41,9 @@ export const SearchInput: ForwardRefComponentWithDefaultProps<SearchInputProps,
 
   const setSearchTimeout = React.useRef<NodeJS.Timer | null>(null)
 
-  const handleChangeSearch = (value: string) => {
+  const handleChangeSearch = useCallback((value: string) => {
+    onTypingChange?.(true)
+
     setSearch(value)
 
     if (TypeGuards.isNil(debounce)) {
@@ -49,29 +51,26 @@ export const SearchInput: ForwardRefComponentWithDefaultProps<SearchInputProps,
     } else {
       if (setSearchTimeout.current) {
         clearTimeout(setSearchTimeout.current)
+        setSearchTimeout.current = null
       }
 
       setSearchTimeout.current = setTimeout(() => {
-
         onSearchChange(value)
         onTypingChange?.(false)
       }, debounce ?? 0)
     }
-  }
+  }, [onSearchChange, onTypingChange])
 
-  const handleClear = () => {
+  const handleClear = useCallback(() => {
     setSearch('')
     onSearchChange?.('')
     onClear?.()
-  }
+  }, [])
 
   return (
     <TextInput
       value={search}
-      onValueChange={(value) => {
-        onTypingChange?.(true)
-        handleChangeSearch(value)
-      }}
+      onValueChange={handleChangeSearch}
       placeholder={placeholder}
       debugName={`Search ${debugName}`}
       rightIcon={(showClear?.(search) ?? true) && {
@@ -88,7 +87,7 @@ export const SearchInput: ForwardRefComponentWithDefaultProps<SearchInputProps,
 })
 
 SearchInput.defaultProps = {
-  debounce: null,
+  debounce: 500,
   clearIcon: 'x' as AppIcon,
   searchIcon: 'search' as AppIcon,
   showClear: (s) => !!s?.trim?.()

package/src/index.ts

@@ -5,8 +5,10 @@ export * from './modules'
 export * from './deprecated'
 
 export { Linking } from 'react-native'
+export { MobileStyleRegistry } from './Registry'
+
 import uuid from 'react-native-uuid'
+
 export { uuid }
-export { MobileStyleRegistry } from './Registry'
 
 import './modules/formConfig'

package/src/modules/backgroundTimer.ts

@@ -1,5 +1,5 @@
 import { AnyFunction } from '@codeleap/types'
-import { uuid } from '..'
+import uuid from 'react-native-uuid'
 
 const throttleTimerId = {}
 

package/src/utils/useQueryListRefresh.ts

@@ -1,15 +1,13 @@
 import React from 'react'
 import { useFocusEffect } from '@react-navigation/native'
 import { AnyFunction, TypeGuards } from '@codeleap/types'
-import { UseListEffect } from '@codeleap/query'
+import { QueryManagerOptions } from '@codeleap/query'
 
 type useQueryListRefresh = (
-  listQuery: Parameters<UseListEffect>[0],
+  listQuery: Parameters<QueryManagerOptions<any, any>['useListEffect']>[0],
   options?: {
     staleTime?: number
-    silentRefresh?: boolean
     initialStale?: boolean
-    cancelQueryEnabled?: boolean
     refreshQueryEnabled?: boolean
     onFocus?: AnyFunction
     onBlur?: AnyFunction
@@ -19,10 +17,8 @@ type useQueryListRefresh = (
 export const useQueryListRefresh: useQueryListRefresh = (listQuery, options = {}) => {
   const {
     staleTime = 5000,
-    initialStale = listQuery?.query?.isStale,
-    cancelQueryEnabled = true,
+    initialStale = listQuery?.isStale,
     refreshQueryEnabled = true,
-    silentRefresh = false,
     onFocus,
     onBlur,
   } = options
@@ -33,7 +29,7 @@ export const useQueryListRefresh: useQueryListRefresh = (listQuery, options = {}
   useFocusEffect(
     React.useCallback(() => {
       if (staleRefetch.current && refreshQueryEnabled) {
-        listQuery?.refreshQuery(silentRefresh)
+        listQuery?.refetch()
       }
 
       if (TypeGuards.isFunction(onFocus)) {
@@ -41,7 +37,6 @@ export const useQueryListRefresh: useQueryListRefresh = (listQuery, options = {}
       }
 
       return () => {
-        if (cancelQueryEnabled) listQuery?.cancelQuery?.()
         staleRefetch.current = false
 
         if (staleTimeout.current == null) {