synapse-react-client 3.0.19 → 3.0.20

package/dist/containers/dataaccess/AccessRequirementDashboard.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type AccessRequirementDashboardProps = {
+    onCreateNewAccessRequirementClicked?: () => void;
+};
+export declare function AccessRequirementDashboard(props: AccessRequirementDashboardProps): JSX.Element;
+export default AccessRequirementDashboard;

package/dist/containers/dataaccess/AccessRequirementDashboard.js

@@ -0,0 +1,130 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccessRequirementDashboard = void 0;
+var tslib_1 = require("tslib");
+var lodash_es_1 = require("lodash-es");
+var react_1 = (0, tslib_1.__importStar)(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var react_router_dom_1 = require("react-router-dom");
+var useDebouncedEffect_1 = require("../../utils/hooks/useDebouncedEffect");
+var synapseTypes_1 = require("../../utils/synapseTypes");
+var EntityFinderModal_1 = require("../entity_finder/EntityFinderModal");
+var EntityTree_1 = require("../entity_finder/tree/EntityTree");
+var IconSvg_1 = (0, tslib_1.__importDefault)(require("../IconSvg"));
+var UserSearchBoxV2_1 = (0, tslib_1.__importDefault)(require("../UserSearchBoxV2"));
+var AccessRequirementTable_1 = require("./AccessRequirementTable");
+function AccessRequirementDashboard(props) {
+    // Amount of time to wait after an input value changes before sending a new request
+    var INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500;
+    var onCreateNewAccessRequirementClicked = props.onCreateNewAccessRequirementClicked;
+    var location = (0, react_router_dom_1.useLocation)();
+    var history = (0, react_router_dom_1.useHistory)();
+    var _a = (0, react_1.useState)(''), nameContains = _a[0], setNameContains = _a[1];
+    var _b = (0, react_1.useState)(undefined), relatedProjectId = _b[0], setRelatedProjectId = _b[1];
+    var _c = (0, react_1.useState)(undefined), reviewerId = _c[0], setReviewerId = _c[1];
+    (0, react_1.useEffect)(function () {
+        function initializeFromSearchParams() {
+            var _a, _b, _c;
+            var initialParams = new URLSearchParams(location.search);
+            setNameContains((_a = initialParams.get('nameContains')) !== null && _a !== void 0 ? _a : '');
+            setRelatedProjectId((_b = initialParams.get('relatedProjectId')) !== null && _b !== void 0 ? _b : undefined);
+            setReviewerId((_c = initialParams.get('reviewerId')) !== null && _c !== void 0 ? _c : undefined);
+        }
+        initializeFromSearchParams();
+    }, [location.search]);
+    var _d = (0, react_1.useState)(false), showEntityFinder = _d[0], setShowEntityFinder = _d[1];
+    var _e = (0, react_1.useState)({
+        nameContains: nameContains,
+        relatedProjectId: relatedProjectId,
+        reviewerId: reviewerId,
+        onCreateNewAccessRequirementClicked: onCreateNewAccessRequirementClicked,
+    }), tableProps = _e[0], setTableProps = _e[1];
+    /**
+     * When an input changes, update the props passed to the table and update the search params.
+     *
+     * Debounced to prevent firing many queries while the user is entering text.
+     */
+    (0, useDebouncedEffect_1.useDebouncedEffect)(function () {
+        function updateQueryParams(nameContains, relatedProjectId, reviewerId) {
+            // Don't include undefined/empty parameters
+            var params = (0, lodash_es_1.omitBy)({
+                nameContains: nameContains,
+                relatedProjectId: relatedProjectId,
+                reviewerId: reviewerId,
+            }, function (item) { return item === undefined || item === ''; });
+            // Add the new params to the URL
+            // Replace history because intuitively, the user has not navigated to a new page
+            var paramsObject = new URLSearchParams(params);
+            history.replace({
+                pathname: location.pathname,
+                search: paramsObject.toString(),
+            });
+        }
+        setTableProps({
+            nameContains: nameContains,
+            relatedProjectId: relatedProjectId,
+            reviewerId: reviewerId,
+            onCreateNewAccessRequirementClicked: onCreateNewAccessRequirementClicked,
+        });
+        updateQueryParams(nameContains, relatedProjectId, reviewerId);
+    }, [
+        nameContains,
+        relatedProjectId,
+        reviewerId,
+        onCreateNewAccessRequirementClicked,
+        history,
+        location,
+    ], INPUT_CHANGE_DEBOUNCE_DELAY_MS);
+    var onReviewerChange = (0, react_1.useCallback)(function (selected) {
+        if (selected) {
+            setReviewerId(selected);
+        }
+        else {
+            setReviewerId(undefined);
+        }
+    }, []);
+    return (react_1.default.createElement("div", { className: "AccessRequirementDashboard bootstrap-4-backport" },
+        react_1.default.createElement(EntityFinderModal_1.EntityFinderModal, { configuration: {
+                initialScope: EntityTree_1.FinderScope.ALL_PROJECTS,
+                initialContainer: null,
+                selectMultiple: false,
+                selectableTypes: [synapseTypes_1.EntityType.PROJECT],
+            }, show: showEntityFinder, onClose: function () {
+                setShowEntityFinder(false);
+            }, onCancel: function () {
+                setShowEntityFinder(false);
+            }, title: 'Select Project to Filter Access Requirements', promptCopy: 'Select a project to find Access Requirements that are associated with that project. Access Requirements will be found if the Access Requirement is applied to the project, or if it is applied to any item inside the project.', onConfirm: function (selected) {
+                setRelatedProjectId(selected[0].targetId);
+                setShowEntityFinder(false);
+            }, confirmButtonCopy: 'Select' }),
+        react_1.default.createElement("div", { className: "InputPanel" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(react_bootstrap_1.FormLabel, { htmlFor: "ar-name-filter" }, "Filter by Access Requirement Name"),
+                react_1.default.createElement(react_bootstrap_1.InputGroup, null,
+                    react_1.default.createElement(react_bootstrap_1.FormControl, { id: "ar-name-filter", type: "text", placeholder: "Search for an Access Requirement Name", value: nameContains, onChange: function (e) {
+                            setNameContains(e.target.value);
+                        } }),
+                    react_1.default.createElement(IconSvg_1.default, { options: { icon: 'searchOutlined' } }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(react_bootstrap_1.FormLabel, { htmlFor: "project-id-filter" }, "Filter by Project"),
+                react_1.default.createElement("div", { className: "ProjectIdInputGroup" },
+                    react_1.default.createElement(react_bootstrap_1.FormControl, { id: "project-id-filter", type: "text", placeholder: "Enter a project SynID", value: relatedProjectId, onChange: function (e) {
+                            var newValue = e.target.value;
+                            if (newValue === '') {
+                                setRelatedProjectId(undefined);
+                            }
+                            else {
+                                setRelatedProjectId(newValue);
+                            }
+                        } }),
+                    react_1.default.createElement(react_bootstrap_1.Button, { variant: "outline", onClick: function () {
+                            setShowEntityFinder(true);
+                        } }, "Browse"))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(react_bootstrap_1.FormLabel, { htmlFor: "reviewer-filter" }, "Filter by Reviewer"),
+                react_1.default.createElement(UserSearchBoxV2_1.default, { htmlId: "reviewer-filter", placeholder: "Search for a username or team name", defaultValue: reviewerId, onChange: onReviewerChange }))),
+        react_1.default.createElement(AccessRequirementTable_1.AccessRequirementTable, (0, tslib_1.__assign)({}, tableProps))));
+}
+exports.AccessRequirementDashboard = AccessRequirementDashboard;
+exports.default = AccessRequirementDashboard;
+//# sourceMappingURL=AccessRequirementDashboard.js.map

package/dist/containers/dataaccess/AccessRequirementDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessRequirementDashboard.js","sourceRoot":"","sources":["../../../src/lib/containers/dataaccess/AccessRequirementDashboard.tsx"],"names":[],"mappings":"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"}

package/dist/containers/dataaccess/AccessRequirementTable.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ACCESS_TYPE } from '../../utils/synapseTypes';
+export declare type AccessRequirementTableProps = {
+    nameContains?: string;
+    relatedProjectId?: string;
+    reviewerId?: string;
+    accessType?: ACCESS_TYPE;
+    onCreateNewAccessRequirementClicked?: () => void;
+};
+export declare function AccessRequirementTable(props: AccessRequirementTableProps): JSX.Element;

package/dist/containers/dataaccess/AccessRequirementTable.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccessRequirementTable = 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 react_bootstrap_1 = require("react-bootstrap");
+var Sort_1 = (0, tslib_1.__importDefault)(require("../../assets/icons/Sort"));
+var DateFormatter_1 = require("../../utils/functions/DateFormatter");
+var getEndpoint_1 = require("../../utils/functions/getEndpoint");
+var useGetAccessRequirement_1 = require("../../utils/hooks/SynapseAPI/dataaccess/useGetAccessRequirement");
+var SynapseConstants_1 = require("../../utils/SynapseConstants");
+var Typography_1 = (0, tslib_1.__importDefault)(require("../../utils/typography/Typography"));
+var EntityLink_1 = require("../EntityLink");
+var IconSvg_1 = (0, tslib_1.__importDefault)(require("../IconSvg"));
+var LoadingScreen_1 = require("../LoadingScreen");
+var UserOrTeamBadge_1 = (0, tslib_1.__importDefault)(require("../UserOrTeamBadge"));
+function AccessRequirementTable(props) {
+    var _a;
+    var nameContains = props.nameContains, relatedProjectId = props.relatedProjectId, reviewerId = props.reviewerId, accessType = props.accessType, onCreateNewAccessRequirementClicked = props.onCreateNewAccessRequirementClicked;
+    var _b = (0, react_1.useState)({
+        field: 'CREATED_ON',
+        direction: 'DESC',
+    }), sort = _b[0], setSort = _b[1];
+    var searchRequest = (0, react_1.useMemo)(function () { return ({
+        nameContains: nameContains,
+        relatedProjectId: relatedProjectId,
+        reviewerId: reviewerId,
+        accessType: accessType,
+        sort: [sort],
+    }); }, [nameContains, relatedProjectId, reviewerId, accessType, sort]);
+    var _c = (0, useGetAccessRequirement_1.useSearchAccessRequirementsInfinite)(searchRequest), data = _c.data, hasNextPage = _c.hasNextPage, fetchNextPage = _c.fetchNextPage, isLoading = _c.isLoading;
+    var accessRequirements = (_a = data === null || data === void 0 ? void 0 : data.pages.flatMap(function (page) { return page.results; })) !== null && _a !== void 0 ? _a : [];
+    var onSort = function (field) {
+        if (sort.field === field) {
+            setSort({ field: field, direction: sort.direction === 'DESC' ? 'ASC' : 'DESC' });
+        }
+        else {
+            setSort({ field: field, direction: 'DESC' });
+        }
+    };
+    return (react_1.default.createElement("div", { className: "bootstrap-4-backport" },
+        react_1.default.createElement("div", { className: "SRC-split" },
+            react_1.default.createElement(Typography_1.default, { variant: "headline3", style: { marginBottom: 0 } }, "Access Requirements"),
+            onCreateNewAccessRequirementClicked && (react_1.default.createElement(react_bootstrap_1.Button, { variant: 'outline', onClick: onCreateNewAccessRequirementClicked },
+                react_1.default.createElement(IconSvg_1.default, { options: { icon: 'favTwoTone', padding: 'right' } }),
+                "New Access Requirement"))),
+        react_1.default.createElement("div", { className: "AccessRequirementsTable" },
+            react_1.default.createElement(react_bootstrap_1.Table, { striped: true, borderless: true, bordered: false },
+                react_1.default.createElement("thead", { className: "access-requirements-header" },
+                    react_1.default.createElement("tr", null,
+                        react_1.default.createElement("th", null, "AR ID"),
+                        react_1.default.createElement("th", null,
+                            react_1.default.createElement("span", { className: "SRC-split" },
+                                react_1.default.createElement("span", null, "Access Requirement Name"),
+                                react_1.default.createElement(Sort_1.default, { role: "button", onClick: function () { return onSort('NAME'); }, "aria-label": "Sort by Name", active: sort.field === 'NAME', direction: sort.field === 'NAME' ? sort.direction : 'DESC' }))),
+                        react_1.default.createElement("th", null, "Related to Projects"),
+                        react_1.default.createElement("th", null, "Reviewer"),
+                        react_1.default.createElement("th", null, "Last Modified"),
+                        react_1.default.createElement("th", null,
+                            react_1.default.createElement("span", { className: "SRC-split" },
+                                react_1.default.createElement("span", null, "Created On"),
+                                react_1.default.createElement(Sort_1.default, { role: "button", onClick: function () { return onSort('CREATED_ON'); }, active: sort.field === 'CREATED_ON', "aria-label": "Sort by Created On", direction: sort.field === 'CREATED_ON' ? sort.direction : 'DESC' }))))),
+                react_1.default.createElement("tbody", null, accessRequirements.map(function (ar) {
+                    return (react_1.default.createElement("tr", { key: ar.id },
+                        react_1.default.createElement("td", null,
+                            react_1.default.createElement("a", { href: getEndpoint_1.PRODUCTION_ENDPOINT_CONFIG.PORTAL + "#!AccessRequirement:AR_ID=" + ar.id }, ar.id)),
+                        react_1.default.createElement("td", null, ar.name),
+                        react_1.default.createElement("td", null, ar.relatedProjectIds.map(function (projectId) { return (react_1.default.createElement(react_1.default.Fragment, { key: projectId },
+                            react_1.default.createElement(EntityLink_1.EntityLink, { entity: projectId }),
+                            ' ',
+                            react_1.default.createElement("span", { className: "InlineLabel" },
+                                "(",
+                                projectId,
+                                ")"),
+                            react_1.default.createElement("br", null))); })),
+                        react_1.default.createElement("td", null, ar.reviewerIds.length === 0 ? (react_1.default.createElement(UserOrTeamBadge_1.default, { principalId: SynapseConstants_1.ACT_TEAM_ID })) : (ar.reviewerIds.map(function (reviewerId) { return (react_1.default.createElement(UserOrTeamBadge_1.default, { key: reviewerId, principalId: reviewerId })); }))),
+                        react_1.default.createElement("td", null, (0, DateFormatter_1.formatDate)((0, moment_1.default)(ar.modifiedOn))),
+                        react_1.default.createElement("td", null, (0, DateFormatter_1.formatDate)((0, moment_1.default)(ar.createdOn)))));
+                }))),
+            isLoading && (react_1.default.createElement("div", { className: "SRC-center-text" },
+                react_1.default.createElement(LoadingScreen_1.SynapseSpinner, { size: 40 }))),
+            !isLoading && accessRequirements.length === 0 && (react_1.default.createElement(Typography_1.default, { className: "SRC-center-text", variant: "body1" }, "No Results")),
+            !hasNextPage ? (react_1.default.createElement(react_1.default.Fragment, null)) : (react_1.default.createElement(react_bootstrap_1.Button, { variant: "outline", onClick: function () {
+                    fetchNextPage();
+                } }, "Show More")))));
+}
+exports.AccessRequirementTable = AccessRequirementTable;
+//# sourceMappingURL=AccessRequirementTable.js.map

package/dist/containers/dataaccess/AccessRequirementTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessRequirementTable.js","sourceRoot":"","sources":["../../../src/lib/containers/dataaccess/AccessRequirementTable.tsx"],"names":[],"mappings":";;;;AAAA,+DAA2B;AAC3B,0DAAgD;AAChD,mDAA+C;AAC/C,8EAA8C;AAC9C,qEAAgE;AAChE,iEAA8E;AAC9E,2GAAqH;AACrH,iEAA0D;AAM1D,8FAA0D;AAC1D,4CAA0C;AAC1C,oEAAgC;AAChC,kDAAiD;AACjD,oFAAgD;AAUhD,SAAgB,sBAAsB,CAAC,KAAkC;;IAErE,IAAA,YAAY,GAKV,KAAK,aALK,EACZ,gBAAgB,GAId,KAAK,iBAJS,EAChB,UAAU,GAGR,KAAK,WAHG,EACV,UAAU,GAER,KAAK,WAFG,EACV,mCAAmC,GACjC,KAAK,oCAD4B,CAC5B;IAEH,IAAA,KAAkB,IAAA,gBAAQ,EAA8B;QAC5D,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE,MAAM;KAClB,CAAC,EAHK,IAAI,QAAA,EAAE,OAAO,QAGlB,CAAA;IAEF,IAAM,aAAa,GACjB,IAAA,eAAO,EACL,cAAM,OAAA,CAAC;QACL,YAAY,cAAA;QACZ,gBAAgB,kBAAA;QAChB,UAAU,YAAA;QACV,UAAU,YAAA;QACV,IAAI,EAAE,CAAC,IAAI,CAAC;KACb,CAAC,EANI,CAMJ,EACF,CAAC,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,CAAC,CAC/D,CAAA;IAEG,IAAA,KACJ,IAAA,6DAAmC,EAAC,aAAa,CAAC,EAD5C,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eACC,CAAA;IAEpD,IAAM,kBAAkB,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,OAAO,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,OAAO,EAAZ,CAAY,CAAC,mCAAI,EAAE,CAAA;IAC1E,IAAM,MAAM,GAAG,UAAC,KAA2C;QACzD,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,OAAO,CAAC,EAAE,KAAK,OAAA,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAA;SAC1E;aAAM;YACL,OAAO,CAAC,EAAE,KAAK,OAAA,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAA;SACtC;IACH,CAAC,CAAA;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,sBAAsB;QACnC,uCAAK,SAAS,EAAC,WAAW;YACxB,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,0BAE7C;YACZ,mCAAmC,IAAI,CACtC,8BAAC,wBAAM,IACL,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,mCAAmC;gBAE5C,8BAAC,iBAAO,IAAC,OAAO,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,GAAI;yCAEvD,CACV,CACG;QAEN,uCAAK,SAAS,EAAC,yBAAyB;YACtC,8BAAC,uBAAK,IAAC,OAAO,QAAC,UAAU,QAAC,QAAQ,EAAE,KAAK;gBACvC,yCAAO,SAAS,EAAC,4BAA4B;oBAC3C;wBACE,kDAAc;wBACd;4BACE,wCAAM,SAAS,EAAC,WAAW;gCACzB,sEAAoC;gCACpC,8BAAC,cAAQ,IACP,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,MAAM,CAAC,EAAd,CAAc,gBAClB,cAAc,EACzB,MAAM,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM,EAC7B,SAAS,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAC1D,CACG,CACJ;wBACL,gEAA4B;wBAC5B,qDAAiB;wBACjB,0DAAsB;wBACtB;4BACE,wCAAM,SAAS,EAAC,WAAW;gCACzB,yDAAuB;gCACvB,8BAAC,cAAQ,IACP,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,YAAY,CAAC,EAApB,CAAoB,EACnC,MAAM,EAAE,IAAI,CAAC,KAAK,KAAK,YAAY,gBACxB,oBAAoB,EAC/B,SAAS,EACP,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAEvD,CACG,CACJ,CACF,CACC;gBACR,6CACG,kBAAkB,CAAC,GAAG,CAAC,UAAA,EAAE;oBACxB,OAAO,CACL,sCAAI,GAAG,EAAE,EAAE,CAAC,EAAE;wBACZ;4BACE,qCACE,IAAI,EAAK,wCAA0B,CAAC,MAAM,kCAA6B,EAAE,CAAC,EAAI,IAE7E,EAAE,CAAC,EAAE,CACJ,CACD;wBACL,0CAAK,EAAE,CAAC,IAAI,CAAM;wBAClB,0CACG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,UAAA,SAAS,IAAI,OAAA,CACrC,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,SAAS;4BAC5B,8BAAC,uBAAU,IAAC,MAAM,EAAE,SAAS,GAAI;4BAAC,GAAG;4BACrC,wCAAM,SAAS,EAAC,aAAa;;gCAAG,SAAS;oCAAS;4BAClD,yCAAM,CACS,CAClB,EANsC,CAMtC,CAAC,CACC;wBACL,0CACG,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC7B,8BAAC,yBAAe,IAAC,WAAW,EAAE,8BAAW,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,UAAA,UAAU,IAAI,OAAA,CAC/B,8BAAC,yBAAe,IACd,GAAG,EAAE,UAAU,EACf,WAAW,EAAE,UAAU,GACvB,CACH,EALgC,CAKhC,CAAC,CACH,CACE;wBACL,0CAAK,IAAA,0BAAU,EAAC,IAAA,gBAAM,EAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAM;wBAC5C,0CAAK,IAAA,0BAAU,EAAC,IAAA,gBAAM,EAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAM,CACxC,CACN,CAAA;gBACH,CAAC,CAAC,CACI,CACF;YACP,SAAS,IAAI,CACZ,uCAAK,SAAS,EAAC,iBAAiB;gBAC9B,8BAAC,8BAAc,IAAC,IAAI,EAAE,EAAE,GAAI,CACxB,CACP;YACA,CAAC,SAAS,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC,IAAI,CAChD,8BAAC,oBAAU,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAC,OAAO,iBAE1C,CACd;YACA,CAAC,WAAW,CAAC,CAAC,CAAC,CACd,6DAAK,CACN,CAAC,CAAC,CAAC,CACF,8BAAC,wBAAM,IACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE;oBACP,aAAa,EAAE,CAAA;gBACjB,CAAC,gBAGM,CACV,CACG,CACF,CACP,CAAA;AACH,CAAC;AA5JD,wDA4JC"}

package/dist/containers/dataaccess/ReviewerDashboard.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type ReviewerDashboardProps = {
+    /** Used to determine the base path for the component. Default is #!DataAccessManagement:default */
+    routerBaseName?: string;
+    /** If true use a MemoryRouter, which prevents the browser URL from updating. For demo purposes only. */
+    useMemoryRouter?: boolean;
+};
+export declare function ReviewerDashboard(props: ReviewerDashboardProps): JSX.Element;
+export default ReviewerDashboard;

package/dist/containers/dataaccess/ReviewerDashboard.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReviewerDashboard = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importStar)(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var useUserBundle_1 = require("../../utils/hooks/SynapseAPI/useUserBundle");
+var synapseTypes_1 = require("../../utils/synapseTypes");
+var Typography_1 = (0, tslib_1.__importDefault)(require("../../utils/typography/Typography"));
+var AccessRequestSubmissionTable_1 = require("../AccessRequestSubmissionTable");
+var IconSvg_1 = (0, tslib_1.__importDefault)(require("../IconSvg"));
+var LoadingScreen_1 = require("../LoadingScreen");
+var AccessRequirementDashboard_1 = require("./AccessRequirementDashboard");
+var SubmissionPage_1 = (0, tslib_1.__importDefault)(require("./SubmissionPage"));
+function LinkTab(props) {
+    var href = props.href, children = props.children, icon = props.icon;
+    return (react_1.default.createElement(react_router_dom_1.NavLink, { className: "Tab", role: "tab", to: href },
+        react_1.default.createElement(IconSvg_1.default, { options: {
+                icon: icon,
+                padding: 'right',
+            } }),
+        react_1.default.createElement(Typography_1.default, { variant: "buttonLink" }, children)));
+}
+function ReviewerDashboard(props) {
+    var _a = props.routerBaseName, routerBaseName = _a === void 0 ? '#!DataAccessManagement:default' : _a, _b = props.useMemoryRouter, useMemoryRouter = _b === void 0 ? false : _b;
+    var _c = (0, useUserBundle_1.useGetCurrentUserBundle)(), userBundle = _c.data, isLoading = _c.isLoading;
+    var hasActPermissions = userBundle === null || userBundle === void 0 ? void 0 : userBundle.isACTMember;
+    var hasReviewerPermissions = (userBundle === null || userBundle === void 0 ? void 0 : userBundle.isACTMember) || (userBundle === null || userBundle === void 0 ? void 0 : userBundle.isARReviewer);
+    var Router = (0, react_1.useCallback)(function (props) {
+        if (useMemoryRouter) {
+            return react_1.default.createElement(react_router_dom_1.MemoryRouter, (0, tslib_1.__assign)({}, props));
+        }
+        else {
+            return react_1.default.createElement(react_router_dom_1.BrowserRouter, (0, tslib_1.__assign)({}, props));
+        }
+    }, [useMemoryRouter]);
+    if (isLoading) {
+        return react_1.default.createElement(LoadingScreen_1.SynapseSpinner, { size: 50 });
+    }
+    return (react_1.default.createElement(Router, { basename: routerBaseName },
+        react_1.default.createElement("div", { className: "ReviewerDashboard" },
+            react_1.default.createElement("div", { className: "Tabs", role: "tablist" },
+                hasActPermissions && (react_1.default.createElement(LinkTab, { href: "/AccessRequirements", icon: "accessClosed" }, "Access Requirements")),
+                hasReviewerPermissions && (react_1.default.createElement(LinkTab, { href: "/Submissions", icon: "discussion" }, "Submissions")),
+                hasActPermissions && (react_1.default.createElement(LinkTab, { href: "/UserAccessHistory", icon: "history" }, "User Access History"))),
+            react_1.default.createElement("div", { className: "TabContentContainer" },
+                react_1.default.createElement(react_router_dom_1.Switch, null,
+                    hasActPermissions && (react_1.default.createElement(react_router_dom_1.Route, { path: "/AccessRequirements" },
+                        react_1.default.createElement(AccessRequirementDashboard_1.AccessRequirementDashboard, null))),
+                    hasReviewerPermissions && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(react_router_dom_1.Route, { exact: true, path: "/Submissions" },
+                            react_1.default.createElement(Typography_1.default, { variant: "headline1" }, "Inputs coming soon!"),
+                            react_1.default.createElement(AccessRequestSubmissionTable_1.AccessRequestSubmissionTable, { showSubmitter: true, showStatus: false, showRequestors: true, submissionState: synapseTypes_1.SubmissionState.SUBMITTED })),
+                        react_1.default.createElement(react_router_dom_1.Route, { path: "/Submissions/:id" },
+                            react_1.default.createElement(SubmissionPageRouteRenderer, null)))),
+                    hasActPermissions && (react_1.default.createElement(react_router_dom_1.Route, { path: "/UserAccessHistory" },
+                        react_1.default.createElement(Typography_1.default, { variant: "headline1" }, "Coming soon!"))))))));
+}
+exports.ReviewerDashboard = ReviewerDashboard;
+function SubmissionPageRouteRenderer() {
+    var id = (0, react_router_dom_1.useParams)().id;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "Breadcrumb" },
+            react_1.default.createElement(Typography_1.default, { variant: "breadcrumb1" },
+                react_1.default.createElement(IconSvg_1.default, { options: {
+                        icon: 'accessManagement',
+                    } }),
+                react_1.default.createElement(IconSvg_1.default, { options: {
+                        icon: 'chevronRight',
+                    } }),
+                react_1.default.createElement(react_router_dom_1.Link, { to: "/Submissions" },
+                    react_1.default.createElement("span", null, "Submissions")),
+                react_1.default.createElement(IconSvg_1.default, { options: {
+                        icon: 'chevronRight',
+                    } }),
+                react_1.default.createElement("span", null, id))),
+        react_1.default.createElement(SubmissionPage_1.default, { submissionId: id, onRejectClicked: function () {
+                throw new Error('Function not implemented.');
+            } })));
+}
+exports.default = ReviewerDashboard;
+//# sourceMappingURL=ReviewerDashboard.js.map

