jss-react-material/lib/rich-media/index.js

Google Material Components for React

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.Video = exports.Audio = exports.Picture = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _addons = require('../addons');

var _getClasses = require('../addons/get-classes');

var _audio = require('./audio');

var _audio2 = _interopRequireDefault(_audio);

var _video = require('./video');

var _video2 = _interopRequireDefault(_video);

var _picture = require('./picture');

var _picture2 = _interopRequireDefault(_picture);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

var getWithMimeType = function getWithMimeType(type, value) {
    return value.type.split('/').shift().toLowerCase() === type;
};
var getTypeFromSources = function getTypeFromSources(sources, type) {
    return sources.filter(getWithMimeType.bind(null, type));
};

var RichMedia = function RichMedia(props) {
    var sources = props.sources,
        others = _objectWithoutProperties(props, ['sources']);

    var audioSources = getTypeFromSources(sources, 'audio');
    var videoSources = getTypeFromSources(sources, 'video');
    var pictureSources = getTypeFromSources(sources, 'image');

    return _react2.default.createElement(
        'div',
        { className: (0, _getClasses.getClassesStatic)('rich-media', others) },
        audioSources.length > 0 && _react2.default.createElement(_audio2.default, _extends({ className: 'rich-media-audio', sources: audioSources }, others)),
        videoSources.length > 0 && _react2.default.createElement(_video2.default, _extends({ className: 'rich-media-video', sources: videoSources }, others)),
        pictureSources.length > 0 && _react2.default.createElement(_picture2.default, _extends({ className: 'rich-media-picture', sources: pictureSources }, others))
    );
};

RichMedia.propTypes = {
    sources: _propTypes2.default.arrayOf(_propTypes2.default.shape({
        src: _addons.MaterialPropTypes.url.isRequired,
        type: _propTypes2.default.string.isRequired,
        title: _propTypes2.default.string,
        alt: _propTypes2.default.string,
        media: _propTypes2.default.string
    })),
    controls: _propTypes2.default.bool,
    autoplay: _propTypes2.default.bool
};

exports.Picture = _picture2.default;
exports.Audio = _audio2.default;
exports.Video = _video2.default;
exports.default = RichMedia;