{:uriI"Åfile:///Users/joel/src/revelry_core/app/assets/javascripts/revelry/ui/tabs/Tabs.js.cjsx?type=application/javascript&pipeline=self&id=a6dfec1e0f98e41137dc2d9945f7c05b7d641c8104c2ec28d27c81c10681f238:ET:load_pathI"8/Users/joel/src/revelry_core/app/assets/javascripts;F:filenameI"U/Users/joel/src/revelry_core/app/assets/javascripts/revelry/ui/tabs/Tabs.js.cjsx;T:	nameI"revelry/ui/tabs/Tabs;T:logical_pathI"!revelry/ui/tabs/Tabs.self.js;T:content_typeI"application/javascript;T:sourceI"\	(function() {
  Rev.registerComponent('StatelessTabs', {
    getDefaultProps: function() {
      return {
        activeKey: null,
        onChange: function() {}
      };
    },
    getActiveKey: function() {
      var ref;
      return this.props.activeKey || ((ref = this.getNormalizedChildren()[0]) != null ? ref.key : void 0);
    },
    renderTab: function(child) {
      var className;
      className = this.classSet({
        active: child.key === this.getActiveKey(),
        'RevTabs-tab': true
      });
      return React.createElement("dd", {
        "key": child.key,
        "className": className,
        "onClick": this.handleTabClick(child)
      }, child.props.tab);
    },
    renderContent: function(child) {
      var newProps;
      newProps = {
        key: child.key
      };
      if (child.key === this.getActiveKey()) {
        newProps.active = true;
      }
      return React.addons.cloneWithProps(child, newProps);
    },
    render: function() {
      var children, dlClassName;
      children = this.getNormalizedChildren();
      dlClassName = this.classSet({
        'RevTabs-tabs': true,
        tabs: true,
        vertical: this.props.vertical
      });
      return React.createElement("div", {
        "className": 'RevTabs'
      }, React.createElement("dl", {
        "className": dlClassName
      }, children.map(this.renderTab)), React.createElement("div", {
        "className": "RevTabs-content tabs-content"
      }, children.map(this.renderContent)));
    },
    handleTabClick: function(activeTab) {
      return (function(_this) {
        return function(e) {
          e.preventDefault();
          e.stopPropagation();
          e.activeTab = activeTab;
          return _this.props.onChange(e);
        };
      })(this);
    }
  });

  Rev.registerComponent('Tabs', {
    getDefaultProps: function() {
      return {
        onChange: function() {}
      };
    },
    getInitialState: function() {
      return {
        activeKey: null
      };
    },
    render: function() {
      return React.createElement(Rev.Components.StatelessTabs, React.__spread({}, this.props, {
        "activeKey": this.state.activeKey,
        "onChange": this.handleChange
      }));
    },
    handleChange: function(e) {
      this.setState({
        activeKey: e.activeTab.key
      });
      return this.props.onChange(e);
    }
  });

}).call(this);
;T:metadata{:dependencieso:Set:
@hash{	I"environment-version;TTI"environment-paths;TTI"hprocessors:type=application/javascript&file_type=application/javascript&engines=.cjsx&pipeline=self;TTI"cfile-digest:///Users/joel/src/revelry_core/app/assets/javascripts/revelry/ui/tabs/Tabs.js.cjsx;TT:requiredo;;{ :stubbedo;;{ :
linkso;;{ :charsetI"
utf-8;F:digest"%…8¢÷*´­QÞZÈ{aHø›n]ƒ EL<kWˆ£:lengthi\	:integrityI"Xni:///sha-256;hTii9yq0rVHeWsgTe2FI-A-bbgZdEYMAC0VMPGtXiKM?ct=application/javascript;T:dependencies_digest"%kÔi½”´âFâü-3sý;ü’bGAÇ£Cœ‡vjÊß:idI"Ea6dfec1e0f98e41137dc2d9945f7c05b7d641c8104c2ec28d27c81c10681f238;F:
mtimel+RŽhU