react-native-ui-lib/lib/components/Keyboard/KeyboardInput/CustomKeyboardViewBase.js

[](https://stand-with-ukraine.pp.ua)

import { Component } from 'react';
import KeyboardRegistry from "./KeyboardRegistry";
export default class CustomKeyboardViewBase extends Component {
  static defaultProps = {
    initialProps: {}
  };
  registeredRequestShowKeyboard = false;
  keyboardEventListeners = [];
  constructor(props) {
    super(props);
    const {
      component,
      onItemSelected
    } = props;
    if (component) {
      this.addOnItemSelectListener(onItemSelected, component);
    }
    this.keyboardExpandedToggle = {};
  }
  shouldComponentUpdate(nextProps) {
    return nextProps.component !== this.props.component;
  }
  componentWillUnmount() {
    const {
      component
    } = this.props;
    KeyboardRegistry.removeListeners('onRequestShowKeyboard');
    if (this.keyboardEventListeners) {
      this.keyboardEventListeners.forEach(eventListener => eventListener.remove());
    }
    if (component) {
      KeyboardRegistry.removeListeners(`${component}.onItemSelected`);
    }
  }
  addOnItemSelectListener(onItemSelected, component) {
    if (onItemSelected) {
      KeyboardRegistry.addListener(`${component}.onItemSelected`, args => {
        onItemSelected(component, args);
      });
    }
  }
  componentDidUpdate(prevProps) {
    const {
      onRequestShowKeyboard
    } = this.props;
    if (onRequestShowKeyboard && !this.registeredRequestShowKeyboard) {
      this.registeredRequestShowKeyboard = true;
      KeyboardRegistry.addListener('onRequestShowKeyboard', args => {
        onRequestShowKeyboard(args.keyboardId);
      });
    }
    this.registerListener(prevProps, this.props);
  }
  registerListener(props, nextProps) {
    const {
      component,
      onItemSelected
    } = nextProps;
    if (component && props.component !== component) {
      if (props.component) {
        KeyboardRegistry.removeListeners(`${props.component}.onItemSelected`);
      }
      KeyboardRegistry.removeListeners(`${component}.onItemSelected`);
      this.addOnItemSelectListener(onItemSelected, component);
    }
  }
}