react-themable-hoc-aphrodite-interface/dist/AphroditeInterface.js

Use Aphrodite with react-themable-hoc

(function (global, factory) {
    if (typeof define === "function" && define.amd) {
        define(['exports', 'aphrodite'], factory);
    } else if (typeof exports !== "undefined") {
        factory(exports, require('aphrodite'));
    } else {
        var mod = {
            exports: {}
        };
        factory(mod.exports, global.aphrodite);
        global.AphroditeInterface = mod.exports;
    }
})(this, function (exports, _aphrodite) {
    'use strict';

    Object.defineProperty(exports, "__esModule", {
        value: true
    });

    function _classCallCheck(instance, Constructor) {
        if (!(instance instanceof Constructor)) {
            throw new TypeError("Cannot call a class as a function");
        }
    }

    var _createClass = function () {
        function defineProperties(target, props) {
            for (var i = 0; i < props.length; i++) {
                var descriptor = props[i];
                descriptor.enumerable = descriptor.enumerable || false;
                descriptor.configurable = true;
                if ("value" in descriptor) descriptor.writable = true;
                Object.defineProperty(target, descriptor.key, descriptor);
            }
        }

        return function (Constructor, protoProps, staticProps) {
            if (protoProps) defineProperties(Constructor.prototype, protoProps);
            if (staticProps) defineProperties(Constructor, staticProps);
            return Constructor;
        };
    }();

    var AphroditeInterface = function () {
        function AphroditeInterface(aphrodite) {
            _classCallCheck(this, AphroditeInterface);

            this.aphrodite = aphrodite || { StyleSheet: _aphrodite.StyleSheet, css: _aphrodite.css };
        }

        _createClass(AphroditeInterface, [{
            key: 'css',
            value: function css(styles) {
                var styleSheet = this.aphrodite.StyleSheet.create(styles);
                var classNames = {};
                var styleKeys = Object.keys(styleSheet);

                // Use regular for-loop for performance
                for (var i = 0; i < styleKeys.length; i++) {
                    var key = styleKeys[i];
                    classNames[key] = this.aphrodite.css(styleSheet[key]);
                }

                return classNames;
            }
        }]);

        return AphroditeInterface;
    }();

    exports.default = AphroditeInterface;
});