package/dist/containers/dataaccess/ReviewerDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewerDashboard.js","sourceRoot":"","sources":["../../../src/lib/containers/dataaccess/ReviewerDashboard.tsx"],"names":[],"mappings":"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"}

package/dist/containers/dataaccess/SubmissionPage.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare type SubmissionPageProps = {
+    /** The ID of the submission to view */
+    submissionId: string | number;
+    /** Invoked when a reviewer clicks "Reject". Note that the web request to reject the submission is not sent. We do this to continue using the existing rejection dialog written in SWC */
+    onRejectClicked: () => void;
+};
+/**
+ * Page for a Data Access Submission that a designated reviewer can view, and choose to approve or reject.
+ */
+export default function SubmissionPage(props: SubmissionPageProps): JSX.Element;

package/dist/containers/dataaccess/SubmissionPage.js

@@ -0,0 +1,176 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var lab_1 = require("@material-ui/lab");
+var lodash_es_1 = require("lodash-es");
+var moment_1 = (0, tslib_1.__importDefault)(require("moment"));
+var react_1 = (0, tslib_1.__importStar)(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var react_error_boundary_1 = require("react-error-boundary");
+var utils_1 = require("../../utils");
+var DateFormatter_1 = require("../../utils/functions/DateFormatter");
+var useGetAccessRequirement_1 = (0, tslib_1.__importStar)(require("../../utils/hooks/SynapseAPI/dataaccess/useGetAccessRequirement"));
+var useGetDataAccessSubmission_1 = (0, tslib_1.__importDefault)(require("../../utils/hooks/SynapseAPI/dataaccess/useGetDataAccessSubmission"));
+var SynapseConstants_1 = require("../../utils/SynapseConstants");
+var SynapseContext_1 = require("../../utils/SynapseContext");
+var synapseTypes_1 = require("../../utils/synapseTypes");
+var Typography_1 = (0, tslib_1.__importDefault)(require("../../utils/typography/Typography"));
+var MarkdownSynapse_1 = (0, tslib_1.__importDefault)(require("../MarkdownSynapse"));
+var WarningModal_1 = (0, tslib_1.__importDefault)(require("../synapse_form_wrapper/WarningModal"));
+var UserCard_1 = (0, tslib_1.__importDefault)(require("../UserCard"));
+var UserOrTeamBadge_1 = (0, tslib_1.__importDefault)(require("../UserOrTeamBadge"));
+var FileHandleLink_1 = require("../widgets/FileHandleLink");
+function DataAccessSubmissionFileHandleLink(props) {
+    var submissionId = props.submissionId, fileHandleId = props.fileHandleId;
+    var fileHandleAssociation = react_1.default.useMemo(function () { return ({
+        fileHandleId: fileHandleId,
+        associateObjectId: submissionId,
+        associateObjectType: synapseTypes_1.FileHandleAssociateType.DataAccessSubmissionAttachment,
+    }); }, [fileHandleId, submissionId]);
+    return (react_1.default.createElement(FileHandleLink_1.FileHandleLink, { key: fileHandleId, showDownloadIcon: true, fileHandleAssociation: fileHandleAssociation }));
+}
+function ApproveConfirmationModal(props) {
+    return (react_1.default.createElement(WarningModal_1.default, { show: props.show, title: "Approve Request?", modalBody: react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Typography_1.default, { variant: "body1" }, "Approving the request will grant access to controlled data."),
+            react_1.default.createElement(Typography_1.default, { variant: "body1" }, "In addition, the user will receive an email notification alerting them that the request has been granted.")), onConfirm: props.onConfirm, onConfirmCallbackArgs: [], onCancel: props.onCancel, confirmButtonText: "Approve" }));
+}
+/**
+ * Page for a Data Access Submission that a designated reviewer can view, and choose to approve or reject.
+ */
+function SubmissionPage(props) {
+    var _this = this;
+    var _a;
+    var submissionId = props.submissionId, onRejectClicked = props.onRejectClicked;
+    var handleError = (0, react_error_boundary_1.useErrorHandler)();
+    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
+    var _b = (0, useGetDataAccessSubmission_1.default)(submissionId, { useErrorBoundary: true }), submission = _b.data, refetch = _b.refetch;
+    var accessRequirement = (0, useGetAccessRequirement_1.default)(parseInt(submission === null || submission === void 0 ? void 0 : submission.accessRequirementId), { enabled: !!submission }).data;
+    var acl = (0, useGetAccessRequirement_1.useGetAccessRequirementACL)(submission === null || submission === void 0 ? void 0 : submission.accessRequirementId, { enabled: !!submission, useErrorBoundary: true }).data;
+    var wikiPageKey = (0, useGetAccessRequirement_1.useGetAccessRequirementWikiPageKey)(submission === null || submission === void 0 ? void 0 : submission.accessRequirementId, { enabled: !!submission, useErrorBoundary: true }).data;
+    var _c = (0, react_1.useState)(false), showApprovalConfirmation = _c[0], setShowApprovalConfirmation = _c[1];
+    function approveSubmission() {
+        var _a;
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            return (0, tslib_1.__generator)(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, utils_1.SynapseClient.updateSubmissionStatus({
+                            submissionId: (_a = submission === null || submission === void 0 ? void 0 : submission.id) !== null && _a !== void 0 ? _a : '',
+                            newState: synapseTypes_1.SubmissionState.APPROVED,
+                        }, accessToken)];
+                    case 1: return [2 /*return*/, _b.sent()];
+                }
+            });
+        });
+    }
+    return (react_1.default.createElement("div", { className: "SubmissionPage" },
+        react_1.default.createElement(ApproveConfirmationModal, { show: showApprovalConfirmation, onCancel: function () {
+                setShowApprovalConfirmation(false);
+            }, onConfirm: function () { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
+                var e_1;
+                return (0, tslib_1.__generator)(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            _a.trys.push([0, 2, , 3]);
+                            return [4 /*yield*/, approveSubmission()];
+                        case 1:
+                            _a.sent();
+                            return [3 /*break*/, 3];
+                        case 2:
+                            e_1 = _a.sent();
+                            handleError(e_1);
+                            return [3 /*break*/, 3];
+                        case 3:
+                            setShowApprovalConfirmation(false);
+                            refetch();
+                            return [2 /*return*/];
+                    }
+                });
+            }); } }),
+        react_1.default.createElement("div", { className: "SubmissionSummary" },
+            react_1.default.createElement(Typography_1.default, { variant: "dataFieldKey" }, "Status"),
+            react_1.default.createElement(Typography_1.default, { variant: "headline3" }, submission ? submission.state : react_1.default.createElement(lab_1.Skeleton, { width: 100 })),
+            react_1.default.createElement("br", null),
+            submission ? (submission.state === 'SUBMITTED' && (react_1.default.createElement("div", { className: "bootstrap-4-backport ButtonContainer" },
+                react_1.default.createElement(react_bootstrap_1.Button, { onClick: function () {
+                        setShowApprovalConfirmation(true);
+                    }, variant: "success" }, "Approve"),
+                react_1.default.createElement(react_bootstrap_1.Button, { onClick: onRejectClicked, variant: "danger" }, "Reject")))) : (react_1.default.createElement(lab_1.Skeleton, { width: 200 })),
+            react_1.default.createElement(Typography_1.default, { variant: "dataFieldKey" }, "Access Requirement Name"),
+            react_1.default.createElement(Typography_1.default, { variant: "smallText1" }, (_a = accessRequirement === null || accessRequirement === void 0 ? void 0 : accessRequirement.name) !== null && _a !== void 0 ? _a : react_1.default.createElement(lab_1.Skeleton, { width: 100 })),
+            react_1.default.createElement("br", null),
+            react_1.default.createElement(Typography_1.default, { variant: "dataFieldKey" }, "Assigned Reviewer"),
+            react_1.default.createElement(Typography_1.default, { variant: "smallText1" }, acl !== undefined ? (acl !== null ? (acl.resourceAccess.map(function (ra) {
+                return (react_1.default.createElement(UserOrTeamBadge_1.default, { key: ra.principalId, principalId: ra.principalId }));
+            })) : (react_1.default.createElement(UserOrTeamBadge_1.default, { principalId: SynapseConstants_1.ACT_TEAM_ID }))) : (react_1.default.createElement(lab_1.Skeleton, { width: 100 }))),
+            react_1.default.createElement("br", null),
+            react_1.default.createElement(Typography_1.default, { variant: "dataFieldKey" }, "Conditions"),
+            accessRequirement ? (react_1.default.createElement(Typography_1.default, { variant: "smallText1" },
+                react_1.default.createElement("ul", null,
+                    react_1.default.createElement("li", null,
+                        "Expiration period:",
+                        ' ',
+                        moment_1.default
+                            .duration(accessRequirement.expirationPeriod, 'milliseconds')
+                            .asDays(),
+                        ' ',
+                        "day(s)",
+                        accessRequirement.expirationPeriod === 0 && ' (no expiration)'),
+                    accessRequirement.isCertifiedUserRequired && (react_1.default.createElement("li", null, "User must be Certified")),
+                    accessRequirement.isValidatedProfileRequired && (react_1.default.createElement("li", null, "User Profile must be Validated")),
+                    accessRequirement.isDUCRequired && react_1.default.createElement("li", null, "DUC is required"),
+                    accessRequirement.isIDURequired && react_1.default.createElement("li", null, "IDU is required"),
+                    accessRequirement.isIDUPublic && (react_1.default.createElement("li", null, "IDU will be made public")),
+                    accessRequirement.isIRBApprovalRequired && (react_1.default.createElement("li", null, "IRB Approval is required")),
+                    accessRequirement.areOtherAttachmentsRequired && (react_1.default.createElement("li", null, "Other attachments are required"))))) : (react_1.default.createElement(lab_1.Skeleton, { width: 100 })),
+            react_1.default.createElement("br", null),
+            react_1.default.createElement("div", { className: "SubmissionSummaryGrid" },
+                react_1.default.createElement(Typography_1.default, { variant: "dataFieldKey" }, "Submitted By"),
+                react_1.default.createElement(Typography_1.default, { variant: "smallText1" }, submission ? (react_1.default.createElement(UserCard_1.default, { size: 'SMALL USER CARD', ownerId: submission.submittedBy })) : (react_1.default.createElement(lab_1.Skeleton, { width: 100 }))),
+                react_1.default.createElement(Typography_1.default, { variant: "dataFieldKey" }, "Submitted On"),
+                react_1.default.createElement(Typography_1.default, { variant: "smallText1" }, submission ? ((0, DateFormatter_1.formatDate)((0, moment_1.default)(submission.submittedOn))) : (react_1.default.createElement(lab_1.Skeleton, { width: 100 }))),
+                react_1.default.createElement(Typography_1.default, { variant: "dataFieldKey" }, "Modified By"),
+                react_1.default.createElement(Typography_1.default, { variant: "smallText1" }, submission ? (react_1.default.createElement(UserCard_1.default, { size: 'SMALL USER CARD', ownerId: submission.modifiedBy })) : (react_1.default.createElement(lab_1.Skeleton, { width: 100 }))),
+                react_1.default.createElement(Typography_1.default, { variant: "dataFieldKey" }, "Modified On"),
+                react_1.default.createElement(Typography_1.default, { variant: "smallText1" }, submission ? ((0, DateFormatter_1.formatDate)((0, moment_1.default)(submission.modifiedOn))) : (react_1.default.createElement(lab_1.Skeleton, { width: 100 }))),
+                react_1.default.createElement(Typography_1.default, { className: "Key", variant: "dataFieldKey" },
+                    "Data Requesters", "" + (submission ? " (" + submission.accessorChanges.length + ")" : '')),
+                submission ? (submission.accessorChanges.map(function (accessorChange) { return (react_1.default.createElement(react_1.default.Fragment, { key: accessorChange.userId },
+                    react_1.default.createElement(Typography_1.default, { className: "Key DataAccessor", variant: "smallText1" },
+                        react_1.default.createElement("span", { style: { whiteSpace: 'nowrap' } },
+                            react_1.default.createElement(UserCard_1.default, { key: accessorChange.userId, size: "SMALL USER CARD", ownerId: accessorChange.userId }))),
+                    react_1.default.createElement(Typography_1.default, { className: "Value DataAccessor", variant: "smallText1" }, (0, lodash_es_1.upperFirst)((0, lodash_es_1.toLower)(accessorChange.type.substring(0, accessorChange.type.indexOf('_'))))))); })) : (react_1.default.createElement(lab_1.Skeleton, { width: 100 })),
+                react_1.default.createElement(Typography_1.default, { className: "Key", variant: "dataFieldKey" }, "Institution"),
+                react_1.default.createElement(Typography_1.default, { className: "Value", variant: "smallText1" }, submission ? (submission.researchProjectSnapshot.institution) : (react_1.default.createElement(lab_1.Skeleton, { width: 100 }))),
+                react_1.default.createElement(Typography_1.default, { className: "Key", variant: "dataFieldKey" }, "Project Lead"),
+                react_1.default.createElement(Typography_1.default, { className: "Value", variant: "smallText1" }, submission ? (submission.researchProjectSnapshot.projectLead) : (react_1.default.createElement(lab_1.Skeleton, { width: 100 }))))),
+        react_1.default.createElement("div", { className: "SubmissionRightPane" },
+            react_1.default.createElement("div", { className: "AccessRequirementWikiContainer" },
+                react_1.default.createElement("div", { className: "AccessRequirementWikiContent" },
+                    react_1.default.createElement(Typography_1.default, { variant: "headline1" }, "Access Requirement"),
+                    react_1.default.createElement("hr", null),
+                    react_1.default.createElement(MarkdownSynapse_1.default, { wikiId: wikiPageKey === null || wikiPageKey === void 0 ? void 0 : wikiPageKey.wikiPageId, ownerId: wikiPageKey === null || wikiPageKey === void 0 ? void 0 : wikiPageKey.ownerObjectId, objectType: wikiPageKey === null || wikiPageKey === void 0 ? void 0 : wikiPageKey.ownerObjectType }))),
+            react_1.default.createElement("div", null,
+                (submission === null || submission === void 0 ? void 0 : submission.rejectedReason) && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Typography_1.default, { variant: "headline1" }, "Reason for rejection given by reviewer"),
+                    react_1.default.createElement("hr", null),
+                    react_1.default.createElement(Typography_1.default, { variant: "body1", style: { whiteSpace: 'pre-line' } }, submission.rejectedReason))),
+                react_1.default.createElement(Typography_1.default, { variant: "headline1" }, "Contents of the Access Request"),
+                react_1.default.createElement("hr", null),
+                (submission === null || submission === void 0 ? void 0 : submission.researchProjectSnapshot.intendedDataUseStatement) && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Typography_1.default, { variant: "headline2" }, "Intended Data Use Statement"),
+                    react_1.default.createElement(Typography_1.default, { variant: "body1", style: { whiteSpace: 'pre-line' } }, submission.researchProjectSnapshot.intendedDataUseStatement))),
+                react_1.default.createElement(Typography_1.default, { variant: "headline2" }, "Documents"),
+                (submission === null || submission === void 0 ? void 0 : submission.ducFileHandleId) && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Typography_1.default, { variant: "smallText2" }, "Data Use Certificate (DUC)"),
+                    react_1.default.createElement(DataAccessSubmissionFileHandleLink, { submissionId: submission.id, fileHandleId: submission.ducFileHandleId }))),
+                (submission === null || submission === void 0 ? void 0 : submission.irbFileHandleId) && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Typography_1.default, { variant: "smallText2" }, "IRB Approval Letter"),
+                    react_1.default.createElement(DataAccessSubmissionFileHandleLink, { submissionId: submission.id, fileHandleId: submission.irbFileHandleId }))),
+                (submission === null || submission === void 0 ? void 0 : submission.attachments) && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Typography_1.default, { variant: "smallText2" }, "Other Attachments"),
+                    submission.attachments.map(function (fileHandleId) { return (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(DataAccessSubmissionFileHandleLink, { key: fileHandleId, submissionId: submission.id, fileHandleId: fileHandleId }),
+                        react_1.default.createElement("br", null))); })))))));
+}
+exports.default = SubmissionPage;
+//# sourceMappingURL=SubmissionPage.js.map

