pipe-storyboard/src/Layout.js

Set of components to create storyboards from pipe queries

(function(){
  var prefixer, id, ref$, Children, div, cloneElement, createClass;
  prefixer = new (require('inline-style-prefixer'))();
  id = require('prelude-ls').id;
  ref$ = require('react'), Children = ref$.Children, div = ref$.DOM.div, cloneElement = ref$.cloneElement, createClass = ref$.createClass;
  module.exports = createClass({
    displayName: 'Layout',
    getDefaultProps: function(){
      return {
        cache: undefined,
        className: "",
        extras: {},
        parameters: {},
        prefixStyles: true,
        style: {},
        url: undefined
      };
    },
    render: function(){
      var this$ = this;
      return div({
        className: "layout " + this.props.className,
        style: this.props.prefixStyles
          ? prefixer.prefix(this.props.style)
          : this.props.style
      }, Children.map(this.props.children, function(child){
        var ref$, ref1$, ref2$;
        return cloneElement(child, {
          cache: (ref$ = (ref1$ = child.props) != null ? ref1$.cache : void 8) != null
            ? ref$
            : this$.props.cache,
          extras: import$(import$({}, this$.props.extras), child.props.extras),
          parameters: this$.props.parameters,
          url: (ref$ = (ref2$ = child.props) != null ? ref2$.url : void 8) != null
            ? ref$
            : this$.props.url
        });
      }));
    }
  });
  function import$(obj, src){
    var own = {}.hasOwnProperty;
    for (var key in src) if (own.call(src, key)) obj[key] = src[key];
    return obj;
  }
}).call(this);