"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _reactNative = require("react-native");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
const KeyboardViewSpacer = _ref => {
  let {
    children,
    useNativeDriver = false
  } = _ref;
  const keyboardHeight = new _reactNative.Animated.Value(0);
  const keyboardWillShowSub = React.useRef(null);
  const keyboardWillHideSub = React.useRef(null);
  const keyboardWillShow = event => {
    _reactNative.Animated.parallel([_reactNative.Animated.timing(keyboardHeight, {
      duration: event.duration,
      toValue: event.endCoordinates.height,
      useNativeDriver: useNativeDriver
    })]).start();
  };
  const keyboardWillHide = event => {
    _reactNative.Animated.parallel([_reactNative.Animated.timing(keyboardHeight, {
      duration: event.duration,
      toValue: 0,
      useNativeDriver: useNativeDriver
    })]).start();
  };
  React.useEffect(() => {
    // trigger this after component have mounted
    keyboardWillShowSub.current = _reactNative.Keyboard.addListener('keyboardWillShow', keyboardWillShow);
    keyboardWillHideSub.current = _reactNative.Keyboard.addListener('keyboardWillHide', keyboardWillHide);
    // Clearing the events ont
    return () => {
      keyboardWillShowSub.current = null;
      keyboardWillHideSub.current = null;
    };
  }, []);
  // @ts-ignore
  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
    style: {
      paddingBottom: keyboardHeight,
      flex: 1
    }
  }, children);
};
var _default = KeyboardViewSpacer;
exports.default = _default;
//# sourceMappingURL=index.js.map                                                                                                                                                                                                                                          */
const styles = _reactNative.StyleSheet.create({
  container: {
    left: 0,
    right: 0,
    bottom: 0
  }
});

// From: https://medium.com/man-moon/writing-modern-react-native-ui-e317ff956f02
const defaultAnimation = {
  duration: 500,
  create: {
    duration: 300,
    type: _reactNative.LayoutAnimation.Types.easeInEaseOut,
    property: _reactNative.LayoutAnimation.Properties.opacity
  },
  update: {
    type: _reactNative.LayoutAnimation.Types.spring,
    springDamping: 200
  }
};
class KeyboardSpacer extends _react.Component {
  constructor(props, context) {
    super(props, context);
    this.state = {
      keyboardSpace: 0,
      isKeyboardOpened: false
    };
    this._listeners = null;
    this.updateKeyboardSpace = this.updateKeyboardSpace.bind(this);
    this.resetKeyboardSpace = this.resetKeyboardSpace.bind(this);
  }
  componentDidMount() {
    if (_reactNative.Platform.OS === 'ios') {
      const updateListener = _reactNative.Platform.OS === 'android' ? 'keyboardDidShow' : 'keyboardWillShow';
      const resetListener = _reactNative.Platform.OS === 'android' ? 'keyboardDidHide' : 'keyboardWillHide';
      this._listeners = [_reactNative.Keyboard.addListener(updateListener, this.updateKeyboardSpace), _reactNative.Keyboard.addListener(resetListener, this.resetKeyboardSpace)];
    }
  }
  componentWillUnmount() {
    if (this._listeners !== null && this._listeners !== undefined) {
      this._listeners.forEach(listener => listener.remove());
    }
  }
  updateKeyboardSpace(event) {
    // console.log('event', event);
    if (!event.endCoordinates) {
      return;
    }
    let animationConfig = defaultAnimation;
    if (_reactNative.Platform.OS === 'ios') {
      animationConfig = _reactNative.LayoutAnimation.create(event.duration, _reactNative.LayoutAnimation.Types[event.easing], _reactNative.LayoutAnimation.Properties.opacity);
    }
    _reactNative.LayoutAnimation.configureNext(animationConfig);

    // get updated on rotation
    const screenHeight = _reactNative.Dimensions.get('window').height;
    // when external physical keyboard is connected
    // event.endCoordinates.height still equals virtual keyboard height
    // however only the keyboard toolbar is showing if there should be one
    const keyboardSpace = screenHeight - event.endCoordinates.screenY + this.props.topSpacing;
    // console.log('keyboardSpace', keyboardSpace);
    this.setState({
      keyboardSpace,
      isKeyboardOpened: true
    }, this.props.onToggle(true, keyboardSpace));
  }
  resetKeyboardSpace(event) {
    let animationConfig = defaultAnimation;
    if (_reactNative.Platform.OS === 'ios') {
      animationConfig = _reactNative.LayoutAnimation.create(event.duration, _reactNative.LayoutAnimation.Types[event.easing], _reactNative.LayoutAnimation.Properties.opacity);
    }
    _reactNative.LayoutAnimation.configureNext(animationConfig);
    this.setState({
      keyboardSpace: 0,
      isKeyboardOpened: false
    }, this.props.onToggle(false, 0));
  }
  render() {
    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
      style: [styles.container, {
        height: this.state.keyboardSpace
      }, this.props.style]
    });
  }
}
exports.default = KeyboardSpacer;
_defineProperty(KeyboardSpacer, "propTypes", {
  topSpacing: _propTypes.default.number,
  onToggle: _propTypes.default.func,
  style: _reactNative.ViewPropTypes.style
});
_defineProperty(KeyboardSpacer, "defaultProps", {
  topSpacing: 0,
  onToggle: () => null
});
//# sourceMappingURL=index.js.map