synapse-react-client 3.0.19 → 3.0.22

package/dist/containers/UserOrTeamBadge.js

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var lab_1 = require("@material-ui/lab");
 var react_1 = (0, tslib_1.__importStar)(require("react"));
-var utils_1 = require("../utils");
+var useUserGroupHeader_1 = require("../utils/hooks/SynapseAPI/useUserGroupHeader");
 var SynapseConstants_1 = require("../utils/SynapseConstants");
 var SynapseContext_1 = require("../utils/SynapseContext");
 var TeamBadge_1 = (0, tslib_1.__importDefault)(require("./TeamBadge"));
 var UserCard_1 = (0, tslib_1.__importDefault)(require("./UserCard"));
 function UserOrTeamBadge(props) {
-    var isMounted = true;
     var principalId = props.principalId;
     var disableHref = props.disableHref, showFullName = props.showFullName, providedUserGroupHeader = props.userGroupHeader;
     if (principalId == null) {
@@ -17,36 +16,20 @@ function UserOrTeamBadge(props) {
     }
     var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
     var _a = (0, react_1.useState)(providedUserGroupHeader), userGroupHeader = _a[0], setUserGroupHeader = _a[1];
+    var fetchedUserGroupHeader = (0, useUserGroupHeader_1.useGetUserGroupHeader)((principalId !== null && principalId !== void 0 ? principalId : '').toString(), {
+        enabled: !providedUserGroupHeader,
+    }).data;
     (0, react_1.useEffect)(function () {
-        function getUserGroupHeader() {
-            return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
-                var headers;
-                return (0, tslib_1.__generator)(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, utils_1.SynapseClient.getGroupHeadersBatch([principalId.toString()], accessToken)];
-                        case 1:
-                            headers = _a.sent();
-                            if (isMounted) {
-                                setUserGroupHeader(headers.children[0]);
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
+        if (principalId && userGroupHeader == undefined && fetchedUserGroupHeader) {
+            setUserGroupHeader(fetchedUserGroupHeader);
         }
-        if (principalId && userGroupHeader == undefined) {
-            getUserGroupHeader();
-        }
-        return function () {
-            isMounted = false;
-        };
-    }, [accessToken, principalId, userGroupHeader]);
+    }, [accessToken, principalId, userGroupHeader, fetchedUserGroupHeader]);
     if (principalId == null && providedUserGroupHeader == null) {
         console.error('Expected one of principalId or userGroupHeader to be defined but both were null or undefined');
         return react_1.default.createElement(react_1.default.Fragment, null);
     }
     else if (userGroupHeader === undefined) {
-        return react_1.default.createElement(lab_1.Skeleton, { width: 150 });
+        return react_1.default.createElement(lab_1.Skeleton, { width: 125, height: 30 });
     }
     else if (userGroupHeader.isIndividual) {
         return (react_1.default.createElement(UserCard_1.default, { ownerId: principalId.toString(), size: SynapseConstants_1.SMALL_USER_CARD, disableLink: disableHref, showFullName: showFullName }));

package/dist/containers/UserOrTeamBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserOrTeamBadge.js","sourceRoot":"","sources":["../../src/lib/containers/UserOrTeamBadge.tsx"],"names":[],"mappings":";;;AAAA,wCAA2C;AAC3C,0DAAkD;AAClD,kCAAwC;AACxC,8DAA2D;AAC3D,0DAA2D;AAE3D,uEAAmC;AACnC,qEAAiC;AAWjC,SAAwB,eAAe,CAAC,KAA2B;IACjE,IAAI,SAAS,GAAG,IAAI,CAAA;IACpB,IAAI,WAAW,GAAG,KAAK,CAAC,WAAW,CAAA;IAEjC,IAAA,WAAW,GAGT,KAAK,YAHI,EACX,YAAY,GAEV,KAAK,aAFK,EACK,uBAAuB,GACtC,KAAK,gBADiC,CACjC;IAET,IAAI,WAAW,IAAI,IAAI,EAAE;QACvB,WAAW,GAAG,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,CAAA;KAC/C;IAEO,IAAA,WAAW,GAAK,IAAA,kCAAiB,GAAE,YAAxB,CAAwB;IACrC,IAAA,KAAwC,IAAA,gBAAQ,EAEpD,uBAAuB,CAAC,EAFnB,eAAe,QAAA,EAAE,kBAAkB,QAEhB,CAAA;IAE1B,IAAA,iBAAS,EAAC;QACR,SAAe,kBAAkB;;;;;gCACf,qBAAM,qBAAa,CAAC,oBAAoB,CACtD,CAAC,WAAY,CAAC,QAAQ,EAAE,CAAC,EACzB,WAAW,CACZ,EAAA;;4BAHK,OAAO,GAAG,SAGf;4BACD,IAAI,SAAS,EAAE;gCACb,kBAAkB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;6BACxC;;;;;SACF;QACD,IAAI,WAAW,IAAI,eAAe,IAAI,SAAS,EAAE;YAC/C,kBAAkB,EAAE,CAAA;SACrB;QACD,OAAO;YACL,SAAS,GAAG,KAAK,CAAA;QACnB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC,CAAA;IAE/C,IAAI,WAAW,IAAI,IAAI,IAAI,uBAAuB,IAAI,IAAI,EAAE;QAC1D,OAAO,CAAC,KAAK,CACX,8FAA8F,CAC/F,CAAA;QACD,OAAO,6DAAK,CAAA;KACb;SAAM,IAAI,eAAe,KAAK,SAAS,EAAE;QACxC,OAAO,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CAAA;KAChC;SAAM,IAAI,eAAe,CAAC,YAAY,EAAE;QACvC,OAAO,CACL,8BAAC,kBAAQ,IACP,OAAO,EAAE,WAAY,CAAC,QAAQ,EAAE,EAChC,IAAI,EAAE,kCAAe,EACrB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;KACF;SAAM;QACL,OAAO,CACL,8BAAC,mBAAS,IACR,MAAM,EAAE,WAAY,EACpB,QAAQ,EAAE,eAAe,CAAC,QAAQ,EAClC,WAAW,EAAE,WAAW,GACxB,CACH,CAAA;KACF;AACH,CAAC;AA7DD,kCA6DC"}
+{"version":3,"file":"UserOrTeamBadge.js","sourceRoot":"","sources":["../../src/lib/containers/UserOrTeamBadge.tsx"],"names":[],"mappings":";;;AAAA,wCAA2C;AAC3C,0DAAkD;AAClD,mFAAoF;AACpF,8DAA2D;AAC3D,0DAA2D;AAE3D,uEAAmC;AACnC,qEAAiC;AAWjC,SAAwB,eAAe,CAAC,KAA2B;IACjE,IAAI,WAAW,GAAG,KAAK,CAAC,WAAW,CAAA;IAEjC,IAAA,WAAW,GAGT,KAAK,YAHI,EACX,YAAY,GAEV,KAAK,aAFK,EACK,uBAAuB,GACtC,KAAK,gBADiC,CACjC;IAET,IAAI,WAAW,IAAI,IAAI,EAAE;QACvB,WAAW,GAAG,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,CAAA;KAC/C;IAEO,IAAA,WAAW,GAAK,IAAA,kCAAiB,GAAE,YAAxB,CAAwB;IACrC,IAAA,KAAwC,IAAA,gBAAQ,EAEpD,uBAAuB,CAAC,EAFnB,eAAe,QAAA,EAAE,kBAAkB,QAEhB,CAAA;IAElB,IAAM,sBAAsB,GAAK,IAAA,0CAAqB,EAC5D,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,EAC9B;QACE,OAAO,EAAE,CAAC,uBAAuB;KAClC,CACF,KALmC,CAKnC;IAED,IAAA,iBAAS,EAAC;QACR,IAAI,WAAW,IAAI,eAAe,IAAI,SAAS,IAAI,sBAAsB,EAAE;YACzE,kBAAkB,CAAC,sBAAsB,CAAC,CAAA;SAC3C;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,sBAAsB,CAAC,CAAC,CAAA;IAEvE,IAAI,WAAW,IAAI,IAAI,IAAI,uBAAuB,IAAI,IAAI,EAAE;QAC1D,OAAO,CAAC,KAAK,CACX,8FAA8F,CAC/F,CAAA;QACD,OAAO,6DAAK,CAAA;KACb;SAAM,IAAI,eAAe,KAAK,SAAS,EAAE;QACxC,OAAO,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,GAAI,CAAA;KAC5C;SAAM,IAAI,eAAe,CAAC,YAAY,EAAE;QACvC,OAAO,CACL,8BAAC,kBAAQ,IACP,OAAO,EAAE,WAAY,CAAC,QAAQ,EAAE,EAChC,IAAI,EAAE,kCAAe,EACrB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;KACF;SAAM;QACL,OAAO,CACL,8BAAC,mBAAS,IACR,MAAM,EAAE,WAAY,EACpB,QAAQ,EAAE,eAAe,CAAC,QAAQ,EAClC,WAAW,EAAE,WAAW,GACxB,CACH,CAAA;KACF;AACH,CAAC;AAvDD,kCAuDC"}

package/dist/containers/UserSearchBoxV2.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { UserGroupHeader } from '../utils/synapseTypes';
+import { TYPE_FILTER } from '../utils/synapseTypes/UserGroupHeader';
+export declare type UserSearchBoxProps = {
+    htmlId?: string;
+    defaultValue?: string;
+    onChange?: (principalId: string | null, header: UserGroupHeader | null) => void;
+    typeFilter?: TYPE_FILTER;
+    filterPredicate?: (item: UserGroupHeader) => boolean;
+    placeholder?: string;
+};
+declare const UserSearchBoxV2: React.FC<UserSearchBoxProps>;
+export default UserSearchBoxV2;

package/dist/containers/UserSearchBoxV2.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var lab_1 = require("@material-ui/lab");
+var React = (0, tslib_1.__importStar)(require("react"));
+var react_select_1 = require("react-select");
+var async_1 = (0, tslib_1.__importDefault)(require("react-select/async"));
+var utils_1 = require("../utils");
+var useGetInfoFromIds_1 = (0, tslib_1.__importDefault)(require("../utils/hooks/useGetInfoFromIds"));
+var UserOrTeamBadge_1 = (0, tslib_1.__importDefault)(require("./UserOrTeamBadge"));
+var customSelectComponents = {
+    Control: function (props) {
+        var _a;
+        return (React.createElement(react_select_1.components.Control, (0, tslib_1.__assign)({}, props, { className: "form-control " + ((_a = props.className) !== null && _a !== void 0 ? _a : '') })));
+    },
+    SingleValue: function (props) {
+        var data = props.data;
+        return (React.createElement("div", (0, tslib_1.__assign)({}, props),
+            React.createElement(UserOrTeamBadge_1.default, { userGroupHeader: data.header, disableHref: true, showFullName: true })));
+    },
+    Option: function (props) {
+        var data = props.data, selectOption = props.selectOption;
+        return (React.createElement("div", (0, tslib_1.__assign)({}, props, { key: data.id, onClick: function () { return selectOption(data); }, style: { padding: '5px 10px' } }),
+            React.createElement(UserOrTeamBadge_1.default, { userGroupHeader: data.header, disableHref: true, showFullName: true })));
+    },
+};
+var UserSearchBoxV2 = function (props) {
+    var htmlId = props.htmlId, _a = props.defaultValue, defaultValue = _a === void 0 ? null : _a, onChange = props.onChange, filterPredicate = props.filterPredicate, typeFilter = props.typeFilter, placeholder = props.placeholder;
+    var _b = (0, useGetInfoFromIds_1.default)({
+        ids: defaultValue ? [defaultValue] : [],
+        type: 'USER_PROFILE',
+    })[0], defaultUserGroupHeader = _b === void 0 ? undefined : _b;
+    function loadOptions(inputValue) {
+        var _a, _b;
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            var data;
+            return (0, tslib_1.__generator)(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        data = undefined;
+                        if (!!data) return [3 /*break*/, 2];
+                        return [4 /*yield*/, utils_1.SynapseClient.getUserGroupHeaders(inputValue, typeFilter)];
+                    case 1:
+                        data = (_a = (_c.sent())) === null || _a === void 0 ? void 0 : _a.children;
+                        _c.label = 2;
+                    case 2:
+                        if (filterPredicate) {
+                            data = data.filter(filterPredicate);
+                        }
+                        // Map the AR(s) to options for the select input component
+                        return [2 /*return*/, ((_b = data === null || data === void 0 ? void 0 : data.map(function (item) { return ({
+                                id: item.ownerId.toString(),
+                                value: item.ownerId.toString(),
+                                label: item.userName,
+                                header: item,
+                            }); })) !== null && _b !== void 0 ? _b : [])];
+                }
+            });
+        });
+    }
+    if (defaultValue && defaultUserGroupHeader == null) {
+        return React.createElement(lab_1.Skeleton, { width: "100%" });
+    }
+    return (React.createElement(async_1.default, { className: "bootstrap-4-backport", defaultValue: defaultValue
+            ? {
+                id: defaultValue,
+                value: defaultValue,
+                label: defaultUserGroupHeader.userName,
+                header: defaultUserGroupHeader,
+            }
+            : undefined, defaultOptions: defaultValue
+            ? [
+                {
+                    id: defaultValue,
+                    value: defaultValue,
+                    label: defaultUserGroupHeader.userName,
+                    header: defaultUserGroupHeader,
+                },
+            ]
+            : false, id: htmlId, cacheOptions: true, isClearable: true, styles: {
+            // Bootstrap's form-control class overrides the display value, manually set to flex (the default without Bootstrap)
+            control: function (styles) { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, styles), { display: 'flex !important' })); },
+        }, components: customSelectComponents, loadOptions: loadOptions, onChange: function (option) {
+            var _a, _b;
+            if (onChange) {
+                onChange((_a = option === null || option === void 0 ? void 0 : option.id) !== null && _a !== void 0 ? _a : null, (_b = option === null || option === void 0 ? void 0 : option.header) !== null && _b !== void 0 ? _b : null);
+            }
+        }, placeholder: placeholder }));
+};
+exports.default = UserSearchBoxV2;
+//# sourceMappingURL=UserSearchBoxV2.js.map

package/dist/containers/UserSearchBoxV2.js.map

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

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":"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"}

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;