@wimdental/i18n/src/i18n/components/LocalizeProvider.js

Simple module to localize the React using simple tools.

import React, { Component, Children } from "react";
import { connect } from "react-redux";
import PropTypes from 'prop-types';
import { DictionaryShape } from '../shapes/DictionaryShape';

/**
 * Make localization api avaliable to @locale decorator
 */
@connect(state => ({ state }))
export class LocalizeProvider extends Component {
  static propTypes = {
      /**
   * Dictionary generate by createDictionary helper
   */
      dictionary: DictionaryShape,
      /**
   * Function that return current locale from state
   */
      mapStateToProps: PropTypes.func
  };


  constructor (props, context) {
      super(props, context);
  }
  
  getChildContext () {
      let { dictionary, mapStateToProps, state } = this.props;

      let locale = mapStateToProps ? mapStateToProps : state => state.i18n.locale;

      return {
          dictionary: {
              ... dictionary,
              locale: locale(state)
          }
      };
  }
  static childContextTypes = {
      dictionary: DictionaryShape
  };
  /**
   *
   */
  render = () => {
      let { children } = this.props;
      return Children.only(children);
  }
}