flexboxOld.js

/* @flow */
const alternativeValues = {
  'space-around': 'justify',
  'space-between': 'justify',
  'flex-start': 'start',
  'flex-end': 'end',
  'wrap-reverse': 'multiple',
  wrap: 'multiple'
}

const alternativeProps = {
  alignItems: 'WebkitBoxAlign',
  justifyContent: 'WebkitBoxPack',
  flexWrap: 'WebkitBoxLines'
}

export default function flexboxOld(property: string, value: any, style: Object): void {
  if (property === 'flexDirection' && typeof value === 'string') {
    if (value.indexOf('column') > -1) {
      style.WebkitBoxOrient = 'vertical'
    } else {
      style.WebkitBoxOrient = 'horizontal'
    }
    if (value.indexOf('reverse') > -1) {
      style.WebkitBoxDirection = 'reverse'
    } else {
      style.WebkitBoxDirection = 'normal'
    }
  }
  if (alternativeProps.hasOwnProperty(property)) {
    style[alternativeProps[property]] = alternativeValues[value] || value
  }
}