package/dist/containers/dataaccess/SubmissionPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmissionPage.js","sourceRoot":"","sources":["../../../src/lib/containers/dataaccess/SubmissionPage.tsx"],"names":[],"mappings":";;;AAAA,wCAA2C;AAC3C,uCAA+C;AAC/C,+DAA2B;AAC3B,0DAAuC;AACvC,mDAAwC;AACxC,6DAAsD;AACtD,qCAA2C;AAC3C,qEAAgE;AAChE,sIAGwE;AACxE,+IAA2G;AAC3G,iEAA0D;AAC1D,6DAA8D;AAC9D,yDAIiC;AACjC,8FAA0D;AAC1D,oFAAgD;AAChD,mGAE6C;AAC7C,sEAAkC;AAClC,oFAAgD;AAChD,4DAA0D;AAS1D,SAAS,kCAAkC,CAAC,KAG3C;IACS,IAAA,YAAY,GAAmB,KAAK,aAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAU;IAC5C,IAAM,qBAAqB,GAAG,eAAK,CAAC,OAAO,CACzC,cAAM,OAAA,CAAC;QACL,YAAY,EAAE,YAAY;QAC1B,iBAAiB,EAAE,YAAY;QAC/B,mBAAmB,EACjB,sCAAuB,CAAC,8BAA8B;KACzD,CAAC,EALI,CAKJ,EACF,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAA;IACD,OAAO,CACL,8BAAC,+BAAc,IACb,GAAG,EAAE,YAAY,EACjB,gBAAgB,EAAE,IAAI,EACtB,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,CAAA;AACH,CAAC;AAED,SAAS,wBAAwB,CAC/B,KAAiE;IAEjE,OAAO,CACL,8BAAC,sBAAY,IACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAC,kBAAkB,EACxB,SAAS,EACP;YACE,8BAAC,oBAAU,IAAC,OAAO,EAAC,OAAO,kEAEd;YACb,8BAAC,oBAAU,IAAC,OAAO,EAAC,OAAO,gHAGd,CACZ,EAEL,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,qBAAqB,EAAE,EAAE,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAC,SAAS,GAC3B,CACH,CAAA;AACH,CAAC;AAED;;GAEG;AACH,SAAwB,cAAc,CAAC,KAA0B;IAAjE,iBAuTC;;IAtTS,IAAA,YAAY,GAAsB,KAAK,aAA3B,EAAE,eAAe,GAAK,KAAK,gBAAV,CAAU;IAE/C,IAAM,WAAW,GAAG,IAAA,sCAAe,GAAE,CAAA;IAC7B,IAAA,WAAW,GAAK,IAAA,kCAAiB,GAAE,YAAxB,CAAwB;IACrC,IAAA,KAAgC,IAAA,oCAA0B,EAC9D,YAAY,EACZ,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAC3B,EAHa,UAAU,UAAA,EAAE,OAAO,aAGhC,CAAA;IAEO,IAAM,iBAAiB,GAC7B,IAAA,iCAAuB,EACrB,QAAQ,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,mBAAoB,CAAC,EAC1C,EAAE,OAAO,EAAE,CAAC,CAAC,UAAU,EAAE,CAC1B,KAJ4B,CAI5B;IAEK,IAAM,GAAG,GAAK,IAAA,oDAA0B,EAC9C,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,mBAAoB,EAChC,EAAE,OAAO,EAAE,CAAC,CAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAClD,KAHgB,CAGhB;IACO,IAAM,WAAW,GAAK,IAAA,4DAAkC,EAC9D,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,mBAAoB,EAChC,EAAE,OAAO,EAAE,CAAC,CAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAClD,KAHwB,CAGxB;IAEK,IAAA,KACJ,IAAA,gBAAQ,EAAC,KAAK,CAAC,EADV,wBAAwB,QAAA,EAAE,2BAA2B,QAC3C,CAAA;IAEjB,SAAe,iBAAiB;;;;;4BACvB,qBAAM,qBAAa,CAAC,sBAAsB,CAC/C;4BACE,YAAY,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,mCAAI,EAAE;4BAClC,QAAQ,EAAE,8BAAe,CAAC,QAAQ;yBACnC,EACD,WAAW,CACZ,EAAA;4BAND,sBAAO,SAMN,EAAA;;;;KACF;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,gBAAgB;QAC7B,8BAAC,wBAAwB,IACvB,IAAI,EAAE,wBAAwB,EAC9B,QAAQ,EAAE;gBACR,2BAA2B,CAAC,KAAK,CAAC,CAAA;YACpC,CAAC,EACD,SAAS,EAAE;;;;;;4BAEP,qBAAM,iBAAiB,EAAE,EAAA;;4BAAzB,SAAyB,CAAA;;;;4BAEzB,WAAW,CAAC,GAAC,CAAC,CAAA;;;4BAEhB,2BAA2B,CAAC,KAAK,CAAC,CAAA;4BAClC,OAAO,EAAE,CAAA;;;;iBACV,GACD;QACF,uCAAK,SAAS,EAAC,mBAAmB;YAChC,8BAAC,oBAAU,IAAC,OAAO,EAAC,cAAc,aAAoB;YACtD,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,IAC5B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CAC9C;YACb,yCAAM;YACL,UAAU,CAAC,CAAC,CAAC,CACZ,UAAU,CAAC,KAAK,KAAK,WAAW,IAAI,CAClC,uCAAK,SAAS,EAAC,sCAAsC;gBACnD,8BAAC,wBAAM,IACL,OAAO,EAAE;wBACP,2BAA2B,CAAC,IAAI,CAAC,CAAA;oBACnC,CAAC,EACD,OAAO,EAAC,SAAS,cAGV;gBACT,8BAAC,wBAAM,IAAC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAC,QAAQ,aAEzC,CACL,CACP,CACF,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB;YACD,8BAAC,oBAAU,IAAC,OAAO,EAAC,cAAc,8BAAqC;YACvE,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY,IAC7B,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,mCAAI,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzC;YACb,yCAAM;YACN,8BAAC,oBAAU,IAAC,OAAO,EAAC,cAAc,wBAA+B;YACjE,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY,IAC7B,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,CACnB,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,CACb,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,UAAA,EAAE;gBACvB,OAAO,CACL,8BAAC,yBAAe,IACd,GAAG,EAAE,EAAE,CAAC,WAAW,EACnB,WAAW,EAAE,EAAE,CAAC,WAAW,GAC3B,CACH,CAAA;YACH,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,yBAAe,IAAC,WAAW,EAAE,8BAAW,GAAI,CAC9C,CACF,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB,CACU;YACb,yCAAM;YACN,8BAAC,oBAAU,IAAC,OAAO,EAAC,cAAc,iBAAwB;YACzD,iBAAiB,CAAC,CAAC,CAAC,CACnB,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY;gBAC9B;oBACE;;wBACqB,GAAG;wBACrB,gBAAM;6BACJ,QAAQ,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,cAAc,CAAC;6BAC5D,MAAM,EAAE;wBAAE,GAAG;;wBAEf,iBAAiB,CAAC,gBAAgB,KAAK,CAAC,IAAI,kBAAkB,CAC5D;oBAEJ,iBAAiB,CAAC,uBAAuB,IAAI,CAC5C,mEAA+B,CAChC;oBACA,iBAAiB,CAAC,0BAA0B,IAAI,CAC/C,2EAAuC,CACxC;oBACA,iBAAiB,CAAC,aAAa,IAAI,4DAAwB;oBAC3D,iBAAiB,CAAC,aAAa,IAAI,4DAAwB;oBAC3D,iBAAiB,CAAC,WAAW,IAAI,CAChC,oEAAgC,CACjC;oBACA,iBAAiB,CAAC,qBAAqB,IAAI,CAC1C,qEAAiC,CAClC;oBACA,iBAAiB,CAAC,2BAA2B,IAAI,CAChD,2EAAuC,CACxC,CACE,CACM,CACd,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB;YACD,yCAAM;YACN,uCAAK,SAAS,EAAC,uBAAuB;gBACpC,8BAAC,oBAAU,IAAC,OAAO,EAAC,cAAc,mBAA0B;gBAC5D,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY,IAC7B,UAAU,CAAC,CAAC,CAAC,CACZ,8BAAC,kBAAQ,IACP,IAAI,EAAE,iBAAiB,EACvB,OAAO,EAAE,UAAU,CAAC,WAAW,GAC/B,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB,CACU;gBACb,8BAAC,oBAAU,IAAC,OAAO,EAAC,cAAc,mBAA0B;gBAC5D,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY,IAC7B,UAAU,CAAC,CAAC,CAAC,CACZ,IAAA,0BAAU,EAAC,IAAA,gBAAM,EAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAC3C,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB,CACU;gBACb,8BAAC,oBAAU,IAAC,OAAO,EAAC,cAAc,kBAAyB;gBAC3D,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY,IAC7B,UAAU,CAAC,CAAC,CAAC,CACZ,8BAAC,kBAAQ,IACP,IAAI,EAAE,iBAAiB,EACvB,OAAO,EAAE,UAAU,CAAC,UAAU,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB,CACU;gBACb,8BAAC,oBAAU,IAAC,OAAO,EAAC,cAAc,kBAAyB;gBAC3D,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY,IAC7B,UAAU,CAAC,CAAC,CAAC,CACZ,IAAA,0BAAU,EAAC,IAAA,gBAAM,EAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAC1C,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB,CACU;gBACb,8BAAC,oBAAU,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,cAAc;uCAE/C,MAAG,UAAU,CAAC,CAAC,CAAC,OAAK,UAAU,CAAC,eAAe,CAAC,MAAM,MAAG,CAAC,CAAC,CAAC,EAAE,CAAE,CACtD;gBACZ,UAAU,CAAC,CAAC,CAAC,CACZ,UAAU,CAAC,eAAe,CAAC,GAAG,CAAC,UAAA,cAAc,IAAI,OAAA,CAC/C,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,cAAc,CAAC,MAAM;oBACxC,8BAAC,oBAAU,IAAC,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAC,YAAY;wBAC3D,wCAAM,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;4BACnC,8BAAC,kBAAQ,IACP,GAAG,EAAE,cAAc,CAAC,MAAM,EAC1B,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,cAAc,CAAC,MAAM,GAC9B,CACG,CACI;oBACb,8BAAC,oBAAU,IAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAC,YAAY,IAC5D,IAAA,sBAAU,EACT,IAAA,mBAAO,EACL,cAAc,CAAC,IAAI,CAAC,SAAS,CAC3B,CAAC,EACD,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CACjC,CACF,CACF,CACU,CACE,CAClB,EAtBgD,CAsBhD,CAAC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB;gBACD,8BAAC,oBAAU,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,cAAc,kBAErC;gBACb,8BAAC,oBAAU,IAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,YAAY,IAC/C,UAAU,CAAC,CAAC,CAAC,CACZ,UAAU,CAAC,uBAAuB,CAAC,WAAW,CAC/C,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB,CACU;gBACb,8BAAC,oBAAU,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,cAAc,mBAErC;gBACb,8BAAC,oBAAU,IAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,YAAY,IAC/C,UAAU,CAAC,CAAC,CAAC,CACZ,UAAU,CAAC,uBAAuB,CAAC,WAAW,CAC/C,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB,CACU,CACT,CACF;QACN,uCAAK,SAAS,EAAC,qBAAqB;YAClC,uCAAK,SAAS,EAAC,gCAAgC;gBAC7C,uCAAK,SAAS,EAAC,8BAA8B;oBAC3C,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,yBAAgC;oBAC/D,yCAAM;oBACN,8BAAC,yBAAe,IACd,MAAM,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,EAC/B,OAAO,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,aAAa,EACnC,UAAU,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,GACxC,CACE,CACF;YACN;gBACG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,KAAI,CAC7B;oBACE,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,6CAElB;oBACb,yCAAM;oBACN,8BAAC,oBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAC1D,UAAU,CAAC,cAAc,CACf,CACZ,CACJ;gBACD,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,qCAElB;gBACb,yCAAM;gBACL,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,uBAAuB,CAAC,wBAAwB,KAAI,CAC/D;oBACE,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,kCAElB;oBACb,8BAAC,oBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAC1D,UAAU,CAAC,uBAAuB,CAAC,wBAAwB,CACjD,CACZ,CACJ;gBACD,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,gBAAuB;gBACrD,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,eAAe,KAAI,CAC9B;oBACE,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY,iCAEnB;oBACb,8BAAC,kCAAkC,IACjC,YAAY,EAAE,UAAU,CAAC,EAAE,EAC3B,YAAY,EAAE,UAAU,CAAC,eAAe,GACxC,CACD,CACJ;gBACA,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,eAAe,KAAI,CAC9B;oBACE,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY,0BAAiC;oBACjE,8BAAC,kCAAkC,IACjC,YAAY,EAAE,UAAU,CAAC,EAAE,EAC3B,YAAY,EAAE,UAAU,CAAC,eAAe,GACxC,CACD,CACJ;gBACA,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,KAAI,CAC1B;oBACE,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY,wBAA+B;oBAC9D,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,UAAA,YAAY,IAAI,OAAA,CAC1C;wBACE,8BAAC,kCAAkC,IACjC,GAAG,EAAE,YAAY,EACjB,YAAY,EAAE,UAAU,CAAC,EAAE,EAC3B,YAAY,EAAE,YAAY,GAC1B;wBACF,yCAAM,CACL,CACJ,EAT2C,CAS3C,CAAC,CACD,CACJ,CACG,CACF,CACF,CACP,CAAA;AACH,CAAC;AAvTD,iCAuTC"}

