@codeleap/mobile 1.9.25 → 1.9.28

package/src/modules/types/fileTypes.ts

@@ -1,138 +1,138 @@
-declare const mimeTypes: Readonly<{
-    readonly allFiles: '*/*'
-    readonly audio: 'audio/*'
-    readonly csv: 'text/csv'
-    readonly doc: 'application/msword'
-    readonly docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
-    readonly images: 'image/*'
-    readonly pdf: 'application/pdf'
-    readonly plainText: 'text/plain'
-    readonly ppt: 'application/vnd.ms-powerpoint'
-    readonly pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation'
-    readonly video: 'video/*'
-    readonly xls: 'application/vnd.ms-excel'
-    readonly xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-    readonly zip: 'application/zip'
-}>
-declare const utis: Readonly<{
-    readonly allFiles: 'public.item'
-    readonly audio: 'public.audio'
-    readonly csv: 'public.comma-separated-values-text'
-    readonly doc: 'com.microsoft.word.doc'
-    readonly docx: 'org.openxmlformats.wordprocessingml.document'
-    readonly images: 'public.image'
-    readonly pdf: 'com.adobe.pdf'
-    readonly plainText: 'public.plain-text'
-    readonly ppt: 'com.microsoft.powerpoint.ppt'
-    readonly pptx: 'org.openxmlformats.presentationml.presentation'
-    readonly video: 'public.movie'
-    readonly xls: 'com.microsoft.excel.xls'
-    readonly xlsx: 'org.openxmlformats.spreadsheetml.sheet'
-    readonly zip: 'public.zip-archive'
-}>
-declare const extensions: Readonly<{
-    readonly allFiles: '*'
-    readonly audio: '.3g2 .3gp .aac .adt .adts .aif .aifc .aiff .asf .au .m3u .m4a .m4b .mid .midi .mp2 .mp3 .mp4 .rmi .snd .wav .wax .wma'
-    readonly csv: '.csv'
-    readonly doc: '.doc'
-    readonly docx: '.docx'
-    readonly images: '.jpeg .jpg .png'
-    readonly pdf: '.pdf'
-    readonly plainText: '.txt'
-    readonly ppt: '.ppt'
-    readonly pptx: '.pptx'
-    readonly video: '.mp4'
-    readonly xls: '.xls'
-    readonly xlsx: '.xlsx'
-    readonly zip: '.zip .gz'
-}>
-export declare type PlatformTypes = {
-    android: typeof mimeTypes
-    ios: typeof utis
-    windows: typeof extensions
-}
-export declare type SupportedPlatforms = 'ios' | 'android' | 'windows'
-export declare const perPlatformTypes: {
-    android: Readonly<{
-        readonly allFiles: '*/*'
-        readonly audio: 'audio/*'
-        readonly csv: 'text/csv'
-        readonly doc: 'application/msword'
-        readonly docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
-        readonly images: 'image/*'
-        readonly pdf: 'application/pdf'
-        readonly plainText: 'text/plain'
-        readonly ppt: 'application/vnd.ms-powerpoint'
-        readonly pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation'
-        readonly video: 'video/*'
-        readonly xls: 'application/vnd.ms-excel'
-        readonly xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-        readonly zip: 'application/zip'
-    }>
-    ios: Readonly<{
-        readonly allFiles: 'public.item'
-        readonly audio: 'public.audio'
-        readonly csv: 'public.comma-separated-values-text'
-        readonly doc: 'com.microsoft.word.doc'
-        readonly docx: 'org.openxmlformats.wordprocessingml.document'
-        readonly images: 'public.image'
-        readonly pdf: 'com.adobe.pdf'
-        readonly plainText: 'public.plain-text'
-        readonly ppt: 'com.microsoft.powerpoint.ppt'
-        readonly pptx: 'org.openxmlformats.presentationml.presentation'
-        readonly video: 'public.movie'
-        readonly xls: 'com.microsoft.excel.xls'
-        readonly xlsx: 'org.openxmlformats.spreadsheetml.sheet'
-        readonly zip: 'public.zip-archive'
-    }>
-    windows: Readonly<{
-        readonly allFiles: '*'
-        readonly audio: '.3g2 .3gp .aac .adt .adts .aif .aifc .aiff .asf .au .m3u .m4a .m4b .mid .midi .mp2 .mp3 .mp4 .rmi .snd .wav .wax .wma'
-        readonly csv: '.csv'
-        readonly doc: '.doc'
-        readonly docx: '.docx'
-        readonly images: '.jpeg .jpg .png'
-        readonly pdf: '.pdf'
-        readonly plainText: '.txt'
-        readonly ppt: '.ppt'
-        readonly pptx: '.pptx'
-        readonly video: '.mp4'
-        readonly xls: '.xls'
-        readonly xlsx: '.xlsx'
-        readonly zip: '.zip .gz'
-    }>
-    macos: Readonly<{
-        readonly allFiles: '*'
-        readonly audio: '.3g2 .3gp .aac .adt .adts .aif .aifc .aiff .asf .au .m3u .m4a .m4b .mid .midi .mp2 .mp3 .mp4 .rmi .snd .wav .wax .wma'
-        readonly csv: '.csv'
-        readonly doc: '.doc'
-        readonly docx: '.docx'
-        readonly images: '.jpeg .jpg .png'
-        readonly pdf: '.pdf'
-        readonly plainText: '.txt'
-        readonly ppt: '.ppt'
-        readonly pptx: '.pptx'
-        readonly video: '.mp4'
-        readonly xls: '.xls'
-        readonly xlsx: '.xlsx'
-        readonly zip: '.zip .gz'
-    }>
-    web: Readonly<{
-        readonly allFiles: '*'
-        readonly audio: '.3g2 .3gp .aac .adt .adts .aif .aifc .aiff .asf .au .m3u .m4a .m4b .mid .midi .mp2 .mp3 .mp4 .rmi .snd .wav .wax .wma'
-        readonly csv: '.csv'
-        readonly doc: '.doc'
-        readonly docx: '.docx'
-        readonly images: '.jpeg .jpg .png'
-        readonly pdf: '.pdf'
-        readonly plainText: '.txt'
-        readonly ppt: '.ppt'
-        readonly pptx: '.pptx'
-        readonly video: '.mp4'
-        readonly xls: '.xls'
-        readonly xlsx: '.xlsx'
-        readonly zip: '.zip .gz'
-    }>
-}
-export declare const typesAreEqual: true
-export {}
+declare const mimeTypes: Readonly<{
+    readonly allFiles: '*/*'
+    readonly audio: 'audio/*'
+    readonly csv: 'text/csv'
+    readonly doc: 'application/msword'
+    readonly docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+    readonly images: 'image/*'
+    readonly pdf: 'application/pdf'
+    readonly plainText: 'text/plain'
+    readonly ppt: 'application/vnd.ms-powerpoint'
+    readonly pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation'
+    readonly video: 'video/*'
+    readonly xls: 'application/vnd.ms-excel'
+    readonly xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+    readonly zip: 'application/zip'
+}>
+declare const utis: Readonly<{
+    readonly allFiles: 'public.item'
+    readonly audio: 'public.audio'
+    readonly csv: 'public.comma-separated-values-text'
+    readonly doc: 'com.microsoft.word.doc'
+    readonly docx: 'org.openxmlformats.wordprocessingml.document'
+    readonly images: 'public.image'
+    readonly pdf: 'com.adobe.pdf'
+    readonly plainText: 'public.plain-text'
+    readonly ppt: 'com.microsoft.powerpoint.ppt'
+    readonly pptx: 'org.openxmlformats.presentationml.presentation'
+    readonly video: 'public.movie'
+    readonly xls: 'com.microsoft.excel.xls'
+    readonly xlsx: 'org.openxmlformats.spreadsheetml.sheet'
+    readonly zip: 'public.zip-archive'
+}>
+declare const extensions: Readonly<{
+    readonly allFiles: '*'
+    readonly audio: '.3g2 .3gp .aac .adt .adts .aif .aifc .aiff .asf .au .m3u .m4a .m4b .mid .midi .mp2 .mp3 .mp4 .rmi .snd .wav .wax .wma'
+    readonly csv: '.csv'
+    readonly doc: '.doc'
+    readonly docx: '.docx'
+    readonly images: '.jpeg .jpg .png'
+    readonly pdf: '.pdf'
+    readonly plainText: '.txt'
+    readonly ppt: '.ppt'
+    readonly pptx: '.pptx'
+    readonly video: '.mp4'
+    readonly xls: '.xls'
+    readonly xlsx: '.xlsx'
+    readonly zip: '.zip .gz'
+}>
+export declare type PlatformTypes = {
+    android: typeof mimeTypes
+    ios: typeof utis
+    windows: typeof extensions
+}
+export declare type SupportedPlatforms = 'ios' | 'android' | 'windows'
+export declare const perPlatformTypes: {
+    android: Readonly<{
+        readonly allFiles: '*/*'
+        readonly audio: 'audio/*'
+        readonly csv: 'text/csv'
+        readonly doc: 'application/msword'
+        readonly docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+        readonly images: 'image/*'
+        readonly pdf: 'application/pdf'
+        readonly plainText: 'text/plain'
+        readonly ppt: 'application/vnd.ms-powerpoint'
+        readonly pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation'
+        readonly video: 'video/*'
+        readonly xls: 'application/vnd.ms-excel'
+        readonly xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+        readonly zip: 'application/zip'
+    }>
+    ios: Readonly<{
+        readonly allFiles: 'public.item'
+        readonly audio: 'public.audio'
+        readonly csv: 'public.comma-separated-values-text'
+        readonly doc: 'com.microsoft.word.doc'
+        readonly docx: 'org.openxmlformats.wordprocessingml.document'
+        readonly images: 'public.image'
+        readonly pdf: 'com.adobe.pdf'
+        readonly plainText: 'public.plain-text'
+        readonly ppt: 'com.microsoft.powerpoint.ppt'
+        readonly pptx: 'org.openxmlformats.presentationml.presentation'
+        readonly video: 'public.movie'
+        readonly xls: 'com.microsoft.excel.xls'
+        readonly xlsx: 'org.openxmlformats.spreadsheetml.sheet'
+        readonly zip: 'public.zip-archive'
+    }>
+    windows: Readonly<{
+        readonly allFiles: '*'
+        readonly audio: '.3g2 .3gp .aac .adt .adts .aif .aifc .aiff .asf .au .m3u .m4a .m4b .mid .midi .mp2 .mp3 .mp4 .rmi .snd .wav .wax .wma'
+        readonly csv: '.csv'
+        readonly doc: '.doc'
+        readonly docx: '.docx'
+        readonly images: '.jpeg .jpg .png'
+        readonly pdf: '.pdf'
+        readonly plainText: '.txt'
+        readonly ppt: '.ppt'
+        readonly pptx: '.pptx'
+        readonly video: '.mp4'
+        readonly xls: '.xls'
+        readonly xlsx: '.xlsx'
+        readonly zip: '.zip .gz'
+    }>
+    macos: Readonly<{
+        readonly allFiles: '*'
+        readonly audio: '.3g2 .3gp .aac .adt .adts .aif .aifc .aiff .asf .au .m3u .m4a .m4b .mid .midi .mp2 .mp3 .mp4 .rmi .snd .wav .wax .wma'
+        readonly csv: '.csv'
+        readonly doc: '.doc'
+        readonly docx: '.docx'
+        readonly images: '.jpeg .jpg .png'
+        readonly pdf: '.pdf'
+        readonly plainText: '.txt'
+        readonly ppt: '.ppt'
+        readonly pptx: '.pptx'
+        readonly video: '.mp4'
+        readonly xls: '.xls'
+        readonly xlsx: '.xlsx'
+        readonly zip: '.zip .gz'
+    }>
+    web: Readonly<{
+        readonly allFiles: '*'
+        readonly audio: '.3g2 .3gp .aac .adt .adts .aif .aifc .aiff .asf .au .m3u .m4a .m4b .mid .midi .mp2 .mp3 .mp4 .rmi .snd .wav .wax .wma'
+        readonly csv: '.csv'
+        readonly doc: '.doc'
+        readonly docx: '.docx'
+        readonly images: '.jpeg .jpg .png'
+        readonly pdf: '.pdf'
+        readonly plainText: '.txt'
+        readonly ppt: '.ppt'
+        readonly pptx: '.pptx'
+        readonly video: '.mp4'
+        readonly xls: '.xls'
+        readonly xlsx: '.xlsx'
+        readonly zip: '.zip .gz'
+    }>
+}
+export declare const typesAreEqual: true
+export {}

