@codeleap/mobile 5.4.5 → 5.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/TextInput/useTextInput.js

@@ -1,6 +1,7 @@
 import { useCallback, useState } from 'react';
 import { useInputBase } from '../InputBase/useInputBase';
 import { fields } from '@codeleap/form';
+import { inputOverlayManager } from '../InputOverlay';
 export function useTextInput(props) {
     const { onFocus, onBlur, secure, field, autoAdjustSelection, selectionStart, masking, onChangeMask, multiline, forceError, value, onValueChange, } = props;
     const [isFocused, setIsFocused] = useState(false);
@@ -30,6 +31,7 @@ export function useTextInput(props) {
         if (autoAdjustSelection)
             setCurrentSelection(null);
         onFocus?.(e);
+        inputOverlayManager.closeAll();
     }, [onFocus]);
     const handleMaskChange = useCallback((masked, unmasked) => {
         onInputValueChange(masking?.saveFormatted ? masked : masked);

package/dist/components/TextInput/useTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput/useTextInput.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput/useTextInput.ts"],"names":[],"mappings":"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"}

package/dist/components/TimeInput/index.js

@@ -1,7 +1,6 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { useCompositionStyles } from '@codeleap/styles';
 import dayjs from 'dayjs';
-import Animated, { FadeOut, FadeIn } from 'react-native-reanimated';
 import { fields } from '@codeleap/form';
 import DatePicker from 'react-native-date-picker';
 import { useStylesFor } from '../../hooks';
@@ -9,7 +8,7 @@ import { useInputBase } from '../InputBase';
 import { View } from '../View';
 import { TextInput } from '../TextInput';
 import { MobileStyleRegistry } from '../../Registry';
-import { useInputOverlay } from '../InputBase/useInputOverlay';
+import { InputOverlay, inputOverlayManager } from '../InputOverlay';
 export * from './styles';
 export * from './types';
 export const TimeInput = (props) => {
@@ -20,32 +19,18 @@ export const TimeInput = (props) => {
     const styles = useStylesFor(TimeInput.styleRegistryName, style);
     const compositionStyles = useCompositionStyles(['input'], styles);
     const { inputValue, onInputValueChange, } = useInputBase(field, fields.date, { value, onValueChange });
-    const [inputHeight, setInputHeight] = useState(0);
-    const [isOpen, toggle] = useInputOverlay(autoClosePeersOverlays);
-    return (<View style={[styles.wrapper, { position: 'relative' }]}>
-      <TextInput placeholder='Select a time' disabled={disabled} {...textInputProps} style={compositionStyles.input} leftIcon={!leftIcon ? null : {
+    const { isOpen, toggle, id } = inputOverlayManager.use();
+    return (<InputOverlay.Layout style={styles.wrapper} position={timePickerPosition} gap={gap} isOpen={isOpen} mode={overlay ? 'overlay' : 'content'} hideOverlay={disabled} id={id} content={<View style={styles.timePicker}>
+          <DatePicker mode='time' theme='light' {...timePickerProps} onDateChange={onInputValueChange} date={inputValue ?? new Date()}/>
+        </View>}>
+      <TextInput placeholder='Select a time' disabled={disabled} {...textInputProps} style={compositionStyles.input} value={!inputValue ? '' : dayjs(inputValue).format(format)} onValueChange={() => inputValue} onPress={disabled ? undefined : toggle} focused={isOpen} leftIcon={!leftIcon ? null : {
             ...leftIcon,
             onPress: toggle,
         }} rightIcon={!rightIcon ? null : {
             ...rightIcon,
             onPress: toggle,
-        }} value={!inputValue ? '' : dayjs(inputValue).format(format)} onValueChange={() => inputValue} onPress={disabled ? null : toggle} innerWrapperProps={{
-            rippleDisabled: true,
-        }} focused={isOpen} onLayout={(e) => setInputHeight(e.nativeEvent.layout.height)}/>
-
-      {!isOpen || disabled ? null : (<Animated.View exiting={FadeOut.duration(150)} entering={FadeIn.duration(150)} style={overlay ? {
-                position: 'absolute',
-                zIndex: 1,
-                [timePickerPosition]: 0,
-                top: inputHeight + gap,
-            } : {
-                marginTop: gap,
-            }}>
-          <View style={styles.timePicker}>
-            <DatePicker mode='time' theme='light' {...timePickerProps} onDateChange={onInputValueChange} date={inputValue ?? new Date()}/>
-          </View>
-        </Animated.View>)}
-    </View>);
+        }}/>
+    </InputOverlay.Layout>);
 };
 TimeInput.styleRegistryName = 'TimeInput';
 TimeInput.elements = ['wrapper', 'timePicker', 'input'];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimeInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAyC,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE9F,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAE9D,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EACJ,KAAK,EACL,KAAK,EACL,aAAa,EACb,QAAQ,EACR,GAAG,EACH,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,sBAAsB,EACtB,KAAK,EACL,MAAM,EACN,OAAO,EACP,eAAe,EACf,GAAG,cAAc,EAClB,GAAG;QACF,GAAG,SAAS,CAAC,YAAY;QACzB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,SAAS,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE/D,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;IAEjE,MAAM,EACJ,UAAU,EACV,kBAAkB,GACnB,GAAG,YAAY,CAAO,KAAK,EAAE,MAAM,CAAC,IAAW,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAA;IAE3E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEjD,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAA;IAEhE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,CACtD;MAAA,CAAC,SAAS,CACR,WAAW,CAAC,eAAe,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,cAAc,CAAC,CACnB,KAAK,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAC/B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YAC3B,GAAG,QAAQ;YACX,OAAO,EAAE,MAAM;SAChB,CAAC,CACF,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7B,GAAG,SAAS;YACZ,OAAO,EAAE,MAAM;SAChB,CAAC,CACF,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAC3D,aAAa,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAChC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAClC,iBAAiB,CAAC,CAAC;YACjB,cAAc,EAAE,IAAI;SACrB,CAAC,CACF,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAG/D;;MAAA,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,CAAC,QAAQ,CAAC,IAAI,CACZ,OAAO,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAC/B,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAC/B,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;gBACf,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,CAAC;gBACT,CAAC,kBAAkB,CAAC,EAAE,CAAC;gBACvB,GAAG,EAAE,WAAW,GAAG,GAAG;aACvB,CAAC,CAAC,CAAC;gBACF,SAAS,EAAE,GAAG;aACf,CAAC,CAEF;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;YAAA,CAAC,UAAU,CACT,IAAI,CAAC,MAAM,CACX,KAAK,CAAC,OAAO,CACb,IAAI,eAAe,CAAC,CACpB,YAAY,CAAC,CAAC,kBAAkB,CAAC,CACjC,IAAI,CAAC,CAAC,UAAU,IAAI,IAAI,IAAI,EAAE,CAAC,EAEnC;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,iBAAiB,GAAG,WAAW,CAAA;AACzC,SAAS,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,YAAY,EAAE,OAAO,CAAC,CAAA;AACvD,SAAS,CAAC,WAAW,GAAG,SAAS,CAAA;AAEjC,SAAS,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC9D,OAAO,SAAiF,CAAA;AAC1F,CAAC,CAAA;AAED,SAAS,CAAC,YAAY,GAAG;IACvB,GAAG,EAAE,CAAC;IACN,mBAAmB,EAAE,MAAM;IAC3B,uBAAuB,EAAE,KAAK;IAC9B,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,IAAI;CACa,CAAA;AAE5B,mBAAmB,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimeInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/components.d.ts

@@ -42,3 +42,4 @@ export * from './SectionFilters';
 export * from './Tabs';
 export * from './CalendarInput';
 export * from './TimeInput';
+export * from './InputOverlay';

package/dist/components/components.js

@@ -42,4 +42,5 @@ export * from './SectionFilters';
 export * from './Tabs';
 export * from './CalendarInput';
 export * from './TimeInput';
+export * from './InputOverlay';
 //# sourceMappingURL=components.js.map

package/dist/components/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,qBAAqB,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,qBAAqB,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA"}

package/dist/modules/backgroundTimer.js

@@ -1,4 +1,3 @@
-import BackgroundTimer from '@boterop/react-native-background-timer';
 import { uuid } from '..';
 const throttleTimerId = {};
 export function throttle(func, ref, delay = 200) {
@@ -8,7 +7,7 @@ export function throttle(func, ref, delay = 200) {
     if (throttleTimerId[ref]) {
         return;
     }
-    throttleTimerId[ref] = BackgroundTimer.setTimeout(function () {
+    throttleTimerId[ref] = setTimeout(function () {
         func();
         throttleTimerId[ref] = undefined;
     }, delay);
@@ -20,9 +19,9 @@ export function debounce(func, ref, delay = 200) {
         ref = uuid.v4();
     }
     if (debounceTimerId[ref]) {
-        BackgroundTimer.clearTimeout(debounceTimerId[ref]);
+        clearTimeout(debounceTimerId[ref]);
     }
-    debounceTimerId[ref] = BackgroundTimer.setTimeout(function () {
+    debounceTimerId[ref] = setTimeout(function () {
         func();
         debounceTimerId[ref] = undefined;
     }, delay);

package/dist/modules/backgroundTimer.js.map

@@ -1 +1 @@
-{"version":3,"file":"backgroundTimer.js","sourceRoot":"","sources":["../../src/modules/backgroundTimer.ts"],"names":[],"mappings":"AACA,OAAO,eAAe,MAAM,wCAAwC,CAAA;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAA;AAEzB,MAAM,eAAe,GAAG,EAAE,CAAA;AAE1B,MAAM,UAAU,QAAQ,CAAC,IAAgB,EAAE,GAAY,EAAE,KAAK,GAAG,GAAG;IAClE,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,eAAe,CAAC,UAAU,CAAC;QAChD,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,IAAgB,EAAE,GAAY,EAAE,KAAK,GAAG,GAAG;IAClE,IAAI,CAAC,GAAG,EAAE;QACR,GAAG,GAAG,IAAI,CAAC,EAAE,EAAY,CAAA;KAC1B;IAED,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE;QACxB,eAAe,CAAC,YAAY,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;KACnD;IAED,eAAe,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,UAAU,CAAC;QAChD,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,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"}

package/package.json

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

package/package.json.bak

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

package/src/components/CalendarInput/index.tsx

@@ -1,16 +1,14 @@
-import React, { useMemo, useState } from 'react'
+import React, { useMemo } from 'react'
 import { AnyRecord, IJSX, StyledComponentProps, useCompositionStyles } from '@codeleap/styles'
 import { MobileStyleRegistry } from '../../Registry'
 import { useStylesFor } from '../../hooks'
 import { CalendarInputProps } from './types'
-import { View } from '../View'
 import { Calendar } from '../Calendar'
 import { TextInput } from '../TextInput'
-import Animated, { FadeOut, FadeIn } from 'react-native-reanimated'
 import { useInputBase } from '../InputBase'
 import { fields } from '@codeleap/form'
-import { useInputOverlay } from '../InputBase/useInputOverlay'
 import { dateUtils } from '@codeleap/utils'
+import { InputOverlay, inputOverlayManager } from '../InputOverlay'
 
 export * from './styles'
 export * from './types'
@@ -45,29 +43,50 @@ export const CalendarInput = (props: CalendarInputProps) => {
     onInputValueChange,
   } = useInputBase<any>(field, fields.date as any, { value, onValueChange })
 
-  const [inputHeight, setInputHeight] = useState(0)
-
-  const [isOpen, toggle] = useInputOverlay(autoClosePeersCalendars)
+  const { isOpen, toggle, id } = inputOverlayManager.use()
 
   const formattedValue = useMemo(() => {
     if (!inputValue) return ''
-  
+
     if (Array.isArray(inputValue)) {
       const filled = inputValue.filter(Boolean)
       if (filled.length < inputValue.length) return ''
       return filled.map((v) => dateUtils.removeTimezoneAndFormat(v, format)).join(' - ')
     }
-  
+
     return dateUtils.removeTimezoneAndFormat(inputValue, format)
   }, [inputValue, format])
-  
+
   return (
-    <View style={[styles.wrapper, { position: 'relative' }]}>
+    <InputOverlay.Layout
+      style={styles.wrapper}
+      position={calendarPosition}
+      gap={gap}
+      isOpen={isOpen}
+      mode={overlay ? 'overlay' : 'content'}
+      hideOverlay={disabled}
+      id={id}
+      content={
+        <Calendar
+          style={compositionStyles.calendar}
+          value={inputValue}
+          onValueChange={onInputValueChange}
+          {...calendarProps}
+        />
+      }
+    >
       <TextInput
         placeholder='Select Date'
         disabled={disabled}
         {...textInputProps}
         style={compositionStyles.input}
+        value={formattedValue}
+        onValueChange={() => inputValue}
+        onPress={disabled ? undefined : toggle}
+        innerWrapperProps={{
+          rippleDisabled: true,
+        }}
+        focused={isOpen}
         leftIcon={!leftIcon ? null : {
           ...leftIcon,
           onPress: toggle,
@@ -76,38 +95,8 @@ export const CalendarInput = (props: CalendarInputProps) => {
           ...rightIcon,
           onPress: toggle,
         }}
-        value={formattedValue}
-        onValueChange={() => inputValue}
-        onPress={disabled ? null : toggle}
-        innerWrapperProps={{
-          rippleDisabled: true,
-        }}
-        focused={isOpen}
-        onLayout={(e) => setInputHeight(e.nativeEvent.layout.height)}
       />
-
-      {!isOpen || disabled ? null : (
-        <Animated.View
-          exiting={FadeOut.duration(150)}
-          entering={FadeIn.duration(150)}
-          style={overlay ? {
-            position: 'absolute',
-            zIndex: 1,
-            [calendarPosition]: 0,
-            top: inputHeight + gap,
-          } : {
-            marginTop: gap,
-          }}
-        >
-          <Calendar
-            style={compositionStyles.calendar}
-            value={inputValue}
-            onValueChange={onInputValueChange}
-            {...calendarProps}
-          />
-        </Animated.View>
-      )}
-    </View>
+    </InputOverlay.Layout>
   )
 }
 

package/src/components/FileInput/index.tsx

@@ -2,7 +2,6 @@ import React, { forwardRef, useImperativeHandle, useRef } from 'react'
 import { MobileFile } from '@codeleap/types'
 import { parseFilePathData } from '@codeleap/utils'
 import ImageCropPicker, { ImageOrVideo, Options } from 'react-native-image-crop-picker'
-import DocumentPicker from 'react-native-document-picker'
 import { FileInputImageSource, FileInputProps, FileInputRef, FileResult } from './types'
 import { alert } from '@codeleap/modals'
 
@@ -33,12 +32,10 @@ function parsePickerData(data: ImageOrVideo): FileResult {
 const _FileInput = forwardRef<FileInputRef, FileInputProps>((fileInputProps, ref) => {
   const {
     onFileSelect,
-    options,
     type = 'image',
     pickerOptions,
     onOpenGallery = null,
     onOpenFileSystem = null,
-    onError,
     alertProps,
   } = {
     ...fileInputProps,
@@ -55,26 +52,6 @@ const _FileInput = forwardRef<FileInputRef, FileInputProps>((fileInputProps, ref
     onFileSelect?.(files)
   }
 
-  async function openFileSystem() {
-    try {
-      let files = await DocumentPicker.pick(options)
-
-      if (!Array.isArray(files)) {
-        files = [files]
-      }
-
-      const filesWithPreview = files.map((file) => ({ preview: file.uri, file })) as FileResult[]
-
-      handleResolve?.(filesWithPreview)
-    } catch (err) {
-      handleError(err)
-    }
-  }
-
-  function handleError(err) {
-    onError?.(err)
-  }
-
   const mergedOptions = {
     ...pickerDefaults,
     ...pickerOptions,
@@ -92,7 +69,7 @@ const _FileInput = forwardRef<FileInputRef, FileInputProps>((fileInputProps, ref
 
   const onPress = (open?: FileInputImageSource, options?: Options) => {
     if (open == 'fs') {
-      openFileSystem()
+      // openFileSystem()
     } else {
       const call = open === 'camera' ? 'openCamera' : 'openPicker'
       ImageCropPicker[call]({ ...mergedOptions, ...(options || {}) }).then(handlePickerResolution)
@@ -132,7 +109,7 @@ const _FileInput = forwardRef<FileInputRef, FileInputProps>((fileInputProps, ref
       }
     } else {
       if (onOpenFileSystem) {
-        onOpenFileSystem(() => onPress('fs'))
+        // onOpenFileSystem(() => onPress('fs'))
       } else {
         onPress('fs')
       }

package/src/components/FileInput/types.ts

@@ -1,5 +1,4 @@
 import { AnyRef, MobileInputFile } from '@codeleap/types'
-import { DocumentPickerOptions } from 'react-native-document-picker'
 import { Options } from 'react-native-image-crop-picker'
 import { AlertOptions } from '@codeleap/modals'
 
@@ -14,7 +13,6 @@ export type FileInputRef = {
 export type FileInputProps = {
   mode: 'hidden' | 'button'
   onFileSelect?: (files: FileResult[]) => void
-  options?: DocumentPickerOptions
   ref?: AnyRef<FileInputRef>
   type?: 'image' | 'anyFile'
   alertProps?: AlertOptions & {}
@@ -22,5 +20,4 @@ export type FileInputProps = {
   required?: boolean
   onOpenFileSystem?: (resolve: (() => void)) => Promise<void>
   onOpenGallery?: (resolve: (() => void)) => Promise<void>
-  onError?: (error: any) => void
 }

package/src/components/InputBase/index.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react'
+import React from 'react'
 import { TypeGuards } from '@codeleap/types'
 import { getRenderedComponent } from '@codeleap/utils'
 import { ActionIcon, ActionIconProps } from '../ActionIcon'
@@ -7,8 +7,6 @@ import { useInputBaseStyles } from './styles'
 import { InputBaseProps } from './types'
 import { Text } from '../Text'
 import RNAnimated, { FadeIn, FadeOut } from 'react-native-reanimated'
-import { View as RNView } from 'react-native'
-import { StyledComponentProps, StyledComponentWithProps } from '@codeleap/styles'
 
 export { useInputBase } from './useInputBase'
 
@@ -23,11 +21,7 @@ export const InputBaseDefaultOrder: InputBaseProps['order'] = [
   'error',
 ]
 
-const KeyPassthrough = (props: React.PropsWithChildren<any>) => {
-  return <>{props.children}</>
-}
-
-export const InputBase = forwardRef<RNView, InputBaseProps>((props: InputBaseProps, ref) => {
+export const InputBase = (props: InputBaseProps) => {
   const {
     children,
     error = null,
@@ -35,9 +29,9 @@ export const InputBase = forwardRef<RNView, InputBaseProps>((props: InputBasePro
     description = null,
     leftIcon = null,
     rightIcon = null,
-    wrapper: WrapperComponent,
+    wrapper,
     debugName,
-    innerWrapper: InnerWrapperComponent,
+    innerWrapper,
     focused,
     innerWrapperProps = {},
     wrapperProps = {},
@@ -46,6 +40,7 @@ export const InputBase = forwardRef<RNView, InputBaseProps>((props: InputBasePro
     style,
     labelAsRow,
     hideErrorMessage,
+    ref,
     ...otherProps
   } = {
     ...InputBase.defaultProps,
@@ -68,26 +63,9 @@ export const InputBase = forwardRef<RNView, InputBaseProps>((props: InputBasePro
     dismissKeyboard: false,
   })
 
-  const _label = TypeGuards.isString(label) ? <Text text={label} style={styles.labelStyle} /> : label
-
-  const _error = TypeGuards.isString(error) ? <Text text={error} style={styles.errorStyle} /> : error
-
-  const _description = TypeGuards.isString(description) ? <Text text={description} style={styles.descriptionStyle} /> : description
+  const WrapperComponent = wrapper ?? View
 
-  const parts = {
-    label: labelAsRow ? <View style={styles.labelRowStyle}>
-      {_label}
-      {_description}
-    </View> : _label,
-    description: labelAsRow ? null : _description,
-    innerWrapper: <InnerWrapperComponent style={[
-      styles.innerWrapperStyle,
-    ]} {...innerWrapperProps}>
-      {_leftIcon}
-      {children}
-      {_rightIcon}
-    </InnerWrapperComponent>,
-  }
+  const InnerWrapperComponent = innerWrapper ?? View
 
   return <WrapperComponent
     {...otherProps}
@@ -95,19 +73,23 @@ export const InputBase = forwardRef<RNView, InputBaseProps>((props: InputBasePro
     style={styles.wrapperStyle}
     ref={ref}
   >
-    {
-      order.map((key) => <KeyPassthrough key={key}>
-        {parts[key]}
-      </KeyPassthrough>)
-    }
+    {TypeGuards.isString(label) ? <Text text={label} style={styles.labelStyle} /> : label}
+
+    {TypeGuards.isString(description) ? <Text text={description} style={styles.descriptionStyle} /> : description}
+
+    <InnerWrapperComponent style={styles.innerWrapperStyle} {...innerWrapperProps}>
+      {_leftIcon}
+      {children}
+      {_rightIcon}
+    </InnerWrapperComponent>
 
     {hideErrorMessage || !error ? null : (
       <RNAnimated.View exiting={FadeOut.duration(100)} entering={FadeIn.duration(200)}>
-        {_error}
+        {TypeGuards.isString(error) ? <Text text={error} style={styles.errorStyle} /> : error}
       </RNAnimated.View>
     )}
   </WrapperComponent>
-}) as StyledComponentWithProps<InputBaseProps>
+}
 
 InputBase.elements = ['wrapper', 'innerWrapper', 'label', 'errorMessage', 'description', 'icon', 'leftIcon', 'rightIcon']
 

package/src/components/InputBase/types.ts

@@ -13,9 +13,9 @@ export type InputBaseProps = React.PropsWithChildren<{
   error?: React.ReactNode
   leftIcon?: IconProp
   rightIcon?: IconProp
-  wrapper?: React.FC<any>
+  wrapper?: (props: any) => JSX.Element
   wrapperProps?: any
-  innerWrapper?: React.FC<any>
+  innerWrapper?: (props: any) => JSX.Element
   innerWrapperProps?: any
   description?: React.ReactNode
   debugName?: string