@codeleap/mobile 5.0.7 → 5.0.8

package/dist/utils/index.js

@@ -3,8 +3,6 @@ export * from './hooks';
 export * from './misc';
 export * from './NotificationManager';
 export * from './ModalManager';
-import * as Permissions from './PermissionManager';
-export { Permissions };
 export * from './KeyboardAware';
 export * from './input';
 export * from './theme';
@@ -12,5 +10,4 @@ export * from './locale';
 export * from './Subscription';
 export * from './useQueryListRefresh';
 export * from './StorageManager';
-export * from './MobilePermissionManager';
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,KAAK,WAAW,MAAM,qBAAqB,CAAA;AAElD,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AAErC,cAAc,kBAAkB,CAAA;AAChC,cAAc,2BAA2B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "5.0.7",
+  "version": "5.0.8",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,28 +9,26 @@
     "directory": "packages/mobile"
   },
   "devDependencies": {
-    "@codeleap/types": "5.0.7",
-    "@codeleap/utils": "5.0.7",
-    "@codeleap/hooks": "5.0.7",
-    "@codeleap/form": "5.0.7",
-    "@codeleap/i18n": "5.0.7",
-    "@codeleap/query": "5.0.7",
-    "@codeleap/logger": "5.0.7",
-    "@codeleap/config": "5.0.7"
+    "@codeleap/types": "5.0.8",
+    "@codeleap/utils": "5.0.8",
+    "@codeleap/hooks": "5.0.8",
+    "@codeleap/form": "5.0.8",
+    "@codeleap/query": "5.0.8",
+    "@codeleap/logger": "5.0.8",
+    "@codeleap/config": "5.0.8"
   },
   "scripts": {
     "build": "tsc --build",
     "lint": "eslint -c  .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
   },
   "peerDependencies": {
-    "@codeleap/types": "5.0.7",
-    "@codeleap/utils": "5.0.7",
-    "@codeleap/hooks": "5.0.7",
-    "@codeleap/form": "5.0.7",
-    "@codeleap/i18n": "5.0.7",
-    "@codeleap/query": "5.0.7",
-    "@codeleap/logger": "5.0.7",
-    "@codeleap/styles": "5.0.7",
+    "@codeleap/types": "5.0.8",
+    "@codeleap/utils": "5.0.8",
+    "@codeleap/hooks": "5.0.8",
+    "@codeleap/form": "5.0.8",
+    "@codeleap/query": "5.0.8",
+    "@codeleap/logger": "5.0.8",
+    "@codeleap/styles": "5.0.8",
     "@d11/react-native-fast-image": "8.8.0",
     "@react-native-firebase/messaging": "21.7.2",
     "@react-navigation/bottom-tabs": "7.2.0",

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "5.0.7",
+  "version": "5.0.8",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -13,7 +13,6 @@
     "@codeleap/utils": "workspace:*",
     "@codeleap/hooks": "workspace:*",
     "@codeleap/form": "workspace:*",
-    "@codeleap/i18n": "workspace:*",
     "@codeleap/query": "workspace:*",
     "@codeleap/logger": "workspace:*",
     "@codeleap/config": "workspace:*"
@@ -27,7 +26,6 @@
     "@codeleap/utils": "workspace:*",
     "@codeleap/hooks": "workspace:*",
     "@codeleap/form": "workspace:*",
-    "@codeleap/i18n": "workspace:*",
     "@codeleap/query": "workspace:*",
     "@codeleap/logger": "workspace:*",
     "@codeleap/styles": "workspace:*",

package/src/components/DatePickerModal/index.tsx

@@ -1,7 +1,6 @@
 import React, { useMemo, useRef } from 'react'
 import { TypeGuards } from '@codeleap/types'
 import { useConditionalState } from '@codeleap/hooks'
-import { useI18N } from '@codeleap/i18n'
 import DatePicker from 'react-native-date-picker'
 import Modal from '../Modal'
 import { TextInput } from '../TextInput'
@@ -116,6 +115,7 @@ export const DatePickerModal = (props: DatePickerModalProps) => {
     onConfirm: _onConfirm,
     value: _value,
     onValueChange: _onValueChange,
+    locale,
     ...modalProps
   } = allProps
 
@@ -134,7 +134,6 @@ export const DatePickerModal = (props: DatePickerModalProps) => {
   const compositionStyles = useCompositionStyles(['input', 'doneButton', 'cancelButton', 'confirmButton'], styles)
 
   const formattedDate = value ? formatDate(value) : ''
-  const { locale } = useI18N()
 
   const tempDate = useRef<Date | null>(initialDate instanceof Date ? initialDate : new Date(initialDate))
 

package/src/components/DatePickerModal/types.ts

@@ -47,4 +47,5 @@ export type DatePickerModalProps =
     style?: StyledProp<DatePickerModalComposition>
     value?: Date
     onValueChange?: (value: Date) => void
+    locale?: string
   }

package/src/components/InputBase/useInputBase.ts

@@ -11,6 +11,8 @@ export function useInputBase<V,  T extends Field<V, any, any, unknown> = Field<V
   params: Partial<IFieldRef<V>> = {}, 
   deps: any[] = []
 ) {
+  const [value, onValueChange] = customState
+
   const hasState = useMemo(() => customState.filter(Boolean)?.length >= 1, [])
 
   const wrapperRef = useRef<View>()
@@ -38,15 +40,7 @@ export function useInputBase<V,  T extends Field<V, any, any, unknown> = Field<V
       ...params,
     },
     deps
