@talend/react-components/lib/theme.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
exports.getTheme = getTheme;
var _classnames = _interopRequireDefault(require("classnames"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/**
 * This function take cssModules files & generate a function that you can use to
 * duplicate the classes: the generated from the css module & the generic allowing any host app
 * to override / extend the style
 * @param  {...object} cssThemes the css module you want to handle
 * @example {
 * // myScssFile.scss
 * .error {
 * 		color: red;
 * }
 *
 * // MyJsFile
 * import myCSS from './myScssFile.scss'
 * import { getTheme } from '../theme';
 *
 * const theme = getTheme(myCSS);
 * const rendererThing = <div className={theme('error', 'test')}></div>
 * // This will output -> <div class="error test error_X341DZ"/>
 * }
 */
function getTheme(...cssThemes) {
  return function applyTheme(...params) {
    const classnamesParams = params.reduce((acc, param) => {
      if (Array.isArray(param)) {
        acc.push(...param.map(element => applyTheme(element)));
      } else if (typeof param === 'object') {
        const newObj = Object.entries(param).reduce((objAcc, [key, value]) => {
          // eslint-disable-next-line no-param-reassign
          objAcc[key] = value;
          cssThemes.forEach(cssTheme => {
            if (cssTheme[key]) {
              // eslint-disable-next-line no-param-reassign
              objAcc[cssTheme[key]] = value;
            }
          });
          return objAcc;
        }, {});
        acc.push(newObj);
      } else if (typeof param === 'string') {
        acc.push(param);
        cssThemes.forEach(cssTheme => {
          if (cssTheme[param]) {
            acc.push(cssTheme[param]);
          }
        });
      }
      return acc;
    }, []);
    return (0, _classnames.default)(...classnamesParams);
  };
}
var _default = exports.default = getTheme;
//# sourceMappingURL=theme.js.map