synapse-react-client 3.0.16 → 3.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/icons/Sort.d.ts +1 -1
- package/dist/containers/EntityLink.js +6 -4
- package/dist/containers/EntityLink.js.map +1 -1
- package/dist/containers/UserOrTeamBadge.js +7 -1
- package/dist/containers/UserOrTeamBadge.js.map +1 -1
- package/dist/containers/row_renderers/utils/Icon.js +53 -49
- package/dist/containers/row_renderers/utils/Icon.js.map +1 -1
- package/dist/style/components/_all.scss +2 -1
- package/dist/style/components/_governance-dashboard.scss +35 -0
- package/dist/style/components/_synapse-homepage.scss +1 -0
- package/dist/style/main.css +59 -0
- package/dist/umd/synapse-react-client.development.css +58 -0
- package/dist/umd/synapse-react-client.development.css.map +2 -2
- package/dist/umd/synapse-react-client.development.js +39 -14
- package/dist/umd/synapse-react-client.development.js.map +2 -2
- package/dist/umd/synapse-react-client.production.min.css +1 -1
- package/dist/umd/synapse-react-client.production.min.js +55 -55
- package/dist/utils/APIConstants.d.ts +1 -0
- package/dist/utils/APIConstants.js +2 -1
- package/dist/utils/APIConstants.js.map +1 -1
- package/dist/utils/SynapseClient.d.ts +13 -1
- package/dist/utils/SynapseClient.js +20 -4
- package/dist/utils/SynapseClient.js.map +1 -1
- package/dist/utils/hooks/SynapseAPI/dataaccess/useGetAccessRequirement.d.ts +3 -1
- package/dist/utils/hooks/SynapseAPI/dataaccess/useGetAccessRequirement.js +15 -1
- package/dist/utils/hooks/SynapseAPI/dataaccess/useGetAccessRequirement.js.map +1 -1
- package/dist/utils/synapseTypes/AccessApproval.d.ts +30 -0
- package/dist/utils/synapseTypes/AccessApproval.js +6 -1
- package/dist/utils/synapseTypes/AccessApproval.js.map +1 -1
- package/dist/utils/synapseTypes/AccessSubmission.d.ts +44 -0
- package/dist/utils/synapseTypes/AccessSubmission.js +15 -0
- package/dist/utils/synapseTypes/AccessSubmission.js.map +1 -0
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { SortOrder } from '@sage-bionetworks/react-base-table';
|
|
3
3
|
import { Direction } from '../../utils/synapseTypes';
|
|
4
4
|
declare type SortIconProps = {
|
|
5
|
-
direction: Direction | SortOrder;
|
|
5
|
+
direction: Direction | SortOrder | 'ASC' | 'DESC';
|
|
6
6
|
active: boolean;
|
|
7
7
|
};
|
|
8
8
|
declare const SortIcon: React.FunctionComponent<React.SVGProps<SVGSVGElement> & SortIconProps>;
|
|
@@ -8,15 +8,16 @@ var EntityTypeUtils_1 = require("../utils/functions/EntityTypeUtils");
|
|
|
8
8
|
var getEndpoint_1 = require("../utils/functions/getEndpoint");
|
|
9
9
|
var useEntity_1 = require("../utils/hooks/SynapseAPI/entity/useEntity");
|
|
10
10
|
var EntityIcon_1 = require("./EntityIcon");
|
|
11
|
+
var ErrorBanner_1 = require("./ErrorBanner");
|
|
11
12
|
var EntityLink = function (props) {
|
|
12
13
|
var entityOrId = props.entity, className = props.className, versionNumber = props.versionNumber, _a = props.displayTextField, displayTextField = _a === void 0 ? 'name' : _a, _b = props.link, link = _b === void 0 ? true : _b, _c = props.showIcon, showIcon = _c === void 0 ? true : _c;
|
|
13
14
|
var entityId = '';
|
|
14
15
|
if (typeof entityOrId === 'string') {
|
|
15
16
|
entityId = entityOrId;
|
|
16
17
|
}
|
|
17
|
-
var
|
|
18
|
+
var _d = (0, useEntity_1.useGetEntity)(entityId, versionNumber, {
|
|
18
19
|
enabled: !!entityId && typeof entityOrId === 'string',
|
|
19
|
-
}).data;
|
|
20
|
+
}), fetchedEntity = _d.data, error = _d.error;
|
|
20
21
|
if (fetchedEntity || typeof entityOrId !== 'string') {
|
|
21
22
|
var entity = fetchedEntity !== null && fetchedEntity !== void 0 ? fetchedEntity : entityOrId;
|
|
22
23
|
var type = void 0;
|
|
@@ -38,9 +39,10 @@ var EntityLink = function (props) {
|
|
|
38
39
|
entity[displayTextField]));
|
|
39
40
|
}
|
|
40
41
|
}
|
|
42
|
+
else if (error) {
|
|
43
|
+
return react_1.default.createElement(ErrorBanner_1.ErrorBanner, { error: error });
|
|
44
|
+
}
|
|
41
45
|
else {
|
|
42
|
-
// Entity has not been fetched yet
|
|
43
|
-
// TODO: Handle not found, unauthorized
|
|
44
46
|
return react_1.default.createElement(lab_1.Skeleton, { variant: "rect", width: "100" });
|
|
45
47
|
}
|
|
46
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityLink.js","sourceRoot":"","sources":["../../src/lib/containers/EntityLink.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAC3C,6DAAyB;AACzB,sEAG2C;AAC3C,8DAA2E;AAC3E,wEAAyE;AAEzE,2CAA6C;
|
|
1
|
+
{"version":3,"file":"EntityLink.js","sourceRoot":"","sources":["../../src/lib/containers/EntityLink.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAC3C,6DAAyB;AACzB,sEAG2C;AAC3C,8DAA2E;AAC3E,wEAAyE;AAEzE,2CAA6C;AAC7C,6CAA2C;AAcpC,IAAM,UAAU,GAAG,UAAC,KAAsB;IAE7C,IAAQ,UAAU,GAMhB,KAAK,OANW,EAClB,SAAS,GAKP,KAAK,UALE,EACT,aAAa,GAIX,KAAK,cAJM,EACb,KAGE,KAAK,iBAHkB,EAAzB,gBAAgB,mBAAG,MAAM,KAAA,EACzB,KAEE,KAAK,KAFI,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,KACE,KAAK,SADQ,EAAf,QAAQ,mBAAG,IAAI,KAAA,CACR;IAET,IAAI,QAAQ,GAAG,EAAE,CAAA;IACjB,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,QAAQ,GAAG,UAAU,CAAA;KACtB;IAEK,IAAA,KAAiC,IAAA,wBAAY,EAAC,QAAQ,EAAE,aAAa,EAAE;QAC3E,OAAO,EAAE,CAAC,CAAC,QAAQ,IAAI,OAAO,UAAU,KAAK,QAAQ;KACtD,CAAC,EAFY,aAAa,UAAA,EAAE,KAAK,WAEhC,CAAA;IAEF,IAAI,aAAa,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QACnD,IAAM,MAAM,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAK,UAAoC,CAAA;QACrE,IAAI,IAAI,SAAA,CAAA;QACR,IAAI,cAAc,IAAI,MAAM,EAAE;YAC5B,IAAI,GAAG,IAAA,qCAAmB,EAAC,MAAM,CAAC,YAAY,CAAC,CAAA;SAChD;aAAM;YACL,IAAI,GAAG,IAAA,yCAAuB,EAAC,MAAM,CAAC,CAAA;SACvC;QAED,IAAI,IAAI,EAAE;YACR,OAAO,CACL,qCAAG,SAAS,EAAE,SAAS;gBACrB,qCACE,SAAS,EAAE,SAAS,EACpB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAK,wCAA0B,CAAC,MAAM,kBAAa,MAAM,CAAC,EAAG,IAC/D,aAAa,CAAC,CAAC,CAAC,MAAI,aAAe,CAAC,CAAC,CAAC,EAAE,CACxC;oBAED,QAAQ,IAAI,CACX,8BAAC,2BAAc,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAI,CAC9D;oBACA,MAAM,CAAC,gBAAgB,CAAC,CACvB,CACF,CACL,CAAA;SACF;aAAM;YACL,OAAO,CACL,qCAAG,SAAS,EAAE,SAAS;gBACrB,8BAAC,2BAAc,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAI;gBAC5D,MAAM,CAAC,gBAAgB,CAAC,CACvB,CACL,CAAA;SACF;KACF;SAAM,IAAI,KAAK,EAAE;QAChB,OAAO,8BAAC,yBAAW,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;KACrC;SAAM;QACL,OAAO,8BAAC,cAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,GAAG,CAAA;KAC/C;AACH,CAAC,CAAA;AA3DY,QAAA,UAAU,cA2DtB"}
|
|
@@ -9,6 +9,7 @@ var SynapseContext_1 = require("../utils/SynapseContext");
|
|
|
9
9
|
var TeamBadge_1 = (0, tslib_1.__importDefault)(require("./TeamBadge"));
|
|
10
10
|
var UserCard_1 = (0, tslib_1.__importDefault)(require("./UserCard"));
|
|
11
11
|
function UserOrTeamBadge(props) {
|
|
12
|
+
var isMounted = true;
|
|
12
13
|
var principalId = props.principalId;
|
|
13
14
|
var disableHref = props.disableHref, showFullName = props.showFullName, providedUserGroupHeader = props.userGroupHeader;
|
|
14
15
|
if (principalId == null) {
|
|
@@ -25,7 +26,9 @@ function UserOrTeamBadge(props) {
|
|
|
25
26
|
case 0: return [4 /*yield*/, utils_1.SynapseClient.getGroupHeadersBatch([principalId.toString()], accessToken)];
|
|
26
27
|
case 1:
|
|
27
28
|
headers = _a.sent();
|
|
28
|
-
|
|
29
|
+
if (isMounted) {
|
|
30
|
+
setUserGroupHeader(headers.children[0]);
|
|
31
|
+
}
|
|
29
32
|
return [2 /*return*/];
|
|
30
33
|
}
|
|
31
34
|
});
|
|
@@ -34,6 +37,9 @@ function UserOrTeamBadge(props) {
|
|
|
34
37
|
if (principalId && userGroupHeader == undefined) {
|
|
35
38
|
getUserGroupHeader();
|
|
36
39
|
}
|
|
40
|
+
return function () {
|
|
41
|
+
isMounted = false;
|
|
42
|
+
};
|
|
37
43
|
}, [accessToken, principalId, userGroupHeader]);
|
|
38
44
|
if (principalId == null && providedUserGroupHeader == null) {
|
|
39
45
|
console.error('Expected one of principalId or userGroupHeader to be defined but both were null or undefined');
|
|
@@ -1 +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,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,kBAAkB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;;;;;
|
|
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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var _a;
|
|
2
|
+
var _a, _b;
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
@@ -14,66 +14,70 @@ var mouse_svg_1 = require("../../../assets/icons/mouse.svg");
|
|
|
14
14
|
var chart2_svg_1 = require("../../../assets/icons/chart2.svg");
|
|
15
15
|
var file_svg_1 = require("../../../assets/icons/file.svg");
|
|
16
16
|
var themed_icons_1 = require("../../../assets/themed_icons");
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
_a[SynapseConstants_1.DATASET] =
|
|
20
|
-
_a[SynapseConstants_1.FUNDER] = Data2_svg_1.ReactComponent,
|
|
21
|
-
_a[SynapseConstants_1.TOOL] = DNA_Two_svg_1.ReactComponent,
|
|
22
|
-
_a[SynapseConstants_1.STUDY_ACTIVE] = study_active_svg_1.ReactComponent,
|
|
23
|
-
_a[SynapseConstants_1.STUDY_COMPLETE] = study_complete_svg_1.ReactComponent,
|
|
24
|
-
// new icons
|
|
25
|
-
_a[SynapseConstants_1.PUBLICATION] = themed_icons_1.Publication,
|
|
26
|
-
_a[SynapseConstants_1.STUDY] = themed_icons_1.Study,
|
|
27
|
-
_a[SynapseConstants_1.EXPERIMENTAL] = themed_icons_1.ToolExperimental,
|
|
28
|
-
_a[SynapseConstants_1.EXPERIMENTAL_TOOL] = themed_icons_1.ToolExperimental,
|
|
29
|
-
_a[SynapseConstants_1.COMPUTATIONAL] = themed_icons_1.ToolComputational,
|
|
30
|
-
_a[SynapseConstants_1.COMPUTATIONAL_TOOL] = themed_icons_1.ToolComputational,
|
|
31
|
-
_a[SynapseConstants_1.CLINICAL] = themed_icons_1.ToolClinical,
|
|
32
|
-
_a[SynapseConstants_1.PROJECT] = themed_icons_1.Project,
|
|
33
|
-
_a[SynapseConstants_1.GRANT] = themed_icons_1.Project,
|
|
34
|
-
_a[SynapseConstants_1.ORGANIZATION] = organizations_svg_1.ReactComponent,
|
|
35
|
-
_a[SynapseConstants_1.PERSON] = person_svg_1.ReactComponent,
|
|
36
|
-
_a[SynapseConstants_1.MOUSE] = mouse_svg_1.ReactComponent,
|
|
37
|
-
_a[SynapseConstants_1.EXPLORE] = themed_icons_1.Explore,
|
|
38
|
-
_a[SynapseConstants_1.SEARCH] = themed_icons_1.Search,
|
|
39
|
-
_a[SynapseConstants_1.CHART] = themed_icons_1.Chart,
|
|
40
|
-
_a[SynapseConstants_1.FILTER] = themed_icons_1.Filter,
|
|
41
|
-
_a[SynapseConstants_1.SQL_EDITOR] = themed_icons_1.SqlEditorIcon,
|
|
42
|
-
_a[SynapseConstants_1.DOWNLOAD] = themed_icons_1.Download,
|
|
43
|
-
_a[SynapseConstants_1.EXPAND] = themed_icons_1.Expand,
|
|
44
|
-
_a[SynapseConstants_1.COLLAPSE] = themed_icons_1.Collapse,
|
|
45
|
-
_a[SynapseConstants_1.CLOSE] = themed_icons_1.Close,
|
|
46
|
-
_a[SynapseConstants_1.SORTUP] = themed_icons_1.SortUp,
|
|
47
|
-
_a[SynapseConstants_1.SORTDOWN] = themed_icons_1.SortDown,
|
|
48
|
-
_a[SynapseConstants_1.SETTINGS] = themed_icons_1.Settings,
|
|
49
|
-
_a[SynapseConstants_1.COLUMNS] = themed_icons_1.Columns,
|
|
50
|
-
_a[SynapseConstants_1.COLUMNSDARK] = themed_icons_1.ColumnsDark,
|
|
51
|
-
_a[SynapseConstants_1.VERTICAL_DOTS] = themed_icons_1.VerticalDots,
|
|
52
|
-
_a[SynapseConstants_1.CHART2] = chart2_svg_1.ReactComponent,
|
|
53
|
-
_a[SynapseConstants_1.FILE] = file_svg_1.ReactComponent,
|
|
54
|
-
_a[SynapseConstants_1.EXTERNALLINK] = themed_icons_1.ExternalLink,
|
|
55
|
-
_a[SynapseConstants_1.EASY_DIFFICULTY] = 'https://s3.amazonaws.com/static.synapse.org/images/easy.svg',
|
|
56
|
-
_a[SynapseConstants_1.MEDIUM_DIFFICULTY] = 'https://s3.amazonaws.com/static.synapse.org/images/medium.svg',
|
|
57
|
-
_a[SynapseConstants_1.VARIABLE_DIFFICULTY] = 'https://s3.amazonaws.com/static.synapse.org/images/variable.svg',
|
|
17
|
+
var IconSvg_1 = (0, tslib_1.__importDefault)(require("../../IconSvg"));
|
|
18
|
+
var iconSvgMapping = (_a = {},
|
|
19
|
+
_a[SynapseConstants_1.DATASET] = React.createElement(IconSvg_1.default, { options: { icon: 'dataset' } }),
|
|
58
20
|
_a);
|
|
21
|
+
var defaultIcons = (_b = {},
|
|
22
|
+
_b[SynapseConstants_1.DATABASE] = themed_icons_1.Database,
|
|
23
|
+
_b[SynapseConstants_1.FUNDER] = Data2_svg_1.ReactComponent,
|
|
24
|
+
_b[SynapseConstants_1.TOOL] = DNA_Two_svg_1.ReactComponent,
|
|
25
|
+
_b[SynapseConstants_1.STUDY_ACTIVE] = study_active_svg_1.ReactComponent,
|
|
26
|
+
_b[SynapseConstants_1.STUDY_COMPLETE] = study_complete_svg_1.ReactComponent,
|
|
27
|
+
// new icons
|
|
28
|
+
_b[SynapseConstants_1.PUBLICATION] = themed_icons_1.Publication,
|
|
29
|
+
_b[SynapseConstants_1.STUDY] = themed_icons_1.Study,
|
|
30
|
+
_b[SynapseConstants_1.EXPERIMENTAL] = themed_icons_1.ToolExperimental,
|
|
31
|
+
_b[SynapseConstants_1.EXPERIMENTAL_TOOL] = themed_icons_1.ToolExperimental,
|
|
32
|
+
_b[SynapseConstants_1.COMPUTATIONAL] = themed_icons_1.ToolComputational,
|
|
33
|
+
_b[SynapseConstants_1.COMPUTATIONAL_TOOL] = themed_icons_1.ToolComputational,
|
|
34
|
+
_b[SynapseConstants_1.CLINICAL] = themed_icons_1.ToolClinical,
|
|
35
|
+
_b[SynapseConstants_1.PROJECT] = themed_icons_1.Project,
|
|
36
|
+
_b[SynapseConstants_1.GRANT] = themed_icons_1.Project,
|
|
37
|
+
_b[SynapseConstants_1.ORGANIZATION] = organizations_svg_1.ReactComponent,
|
|
38
|
+
_b[SynapseConstants_1.PERSON] = person_svg_1.ReactComponent,
|
|
39
|
+
_b[SynapseConstants_1.MOUSE] = mouse_svg_1.ReactComponent,
|
|
40
|
+
_b[SynapseConstants_1.EXPLORE] = themed_icons_1.Explore,
|
|
41
|
+
_b[SynapseConstants_1.SEARCH] = themed_icons_1.Search,
|
|
42
|
+
_b[SynapseConstants_1.CHART] = themed_icons_1.Chart,
|
|
43
|
+
_b[SynapseConstants_1.FILTER] = themed_icons_1.Filter,
|
|
44
|
+
_b[SynapseConstants_1.SQL_EDITOR] = themed_icons_1.SqlEditorIcon,
|
|
45
|
+
_b[SynapseConstants_1.DOWNLOAD] = themed_icons_1.Download,
|
|
46
|
+
_b[SynapseConstants_1.EXPAND] = themed_icons_1.Expand,
|
|
47
|
+
_b[SynapseConstants_1.COLLAPSE] = themed_icons_1.Collapse,
|
|
48
|
+
_b[SynapseConstants_1.CLOSE] = themed_icons_1.Close,
|
|
49
|
+
_b[SynapseConstants_1.SORTUP] = themed_icons_1.SortUp,
|
|
50
|
+
_b[SynapseConstants_1.SORTDOWN] = themed_icons_1.SortDown,
|
|
51
|
+
_b[SynapseConstants_1.SETTINGS] = themed_icons_1.Settings,
|
|
52
|
+
_b[SynapseConstants_1.COLUMNS] = themed_icons_1.Columns,
|
|
53
|
+
_b[SynapseConstants_1.COLUMNSDARK] = themed_icons_1.ColumnsDark,
|
|
54
|
+
_b[SynapseConstants_1.VERTICAL_DOTS] = themed_icons_1.VerticalDots,
|
|
55
|
+
_b[SynapseConstants_1.CHART2] = chart2_svg_1.ReactComponent,
|
|
56
|
+
_b[SynapseConstants_1.FILE] = file_svg_1.ReactComponent,
|
|
57
|
+
_b[SynapseConstants_1.EXTERNALLINK] = themed_icons_1.ExternalLink,
|
|
58
|
+
_b[SynapseConstants_1.EASY_DIFFICULTY] = 'https://s3.amazonaws.com/static.synapse.org/images/easy.svg',
|
|
59
|
+
_b[SynapseConstants_1.MEDIUM_DIFFICULTY] = 'https://s3.amazonaws.com/static.synapse.org/images/medium.svg',
|
|
60
|
+
_b[SynapseConstants_1.VARIABLE_DIFFICULTY] = 'https://s3.amazonaws.com/static.synapse.org/images/variable.svg',
|
|
61
|
+
_b);
|
|
59
62
|
var Icon = function (_a) {
|
|
60
63
|
var type = _a.type, _b = _a.value, value = _b === void 0 ? '' : _b, iconOptions = _a.iconOptions, cssClass = _a.cssClass;
|
|
64
|
+
var IconSvg = iconSvgMapping[value] || iconSvgMapping[type];
|
|
65
|
+
if (IconSvg)
|
|
66
|
+
return IconSvg;
|
|
61
67
|
var iconSet = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, defaultIcons), iconOptions);
|
|
62
68
|
// see if the value has a corresponding icon, e.g. 'Active' in a studies table
|
|
63
69
|
// or if the type of card has a corresponding icon, e.g. 'Publication'
|
|
64
|
-
var
|
|
65
|
-
// TODO: get rid of dataset icon class, none of the icons should be special cased
|
|
66
|
-
var datasetCustomStyle = value === SynapseConstants_1.DATASET || type === SynapseConstants_1.DATASET ? { height: '55px' } : {};
|
|
70
|
+
var IconDefinition = iconSet[value] || iconSet[type];
|
|
67
71
|
var className = "iconImg " + (cssClass !== null && cssClass !== void 0 ? cssClass : '');
|
|
68
|
-
if (
|
|
72
|
+
if (IconDefinition == null) {
|
|
69
73
|
console.warn('Icon type not found:', type);
|
|
70
74
|
return React.createElement(React.Fragment, null);
|
|
71
75
|
}
|
|
72
|
-
if (typeof
|
|
73
|
-
return React.createElement("img", { src:
|
|
76
|
+
if (typeof IconDefinition === 'string') {
|
|
77
|
+
return React.createElement("img", { src: IconDefinition, className: className });
|
|
74
78
|
}
|
|
75
79
|
return (React.createElement("span", null,
|
|
76
|
-
React.createElement(
|
|
80
|
+
React.createElement(IconDefinition, { className: className })));
|
|
77
81
|
};
|
|
78
82
|
exports.default = Icon;
|
|
79
83
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/lib/containers/row_renderers/utils/Icon.tsx"],"names":[],"mappings":";;;;AAAA,wDAA8B;AAC9B,oEAwCwC;AAExC,6DAA4E;AAC5E,2EAAyF;AACzF,+EAA6F;AAC7F,iEAAgF;AAChF,6EAA4F;AAC5F,+DAA8E;AAC9E,6DAA4E;AAC5E,+DAA8E;AAC9E,2DAA0E;AAE1E,6DAwBqC;
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/lib/containers/row_renderers/utils/Icon.tsx"],"names":[],"mappings":";;;;AAAA,wDAA8B;AAC9B,oEAwCwC;AAExC,6DAA4E;AAC5E,2EAAyF;AACzF,+EAA6F;AAC7F,iEAAgF;AAChF,6EAA4F;AAC5F,+DAA8E;AAC9E,6DAA4E;AAC5E,+DAA8E;AAC9E,2DAA0E;AAE1E,6DAwBqC;AAGrC,uEAAmC;AAUnC,IAAM,cAAc;IAClB,GAAC,0BAAO,IAAG,oBAAC,iBAAO,IAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAI;OACrD,CAAA;AAED,IAAM,YAAY;IAChB,GAAC,2BAAQ,IAAG,uBAAQ;IACpB,GAAC,yBAAM,IAAG,0BAAQ;IAClB,GAAC,uBAAI,IAAG,4BAAU;IAClB,GAAC,+BAAY,IAAG,iCAAc;IAC9B,GAAC,iCAAc,IAAG,mCAAgB;IAClC,YAAY;IACZ,GAAC,8BAAW,IAAG,0BAAW;IAC1B,GAAC,wBAAK,IAAG,oBAAK;IACd,GAAC,+BAAY,IAAG,+BAAgB;IAChC,GAAC,oCAAiB,IAAG,+BAAgB;IACrC,GAAC,gCAAa,IAAG,gCAAiB;IAClC,GAAC,qCAAkB,IAAG,gCAAiB;IACvC,GAAC,2BAAQ,IAAG,2BAAY;IACxB,GAAC,0BAAO,IAAG,sBAAO;IAClB,GAAC,wBAAK,IAAG,sBAAO;IAChB,GAAC,+BAAY,IAAG,kCAAgB;IAChC,GAAC,yBAAM,IAAG,2BAAS;IACnB,GAAC,wBAAK,IAAG,0BAAQ;IACjB,GAAC,0BAAO,IAAG,sBAAO;IAClB,GAAC,yBAAM,IAAG,qBAAM;IAChB,GAAC,wBAAK,IAAG,oBAAK;IACd,GAAC,yBAAM,IAAG,qBAAM;IAChB,GAAC,6BAAU,IAAG,4BAAa;IAC3B,GAAC,2BAAQ,IAAG,uBAAQ;IACpB,GAAC,yBAAM,IAAG,qBAAM;IAChB,GAAC,2BAAQ,IAAG,uBAAQ;IACpB,GAAC,wBAAK,IAAG,oBAAK;IACd,GAAC,yBAAM,IAAG,qBAAM;IAChB,GAAC,2BAAQ,IAAG,uBAAQ;IACpB,GAAC,2BAAQ,IAAG,uBAAQ;IACpB,GAAC,0BAAO,IAAG,sBAAO;IAClB,GAAC,8BAAW,IAAG,0BAAW;IAC1B,GAAC,gCAAa,IAAG,2BAAY;IAC7B,GAAC,yBAAM,IAAG,2BAAS;IACnB,GAAC,uBAAI,IAAG,yBAAO;IACf,GAAC,+BAAY,IAAG,2BAAY;IAC5B,GAAC,kCAAe,IACd,6DAA6D;IAC/D,GAAC,oCAAiB,IAChB,+DAA+D;IACjE,GAAC,sCAAmB,IAClB,iEAAiE;OACpE,CAAA;AACD,IAAM,IAAI,GAAuC,UAAC,EAKjD;QAJC,IAAI,UAAA,EACJ,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,WAAW,iBAAA,EACX,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,CAAA;IAC7D,IAAI,OAAO;QAAE,OAAO,OAAO,CAAA;IAE3B,IAAM,OAAO,mDAAQ,YAAY,GAAK,WAAW,CAAE,CAAA;IACnD,8EAA8E;IAC9E,sEAAsE;IACtE,IAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;IACtD,IAAM,SAAS,GAAG,cAAW,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAE,CAAA;IAC7C,IAAI,cAAc,IAAI,IAAI,EAAE;QAC1B,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAA;QAC1C,OAAO,yCAAK,CAAA;KACb;IACD,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE;QACtC,OAAO,6BAAK,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,GAAI,CAAA;KAC1D;IACD,OAAO,CACL;QACE,oBAAC,cAAc,IAAC,SAAS,EAAE,SAAS,GAAI,CACnC,CACR,CAAA;AACH,CAAC,CAAA;AACD,kBAAe,IAAI,CAAA"}
|
|
@@ -19,4 +19,5 @@
|
|
|
19
19
|
'./user-profile-links', './blocking-loader', './transition', './popover',
|
|
20
20
|
'./featured-tool-card', './row_renderers/observation-card',
|
|
21
21
|
'./subsection-row-renderer', './dataset-editor', './fluid-modal',
|
|
22
|
-
'./markdown-collapse', './discussion-search', './submission-page'
|
|
22
|
+
'./markdown-collapse', './discussion-search', './submission-page',
|
|
23
|
+
'./governance-dashboard';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
@use '../abstracts/variables' as SRC;
|
|
2
|
+
@use 'sass:map';
|
|
3
|
+
|
|
4
|
+
.AccessApprovalsTable,
|
|
5
|
+
.AccessSubmissionTable,
|
|
6
|
+
.AccessRequirementsTable {
|
|
7
|
+
margin-top: 20px;
|
|
8
|
+
|
|
9
|
+
thead {
|
|
10
|
+
background-color: map.get(SRC.$colors, 'gray-200');
|
|
11
|
+
th {
|
|
12
|
+
vertical-align: middle;
|
|
13
|
+
white-space: nowrap;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
th,
|
|
18
|
+
td {
|
|
19
|
+
border: none;
|
|
20
|
+
}
|
|
21
|
+
li {
|
|
22
|
+
list-style: none;
|
|
23
|
+
}
|
|
24
|
+
.requestor {
|
|
25
|
+
font-style: italic;
|
|
26
|
+
color: map.get(SRC.$colors, 'gray-700') !important;
|
|
27
|
+
}
|
|
28
|
+
.expired {
|
|
29
|
+
color: map.get(SRC.$colors, 'gray-700');
|
|
30
|
+
}
|
|
31
|
+
.non-expire {
|
|
32
|
+
color: map.get(SRC.$colors, 'gray-700');
|
|
33
|
+
font-style: italic;
|
|
34
|
+
}
|
|
35
|
+
}
|
package/dist/style/main.css
CHANGED
|
@@ -20871,6 +20871,7 @@ input[type=radio] + span {
|
|
|
20871
20871
|
display: inline-flex;
|
|
20872
20872
|
flex-wrap: wrap;
|
|
20873
20873
|
align-content: center;
|
|
20874
|
+
max-width: 1300px;
|
|
20874
20875
|
}
|
|
20875
20876
|
.SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem {
|
|
20876
20877
|
margin: 0 auto;
|
|
@@ -24479,4 +24480,62 @@ input[type=radio] + span {
|
|
|
24479
24480
|
margin: 40px;
|
|
24480
24481
|
}
|
|
24481
24482
|
|
|
24483
|
+
.terms-conditions .view-terms a,
|
|
24484
|
+
.terms-conditions .view-terms a:active:focus, .page-progress button,
|
|
24485
|
+
.page-progress button:active,
|
|
24486
|
+
.page-progress button:focus,
|
|
24487
|
+
.page-progress button:active:focus {
|
|
24488
|
+
border: 0;
|
|
24489
|
+
outline: none;
|
|
24490
|
+
box-shadow: none;
|
|
24491
|
+
border-radius: 2px;
|
|
24492
|
+
}
|
|
24493
|
+
|
|
24494
|
+
.AccessApprovalsTable,
|
|
24495
|
+
.AccessSubmissionTable,
|
|
24496
|
+
.AccessRequirementsTable {
|
|
24497
|
+
margin-top: 20px;
|
|
24498
|
+
}
|
|
24499
|
+
.AccessApprovalsTable thead,
|
|
24500
|
+
.AccessSubmissionTable thead,
|
|
24501
|
+
.AccessRequirementsTable thead {
|
|
24502
|
+
background-color: #f1f3f5;
|
|
24503
|
+
}
|
|
24504
|
+
.AccessApprovalsTable thead th,
|
|
24505
|
+
.AccessSubmissionTable thead th,
|
|
24506
|
+
.AccessRequirementsTable thead th {
|
|
24507
|
+
vertical-align: middle;
|
|
24508
|
+
white-space: nowrap;
|
|
24509
|
+
}
|
|
24510
|
+
.AccessApprovalsTable th,
|
|
24511
|
+
.AccessApprovalsTable td,
|
|
24512
|
+
.AccessSubmissionTable th,
|
|
24513
|
+
.AccessSubmissionTable td,
|
|
24514
|
+
.AccessRequirementsTable th,
|
|
24515
|
+
.AccessRequirementsTable td {
|
|
24516
|
+
border: none;
|
|
24517
|
+
}
|
|
24518
|
+
.AccessApprovalsTable li,
|
|
24519
|
+
.AccessSubmissionTable li,
|
|
24520
|
+
.AccessRequirementsTable li {
|
|
24521
|
+
list-style: none;
|
|
24522
|
+
}
|
|
24523
|
+
.AccessApprovalsTable .requestor,
|
|
24524
|
+
.AccessSubmissionTable .requestor,
|
|
24525
|
+
.AccessRequirementsTable .requestor {
|
|
24526
|
+
font-style: italic;
|
|
24527
|
+
color: #878e95 !important;
|
|
24528
|
+
}
|
|
24529
|
+
.AccessApprovalsTable .expired,
|
|
24530
|
+
.AccessSubmissionTable .expired,
|
|
24531
|
+
.AccessRequirementsTable .expired {
|
|
24532
|
+
color: #878e95;
|
|
24533
|
+
}
|
|
24534
|
+
.AccessApprovalsTable .non-expire,
|
|
24535
|
+
.AccessSubmissionTable .non-expire,
|
|
24536
|
+
.AccessRequirementsTable .non-expire {
|
|
24537
|
+
color: #878e95;
|
|
24538
|
+
font-style: italic;
|
|
24539
|
+
}
|
|
24540
|
+
|
|
24482
24541
|
/*# sourceMappingURL=main.css.map */
|
|
@@ -20880,6 +20880,7 @@ input[type=radio] + span {
|
|
|
20880
20880
|
display: inline-flex;
|
|
20881
20881
|
flex-wrap: wrap;
|
|
20882
20882
|
align-content: center;
|
|
20883
|
+
max-width: 1300px;
|
|
20883
20884
|
}
|
|
20884
20885
|
.SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem {
|
|
20885
20886
|
margin: 0 auto;
|
|
@@ -24263,6 +24264,63 @@ input[type=radio] + span {
|
|
|
24263
24264
|
.SubmissionPage .AccessRequirementWikiContainer .AccessRequirementWikiContent {
|
|
24264
24265
|
margin: 40px;
|
|
24265
24266
|
}
|
|
24267
|
+
.terms-conditions .view-terms a,
|
|
24268
|
+
.terms-conditions .view-terms a:active:focus,
|
|
24269
|
+
.page-progress button,
|
|
24270
|
+
.page-progress button:active,
|
|
24271
|
+
.page-progress button:focus,
|
|
24272
|
+
.page-progress button:active:focus {
|
|
24273
|
+
border: 0;
|
|
24274
|
+
outline: none;
|
|
24275
|
+
box-shadow: none;
|
|
24276
|
+
border-radius: 2px;
|
|
24277
|
+
}
|
|
24278
|
+
.AccessApprovalsTable,
|
|
24279
|
+
.AccessSubmissionTable,
|
|
24280
|
+
.AccessRequirementsTable {
|
|
24281
|
+
margin-top: 20px;
|
|
24282
|
+
}
|
|
24283
|
+
.AccessApprovalsTable thead,
|
|
24284
|
+
.AccessSubmissionTable thead,
|
|
24285
|
+
.AccessRequirementsTable thead {
|
|
24286
|
+
background-color: #f1f3f5;
|
|
24287
|
+
}
|
|
24288
|
+
.AccessApprovalsTable thead th,
|
|
24289
|
+
.AccessSubmissionTable thead th,
|
|
24290
|
+
.AccessRequirementsTable thead th {
|
|
24291
|
+
vertical-align: middle;
|
|
24292
|
+
white-space: nowrap;
|
|
24293
|
+
}
|
|
24294
|
+
.AccessApprovalsTable th,
|
|
24295
|
+
.AccessApprovalsTable td,
|
|
24296
|
+
.AccessSubmissionTable th,
|
|
24297
|
+
.AccessSubmissionTable td,
|
|
24298
|
+
.AccessRequirementsTable th,
|
|
24299
|
+
.AccessRequirementsTable td {
|
|
24300
|
+
border: none;
|
|
24301
|
+
}
|
|
24302
|
+
.AccessApprovalsTable li,
|
|
24303
|
+
.AccessSubmissionTable li,
|
|
24304
|
+
.AccessRequirementsTable li {
|
|
24305
|
+
list-style: none;
|
|
24306
|
+
}
|
|
24307
|
+
.AccessApprovalsTable .requestor,
|
|
24308
|
+
.AccessSubmissionTable .requestor,
|
|
24309
|
+
.AccessRequirementsTable .requestor {
|
|
24310
|
+
font-style: italic;
|
|
24311
|
+
color: #878e95 !important;
|
|
24312
|
+
}
|
|
24313
|
+
.AccessApprovalsTable .expired,
|
|
24314
|
+
.AccessSubmissionTable .expired,
|
|
24315
|
+
.AccessRequirementsTable .expired {
|
|
24316
|
+
color: #878e95;
|
|
24317
|
+
}
|
|
24318
|
+
.AccessApprovalsTable .non-expire,
|
|
24319
|
+
.AccessSubmissionTable .non-expire,
|
|
24320
|
+
.AccessRequirementsTable .non-expire {
|
|
24321
|
+
color: #878e95;
|
|
24322
|
+
font-style: italic;
|
|
24323
|
+
}
|
|
24266
24324
|
|
|
24267
24325
|
/* sass-plugin-0:/home/runner/work/Synapse-React-Client/Synapse-React-Client/src/lib/style/components/_spinner.scss */
|
|
24268
24326
|
@keyframes spinner {
|