-  ] as unknown as Parameters<T['use']>, () => defaultField(hasState ? {
-    state: {
-      get: () => customState[0],
-      set: (val: V) => customState[1](val),
-      value: customState[0],
-      listen: () => {},
-    },
-    validate: () => ({ isValid: true })
-  } : {}))
+  ] as unknown as Parameters<T['use']>, () => defaultField(hasState ? { onValueChange, defaultValue: value } : {}))
 
   const validation = fieldHandle.validation
 

package/src/components/NumberIncrement/index.tsx

@@ -12,7 +12,7 @@ import { MobileStyleRegistry } from '../../Registry'
 import { useStylesFor } from '../../hooks'
 import CurrencyInput from 'react-native-currency-input'
 import { useInputBasePartialStyles } from '../InputBase/useInputBasePartialStyles'
-import { useNumberIncrement } from './useNumberIncrement'
+import { MAX_VALID_DIGITS, useNumberIncrement } from './useNumberIncrement'
 
 export * from './styles'
 export * from './types'
@@ -179,10 +179,10 @@ export const NumberIncrement = forwardRef<NativeTextInput, NumberIncrementProps>
           allowFontScaling={false}
           editable={!disabled}
           placeholderTextColor={partialStyles?.placeholder?.color}
-          value={isFormatted ? formatter(fieldHandle?.value ?? min) : String(fieldHandle?.value ?? min)}
           selectionColor={partialStyles?.selection?.color}
-          onChangeText={handleChangeInput}
           {...textInputProps}
+          onChangeText={handleChangeInput}
+          value={isFormatted ? formatter(fieldHandle?.value ?? min) : String(fieldHandle?.value ?? min)}
           onBlur={handleBlur}
           onFocus={handleFocus}
           style={[styles.input, partialStyles.input]}
@@ -220,6 +220,8 @@ NumberIncrement.defaultProps = {
   timeoutActionFocus: 300,
   actionPressAutoFocus: true,
   actionDebounce: null,
+  min: 0,
+  max: MAX_VALID_DIGITS
 } as Partial<NumberIncrementProps>
 
 MobileStyleRegistry.registerComponent(NumberIncrement)

package/src/components/NumberIncrement/useNumberIncrement.ts

@@ -38,6 +38,16 @@ export function useNumberIncrement(props: Partial<NumberIncrementProps>) {
     [value, onValueChange]
   )
 
+  const incrementDisabled = useMemo(() => {
+    const maxLimit = TypeGuards.isNumber(max) && (Number(fieldHandle?.value) >= max)
+    return maxLimit
+  }, [fieldHandle?.value])
+
+  const decrementDisabled = useMemo(() => {
+    const minLimit = TypeGuards.isNumber(min) && (Number(fieldHandle?.value) <= min)
+    return minLimit
+  }, [fieldHandle?.value])
+
   const actionTimeoutRef = useRef(null)
 
   const clearActionTimeoutRef = useCallback(() => {
@@ -64,7 +74,7 @@ export function useNumberIncrement(props: Partial<NumberIncrementProps>) {
         setIsFocused(false)
       }, timeoutActionFocus)
     }
