@codeleap/mobile 2.3.26 → 2.3.27-1

package/dist/modules/PressableRipple/index.d.ts

@@ -0,0 +1,2 @@
+import PressableRipple from './ripple';
+export { PressableRipple };

package/dist/modules/PressableRipple/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PressableRipple = void 0;
+var ripple_1 = __importDefault(require("./ripple"));
+exports.PressableRipple = ripple_1.default;
+//# sourceMappingURL=index.js.map

package/dist/modules/PressableRipple/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/PressableRipple/index.ts"],"names":[],"mappings":";;;;;;AAAA,oDAAsC;AAGpC,0BAHK,gBAAe,CAGL"}

package/dist/modules/PressableRipple/ripple.d.ts

@@ -0,0 +1,30 @@
+export default class Ripple extends React.PureComponent<any, any, any> {
+    static defaultProps: any;
+    static propTypes: any;
+    constructor(props: any);
+    onLayout(event: any): void;
+    onPress(event: any): void;
+    onPressIn(event: any): void;
+    onPressOut(event: any): void;
+    onLongPress(event: any): void;
+    onAnimationEnd(): void;
+    renderRipple({ unique, progress, locationX, locationY, R }: {
+        unique: any;
+        progress: any;
+        locationX: any;
+        locationY: any;
+        R: any;
+    }): JSX.Element;
+    unique: number;
+    mounted: boolean;
+    state: {
+        width: number;
+        height: number;
+        ripples: any[];
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    startRipple(event: any): void;
+    render(): JSX.Element;
+}
+import React from 'react';

package/dist/modules/PressableRipple/ripple.js

@@ -0,0 +1,213 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var styles_js_1 = require("./styles.js");
+var Ripple = /** @class */ (function (_super) {
+    __extends(Ripple, _super);
+    function Ripple(props) {
+        var _this = _super.call(this, props) || this;
+        _this.onLayout = _this.onLayout.bind(_this);
+        _this.onPress = _this.onPress.bind(_this);
+        _this.onPressIn = _this.onPressIn.bind(_this);
+        _this.onPressOut = _this.onPressOut.bind(_this);
+        _this.onLongPress = _this.onLongPress.bind(_this);
+        _this.onAnimationEnd = _this.onAnimationEnd.bind(_this);
+        _this.renderRipple = _this.renderRipple.bind(_this);
+        _this.unique = 0;
+        _this.mounted = false;
+        _this.state = {
+            width: 0,
+            height: 0,
+            ripples: [],
+        };
+        return _this;
+    }
+    Ripple.prototype.componentDidMount = function () {
+        this.mounted = true;
+    };
+    Ripple.prototype.componentWillUnmount = function () {
+        this.mounted = false;
+    };
+    Ripple.prototype.onLayout = function (event) {
+        var _a = event.nativeEvent.layout, width = _a.width, height = _a.height;
+        var onLayout = this.props.onLayout;
+        if ('function' === typeof onLayout) {
+            onLayout(event);
+        }
+        this.setState({ width: width, height: height });
+    };
+    Ripple.prototype.onPress = function (event) {
+        var onPress = this.props.onPress;
+        if ('function' === typeof onPress) {
+            onPress(event);
+        }
+    };
+    Ripple.prototype.onLongPress = function (event) {
+        var onLongPress = this.props.onLongPress;
+        if ('function' === typeof onLongPress) {
+            requestAnimationFrame(function () { return onLongPress(event); });
+        }
+        this.startRipple(event);
+    };
+    Ripple.prototype.onPressIn = function (event) {
+        var onPressIn = this.props.onPressIn;
+        if ('function' === typeof onPressIn) {
+            onPressIn(event);
+        }
+        this.startRipple(event);
+    };
+    Ripple.prototype.onPressOut = function (event) {
+        var onPressOut = this.props.onPressOut;
+        if ('function' === typeof onPressOut) {
+            onPressOut(event);
+        }
+    };
+    Ripple.prototype.onAnimationEnd = function () {
+        if (this.mounted) {
+            this.setState(function (_a) {
+                var ripples = _a.ripples;
+                return ({ ripples: ripples.slice(1) });
+            });
+        }
+    };
+    Ripple.prototype.startRipple = function (event) {
+        var _a = this.state, width = _a.width, height = _a.height;
+        var _b = this.props, rippleDuration = _b.rippleDuration, rippleCentered = _b.rippleCentered, rippleSize = _b.rippleSize, onRippleAnimation = _b.onRippleAnimation;
+        var w2 = 0.5 * width;
+        var h2 = 0.5 * height;
+        var _c = rippleCentered ?
+            { locationX: w2, locationY: h2 } :
+            event.nativeEvent, locationX = _c.locationX, locationY = _c.locationY;
+        var offsetX = Math.abs(w2 - locationX);
+        var offsetY = Math.abs(h2 - locationY);
+        var R = rippleSize > 0 ?
+            0.5 * rippleSize :
+            Math.sqrt(Math.pow(w2 + offsetX, 2) + Math.pow(h2 + offsetY, 2));
+        var ripple = {
+            unique: this.unique++,
+            progress: new react_native_1.Animated.Value(0),
+            locationX: locationX,
+            locationY: locationY,
+            R: R,
+        };
+        var animation = react_native_1.Animated
+            .timing(ripple.progress, {
+            toValue: 1,
+            easing: react_native_1.Easing.out(react_native_1.Easing.ease),
+            duration: rippleDuration,
+            useNativeDriver: true,
+        });
+        onRippleAnimation(animation, this.onAnimationEnd);
+        this.setState(function (_a) {
+            var ripples = _a.ripples;
+            return ({ ripples: ripples.concat(ripple) });
+        });
+    };
+    Ripple.prototype.renderRipple = function (_a) {
+        var _b;
+        var unique = _a.unique, progress = _a.progress, locationX = _a.locationX, locationY = _a.locationY, R = _a.R;
+        var _c = this.props, rippleColor = _c.rippleColor, rippleOpacity = _c.rippleOpacity, rippleFades = _c.rippleFades;
+        var rippleStyle = (_b = {
+                top: locationY - styles_js_1.radius
+            },
+            _b[react_native_1.I18nManager.isRTL ? 'right' : 'left'] = locationX - styles_js_1.radius,
+            _b.backgroundColor = rippleColor,
+            _b.transform = [{
+                    scale: progress.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: [0.5 / styles_js_1.radius, R / styles_js_1.radius],
+                    }),
+                }],
+            _b.opacity = rippleFades ?
+                progress.interpolate({
+                    inputRange: [0, 1],
+                    outputRange: [rippleOpacity, 0],
+                }) :
+                rippleOpacity,
+            _b);
+        return (<react_native_1.Animated.View style={[styles_js_1.styles.ripple, rippleStyle]} key={unique}/>);
+    };
+    Ripple.prototype.render = function () {
+        var ripples = this.state.ripples;
+        var _a = this.props, delayLongPress = _a.delayLongPress, delayPressIn = _a.delayPressIn, delayPressOut = _a.delayPressOut, disabled = _a.disabled, hitSlop = _a.hitSlop, pressRetentionOffset = _a.pressRetentionOffset, children = _a.children, rippleContainerBorderRadius = _a.rippleContainerBorderRadius, testID = _a.testID, nativeID = _a.nativeID, accessible = _a.accessible, accessibilityHint = _a.accessibilityHint, accessibilityLabel = _a.accessibilityLabel, onPress = _a.onPress, onLongPress = _a.onLongPress, onLayout = _a.onLayout, onRippleAnimation = _a.onRippleAnimation, rippleColor = _a.rippleColor, rippleOpacity = _a.rippleOpacity, rippleDuration = _a.rippleDuration, rippleSize = _a.rippleSize, rippleCentered = _a.rippleCentered, rippleSequential = _a.rippleSequential, rippleFades = _a.rippleFades, ref = _a.ref, radiusStyles = _a.radiusStyles, props = __rest(_a, ["delayLongPress", "delayPressIn", "delayPressOut", "disabled", "hitSlop", "pressRetentionOffset", "children", "rippleContainerBorderRadius", "testID", "nativeID", "accessible", "accessibilityHint", "accessibilityLabel", "onPress", "onLongPress", "onLayout", "onRippleAnimation", "rippleColor", "rippleOpacity", "rippleDuration", "rippleSize", "rippleCentered", "rippleSequential", "rippleFades", "ref", "radiusStyles"]);
+        var touchableProps = __assign({ disabled: disabled, hitSlop: hitSlop, pressRetentionOffset: pressRetentionOffset, testID: testID, accessible: accessible, accessibilityHint: accessibilityHint, accessibilityLabel: accessibilityLabel, onLayout: this.onLayout, onPress: this.onPress, onPressIn: this.onPressIn, onPressOut: this.onPressOut, onLongPress: onLongPress ? this.onLongPress : undefined }, ('web' !== react_native_1.Platform.OS ? { nativeID: nativeID } : null));
+        return (<react_native_1.TouchableWithoutFeedback {...touchableProps} ref={ref}>
+        <react_native_1.Animated.View {...props} pointerEvents='box-only'>
+          {children}
+          <react_native_1.View style={[styles_js_1.styles.container, radiusStyles]}>
+            {ripples.map(this.renderRipple)}
+          </react_native_1.View>
+        </react_native_1.Animated.View>
+      </react_native_1.TouchableWithoutFeedback>);
+    };
+    Ripple.defaultProps = __assign(__assign({}, react_native_1.TouchableWithoutFeedback.defaultProps), { rippleColor: 'rgb(0, 0, 0)', rippleOpacity: 0.30, rippleDuration: 400, rippleSize: 0, rippleContainerBorderRadius: 0, rippleCentered: false, rippleSequential: false, rippleFades: true, disabled: false, onRippleAnimation: function (animation, callback) { return animation.start(callback); } });
+    Ripple.propTypes = __assign(__assign(__assign({}, react_native_1.Animated.View.propTypes), react_native_1.TouchableWithoutFeedback.propTypes), { rippleColor: prop_types_1.default.string, rippleOpacity: prop_types_1.default.number, rippleDuration: prop_types_1.default.number, rippleSize: prop_types_1.default.number, rippleContainerBorderRadius: prop_types_1.default.number, rippleCentered: prop_types_1.default.bool, rippleSequential: prop_types_1.default.bool, rippleFades: prop_types_1.default.bool, disabled: prop_types_1.default.bool, onRippleAnimation: prop_types_1.default.func });
+    return Ripple;
+}(react_1.PureComponent));
+exports.default = Ripple;
+//# sourceMappingURL=ripple.js.map

