@codeleap/mobile 5.0.9 → 5.0.10

package/dist/utils/index.d.ts

@@ -2,8 +2,6 @@ export * from './OSAlert';
 export * from './hooks';
 export * from './misc';
 export * from './NotificationManager';
-export * from './ModalManager';
-export * from './KeyboardAware';
 export * from './input';
 export * from './theme';
 export * from './locale';

package/dist/utils/index.js

@@ -2,8 +2,6 @@ export * from './OSAlert';
 export * from './hooks';
 export * from './misc';
 export * from './NotificationManager';
-export * from './ModalManager';
-export * from './KeyboardAware';
 export * from './input';
 export * from './theme';
 export * from './locale';

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,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"}
+{"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,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.9",
+  "version": "5.0.10",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,26 +9,28 @@
     "directory": "packages/mobile"
   },
   "devDependencies": {
-    "@codeleap/types": "5.0.9",
-    "@codeleap/utils": "5.0.9",
-    "@codeleap/hooks": "5.0.9",
-    "@codeleap/form": "5.0.9",
-    "@codeleap/query": "5.0.9",
-    "@codeleap/logger": "5.0.9",
-    "@codeleap/config": "5.0.9"
+    "@codeleap/types": "5.0.10",
+    "@codeleap/utils": "5.0.10",
+    "@codeleap/hooks": "5.0.10",
+    "@codeleap/form": "5.0.10",
+    "@codeleap/query": "5.0.10",
+    "@codeleap/logger": "5.0.10",
+    "@codeleap/config": "5.0.10",
+    "@codeleap/modals": "5.0.10"
   },
   "scripts": {
     "build": "tsc --build",
     "lint": "eslint -c  .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
   },
   "peerDependencies": {
-    "@codeleap/types": "5.0.9",
-    "@codeleap/utils": "5.0.9",
-    "@codeleap/hooks": "5.0.9",
-    "@codeleap/form": "5.0.9",
-    "@codeleap/query": "5.0.9",
-    "@codeleap/logger": "5.0.9",
-    "@codeleap/styles": "5.0.9",
+    "@codeleap/types": "5.0.10",
+    "@codeleap/utils": "5.0.10",
+    "@codeleap/hooks": "5.0.10",
+    "@codeleap/form": "5.0.10",
+    "@codeleap/query": "5.0.10",
+    "@codeleap/logger": "5.0.10",
+    "@codeleap/styles": "5.0.10",
+    "@codeleap/modals": "5.0.10",
     "@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.9",
+  "version": "5.0.10",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -15,7 +15,8 @@
     "@codeleap/form": "workspace:*",
     "@codeleap/query": "workspace:*",
     "@codeleap/logger": "workspace:*",
-    "@codeleap/config": "workspace:*"
+    "@codeleap/config": "workspace:*",
+    "@codeleap/modals": "workspace:*"
   },
   "scripts": {
     "build": "tsc --build",
@@ -29,6 +30,7 @@
     "@codeleap/query": "workspace:*",
     "@codeleap/logger": "workspace:*",
     "@codeleap/styles": "workspace:*",
+    "@codeleap/modals": "workspace:*",
     "@d11/react-native-fast-image": "8.8.0",
     "@react-native-firebase/messaging": "21.7.2",
     "@react-navigation/bottom-tabs": "7.2.0",

package/src/components/Autocomplete/types.ts

@@ -1,6 +1,5 @@
 import { Option, Options, PropsOf } from '@codeleap/types'
-import { StylesOf } from '../../types/utility'
-import { GetKeyboardAwarePropsOptions } from '../../utils'
+import { GetKeyboardAwarePropsOptions, StylesOf } from '../../types/utility'
 import { Icon } from '../Icon'
 import { FlatListProps } from '../List'
 import { Text } from '../Text'

package/src/components/Backdrop/index.tsx

@@ -58,8 +58,8 @@ Backdrop.withVariantTypes = <S extends AnyRecord>(styles: S) => {
 }
 
 Backdrop.defaultProps = {
-  entering: FadeIn.build(),
-  exiting: FadeOut.build(),
+  entering: FadeIn.duration(100).build(),
+  exiting: FadeOut.duration(100).delay(100).build(),
 } as Partial<BackdropProps>
 
 MobileStyleRegistry.registerComponent(Backdrop)

package/src/components/DatePickerModal/index.tsx

@@ -2,9 +2,8 @@ import React, { useMemo, useRef } from 'react'
 import { TypeGuards } from '@codeleap/types'
 import { useConditionalState } from '@codeleap/hooks'
 import DatePicker from 'react-native-date-picker'
-import Modal from '../Modal'
+import { Modal } from '../Modal'
 import { TextInput } from '../TextInput'
-import { ModalManager } from '../../utils'
 import { Button } from '../Button'
 import { DatePickerModalProps } from './types'
 import { AnyRecord, IJSX, StyledComponentProps, useCompositionStyles } from '@codeleap/styles'
@@ -128,7 +127,7 @@ export const DatePickerModal = (props: DatePickerModalProps) => {
     onInputValueChange,
   } = useInputBase(field, fields.date, { value, onValueChange })
 
-  const Wrapper = isCustomModal ? ModalManager.Modal : React.Fragment
+  const Wrapper = isCustomModal ? Modal : React.Fragment
 
   const compositionStyles = useCompositionStyles(['input', 'doneButton', 'cancelButton', 'confirmButton'], styles)
 

package/src/components/Modal/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { Fragment } from 'react'
 import { View } from '../View'
 import { Scroll } from '../Scroll'
 import { TypeGuards } from '@codeleap/types'
@@ -7,12 +7,12 @@ import { useBackButton } from '../../utils/hooks'
 import { Text } from '../Text'
 import { Touchable } from '../Touchable'
 import { ActionIcon } from '../ActionIcon'
-import { useState } from 'react'
 import { ModalHeaderProps, ModalProps } from './types'
-import { AnyRecord, AppIcon, useNestedStylesByKey, IJSX, StyledComponentProps, useTheme, AppTheme, Theme } from '@codeleap/styles'
+import { AnyRecord, AppIcon, useNestedStylesByKey, IJSX, StyledComponentProps } from '@codeleap/styles'
 import { MobileStyleRegistry } from '../../Registry'
 import { useStylesFor } from '../../hooks'
 import { FadeIn, FadeOut } from 'react-native-reanimated'
+import { Portal } from '@gorhom/portal'
 
 export * from './styles'
 export * from './types'
@@ -67,26 +67,22 @@ export const Modal = (modalProps: ModalProps) => {
     children,
     toggle = () => null,
     dismissOnBackdrop,
-    header = null,
+    header,
     debugName,
     scroll,
-    renderHeader,
-    zIndex = null,
+    renderHeader: Header,
     scrollProps = {},
     closeOnHardwareBackPress,
     style,
     boxExiting,
     boxEntering,
+    withPortal,
     ...props
   } = {
     ...Modal.defaultProps,
     ...modalProps,
   }
 
-  const themeValues = useTheme(store => (store.current as AppTheme<Theme>)?.values)
-
-  const [modalHeight, setModalHeight] = useState(0)
-
   const styles = useStylesFor(Modal.styleRegistryName, style)
 
   const buttonStyles = useNestedStylesByKey('closeButton', styles)
@@ -94,17 +90,7 @@ export const Modal = (modalProps: ModalProps) => {
   const ScrollComponent = scroll ? Scroll : View
   const scrollStyle = scroll ? styles?.scroll : styles?.innerWrapper
 
-  const heightThreshold = themeValues?.height * 0.75
-  const topSpacing = modalHeight > heightThreshold ? styles?.topSpacing : 0
-
-  const headerProps: ModalHeaderProps = {
-    ...modalProps,
-    closable,
-    styles,
-    buttonStyles,
-  }
-
-  const Header = renderHeader || DefaultHeader
+  const Wrapper = withPortal ? Portal : Fragment
 
   useBackButton(() => {
     if (visible && closeOnHardwareBackPress) {
@@ -113,82 +99,77 @@ export const Modal = (modalProps: ModalProps) => {
     }
   }, [visible, toggle, closeOnHardwareBackPress])
 
-  const onModalLayout = (event) => {
-    const { height } = event.nativeEvent.layout
-    setModalHeight(height)
-    props?.onLayout?.(event)
-  }
-
   return (
-    <View
-      style={[
-        styles?.wrapper,
-        // @ts-expect-error
-        { zIndex: TypeGuards.isNumber(zIndex) ? zIndex : styles?.wrapper?.zIndex, ...topSpacing },
-      ]}
-      pointerEvents={visible ? 'auto' : 'none'}
-    >
-      <Backdrop
-        visible={visible}
-        debugName={`Modal ${debugName} backdrop`}
-        style={{
-          'wrapper:hidden': styles['backdrop:hidden'],
-          'wrapper:visible': styles['backdrop:visible'],
-          'wrapper': styles?.backdrop,
-        }}
-        wrapperProps={{
-          // @ts-expect-error
-          transition: styles['backdrop:transition'],
-        }}
-      />
-
-      <ScrollComponent
-        contentContainerStyle={styles?.scrollContent}
-        showsVerticalScrollIndicator={false}
-        keyboardAware
-        animated
-        {...scrollProps}
-        style={scrollStyle}
-      >
-        {dismissOnBackdrop ? (
-          <Touchable
-            onPress={closable && visible ? toggle : (() => { })}
-            debounce={400}
-            debugName={'Modal backdrop touchable'}
-            style={styles?.backdropTouchable}
-            android_ripple={null}
-            noFeedback
-          />) : null}
-        {
-          visible ? (
-            <View
-              animated
-              // @ts-ignore
-              entering={boxEntering}
-              exiting={boxExiting}
-              {...props}
-              onLayout={onModalLayout}
-              style={styles?.box}
-            >
-              {header ? header : <Header {...headerProps} />}
-
-              <View style={styles?.body}>{children}</View>
-
-              {footer ? (
-                <View style={styles?.footer}>
-                  {typeof footer === 'string' ? <Text text={footer} /> : footer}
-                </View>
-              ) : null}
-            </View>
-          ) : null
-        }
-      </ScrollComponent>
-    </View >
+    <Wrapper>
+      <View style={styles?.wrapper} pointerEvents={visible ? 'auto' : 'none'}>
+        <Backdrop
+          visible={visible}
+          debugName={`Modal ${debugName} backdrop`}
+          style={{
+            'wrapper:hidden': styles['backdrop:hidden'],
+            'wrapper:visible': styles['backdrop:visible'],
+            'wrapper': styles?.backdrop,
+          }}
+          wrapperProps={{
+            // @ts-expect-error
+            transition: styles['backdrop:transition'],
+          }}
+        />
+
+        <ScrollComponent
+          contentContainerStyle={styles?.scrollContent}
+          showsVerticalScrollIndicator={false}
+          keyboardAware
+          animated
+          {...scrollProps}
+          style={scrollStyle}
+        >
+          {dismissOnBackdrop ? (
+            <Touchable
+              onPress={closable && visible ? toggle : (() => { })}
+              debounce={400}
+              debugName={'Modal backdrop touchable'}
+              style={styles?.backdropTouchable}
+              android_ripple={null}
+              noFeedback
+            />) : null}
+          {
+            visible ? (
+              <View
+                animated
+                // @ts-ignore
+                entering={boxEntering}
+                exiting={boxExiting}
+                {...props}
+                style={styles?.box}
+              >
+                {header ? header : (
+                  <Header
+                    {...modalProps}
+                    closable={closable}
+                    styles={styles}
+                    buttonStyles={buttonStyles}
+                  />
+                )}
+
+                <View style={styles?.body}>{children}</View>
+
+                {footer ? (
+                  <View style={styles?.footer}>
+                    {typeof footer === 'string' ? <Text text={footer} /> : footer}
+                  </View>
+                ) : null}
+              </View>
+            ) : null
+          }
+        </ScrollComponent>
+      </View>
+    </Wrapper>
   )
 }
 
 Modal.styleRegistryName = 'Modal'
-Modal.elements = ['wrapper', 'box', 'backdrop', 'innerWrapper', 'scroll', 'body', 'footer', 'header', 'title', 'description', 'closeButton', 'topSpacing']
+Modal.elements = ['wrapper', 'box', 'backdrop', 'innerWrapper', 'scroll', 'body', 'footer', 'header', 'title', 'description', 'closeButton']
 Modal.rootElement = 'wrapper'
 
 Modal.withVariantTypes = <S extends AnyRecord>(styles: S) => {
@@ -201,10 +182,10 @@ Modal.defaultProps = {
   dismissOnBackdrop: true,
   scroll: true,
   closeOnHardwareBackPress: true,
-  boxEntering: FadeIn.duration(100).build(),
+  boxEntering: FadeIn.duration(100).delay(50).build(),
   boxExiting: FadeOut.duration(100).build(),
+  withPortal: true,
+  renderHeader: DefaultHeader,
 } as Partial<ModalProps>
 
-MobileStyleRegistry.registerComponent(Modal)
-
-export default Modal
+MobileStyleRegistry.registerComponent(Modal)

package/src/components/Modal/styles.ts

@@ -16,7 +16,6 @@ export type ModalParts =
   | 'description'
   | 'titleWrapper'
   | `closeButton${Capitalize<ActionIconComposition>}`
-  | 'topSpacing'
 
 export type ModalComposition =
   | ModalParts

package/src/components/Modal/types.ts

@@ -20,7 +20,6 @@ export type ModalProps =
     closeIconName?: AppIcon
     visible?: boolean
     toggle?: () => void
-    zIndex?: number
     description?: React.ReactElement
     scroll?: boolean
     header?: React.ReactElement
@@ -30,7 +29,7 @@ export type ModalProps =
     scrollProps?: PropsOf<typeof Scroll, 'ref'>
     style?: StyledProp<ModalComposition>
     id?: string
-    absolute?: boolean
+    withPortal?: boolean
     boxEntering?: ReanimatedEnteringAnimation
     boxExiting?: ReanimatedExitingAnimation
   }

package/src/components/Select/index.tsx

@@ -11,10 +11,9 @@ import React, { useCallback, useMemo } from 'react'
 import { List } from '../List'
 import { TextInput } from '../TextInput'
 import { SelectProps, ValueBoundSelectProps } from './types'
-import { ModalManager } from '../../utils'
 import { Button } from '../Button'
 import { AnyRecord, AppIcon, IJSX, StyledComponentProps, useCompositionStyles } from '@codeleap/styles'
-import Modal from '../Modal'
+import { Modal } from '../Modal'
 import { MobileStyleRegistry } from '../../Registry'
 import { SearchInput } from '../SearchInput'
 import { useStylesFor } from '../../hooks'
@@ -62,6 +61,7 @@ const OuterInput: ValueBoundSelectProps<any, boolean>['outerInputComponent'] = (
 
   return <TextInput
     value={TypeGuards.isString(currentValueLabel) ? currentValueLabel : null}
+    onValueChange={() => currentValueLabel}
     rightIcon={clearIcon}
     onPress={disabled ? null : () => toggle()}
     disabled={disabled}
@@ -317,7 +317,7 @@ export const Select = <T extends string | number = string, Multi extends boolean
       ) : null
     }
 
-    <ModalManager.Modal
+    <Modal
       title={label}
       description={description}
       {...modalProps}
@@ -343,7 +343,7 @@ export const Select = <T extends string | number = string, Multi extends boolean
           loading,
         }}
       />