-  }, [fieldHandle?.value])
+  }, [fieldHandle?.value, incrementDisabled, decrementDisabled])
 
   const checkValue = useCallback((newValue: number = null, withLimits = true) => {
     const value = newValue ?? fieldHandle?.value
@@ -87,14 +97,14 @@ export function useNumberIncrement(props: Partial<NumberIncrementProps>) {
     }
 
     return value
-  }, [])
+  }, [fieldHandle?.value])
 
   const handleBlur = useCallback((e: NativeSyntheticEvent<TextInputFocusEventData>) => {
     fieldHandle.setValue(checkValue())
     validation.onInputBlurred()
     setIsFocused(false)
     onBlur?.(e)
-  }, [validation.onInputBlurred, onBlur])
+  }, [validation.onInputBlurred, onBlur, checkValue])
 
   const handleFocus = useCallback((e: NativeSyntheticEvent<TextInputFocusEventData>) => {
     clearActionTimeoutRef()
@@ -108,22 +118,12 @@ export function useNumberIncrement(props: Partial<NumberIncrementProps>) {
     fieldHandle.setValue(value)
 
     return value
-  }, [])
+  }, [checkValue])
 
   const handleMaskChange = useCallback((masked, unmasked) => {
     handleChangeInput?.(masked)
     if (onChangeMask) onChangeMask(masked, unmasked)
-  }, [onChangeMask])
-
-  const incrementDisabled = useMemo(() => {
-    const maxLimit = TypeGuards.isNumber(max) && (Number(fieldHandle?.value) >= max)
-    return maxLimit
-  }, [fieldHandle?.value])
-
-  const decrementDisabled = useMemo(() => {
-    const minLimit = TypeGuards.isNumber(min) && (Number(fieldHandle?.value) <= min)
-    return minLimit
-  }, [fieldHandle?.value])
+  }, [onChangeMask, handleChangeInput])
 
   const hasValue = TypeGuards.isString(fieldHandle?.value)
     ? (fieldHandle?.value as string).length > 0

package/src/components/TextInput/index.tsx

