ca-ui-react-themer/lib/theme-provider/index.js.flow

React bindings for ca-ui-themer

/**
 * Copyright (c) 2017 CA. All rights reserved.
 * This software may be modified and distributed under the terms
 * of the MIT license. See the LICENSE file for details.
 */

// @flow

import React from 'react';
import PropTypes from 'prop-types';
import { themer } from 'ca-ui-themer';

type Props = {
  theme: Object,
  themer?: ?Object,
  children?: ?React.Element<*>,
};

const OnlyChildren = ({ children }) => (
  children ?
    React.Children.only(children) :
    null
);

export default class ThemeProvider extends React.Component {

  static childContextTypes = {
    theme: PropTypes.object,
  };

  getChildContext() {
    return {
      theme: this.props.theme,
    };
  }

  componentWillMount() {
    const themerInstance = this.props.themer || themer;

    // Fetch the resolved Component and theme from the themerInstance
    this.resolvedAttrs = themerInstance.resolveAttributes(OnlyChildren, [this.props.theme]);
  }

  props: Props;

  resolvedAttrs: Object = {};

  render() {
    return React.createElement(this.resolvedAttrs.snippet, {}, this.props.children);
  }
}