synapse-react-client 3.1.41 → 3.1.42
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/index.d.ts +7 -1
- package/dist/index.js +51 -17
- package/dist/index.mjs +204 -170
- package/dist/umd/synapse-react-client.development.js +56 -22
- package/dist/umd/synapse-react-client.development.js.map +2 -2
- package/dist/umd/synapse-react-client.production.min.js +61 -61
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -26098,6 +26098,7 @@ __export(SynapseClient_exports, {
|
|
|
26098
26098
|
getSchema: () => getSchema,
|
|
26099
26099
|
getSchemaBinding: () => getSchemaBinding,
|
|
26100
26100
|
getSchemaValidationResults: () => getSchemaValidationResults,
|
|
26101
|
+
getSubjects: () => getSubjects,
|
|
26101
26102
|
getSubmissionById: () => getSubmissionById,
|
|
26102
26103
|
getSubmissionEligibility: () => getSubmissionEligibility,
|
|
26103
26104
|
getSubmissionTeams: () => getSubmissionTeams,
|
|
@@ -30682,6 +30683,17 @@ var getDockerTag = (entityId, accessToken, offset = 0, limit = 20, sort = SortBy
|
|
|
30682
30683
|
0 /* REPO_ENDPOINT */
|
|
30683
30684
|
);
|
|
30684
30685
|
};
|
|
30686
|
+
function getSubjects(accessToken, requirementId, nextPageToken) {
|
|
30687
|
+
const params = new URLSearchParams();
|
|
30688
|
+
if (nextPageToken) {
|
|
30689
|
+
params.set("nextPageToken", nextPageToken);
|
|
30690
|
+
}
|
|
30691
|
+
return doGet(
|
|
30692
|
+
`/repo/v1/accessRequirement/${requirementId}/subjects?${params.toString()}`,
|
|
30693
|
+
accessToken,
|
|
30694
|
+
0 /* REPO_ENDPOINT */
|
|
30695
|
+
);
|
|
30696
|
+
}
|
|
30685
30697
|
|
|
30686
30698
|
// src/synapse-client/index.ts
|
|
30687
30699
|
var synapse_client_default = SynapseClient_exports;
|
|
@@ -34428,7 +34440,17 @@ function useSubmitDataAccessRequest(options) {
|
|
|
34428
34440
|
const queryClient = useQueryClient2();
|
|
34429
34441
|
const { accessToken, keyFactory } = useSynapseContext();
|
|
34430
34442
|
return useMutation3(
|
|
34431
|
-
({ request }) =>
|
|
34443
|
+
async ({ request, accessRequirementId }) => {
|
|
34444
|
+
if (request.subjectId == null || request.subjectType == null) {
|
|
34445
|
+
const { subjects } = await synapse_client_default.getSubjects(
|
|
34446
|
+
accessToken,
|
|
34447
|
+
accessRequirementId
|
|
34448
|
+
);
|
|
34449
|
+
request.subjectId = subjects[0].id;
|
|
34450
|
+
request.subjectType = subjects[0].type;
|
|
34451
|
+
}
|
|
34452
|
+
return synapse_client_default.submitDataAccessRequest(request, accessToken);
|
|
34453
|
+
},
|
|
34432
34454
|
{
|
|
34433
34455
|
...options,
|
|
34434
34456
|
onSuccess: async (data, variables, ctx) => {
|
|
@@ -39366,7 +39388,7 @@ function CancelRequestDataAccess(props) {
|
|
|
39366
39388
|
var CancelRequestDataAccess_default = CancelRequestDataAccess;
|
|
39367
39389
|
|
|
39368
39390
|
// src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm.tsx
|
|
39369
|
-
import React209, { useState as useState46 } from "react";
|
|
39391
|
+
import React209, { useEffect as useEffect45, useState as useState46 } from "react";
|
|
39370
39392
|
|
|
39371
39393
|
// src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManagedACTAccessRequirementFormWikiWrapper.tsx
|
|
39372
39394
|
import React208 from "react";
|
|
@@ -39424,24 +39446,13 @@ function ManagedACTAccessRequirementFormWikiWrapper(props) {
|
|
|
39424
39446
|
// src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm.tsx
|
|
39425
39447
|
function ResearchProjectForm(props) {
|
|
39426
39448
|
const { onSave, managedACTAccessRequirement, onHide } = props;
|
|
39427
|
-
const [projectLead, setProjectLead] = useState46(
|
|
39428
|
-
const [institution, setInstitution] = useState46(
|
|
39429
|
-
const [intendedDataUseStatement, setIntendedDataUseStatement] = useState46(
|
|
39449
|
+
const [projectLead, setProjectLead] = useState46(void 0);
|
|
39450
|
+
const [institution, setInstitution] = useState46(void 0);
|
|
39451
|
+
const [intendedDataUseStatement, setIntendedDataUseStatement] = useState46(void 0);
|
|
39430
39452
|
const [alert2, setAlert] = useState46();
|
|
39431
39453
|
const { data: existingResearchProject, isLoading: isLoadingInitialData } = useGetResearchProject(String(managedACTAccessRequirement.id), {
|
|
39432
39454
|
// Infinite staleTime ensures this won't be refetched unless explicitly invalidated by the mutation
|
|
39433
39455
|
staleTime: Infinity,
|
|
39434
|
-
onSuccess: (data) => {
|
|
39435
|
-
if (data?.projectLead) {
|
|
39436
|
-
setProjectLead(data?.projectLead);
|
|
39437
|
-
}
|
|
39438
|
-
if (data?.institution) {
|
|
39439
|
-
setInstitution(data?.institution);
|
|
39440
|
-
}
|
|
39441
|
-
if (data?.intendedDataUseStatement) {
|
|
39442
|
-
setIntendedDataUseStatement(data?.intendedDataUseStatement);
|
|
39443
|
-
}
|
|
39444
|
-
},
|
|
39445
39456
|
onError: (e) => {
|
|
39446
39457
|
console.log(
|
|
39447
39458
|
"RequestDataAccessStep1: Error getting research project data: ",
|
|
@@ -39449,6 +39460,26 @@ function ResearchProjectForm(props) {
|
|
|
39449
39460
|
);
|
|
39450
39461
|
}
|
|
39451
39462
|
});
|
|
39463
|
+
useEffect45(() => {
|
|
39464
|
+
if (projectLead == void 0 && existingResearchProject?.projectLead) {
|
|
39465
|
+
setProjectLead(existingResearchProject?.projectLead);
|
|
39466
|
+
}
|
|
39467
|
+
if (institution == void 0 && existingResearchProject?.institution) {
|
|
39468
|
+
setInstitution(existingResearchProject?.institution);
|
|
39469
|
+
}
|
|
39470
|
+
if (intendedDataUseStatement == void 0 && existingResearchProject?.intendedDataUseStatement) {
|
|
39471
|
+
setIntendedDataUseStatement(
|
|
39472
|
+
existingResearchProject?.intendedDataUseStatement
|
|
39473
|
+
);
|
|
39474
|
+
}
|
|
39475
|
+
}, [
|
|
39476
|
+
existingResearchProject?.institution,
|
|
39477
|
+
existingResearchProject?.intendedDataUseStatement,
|
|
39478
|
+
existingResearchProject?.projectLead,
|
|
39479
|
+
institution,
|
|
39480
|
+
intendedDataUseStatement,
|
|
39481
|
+
projectLead
|
|
39482
|
+
]);
|
|
39452
39483
|
const { mutate, isLoading: isLoadingUpdate } = useUpdateResearchProject({
|
|
39453
39484
|
onSuccess: (data) => {
|
|
39454
39485
|
if (onSave) {
|
|
@@ -39533,7 +39564,7 @@ function ResearchProjectForm(props) {
|
|
|
39533
39564
|
}
|
|
39534
39565
|
|
|
39535
39566
|
// src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm.tsx
|
|
39536
|
-
import React219, { useEffect as
|
|
39567
|
+
import React219, { useEffect as useEffect47, useState as useState51 } from "react";
|
|
39537
39568
|
|
|
39538
39569
|
// src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsEditor.tsx
|
|
39539
39570
|
import React214 from "react";
|
|
@@ -39578,7 +39609,7 @@ import Select3, {
|
|
|
39578
39609
|
} from "react-select";
|
|
39579
39610
|
|
|
39580
39611
|
// src/components/UserOrTeamBadge/UserOrTeamBadge.tsx
|
|
39581
|
-
import React212, { useEffect as
|
|
39612
|
+
import React212, { useEffect as useEffect46, useState as useState48 } from "react";
|
|
39582
39613
|
|
|
39583
39614
|
// src/components/TeamBadge.tsx
|
|
39584
39615
|
import React211 from "react";
|
|
@@ -39614,7 +39645,7 @@ function UserOrTeamBadge(props) {
|
|
|
39614
39645
|
enabled: !providedUserGroupHeader
|
|
39615
39646
|
}
|
|
39616
39647
|
);
|
|
39617
|
-
|
|
39648
|
+
useEffect46(() => {
|
|
39618
39649
|
if (principalId && userGroupHeader == void 0 && fetchedUserGroupHeader) {
|
|
39619
39650
|
setUserGroupHeader(fetchedUserGroupHeader);
|
|
39620
39651
|
}
|
|
@@ -39761,7 +39792,8 @@ var UserSearchBoxV2 = (props) => {
|
|
|
39761
39792
|
input: {
|
|
39762
39793
|
gridArea: "1 / 2 / 4 / 4 !important"
|
|
39763
39794
|
}
|
|
39764
|
-
})
|
|
39795
|
+
}),
|
|
39796
|
+
menu: (base) => ({ ...base, zIndex: 2 })
|
|
39765
39797
|
},
|
|
39766
39798
|
components: customSelectComponents,
|
|
39767
39799
|
onChange: (option) => {
|
|
@@ -40171,7 +40203,7 @@ function DataAccessRequestAccessorsFilesForm(props) {
|
|
|
40171
40203
|
onError
|
|
40172
40204
|
});
|
|
40173
40205
|
const isLoading = isLoadingGetDataAccessRequest || isLoadingUpdateDataAccessRequest || isLoadingSubmitDataAccessRequest;
|
|
40174
|
-
|
|
40206
|
+
useEffect47(() => {
|
|
40175
40207
|
if (dataAccessRequest && user) {
|
|
40176
40208
|
let shouldUpdate = false;
|
|
40177
40209
|
if (!dataAccessRequest.researchProjectId) {
|
|
@@ -40212,7 +40244,7 @@ function DataAccessRequestAccessorsFilesForm(props) {
|
|
|
40212
40244
|
updateRequestAsync,
|
|
40213
40245
|
user
|
|
40214
40246
|
]);
|
|
40215
|
-
|
|
40247
|
+
useEffect47(() => {
|
|
40216
40248
|
if (dataAccessRequest) {
|
|
40217
40249
|
if (dataAccessRequest.accessorChanges && accessorChanges == void 0) {
|
|
40218
40250
|
setAccessorChanges(dataAccessRequest.accessorChanges);
|
|
@@ -40653,7 +40685,7 @@ function ValidationRequirement() {
|
|
|
40653
40685
|
import React230 from "react";
|
|
40654
40686
|
|
|
40655
40687
|
// src/components/Authentication/TwoFactorEnrollmentForm.tsx
|
|
40656
|
-
import React229, { useEffect as
|
|
40688
|
+
import React229, { useEffect as useEffect48, useRef as useRef36, useState as useState52 } from "react";
|
|
40657
40689
|
|
|
40658
40690
|
// src/components/styled/LeftRightPanel.tsx
|
|
40659
40691
|
import React227 from "react";
|
|
@@ -40814,10 +40846,10 @@ function TwoFactorEnrollmentForm(props) {
|
|
|
40814
40846
|
} = useFinishTwoFactorEnrollment({
|
|
40815
40847
|
onSuccess: onTwoFactorEnrollmentSuccess
|
|
40816
40848
|
});
|
|
40817
|
-
|
|
40849
|
+
useEffect48(() => {
|
|
40818
40850
|
start2FAEnrollment2();
|
|
40819
40851
|
}, []);
|
|
40820
|
-
|
|
40852
|
+
useEffect48(() => {
|
|
40821
40853
|
async function createQrCode() {
|
|
40822
40854
|
if (totpSecret && currentUserEmail && qrCodeCanvasElement.current) {
|
|
40823
40855
|
await toCanvas(
|
|
@@ -42809,7 +42841,7 @@ var SearchV2_default = Search2;
|
|
|
42809
42841
|
|
|
42810
42842
|
// src/components/SqlEditor.tsx
|
|
42811
42843
|
import { SearchTwoTone as SearchTwoTone2 } from "@mui/icons-material";
|
|
42812
|
-
import React279, { useEffect as
|
|
42844
|
+
import React279, { useEffect as useEffect49, useRef as useRef37, useState as useState59 } from "react";
|
|
42813
42845
|
var helpMessageCopy = "The data within tables and views can be retrieved by using a SQL-like query language either from the web interface or from the programmatic clients.";
|
|
42814
42846
|
var helpLink = "https://help.synapse.org/docs/Querying-Tables,-Views,-and-Datasets.2667642897.html#QueryingTables,Views,andDatasets-UsingAdvancedSearchQueries";
|
|
42815
42847
|
var SqlEditor = ({
|
|
@@ -42822,7 +42854,7 @@ var SqlEditor = ({
|
|
|
42822
42854
|
} = useQueryVisualizationContext();
|
|
42823
42855
|
const [sql, setSql] = useState59("");
|
|
42824
42856
|
const inputRef = useRef37(null);
|
|
42825
|
-
|
|
42857
|
+
useEffect49(() => {
|
|
42826
42858
|
if (showSqlEditor) {
|
|
42827
42859
|
const defaultSql = getLastQueryRequest().query.sql;
|
|
42828
42860
|
setSql(defaultSql);
|
|
@@ -43164,7 +43196,7 @@ var DownloadLoginModal = (props) => {
|
|
|
43164
43196
|
};
|
|
43165
43197
|
|
|
43166
43198
|
// src/components/ProgrammaticTableDownload/ProgrammaticTableDownload.tsx
|
|
43167
|
-
import React286, { useEffect as
|
|
43199
|
+
import React286, { useEffect as useEffect50, useMemo as useMemo29, useState as useState61 } from "react";
|
|
43168
43200
|
|
|
43169
43201
|
// src/components/ProgrammaticInstructionsModal.tsx
|
|
43170
43202
|
import React285, { useState as useState60 } from "react";
|
|
@@ -43282,7 +43314,7 @@ function ProgrammaticTableDownload({
|
|
|
43282
43314
|
);
|
|
43283
43315
|
const combinedSql = asyncJobStatus?.responseBody?.combinedSql;
|
|
43284
43316
|
const isLoadingNewBundle = queryIsLoading || newQueryIsFetching;
|
|
43285
|
-
|
|
43317
|
+
useEffect50(() => {
|
|
43286
43318
|
if (combinedSql && !isLoadingNewBundle) {
|
|
43287
43319
|
const indexOfFrom = combinedSql.toUpperCase().indexOf("FROM SYN");
|
|
43288
43320
|
const selectStarTransformedSql = `SELECT * ${combinedSql.substring(
|
|
@@ -43735,7 +43767,7 @@ var SkeletonButton = ({
|
|
|
43735
43767
|
};
|
|
43736
43768
|
|
|
43737
43769
|
// src/components/Skeleton/SkeletonParagraph.tsx
|
|
43738
|
-
import React295, { useEffect as
|
|
43770
|
+
import React295, { useEffect as useEffect51, useState as useState63 } from "react";
|
|
43739
43771
|
import { times as times2 } from "lodash-es";
|
|
43740
43772
|
var SkeletonParagraph = ({
|
|
43741
43773
|
numRows = 5,
|
|
@@ -43743,7 +43775,7 @@ var SkeletonParagraph = ({
|
|
|
43743
43775
|
className
|
|
43744
43776
|
}) => {
|
|
43745
43777
|
const [skeletons, setSkeletons] = useState63([]);
|
|
43746
|
-
|
|
43778
|
+
useEffect51(() => {
|
|
43747
43779
|
const elements = [];
|
|
43748
43780
|
times2(numRows, (i) => {
|
|
43749
43781
|
elements.push(
|
|
@@ -43834,7 +43866,9 @@ function useGetActionsRequiredForTableQuery(queryBundleRequest, columnModels, fi
|
|
|
43834
43866
|
const queryRequestCopy = useMemo30(() => {
|
|
43835
43867
|
const request = cloneDeep3(queryBundleRequest);
|
|
43836
43868
|
const fileColumnId = fileColumnModelId || getFileColumnModelId(columnModels);
|
|
43837
|
-
|
|
43869
|
+
if (fileColumnId) {
|
|
43870
|
+
request.query.selectFileColumn = Number(fileColumnId);
|
|
43871
|
+
}
|
|
43838
43872
|
request.partMask = SynapseConstants_exports.BUNDLE_MASK_ACTIONS_REQUIRED;
|
|
43839
43873
|
return request;
|
|
43840
43874
|
}, [columnModels, fileColumnModelId, queryBundleRequest]);
|
|
@@ -44221,7 +44255,7 @@ var TopLevelControls = (props) => {
|
|
|
44221
44255
|
var TopLevelControls_default = TopLevelControls;
|
|
44222
44256
|
|
|
44223
44257
|
// src/components/widgets/facet-nav/FacetNav.tsx
|
|
44224
|
-
import React313, { useEffect as
|
|
44258
|
+
import React313, { useEffect as useEffect53, useMemo as useMemo33, useState as useState71 } from "react";
|
|
44225
44259
|
|
|
44226
44260
|
// src/components/widgets/query-filter/FacetFilterControls.tsx
|
|
44227
44261
|
import React307 from "react";
|
|
@@ -44234,7 +44268,7 @@ import useDeepCompareEffect4 from "use-deep-compare-effect";
|
|
|
44234
44268
|
|
|
44235
44269
|
// src/components/widgets/Checkbox.tsx
|
|
44236
44270
|
import { uniqueId as _uniqueId2 } from "lodash-es";
|
|
44237
|
-
import React298, { useEffect as
|
|
44271
|
+
import React298, { useEffect as useEffect52, useState as useState65 } from "react";
|
|
44238
44272
|
var Checkbox = (props) => {
|
|
44239
44273
|
const {
|
|
44240
44274
|
checked: propsChecked = false,
|
|
@@ -44244,7 +44278,7 @@ var Checkbox = (props) => {
|
|
|
44244
44278
|
} = props;
|
|
44245
44279
|
const [checked, setChecked] = useState65(propsChecked);
|
|
44246
44280
|
const [uniqueId3] = useState65(_uniqueId2("src-checkbox-"));
|
|
44247
|
-
|
|
44281
|
+
useEffect52(() => {
|
|
44248
44282
|
setChecked(propsChecked);
|
|
44249
44283
|
}, [propsChecked]);
|
|
44250
44284
|
const handleCheckboxChange = (event) => {
|
|
@@ -45910,7 +45944,7 @@ var FacetNav = ({
|
|
|
45910
45944
|
const [isFirstTime, setIsFirstTime] = useState71(true);
|
|
45911
45945
|
const { showFacetVisualization, showFacetFilter } = topLevelControlsState;
|
|
45912
45946
|
const lastQueryRequest = getLastQueryRequest();
|
|
45913
|
-
|
|
45947
|
+
useEffect53(() => {
|
|
45914
45948
|
const result = getFacets(data, facetsToPlot);
|
|
45915
45949
|
if (result.length === 0) {
|
|
45916
45950
|
return;
|
|
@@ -46262,7 +46296,7 @@ var CardContainerLogic = (props) => {
|
|
|
46262
46296
|
};
|
|
46263
46297
|
|
|
46264
46298
|
// src/components/HeaderCard.tsx
|
|
46265
|
-
import React317, { useState as useState73, useEffect as
|
|
46299
|
+
import React317, { useState as useState73, useEffect as useEffect54 } from "react";
|
|
46266
46300
|
var HeaderCard = ({
|
|
46267
46301
|
type,
|
|
46268
46302
|
title,
|
|
@@ -46284,7 +46318,7 @@ var HeaderCard = ({
|
|
|
46284
46318
|
const [docDescription] = useState73(
|
|
46285
46319
|
descriptionElement ? descriptionElement.getAttribute("content") : ""
|
|
46286
46320
|
);
|
|
46287
|
-
|
|
46321
|
+
useEffect54(() => {
|
|
46288
46322
|
if (title && document.title !== title) {
|
|
46289
46323
|
document.title = title;
|
|
46290
46324
|
}
|
|
@@ -46357,7 +46391,7 @@ var IconList = (props) => {
|
|
|
46357
46391
|
var IconList_default = IconList;
|
|
46358
46392
|
|
|
46359
46393
|
// src/components/widgets/FileHandleLink.tsx
|
|
46360
|
-
import React319, { useEffect as
|
|
46394
|
+
import React319, { useEffect as useEffect55, useState as useState74 } from "react";
|
|
46361
46395
|
var FileHandleLink = (props) => {
|
|
46362
46396
|
const {
|
|
46363
46397
|
fileHandleAssociation,
|
|
@@ -46367,7 +46401,7 @@ var FileHandleLink = (props) => {
|
|
|
46367
46401
|
} = props;
|
|
46368
46402
|
const { accessToken } = useSynapseContext();
|
|
46369
46403
|
const [batchFileResult, setBatchFileResult] = useState74();
|
|
46370
|
-
|
|
46404
|
+
useEffect55(() => {
|
|
46371
46405
|
if (displayValue === void 0) {
|
|
46372
46406
|
const getFiles2 = async () => {
|
|
46373
46407
|
const batchFileRequest = {
|
|
@@ -46415,7 +46449,7 @@ var FileHandleLink = (props) => {
|
|
|
46415
46449
|
};
|
|
46416
46450
|
|
|
46417
46451
|
// src/components/widgets/ImageFileHandle.tsx
|
|
46418
|
-
import React320, { useEffect as
|
|
46452
|
+
import React320, { useEffect as useEffect56, useState as useState75 } from "react";
|
|
46419
46453
|
import { useInView as useInView2 } from "react-intersection-observer";
|
|
46420
46454
|
var ImageFileHandle = (props) => {
|
|
46421
46455
|
const {
|
|
@@ -46431,7 +46465,7 @@ var ImageFileHandle = (props) => {
|
|
|
46431
46465
|
triggerOnce: true,
|
|
46432
46466
|
rootMargin: "500px 0px"
|
|
46433
46467
|
});
|
|
46434
|
-
|
|
46468
|
+
useEffect56(() => {
|
|
46435
46469
|
const getData = () => {
|
|
46436
46470
|
if (fileHandleId && associateObjectId && associateObjectType && inView) {
|
|
46437
46471
|
synapse_client_default.getActualFileHandleByIdURL(
|
|
@@ -47504,7 +47538,7 @@ var AddToDownloadListV2 = (props) => {
|
|
|
47504
47538
|
var AddToDownloadListV2_default = AddToDownloadListV2;
|
|
47505
47539
|
|
|
47506
47540
|
// src/components/DirectDownload.tsx
|
|
47507
|
-
import React328, { useEffect as
|
|
47541
|
+
import React328, { useEffect as useEffect57, useState as useState76 } from "react";
|
|
47508
47542
|
import { useInView as useInView3 } from "react-intersection-observer";
|
|
47509
47543
|
import { UAParser } from "ua-parser-js";
|
|
47510
47544
|
var DirectDownload = (props) => {
|
|
@@ -47525,7 +47559,7 @@ var DirectDownload = (props) => {
|
|
|
47525
47559
|
const [externalURL, setExternalURL] = useState76();
|
|
47526
47560
|
const [fileName, setFileName] = useState76("");
|
|
47527
47561
|
let mounted = true;
|
|
47528
|
-
|
|
47562
|
+
useEffect57(() => {
|
|
47529
47563
|
if (mounted && inView) {
|
|
47530
47564
|
getFileEntityFileHandle();
|
|
47531
47565
|
}
|
|
@@ -47891,7 +47925,7 @@ import React335 from "react";
|
|
|
47891
47925
|
import dayjs7 from "dayjs";
|
|
47892
47926
|
|
|
47893
47927
|
// src/components/EntityIdList.tsx
|
|
47894
|
-
import React332, { useEffect as
|
|
47928
|
+
import React332, { useEffect as useEffect58, useState as useState77 } from "react";
|
|
47895
47929
|
import { useInView as useInView4 } from "react-intersection-observer";
|
|
47896
47930
|
|
|
47897
47931
|
// src/components/EntityLink.tsx
|
|
@@ -47997,7 +48031,7 @@ var EntityIdList = (props) => {
|
|
|
47997
48031
|
const [entityLinkArray, setEntityLinkArray] = useState77([/* @__PURE__ */ React332.createElement(React332.Fragment, null)]);
|
|
47998
48032
|
const { ref, inView } = useInView4();
|
|
47999
48033
|
let mounted = true;
|
|
48000
|
-
|
|
48034
|
+
useEffect58(() => {
|
|
48001
48035
|
if (inView) {
|
|
48002
48036
|
getEntityTypes();
|
|
48003
48037
|
}
|
|
@@ -48024,7 +48058,7 @@ var EntityIdList = (props) => {
|
|
|
48024
48058
|
var EntityIdList_default = EntityIdList;
|
|
48025
48059
|
|
|
48026
48060
|
// src/components/EvaluationIdRenderer.tsx
|
|
48027
|
-
import React333, { useEffect as
|
|
48061
|
+
import React333, { useEffect as useEffect59, useState as useState78 } from "react";
|
|
48028
48062
|
import { useInView as useInView5 } from "react-intersection-observer";
|
|
48029
48063
|
var EvaluationIdRenderer = (props) => {
|
|
48030
48064
|
const { accessToken } = useSynapseContext();
|
|
@@ -48032,7 +48066,7 @@ var EvaluationIdRenderer = (props) => {
|
|
|
48032
48066
|
const [evaluationName, setEvaluationName] = useState78();
|
|
48033
48067
|
const { ref, inView } = useInView5();
|
|
48034
48068
|
let mounted = true;
|
|
48035
|
-
|
|
48069
|
+
useEffect59(() => {
|
|
48036
48070
|
if (mounted && inView) {
|
|
48037
48071
|
getEvaluationQueue();
|
|
48038
48072
|
}
|
|
@@ -48057,7 +48091,7 @@ var EvaluationIdRenderer = (props) => {
|
|
|
48057
48091
|
var EvaluationIdRenderer_default = EvaluationIdRenderer;
|
|
48058
48092
|
|
|
48059
48093
|
// src/components/UserIdList.tsx
|
|
48060
|
-
import React334, { useEffect as
|
|
48094
|
+
import React334, { useEffect as useEffect60, useState as useState79 } from "react";
|
|
48061
48095
|
import { useInView as useInView6 } from "react-intersection-observer";
|
|
48062
48096
|
var UserIdList = (props) => {
|
|
48063
48097
|
const { accessToken } = useSynapseContext();
|
|
@@ -48065,7 +48099,7 @@ var UserIdList = (props) => {
|
|
|
48065
48099
|
const [profileCards, setProfileCards] = useState79();
|
|
48066
48100
|
const { ref, inView } = useInView6();
|
|
48067
48101
|
let mounted = true;
|
|
48068
|
-
|
|
48102
|
+
useEffect60(() => {
|
|
48069
48103
|
if (mounted && inView) {
|
|
48070
48104
|
getUserProfilesToRender();
|
|
48071
48105
|
}
|
|
@@ -49459,14 +49493,14 @@ import React349 from "react";
|
|
|
49459
49493
|
|
|
49460
49494
|
// src/components/widgets/SynapseVideo.tsx
|
|
49461
49495
|
import React348 from "react";
|
|
49462
|
-
import { useEffect as
|
|
49496
|
+
import { useEffect as useEffect61, useState as useState81 } from "react";
|
|
49463
49497
|
function SynapseVideo({ params }) {
|
|
49464
49498
|
const { accessToken } = useSynapseContext();
|
|
49465
49499
|
const [externalVideoUrl, setExternalVideoUrl] = useState81();
|
|
49466
49500
|
const [synapseVideoPresignedUrl, setSynapseVideoPresignedUrl] = useState81();
|
|
49467
49501
|
const videoWidth = params.width ?? "";
|
|
49468
49502
|
const videoHeight = params.height ?? "";
|
|
49469
|
-
|
|
49503
|
+
useEffect61(() => {
|
|
49470
49504
|
const getVideo = () => {
|
|
49471
49505
|
if (params.videoId)
|
|
49472
49506
|
setExternalVideoUrl(`https://www.youtube.com/embed/${params.videoId}`);
|
|
@@ -50691,7 +50725,7 @@ function TwoFactorAuthSettingsPanel(props) {
|
|
|
50691
50725
|
}
|
|
50692
50726
|
|
|
50693
50727
|
// src/components/Authentication/TwoFactorBackupCodes.tsx
|
|
50694
|
-
import React371, { useEffect as
|
|
50728
|
+
import React371, { useEffect as useEffect63, useState as useState85 } from "react";
|
|
50695
50729
|
import { useMutation as useMutation10 } from "react-query";
|
|
50696
50730
|
|
|
50697
50731
|
// src/assets/icons/FrontHand.tsx
|
|
@@ -50802,11 +50836,11 @@ function RecoveryCodeGrid(props) {
|
|
|
50802
50836
|
}
|
|
50803
50837
|
|
|
50804
50838
|
// src/utils/hooks/useMediaPrintOnly.ts
|
|
50805
|
-
import { useEffect as
|
|
50839
|
+
import { useEffect as useEffect62 } from "react";
|
|
50806
50840
|
function useMediaPrintOnly() {
|
|
50807
50841
|
const visibleOnPrintClassName = "printable";
|
|
50808
50842
|
const hiddenOnPrintClassName = "noPrint";
|
|
50809
|
-
|
|
50843
|
+
useEffect62(() => {
|
|
50810
50844
|
const temporaryPrintStyle = document.createElement("style");
|
|
50811
50845
|
temporaryPrintStyle.innerHTML = `@media print {
|
|
50812
50846
|
* {
|
|
@@ -50860,7 +50894,7 @@ function TwoFactorBackupCodes(props) {
|
|
|
50860
50894
|
setHasConfirmedRegeneration(true);
|
|
50861
50895
|
}
|
|
50862
50896
|
});
|
|
50863
|
-
|
|
50897
|
+
useEffect63(() => {
|
|
50864
50898
|
if (!showReplaceOldCodesWarning) {
|
|
50865
50899
|
generateCodes();
|
|
50866
50900
|
}
|
|
@@ -51003,7 +51037,7 @@ function TwoFactorBackupCodes(props) {
|
|
|
51003
51037
|
}
|
|
51004
51038
|
|
|
51005
51039
|
// src/components/CertificationQuiz/CertificationQuiz.tsx
|
|
51006
|
-
import React372, { useEffect as
|
|
51040
|
+
import React372, { useEffect as useEffect64, useState as useState86 } from "react";
|
|
51007
51041
|
import { HelpOutlineTwoTone as HelpOutlineTwoTone3 } from "@mui/icons-material";
|
|
51008
51042
|
import { useErrorHandler as useErrorHandler3 } from "react-error-boundary";
|
|
51009
51043
|
var CertificationQuiz = () => {
|
|
@@ -51023,7 +51057,7 @@ var CertificationQuiz = () => {
|
|
|
51023
51057
|
handleError(err);
|
|
51024
51058
|
}
|
|
51025
51059
|
};
|
|
51026
|
-
|
|
51060
|
+
useEffect64(() => {
|
|
51027
51061
|
getQuiz();
|
|
51028
51062
|
}, [accessToken]);
|
|
51029
51063
|
const onUpdateAnswer = (questionIndex, answer) => {
|
|
@@ -51173,12 +51207,12 @@ var CertificationQuiz_default = CertificationQuiz;
|
|
|
51173
51207
|
import React384, { useState as useState93 } from "react";
|
|
51174
51208
|
|
|
51175
51209
|
// src/components/ChallengeRegisterButton/ChallengeRegisterButton.tsx
|
|
51176
|
-
import React375, { useEffect as
|
|
51210
|
+
import React375, { useEffect as useEffect66, useState as useState88 } from "react";
|
|
51177
51211
|
import ExitToAppIcon from "@mui/icons-material/ExitToApp";
|
|
51178
51212
|
import { Box as Box2 } from "@mui/system";
|
|
51179
51213
|
|
|
51180
51214
|
// src/components/widgets/SpinnerButton.tsx
|
|
51181
|
-
import React374, { useEffect as
|
|
51215
|
+
import React374, { useEffect as useEffect65, useRef as useRef39, useState as useState87 } from "react";
|
|
51182
51216
|
|
|
51183
51217
|
// src/components/widgets/LoginAwareButton.tsx
|
|
51184
51218
|
import * as React373 from "react";
|
|
@@ -51211,7 +51245,7 @@ var SpinnerButton = ({
|
|
|
51211
51245
|
}) => {
|
|
51212
51246
|
const [width, setWidth] = useState87(0);
|
|
51213
51247
|
const elementRef = useRef39(null);
|
|
51214
|
-
|
|
51248
|
+
useEffect65(() => {
|
|
51215
51249
|
if (elementRef) {
|
|
51216
51250
|
const n = elementRef.current?.offsetWidth ?? 0;
|
|
51217
51251
|
setWidth(n);
|
|
@@ -51261,7 +51295,7 @@ var ChallengeRegisterButton = ({
|
|
|
51261
51295
|
const [hasSubmissionTeam, setHasSubmissionTeam] = useState88(false);
|
|
51262
51296
|
const [loading, setLoading] = useState88(true);
|
|
51263
51297
|
const [requestError, setRequestError] = useState88();
|
|
51264
|
-
|
|
51298
|
+
useEffect66(() => {
|
|
51265
51299
|
if (requestError && onChallengeError)
|
|
51266
51300
|
onChallengeError(requestError);
|
|
51267
51301
|
}, [requestError, onChallengeError]);
|
|
@@ -51360,7 +51394,7 @@ var ChallengeRegisterButton_default = ChallengeRegisterButton;
|
|
|
51360
51394
|
var ChallengeRegisterButton_default2 = ChallengeRegisterButton_default;
|
|
51361
51395
|
|
|
51362
51396
|
// src/components/ChallengeTeamWizard/ChallengeTeamWizard.tsx
|
|
51363
|
-
import React383, { useEffect as
|
|
51397
|
+
import React383, { useEffect as useEffect68, useState as useState92 } from "react";
|
|
51364
51398
|
|
|
51365
51399
|
// src/components/StepperDialog/StepperDialog.tsx
|
|
51366
51400
|
import React376 from "react";
|
|
@@ -51508,7 +51542,7 @@ import React380 from "react";
|
|
|
51508
51542
|
import ControlPointIcon from "@mui/icons-material/ControlPoint";
|
|
51509
51543
|
|
|
51510
51544
|
// src/components/ChallengeTeamWizard/ChallengeTeamTable.tsx
|
|
51511
|
-
import React379, { useEffect as
|
|
51545
|
+
import React379, { useEffect as useEffect67, useState as useState90 } from "react";
|
|
51512
51546
|
import { DataGrid } from "@mui/x-data-grid";
|
|
51513
51547
|
import dayjs10 from "dayjs";
|
|
51514
51548
|
|
|
@@ -51600,11 +51634,11 @@ function ChallengeTeamTable({
|
|
|
51600
51634
|
description: team.description
|
|
51601
51635
|
};
|
|
51602
51636
|
};
|
|
51603
|
-
|
|
51637
|
+
useEffect67(() => {
|
|
51604
51638
|
const ids = regTeams?.map((team) => team.teamId) ?? [];
|
|
51605
51639
|
setTeamIdList(ids);
|
|
51606
51640
|
}, [regTeams]);
|
|
51607
|
-
|
|
51641
|
+
useEffect67(() => {
|
|
51608
51642
|
const teams = teamsList?.list.filter((team) => team.canRequestMembership !== false) ?? [];
|
|
51609
51643
|
const row = [];
|
|
51610
51644
|
const teamRecords = {};
|
|
@@ -51848,7 +51882,7 @@ var ChallengeTeamWizard = ({ projectId, isShowingModal = false, onClose }) => {
|
|
|
51848
51882
|
participantTeamId,
|
|
51849
51883
|
userId
|
|
51850
51884
|
);
|
|
51851
|
-
|
|
51885
|
+
useEffect68(() => {
|
|
51852
51886
|
if (challengeTeamMembershipStatus && !challengeTeamMembershipStatus?.isMember && accessToken) {
|
|
51853
51887
|
addTeamMemberAsAuthenticatedUserOrAdmin(
|
|
51854
51888
|
participantTeamId,
|
|
@@ -51874,7 +51908,7 @@ var ChallengeTeamWizard = ({ projectId, isShowingModal = false, onClose }) => {
|
|
|
51874
51908
|
keyFactory
|
|
51875
51909
|
]);
|
|
51876
51910
|
const { data: userSubmissionTeams, error: userSubmissionTeamError } = useGetUserSubmissionTeamsInfinite(challenge?.id ?? EMPTY_ID2, 1);
|
|
51877
|
-
|
|
51911
|
+
useEffect68(() => {
|
|
51878
51912
|
if (userSubmissionTeams) {
|
|
51879
51913
|
const isReg = userSubmissionTeams.results.length > 0;
|
|
51880
51914
|
if (isReg) {
|
|
@@ -51940,20 +51974,20 @@ var ChallengeTeamWizard = ({ projectId, isShowingModal = false, onClose }) => {
|
|
|
51940
51974
|
canJoin: false
|
|
51941
51975
|
};
|
|
51942
51976
|
};
|
|
51943
|
-
|
|
51977
|
+
useEffect68(() => {
|
|
51944
51978
|
const isLoggedOut = !!userProfile && userProfile.ownerId === ANONYMOUS_PRINCIPAL_ID.toString();
|
|
51945
51979
|
if (isLoggedOut) {
|
|
51946
51980
|
setLoading(false);
|
|
51947
51981
|
setErrorMessage("Please login to continue.");
|
|
51948
51982
|
}
|
|
51949
51983
|
}, [accessToken, userProfile, projectId, challenge]);
|
|
51950
|
-
|
|
51984
|
+
useEffect68(() => {
|
|
51951
51985
|
if (inviteMembersSuccess && registerChallengeSuccess) {
|
|
51952
51986
|
setConfirming(false);
|
|
51953
51987
|
handleStepChange(step.confirmStep);
|
|
51954
51988
|
}
|
|
51955
51989
|
}, [registerChallengeSuccess, inviteMembersSuccess, step]);
|
|
51956
|
-
|
|
51990
|
+
useEffect68(() => {
|
|
51957
51991
|
if (selectedTeam && selectedTeam.id in membershipStatus && step.id === "SELECT_YOUR_CHALLENGE_TEAM" /* SELECT_YOUR_CHALLENGE_TEAM */) {
|
|
51958
51992
|
const { canJoin, errorMessage: errorMessage2 } = canUserJoinTeam();
|
|
51959
51993
|
if (canJoin) {
|
|
@@ -52270,7 +52304,7 @@ import { Map as Map2 } from "immutable";
|
|
|
52270
52304
|
|
|
52271
52305
|
// src/components/EntityFinder/EntityFinder.tsx
|
|
52272
52306
|
import pluralize4 from "pluralize";
|
|
52273
|
-
import React423, { useCallback as useCallback26, useEffect as
|
|
52307
|
+
import React423, { useCallback as useCallback26, useEffect as useEffect79, useMemo as useMemo38, useRef as useRef43, useState as useState106 } from "react";
|
|
52274
52308
|
import ArrowBackOutlinedIcon from "@mui/icons-material/ArrowBackOutlined";
|
|
52275
52309
|
import ClearIcon from "@mui/icons-material/Clear";
|
|
52276
52310
|
import SearchIcon2 from "@mui/icons-material/Search";
|
|
@@ -52317,12 +52351,12 @@ import BaseTable, {
|
|
|
52317
52351
|
AutoResizer,
|
|
52318
52352
|
Column
|
|
52319
52353
|
} from "@sage-bionetworks/react-base-table";
|
|
52320
|
-
import React414, { useCallback as useCallback23, useEffect as
|
|
52354
|
+
import React414, { useCallback as useCallback23, useEffect as useEffect75, useMemo as useMemo36, useState as useState100 } from "react";
|
|
52321
52355
|
import { useQueryClient as useQueryClient10 } from "react-query";
|
|
52322
52356
|
|
|
52323
52357
|
// src/components/EntityFinder/details/view/DetailsViewTableRenderers.tsx
|
|
52324
52358
|
import dayjs14 from "dayjs";
|
|
52325
|
-
import React412, { useEffect as
|
|
52359
|
+
import React412, { useEffect as useEffect74 } from "react";
|
|
52326
52360
|
import { Form as Form5 } from "react-bootstrap";
|
|
52327
52361
|
|
|
52328
52362
|
// src/assets/icons/Sort.tsx
|
|
@@ -52367,7 +52401,7 @@ import {
|
|
|
52367
52401
|
PublicTwoTone as PublicTwoTone2
|
|
52368
52402
|
} from "@mui/icons-material";
|
|
52369
52403
|
import { isEmpty as isEmpty8 } from "lodash-es";
|
|
52370
|
-
import React411, { useEffect as
|
|
52404
|
+
import React411, { useEffect as useEffect73, useState as useState99 } from "react";
|
|
52371
52405
|
import { useInView as useInView7 } from "react-intersection-observer";
|
|
52372
52406
|
|
|
52373
52407
|
// src/components/entity/metadata/EntityModal.tsx
|
|
@@ -52376,7 +52410,7 @@ import React410, { useRef as useRef42, useState as useState98 } from "react";
|
|
|
52376
52410
|
// src/components/SchemaDrivenAnnotationEditor/SchemaDrivenAnnotationEditor.tsx
|
|
52377
52411
|
import Form4 from "@rjsf/mui";
|
|
52378
52412
|
import isEmpty6 from "lodash-es/isEmpty";
|
|
52379
|
-
import React407, { useCallback as useCallback22, useEffect as
|
|
52413
|
+
import React407, { useCallback as useCallback22, useEffect as useEffect72, useMemo as useMemo35, useRef as useRef41 } from "react";
|
|
52380
52414
|
|
|
52381
52415
|
// src/assets/icons/AddToList.tsx
|
|
52382
52416
|
import React387 from "react";
|
|
@@ -52398,7 +52432,7 @@ var AddToList_default = AddToList;
|
|
|
52398
52432
|
|
|
52399
52433
|
// src/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.tsx
|
|
52400
52434
|
import { isEqual as isEqual3 } from "lodash-es";
|
|
52401
|
-
import React389, { useEffect as
|
|
52435
|
+
import React389, { useEffect as useEffect69, useState as useState94 } from "react";
|
|
52402
52436
|
|
|
52403
52437
|
// src/components/SchemaDrivenAnnotationEditor/AnnotationEditorUtils.ts
|
|
52404
52438
|
import { flatMap, groupBy, isEmpty as isEmpty5 } from "lodash-es";
|
|
@@ -52576,7 +52610,7 @@ function AdditionalPropertiesSchemaField(props) {
|
|
|
52576
52610
|
guessPropertyType(convertToArray(formData))
|
|
52577
52611
|
);
|
|
52578
52612
|
const [nextPropertyType, setNextPropertyType] = useState94(propertyType);
|
|
52579
|
-
|
|
52613
|
+
useEffect69(() => {
|
|
52580
52614
|
function onNextPropertyTypeUpdate() {
|
|
52581
52615
|
if (Array.isArray(formData)) {
|
|
52582
52616
|
const dataIsEmpty = formData.length === 0 || formData.every((item) => item == null || item == "");
|
|
@@ -52593,7 +52627,7 @@ function AdditionalPropertiesSchemaField(props) {
|
|
|
52593
52627
|
}
|
|
52594
52628
|
onNextPropertyTypeUpdate();
|
|
52595
52629
|
}, [nextPropertyType]);
|
|
52596
|
-
|
|
52630
|
+
useEffect69(() => {
|
|
52597
52631
|
function coerceDataAndUpdateWidget() {
|
|
52598
52632
|
if (Array.isArray(formData)) {
|
|
52599
52633
|
if (formData.every((item) => item == null)) {
|
|
@@ -52899,7 +52933,7 @@ var TextWidget_default = TextWidget;
|
|
|
52899
52933
|
import validator2 from "@rjsf/validator-ajv8";
|
|
52900
52934
|
|
|
52901
52935
|
// src/components/SchemaDrivenAnnotationEditor/field/CustomObjectField.tsx
|
|
52902
|
-
import React395, { useEffect as
|
|
52936
|
+
import React395, { useEffect as useEffect70 } from "react";
|
|
52903
52937
|
import { getDefaultRegistry } from "@rjsf/core";
|
|
52904
52938
|
import {
|
|
52905
52939
|
ADDITIONAL_PROPERTY_FLAG as ADDITIONAL_PROPERTY_FLAG2,
|
|
@@ -52910,7 +52944,7 @@ function CustomObjectField(props) {
|
|
|
52910
52944
|
const {
|
|
52911
52945
|
fields: { ObjectField }
|
|
52912
52946
|
} = getDefaultRegistry();
|
|
52913
|
-
|
|
52947
|
+
useEffect70(() => {
|
|
52914
52948
|
const { schema, formData, onChange } = props;
|
|
52915
52949
|
const newFormData = { ...formData };
|
|
52916
52950
|
if (schema[PROPERTIES_KEY]) {
|
|
@@ -53034,7 +53068,7 @@ import {
|
|
|
53034
53068
|
getTemplate as getTemplate2,
|
|
53035
53069
|
getUiOptions as getUiOptions2
|
|
53036
53070
|
} from "@rjsf/utils";
|
|
53037
|
-
import React397, { useEffect as
|
|
53071
|
+
import React397, { useEffect as useEffect71, useState as useState96 } from "react";
|
|
53038
53072
|
import { HelpOutline } from "@mui/icons-material";
|
|
53039
53073
|
function ArrayFieldTemplate(props) {
|
|
53040
53074
|
const { idSchema, uiSchema, items, registry, schema } = props;
|
|
@@ -53049,7 +53083,7 @@ function ArrayFieldTemplate(props) {
|
|
|
53049
53083
|
const isAdditionalProperty = !!props.schema[ADDITIONAL_PROPERTY_FLAG3];
|
|
53050
53084
|
const additionalPropertyContext = useAdditionalPropertyContext();
|
|
53051
53085
|
const [showDetails, setShowDetails] = useState96(false);
|
|
53052
|
-
|
|
53086
|
+
useEffect71(() => {
|
|
53053
53087
|
if (props.items.length === 0) {
|
|
53054
53088
|
props.onAddClick();
|
|
53055
53089
|
}
|
|
@@ -53495,7 +53529,7 @@ function SchemaDrivenAnnotationEditor(props) {
|
|
|
53495
53529
|
getTransformErrors(entityJson?.concreteType),
|
|
53496
53530
|
[entityJson?.concreteType]
|
|
53497
53531
|
);
|
|
53498
|
-
|
|
53532
|
+
useEffect72(() => {
|
|
53499
53533
|
if (annotations) {
|
|
53500
53534
|
setFormData(annotations);
|
|
53501
53535
|
}
|
|
@@ -53952,7 +53986,7 @@ var EntityBadgeIcons = (props) => {
|
|
|
53952
53986
|
});
|
|
53953
53987
|
const maxAnnosToShow = 10;
|
|
53954
53988
|
const annotationsCount = bundle?.annotations && !isEmpty8(bundle.annotations.annotations) ? Object.keys(bundle.annotations.annotations).length : 0;
|
|
53955
|
-
|
|
53989
|
+
useEffect73(() => {
|
|
53956
53990
|
if (isInExperimentalMode && schemaValidationResults) {
|
|
53957
53991
|
if (schemaValidationResults.isValid) {
|
|
53958
53992
|
setSchemaConformance("Valid" /* VALID */);
|
|
@@ -54262,7 +54296,7 @@ var DetailsViewVersionRenderer = ({
|
|
|
54262
54296
|
// 60 seconds
|
|
54263
54297
|
});
|
|
54264
54298
|
const versions = versionData?.pages.flatMap((page) => page.results) ?? [];
|
|
54265
|
-
|
|
54299
|
+
useEffect74(() => {
|
|
54266
54300
|
if (isSelected && versionSelection == "REQUIRED" /* REQUIRED */ && currentSelectedVersion === NO_VERSION_NUMBER && versions.length > 0) {
|
|
54267
54301
|
toggleSelection({
|
|
54268
54302
|
targetId: id,
|
|
@@ -54387,7 +54421,7 @@ var DetailsView = ({
|
|
|
54387
54421
|
return "default";
|
|
54388
54422
|
}
|
|
54389
54423
|
};
|
|
54390
|
-
|
|
54424
|
+
useEffect75(() => {
|
|
54391
54425
|
async function handleSelectAll() {
|
|
54392
54426
|
if (shouldSelectAll) {
|
|
54393
54427
|
if (hasNextPage && fetchNextPage) {
|
|
@@ -54975,7 +55009,7 @@ var EntityDetailsList = ({ configuration, ...sharedProps }) => {
|
|
|
54975
55009
|
|
|
54976
55010
|
// src/components/EntityFinder/SelectionPane.tsx
|
|
54977
55011
|
import { Clear as Clear2 } from "@mui/icons-material";
|
|
54978
|
-
import React420, { useEffect as
|
|
55012
|
+
import React420, { useEffect as useEffect76, useState as useState103 } from "react";
|
|
54979
55013
|
var SelectionPane = ({
|
|
54980
55014
|
title,
|
|
54981
55015
|
selectedEntities,
|
|
@@ -55012,7 +55046,7 @@ var EntityPathDisplay = ({ entity, toggleSelection }) => {
|
|
|
55012
55046
|
const [entityName, setEntityName] = useState103("");
|
|
55013
55047
|
const [fullPath, setFullPath] = useState103("");
|
|
55014
55048
|
const [displayedPath, setDisplayedPath] = useState103("");
|
|
55015
|
-
|
|
55049
|
+
useEffect76(() => {
|
|
55016
55050
|
if (bundle?.path?.path) {
|
|
55017
55051
|
const header = bundle.path.path[bundle.path.path.length - 1];
|
|
55018
55052
|
setEntityName(header.name ?? header.id);
|
|
@@ -55051,7 +55085,7 @@ var EntityPathDisplay = ({ entity, toggleSelection }) => {
|
|
|
55051
55085
|
// src/components/EntityFinder/tree/EntityTree.tsx
|
|
55052
55086
|
import React422, {
|
|
55053
55087
|
useCallback as useCallback25,
|
|
55054
|
-
useEffect as
|
|
55088
|
+
useEffect as useEffect78,
|
|
55055
55089
|
useMemo as useMemo37,
|
|
55056
55090
|
useState as useState105
|
|
55057
55091
|
} from "react";
|
|
@@ -55060,7 +55094,7 @@ import { Dropdown as Dropdown6 } from "react-bootstrap";
|
|
|
55060
55094
|
// src/components/EntityFinder/tree/VirtualizedTree.tsx
|
|
55061
55095
|
import { cloneDeep as cloneDeep6 } from "lodash-es";
|
|
55062
55096
|
import dayjs15 from "dayjs";
|
|
55063
|
-
import React421, { useCallback as useCallback24, useEffect as
|
|
55097
|
+
import React421, { useCallback as useCallback24, useEffect as useEffect77, useState as useState104 } from "react";
|
|
55064
55098
|
import { useInView as useInView8 } from "react-intersection-observer";
|
|
55065
55099
|
import AutoSizer from "react-virtualized-auto-sizer";
|
|
55066
55100
|
import {
|
|
@@ -55166,7 +55200,7 @@ function Node4(props) {
|
|
|
55166
55200
|
/* @__PURE__ */ React421.createElement(Skeleton_default, { width: 100 })
|
|
55167
55201
|
);
|
|
55168
55202
|
const { ref, inView } = useInView8();
|
|
55169
|
-
|
|
55203
|
+
useEffect77(() => {
|
|
55170
55204
|
if (isPaginationNode(node) && inView) {
|
|
55171
55205
|
getNextPageOfChildren();
|
|
55172
55206
|
}
|
|
@@ -55181,7 +55215,7 @@ function Node4(props) {
|
|
|
55181
55215
|
await setOpen(!isOpen);
|
|
55182
55216
|
}
|
|
55183
55217
|
}, [getNextPageOfChildren, node, isOpen, setOpen]);
|
|
55184
|
-
|
|
55218
|
+
useEffect77(() => {
|
|
55185
55219
|
if (treeNodeType === 1 /* DUAL_PANE */ && isSelected && !isOpen) {
|
|
55186
55220
|
toggleExpand();
|
|
55187
55221
|
}
|
|
@@ -55324,7 +55358,7 @@ var VirtualizedTree = (props) => {
|
|
|
55324
55358
|
const [rootNode, setRootNode] = useState104(
|
|
55325
55359
|
rootNodeConfiguration
|
|
55326
55360
|
);
|
|
55327
|
-
|
|
55361
|
+
useEffect77(() => {
|
|
55328
55362
|
setRootNode(rootNodeConfiguration);
|
|
55329
55363
|
}, [rootNodeConfiguration, rootNodeConfiguration.children]);
|
|
55330
55364
|
const itemSize = useCallback24(
|
|
@@ -55450,7 +55484,7 @@ function EntityTree(props) {
|
|
|
55450
55484
|
type: 5 /* PROMPT */
|
|
55451
55485
|
};
|
|
55452
55486
|
const [scope, setScope] = useState105(initialScope);
|
|
55453
|
-
|
|
55487
|
+
useEffect78(() => {
|
|
55454
55488
|
if (setDetailsViewConfiguration) {
|
|
55455
55489
|
setDetailsViewConfiguration(DEFAULT_CONFIGURATION);
|
|
55456
55490
|
}
|
|
@@ -55556,7 +55590,7 @@ function EntityTree(props) {
|
|
|
55556
55590
|
projectHeader,
|
|
55557
55591
|
scope
|
|
55558
55592
|
]);
|
|
55559
|
-
|
|
55593
|
+
useEffect78(() => {
|
|
55560
55594
|
if (setDetailsViewConfiguration || setBreadcrumbItems) {
|
|
55561
55595
|
let detailsViewConfig;
|
|
55562
55596
|
let breadcrumbItems = [];
|
|
@@ -55788,7 +55822,7 @@ var EntityFinder = ({
|
|
|
55788
55822
|
},
|
|
55789
55823
|
[selectableTypes]
|
|
55790
55824
|
);
|
|
55791
|
-
|
|
55825
|
+
useEffect79(() => {
|
|
55792
55826
|
onSelectedChange(
|
|
55793
55827
|
selectedEntities.toArray().map(([id, version]) => {
|
|
55794
55828
|
return {
|
|
@@ -55798,7 +55832,7 @@ var EntityFinder = ({
|
|
|
55798
55832
|
})
|
|
55799
55833
|
);
|
|
55800
55834
|
}, [selectedEntities, onSelectedChange]);
|
|
55801
|
-
|
|
55835
|
+
useEffect79(() => {
|
|
55802
55836
|
if (searchTerms?.length === 1) {
|
|
55803
55837
|
const searchTermReference = parseSynId(searchTerms[0]);
|
|
55804
55838
|
if (searchTermReference) {
|
|
@@ -56052,7 +56086,7 @@ import BaseTable2, {
|
|
|
56052
56086
|
AutoResizer as AutoResizer2,
|
|
56053
56087
|
Column as Column2
|
|
56054
56088
|
} from "@sage-bionetworks/react-base-table";
|
|
56055
|
-
import React425, { useCallback as useCallback28, useEffect as
|
|
56089
|
+
import React425, { useCallback as useCallback28, useEffect as useEffect80, useMemo as useMemo39, useState as useState107 } from "react";
|
|
56056
56090
|
import { useQueryClient as useQueryClient11 } from "react-query";
|
|
56057
56091
|
|
|
56058
56092
|
// src/components/ChallengeDataDownload/Renderers.tsx
|
|
@@ -56129,7 +56163,7 @@ var ChallengeDataTable = ({
|
|
|
56129
56163
|
return "default";
|
|
56130
56164
|
}
|
|
56131
56165
|
};
|
|
56132
|
-
|
|
56166
|
+
useEffect80(() => {
|
|
56133
56167
|
async function handleSelectAll() {
|
|
56134
56168
|
if (shouldSelectAll) {
|
|
56135
56169
|
if (hasNextPage && fetchNextPage) {
|
|
@@ -56567,7 +56601,7 @@ function ChallengeDataDownload({
|
|
|
56567
56601
|
}
|
|
56568
56602
|
|
|
56569
56603
|
// src/components/ChallengeSubmission/ChallengeSubmission.tsx
|
|
56570
|
-
import React433, { useEffect as
|
|
56604
|
+
import React433, { useEffect as useEffect82, useState as useState112 } from "react";
|
|
56571
56605
|
|
|
56572
56606
|
// src/synapse-queries/team/useTeam.ts
|
|
56573
56607
|
import { useQuery as useQuery27 } from "react-query";
|
|
@@ -56581,7 +56615,7 @@ function useGetTeam(teamId, options) {
|
|
|
56581
56615
|
}
|
|
56582
56616
|
|
|
56583
56617
|
// src/components/ChallengeSubmission/SubmissionDirectoryList.tsx
|
|
56584
|
-
import React429, { useEffect as
|
|
56618
|
+
import React429, { useEffect as useEffect81, useState as useState109 } from "react";
|
|
56585
56619
|
import { DataGrid as DataGrid2 } from "@mui/x-data-grid";
|
|
56586
56620
|
import { Link as Link6 } from "react-router-dom";
|
|
56587
56621
|
import dayjs16 from "dayjs";
|
|
@@ -56687,7 +56721,7 @@ function SubmissionDirectoryList({
|
|
|
56687
56721
|
setFetchNextPage(false);
|
|
56688
56722
|
refetch();
|
|
56689
56723
|
}
|
|
56690
|
-
|
|
56724
|
+
useEffect81(() => {
|
|
56691
56725
|
reset();
|
|
56692
56726
|
}, [entityType, pageSize2]);
|
|
56693
56727
|
const { isLoading: areEntitiesLoading, data: entities } = useGetEntities(
|
|
@@ -57519,7 +57553,7 @@ function ChallengeSubmission({
|
|
|
57519
57553
|
challenge?.id ?? EMPTY_ID3,
|
|
57520
57554
|
2
|
|
57521
57555
|
);
|
|
57522
|
-
|
|
57556
|
+
useEffect82(() => {
|
|
57523
57557
|
if (isLoggedIn && !!challenge && userSubmissionTeams) {
|
|
57524
57558
|
const isReg = userSubmissionTeams.results.length > 0;
|
|
57525
57559
|
if (!isReg) {
|
|
@@ -57553,7 +57587,7 @@ function ChallengeSubmission({
|
|
|
57553
57587
|
}
|
|
57554
57588
|
}
|
|
57555
57589
|
);
|
|
57556
|
-
|
|
57590
|
+
useEffect82(() => {
|
|
57557
57591
|
if (entityAlias) {
|
|
57558
57592
|
setProjectAliasFound(true);
|
|
57559
57593
|
setChallengeProjectId(entityAlias.id);
|
|
@@ -57567,7 +57601,7 @@ function ChallengeSubmission({
|
|
|
57567
57601
|
setErrorMessage(error.reason);
|
|
57568
57602
|
}
|
|
57569
57603
|
});
|
|
57570
|
-
|
|
57604
|
+
useEffect82(() => {
|
|
57571
57605
|
if (entityACL && isProjectNewlyCreated === true) {
|
|
57572
57606
|
const teamResourceAccess = {
|
|
57573
57607
|
principalId: Number(submissionTeam.id),
|
|
@@ -57600,25 +57634,25 @@ function ChallengeSubmission({
|
|
|
57600
57634
|
}
|
|
57601
57635
|
}
|
|
57602
57636
|
);
|
|
57603
|
-
|
|
57637
|
+
useEffect82(() => {
|
|
57604
57638
|
if (entityPermissions && entityPermissions.canView && entityPermissions.canAddChild) {
|
|
57605
57639
|
setCanSubmit(true);
|
|
57606
57640
|
}
|
|
57607
57641
|
setLoading(false);
|
|
57608
57642
|
}, [entityPermissions]);
|
|
57609
|
-
|
|
57643
|
+
useEffect82(() => {
|
|
57610
57644
|
if (!isLoggedIn && (!!userProfile || !isProfileLoading)) {
|
|
57611
57645
|
setLoading(false);
|
|
57612
57646
|
setErrorMessage("Please login to continue.");
|
|
57613
57647
|
}
|
|
57614
57648
|
}, [isLoggedIn, userProfile, isProfileLoading]);
|
|
57615
|
-
|
|
57649
|
+
useEffect82(() => {
|
|
57616
57650
|
if (accessToken && submissionTeam && challenge && !newProject) {
|
|
57617
57651
|
const project = getProject(challenge, submissionTeam);
|
|
57618
57652
|
setNewProject(project);
|
|
57619
57653
|
}
|
|
57620
57654
|
}, [accessToken, submissionTeam, challenge, newProject]);
|
|
57621
|
-
|
|
57655
|
+
useEffect82(() => {
|
|
57622
57656
|
async function createChallengeProject() {
|
|
57623
57657
|
const project = getProject(challenge, submissionTeam);
|
|
57624
57658
|
const challengeProject = await createEntity(project, accessToken);
|
|
@@ -57662,14 +57696,14 @@ function ChallengeSubmission({
|
|
|
57662
57696
|
|
|
57663
57697
|
// src/components/DownloadCart/DownloadCartPage.tsx
|
|
57664
57698
|
import React441 from "react";
|
|
57665
|
-
import { useEffect as
|
|
57699
|
+
import { useEffect as useEffect85, useState as useState116 } from "react";
|
|
57666
57700
|
|
|
57667
57701
|
// src/components/DownloadCart/AvailableForDownloadTable.tsx
|
|
57668
57702
|
import React436 from "react";
|
|
57669
57703
|
import { QueryClient as QueryClient2, QueryClientProvider as QueryClientProvider2 } from "react-query";
|
|
57670
57704
|
|
|
57671
57705
|
// src/components/DownloadCart/DownloadListTable.tsx
|
|
57672
|
-
import React435, { useState as useState114, useEffect as
|
|
57706
|
+
import React435, { useState as useState114, useEffect as useEffect83 } from "react";
|
|
57673
57707
|
import { useErrorHandler as useErrorHandler5 } from "react-error-boundary";
|
|
57674
57708
|
import { Dropdown as Dropdown7, Table as Table3 } from "react-bootstrap";
|
|
57675
57709
|
import { useInView as useInView9 } from "react-intersection-observer";
|
|
@@ -57750,18 +57784,18 @@ function DownloadListTable(props) {
|
|
|
57750
57784
|
error: newError,
|
|
57751
57785
|
refetch
|
|
57752
57786
|
} = useGetAvailableFilesToDownloadInfinite(sort, filter2);
|
|
57753
|
-
|
|
57787
|
+
useEffect83(() => {
|
|
57754
57788
|
if (refetch) {
|
|
57755
57789
|
refetch();
|
|
57756
57790
|
}
|
|
57757
57791
|
}, [filesStatistics, refetch]);
|
|
57758
|
-
|
|
57792
|
+
useEffect83(() => {
|
|
57759
57793
|
if (isError && newError) {
|
|
57760
57794
|
handleError(newError);
|
|
57761
57795
|
}
|
|
57762
57796
|
}, [isError, newError, handleError]);
|
|
57763
57797
|
const allRows = data?.pages.flatMap((page) => page.page) ?? [];
|
|
57764
|
-
|
|
57798
|
+
useEffect83(() => {
|
|
57765
57799
|
const copyAllSynapseIDs = () => {
|
|
57766
57800
|
const synIDs = allRows.map((item) => {
|
|
57767
57801
|
return `${item.fileEntityId}.${item.versionNumber}`;
|
|
@@ -58008,7 +58042,7 @@ function DownloadListStats(props) {
|
|
|
58008
58042
|
}
|
|
58009
58043
|
|
|
58010
58044
|
// src/components/DownloadCart/DownloadListActionsRequired.tsx
|
|
58011
|
-
import React439, { useEffect as
|
|
58045
|
+
import React439, { useEffect as useEffect84 } from "react";
|
|
58012
58046
|
import { useInView as useInView10 } from "react-intersection-observer";
|
|
58013
58047
|
var DownloadListActionsRequired = (props) => {
|
|
58014
58048
|
const { ref, inView } = useInView10();
|
|
@@ -58022,7 +58056,7 @@ var DownloadListActionsRequired = (props) => {
|
|
|
58022
58056
|
} = useGetDownloadListActionsRequiredInfinite({
|
|
58023
58057
|
useErrorBoundary: true
|
|
58024
58058
|
});
|
|
58025
|
-
|
|
58059
|
+
useEffect84(() => {
|
|
58026
58060
|
if (status === "success" && !isFetchingNextPage && hasNextPage && fetchNextPage && inView) {
|
|
58027
58061
|
fetchNextPage();
|
|
58028
58062
|
}
|
|
@@ -58152,12 +58186,12 @@ var DownloadCartPage = (props) => {
|
|
|
58152
58186
|
error: newError,
|
|
58153
58187
|
refetch
|
|
58154
58188
|
} = useGetDownloadListStatistics();
|
|
58155
|
-
|
|
58189
|
+
useEffect85(() => {
|
|
58156
58190
|
if (isError && newError) {
|
|
58157
58191
|
setError(newError);
|
|
58158
58192
|
}
|
|
58159
58193
|
}, [isError, newError]);
|
|
58160
|
-
|
|
58194
|
+
useEffect85(() => {
|
|
58161
58195
|
if (data && data.numberOfFilesRequiringAction == 0) {
|
|
58162
58196
|
setSelectedTabIndex(1);
|
|
58163
58197
|
}
|
|
@@ -58312,7 +58346,7 @@ var DownloadCartPage = (props) => {
|
|
|
58312
58346
|
};
|
|
58313
58347
|
|
|
58314
58348
|
// src/components/DownloadCart/ShowDownloadV2.tsx
|
|
58315
|
-
import React442, { useEffect as
|
|
58349
|
+
import React442, { useEffect as useEffect86 } from "react";
|
|
58316
58350
|
import { useErrorHandler as useErrorHandler6 } from "react-error-boundary";
|
|
58317
58351
|
function ShowDownloadV2({ to, className = "" }) {
|
|
58318
58352
|
const { accessToken } = useSynapseContext();
|
|
@@ -58324,7 +58358,7 @@ function ShowDownloadV2({ to, className = "" }) {
|
|
|
58324
58358
|
isError,
|
|
58325
58359
|
error: newError
|
|
58326
58360
|
} = useGetDownloadListStatistics();
|
|
58327
|
-
|
|
58361
|
+
useEffect86(() => {
|
|
58328
58362
|
if (isError && newError && accessToken) {
|
|
58329
58363
|
handleError(newError);
|
|
58330
58364
|
}
|
|
@@ -58603,7 +58637,7 @@ var EntityForm = class extends React443.Component {
|
|
|
58603
58637
|
__publicField(EntityForm, "contextType", SynapseContext);
|
|
58604
58638
|
|
|
58605
58639
|
// src/components/Evaluation/EvaluationCard.tsx
|
|
58606
|
-
import React445, { useEffect as
|
|
58640
|
+
import React445, { useEffect as useEffect87, useState as useState117 } from "react";
|
|
58607
58641
|
import { Card as Card2, Col, Dropdown as Dropdown8, Row as Row5 } from "react-bootstrap";
|
|
58608
58642
|
|
|
58609
58643
|
// src/components/Evaluation/CreatedOnByUserDiv.tsx
|
|
@@ -58634,7 +58668,7 @@ var EvaluationCard = ({
|
|
|
58634
58668
|
const { accessToken } = useSynapseContext();
|
|
58635
58669
|
const [error, setError] = useState117();
|
|
58636
58670
|
const [permissions, setPermissions] = useState117();
|
|
58637
|
-
|
|
58671
|
+
useEffect87(() => {
|
|
58638
58672
|
setError(void 0);
|
|
58639
58673
|
getEvaluationPermissions(evaluation.id, accessToken).then((retrievedPermissions) => {
|
|
58640
58674
|
setPermissions(retrievedPermissions);
|
|
@@ -58715,7 +58749,7 @@ import React452, { useState as useState122 } from "react";
|
|
|
58715
58749
|
|
|
58716
58750
|
// src/components/Evaluation/EvaluationEditor.tsx
|
|
58717
58751
|
import { Col as Col2, Dropdown as Dropdown9, Form as Form7, Row as Row6 } from "react-bootstrap";
|
|
58718
|
-
import React446, { useEffect as
|
|
58752
|
+
import React446, { useEffect as useEffect88, useState as useState118 } from "react";
|
|
58719
58753
|
var EvaluationEditor = ({
|
|
58720
58754
|
evaluationId,
|
|
58721
58755
|
entityId,
|
|
@@ -58728,7 +58762,7 @@ var EvaluationEditor = ({
|
|
|
58728
58762
|
const { accessToken } = useSynapseContext();
|
|
58729
58763
|
const [error, setError] = useState118();
|
|
58730
58764
|
const [showSaveSuccess, setShowSaveSuccess] = useState118(false);
|
|
58731
|
-
|
|
58765
|
+
useEffect88(() => {
|
|
58732
58766
|
if (error) {
|
|
58733
58767
|
setShowSaveSuccess(false);
|
|
58734
58768
|
}
|
|
@@ -58740,7 +58774,7 @@ var EvaluationEditor = ({
|
|
|
58740
58774
|
const [evaluation, setEvaluation] = useState118({
|
|
58741
58775
|
contentSource: entityId
|
|
58742
58776
|
});
|
|
58743
|
-
|
|
58777
|
+
useEffect88(() => {
|
|
58744
58778
|
setName(evaluation.name ?? "");
|
|
58745
58779
|
setDescription(evaluation.description ?? "");
|
|
58746
58780
|
setSubmissionInstructionsMessage(
|
|
@@ -58748,7 +58782,7 @@ var EvaluationEditor = ({
|
|
|
58748
58782
|
);
|
|
58749
58783
|
setSubmissionReceiptMessage(evaluation.submissionReceiptMessage ?? "");
|
|
58750
58784
|
}, [evaluation]);
|
|
58751
|
-
|
|
58785
|
+
useEffect88(() => {
|
|
58752
58786
|
if (evaluationId) {
|
|
58753
58787
|
setError(void 0);
|
|
58754
58788
|
synapse_client_default.getEvaluation(evaluationId, accessToken).then((retrievedEvaluation) => {
|
|
@@ -58869,15 +58903,15 @@ var EvaluationEditorDropdown = ({ onClick, onDelete }) => {
|
|
|
58869
58903
|
};
|
|
58870
58904
|
|
|
58871
58905
|
// src/components/Evaluation/EvaluationRoundEditorList.tsx
|
|
58872
|
-
import React451, { useEffect as
|
|
58906
|
+
import React451, { useEffect as useEffect91, useState as useState121 } from "react";
|
|
58873
58907
|
|
|
58874
58908
|
// src/components/Evaluation/EvaluationRoundEditor.tsx
|
|
58875
|
-
import React450, { useEffect as
|
|
58909
|
+
import React450, { useEffect as useEffect90, useState as useState120 } from "react";
|
|
58876
58910
|
import { Card as Card3, Col as Col3, Form as Form8, FormControl as FormControl4, FormGroup as FormGroup3, Row as Row7 } from "react-bootstrap";
|
|
58877
58911
|
import dayjs19 from "dayjs";
|
|
58878
58912
|
|
|
58879
58913
|
// src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx
|
|
58880
|
-
import React448, { useCallback as useCallback30, useEffect as
|
|
58914
|
+
import React448, { useCallback as useCallback30, useEffect as useEffect89 } from "react";
|
|
58881
58915
|
import { CloseTwoTone as CloseTwoTone2, AddBox } from "@mui/icons-material";
|
|
58882
58916
|
|
|
58883
58917
|
// src/components/Evaluation/round_limits/EvaluationRoundLimitOptions.tsx
|
|
@@ -58949,7 +58983,7 @@ var EvaluationRoundLimitOptionsList = ({ limitInputs, handleChange, handleDelete
|
|
|
58949
58983
|
maxSubmissionString: ""
|
|
58950
58984
|
});
|
|
58951
58985
|
}, [onAddNewLimit, selectedTypes]);
|
|
58952
|
-
|
|
58986
|
+
useEffect89(() => {
|
|
58953
58987
|
if (limitInputs.length === 0) {
|
|
58954
58988
|
addNewLimit();
|
|
58955
58989
|
}
|
|
@@ -59127,7 +59161,7 @@ var EvaluationRoundEditor = ({ evaluationRoundInput, onSave, onDelete }) => {
|
|
|
59127
59161
|
const { accessToken } = useSynapseContext();
|
|
59128
59162
|
const [error, setError] = useState120();
|
|
59129
59163
|
const [showSaveSuccess, setShowSaveSuccess] = useState120(false);
|
|
59130
|
-
|
|
59164
|
+
useEffect90(() => {
|
|
59131
59165
|
if (error) {
|
|
59132
59166
|
setShowSaveSuccess(false);
|
|
59133
59167
|
}
|
|
@@ -59308,7 +59342,7 @@ var EvaluationRoundEditorList = ({ evaluationId }) => {
|
|
|
59308
59342
|
handleListRemove: handleEvaluationRoundInputListRemove,
|
|
59309
59343
|
setList: setEvaluationRoundInputList
|
|
59310
59344
|
} = useListState([]);
|
|
59311
|
-
|
|
59345
|
+
useEffect91(
|
|
59312
59346
|
() => {
|
|
59313
59347
|
fetchEvaluationList(
|
|
59314
59348
|
evaluationId,
|
|
@@ -59395,7 +59429,7 @@ var FakeEvaluationRoundEditorList = () => {
|
|
|
59395
59429
|
|
|
59396
59430
|
// src/components/ExperimentalMode/ExperimentalMode.tsx
|
|
59397
59431
|
import React453 from "react";
|
|
59398
|
-
import { useEffect as
|
|
59432
|
+
import { useEffect as useEffect92, useState as useState123 } from "react";
|
|
59399
59433
|
import UniversalCookies2 from "universal-cookie";
|
|
59400
59434
|
import { InfoOutlined as InfoOutlined3 } from "@mui/icons-material";
|
|
59401
59435
|
var experimentalModeText = "This mode gives you early access to features that are still in development. Please note that we do not guarantee an absence of errors, and that the data created using these features may be lost during product upgrade.";
|
|
@@ -59403,7 +59437,7 @@ var ExperimentalMode = () => {
|
|
|
59403
59437
|
const [isExperimentalModeOn, setIsExperimentalModeOn] = useState123(false);
|
|
59404
59438
|
const cookies2 = new UniversalCookies2();
|
|
59405
59439
|
let mounted = true;
|
|
59406
|
-
|
|
59440
|
+
useEffect92(() => {
|
|
59407
59441
|
if (mounted) {
|
|
59408
59442
|
if (isInSynapseExperimentalMode()) {
|
|
59409
59443
|
setIsExperimentalModeOn(true);
|
|
@@ -59443,13 +59477,13 @@ var ExperimentalMode = () => {
|
|
|
59443
59477
|
var ExperimentalMode_default = ExperimentalMode;
|
|
59444
59478
|
|
|
59445
59479
|
// src/components/ExternalFileHandleLink/ExternalFileHandleLink.tsx
|
|
59446
|
-
import React454, { useEffect as
|
|
59480
|
+
import React454, { useEffect as useEffect93, useState as useState124 } from "react";
|
|
59447
59481
|
import { OpenInNewTwoTone as OpenInNewTwoTone2 } from "@mui/icons-material";
|
|
59448
59482
|
var ExternalFileHandleLink = (props) => {
|
|
59449
59483
|
const { accessToken } = useSynapseContext();
|
|
59450
59484
|
const { synId, className } = props;
|
|
59451
59485
|
const [data, setData] = useState124(void 0);
|
|
59452
|
-
|
|
59486
|
+
useEffect93(() => {
|
|
59453
59487
|
const getEntity2 = async () => {
|
|
59454
59488
|
try {
|
|
59455
59489
|
const fileEntity2 = await synapse_client_default.getEntity(
|
|
@@ -59514,7 +59548,7 @@ import React459 from "react";
|
|
|
59514
59548
|
import React457 from "react";
|
|
59515
59549
|
|
|
59516
59550
|
// src/components/FeaturedDataTabs/FacetPlotsCard.tsx
|
|
59517
|
-
import React456, { useEffect as
|
|
59551
|
+
import React456, { useEffect as useEffect94, useState as useState125 } from "react";
|
|
59518
59552
|
import Plotly3 from "plotly.js-basic-dist";
|
|
59519
59553
|
import createPlotlyComponent3 from "react-plotly.js/factory";
|
|
59520
59554
|
import { SizeMe as SizeMe3 } from "react-sizeme";
|
|
@@ -59759,7 +59793,7 @@ var FacetPlotsCard = ({
|
|
|
59759
59793
|
const [facetPlotDataArray, setFacetPlotDataArray] = useState125([]);
|
|
59760
59794
|
const [facetDataArray, setFacetDataArray] = useState125([]);
|
|
59761
59795
|
const [selectedFacetValue, setSelectedFacetValue] = useState125("");
|
|
59762
|
-
|
|
59796
|
+
useEffect94(() => {
|
|
59763
59797
|
if (!facetsToPlot || !data) {
|
|
59764
59798
|
return;
|
|
59765
59799
|
} else {
|
|
@@ -60067,7 +60101,7 @@ var FeaturedDataTabs = (props) => {
|
|
|
60067
60101
|
var FeaturedDataTabs_default = FeaturedDataTabs;
|
|
60068
60102
|
|
|
60069
60103
|
// src/components/FeaturedToolsList/FeaturedToolsList.tsx
|
|
60070
|
-
import React462, { useState as useState127, useEffect as
|
|
60104
|
+
import React462, { useState as useState127, useEffect as useEffect95 } from "react";
|
|
60071
60105
|
|
|
60072
60106
|
// src/components/FeaturedToolsList/FeaturedToolCard.tsx
|
|
60073
60107
|
import dayjs20 from "dayjs";
|
|
@@ -60117,7 +60151,7 @@ var FeaturedToolsList = ({
|
|
|
60117
60151
|
const [tools, setTools] = useState127([]);
|
|
60118
60152
|
const [error, setError] = useState127();
|
|
60119
60153
|
const { data: queryResultBundle, error: queryError } = useGetQueryResultBundle(queryBundleRequest);
|
|
60120
|
-
|
|
60154
|
+
useEffect95(() => {
|
|
60121
60155
|
const getData = () => {
|
|
60122
60156
|
try {
|
|
60123
60157
|
const idIndex = getFieldIndex(idColumnName, queryResultBundle);
|
|
@@ -60510,7 +60544,7 @@ import React465, { useState as useState129 } from "react";
|
|
|
60510
60544
|
import { FormControl as FormControl5 } from "react-bootstrap";
|
|
60511
60545
|
|
|
60512
60546
|
// src/components/Markdown/MarkdownEditor.tsx
|
|
60513
|
-
import React464, { useRef as useRef44, useState as useState128, useEffect as
|
|
60547
|
+
import React464, { useRef as useRef44, useState as useState128, useEffect as useEffect96 } from "react";
|
|
60514
60548
|
|
|
60515
60549
|
// src/components/Markdown/UserMentionModal.tsx
|
|
60516
60550
|
import React463, { useCallback as useCallback32 } from "react";
|
|
@@ -60566,13 +60600,13 @@ var MarkdownEditor = ({
|
|
|
60566
60600
|
const [isShowingTagModal, setIsShowingTagModal] = useState128(false);
|
|
60567
60601
|
const [tagModalWithKeyboard, setTagModalWithKeyboard] = useState128(false);
|
|
60568
60602
|
const textAreaRef = useRef44(null);
|
|
60569
|
-
|
|
60603
|
+
useEffect96(() => {
|
|
60570
60604
|
const input = textAreaRef.current;
|
|
60571
60605
|
if (input) {
|
|
60572
60606
|
input.setSelectionRange(selectionStart, selectionStart);
|
|
60573
60607
|
}
|
|
60574
60608
|
}, [textAreaRef, selectionStart]);
|
|
60575
|
-
|
|
60609
|
+
useEffect96(() => {
|
|
60576
60610
|
textAreaRef.current?.focus();
|
|
60577
60611
|
}, [isShowingTagModal]);
|
|
60578
60612
|
const handleUserTag = (user) => {
|
|
@@ -61507,7 +61541,7 @@ var ForumPage = ({
|
|
|
61507
61541
|
};
|
|
61508
61542
|
|
|
61509
61543
|
// src/components/Goals/Goals.tsx
|
|
61510
|
-
import React474, { useEffect as
|
|
61544
|
+
import React474, { useEffect as useEffect97, useState as useState135 } from "react";
|
|
61511
61545
|
|
|
61512
61546
|
// src/components/Goals/Goals.Mobile.tsx
|
|
61513
61547
|
import React472 from "react";
|
|
@@ -61601,7 +61635,7 @@ var Goals = (props) => {
|
|
|
61601
61635
|
}
|
|
61602
61636
|
};
|
|
61603
61637
|
const { data: queryResultBundle } = useGetQueryResultBundle(queryBundleRequest);
|
|
61604
|
-
|
|
61638
|
+
useEffect97(() => {
|
|
61605
61639
|
const getData = async () => {
|
|
61606
61640
|
try {
|
|
61607
61641
|
const assetColumnIndex = getFieldIndex(
|
|
@@ -61863,7 +61897,7 @@ import { Table as Table5 } from "react-bootstrap";
|
|
|
61863
61897
|
import dayjs24 from "dayjs";
|
|
61864
61898
|
|
|
61865
61899
|
// src/components/OAuthClientManagement/CreateOAuthClient.tsx
|
|
61866
|
-
import React478, { useEffect as
|
|
61900
|
+
import React478, { useEffect as useEffect98, useMemo as useMemo42, useState as useState138 } from "react";
|
|
61867
61901
|
import DeleteTwoToneIcon2 from "@mui/icons-material/DeleteTwoTone";
|
|
61868
61902
|
var INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500;
|
|
61869
61903
|
var GRID_NARROW = 12;
|
|
@@ -61913,7 +61947,7 @@ var CreateOAuthModal = ({
|
|
|
61913
61947
|
sectorUri,
|
|
61914
61948
|
tosUri
|
|
61915
61949
|
]);
|
|
61916
|
-
|
|
61950
|
+
useEffect98(() => {
|
|
61917
61951
|
setClientName(client?.client_name ?? "");
|
|
61918
61952
|
setRedirectUris(
|
|
61919
61953
|
client?.redirect_uris.map((str) => ({ uri: str })) ?? [{ uri: "" }]
|
|
@@ -62333,7 +62367,7 @@ var OAuthManagement = () => {
|
|
|
62333
62367
|
};
|
|
62334
62368
|
|
|
62335
62369
|
// src/components/Plot/ThemesPlot.tsx
|
|
62336
|
-
import React482, { useEffect as
|
|
62370
|
+
import React482, { useEffect as useEffect99, useState as useState140 } from "react";
|
|
62337
62371
|
import _7 from "lodash-es";
|
|
62338
62372
|
|
|
62339
62373
|
// src/components/Plot/DotPlot.tsx
|
|
@@ -62692,7 +62726,7 @@ function ThemesPlot({
|
|
|
62692
62726
|
const [dotPlotQueryData, setDotPlotQueryData] = useState140([]);
|
|
62693
62727
|
const [topBarPlotData, setTopBarQueryData] = useState140([]);
|
|
62694
62728
|
const [sideBarPlotData, setSideBarQueryData] = useState140([]);
|
|
62695
|
-
|
|
62729
|
+
useEffect99(() => {
|
|
62696
62730
|
const dotPlotData = fetchData(accessToken, dotPlot);
|
|
62697
62731
|
const topBarPlotData2 = fetchData(accessToken, topBarPlot);
|
|
62698
62732
|
const sideBarPlotData2 = fetchData(accessToken, sideBarPlot);
|
|
@@ -62845,7 +62879,7 @@ function ThemesPlot({
|
|
|
62845
62879
|
}
|
|
62846
62880
|
|
|
62847
62881
|
// src/components/Plot/UpsetPlot.tsx
|
|
62848
|
-
import React483, { useEffect as
|
|
62882
|
+
import React483, { useEffect as useEffect100, useState as useState141 } from "react";
|
|
62849
62883
|
import UpSetJS, {
|
|
62850
62884
|
extractSets,
|
|
62851
62885
|
generateCombinations
|
|
@@ -62881,7 +62915,7 @@ var UpsetPlot = ({
|
|
|
62881
62915
|
const updateFontSizes = {
|
|
62882
62916
|
setLabel: "14px"
|
|
62883
62917
|
};
|
|
62884
|
-
|
|
62918
|
+
useEffect100(() => {
|
|
62885
62919
|
let isCancelled = false;
|
|
62886
62920
|
const getPlotData = async () => {
|
|
62887
62921
|
setIsLoading(true);
|
|
@@ -62987,7 +63021,7 @@ var UpsetPlot = ({
|
|
|
62987
63021
|
};
|
|
62988
63022
|
|
|
62989
63023
|
// src/components/ProjectViewCarousel/ProjectViewCarousel.tsx
|
|
62990
|
-
import React487, { useState as useState143, useEffect as
|
|
63024
|
+
import React487, { useState as useState143, useEffect as useEffect101 } from "react";
|
|
62991
63025
|
|
|
62992
63026
|
// src/components/Carousel.tsx
|
|
62993
63027
|
import BrainhubCarousel from "@brainhubeu/react-carousel";
|
|
@@ -63131,7 +63165,7 @@ var ProjectViewCarousel = ({ entityId }) => {
|
|
|
63131
63165
|
error: queryError,
|
|
63132
63166
|
isLoading
|
|
63133
63167
|
} = useGetQueryResultBundle(queryBundleRequest);
|
|
63134
|
-
|
|
63168
|
+
useEffect101(() => {
|
|
63135
63169
|
let isMounted = true;
|
|
63136
63170
|
const getData = async () => {
|
|
63137
63171
|
try {
|
|
@@ -65695,7 +65729,7 @@ var SystemUseNotification = (sxProps) => {
|
|
|
65695
65729
|
var SystemUseNotification_default = SystemUseNotification;
|
|
65696
65730
|
|
|
65697
65731
|
// src/components/TableFeedCards/TableFeedCards.tsx
|
|
65698
|
-
import React515, { useEffect as
|
|
65732
|
+
import React515, { useEffect as useEffect102, useState as useState148 } from "react";
|
|
65699
65733
|
import dayjs27 from "dayjs";
|
|
65700
65734
|
var TableFeedCards = ({
|
|
65701
65735
|
tableEntityId
|
|
@@ -65704,7 +65738,7 @@ var TableFeedCards = ({
|
|
|
65704
65738
|
const [rowSet, setRowSet] = useState148();
|
|
65705
65739
|
const [itemCountShowing, setItemCountShowing] = useState148(3);
|
|
65706
65740
|
let mounted = true;
|
|
65707
|
-
|
|
65741
|
+
useEffect102(() => {
|
|
65708
65742
|
const executeQuery = () => {
|
|
65709
65743
|
if (mounted) {
|
|
65710
65744
|
if (rowSet) {
|
|
@@ -65777,10 +65811,10 @@ var TableFeedCards = ({
|
|
|
65777
65811
|
var TableFeedCards_default = TableFeedCards;
|
|
65778
65812
|
|
|
65779
65813
|
// src/components/TermsAndConditions/TermsAndConditions.tsx
|
|
65780
|
-
import React518, { useEffect as
|
|
65814
|
+
import React518, { useEffect as useEffect104, useState as useState150 } from "react";
|
|
65781
65815
|
|
|
65782
65816
|
// src/components/TermsAndConditions/TermsAndConditionsItem.tsx
|
|
65783
|
-
import React517, { useEffect as
|
|
65817
|
+
import React517, { useEffect as useEffect103, useState as useState149 } from "react";
|
|
65784
65818
|
|
|
65785
65819
|
// src/assets/icons/terms/CheckIcon.tsx
|
|
65786
65820
|
import React516 from "react";
|
|
@@ -65811,7 +65845,7 @@ var TermsAndConditionsItem = (props) => {
|
|
|
65811
65845
|
const [showDesc, setShowDes] = useState149(false);
|
|
65812
65846
|
const [isChecked, setIsChecked] = useState149(false);
|
|
65813
65847
|
let mounted = true;
|
|
65814
|
-
|
|
65848
|
+
useEffect103(() => {
|
|
65815
65849
|
if (mounted) {
|
|
65816
65850
|
setIsChecked(checked);
|
|
65817
65851
|
}
|
|
@@ -65911,7 +65945,7 @@ var TermsAndConditions = ({
|
|
|
65911
65945
|
true
|
|
65912
65946
|
// force this query to be run as the anonymous user (without an access token)
|
|
65913
65947
|
);
|
|
65914
|
-
|
|
65948
|
+
useEffect104(() => {
|
|
65915
65949
|
if (data && data.queryResult && data.queryResult.queryResults) {
|
|
65916
65950
|
const { rows, headers } = data.queryResult.queryResults;
|
|
65917
65951
|
const iconColIndex = headers.findIndex((col) => col.name === "icon");
|
|
@@ -65942,7 +65976,7 @@ var TermsAndConditions = ({
|
|
|
65942
65976
|
let mounted = true;
|
|
65943
65977
|
const [checkboxChecked, setCheckboxChecked] = useState150([]);
|
|
65944
65978
|
const [checkboxEnabled, setCheckboxEnabled] = useState150([]);
|
|
65945
|
-
|
|
65979
|
+
useEffect104(() => {
|
|
65946
65980
|
if (mounted) {
|
|
65947
65981
|
checkFormCompleted();
|
|
65948
65982
|
}
|
|
@@ -66179,7 +66213,7 @@ function UserCardListGroups(props) {
|
|
|
66179
66213
|
import React526, { useState as useState153, useMemo as useMemo43 } from "react";
|
|
66180
66214
|
|
|
66181
66215
|
// src/components/UserProfileLinks/UserChallenges.tsx
|
|
66182
|
-
import React523, { useEffect as
|
|
66216
|
+
import React523, { useEffect as useEffect105 } from "react";
|
|
66183
66217
|
import { useErrorHandler as useErrorHandler7 } from "react-error-boundary";
|
|
66184
66218
|
import { useInView as useInView11 } from "react-intersection-observer";
|
|
66185
66219
|
function UserChallenges({ userId }) {
|
|
@@ -66195,12 +66229,12 @@ function UserChallenges({ userId }) {
|
|
|
66195
66229
|
isError,
|
|
66196
66230
|
error: newError
|
|
66197
66231
|
} = useGetUserChallengesInfinite(userId);
|
|
66198
|
-
|
|
66232
|
+
useEffect105(() => {
|
|
66199
66233
|
if (isError && newError) {
|
|
66200
66234
|
handleError(newError);
|
|
66201
66235
|
}
|
|
66202
66236
|
}, [isError, newError, handleError]);
|
|
66203
|
-
|
|
66237
|
+
useEffect105(() => {
|
|
66204
66238
|
if (status === "success" && !isFetching && hasNextPage && fetchNextPage && inView) {
|
|
66205
66239
|
fetchNextPage();
|
|
66206
66240
|
}
|
|
@@ -66223,7 +66257,7 @@ function UserChallenges({ userId }) {
|
|
|
66223
66257
|
}
|
|
66224
66258
|
|
|
66225
66259
|
// src/components/UserProfileLinks/UserProjects.tsx
|
|
66226
|
-
import React524, { useEffect as
|
|
66260
|
+
import React524, { useEffect as useEffect106 } from "react";
|
|
66227
66261
|
import { useErrorHandler as useErrorHandler8 } from "react-error-boundary";
|
|
66228
66262
|
import { useInView as useInView12 } from "react-intersection-observer";
|
|
66229
66263
|
function UserProjects({ userId }) {
|
|
@@ -66240,12 +66274,12 @@ function UserProjects({ userId }) {
|
|
|
66240
66274
|
isError,
|
|
66241
66275
|
error: newError
|
|
66242
66276
|
} = useGetUserProjectsInfinite(userId, getProjectsParameters);
|
|
66243
|
-
|
|
66277
|
+
useEffect106(() => {
|
|
66244
66278
|
if (isError && newError) {
|
|
66245
66279
|
handleError(newError);
|
|
66246
66280
|
}
|
|
66247
66281
|
}, [isError, newError, handleError]);
|
|
66248
|
-
|
|
66282
|
+
useEffect106(() => {
|
|
66249
66283
|
if (status === "success" && !isFetching && hasNextPage && fetchNextPage && inView) {
|
|
66250
66284
|
fetchNextPage();
|
|
66251
66285
|
}
|
|
@@ -66268,7 +66302,7 @@ function UserProjects({ userId }) {
|
|
|
66268
66302
|
}
|
|
66269
66303
|
|
|
66270
66304
|
// src/components/UserProfileLinks/UserTeams.tsx
|
|
66271
|
-
import React525, { useEffect as
|
|
66305
|
+
import React525, { useEffect as useEffect107 } from "react";
|
|
66272
66306
|
import { useErrorHandler as useErrorHandler9 } from "react-error-boundary";
|
|
66273
66307
|
import { useInView as useInView13 } from "react-intersection-observer";
|
|
66274
66308
|
function UserTeams({ userId }) {
|
|
@@ -66284,12 +66318,12 @@ function UserTeams({ userId }) {
|
|
|
66284
66318
|
isError,
|
|
66285
66319
|
error: newError
|
|
66286
66320
|
} = useGetUserTeamsInfinite(userId);
|
|
66287
|
-
|
|
66321
|
+
useEffect107(() => {
|
|
66288
66322
|
if (isError && newError) {
|
|
66289
66323
|
handleError(newError);
|
|
66290
66324
|
}
|
|
66291
66325
|
}, [isError, newError, handleError]);
|
|
66292
|
-
|
|
66326
|
+
useEffect107(() => {
|
|
66293
66327
|
if (status === "success" && !isFetching && hasNextPage && fetchNextPage && inView) {
|
|
66294
66328
|
fetchNextPage();
|
|
66295
66329
|
}
|