@@ -40,7 +40,6 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((props, inp
     autoAdjustSelection,
     selectionStart,
     forceError,
-    onChangeText,
     multiline,
     ...textInputProps
   } = others
@@ -130,12 +129,13 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((props, inp
       {...buttonModeProps}
       selection={autoAdjustSelection ? currentSelection : undefined}
       placeholderTextColor={partialStyles?.placeholder?.color}
-      value={fieldHandle?.value}
       selectionColor={partialStyles?.selection?.color}
       secureTextEntry={secure && secureTextEntry}
       textAlignVertical={multiline ? 'top' : undefined}
       multiline={multiline}
       {...textInputProps}
+      value={fieldHandle?.value}
+      onChangeText={fieldHandle?.setValue}
       onBlur={handleBlur}
       onFocus={handleFocus}
       style={[

package/src/deprecated/index.ts

@@ -0,0 +1 @@
+export * as Permissions from './permissions'

package/src/{utils/PermissionManager/context.tsx → deprecated/permissions/Context.tsx}

@@ -1,10 +1,10 @@
 import React, { useContext, useState } from 'react'
-import { useModalContext } from '../ModalManager/context'
+import { useModalContext } from '../../utils/ModalManager/context'
 import { onMount, onUpdate, useDebounce, usePrevious } from '@codeleap/hooks'
 import { deepEqual } from '@codeleap/utils'
 import { AppState, Linking } from 'react-native'
 import { PermissionConfig, PermissionModalsConfig } from './types'
-import { PermissionManager, PermissionTypes } from '../MobilePermissionManager'
+import { PermissionManager, PermissionTypes } from './package'
 
 type TPermissionContext = {
   state: Record<string, PermissionTypes.PermissionStatus>
@@ -26,7 +26,7 @@ function getStatuses(state: PermissionsRecord) {
   return Object.fromEntries(statuses)
 }
 
-export function Provider({ children, AppPermissions, modalConfig }:PermissionProviderProps) {
+export function Provider({ children, AppPermissions, modalConfig }: PermissionProviderProps) {
 
   const [state, setState] = useState(() => getStatuses(AppPermissions.values))
 
@@ -50,7 +50,7 @@ export function Provider({ children, AppPermissions, modalConfig }:PermissionPro
       ...state,
       [forPermission]: status
     })
-  } 
+  }
 
 
   return <PermissionContext.Provider value={{
@@ -63,29 +63,29 @@ export function Provider({ children, AppPermissions, modalConfig }:PermissionPro
   </PermissionContext.Provider>
 }
 
-type TAskManyResults<T extends string> =Record<T, PermissionTypes.PermissionStatus> & {
+type TAskManyResults<T extends string> = Record<T, PermissionTypes.PermissionStatus> & {
   overall
   : PermissionTypes.PermissionStatus
 }
 
-type AskManyOpts<T extends string|number|symbol > = {
+type AskManyOpts<T extends string | number | symbol> = {
   breakOnDenied?: T[]
 }
 
 export type UsePermissions<
   _PermissionNames extends string,
   PermissionNames extends string = `${_PermissionNames}?` | _PermissionNames> = () => TPermissionContext & {
-  askPermission: (name: PermissionNames, onResolve?: (status: PermissionTypes.PermissionStatus) => any) => Promise<PermissionTypes.PermissionStatus>
-  askMany<T extends PermissionNames, R = TAskManyResults<T>>(
-    perms: T[],
-    onResolve?: (res:R) => any,
-    options?: AskManyOpts<T>
-  ):Promise<
-    R
-  >
-}
+    askPermission: (name: PermissionNames, onResolve?: (status: PermissionTypes.PermissionStatus) => any) => Promise<PermissionTypes.PermissionStatus>
+    askMany<T extends PermissionNames, R = TAskManyResults<T>>(
+      perms: T[],
+      onResolve?: (res: R) => any,
+      options?: AskManyOpts<T>
+    ): Promise<
+      R
+    >
+  }
 
-export const usePermissions:UsePermissions<any> = () => {
+export const usePermissions: UsePermissions<any> = () => {
   const modalCtx = useModalContext()
   const permissionCtx = useContext(PermissionContext)
 
@@ -122,7 +122,7 @@ export const usePermissions:UsePermissions<any> = () => {
 
   const askMany = async (
     perms: any[],
-    onResolve?: (res:any) => any,
+    onResolve?: (res: any) => any,
     options?: AskManyOpts<any>,
   ) => {
 
@@ -186,7 +186,7 @@ export const usePermissions:UsePermissions<any> = () => {
         modalCtx.toggleModal(prevModal, false, {})
       })
     }
-    const res:Parameters<typeof onResolve>[0] = {
+    const res: Parameters<typeof onResolve>[0] = {
       ...results,
       overall: Object.values(results).every(x => x === 'granted') ? 'granted' : 'denied',
     }
@@ -313,4 +313,4 @@ export function createTypedPermissionHooks<
     usePermissionModal: _usePermissionModal,
 
   }
-}
+}

package/src/{utils/PermissionManager → deprecated/permissions}/index.ts

@@ -1,20 +1,16 @@
-import { usePermissions, Provider, createTypedPermissionHooks, usePermissionModal } from './context'
-import {
+import { usePermissions, Provider, createTypedPermissionHooks, usePermissionModal } from './Context'
+import { PermissionConfig, PermissionModalsConfig } from './types'
 
-  PermissionConfig,
-  PermissionModalsConfig,
+export * from './package'
 
-} from './types'
 export {
   usePermissions,
   Provider,
   usePermissionModal,
   createTypedPermissionHooks,
-
 }
 
 export type {
-
   PermissionConfig,
   PermissionModalsConfig,
-}
+}

package/src/{utils/MobilePermissionManager/PermissionManager.ts → deprecated/permissions/package/Manager.ts}

@@ -3,12 +3,12 @@ import { Permission } from './Permission'
 import * as PermissionTypes from './types'
 
 export class PermissionManager<
-    T extends PermissionTypes.PermissionActionRecord,
-    I extends PermissionTypes.IPermissionManager<T> = PermissionTypes.IPermissionManager<T>
+  T extends PermissionTypes.PermissionActionRecord,
+  I extends PermissionTypes.IPermissionManager<T> = PermissionTypes.IPermissionManager<T>
 > implements PermissionTypes.IPermissionManager<T> {
-  private _permissions:Record<keyof T, Permission>
+  private _permissions: Record<keyof T, Permission>
 
-  subscriberArgs:Parameters<PermissionTypes.ChangeListener<T>>
+  subscriberArgs: Parameters<PermissionTypes.ChangeListener<T>>
 
   private subscribers: PermissionTypes.ChangeListener<T>[]
 
@@ -21,8 +21,8 @@ export class PermissionManager<
   private params: T
 
   public permissions: {
-      [Property in keyof T as Uppercase<string & Property>] : Property
-    }
+    [Property in keyof T as Uppercase<string & Property>]: Property
+  }
 
   logger: Logger
 
@@ -65,7 +65,7 @@ export class PermissionManager<
     return this._permissions[name]
   }
 
-  getMany:I['getMany'] = async (perms, options) => {
+  getMany: I['getMany'] = async (perms, options) => {
 
     const results = []
 
@@ -81,11 +81,11 @@ export class PermissionManager<
   }
 
   // @ts-ignore
-  get:I['get'] = async (name, options) => {
+  get: I['get'] = async (name, options) => {
     return await this.check(name, options)
   }
 
-  onPermissionChange(name: keyof T, callback:PermissionTypes.PermissionSubscriber) {
+  onPermissionChange(name: keyof T, callback: PermissionTypes.PermissionSubscriber) {
     const subIdx = this.permSubscribers[name].push(callback) - 1
 
     return () => {
@@ -93,7 +93,7 @@ export class PermissionManager<
     }
   }
 
-  onChange(callback:PermissionTypes.ChangeListener<T>) {
+  onChange(callback: PermissionTypes.ChangeListener<T>) {
     const subIdx = this.subscribers.push(callback) - 1
 
     return () => {
@@ -121,4 +121,4 @@ export class PermissionManager<
     return res
   }
 
-}
+}

package/src/{utils/MobilePermissionManager → deprecated/permissions/package}/Permission.ts

@@ -8,7 +8,7 @@ export class Permission implements PermissionTypes.IPermission {
 
   shouldAsk: boolean
 
-  constructor(private actions:PermissionTypes.PermissionActions & {log?: AnyFunction}, public name = '') {
+  constructor(private actions: PermissionTypes.PermissionActions & { log?: AnyFunction }, public name = '') {
     this.actions = actions
     this.shouldAsk = true
     this.status = 'pending'
@@ -25,8 +25,8 @@ export class Permission implements PermissionTypes.IPermission {
     }
   }
 
-  async check(options?:PermissionTypes.CheckOptions): Promise<void> {
-    const _options:PermissionTypes.CheckOptions = {
+  async check(options?: PermissionTypes.CheckOptions): Promise<void> {
+    const _options: PermissionTypes.CheckOptions = {
       askOnPending: true,
       askOnDenied: false,
       ask: true,
@@ -76,4 +76,4 @@ export class Permission implements PermissionTypes.IPermission {
     return this.status === 'limited'
 
   }
-}
+}

package/src/{utils/MobilePermissionManager → deprecated/permissions/package}/index.ts

@@ -1,3 +1,3 @@
 export * as PermissionTypes from './types'
 export * from './Permission'
-export * from './PermissionManager'
+export * from './Manager'

package/src/{utils/MobilePermissionManager → deprecated/permissions/package}/types.ts

@@ -5,33 +5,33 @@ export const permissionStatuses = ['unavailable', 'pending', 'denied', 'limited'
 export type PermissionStatus = typeof permissionStatuses[number]
 
 export type PermissionState = {
-    status: PermissionStatus
-    shouldAsk: boolean
+  status: PermissionStatus
+  shouldAsk: boolean
 
 } & Record<`is${Capitalize<PermissionStatus>}`, boolean>
 
 export type CheckOptions = {
-    askOnPending?:boolean
-    askOnDenied?:boolean
-    ask?: boolean
+  askOnPending?: boolean
+  askOnDenied?: boolean
+  ask?: boolean
 
 }
 
 export type IPermission = {
-    ask():Promise<void>
-    check(options?:CheckOptions):Promise<void>
+  ask(): Promise<void>
+  check(options?: CheckOptions): Promise<void>
 
 } & PermissionState
 
 export type PermFunction = FunctionType<[], Promise<PermissionStatus>>
 
-export type PermissionActions = Record<'onAsk'|'onCheck', PermFunction> & { init?: 'check' | PermissionState }
+export type PermissionActions = Record<'onAsk' | 'onCheck', PermFunction> & { init?: 'check' | PermissionState }
 
 export type PermissionActionRecord = Record<string, PermissionActions>
 
 export interface IPermissionManager<T extends PermissionActionRecord> {
-    getMany(perms: PermissionArray<T>, options?: CheckOptions): Promise<PermissionState[]>
-    get(name: keyof T, options?: CheckOptions): Promise<PermissionState>
+  getMany(perms: PermissionArray<T>, options?: CheckOptions): Promise<PermissionState[]>
+  get(name: keyof T, options?: CheckOptions): Promise<PermissionState>
 }
 
 export type ChangeListener<T> = FunctionType<[keyof T, PermissionState], any>
@@ -40,5 +40,5 @@ export type PermissionSubscriber = FunctionType<[PermissionState], any>
 export type PermissionArray<T> = ([name: keyof T, options: CheckOptions])[] | (keyof T)[]
 
 export type PermissionManagerOptions = {
-    logger?: Logger
-}
+  logger?: Logger
+}

package/src/deprecated/permissions/types.ts

@@ -0,0 +1,27 @@
+import { ImageProps } from '../../components/Image'
+import { PermissionTypes } from './package'
+type NonGrantedPermissionTypes = Exclude<PermissionTypes.PermissionStatus, 'granted'>
+
+export type BasePermissionConfig = {
+  fullscreenModal?: boolean
+  dismissable?: boolean
+  title: string
+  onAllow: 'openSettings' | 'ask'
+
+  description: string[]
+  icon?: string
+  image?: ImageProps['source']
+  imageProps?: Omit<ImageProps, 'source'>
+}
+
+export type PermissionConfig = BasePermissionConfig &
+  Partial<
+    Record<
+      NonGrantedPermissionTypes,
+      Partial<BasePermissionConfig>
+    >
+  >
+
+export type PermissionModalsConfig<PermissionNames extends string | number | symbol> = Partial<
+  Record<PermissionNames, PermissionConfig>
+>

package/src/hooks/index.ts

@@ -1,3 +1,4 @@
 export * from './useStylesFor'
 export * from './useStatusBar'
-export * from './useKeyboardController'
+export * from './useKeyboardController'
+export * from './useAppState'

package/src/hooks/useAppState.ts

@@ -0,0 +1,23 @@
+import { DependencyList, useEffect, useState } from 'react'
+import { AppState, AppStateStatus } from 'react-native'
+
+export function useAppState(
+  callbackFn: (state: AppStateStatus) => void,
+  deps: DependencyList = []
+) {
+  useEffect(() => {
+    const listener = AppState.addEventListener('change', callbackFn)
+
+    return () => {
+      listener.remove()
+    }
+  }, deps)
+}
+
+export function useAppStateStatus() {
+  const [status, setStatus] = useState<AppStateStatus>(AppState.currentState)
+
+  useAppState((newStatus) => setStatus(newStatus))
+
+  return status
+}

package/src/index.ts

@@ -2,6 +2,7 @@ export * from './components/components'
 export * from './utils'
 export * from './hooks'
 export * from './modules'
+export * from './deprecated'
 
 export { Linking } from 'react-native'
 import uuid from 'react-native-uuid'

package/src/utils/hooks.ts

@@ -1,7 +1,7 @@
-import { onMount, onUpdate, usePrevious, useRef, useState } from '@codeleap/hooks'
+import { onUpdate, usePrevious, useRef, useState } from '@codeleap/hooks'
 import { shadeColor } from '@codeleap/utils'
 import { TypeGuards } from '@codeleap/types'
-import { Animated, AppState, AppStateStatus, Platform, BackHandler, ViewStyle, ImageStyle, TextStyle, StyleSheet, StyleProp } from 'react-native'
+import { Animated, Platform, BackHandler, ViewStyle, ImageStyle, TextStyle, StyleSheet, StyleProp } from 'react-native'
 import { AnimatedStyleProp, Easing, EasingFn, useAnimatedStyle, withTiming } from 'react-native-reanimated'
 import { PressableRippleProps } from '../modules/PressableRipple/type'
 import { useMemo } from 'react'
@@ -41,22 +41,6 @@ export function useAnimateColor(value: string, opts?: Partial<Animated.TimingAni
 
 }
 
-export function useAppState(filter?: AppStateStatus[]) {
-  const [appState, setAppState] = useState(() => AppState.currentState)
-
-  onMount(() => {
-    AppState.addEventListener('change', s => {
-      if (!filter || filter.includes(s)) {
-        setAppState(s)
-      }
-    })
-  })
-
-  return {
-    appState,
-  }
-}
-
 type SelectProperties<T extends Record<string|number|symbol, any>, K extends keyof T> = {
   [P in K] : T[K]
 }