react-toolbox/components/utils/prefixer.js

41 lines
869 B
JavaScript

const WEBKIT = 'Webkit';
const MICROSOFT = 'Ms';
const properties = {
transform: [WEBKIT, MICROSOFT]
};
function capitalize (string) {
return string.charAt(0).toUpperCase() + string.substr(1);
}
function getPrefixes (property, value) {
return properties[property].reduce(function (acc, item) {
acc[`${item}${capitalize(property)}`] = value;
return acc;
}, {});
}
function addPrefixesTo (style, property, value) {
const vendor = getPrefixes(property, value);
for (const prefix in vendor) {
style[prefix] = vendor[prefix];
}
return style;
}
function prefixer (style, defaultValue = {}) {
const _style = defaultValue;
for (const property in style) {
_style[property] = style[property];
if (properties[property]) {
addPrefixesTo(_style, property, style[property]);
}
}
return _style;
}
export default prefixer;