@material-native-ui/theme-provider/lib/components.js

React Native Theme a abstraction over StyleSheet.

"use strict";

exports.__esModule = true;
exports.useStyle = exports.useTheme = exports.withTheme = exports.withStyles = exports.StylesConsumer = exports.ThemeProvider = void 0;

var _react = _interopRequireDefault(require("react"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

const ThemeContext = _react.default.createContext();

const {
  Provider,
  Consumer
} = ThemeContext;

class ThemeProvider extends _react.default.Component {
  render() {
    const {
      theme,
      context,
      children
    } = this.props;
    return _react.default.createElement(Provider, {
      value: {
        theme: theme || context || {}
      }
    }, children);
  }

}

exports.ThemeProvider = ThemeProvider;

_defineProperty(ThemeProvider, "defaultProps", {
  theme: undefined,
  context: undefined
});

const StylesConsumer = ({
  style,
  children
}) => _react.default.createElement(Consumer, null, ({
  theme
}) => children(style.getStyles(theme)));

exports.StylesConsumer = StylesConsumer;

const withStyles = style => WrappedComponent => props => {
  return typeof style.getStyles === 'function' ? _react.default.createElement(StylesConsumer, {
    style: style
  }, styles => _react.default.createElement(WrappedComponent, _extends({}, props, {
    styles: styles
  }))) : _react.default.createElement(WrappedComponent, _extends({}, props, {
    styles: style
  }));
};

exports.withStyles = withStyles;

const withTheme = WrappedComponent => props => _react.default.createElement(Consumer, null, ({
  theme
}) => _react.default.createElement(WrappedComponent, _extends({}, props, {
  theme: theme
})));

exports.withTheme = withTheme;

const useTheme = () => {
  const {
    theme
  } = _react.default.useContext(ThemeContext);

  return theme;
};

exports.useTheme = useTheme;

const useStyle = style => {
  const {
    theme
  } = _react.default.useContext(ThemeContext);

  return typeof style.getStyles === 'function' ? style.getStyles(theme) : style;
};

exports.useStyle = useStyle;