synapse-react-client/dist/containers/row_renderers/utils/Icon.js

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

"use strict";
var _a;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = (0, tslib_1.__importStar)(require("react"));
var SynapseConstants_1 = require("../../../utils/SynapseConstants");
var Data2_svg_1 = (0, tslib_1.__importDefault)(require("../../../assets/icons/Data2.svg"));
var study_active_svg_1 = (0, tslib_1.__importDefault)(require("../../../assets/icons/study-active.svg"));
var study_complete_svg_1 = (0, tslib_1.__importDefault)(require("../../../assets/icons/study-complete.svg"));
var DNA_Two_svg_1 = (0, tslib_1.__importDefault)(require("../../../assets/icons/DNA_Two.svg"));
var organizations_svg_1 = (0, tslib_1.__importDefault)(require("../../../assets/icons/organizations.svg"));
var person_svg_1 = (0, tslib_1.__importDefault)(require("../../../assets/icons/person.svg"));
var mouse_svg_1 = (0, tslib_1.__importDefault)(require("../../../assets/icons/mouse.svg"));
var chart2_svg_1 = (0, tslib_1.__importDefault)(require("../../../assets/icons/chart2.svg"));
var file_svg_1 = (0, tslib_1.__importDefault)(require("../../../assets/icons/file.svg"));
var themed_icons_1 = require("../../../assets/themed_icons");
var defaultIcons = (_a = {},
    _a[SynapseConstants_1.DATABASE] = themed_icons_1.Database,
    _a[SynapseConstants_1.DATASET] = Data2_svg_1.default,
    _a[SynapseConstants_1.FUNDER] = Data2_svg_1.default,
    _a[SynapseConstants_1.TOOL] = DNA_Two_svg_1.default,
    _a[SynapseConstants_1.STUDY_ACTIVE] = study_active_svg_1.default,
    _a[SynapseConstants_1.STUDY_COMPLETE] = study_complete_svg_1.default,
    // new icons
    _a[SynapseConstants_1.PUBLICATION] = themed_icons_1.Publication,
    _a[SynapseConstants_1.STUDY] = themed_icons_1.Study,
    _a[SynapseConstants_1.EXPERIMENTAL] = themed_icons_1.ToolExperimental,
    _a[SynapseConstants_1.EXPERIMENTAL_TOOL] = themed_icons_1.ToolExperimental,
    _a[SynapseConstants_1.COMPUTATIONAL] = themed_icons_1.ToolComputational,
    _a[SynapseConstants_1.COMPUTATIONAL_TOOL] = themed_icons_1.ToolComputational,
    _a[SynapseConstants_1.CLINICAL] = themed_icons_1.ToolClinical,
    _a[SynapseConstants_1.PROJECT] = themed_icons_1.Project,
    _a[SynapseConstants_1.GRANT] = themed_icons_1.Project,
    _a[SynapseConstants_1.ORGANIZATION] = organizations_svg_1.default,
    _a[SynapseConstants_1.PERSON] = person_svg_1.default,
    _a[SynapseConstants_1.MOUSE] = mouse_svg_1.default,
    _a[SynapseConstants_1.EXPLORE] = themed_icons_1.Explore,
    _a[SynapseConstants_1.SEARCH] = themed_icons_1.Search,
    _a[SynapseConstants_1.CHART] = themed_icons_1.Chart,
    _a[SynapseConstants_1.FILTER] = themed_icons_1.Filter,
    _a[SynapseConstants_1.DOWNLOAD] = themed_icons_1.Download,
    _a[SynapseConstants_1.EXPAND] = themed_icons_1.Expand,
    _a[SynapseConstants_1.COLLAPSE] = themed_icons_1.Collapse,
    _a[SynapseConstants_1.CLOSE] = themed_icons_1.Close,
    _a[SynapseConstants_1.SORTUP] = themed_icons_1.SortUp,
    _a[SynapseConstants_1.SORTDOWN] = themed_icons_1.SortDown,
    _a[SynapseConstants_1.SETTINGS] = themed_icons_1.Settings,
    _a[SynapseConstants_1.COLUMNS] = themed_icons_1.Columns,
    _a[SynapseConstants_1.COLUMNSDARK] = themed_icons_1.ColumnsDark,
    _a[SynapseConstants_1.VERTICAL_DOTS] = themed_icons_1.VerticalDots,
    _a[SynapseConstants_1.CHART2] = chart2_svg_1.default,
    _a[SynapseConstants_1.FILE] = file_svg_1.default,
    _a[SynapseConstants_1.EXTERNALLINK] = themed_icons_1.ExternalLink,
    _a[SynapseConstants_1.EASY_DIFFICULTY] = 'https://s3.amazonaws.com/static.synapse.org/images/easy.svg',
    _a[SynapseConstants_1.MEDIUM_DIFFICULTY] = 'https://s3.amazonaws.com/static.synapse.org/images/medium.svg',
    _a[SynapseConstants_1.VARIABLE_DIFFICULTY] = 'https://s3.amazonaws.com/static.synapse.org/images/variable.svg',
    _a);
var Icon = function (_a) {
    var type = _a.type, _b = _a.value, value = _b === void 0 ? '' : _b, iconOptions = _a.iconOptions, cssClass = _a.cssClass;
    var iconSet = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, defaultIcons), iconOptions);
    // see if the value has a corresponding icon, e.g. 'Active' in a studies table
    // or if the type of card has a corresponding icon, e.g. 'Publication'
    var Icon = iconSet[value] || iconSet[type];
    // TODO: get rid of dataset icon class, none of the icons should be special cased
    var datasetIconClass = value === SynapseConstants_1.DATASET || type === SynapseConstants_1.DATASET ? 'SRC-datasetIcon' : '';
    if (typeof Icon == 'function') {
        return (React.createElement("span", { className: cssClass },
            React.createElement(Icon, null)));
    }
    return React.createElement("img", { src: Icon, className: "iconImg " + datasetIconClass });
};
exports.default = Icon;
//# sourceMappingURL=Icon.js.map