@codeleap/mobile 1.9.33 → 2.0.2

package/dist/modules/textInputMask.js

@@ -1,8 +1,23 @@
 "use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaskedTextInput = void 0;
 // @ts-ignore
 // import MaskInput from 'react-native-mask-input'
 var react_native_masked_text_1 = require("react-native-masked-text");
 exports.MaskedTextInput = react_native_masked_text_1.TextInputMask;
+__exportStar(require("./types/textInputMask"), exports);
 //# sourceMappingURL=textInputMask.js.map

package/dist/modules/textInputMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"textInputMask.js","sourceRoot":"","sources":["../../src/modules/textInputMask.ts"],"names":[],"mappings":";;;AAAA,aAAa;AACb,kDAAkD;AAClD,qEAAwD;AAI3C,QAAA,eAAe,GAAG,wCAE7B,CAAA"}
+{"version":3,"file":"textInputMask.js","sourceRoot":"","sources":["../../src/modules/textInputMask.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,aAAa;AACb,kDAAkD;AAClD,qEAAwD;AAI3C,QAAA,eAAe,GAAG,wCAE7B,CAAA;AAEF,wDAAqC"}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './utility';

package/dist/types/index.js

@@ -0,0 +1,18 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./utility"), exports);
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB"}

package/dist/utils/KeyboardAware/index.d.ts

@@ -0,0 +1,6 @@
+import listenToKeyboardEvents from './lib/KeyboardAwareHOC';
+import KeyboardAwareScrollView from './lib/KeyboardAwareScrollView';
+import KeyboardAwareFlatList from './lib/KeyboardAwareFlatList';
+import KeyboardAwareSectionList from './lib/KeyboardAwareSectionList';
+export { listenToKeyboardEvents, KeyboardAwareFlatList, KeyboardAwareSectionList, KeyboardAwareScrollView, };
+export * from './types';

package/dist/utils/KeyboardAware/index.js

@@ -0,0 +1,31 @@
+"use strict";
+/* @flow */
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyboardAwareScrollView = exports.KeyboardAwareSectionList = exports.KeyboardAwareFlatList = exports.listenToKeyboardEvents = void 0;
+var KeyboardAwareHOC_1 = __importDefault(require("./lib/KeyboardAwareHOC"));
+exports.listenToKeyboardEvents = KeyboardAwareHOC_1.default;
+var KeyboardAwareScrollView_1 = __importDefault(require("./lib/KeyboardAwareScrollView"));
+exports.KeyboardAwareScrollView = KeyboardAwareScrollView_1.default;
+var KeyboardAwareFlatList_1 = __importDefault(require("./lib/KeyboardAwareFlatList"));
+exports.KeyboardAwareFlatList = KeyboardAwareFlatList_1.default;
+var KeyboardAwareSectionList_1 = __importDefault(require("./lib/KeyboardAwareSectionList"));
+exports.KeyboardAwareSectionList = KeyboardAwareSectionList_1.default;
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/utils/KeyboardAware/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/KeyboardAware/index.ts"],"names":[],"mappings":";AAAA,WAAW;;;;;;;;;;;;;;;;;;;;AAEX,4EAA2D;AAMzD,iCANK,0BAAsB,CAML;AALxB,0FAAmE;AAQjE,kCARK,iCAAuB,CAQL;AAPzB,sFAA+D;AAK7D,gCALK,+BAAqB,CAKL;AAJvB,4FAAqE;AAKnE,mCALK,kCAAwB,CAKL;AAI1B,0CAAuB"}

package/dist/utils/KeyboardAware/lib/KeyboardAwareFlatList.d.ts

@@ -0,0 +1,3 @@
+import { FlatList } from 'react-native';
+declare const _default: typeof FlatList;
+export default _default;

package/dist/utils/KeyboardAware/lib/KeyboardAwareFlatList.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 });
+var react_native_1 = require("react-native");
+var KeyboardAwareHOC_1 = __importDefault(require("./KeyboardAwareHOC"));
+exports.default = (0, KeyboardAwareHOC_1.default)(react_native_1.FlatList);
+//# sourceMappingURL=KeyboardAwareFlatList.js.map