package/dist/modules/PressableRipple/ripple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.js","sourceRoot":"","sources":["../../../src/modules/PressableRipple/ripple.js"],"names":[],"mappings":"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"}

package/dist/modules/PressableRipple/styles.d.ts

@@ -0,0 +1,19 @@
+export namespace styles {
+    const container: {
+        backgroundColor: string;
+        overflow: "hidden";
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+    namespace ripple {
+        export const width: number;
+        export const height: number;
+        export { radius as borderRadius };
+        export const overflow: "hidden";
+        export const position: "absolute";
+    }
+}
+export const radius: 10;

package/dist/modules/PressableRipple/styles.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.radius = exports.styles = void 0;
+var react_native_1 = require("react-native");
+var radius = 10;
+exports.radius = radius;
+var styles = react_native_1.StyleSheet.create({
+    container: __assign(__assign({}, react_native_1.StyleSheet.absoluteFillObject), { backgroundColor: 'transparent', overflow: 'hidden' }),
+    ripple: {
+        width: radius * 2,
+        height: radius * 2,
+        borderRadius: radius,
+        overflow: 'hidden',
+        position: 'absolute',
+    },
+});
+exports.styles = styles;
+//# sourceMappingURL=styles.js.map

package/dist/modules/PressableRipple/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/modules/PressableRipple/styles.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,6CAAyC;AAEzC,IAAM,MAAM,GAAG,EAAE,CAAA;AAmBA,wBAAM;AAjBvB,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,wBACJ,yBAAU,CAAC,kBAAkB,KAEhC,eAAe,EAAE,aAAa,EAC9B,QAAQ,EAAE,QAAQ,GACnB;IAED,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,GAAG,CAAC;QACjB,MAAM,EAAE,MAAM,GAAG,CAAC;QAClB,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAA;AAEO,wBAAM"}

package/dist/modules/PressableRipple/type.d.ts

@@ -0,0 +1,11 @@
+import { Animated } from 'react-native';
+export type PressableRippleProps = {
+    rippleColor?: string;
+    rippleOpacity?: number;
+    rippleDuration?: number;
+    rippleSize?: number;
+    rippleCentered?: boolean;
+    rippleSequential?: boolean;
+    rippleFades?: boolean;
+    onRippleAnimation?: (animation: Animated.CompositeAnimation, callback: () => void) => void;
+};

package/dist/modules/PressableRipple/type.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=type.js.map

package/dist/modules/PressableRipple/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/modules/PressableRipple/type.ts"],"names":[],"mappings":""}

package/dist/utils/locale.d.ts

@@ -0,0 +1 @@
+export declare const getDeviceLocale: () => string;

package/dist/utils/locale.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDeviceLocale = void 0;
+var react_native_1 = require("react-native");
+var getDeviceLocale = function () { return react_native_1.Platform.OS === 'ios'
+    ? react_native_1.NativeModules.SettingsManager.settings.AppleLocale ||
+        react_native_1.NativeModules.SettingsManager.settings.AppleLanguages[0]
+    : react_native_1.NativeModules.I18nManager.localeIdentifier; };
+exports.getDeviceLocale = getDeviceLocale;
+//# sourceMappingURL=locale.js.map

package/dist/utils/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.js","sourceRoot":"","sources":["../../src/utils/locale.ts"],"names":[],"mappings":";;;AAAA,6CAAsD;AAE/C,IAAM,eAAe,GAAG,cAAc,OAAA,uBAAQ,CAAC,EAAE,KAAK,KAAK;IAChE,CAAC,CAAC,4BAAa,CAAC,eAAe,CAAC,QAAQ,CAAC,WAAW;QAChD,4BAAa,CAAC,eAAe,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,4BAAa,CAAC,WAAW,CAAC,gBAAgB,EAHD,CAGC,CAAA;AAHjC,QAAA,eAAe,mBAGkB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "2.3.26",
+  "version": "2.3.27-1",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -39,7 +39,8 @@
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-text-input-mask": "3.1.4",
     "@react-native-community/async-storage": "*",
-    "react-native-device-info": "^10.3.0"
+    "react-native-device-info": "^10.3.0",
+    "react-native-avoid-softinput": "^3.1.5"
   },
   "dependencies": {
     "@gorhom/portal": "^1.0.13",

package/src/components/List/index.tsx

@@ -13,7 +13,7 @@ import { View, ViewProps } from '../View'
 import { EmptyPlaceholder, EmptyPlaceholderProps } from '../EmptyPlaceholder'
 import { ListComposition, ListStyles } from './styles'
 import { StylesOf } from '../../types'
-import { GetKeyboardAwarePropsOptions, useKeyboardAwareView } from '../../utils'
+import { GetKeyboardAwarePropsOptions, useKeyboardAwareView, useKeyboardPaddingStyle } from '../../utils'
 
 export type DataboundFlatListPropsTypes = 'data' | 'renderItem' | 'keyExtractor' | 'getItemLayout'
 
@@ -55,6 +55,7 @@ const ListCP = forwardRef<FlatList, FlatListProps>(
       placeholder,
       keyboardAware,
       refreshControlProps = {},
+      contentContainerStyle,
       ...props
     } = flatListProps
 
@@ -77,9 +78,15 @@ const ListCP = forwardRef<FlatList, FlatListProps>(
     const Component:any = component || FlatList
     const refreshStyles = StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl])
 
