synapse-react-client/dist/containers/download_list_v2/DownloadDetails.js

[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var fontawesome_svg_core_1 = require("@fortawesome/fontawesome-svg-core");
var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
var calculateFriendlyFileSize_1 = require("../../utils/functions/calculateFriendlyFileSize");
var react_tooltip_1 = (0, tslib_1.__importDefault)(require("react-tooltip"));
var SynapseTableConstants_1 = require("../table/SynapseTableConstants");
var IconSvg_1 = (0, tslib_1.__importDefault)(require("../IconSvg"));
fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.faFile);
fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.faDatabase);
function DownloadDetails(props) {
    var numFiles = props.numFiles, numPackagableFiles = props.numPackagableFiles, numBytes = props.numBytes;
    var numIneligibleFiles = numFiles - numPackagableFiles;
    var numBytesTooltipId = 'num_bytes_id';
    var isInactive = numFiles === 0;
    var iconClassName = isInactive ? 'SRC-inactive' : 'SRC-primary-text-color';
    return (react_1.default.createElement("span", { className: "DownloadDetailsV2" },
        react_1.default.createElement("span", { className: "item" }, !isInactive && react_1.default.createElement(react_1.default.Fragment, null,
            " ",
            numFiles,
            " Files ")),
        react_1.default.createElement("span", { className: "item" },
            react_1.default.createElement("span", { className: iconClassName },
                react_1.default.createElement(IconSvg_1.default, { options: { icon: 'packagableFile' } })),
            !isInactive && react_1.default.createElement(react_1.default.Fragment, null,
                " ",
                numPackagableFiles,
                " Files eligible for packaging ")),
        numBytes > 0 && react_1.default.createElement("span", { "data-for": numBytesTooltipId, "data-tip": "This is the total size of all files in the Download Cart that are available to download.", className: "item" },
            react_1.default.createElement(react_tooltip_1.default, { delayShow: SynapseTableConstants_1.TOOLTIP_DELAY_SHOW, place: "top", type: "dark", effect: "solid", id: numBytesTooltipId }),
            (0, calculateFriendlyFileSize_1.calculateFriendlyFileSize)(numBytes)),
        numIneligibleFiles > 0 && react_1.default.createElement("span", { className: "item" },
            react_1.default.createElement("span", { className: "SRC-warning-color" },
                react_1.default.createElement(IconSvg_1.default, { options: { icon: 'warningOutlined' } })),
            !isInactive && react_1.default.createElement(react_1.default.Fragment, null,
                " ",
                numIneligibleFiles,
                " Files ineligible for packaging "))));
}
exports.default = DownloadDetails;
//# sourceMappingURL=DownloadDetails.js.map