package/dist/utils/KeyboardAware/lib/KeyboardAwareFlatList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardAwareFlatList.js","sourceRoot":"","sources":["../../../../src/utils/KeyboardAware/lib/KeyboardAwareFlatList.ts"],"names":[],"mappings":";;;;;AAAA,6CAAuC;AACvC,wEAAuD;AAEvD,kBAAe,IAAA,0BAAsB,EAAC,uBAAQ,CAAC,CAAA"}

package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.d.ts

@@ -0,0 +1,67 @@
+/// <reference types="chai" />
+import React from 'react';
+export declare function isIphoneX(): boolean;
+declare const keyboardAwareHOCTypeEvents: {
+    constructor: Function;
+    toString(): string;
+    toLocaleString(): string;
+    valueOf(): Object;
+    hasOwnProperty(v: PropertyKey): boolean;
+    isPrototypeOf(v: Object): boolean;
+    propertyIsEnumerable(v: PropertyKey): boolean;
+    should: Chai.Assertion;
+};
+export declare type KeyboardAwareHOCProps = {
+    viewIsInsideTabBar?: boolean;
+    resetScrollToCoords?: {
+        x: number;
+        y: number;
+    };
+    enableResetScrollToCoords?: boolean;
+    enableAutomaticScroll?: boolean;
+    extraHeight?: number;
+    extraScrollHeight?: number;
+    keyboardOpeningTime?: number;
+    onScroll?: Function;
+    update?: Function;
+    contentContainerStyle?: any;
+    enableOnAndroid?: boolean;
+    Scrollable: any;
+    innerRef?: Function;
+    hocOptions?: any;
+} & typeof keyboardAwareHOCTypeEvents;
+export declare type KeyboardAwareHOCState = {
+    keyboardSpace: number;
+};
+export declare type ElementLayout = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare type ContentOffset = {
+    x: number;
+    y: number;
+};
+export declare type ScrollPosition = {
+    x: number;
+    y: number;
+    animated: boolean;
+};
+export declare type ScrollIntoViewOptions = {
+    getScrollPosition?: (parentLayout: ElementLayout, childLayout: ElementLayout, contentOffset: ContentOffset) => ScrollPosition;
+};
+export declare type KeyboardAwareHOCOptions = {
+    enableOnAndroid: boolean;
+    contentContainerStyle?: Object;
+    enableAutomaticScroll: boolean;
+    extraHeight: number;
+    extraScrollHeight: number;
+    enableResetScrollToCoords: boolean;
+    keyboardOpeningTime: number;
+    viewIsInsideTabBar: boolean;
+    refPropName: string;
+    extractNativeRef: Function;
+};
+declare const listenToKeyboardEvents: <C extends React.ComponentType<{}> | React.ComponentClass<{}, any>>(configOrComp: C) => C;
+export default listenToKeyboardEvents;

package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.js

