reactors/dist/API/StyleSheet/transforms/border.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 _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');

var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);

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 toMobile = function toMobile(str) {
  var _str$split = str.split(/\s+/),
      _str$split2 = (0, _slicedToArray3.default)(_str$split, 3),
      borderWidth = _str$split2[0],
      borderStyle = _str$split2[1],
      borderColor = _str$split2[2];

  return {
    borderWidth: parseInt(borderWidth, 10),
    borderStyle: borderStyle,
    borderColor: borderColor
  };
};

var border = function border(style) {
  if ('border' in style && _Core2.default.isMobile()) {
    return (0, _omit2.default)((0, _extends3.default)({}, style, toMobile(style.border)), ['border']);
  }
  return (0, _extends3.default)({}, style);
};

exports.default = border;