all files / src/dashboard/ dashboardMenuEntry.ui.js

86.67% Statements 13/15
100% Branches 0/0
60% Functions 3/5
86.67% Lines 13/15
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43                                                           
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
"use strict";
var React = require('react');
var react_redux_1 = require('react-redux');
var ui = require("../ui/elements.ui");
var Modal = require('../modal/modalDialog');
var ModalIds = require('../modal/modalDialogIds');
var react_1 = require("react");
var DashboardTopNavItem = function (props) {
    return React.createElement("li", {className: "slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger--hover", "aria-haspopup": "true"}, 
        React.createElement("a", {href: "javascript:void(0);", className: "slds-context-bar__label-action", title: "Dashboard"}, 
            React.createElement("span", {className: "slds-truncate"}, "Board")
        ), 
        React.createElement("div", {className: "slds-context-bar__icon-action slds-p-left--none", tabIndex: "0"}, 
            React.createElement("button", {className: "slds-button slds-button--icon slds-context-bar__button", tabIndex: "-1"}, 
                React.createElement("svg", {"aria-hidden": "true", className: "slds-button__icon"}, 
                    React.createElement("use", {xlinkHref: "assets/icons/utility-sprite/svg/symbols.svg#chevrondown"})
                ), 
                React.createElement("span", {className: "slds-assistive-text"}, "Open Board submenu"))
        ), 
        React.createElement("div", {className: "slds-dropdown slds-dropdown--right"}, 
            React.createElement("ul", {className: "dropdown__list", role: "menu"}, 
                React.createElement(ui.DropdownItem, {text: "Import / Export", icon: "change_record_type", onClick: function () { return props.showModal(ModalIds.DASHBOARD_IMPORT_EXPORT); }})
            )
        ));
};
DashboardTopNavItem.propTypes = {
    showModal: react_1.PropTypes.func.isRequired
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = react_redux_1.connect(function (state) {
    return {
        state: state
    };
}, function (dispatch) {
    return {
        showModal: function (id) { return dispatch(Modal.showModal(id)); }
    };
})(DashboardTopNavItem);