react-native-unistyles/lib/module/normalizer/normalizeStyle.js

Level up your React Native StyleSheet

import { preprocessor } from './normalizer';
import { warn } from '../common';
const normalizeBoxShadow = style => {
  const requiredBoxShadowProperties = ['shadowColor', 'shadowOffset', 'shadowOpacity', 'shadowRadius'];
  if (!requiredBoxShadowProperties.every(prop => prop in style)) {
    warn(`can't apply box shadow as you miss at least one of these properties: ${requiredBoxShadowProperties.join(', ')}`);
    return {
      shadowColor: undefined,
      shadowOffset: undefined,
      shadowOpacity: undefined,
      shadowRadius: undefined
    };
  }
  return {
    boxShadow: preprocessor.createBoxShadowValue(style),
    shadowColor: undefined,
    shadowOffset: undefined,
    shadowOpacity: undefined,
    shadowRadius: undefined
  };
};
const normalizeTextShadow = style => {
  const requiredTextShadowProperties = ['textShadowColor', 'textShadowOffset', 'textShadowRadius'];
  if (!requiredTextShadowProperties.every(prop => prop in style)) {
    warn(`can't apply text shadow as you miss at least one of these properties: ${requiredTextShadowProperties.join(', ')}`);
    return {
      textShadowColor: undefined,
      textShadowOffset: undefined,
      textShadowRadius: undefined
    };
  }
  return {
    textShadow: preprocessor.createTextShadowValue(style),
    textShadowColor: undefined,
    textShadowOffset: undefined,
    textShadowRadius: undefined
  };
};
export const normalizeStyle = style => {
  const normalizedTransform = 'transform' in style && Array.isArray(style.transform) ? {
    transform: preprocessor.createTransformValue(style.transform)
  } : {};
  const normalizedBoxShadow = 'shadowColor' in style || 'shadowOffset' in style || 'shadowOpacity' in style || 'shadowRadius' in style ? normalizeBoxShadow(style) : {};
  const normalizedTextShadow = 'textShadowColor' in style || 'textShadowOffset' in style || 'textShadowRadius' in style ? normalizeTextShadow(style) : {};
  return {
    ...style,
    ...normalizedTransform,
    ...normalizedBoxShadow,
    ...normalizedTextShadow
  };
};
//# sourceMappingURL=normalizeStyle.js.map