BEM-style class name builder

ClassNameBuilder.js

// @example
// build('foo', {bar: true, baz: false, omg: true});
// => 'foo foo--bar foo--omg'
const build = (base, modifiers = {}) => {
    const reduceModifier = (memo, modifier) => {
        return modifiers[modifier]
            ? memo.concat([`${base}--${modifier.replace(/([A-Z])/g, (part) => `-${part.toLowerCase()}`)}`])
            : memo;
    };

    return Object.keys(modifiers).reduce(reduceModifier, [base]).join(' ');
};

export default {build};

example.js

import ClassNameBuilder from 'ClassNameBuilder';

ClassNameBuilder.build('component-name__sub-component-name', {
  foo: true,
  bar: false,
  fromBaz: true
});

// => "component-name__sub-component-name component-name__sub-component-name--foo component-name__sub-component-name--from-baz"