package/src/modules/types/textInputMask.ts

@@ -1,13 +1,9 @@
-import { FormTypes } from '@codeleap/common'
-import { ComponentPropsWithoutRef } from 'react'
-import { TextInput as NativeTextInput } from 'react-native'
-type NativeProps = ComponentPropsWithoutRef<typeof NativeTextInput>
-// @ts-ignore
-import { TextInputMaskProps as RNTextInputMaskProps } from 'react-native-masked-text'
-
-export type TextInputMaskProps = {
-    masking: FormTypes.TextField['masking'] & {
-        type: RNTextInputMaskProps['type']
-    }
-    onChangeText?: (maskedText:string, unmaskedText:string) => any
-} & NativeProps & RNTextInputMaskProps
+import { FormTypes } from '@codeleap/common'
+import { TextInputProps } from 'react-native'
+
+import { TextInputMaskProps as RNTextInputMaskProps } from 'react-native-masked-text'
+
+export type TextInputMaskProps =Omit<RNTextInputMaskProps, keyof TextInputProps > & {
+    masking: FormTypes.TextField['masking']
+    onChangeText: RNTextInputMaskProps['onChangeText']
+}

package/src/types/utility.ts

@@ -1,3 +1,3 @@
-import { StyleProp } from 'react-native'
-
-export type StylesOf<C extends string> = Partial<Record<C, StyleProp<any>>>
+import { StyleProp } from 'react-native'
+
+export type StylesOf<C extends string> = Partial<Record<C, StyleProp<any>>>

