@codeleap/mobile 2.3.7 → 2.3.8

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

@@ -1,451 +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;
+"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