@@ -0,0 +1,451 @@
+"use strict";
+/* eslint-disable max-lines */
+/* @flow */
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isIphoneX = void 0;
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_native_1 = require("react-native");
+function isIphoneX() {
+    var dimen = react_native_1.Dimensions.get('window');
+    return (react_native_1.Platform.OS === 'ios' &&
+        !react_native_1.Platform.isPad &&
+        !react_native_1.Platform.isTVOS &&
+        ((dimen.height === 780 || dimen.width === 780)
+            || (dimen.height === 812 || dimen.width === 812)
+            || (dimen.height === 844 || dimen.width === 844)
+            || (dimen.height === 896 || dimen.width === 896)
+            || (dimen.height === 926 || dimen.width === 926)));
+}
+exports.isIphoneX = isIphoneX;
+var _KAM_DEFAULT_TAB_BAR_HEIGHT = isIphoneX() ? 83 : 49;
+var _KAM_KEYBOARD_OPENING_TIME = 250;
+var _KAM_EXTRA_HEIGHT = 75;
+var supportedKeyboardEvents = [
+    'keyboardWillShow',
+    'keyboardDidShow',
+    'keyboardWillHide',
+    'keyboardDidHide',
+    'keyboardWillChangeFrame',
+    'keyboardDidChangeFrame',
+];
+var keyboardEventToCallbackName = function (eventName) { return 'on' + eventName[0].toUpperCase() + eventName.substring(1); };
+var keyboardEventPropTypes = supportedKeyboardEvents.reduce(function (acc, eventName) {
+    var _a;
+    return (__assign(__assign({}, acc), (_a = {}, _a[keyboardEventToCallbackName(eventName)] = prop_types_1.default.func, _a)));
+}, {});
+var keyboardAwareHOCTypeEvents = supportedKeyboardEvents.reduce(function (acc, eventName) {
+    var _a;
+    return (__assign(__assign({}, acc), (_a = {}, _a[keyboardEventToCallbackName(eventName)] = Function, _a)));
+}, {});
+function getDisplayName(WrappedComponent) {
+    return ((WrappedComponent &&
+        (WrappedComponent.displayName || WrappedComponent.name)) ||
+        'Component');
+}
+var ScrollIntoViewDefaultOptions = {
+    enableOnAndroid: false,
+    contentContainerStyle: undefined,
+    enableAutomaticScroll: true,
+    extraHeight: _KAM_EXTRA_HEIGHT,
+    extraScrollHeight: 0,
+    enableResetScrollToCoords: true,
+    keyboardOpeningTime: _KAM_KEYBOARD_OPENING_TIME,
+    viewIsInsideTabBar: false,
+    // The ref prop name that will be passed to the wrapped component to obtain a ref
+    // If your ScrollView is already wrapped, maybe the wrapper permit to get a ref
+    // For example, with glamorous-native ScrollView, you should use "innerRef"
+    refPropName: 'ref',
+    // Sometimes the ref you get is a ref to a wrapped view (ex: Animated.ScrollView)
+    // We need access to the imperative API of a real native ScrollView so we need extraction logic
+    extractNativeRef: function (ref) {
+        // getNode() permit to support Animated.ScrollView automatically, but is deprecated since RN 0.62
+        // see https://github.com/facebook/react-native/issues/19650
+        // see https://stackoverflow.com/questions/42051368/scrollto-is-undefined-on-animated-scrollview/48786374
+        // see https://github.com/facebook/react-native/commit/66e72bb4e00aafbcb9f450ed5db261d98f99f82a
+        var shouldCallGetNode = !react_native_1.Platform.constants || (react_native_1.Platform.constants.reactNativeVersion.major === 0 && react_native_1.Platform.constants.reactNativeVersion.minor < 62);
+        if (ref.getNode && shouldCallGetNode) {
+            return ref.getNode();
+        }
+        else {
+            return ref;
+        }
+    },
+};
+var KeyboardAwareScrollable = /** @class */ (function (_super) {
+    __extends(KeyboardAwareScrollable, _super);
+    function KeyboardAwareScrollable(props) {
+        var _this = _super.call(this, props) || this;
+        _this.getScrollResponder = function () {
+            return (_this._rnkasv_keyboardView &&
+                _this._rnkasv_keyboardView.getScrollResponder &&
+                _this._rnkasv_keyboardView.getScrollResponder());
+        };
+        _this.scrollToPosition = function (x, y, animated) {
+            if (animated === void 0) { animated = true; }
+            var responder = _this.getScrollResponder();
+            if (!responder) {
+                return;
+            }
+            if (responder.scrollResponderScrollTo) {
+                // React Native < 0.65
+                responder.scrollResponderScrollTo({ x: x, y: y, animated: animated });
+            }
+            else if (responder.scrollTo) {
+                // React Native >= 0.65
+                responder.scrollTo({ x: x, y: y, animated: animated });
+            }
+        };
+        _this.scrollToEnd = function (animated) {
+            if (animated === void 0) { animated = true; }
+            var responder = _this.getScrollResponder();
+            if (!responder) {
+                return;
+            }
+            if (responder.scrollResponderScrollToEnd) {
+                // React Native < 0.65
+                responder.scrollResponderScrollToEnd({ animated: animated });
+            }
+            else if (responder.scrollToEnd) {
+                // React Native >= 0.65
+                responder.scrollToEnd({ animated: animated });
+            }
+        };
+        _this.scrollForExtraHeightOnAndroid = function (extraHeight) {
+            _this.scrollToPosition(0, _this.position.y + extraHeight, true);
+        };
+        /**
+         * @param keyboardOpeningTime: takes a different keyboardOpeningTime in consideration.
+         * @param extraHeight: takes an extra height in consideration.
+         */
+        _this.scrollToFocusedInput = function (reactNode, extraHeight, keyboardOpeningTime) {
+            if (extraHeight === undefined) {
+                extraHeight = _this.props.extraHeight || 0;
+            }
+            if (keyboardOpeningTime === undefined) {
+                keyboardOpeningTime = _this.props.keyboardOpeningTime || 0;
+            }
+            setTimeout(function () {
+                if (!_this.mountedComponent) {
+                    return;
+                }
+                var responder = _this.getScrollResponder();
+                responder &&
+                    responder.scrollResponderScrollNativeHandleToKeyboard(reactNode, extraHeight, true);
+            }, keyboardOpeningTime);
+        };
+        _this.scrollIntoView = function (element, options) {
+            if (options === void 0) { options = {}; }
+            return __awaiter(_this, void 0, void 0, function () {
+                var _a, parentLayout, childLayout, getScrollPosition, _b, x, y, animated;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            if (!this._rnkasv_keyboardView || !element) {
+                                return [2 /*return*/];
+                            }
+                            return [4 /*yield*/, Promise.all([
+                                    this._measureElement(this._rnkasv_keyboardView),
+                                    this._measureElement(element),
+                                ])];
+                        case 1:
+                            _a = _c.sent(), parentLayout = _a[0], childLayout = _a[1];
+                            getScrollPosition = options.getScrollPosition || this._defaultGetScrollPosition;
+                            _b = getScrollPosition(parentLayout, childLayout, this.position), x = _b.x, y = _b.y, animated = _b.animated;
+                            this.scrollToPosition(x, y, animated);
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        _this._defaultGetScrollPosition = function (parentLayout, childLayout, contentOffset) {
+            return {
+                x: 0,
+                y: Math.max(0, childLayout.y - parentLayout.y + contentOffset.y),
+                animated: true,
+            };
+        };
+        _this._measureElement = function (element) {
+            var node = (0, react_native_1.findNodeHandle)(element);
+            return new Promise(function (resolve) {
+                react_native_1.UIManager.measureInWindow(node, function (x, y, width, height) {
+                    resolve({ x: x, y: y, width: width, height: height });
+                });
+            });
+        };
+        // Keyboard actions
+        _this._updateKeyboardSpace = function (frames) {
+            // Automatically scroll to focused TextInput
+            if (_this.props.enableAutomaticScroll) {
+                var keyboardSpace_1 = frames.endCoordinates.height + _this.props.extraScrollHeight;
+                if (_this.props.viewIsInsideTabBar) {
+                    keyboardSpace_1 -= _KAM_DEFAULT_TAB_BAR_HEIGHT;
+                }
+                _this.setState({ keyboardSpace: keyboardSpace_1 });
+                var currentlyFocusedField_1 = react_native_1.TextInput.State.currentlyFocusedInput ?
+                    (0, react_native_1.findNodeHandle)(react_native_1.TextInput.State.currentlyFocusedInput()) : react_native_1.TextInput.State.currentlyFocusedField();
+                var responder = _this.getScrollResponder();
+                if (!currentlyFocusedField_1 || !responder) {
+                    return;
+                }
+                // @ts-ignore
+                react_native_1.UIManager.viewIsDescendantOf(currentlyFocusedField_1, responder.getInnerViewNode(), function (isAncestor) {
+                    if (isAncestor) {
+                        // Check if the TextInput will be hidden by the keyboard
+                        react_native_1.UIManager.measureInWindow(currentlyFocusedField_1, function (x, y, width, height) {
+                            var textInputBottomPosition = y + height;
+                            var keyboardPosition = frames.endCoordinates.screenY;
+                            var totalExtraHeight = _this.props.extraScrollHeight + _this.props.extraHeight;
+                            if (react_native_1.Platform.OS === 'ios') {
+                                if (textInputBottomPosition >
+                                    keyboardPosition - totalExtraHeight) {
+                                    _this._scrollToFocusedInputWithNodeHandle(currentlyFocusedField_1);
+                                }
+                            }
+                            else {
+                                // On android, the system would scroll the text input just
+                                // above the keyboard so we just neet to scroll the extra
+                                // height part
+                                if (textInputBottomPosition > keyboardPosition) {
+                                    // Since the system already scrolled the whole view up
+                                    // we should reduce that amount
+                                    keyboardSpace_1 =
+                                        keyboardSpace_1 -
+                                            (textInputBottomPosition - keyboardPosition);
+                                    _this.setState({ keyboardSpace: keyboardSpace_1 });
+                                    _this.scrollForExtraHeightOnAndroid(totalExtraHeight);
+                                }
+                                else if (textInputBottomPosition >
+                                    keyboardPosition - totalExtraHeight) {
+                                    _this.scrollForExtraHeightOnAndroid(totalExtraHeight -
+                                        (keyboardPosition - textInputBottomPosition));
+                                }
+                            }
+                        });
+                    }
+                });
+            }
+            if (!_this.props.resetScrollToCoords) {
+                if (!_this.defaultResetScrollToCoords) {
+                    _this.defaultResetScrollToCoords = _this.position;
+                }
+            }
+        };
+        _this._resetKeyboardSpace = function () {
+            var keyboardSpace = _this.props.viewIsInsideTabBar
+                ? _KAM_DEFAULT_TAB_BAR_HEIGHT
+                : 0;
+            _this.setState({ keyboardSpace: keyboardSpace });
+            // Reset scroll position after keyboard dismissal
+            if (_this.props.enableResetScrollToCoords === false) {
+                _this.defaultResetScrollToCoords = null;
+                return;
+            }
+            else if (_this.props.resetScrollToCoords) {
+                _this.scrollToPosition(_this.props.resetScrollToCoords.x, _this.props.resetScrollToCoords.y, true);
+            }
+            else {
+                if (_this.defaultResetScrollToCoords) {
+                    _this.scrollToPosition(_this.defaultResetScrollToCoords.x, _this.defaultResetScrollToCoords.y, true);
+                    _this.defaultResetScrollToCoords = null;
+                }
+                else {
+                    _this.scrollToPosition(0, 0, true);
+                }
+            }
+        };
+        _this._scrollToFocusedInputWithNodeHandle = function (nodeID, extraHeight, keyboardOpeningTime) {
+            if (extraHeight === undefined) {
+                extraHeight = _this.props.extraHeight;
+            }
+            var reactNode = (0, react_native_1.findNodeHandle)(nodeID);
+            _this.scrollToFocusedInput(reactNode, extraHeight + _this.props.extraScrollHeight, keyboardOpeningTime !== undefined
+                ? keyboardOpeningTime
+                : _this.props.keyboardOpeningTime || 0);
+        };
+        _this._handleOnScroll = function (e) {
+            _this.position = e.nativeEvent.contentOffset;
+        };
+        _this._handleRef = function (ref) {
+            _this._rnkasv_keyboardView = ref ? _this.props.hocOptions.extractNativeRef(ref) : ref;
+            if (_this.props.innerRef) {
+                _this.props.innerRef(_this._rnkasv_keyboardView);
+            }
+        };
+        _this.update = function () {
+            var currentlyFocusedField = react_native_1.TextInput.State.currentlyFocusedInput ?
+                (0, react_native_1.findNodeHandle)(react_native_1.TextInput.State.currentlyFocusedInput()) : react_native_1.TextInput.State.currentlyFocusedField();
+            var responder = _this.getScrollResponder();
+            if (!currentlyFocusedField || !responder) {
+                return;
+            }
+            _this._scrollToFocusedInputWithNodeHandle(currentlyFocusedField);
+        };
+        _this.keyboardWillShowEvent = undefined;
+        _this.keyboardWillHideEvent = undefined;
+        _this.callbacks = {};
+        _this.position = { x: 0, y: 0 };
+        _this.defaultResetScrollToCoords = null;
+        var keyboardSpace = props.viewIsInsideTabBar
+            ? _KAM_DEFAULT_TAB_BAR_HEIGHT
+            : 0;
+        _this.state = { keyboardSpace: keyboardSpace };
+        return _this;
+    }
+    KeyboardAwareScrollable.prototype.componentDidMount = function () {
+        var _this = this;
+        this.mountedComponent = true;
+        // Keyboard events
+        if (react_native_1.Platform.OS === 'ios') {
+            this.keyboardWillShowEvent = react_native_1.Keyboard.addListener('keyboardWillShow', this._updateKeyboardSpace);
+            this.keyboardWillHideEvent = react_native_1.Keyboard.addListener('keyboardWillHide', this._resetKeyboardSpace);
+        }
+        else if (react_native_1.Platform.OS === 'android' && this.props.enableOnAndroid) {
+            this.keyboardWillShowEvent = react_native_1.Keyboard.addListener('keyboardDidShow', this._updateKeyboardSpace);
+            this.keyboardWillHideEvent = react_native_1.Keyboard.addListener('keyboardDidHide', this._resetKeyboardSpace);
+        }
+        supportedKeyboardEvents.forEach(function (eventName) {
+            var callbackName = keyboardEventToCallbackName(eventName);
+            if (_this.props[callbackName]) {
+                _this.callbacks[eventName] = react_native_1.Keyboard.addListener(eventName, _this.props[callbackName]);
+            }
+        });
+    };
+    KeyboardAwareScrollable.prototype.componentDidUpdate = function (prevProps) {
+        if (this.props.viewIsInsideTabBar !== prevProps.viewIsInsideTabBar) {
+            var keyboardSpace = this.props.viewIsInsideTabBar
+                ? _KAM_DEFAULT_TAB_BAR_HEIGHT
+                : 0;
+            if (this.state.keyboardSpace !== keyboardSpace) {
+                this.setState({ keyboardSpace: keyboardSpace });
+            }
+        }
+    };
+    KeyboardAwareScrollable.prototype.componentWillUnmount = function () {
+        this.mountedComponent = false;
+        this.keyboardWillShowEvent && this.keyboardWillShowEvent.remove();
+        this.keyboardWillHideEvent && this.keyboardWillHideEvent.remove();
+        Object.values(this.callbacks).forEach(function (callback) { return callback.remove(); });
+    };
+    KeyboardAwareScrollable.prototype.render = function () {
+        var _a;
+        var _b = this.props, enableOnAndroid = _b.enableOnAndroid, contentContainerStyle = _b.contentContainerStyle, onScroll = _b.onScroll, Scrollable = _b.Scrollable;
+        var newContentContainerStyle;
+        if (react_native_1.Platform.OS === 'android' && enableOnAndroid) {
+            newContentContainerStyle = [].concat(contentContainerStyle).concat({
+                paddingBottom: ((contentContainerStyle || {}).paddingBottom || 0) +
+                    this.state.keyboardSpace,
+            });
+        }
+        var refProps = (_a = {}, _a[this.props.hocOptions.refPropName] = this._handleRef, _a);
+        return (<Scrollable {...refProps} keyboardDismissMode='interactive' contentInset={{ bottom: this.state.keyboardSpace }} automaticallyAdjustContentInsets={false} showsVerticalScrollIndicator={true} scrollEventThrottle={1} {...this.props} contentContainerStyle={newContentContainerStyle || contentContainerStyle} keyboardSpace={this.state.keyboardSpace} getScrollResponder={this.getScrollResponder} scrollToPosition={this.scrollToPosition} scrollToEnd={this.scrollToEnd} scrollForExtraHeightOnAndroid={this.scrollForExtraHeightOnAndroid} scrollToFocusedInput={this.scrollToFocusedInput} scrollIntoView={this.scrollIntoView} resetKeyboardSpace={this._resetKeyboardSpace} handleOnScroll={this._handleOnScroll} update={this.update} 
+        // @ts-ignore
+        onScroll={react_native_1.Animated.forkEvent(onScroll, this._handleOnScroll)}/>);
+    };
+    KeyboardAwareScrollable.displayName = "KeyboardAware";
+    KeyboardAwareScrollable.propTypes = __assign({ viewIsInsideTabBar: prop_types_1.default.bool, resetScrollToCoords: prop_types_1.default.shape({
+            x: prop_types_1.default.number.isRequired,
+            y: prop_types_1.default.number.isRequired,
+        }), enableResetScrollToCoords: prop_types_1.default.bool, enableAutomaticScroll: prop_types_1.default.bool, extraHeight: prop_types_1.default.number, extraScrollHeight: prop_types_1.default.number, keyboardOpeningTime: prop_types_1.default.number, onScroll: prop_types_1.default.oneOfType([
+            prop_types_1.default.func,
+            prop_types_1.default.object, // Animated.event listener
+        ]), update: prop_types_1.default.func, contentContainerStyle: prop_types_1.default.any, enableOnAndroid: prop_types_1.default.bool, innerRef: prop_types_1.default.func }, keyboardEventPropTypes);
+    // HOC options are used to init default props, so that these options can be overriden with component props
+    KeyboardAwareScrollable.defaultProps = {
+        enableAutomaticScroll: ScrollIntoViewDefaultOptions.enableAutomaticScroll,
+        extraHeight: ScrollIntoViewDefaultOptions.extraHeight,
+        extraScrollHeight: ScrollIntoViewDefaultOptions.extraScrollHeight,
+        enableResetScrollToCoords: ScrollIntoViewDefaultOptions.enableResetScrollToCoords,
+        keyboardOpeningTime: ScrollIntoViewDefaultOptions.keyboardOpeningTime,
+        viewIsInsideTabBar: ScrollIntoViewDefaultOptions.viewIsInsideTabBar,
+        enableOnAndroid: ScrollIntoViewDefaultOptions.enableOnAndroid,
+    };
+    return KeyboardAwareScrollable;
+}(react_1.default.Component));
+function KeyboardAwareHOC(ScrollableComponent, userOptions) {
+    if (userOptions === void 0) { userOptions = ScrollIntoViewDefaultOptions; }
+    var hocOptions = __assign(__assign({}, ScrollIntoViewDefaultOptions), userOptions);
+    return react_1.default.forwardRef(function (props, ref) { return <KeyboardAwareScrollable hocOptions={hocOptions} 
+    // @ts-ignore
+    ref={ref} Scrollable={ScrollableComponent} {...props}/>; });
+}
+// Allow to pass options, without breaking change, and curried for composition
+// listenToKeyboardEvents(ScrollView);
+// listenToKeyboardEvents(options)(Comp);
+var listenToKeyboardEvents = function (configOrComp) {
+    //@ts-ignore
+    if (typeof configOrComp === 'object' && !configOrComp.displayName) {
+        return (function (Comp) { return KeyboardAwareHOC(Comp, configOrComp); });
+    }
+    else {
+        //@ts-ignore
+        return KeyboardAwareHOC(configOrComp);
+    }
+};
+exports.default = listenToKeyboardEvents;
+//# sourceMappingURL=KeyboardAwareHOC.js.map