package/src/utils/ModalManager/components.tsx

@@ -0,0 +1,58 @@
+import * as React from 'react'
+import { usePrevious, onMount, onUpdate, PropsOf } from '@codeleap/common'
+import { useModalContext } from './context'
+import { Portal } from '@gorhom/portal'
+import { Modal } from '../../components/Modal'
+
+type AbsoluteModalProps = Omit<PropsOf<typeof Modal>, 'visible' | 'toggle'> & {
+  id?: string
+  initialVisible ?: boolean
+  parent?: string
+  visible?: boolean
+  toggle?: PropsOf<typeof Modal>['toggle']
+}
+
+export const AbsoluteModal:React.FC<AbsoluteModalProps> = ({
+  children,
+  id,
+  initialVisible = false,
+  parent,
+  ...props
+}) => {
+
+  const modalId = id
+  const modals = useModalContext()
+
+  onMount(() => {
+    if (!modalId) return
+    modals.setModal(modalId, {
+      attachedTo: [],
+      attachments: [],
+      visible: initialVisible,
+    })
+  })
+
+  const prevParent = usePrevious(parent)
+
+  onUpdate(() => {
+    if (!modalId) return
+    if (!!parent || !!prevParent) {
+      modals.attach(modalId, parent)
+    }
+  }, [parent])
+
+  const visible = modalId ? modals.isVisible(modalId) : props.visible
+
+  return <Portal>
+    <Modal {...props} visible={visible} toggle={() => {
+      if (modalId) {
+        modals.toggleModal(modalId)
+      } else {
+        props.toggle()
+      }
+    }}>
+      {children}
+    </Modal>
+  </Portal>
+}
+

