'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.getBase16Theme = exports.createStyling = exports.invertTheme = undefined; var _typeof2 = require('babel-runtime/helpers/typeof'); var _typeof3 = _interopRequireDefault(_typeof2); var _extends2 = require('babel-runtime/helpers/extends'); var _extends3 = _interopRequireDefault(_extends2); var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray'); var _slicedToArray3 = _interopRequireDefault(_slicedToArray2); var _keys = require('babel-runtime/core-js/object/keys'); var _keys2 = _interopRequireDefault(_keys); var _lodash = require('lodash.curry'); var _lodash2 = _interopRequireDefault(_lodash); var _base = require('base16'); var base16 = _interopRequireWildcard(_base); var _rgb2hex = require('pure-color/convert/rgb2hex'); var _rgb2hex2 = _interopRequireDefault(_rgb2hex); var _parse = require('pure-color/parse'); var _parse2 = _interopRequireDefault(_parse); var _lodash3 = require('lodash.flow'); var _lodash4 = _interopRequireDefault(_lodash3); var _colorConverters = require('./colorConverters'); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var DEFAULT_BASE16 = base16.default; var BASE16_KEYS = (0, _keys2.default)(DEFAULT_BASE16); // we need a correcting factor, so that a dark, but not black background color // converts to bright enough inversed color var flip = function flip(x) { return x < 0.25 ? 1 : x < 0.5 ? 0.9 - x : 1.1 - x; }; var invertColor = (0, _lodash4.default)(_parse2.default, _colorConverters.rgb2yuv, function (_ref) { var _ref2 = (0, _slicedToArray3.default)(_ref, 3), y = _ref2[0], u = _ref2[1], v = _ref2[2]; return [flip(y), u, v]; }, _colorConverters.yuv2rgb, _rgb2hex2.default); var merger = function merger(styling) { return function (prevStyling) { return { className: [prevStyling.className, styling.className].filter(Boolean).join(' '), style: (0, _extends3.default)({}, prevStyling.style || {}, styling.style || {}) }; }; }; var mergeStyling = function mergeStyling(customStyling, defaultStyling) { if (customStyling === undefined) { return defaultStyling; } if (defaultStyling === undefined) { return customStyling; } var customType = typeof customStyling === 'undefined' ? 'undefined' : (0, _typeof3.default)(customStyling); var defaultType = typeof defaultStyling === 'undefined' ? 'undefined' : (0, _typeof3.default)(defaultStyling); switch (customType) { case 'string': switch (defaultType) { case 'string': return [defaultStyling, customStyling].filter(Boolean).join(' '); case 'object': return merger({ className: customStyling, style: defaultStyling }); case 'function': return function (styling) { for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { args[_key - 1] = arguments[_key]; } return merger({ className: customStyling })(defaultStyling.apply(undefined, [styling].concat(args))); }; } case 'object': switch (defaultType) { case 'string': return merger({ className: defaultStyling, style: customStyling }); case 'object': return (0, _extends3.default)({}, defaultStyling, customStyling); case 'function': return function (styling) { for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { args[_key2 - 1] = arguments[_key2]; } return merger({ style: customStyling })(defaultStyling.apply(undefined, [styling].concat(args))); }; } case 'function': switch (defaultType) { case 'string': return function (styling) { for (var _len3 = arguments.length, args = Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) { args[_key3 - 1] = arguments[_key3]; } return customStyling.apply(undefined, [merger(styling)({ className: defaultStyling })].concat(args)); }; case 'object': return function (styling) { for (var _len4 = arguments.length, args = Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) { args[_key4 - 1] = arguments[_key4]; } return customStyling.apply(undefined, [merger(styling)({ style: defaultStyling })].concat(args)); }; case 'function': return function (styling) { for (var _len5 = arguments.length, args = Array(_len5 > 1 ? _len5 - 1 : 0), _key5 = 1; _key5 < _len5; _key5++) { args[_key5 - 1] = arguments[_key5]; } return customStyling.apply(undefined, [defaultStyling.apply(undefined, [styling].concat(args))].concat(args)); }; } } }; var mergeStylings = function mergeStylings(customStylings, defaultStylings) { var keys = (0, _keys2.default)(defaultStylings); for (var key in customStylings) { if (keys.indexOf(key) === -1) keys.push(key); } return keys.reduce(function (mergedStyling, key) { return mergedStyling[key] = mergeStyling(customStylings[key], defaultStylings[key]), mergedStyling; }, {}); }; var getStylingByKeys = function getStylingByKeys(mergedStyling, keys) { for (var _len6 = arguments.length, args = Array(_len6 > 2 ? _len6 - 2 : 0), _key6 = 2; _key6 < _len6; _key6++) { args[_key6 - 2] = arguments[_key6]; } if (keys === null) { return mergedStyling; } if (!Array.isArray(keys)) { keys = [keys]; } var styles = keys.map(function (key) { return mergedStyling[key]; }).filter(Boolean); var props = styles.reduce(function (obj, s) { if (typeof s === 'string') { obj.className = [obj.className, s].filter(Boolean).join(' '); } else if ((typeof s === 'undefined' ? 'undefined' : (0, _typeof3.default)(s)) === 'object') { obj.style = (0, _extends3.default)({}, obj.style, s); } else if (typeof s === 'function') { obj = (0, _extends3.default)({}, obj, s.apply(undefined, [obj].concat(args))); } return obj; }, { className: '', style: {} }); if (!props.className) { delete props.className; } if ((0, _keys2.default)(props.style).length === 0) { delete props.style; } return props; }; var invertTheme = exports.invertTheme = function invertTheme(theme) { return (0, _keys2.default)(theme).reduce(function (t, key) { return t[key] = /^base/.test(key) ? invertColor(theme[key]) : key === 'scheme' ? theme[key] + ':inverted' : theme[key], t; }, {}); }; var createStyling = exports.createStyling = (0, _lodash2.default)(function (getStylingFromBase16) { for (var _len7 = arguments.length, args = Array(_len7 > 3 ? _len7 - 3 : 0), _key7 = 3; _key7 < _len7; _key7++) { args[_key7 - 3] = arguments[_key7]; } var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var themeOrStyling = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; var _options$defaultBase = options.defaultBase16, defaultBase16 = _options$defaultBase === undefined ? DEFAULT_BASE16 : _options$defaultBase, _options$base16Themes = options.base16Themes, base16Themes = _options$base16Themes === undefined ? null : _options$base16Themes; var base16Theme = getBase16Theme(themeOrStyling, base16Themes); if (base16Theme) { themeOrStyling = (0, _extends3.default)({}, base16Theme, themeOrStyling); } var theme = BASE16_KEYS.reduce(function (t, key) { return t[key] = themeOrStyling[key] || defaultBase16[key], t; }, {}); var customStyling = (0, _keys2.default)(themeOrStyling).reduce(function (s, key) { return BASE16_KEYS.indexOf(key) === -1 ? (s[key] = themeOrStyling[key], s) : s; }, {}); var defaultStyling = getStylingFromBase16(theme); var mergedStyling = mergeStylings(customStyling, defaultStyling); return (0, _lodash2.default)(getStylingByKeys, 2).apply(undefined, [mergedStyling].concat(args)); }, 3); var getBase16Theme = exports.getBase16Theme = function getBase16Theme(theme, base16Themes) { if (theme && theme.extend) { theme = theme.extend; } if (typeof theme === 'string') { var _theme$split = theme.split(':'), _theme$split2 = (0, _slicedToArray3.default)(_theme$split, 2), themeName = _theme$split2[0], modifier = _theme$split2[1]; theme = (base16Themes || {})[themeName] || base16[themeName]; if (modifier === 'inverted') { theme = invertTheme(theme); } } return theme && theme.hasOwnProperty('base00') ? theme : undefined; };