diff --git a/src/apis/StyleSheet/StyleRegistry.js b/src/apis/StyleSheet/StyleRegistry.js index c4045d39..1ce52731 100644 --- a/src/apis/StyleSheet/StyleRegistry.js +++ b/src/apis/StyleSheet/StyleRegistry.js @@ -7,7 +7,7 @@ import flattenArray from '../../modules/flattenArray'; import flattenStyle from './flattenStyle'; import I18nManager from '../I18nManager'; import mapKeyValue from '../../modules/mapKeyValue'; -import prefixInlineStyles from './prefixInlineStyles'; +import { prefixInlineStyles } from '../../modules/prefixStyles'; import ReactNativePropRegistry from '../../modules/ReactNativePropRegistry'; import StyleManager from './StyleManager'; diff --git a/src/apis/StyleSheet/generateCss.js b/src/apis/StyleSheet/generateCss.js index cdb29614..e2089652 100644 --- a/src/apis/StyleSheet/generateCss.js +++ b/src/apis/StyleSheet/generateCss.js @@ -1,7 +1,7 @@ import hyphenateStyleName from 'hyphenate-style-name'; import mapKeyValue from '../../modules/mapKeyValue'; import normalizeValue from './normalizeValue'; -import prefixAll from 'inline-style-prefixer/static'; +import prefixStyles from '../../modules/prefixStyles'; const createDeclarationString = (prop, val) => { const name = hyphenateStyleName(prop); @@ -19,6 +19,6 @@ const createDeclarationString = (prop, val) => { * // => 'color:blue;width:20px' */ const generateCss = style => - mapKeyValue(prefixAll(style), createDeclarationString).sort().join(';'); + mapKeyValue(prefixStyles(style), createDeclarationString).sort().join(';'); module.exports = generateCss; diff --git a/src/apis/StyleSheet/__tests__/prefixInlineStyles-test.js b/src/modules/prefixStyles/__tests__/index-test.js similarity index 54% rename from src/apis/StyleSheet/__tests__/prefixInlineStyles-test.js rename to src/modules/prefixStyles/__tests__/index-test.js index aef3f4b7..cc269fcc 100644 --- a/src/apis/StyleSheet/__tests__/prefixInlineStyles-test.js +++ b/src/modules/prefixStyles/__tests__/index-test.js @@ -1,9 +1,9 @@ /* eslint-env jasmine, jest */ -import prefixInlineStyles from '../prefixInlineStyles'; +import { prefixInlineStyles } from '..'; -describe('apis/StyleSheet/prefixInlineStyles', () => { - test('handles array values', () => { +describe('modules/prefixStyles', () => { + test('handles array values for inline styles', () => { const style = { display: ['-webkit-flex', 'flex'] }; diff --git a/src/apis/StyleSheet/prefixInlineStyles.js b/src/modules/prefixStyles/index.js similarity index 85% rename from src/apis/StyleSheet/prefixInlineStyles.js rename to src/modules/prefixStyles/index.js index 78ff51ec..a5ab2ba8 100644 --- a/src/apis/StyleSheet/prefixInlineStyles.js +++ b/src/modules/prefixStyles/index.js @@ -1,6 +1,8 @@ import prefixAll from 'inline-style-prefixer/static'; -const prefixInlineStyles = style => { +export default prefixAll; + +export const prefixInlineStyles = style => { const prefixedStyles = prefixAll(style); // React@15 removed undocumented support for fallback values in @@ -14,5 +16,3 @@ const prefixInlineStyles = style => { return prefixedStyles; }; - -module.exports = prefixInlineStyles;