package/dist/containers/synapse_table_functions/SynapseTableCell.js

@@ -44,13 +44,15 @@ var SynapseTableCell = function (_a) {
         rowVersionNumber) {
         var synId = "syn" + rowId.toString();
         if (Object.prototype.hasOwnProperty.call(mapEntityIdToHeader, synId)) {
-            return (react_1.default.createElement(EntityLink_1.EntityLink, { entity: mapEntityIdToHeader[synId], versionNumber: rowVersionNumber, className: "" + isBold, showIcon: false, displayTextField: columnName }));
+            return (react_1.default.createElement("p", null,
+                react_1.default.createElement(EntityLink_1.EntityLink, { entity: mapEntityIdToHeader[synId], versionNumber: rowVersionNumber, className: "" + isBold, showIcon: false, displayTextField: columnName })));
         }
     }
     switch (columnType) {
         case synapseTypes_1.ColumnType.ENTITYID:
             if (Object.prototype.hasOwnProperty.call(mapEntityIdToHeader, columnValue)) {
-                return (react_1.default.createElement(EntityLink_1.EntityLink, { entity: mapEntityIdToHeader[columnValue], className: "" + isBold, displayTextField: 'name' }));
+                return (react_1.default.createElement("p", null,
+                    react_1.default.createElement(EntityLink_1.EntityLink, { entity: mapEntityIdToHeader[columnValue], className: "" + isBold, displayTextField: 'name' })));
             }
             break;
         case synapseTypes_1.ColumnType.DATE_LIST: {