+    const keyboardStyle = useKeyboardPaddingStyle([
+      variantStyles.content,
+      contentContainerStyle,
+      isEmpty && variantStyles['content:empty'],
+    ], keyboardAware && !props.horizontal)
+
     const _listProps = {
       style: [variantStyles.wrapper, style],
-      contentContainerStyle: variantStyles.content,
+      contentContainerStyle: keyboardStyle,
       ref: ref as unknown as FlatList,
       ItemSeparatorComponent: separator,
       refreshControl: !!onRefresh && (

package/src/components/Scroll/index.tsx

@@ -12,7 +12,7 @@ import { ViewProps } from '../View'
 import { KeyboardAwareScrollViewTypes } from '../../modules'
 import { StylesOf } from '../../types'
 import { ScrollComposition, ScrollStyles } from './styles'
-import { GetKeyboardAwarePropsOptions, useKeyboardAwareView } from '../../utils'
+import { GetKeyboardAwarePropsOptions, useKeyboardAwareView, useKeyboardPaddingStyle } from '../../utils'
 import { ScrollView as MotiScrollView } from 'moti'
 // import { KeyboardAwareScrollView } from '../../utils'
 
@@ -85,7 +85,6 @@ export const Scroll = forwardRef<ScrollView, ScrollProps>(
     const refreshStyles = StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl])
     const _scrollProps = {
       style: [variantStyles.wrapper, style],
-      contentContainerStyle: [variantStyles.content, contentContainerStyle],
       ref: ref as unknown as ScrollView,
       refreshControl: hasRefresh && (
         <RefreshControl
@@ -109,12 +108,17 @@ export const Scroll = forwardRef<ScrollView, ScrollProps>(
       ...keyboardAware,
 
     })
+
     const Component = animated ? MotiScrollView : ScrollView
+    const keyboardStyle = useKeyboardPaddingStyle(
+      [variantStyles.content, contentContainerStyle],
+      keyboardAware?.enabled,
+    )
 
     return (
       <Component
         {...rootProps}
-
+        contentContainerStyle={keyboardStyle}
       >
         {children}
       </Component>

package/src/utils/hooks.ts

@@ -1,7 +1,9 @@
-import { onMount, onUpdate, shadeColor, TypeGuards, usePrevious, useRef, useState } from '@codeleap/common'
-import { Animated, AppState, AppStateStatus, Platform, PressableAndroidRippleConfig, BackHandler } from 'react-native'
+import { onMount, onUpdate, shadeColor, TypeGuards, useMemo, usePrevious, useRef, useState } from '@codeleap/common'
+import { Animated, AppState, AppStateStatus, Platform, PressableAndroidRippleConfig, BackHandler, StyleSheet } from 'react-native'
 // @ts-ignore
 import AsyncStorage from '@react-native-community/async-storage'
+import { useSoftInputState } from 'react-native-avoid-softinput'
+import { ViewStyle } from 'react-native'
 
 export function useAnimateColor(value: string, opts?: Partial<Animated.TimingAnimationConfig>) {
   const iters = useRef(0)
@@ -211,3 +213,16 @@ export function useAsyncStorageState<T>(key:string, defaultValue?: T) {
   return [value, setValue] as [T, typeof setValue]
 }
 
+export function useKeyboardPaddingStyle(styles: ViewStyle[], enabled = true) {
+  const { isSoftInputShown, softInputHeight } = useSoftInputState()
+
+  const propStyle = useMemo(() => {
+    return StyleSheet.flatten(styles)
+  }, styles)
+
+  const bottomPadding = propStyle && TypeGuards.isNumber(propStyle.paddingBottom) ? propStyle.paddingBottom : 0
+
+  const totalPadding = softInputHeight + bottomPadding
+
+  return isSoftInputShown && enabled ? [propStyle, { paddingBottom: totalPadding }] : [propStyle]
+}