-    </ModalManager.Modal>
+    </Modal>
   </>
 }
 

package/src/components/Select/types.ts

@@ -1,7 +1,6 @@
 import { Option, Options, PropsOf } from '@codeleap/types'
 import { AppIcon, StyledProp } from '@codeleap/styles'
-import { StylesOf } from '../../types/utility'
-import { GetKeyboardAwarePropsOptions } from '../../utils'
+import { GetKeyboardAwarePropsOptions, StylesOf } from '../../types/utility'
 import { ActionIconProps } from '../ActionIcon'
 import { Icon } from '../Icon'
 import { FlatListProps } from '../List'

package/src/components/SortablePhotos/useSortablePhotos.ts

@@ -1,10 +1,8 @@
-import { CreateOSAlert } from '@codeleap/modals'
+import { alert } from '@codeleap/modals'
 import { useEffect, useMemo, useState } from '@codeleap/hooks'
 import { FileInputImageSource, useFileInput } from '../FileInput'
 import { SortablePhoto, SortablePhotosProps, WithId } from './types'
 
-const SortableAlert = CreateOSAlert()
-
 export const useSortablePhotos = <T extends SortablePhoto>(props: SortablePhotosProps<T>) => {
   const {
     onChangePhotos,
@@ -145,7 +143,7 @@ export const useSortablePhotos = <T extends SortablePhoto>(props: SortablePhotos
   }
 
   const handlePressPhoto = (photo: T, order: number) => {
-    SortableAlert.custom({
+    alert.ask({
       title: modalTitle,
       body: modalBody,
       options: [
@@ -153,9 +151,6 @@ export const useSortablePhotos = <T extends SortablePhoto>(props: SortablePhotos
         { text: modalCameraText, onPress: () => handleOpenPicker('camera', photo, order) },
         !!photo?.filename && { text: modalDeleteText, onPress: () => handleDeletePhoto(photo, order) },
       ],
-      // @ts-expect-error
-      closable: true,
-      isRow: false,
     })
 
     onPressPhoto?.(data, photo, order)

package/src/deprecated/index.ts

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

package/src/{utils/ModalManager/context.tsx → deprecated/modals/Context.tsx}

@@ -2,7 +2,6 @@ import React from 'react'
 import { AnyFunction, TypeGuards } from '@codeleap/types'
 import { onUpdate, useState } from '@codeleap/hooks'
 import { PortalProvider } from '@gorhom/portal'
-import { KeyboardProvider } from '../KeyboardAware'
 
 export type AppModalProps = {
   visible: boolean
@@ -38,7 +37,7 @@ export function Provider({ children }) {
     return !!modals[name]?.visible
   }
 
-  const toggleModal:TModalContext['toggleModal'] = (name, set?: boolean, props?: any) => {
+  const toggleModal: TModalContext['toggleModal'] = (name, set?: boolean, props?: any) => {
     const visible = isVisible(name)
 
     const newVisible = typeof set === 'boolean' ? set : !visible
@@ -58,7 +57,7 @@ export function Provider({ children }) {
     })
   }
 
-  const setModal:TModalContext['setModal'] = (name, to) => {
+  const setModal: TModalContext['setModal'] = (name, to) => {
 
     setModals((current) => ({
       ...current,
@@ -72,7 +71,7 @@ export function Provider({ children }) {
 
   // const codeleapCtx = useCodeleapContext()
   const defaultDuration = 300
-  const transition:TModalContext['transition'] = (from, to, options) => {
+  const transition: TModalContext['transition'] = (from, to, options) => {
     return new Promise((resolve) => {
       setTimeout(() => {
 
@@ -80,7 +79,7 @@ export function Provider({ children }) {
           toggleModal(to, true, options?.props)
           return
         }
-        const _options:ModalTransitionOptions = {
+        const _options: ModalTransitionOptions = {
           duration: defaultDuration,
           ...options,
         }
@@ -137,7 +136,7 @@ export function Provider({ children }) {
     setModals(newModals)
   }
 
-  return <KeyboardProvider>
+  return (
     <ModalContext.Provider value={{
       state: modals,
       toggleModal,
@@ -155,8 +154,7 @@ export function Provider({ children }) {
         {children}
       </PortalProvider>
     </ModalContext.Provider>
-  </KeyboardProvider>
-
+  )
 }
 
 export function useModalContext() {
@@ -175,9 +173,9 @@ export type UseModalSequenceOptions = {
 
 export function useModalSequence(ids: string[], options?: UseModalSequenceOptions) {
 
-  const _options:UseModalSequenceOptions = {
+  const _options: UseModalSequenceOptions = {
     closeLastOnFinish: true,
-    onFinish: () => {},
+    onFinish: () => { },
     resetOnFinish: false,
     waitForLastToCloseBeforeCallingFinish: true,
     ...options,
@@ -231,7 +229,7 @@ export function useModalSequence(ids: string[], options?: UseModalSequenceOption
   }
 
   function goto(idxOrId: string | number, props?: any) {
-    let newId:string = null
+    let newId: string = null
     if (TypeGuards.isString(idxOrId)) {
       newId = idxOrId
 

package/src/{utils/ModalManager → deprecated/modals}/components.tsx

@@ -1,19 +1,19 @@
 import React from 'react'
 import { usePrevious, onMount, onUpdate } from '@codeleap/hooks'
 import { PropsOf } from '@codeleap/types'
-import { useModalContext } from './context'
+import { useModalContext } from './Context'
 import { Portal } from '@gorhom/portal'
 import { Modal as _Modal } from '../../components/Modal'
 
 type UseManagedModalArgs = {
   id?: string
-  initialVisible ?: boolean
+  initialVisible?: boolean
   parent?: string
   visible?: boolean
   toggle?: PropsOf<typeof _Modal>['toggle']
 }
 
-function useManagedModal(props:UseManagedModalArgs) {
+function useManagedModal(props: UseManagedModalArgs) {
   const {
     initialVisible = false,
     parent,
@@ -61,7 +61,7 @@ export type ManagedModalProps<T = PropsOf<typeof _Modal>> = Omit<T, 'visible' |
   absolute?: boolean
 
 }
-export const Modal:React.FC<ManagedModalProps> = ({
+export const Modal: React.FC<ManagedModalProps> = ({
   children,
   absolute = true,
   ...props
@@ -81,4 +81,4 @@ export const Modal:React.FC<ManagedModalProps> = ({
   }
 
   return content
-}
+}

package/src/{utils/ModalManager → deprecated/modals}/index.ts

@@ -1,4 +1,4 @@
-import { useModalContext, useModalSequence, Provider } from './context'
+import { useModalContext, useModalSequence, Provider } from './Context'
 import { Modal, ManagedModalProps } from './components'
 
 export const ModalManager = {
@@ -10,4 +10,4 @@ export const ModalManager = {
 
 export type {
   ManagedModalProps,
-}
+}

package/src/deprecated/permissions/Context.tsx

@@ -1,10 +1,10 @@
 import React, { useContext, useState } from 'react'
-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 './package'
+import { useModalContext } from '../modals/Context'
 
 type TPermissionContext = {
   state: Record<string, PermissionTypes.PermissionStatus>

package/src/index.ts

@@ -6,8 +6,7 @@ export * from './deprecated'
 
 export { Linking } from 'react-native'
 import uuid from 'react-native-uuid'
-import * as RNKeyboardAwareScrollView from './utils/KeyboardAware'
-export { uuid, RNKeyboardAwareScrollView }
+export { uuid }
 export { MobileStyleRegistry } from './Registry'
 
 import './modules/formConfig'

package/src/types/utility.ts

@@ -17,3 +17,11 @@ export type ChildrenProp = ReactNode | ReactNode[] | undefined
 export type ReanimatedExitingAnimation = (values: ExitAnimationsValues) => LayoutAnimation
 export type ReanimatedEnteringAnimation = (values: EntryAnimationsValues) => LayoutAnimation
 
+export type GetKeyboardAwarePropsOptions = {
+  baseStyleProp?: 'style' | 'contentContainerStyle'
+  adapt?: 'height' | 'maxHeight' | 'paddingBottom' | 'marginBottom' | 'bottom'
+  enabled?: boolean
+  animated?: boolean
+  transition?: TransitionConfig
+  enableOnAndroid?: boolean
+}