synapse-react-client/dist/containers/entity/metadata/MetadataTable.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MetadataTable = void 0;
var tslib_1 = require("tslib");
var moment_1 = (0, tslib_1.__importDefault)(require("moment"));
var react_1 = (0, tslib_1.__importStar)(require("react"));
var DateFormatter_1 = require("../../../utils/functions/DateFormatter");
var EntityTypeUtils_1 = require("../../../utils/functions/EntityTypeUtils");
var FileHandleUtils_1 = require("../../../utils/functions/FileHandleUtils");
var useEntityBundle_1 = (0, tslib_1.__importDefault)(require("../../../utils/hooks/SynapseAPI/useEntityBundle"));
var synapseTypes_1 = require("../../../utils/synapseTypes");
var UserCard_1 = (0, tslib_1.__importDefault)(require("../../UserCard"));
var MetadataTable = function (_a) {
    var _b, _c, _d, _e, _f, _g;
    var entityId = _a.entityId;
    var entityBundle = (0, useEntityBundle_1.default)(entityId).data;
    var _h = (0, react_1.useState)(), fileLocationName = _h[0], setFileLocationName = _h[1];
    (0, react_1.useEffect)(function () {
        var _a;
        if ((entityBundle === null || entityBundle === void 0 ? void 0 : entityBundle.entityType) === synapseTypes_1.EntityType.FILE) {
            var dataFileHandle = (_a = entityBundle.fileHandles) === null || _a === void 0 ? void 0 : _a.filter(function (fh) { return fh.id === entityBundle.entity.dataFileHandleId; })[0];
            if (dataFileHandle) {
                setFileLocationName((0, FileHandleUtils_1.getLocationName)(dataFileHandle));
            }
        }
    }, [entityBundle]);
    return entityBundle ? (react_1.default.createElement("table", { className: "MetadataTable" },
        react_1.default.createElement("tbody", null,
            react_1.default.createElement("tr", { className: "MetadataTable__Row" },
                react_1.default.createElement("td", { className: "MetadataTable__Row__Key" }, "Name"),
                react_1.default.createElement("td", { className: "MetadataTable__Row__Value" }, (_b = entityBundle.entity) === null || _b === void 0 ? void 0 : _b.name)),
            react_1.default.createElement("tr", { className: "MetadataTable__Row" },
                react_1.default.createElement("td", { className: "MetadataTable__Row__Key" }, "Type"),
                react_1.default.createElement("td", { className: "MetadataTable__Row__Value" }, (0, EntityTypeUtils_1.entityTypeToFriendlyName)(entityBundle.entityType))),
            react_1.default.createElement("tr", { className: "MetadataTable__Row" },
                react_1.default.createElement("td", { className: "MetadataTable__Row__Key" }, "Synapse ID"),
                react_1.default.createElement("td", { className: "MetadataTable__Row__Value" }, (_c = entityBundle.entity) === null || _c === void 0 ? void 0 : _c.id)),
            fileLocationName && (react_1.default.createElement("tr", { className: "MetadataTable__Row" },
                react_1.default.createElement("td", { className: "MetadataTable__Row__Key" }, "Storage"),
                react_1.default.createElement("td", { className: "MetadataTable__Row__Value" }, fileLocationName))),
            react_1.default.createElement("tr", { className: "MetadataTable__Row" },
                react_1.default.createElement("td", { className: "MetadataTable__Row__Key" }, "Last Modified On"),
                react_1.default.createElement("td", { className: "MetadataTable__Row__Value" }, (0, DateFormatter_1.formatDate)((0, moment_1.default)((_d = entityBundle.entity) === null || _d === void 0 ? void 0 : _d.modifiedOn)))),
            react_1.default.createElement("tr", { className: "MetadataTable__Row" },
                react_1.default.createElement("td", { className: "MetadataTable__Row__Key" }, "Created On"),
                react_1.default.createElement("td", { className: "MetadataTable__Row__Value" }, (0, DateFormatter_1.formatDate)((0, moment_1.default)((_e = entityBundle.entity) === null || _e === void 0 ? void 0 : _e.createdOn)))),
            react_1.default.createElement("tr", { className: "MetadataTable__Row" },
                react_1.default.createElement("td", { className: "MetadataTable__Row__Key" }, "Modified By"),
                react_1.default.createElement("td", { className: "MetadataTable__Row__Value" },
                    react_1.default.createElement(UserCard_1.default, { size: "SMALL USER CARD", ownerId: (_f = entityBundle.entity) === null || _f === void 0 ? void 0 : _f.modifiedBy }))),
            react_1.default.createElement("tr", { className: "MetadataTable__Row" },
                react_1.default.createElement("td", { className: "MetadataTable__Row__Key" }, "Created By"),
                react_1.default.createElement("td", { className: "MetadataTable__Row__Value" },
                    react_1.default.createElement(UserCard_1.default, { size: "SMALL USER CARD", ownerId: (_g = entityBundle.entity) === null || _g === void 0 ? void 0 : _g.createdBy })))))) : null;
};
exports.MetadataTable = MetadataTable;
//# sourceMappingURL=MetadataTable.js.map