@reactml/loader/src/runtime/get-css-module-name.js

Webpack loader for react markup language.

const CLASS_NAME_SPLITER = /\s/;
const hasOwn = {}.hasOwnProperty;

/**
 * Support syntax of `:module`, which means global css scope.
 * @param moduleMapping {object} K-V: local -> module class name.
 * @param className {string} User input class name.
 * @return {string} Transformed class name.
 */
export default function getCSSModuleName(moduleMapping, className) {
  return String(className)
    .split(CLASS_NAME_SPLITER)
    .map(local => {
      if (local[0] === ':') {
        return local.slice(1);
      } else {
        return hasOwn.call(moduleMapping, local)
          ? moduleMapping[local]
          : local;
      }
    })
    .join(' ');
};