package/src/utils/ModalManager/context.tsx

@@ -0,0 +1,208 @@
+import * as React from 'react'
+import { AnyFunction, useCodeleapContext, useState } from '@codeleap/common'
+import { PortalProvider } from '@gorhom/portal'
+
+export type AppModalProps = {
+  visible: boolean
+  attachments: string[]
+  attachedTo: string[]
+}
+type TModalState = AppModalProps
+type ModalTransitionOptions = {
+  duration?: number
+}
+
+type TModalContext = {
+    state: Record<string, TModalState>
+    toggleModal: (name: string, setTo?: boolean) => void
+    setModal: (name: string, to: Partial<TModalState>) => void
+    currentModal: string
+  isVisible: (name: string) => boolean
+  transition: (from: string, to: string, options?: ModalTransitionOptions) => Promise<void>
+ attach: (modal: string, to: string) => void
+}
+
+const ModalContext = React.createContext({} as TModalContext)
+
+export function Provider({ children }) {
+  const [modals, setModals] = useState<TModalContext['state']>({})
+  const currentModal = Object.keys(modals).find(name => modals[name].visible)
+
+  function isVisible(name: string) {
+    return !!modals[name]?.visible
+  }
+
+  const toggleModal:TModalContext['toggleModal'] = (name, set?: boolean) => {
+    const visible = isVisible(name)
+
+    const newVisible = typeof set === 'boolean' ? set : !visible
+
+    setModals((current) => {
+      const attached = newVisible ? [] : current[name].attachments.map(m => [m, { ...current[m], visible: false }])
+      return {
+        ...current,
+        [name]: {
+          ...current[name],
+          visible: newVisible,
+        },
+        ...Object.fromEntries(attached),
+      }
+
+    })
+  }
+
+  const setModal:TModalContext['setModal'] = (name, to) => {
+
+    setModals((current) => ({
+      ...current,
+      [name]: {
+        ...current[name],
+        ...to,
+      },
+    }))
+
+  }
+
+  const codeleapCtx = useCodeleapContext()
+
+  const transition:TModalContext['transition'] = (from, to, options) => {
+    const _options:ModalTransitionOptions = {
+      duration: codeleapCtx?.Theme?.values?.modalTransitionDuration || 300,
+      ...options,
+    }
+
+    const toVisible = isVisible(to)
+    const fromVisible = isVisible(from)
+    if (toVisible) return
+    if (!fromVisible && !toVisible) {
+      toggleModal(to)
+      return
+    }
+
+    toggleModal(from)
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        if (to) {
+          toggleModal(to)
+        }
+        resolve()
+      }, _options.duration)
+
+    })
+  }
+
+  function attach(modal: string, to: string) {
+    setModals((modals) => {
+      const toModal = modals[to]
+      const _modal = modals[modal]
+      if (!toModal || !_modal) return modals
+
+      const isAttached = toModal.attachments.includes(modal) || _modal.attachedTo.includes(to)
+
+      const newVal = { ...modals }
+      if (isAttached) {
+
+        newVal[to].attachments = newVal[to].attachments.filter(x => x !== modal)
+        newVal[modal].attachedTo = newVal[modal].attachedTo.filter(x => x !== to)
+
+      } else {
+
+        newVal[to].attachments.push(modal)
+        newVal[modal].attachedTo.push(to)
+
+      }
+      return newVal
+    })
+  }
+
+  return <ModalContext.Provider value={{
+    state: modals,
+    toggleModal,
+    setModal,
+    currentModal,
+    attach,
+    isVisible,
+    transition,
+
+  }}>
+    <PortalProvider>
+
+      {children}
+    </PortalProvider>
+  </ModalContext.Provider>
+}
+
+export function useModalContext() {
+  const context = React.useContext(ModalContext)
+  return context
+}
+
+export type UseModalSequenceOptions = {
+  onFinish?: AnyFunction
+  resetOnFinish?: boolean
+  closeLastOnFinish?: boolean
+  waitForLastToCloseBeforeCallingFinish?: boolean
+  transitionOpts?: Partial<Parameters<TModalContext['transition']>[2]>
+}
+
+export function useModalSequence(ids: string[], options?: UseModalSequenceOptions) {
+
+  const _options:UseModalSequenceOptions = {
+    closeLastOnFinish: true,
+    onFinish: () => {},
+    resetOnFinish: false,
+    waitForLastToCloseBeforeCallingFinish: true,
+    ...options,
+  }
+
+  const modals = useModalContext()
+  const [idx, setIdx] = useState(0)
+
+  const state = {
+    currentId: ids[idx],
+    nextId: ids[idx + 1],
+    previousId: ids[idx - 1],
+  }
+  function next() {
+    if (idx === ids.length - 1) {
+      if (_options.closeLastOnFinish) {
+        modals.transition(ids[idx], null).then(() => {
+          if (_options.waitForLastToCloseBeforeCallingFinish) {
+            _options.onFinish()
+          }
+        })
+      }
+      if (_options.resetOnFinish) {
+        reset()
+      }
+      if (!(_options.waitForLastToCloseBeforeCallingFinish && _options.closeLastOnFinish)) {
+        _options.onFinish()
+      }
+      return
+    } else {
+      if (!state.nextId) return
+      modals.transition(ids[idx], ids[idx + 1])
+      setIdx(i => i + 1)
+    }
+  }
+  function previous() {
+    if (!state.previousId) return
+    modals.transition(ids[idx], ids[idx - 1])
+    setIdx(i => i - 1)
+
+  }
+  function reset() {
+    setIdx(0)
+  }
+
+  return {
+    reset,
+    next,
+    previous,
+    setModal: setIdx,
+    currentIdx: idx,
+    ...state,
+
+  }
+
+}

package/src/utils/ModalManager/index.ts

@@ -0,0 +1,9 @@
+import { useModalContext, useModalSequence, Provider } from './context'
+import { AbsoluteModal } from './components'
+
+export const ModalManager = {
+  useModalContext,
+  AbsoluteModal,
+  Provider,
+  useModalSequence,
+}