reactors/dist/API/StyleSheet/transforms/resizeMode.js

View components and APIs that work web, mobile and desktop!

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _omit = require('lodash/omit');

var _omit2 = _interopRequireDefault(_omit);

var _Core = require('../../Core');

var _Core2 = _interopRequireDefault(_Core);

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

var resizeMode = function resizeMode(style) {
  if (style.resizeMode && _Core2.default.isDOM()) {
    var transformed = {};
    switch (style.resizeMode) {
      case 'cover':
        transformed.objectFit = 'cover';
        break;
      case 'contain':
        transformed.objectFit = 'contain';
        break;
      case 'stretch':
        transformed.objectFit = 'fill';
        break;
    }
    return (0, _omit2.default)((0, _extends3.default)({}, style, transformed), ['resizeMode']);
  }
  return style;
};

exports.default = resizeMode;