synapse-react-client 3.1.40 → 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 +8 -2
- package/dist/index.js +72 -27
- package/dist/index.mjs +225 -180
- package/dist/umd/synapse-react-client.development.js +77 -32
- 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;
|
|
@@ -31264,8 +31276,12 @@ var KeyFactory = class {
|
|
|
31264
31276
|
getPresignedUrlContentQueryKey(fileHandle, request, maxSizeBytes) {
|
|
31265
31277
|
return this.getKey("presignedUrlContent", fileHandle, request, maxSizeBytes);
|
|
31266
31278
|
}
|
|
31267
|
-
getPresignedUrlFromFHAContentQueryKey(fileHandleAssociation) {
|
|
31268
|
-
return this.getKey(
|
|
31279
|
+
getPresignedUrlFromFHAContentQueryKey(fileHandleAssociation, forceAnonymous) {
|
|
31280
|
+
return this.getKey(
|
|
31281
|
+
"presignedUrlContentFromFHA",
|
|
31282
|
+
fileHandleAssociation,
|
|
31283
|
+
forceAnonymous
|
|
31284
|
+
);
|
|
31269
31285
|
}
|
|
31270
31286
|
getProfileImageQueryKey(userId) {
|
|
31271
31287
|
return this.getKey("profileImageData", userId);
|
|
@@ -33048,7 +33064,7 @@ function useGetPresignedUrlContent(fileHandle, request, maxFileSizeBytes, option
|
|
|
33048
33064
|
}
|
|
33049
33065
|
);
|
|
33050
33066
|
}
|
|
33051
|
-
function useGetPresignedUrlContentFromFHA(fileHandleAssociation, options) {
|
|
33067
|
+
function useGetPresignedUrlContentFromFHA(fileHandleAssociation, forceAnonymous = false, options) {
|
|
33052
33068
|
const { accessToken, keyFactory } = useSynapseContext();
|
|
33053
33069
|
const queryFn = async () => {
|
|
33054
33070
|
const batchFileResult = await synapse_client_default.getFiles(
|
|
@@ -33058,7 +33074,7 @@ function useGetPresignedUrlContentFromFHA(fileHandleAssociation, options) {
|
|
|
33058
33074
|
includePreSignedURLs: true,
|
|
33059
33075
|
includePreviewPreSignedURLs: false
|
|
33060
33076
|
},
|
|
33061
|
-
accessToken
|
|
33077
|
+
forceAnonymous ? void 0 : accessToken
|
|
33062
33078
|
);
|
|
33063
33079
|
const data = await synapse_client_default.getFileHandleContent(
|
|
33064
33080
|
batchFileResult.requestedFiles[0].fileHandle,
|
|
@@ -33067,7 +33083,10 @@ function useGetPresignedUrlContentFromFHA(fileHandleAssociation, options) {
|
|
|
33067
33083
|
return data;
|
|
33068
33084
|
};
|
|
33069
33085
|
return useQuery4(
|
|
33070
|
-
keyFactory.getPresignedUrlFromFHAContentQueryKey(
|
|
33086
|
+
keyFactory.getPresignedUrlFromFHAContentQueryKey(
|
|
33087
|
+
fileHandleAssociation,
|
|
33088
|
+
forceAnonymous
|
|
33089
|
+
),
|
|
33071
33090
|
queryFn,
|
|
33072
33091
|
{
|
|
33073
33092
|
staleTime: Infinity,
|
|
@@ -34421,7 +34440,17 @@ function useSubmitDataAccessRequest(options) {
|
|
|
34421
34440
|
const queryClient = useQueryClient2();
|
|
34422
34441
|
const { accessToken, keyFactory } = useSynapseContext();
|
|
34423
34442
|
return useMutation3(
|
|
34424
|
-
({ 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
|
+
},
|
|
34425
34454
|
{
|
|
34426
34455
|
...options,
|
|
34427
34456
|
onSuccess: async (data, variables, ctx) => {
|
|
@@ -39359,7 +39388,7 @@ function CancelRequestDataAccess(props) {
|
|
|
39359
39388
|
var CancelRequestDataAccess_default = CancelRequestDataAccess;
|
|
39360
39389
|
|
|
39361
39390
|
// src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm.tsx
|
|
39362
|
-
import React209, { useState as useState46 } from "react";
|
|
39391
|
+
import React209, { useEffect as useEffect45, useState as useState46 } from "react";
|
|
39363
39392
|
|
|
39364
39393
|
// src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ManagedACTAccessRequirementFormWikiWrapper.tsx
|
|
39365
39394
|
import React208 from "react";
|
|
@@ -39417,24 +39446,13 @@ function ManagedACTAccessRequirementFormWikiWrapper(props) {
|
|
|
39417
39446
|
// src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ResearchProjectForm.tsx
|
|
39418
39447
|
function ResearchProjectForm(props) {
|
|
39419
39448
|
const { onSave, managedACTAccessRequirement, onHide } = props;
|
|
39420
|
-
const [projectLead, setProjectLead] = useState46(
|
|
39421
|
-
const [institution, setInstitution] = useState46(
|
|
39422
|
-
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);
|
|
39423
39452
|
const [alert2, setAlert] = useState46();
|
|
39424
39453
|
const { data: existingResearchProject, isLoading: isLoadingInitialData } = useGetResearchProject(String(managedACTAccessRequirement.id), {
|
|
39425
39454
|
// Infinite staleTime ensures this won't be refetched unless explicitly invalidated by the mutation
|
|
39426
39455
|
staleTime: Infinity,
|
|
39427
|
-
onSuccess: (data) => {
|
|
39428
|
-
if (data?.projectLead) {
|
|
39429
|
-
setProjectLead(data?.projectLead);
|
|
39430
|
-
}
|
|
39431
|
-
if (data?.institution) {
|
|
39432
|
-
setInstitution(data?.institution);
|
|
39433
|
-
}
|
|
39434
|
-
if (data?.intendedDataUseStatement) {
|
|
39435
|
-
setIntendedDataUseStatement(data?.intendedDataUseStatement);
|
|
39436
|
-
}
|
|
39437
|
-
},
|
|
39438
39456
|
onError: (e) => {
|
|
39439
39457
|
console.log(
|
|
39440
39458
|
"RequestDataAccessStep1: Error getting research project data: ",
|
|
@@ -39442,6 +39460,26 @@ function ResearchProjectForm(props) {
|
|
|
39442
39460
|
);
|
|
39443
39461
|
}
|
|
39444
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
|
+
]);
|
|
39445
39483
|
const { mutate, isLoading: isLoadingUpdate } = useUpdateResearchProject({
|
|
39446
39484
|
onSuccess: (data) => {
|
|
39447
39485
|
if (onSave) {
|
|
@@ -39526,7 +39564,7 @@ function ResearchProjectForm(props) {
|
|
|
39526
39564
|
}
|
|
39527
39565
|
|
|
39528
39566
|
// src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm.tsx
|
|
39529
|
-
import React219, { useEffect as
|
|
39567
|
+
import React219, { useEffect as useEffect47, useState as useState51 } from "react";
|
|
39530
39568
|
|
|
39531
39569
|
// src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsEditor.tsx
|
|
39532
39570
|
import React214 from "react";
|
|
@@ -39571,7 +39609,7 @@ import Select3, {
|
|
|
39571
39609
|
} from "react-select";
|
|
39572
39610
|
|
|
39573
39611
|
// src/components/UserOrTeamBadge/UserOrTeamBadge.tsx
|
|
39574
|
-
import React212, { useEffect as
|
|
39612
|
+
import React212, { useEffect as useEffect46, useState as useState48 } from "react";
|
|
39575
39613
|
|
|
39576
39614
|
// src/components/TeamBadge.tsx
|
|
39577
39615
|
import React211 from "react";
|
|
@@ -39607,7 +39645,7 @@ function UserOrTeamBadge(props) {
|
|
|
39607
39645
|
enabled: !providedUserGroupHeader
|
|
39608
39646
|
}
|
|
39609
39647
|
);
|
|
39610
|
-
|
|
39648
|
+
useEffect46(() => {
|
|
39611
39649
|
if (principalId && userGroupHeader == void 0 && fetchedUserGroupHeader) {
|
|
39612
39650
|
setUserGroupHeader(fetchedUserGroupHeader);
|
|
39613
39651
|
}
|
|
@@ -39754,7 +39792,8 @@ var UserSearchBoxV2 = (props) => {
|
|
|
39754
39792
|
input: {
|
|
39755
39793
|
gridArea: "1 / 2 / 4 / 4 !important"
|
|
39756
39794
|
}
|
|
39757
|
-
})
|
|
39795
|
+
}),
|
|
39796
|
+
menu: (base) => ({ ...base, zIndex: 2 })
|
|
39758
39797
|
},
|
|
39759
39798
|
components: customSelectComponents,
|
|
39760
39799
|
onChange: (option) => {
|
|
@@ -40164,7 +40203,7 @@ function DataAccessRequestAccessorsFilesForm(props) {
|
|
|
40164
40203
|
onError
|
|
40165
40204
|
});
|
|
40166
40205
|
const isLoading = isLoadingGetDataAccessRequest || isLoadingUpdateDataAccessRequest || isLoadingSubmitDataAccessRequest;
|
|
40167
|
-
|
|
40206
|
+
useEffect47(() => {
|
|
40168
40207
|
if (dataAccessRequest && user) {
|
|
40169
40208
|
let shouldUpdate = false;
|
|
40170
40209
|
if (!dataAccessRequest.researchProjectId) {
|
|
@@ -40205,7 +40244,7 @@ function DataAccessRequestAccessorsFilesForm(props) {
|
|
|
40205
40244
|
updateRequestAsync,
|
|
40206
40245
|
user
|
|
40207
40246
|
]);
|
|
40208
|
-
|
|
40247
|
+
useEffect47(() => {
|
|
40209
40248
|
if (dataAccessRequest) {
|
|
40210
40249
|
if (dataAccessRequest.accessorChanges && accessorChanges == void 0) {
|
|
40211
40250
|
setAccessorChanges(dataAccessRequest.accessorChanges);
|
|
@@ -40646,7 +40685,7 @@ function ValidationRequirement() {
|
|
|
40646
40685
|
import React230 from "react";
|
|
40647
40686
|
|
|
40648
40687
|
// src/components/Authentication/TwoFactorEnrollmentForm.tsx
|
|
40649
|
-
import React229, { useEffect as
|
|
40688
|
+
import React229, { useEffect as useEffect48, useRef as useRef36, useState as useState52 } from "react";
|
|
40650
40689
|
|
|
40651
40690
|
// src/components/styled/LeftRightPanel.tsx
|
|
40652
40691
|
import React227 from "react";
|
|
@@ -40807,10 +40846,10 @@ function TwoFactorEnrollmentForm(props) {
|
|
|
40807
40846
|
} = useFinishTwoFactorEnrollment({
|
|
40808
40847
|
onSuccess: onTwoFactorEnrollmentSuccess
|
|
40809
40848
|
});
|
|
40810
|
-
|
|
40849
|
+
useEffect48(() => {
|
|
40811
40850
|
start2FAEnrollment2();
|
|
40812
40851
|
}, []);
|
|
40813
|
-
|
|
40852
|
+
useEffect48(() => {
|
|
40814
40853
|
async function createQrCode() {
|
|
40815
40854
|
if (totpSecret && currentUserEmail && qrCodeCanvasElement.current) {
|
|
40816
40855
|
await toCanvas(
|
|
@@ -42802,7 +42841,7 @@ var SearchV2_default = Search2;
|
|
|
42802
42841
|
|
|
42803
42842
|
// src/components/SqlEditor.tsx
|
|
42804
42843
|
import { SearchTwoTone as SearchTwoTone2 } from "@mui/icons-material";
|
|
42805
|
-
import React279, { useEffect as
|
|
42844
|
+
import React279, { useEffect as useEffect49, useRef as useRef37, useState as useState59 } from "react";
|
|
42806
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.";
|
|
42807
42846
|
var helpLink = "https://help.synapse.org/docs/Querying-Tables,-Views,-and-Datasets.2667642897.html#QueryingTables,Views,andDatasets-UsingAdvancedSearchQueries";
|
|
42808
42847
|
var SqlEditor = ({
|
|
@@ -42815,7 +42854,7 @@ var SqlEditor = ({
|
|
|
42815
42854
|
} = useQueryVisualizationContext();
|
|
42816
42855
|
const [sql, setSql] = useState59("");
|
|
42817
42856
|
const inputRef = useRef37(null);
|
|
42818
|
-
|
|
42857
|
+
useEffect49(() => {
|
|
42819
42858
|
if (showSqlEditor) {
|
|
42820
42859
|
const defaultSql = getLastQueryRequest().query.sql;
|
|
42821
42860
|
setSql(defaultSql);
|
|
@@ -43157,7 +43196,7 @@ var DownloadLoginModal = (props) => {
|
|
|
43157
43196
|
};
|
|
43158
43197
|
|
|
43159
43198
|
// src/components/ProgrammaticTableDownload/ProgrammaticTableDownload.tsx
|
|
43160
|
-
import React286, { useEffect as
|
|
43199
|
+
import React286, { useEffect as useEffect50, useMemo as useMemo29, useState as useState61 } from "react";
|
|
43161
43200
|
|
|
43162
43201
|
// src/components/ProgrammaticInstructionsModal.tsx
|
|
43163
43202
|
import React285, { useState as useState60 } from "react";
|
|
@@ -43275,7 +43314,7 @@ function ProgrammaticTableDownload({
|
|
|
43275
43314
|
);
|
|
43276
43315
|
const combinedSql = asyncJobStatus?.responseBody?.combinedSql;
|
|
43277
43316
|
const isLoadingNewBundle = queryIsLoading || newQueryIsFetching;
|
|
43278
|
-
|
|
43317
|
+
useEffect50(() => {
|
|
43279
43318
|
if (combinedSql && !isLoadingNewBundle) {
|
|
43280
43319
|
const indexOfFrom = combinedSql.toUpperCase().indexOf("FROM SYN");
|
|
43281
43320
|
const selectStarTransformedSql = `SELECT * ${combinedSql.substring(
|
|
@@ -43728,7 +43767,7 @@ var SkeletonButton = ({
|
|
|
43728
43767
|
};
|
|
43729
43768
|
|
|
43730
43769
|
// src/components/Skeleton/SkeletonParagraph.tsx
|
|
43731
|
-
import React295, { useEffect as
|
|
43770
|
+
import React295, { useEffect as useEffect51, useState as useState63 } from "react";
|
|
43732
43771
|
import { times as times2 } from "lodash-es";
|
|
43733
43772
|
var SkeletonParagraph = ({
|
|
43734
43773
|
numRows = 5,
|
|
@@ -43736,7 +43775,7 @@ var SkeletonParagraph = ({
|
|
|
43736
43775
|
className
|
|
43737
43776
|
}) => {
|
|
43738
43777
|
const [skeletons, setSkeletons] = useState63([]);
|
|
43739
|
-
|
|
43778
|
+
useEffect51(() => {
|
|
43740
43779
|
const elements = [];
|
|
43741
43780
|
times2(numRows, (i) => {
|
|
43742
43781
|
elements.push(
|
|
@@ -43827,7 +43866,9 @@ function useGetActionsRequiredForTableQuery(queryBundleRequest, columnModels, fi
|
|
|
43827
43866
|
const queryRequestCopy = useMemo30(() => {
|
|
43828
43867
|
const request = cloneDeep3(queryBundleRequest);
|
|
43829
43868
|
const fileColumnId = fileColumnModelId || getFileColumnModelId(columnModels);
|
|
43830
|
-
|
|
43869
|
+
if (fileColumnId) {
|
|
43870
|
+
request.query.selectFileColumn = Number(fileColumnId);
|
|
43871
|
+
}
|
|
43831
43872
|
request.partMask = SynapseConstants_exports.BUNDLE_MASK_ACTIONS_REQUIRED;
|
|
43832
43873
|
return request;
|
|
43833
43874
|
}, [columnModels, fileColumnModelId, queryBundleRequest]);
|
|
@@ -44214,7 +44255,7 @@ var TopLevelControls = (props) => {
|
|
|
44214
44255
|
var TopLevelControls_default = TopLevelControls;
|
|
44215
44256
|
|
|
44216
44257
|
// src/components/widgets/facet-nav/FacetNav.tsx
|
|
44217
|
-
import React313, { useEffect as
|
|
44258
|
+
import React313, { useEffect as useEffect53, useMemo as useMemo33, useState as useState71 } from "react";
|
|
44218
44259
|
|
|
44219
44260
|
// src/components/widgets/query-filter/FacetFilterControls.tsx
|
|
44220
44261
|
import React307 from "react";
|
|
@@ -44227,7 +44268,7 @@ import useDeepCompareEffect4 from "use-deep-compare-effect";
|
|
|
44227
44268
|
|
|
44228
44269
|
// src/components/widgets/Checkbox.tsx
|
|
44229
44270
|
import { uniqueId as _uniqueId2 } from "lodash-es";
|
|
44230
|
-
import React298, { useEffect as
|
|
44271
|
+
import React298, { useEffect as useEffect52, useState as useState65 } from "react";
|
|
44231
44272
|
var Checkbox = (props) => {
|
|
44232
44273
|
const {
|
|
44233
44274
|
checked: propsChecked = false,
|
|
@@ -44237,7 +44278,7 @@ var Checkbox = (props) => {
|
|
|
44237
44278
|
} = props;
|
|
44238
44279
|
const [checked, setChecked] = useState65(propsChecked);
|
|
44239
44280
|
const [uniqueId3] = useState65(_uniqueId2("src-checkbox-"));
|
|
44240
|
-
|
|
44281
|
+
useEffect52(() => {
|
|
44241
44282
|
setChecked(propsChecked);
|
|
44242
44283
|
}, [propsChecked]);
|
|
44243
44284
|
const handleCheckboxChange = (event) => {
|
|
@@ -45903,7 +45944,7 @@ var FacetNav = ({
|
|
|
45903
45944
|
const [isFirstTime, setIsFirstTime] = useState71(true);
|
|
45904
45945
|
const { showFacetVisualization, showFacetFilter } = topLevelControlsState;
|
|
45905
45946
|
const lastQueryRequest = getLastQueryRequest();
|
|
45906
|
-
|
|
45947
|
+
useEffect53(() => {
|
|
45907
45948
|
const result = getFacets(data, facetsToPlot);
|
|
45908
45949
|
if (result.length === 0) {
|
|
45909
45950
|
return;
|
|
@@ -46255,7 +46296,7 @@ var CardContainerLogic = (props) => {
|
|
|
46255
46296
|
};
|
|
46256
46297
|
|
|
46257
46298
|
// src/components/HeaderCard.tsx
|
|
46258
|
-
import React317, { useState as useState73, useEffect as
|
|
46299
|
+
import React317, { useState as useState73, useEffect as useEffect54 } from "react";
|
|
46259
46300
|
var HeaderCard = ({
|
|
46260
46301
|
type,
|
|
46261
46302
|
title,
|
|
@@ -46277,7 +46318,7 @@ var HeaderCard = ({
|
|
|
46277
46318
|
const [docDescription] = useState73(
|
|
46278
46319
|
descriptionElement ? descriptionElement.getAttribute("content") : ""
|
|
46279
46320
|
);
|
|
46280
|
-
|
|
46321
|
+
useEffect54(() => {
|
|
46281
46322
|
if (title && document.title !== title) {
|
|
46282
46323
|
document.title = title;
|
|
46283
46324
|
}
|
|
@@ -46350,7 +46391,7 @@ var IconList = (props) => {
|
|
|
46350
46391
|
var IconList_default = IconList;
|
|
46351
46392
|
|
|
46352
46393
|
// src/components/widgets/FileHandleLink.tsx
|
|
46353
|
-
import React319, { useEffect as
|
|
46394
|
+
import React319, { useEffect as useEffect55, useState as useState74 } from "react";
|
|
46354
46395
|
var FileHandleLink = (props) => {
|
|
46355
46396
|
const {
|
|
46356
46397
|
fileHandleAssociation,
|
|
@@ -46360,7 +46401,7 @@ var FileHandleLink = (props) => {
|
|
|
46360
46401
|
} = props;
|
|
46361
46402
|
const { accessToken } = useSynapseContext();
|
|
46362
46403
|
const [batchFileResult, setBatchFileResult] = useState74();
|
|
46363
|
-
|
|
46404
|
+
useEffect55(() => {
|
|
46364
46405
|
if (displayValue === void 0) {
|
|
46365
46406
|
const getFiles2 = async () => {
|
|
46366
46407
|
const batchFileRequest = {
|
|
@@ -46408,7 +46449,7 @@ var FileHandleLink = (props) => {
|
|
|
46408
46449
|
};
|
|
46409
46450
|
|
|
46410
46451
|
// src/components/widgets/ImageFileHandle.tsx
|
|
46411
|
-
import React320, { useEffect as
|
|
46452
|
+
import React320, { useEffect as useEffect56, useState as useState75 } from "react";
|
|
46412
46453
|
import { useInView as useInView2 } from "react-intersection-observer";
|
|
46413
46454
|
var ImageFileHandle = (props) => {
|
|
46414
46455
|
const {
|
|
@@ -46424,7 +46465,7 @@ var ImageFileHandle = (props) => {
|
|
|
46424
46465
|
triggerOnce: true,
|
|
46425
46466
|
rootMargin: "500px 0px"
|
|
46426
46467
|
});
|
|
46427
|
-
|
|
46468
|
+
useEffect56(() => {
|
|
46428
46469
|
const getData = () => {
|
|
46429
46470
|
if (fileHandleId && associateObjectId && associateObjectType && inView) {
|
|
46430
46471
|
synapse_client_default.getActualFileHandleByIdURL(
|
|
@@ -47497,7 +47538,7 @@ var AddToDownloadListV2 = (props) => {
|
|
|
47497
47538
|
var AddToDownloadListV2_default = AddToDownloadListV2;
|
|
47498
47539
|
|
|
47499
47540
|
// src/components/DirectDownload.tsx
|
|
47500
|
-
import React328, { useEffect as
|
|
47541
|
+
import React328, { useEffect as useEffect57, useState as useState76 } from "react";
|
|
47501
47542
|
import { useInView as useInView3 } from "react-intersection-observer";
|
|
47502
47543
|
import { UAParser } from "ua-parser-js";
|
|
47503
47544
|
var DirectDownload = (props) => {
|
|
@@ -47518,7 +47559,7 @@ var DirectDownload = (props) => {
|
|
|
47518
47559
|
const [externalURL, setExternalURL] = useState76();
|
|
47519
47560
|
const [fileName, setFileName] = useState76("");
|
|
47520
47561
|
let mounted = true;
|
|
47521
|
-
|
|
47562
|
+
useEffect57(() => {
|
|
47522
47563
|
if (mounted && inView) {
|
|
47523
47564
|
getFileEntityFileHandle();
|
|
47524
47565
|
}
|
|
@@ -47884,7 +47925,7 @@ import React335 from "react";
|
|
|
47884
47925
|
import dayjs7 from "dayjs";
|
|
47885
47926
|
|
|
47886
47927
|
// src/components/EntityIdList.tsx
|
|
47887
|
-
import React332, { useEffect as
|
|
47928
|
+
import React332, { useEffect as useEffect58, useState as useState77 } from "react";
|
|
47888
47929
|
import { useInView as useInView4 } from "react-intersection-observer";
|
|
47889
47930
|
|
|
47890
47931
|
// src/components/EntityLink.tsx
|
|
@@ -47990,7 +48031,7 @@ var EntityIdList = (props) => {
|
|
|
47990
48031
|
const [entityLinkArray, setEntityLinkArray] = useState77([/* @__PURE__ */ React332.createElement(React332.Fragment, null)]);
|
|
47991
48032
|
const { ref, inView } = useInView4();
|
|
47992
48033
|
let mounted = true;
|
|
47993
|
-
|
|
48034
|
+
useEffect58(() => {
|
|
47994
48035
|
if (inView) {
|
|
47995
48036
|
getEntityTypes();
|
|
47996
48037
|
}
|
|
@@ -48017,7 +48058,7 @@ var EntityIdList = (props) => {
|
|
|
48017
48058
|
var EntityIdList_default = EntityIdList;
|
|
48018
48059
|
|
|
48019
48060
|
// src/components/EvaluationIdRenderer.tsx
|
|
48020
|
-
import React333, { useEffect as
|
|
48061
|
+
import React333, { useEffect as useEffect59, useState as useState78 } from "react";
|
|
48021
48062
|
import { useInView as useInView5 } from "react-intersection-observer";
|
|
48022
48063
|
var EvaluationIdRenderer = (props) => {
|
|
48023
48064
|
const { accessToken } = useSynapseContext();
|
|
@@ -48025,7 +48066,7 @@ var EvaluationIdRenderer = (props) => {
|
|
|
48025
48066
|
const [evaluationName, setEvaluationName] = useState78();
|
|
48026
48067
|
const { ref, inView } = useInView5();
|
|
48027
48068
|
let mounted = true;
|
|
48028
|
-
|
|
48069
|
+
useEffect59(() => {
|
|
48029
48070
|
if (mounted && inView) {
|
|
48030
48071
|
getEvaluationQueue();
|
|
48031
48072
|
}
|
|
@@ -48050,7 +48091,7 @@ var EvaluationIdRenderer = (props) => {
|
|
|
48050
48091
|
var EvaluationIdRenderer_default = EvaluationIdRenderer;
|
|
48051
48092
|
|
|
48052
48093
|
// src/components/UserIdList.tsx
|
|
48053
|
-
import React334, { useEffect as
|
|
48094
|
+
import React334, { useEffect as useEffect60, useState as useState79 } from "react";
|
|
48054
48095
|
import { useInView as useInView6 } from "react-intersection-observer";
|
|
48055
48096
|
var UserIdList = (props) => {
|
|
48056
48097
|
const { accessToken } = useSynapseContext();
|
|
@@ -48058,7 +48099,7 @@ var UserIdList = (props) => {
|
|
|
48058
48099
|
const [profileCards, setProfileCards] = useState79();
|
|
48059
48100
|
const { ref, inView } = useInView6();
|
|
48060
48101
|
let mounted = true;
|
|
48061
|
-
|
|
48102
|
+
useEffect60(() => {
|
|
48062
48103
|
if (mounted && inView) {
|
|
48063
48104
|
getUserProfilesToRender();
|
|
48064
48105
|
}
|
|
@@ -49452,14 +49493,14 @@ import React349 from "react";
|
|
|
49452
49493
|
|
|
49453
49494
|
// src/components/widgets/SynapseVideo.tsx
|
|
49454
49495
|
import React348 from "react";
|
|
49455
|
-
import { useEffect as
|
|
49496
|
+
import { useEffect as useEffect61, useState as useState81 } from "react";
|
|
49456
49497
|
function SynapseVideo({ params }) {
|
|
49457
49498
|
const { accessToken } = useSynapseContext();
|
|
49458
49499
|
const [externalVideoUrl, setExternalVideoUrl] = useState81();
|
|
49459
49500
|
const [synapseVideoPresignedUrl, setSynapseVideoPresignedUrl] = useState81();
|
|
49460
49501
|
const videoWidth = params.width ?? "";
|
|
49461
49502
|
const videoHeight = params.height ?? "";
|
|
49462
|
-
|
|
49503
|
+
useEffect61(() => {
|
|
49463
49504
|
const getVideo = () => {
|
|
49464
49505
|
if (params.videoId)
|
|
49465
49506
|
setExternalVideoUrl(`https://www.youtube.com/embed/${params.videoId}`);
|
|
@@ -50684,7 +50725,7 @@ function TwoFactorAuthSettingsPanel(props) {
|
|
|
50684
50725
|
}
|
|
50685
50726
|
|
|
50686
50727
|
// src/components/Authentication/TwoFactorBackupCodes.tsx
|
|
50687
|
-
import React371, { useEffect as
|
|
50728
|
+
import React371, { useEffect as useEffect63, useState as useState85 } from "react";
|
|
50688
50729
|
import { useMutation as useMutation10 } from "react-query";
|
|
50689
50730
|
|
|
50690
50731
|
// src/assets/icons/FrontHand.tsx
|
|
@@ -50795,11 +50836,11 @@ function RecoveryCodeGrid(props) {
|
|
|
50795
50836
|
}
|
|
50796
50837
|
|
|
50797
50838
|
// src/utils/hooks/useMediaPrintOnly.ts
|
|
50798
|
-
import { useEffect as
|
|
50839
|
+
import { useEffect as useEffect62 } from "react";
|
|
50799
50840
|
function useMediaPrintOnly() {
|
|
50800
50841
|
const visibleOnPrintClassName = "printable";
|
|
50801
50842
|
const hiddenOnPrintClassName = "noPrint";
|
|
50802
|
-
|
|
50843
|
+
useEffect62(() => {
|
|
50803
50844
|
const temporaryPrintStyle = document.createElement("style");
|
|
50804
50845
|
temporaryPrintStyle.innerHTML = `@media print {
|
|
50805
50846
|
* {
|
|
@@ -50853,7 +50894,7 @@ function TwoFactorBackupCodes(props) {
|
|
|
50853
50894
|
setHasConfirmedRegeneration(true);
|
|
50854
50895
|
}
|
|
50855
50896
|
});
|
|
50856
|
-
|
|
50897
|
+
useEffect63(() => {
|
|
50857
50898
|
if (!showReplaceOldCodesWarning) {
|
|
50858
50899
|
generateCodes();
|
|
50859
50900
|
}
|
|
@@ -50996,7 +51037,7 @@ function TwoFactorBackupCodes(props) {
|
|
|
50996
51037
|
}
|
|
50997
51038
|
|
|
50998
51039
|
// src/components/CertificationQuiz/CertificationQuiz.tsx
|
|
50999
|
-
import React372, { useEffect as
|
|
51040
|
+
import React372, { useEffect as useEffect64, useState as useState86 } from "react";
|
|
51000
51041
|
import { HelpOutlineTwoTone as HelpOutlineTwoTone3 } from "@mui/icons-material";
|
|
51001
51042
|
import { useErrorHandler as useErrorHandler3 } from "react-error-boundary";
|
|
51002
51043
|
var CertificationQuiz = () => {
|
|
@@ -51016,7 +51057,7 @@ var CertificationQuiz = () => {
|
|
|
51016
51057
|
handleError(err);
|
|
51017
51058
|
}
|
|
51018
51059
|
};
|
|
51019
|
-
|
|
51060
|
+
useEffect64(() => {
|
|
51020
51061
|
getQuiz();
|
|
51021
51062
|
}, [accessToken]);
|
|
51022
51063
|
const onUpdateAnswer = (questionIndex, answer) => {
|
|
@@ -51166,12 +51207,12 @@ var CertificationQuiz_default = CertificationQuiz;
|
|
|
51166
51207
|
import React384, { useState as useState93 } from "react";
|
|
51167
51208
|
|
|
51168
51209
|
// src/components/ChallengeRegisterButton/ChallengeRegisterButton.tsx
|
|
51169
|
-
import React375, { useEffect as
|
|
51210
|
+
import React375, { useEffect as useEffect66, useState as useState88 } from "react";
|
|
51170
51211
|
import ExitToAppIcon from "@mui/icons-material/ExitToApp";
|
|
51171
51212
|
import { Box as Box2 } from "@mui/system";
|
|
51172
51213
|
|
|
51173
51214
|
// src/components/widgets/SpinnerButton.tsx
|
|
51174
|
-
import React374, { useEffect as
|
|
51215
|
+
import React374, { useEffect as useEffect65, useRef as useRef39, useState as useState87 } from "react";
|
|
51175
51216
|
|
|
51176
51217
|
// src/components/widgets/LoginAwareButton.tsx
|
|
51177
51218
|
import * as React373 from "react";
|
|
@@ -51204,7 +51245,7 @@ var SpinnerButton = ({
|
|
|
51204
51245
|
}) => {
|
|
51205
51246
|
const [width, setWidth] = useState87(0);
|
|
51206
51247
|
const elementRef = useRef39(null);
|
|
51207
|
-
|
|
51248
|
+
useEffect65(() => {
|
|
51208
51249
|
if (elementRef) {
|
|
51209
51250
|
const n = elementRef.current?.offsetWidth ?? 0;
|
|
51210
51251
|
setWidth(n);
|
|
@@ -51254,7 +51295,7 @@ var ChallengeRegisterButton = ({
|
|
|
51254
51295
|
const [hasSubmissionTeam, setHasSubmissionTeam] = useState88(false);
|
|
51255
51296
|
const [loading, setLoading] = useState88(true);
|
|
51256
51297
|
const [requestError, setRequestError] = useState88();
|
|
51257
|
-
|
|
51298
|
+
useEffect66(() => {
|
|
51258
51299
|
if (requestError && onChallengeError)
|
|
51259
51300
|
onChallengeError(requestError);
|
|
51260
51301
|
}, [requestError, onChallengeError]);
|
|
@@ -51353,7 +51394,7 @@ var ChallengeRegisterButton_default = ChallengeRegisterButton;
|
|
|
51353
51394
|
var ChallengeRegisterButton_default2 = ChallengeRegisterButton_default;
|
|
51354
51395
|
|
|
51355
51396
|
// src/components/ChallengeTeamWizard/ChallengeTeamWizard.tsx
|
|
51356
|
-
import React383, { useEffect as
|
|
51397
|
+
import React383, { useEffect as useEffect68, useState as useState92 } from "react";
|
|
51357
51398
|
|
|
51358
51399
|
// src/components/StepperDialog/StepperDialog.tsx
|
|
51359
51400
|
import React376 from "react";
|
|
@@ -51501,7 +51542,7 @@ import React380 from "react";
|
|
|
51501
51542
|
import ControlPointIcon from "@mui/icons-material/ControlPoint";
|
|
51502
51543
|
|
|
51503
51544
|
// src/components/ChallengeTeamWizard/ChallengeTeamTable.tsx
|
|
51504
|
-
import React379, { useEffect as
|
|
51545
|
+
import React379, { useEffect as useEffect67, useState as useState90 } from "react";
|
|
51505
51546
|
import { DataGrid } from "@mui/x-data-grid";
|
|
51506
51547
|
import dayjs10 from "dayjs";
|
|
51507
51548
|
|
|
@@ -51593,11 +51634,11 @@ function ChallengeTeamTable({
|
|
|
51593
51634
|
description: team.description
|
|
51594
51635
|
};
|
|
51595
51636
|
};
|
|
51596
|
-
|
|
51637
|
+
useEffect67(() => {
|
|
51597
51638
|
const ids = regTeams?.map((team) => team.teamId) ?? [];
|
|
51598
51639
|
setTeamIdList(ids);
|
|
51599
51640
|
}, [regTeams]);
|
|
51600
|
-
|
|
51641
|
+
useEffect67(() => {
|
|
51601
51642
|
const teams = teamsList?.list.filter((team) => team.canRequestMembership !== false) ?? [];
|
|
51602
51643
|
const row = [];
|
|
51603
51644
|
const teamRecords = {};
|
|
@@ -51841,7 +51882,7 @@ var ChallengeTeamWizard = ({ projectId, isShowingModal = false, onClose }) => {
|
|
|
51841
51882
|
participantTeamId,
|
|
51842
51883
|
userId
|
|
51843
51884
|
);
|
|
51844
|
-
|
|
51885
|
+
useEffect68(() => {
|
|
51845
51886
|
if (challengeTeamMembershipStatus && !challengeTeamMembershipStatus?.isMember && accessToken) {
|
|
51846
51887
|
addTeamMemberAsAuthenticatedUserOrAdmin(
|
|
51847
51888
|
participantTeamId,
|
|
@@ -51867,7 +51908,7 @@ var ChallengeTeamWizard = ({ projectId, isShowingModal = false, onClose }) => {
|
|
|
51867
51908
|
keyFactory
|
|
51868
51909
|
]);
|
|
51869
51910
|
const { data: userSubmissionTeams, error: userSubmissionTeamError } = useGetUserSubmissionTeamsInfinite(challenge?.id ?? EMPTY_ID2, 1);
|
|
51870
|
-
|
|
51911
|
+
useEffect68(() => {
|
|
51871
51912
|
if (userSubmissionTeams) {
|
|
51872
51913
|
const isReg = userSubmissionTeams.results.length > 0;
|
|
51873
51914
|
if (isReg) {
|
|
@@ -51933,20 +51974,20 @@ var ChallengeTeamWizard = ({ projectId, isShowingModal = false, onClose }) => {
|
|
|
51933
51974
|
canJoin: false
|
|
51934
51975
|
};
|
|
51935
51976
|
};
|
|
51936
|
-
|
|
51977
|
+
useEffect68(() => {
|
|
51937
51978
|
const isLoggedOut = !!userProfile && userProfile.ownerId === ANONYMOUS_PRINCIPAL_ID.toString();
|
|
51938
51979
|
if (isLoggedOut) {
|
|
51939
51980
|
setLoading(false);
|
|
51940
51981
|
setErrorMessage("Please login to continue.");
|
|
51941
51982
|
}
|
|
51942
51983
|
}, [accessToken, userProfile, projectId, challenge]);
|
|
51943
|
-
|
|
51984
|
+
useEffect68(() => {
|
|
51944
51985
|
if (inviteMembersSuccess && registerChallengeSuccess) {
|
|
51945
51986
|
setConfirming(false);
|
|
51946
51987
|
handleStepChange(step.confirmStep);
|
|
51947
51988
|
}
|
|
51948
51989
|
}, [registerChallengeSuccess, inviteMembersSuccess, step]);
|
|
51949
|
-
|
|
51990
|
+
useEffect68(() => {
|
|
51950
51991
|
if (selectedTeam && selectedTeam.id in membershipStatus && step.id === "SELECT_YOUR_CHALLENGE_TEAM" /* SELECT_YOUR_CHALLENGE_TEAM */) {
|
|
51951
51992
|
const { canJoin, errorMessage: errorMessage2 } = canUserJoinTeam();
|
|
51952
51993
|
if (canJoin) {
|
|
@@ -52263,7 +52304,7 @@ import { Map as Map2 } from "immutable";
|
|
|
52263
52304
|
|
|
52264
52305
|
// src/components/EntityFinder/EntityFinder.tsx
|
|
52265
52306
|
import pluralize4 from "pluralize";
|
|
52266
|
-
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";
|
|
52267
52308
|
import ArrowBackOutlinedIcon from "@mui/icons-material/ArrowBackOutlined";
|
|
52268
52309
|
import ClearIcon from "@mui/icons-material/Clear";
|
|
52269
52310
|
import SearchIcon2 from "@mui/icons-material/Search";
|
|
@@ -52310,12 +52351,12 @@ import BaseTable, {
|
|
|
52310
52351
|
AutoResizer,
|
|
52311
52352
|
Column
|
|
52312
52353
|
} from "@sage-bionetworks/react-base-table";
|
|
52313
|
-
import React414, { useCallback as useCallback23, useEffect as
|
|
52354
|
+
import React414, { useCallback as useCallback23, useEffect as useEffect75, useMemo as useMemo36, useState as useState100 } from "react";
|
|
52314
52355
|
import { useQueryClient as useQueryClient10 } from "react-query";
|
|
52315
52356
|
|
|
52316
52357
|
// src/components/EntityFinder/details/view/DetailsViewTableRenderers.tsx
|
|
52317
52358
|
import dayjs14 from "dayjs";
|
|
52318
|
-
import React412, { useEffect as
|
|
52359
|
+
import React412, { useEffect as useEffect74 } from "react";
|
|
52319
52360
|
import { Form as Form5 } from "react-bootstrap";
|
|
52320
52361
|
|
|
52321
52362
|
// src/assets/icons/Sort.tsx
|
|
@@ -52360,7 +52401,7 @@ import {
|
|
|
52360
52401
|
PublicTwoTone as PublicTwoTone2
|
|
52361
52402
|
} from "@mui/icons-material";
|
|
52362
52403
|
import { isEmpty as isEmpty8 } from "lodash-es";
|
|
52363
|
-
import React411, { useEffect as
|
|
52404
|
+
import React411, { useEffect as useEffect73, useState as useState99 } from "react";
|
|
52364
52405
|
import { useInView as useInView7 } from "react-intersection-observer";
|
|
52365
52406
|
|
|
52366
52407
|
// src/components/entity/metadata/EntityModal.tsx
|
|
@@ -52369,7 +52410,7 @@ import React410, { useRef as useRef42, useState as useState98 } from "react";
|
|
|
52369
52410
|
// src/components/SchemaDrivenAnnotationEditor/SchemaDrivenAnnotationEditor.tsx
|
|
52370
52411
|
import Form4 from "@rjsf/mui";
|
|
52371
52412
|
import isEmpty6 from "lodash-es/isEmpty";
|
|
52372
|
-
import React407, { useCallback as useCallback22, useEffect as
|
|
52413
|
+
import React407, { useCallback as useCallback22, useEffect as useEffect72, useMemo as useMemo35, useRef as useRef41 } from "react";
|
|
52373
52414
|
|
|
52374
52415
|
// src/assets/icons/AddToList.tsx
|
|
52375
52416
|
import React387 from "react";
|
|
@@ -52391,7 +52432,7 @@ var AddToList_default = AddToList;
|
|
|
52391
52432
|
|
|
52392
52433
|
// src/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.tsx
|
|
52393
52434
|
import { isEqual as isEqual3 } from "lodash-es";
|
|
52394
|
-
import React389, { useEffect as
|
|
52435
|
+
import React389, { useEffect as useEffect69, useState as useState94 } from "react";
|
|
52395
52436
|
|
|
52396
52437
|
// src/components/SchemaDrivenAnnotationEditor/AnnotationEditorUtils.ts
|
|
52397
52438
|
import { flatMap, groupBy, isEmpty as isEmpty5 } from "lodash-es";
|
|
@@ -52569,7 +52610,7 @@ function AdditionalPropertiesSchemaField(props) {
|
|
|
52569
52610
|
guessPropertyType(convertToArray(formData))
|
|
52570
52611
|
);
|
|
52571
52612
|
const [nextPropertyType, setNextPropertyType] = useState94(propertyType);
|
|
52572
|
-
|
|
52613
|
+
useEffect69(() => {
|
|
52573
52614
|
function onNextPropertyTypeUpdate() {
|
|
52574
52615
|
if (Array.isArray(formData)) {
|
|
52575
52616
|
const dataIsEmpty = formData.length === 0 || formData.every((item) => item == null || item == "");
|
|
@@ -52586,7 +52627,7 @@ function AdditionalPropertiesSchemaField(props) {
|
|
|
52586
52627
|
}
|
|
52587
52628
|
onNextPropertyTypeUpdate();
|
|
52588
52629
|
}, [nextPropertyType]);
|
|
52589
|
-
|
|
52630
|
+
useEffect69(() => {
|
|
52590
52631
|
function coerceDataAndUpdateWidget() {
|
|
52591
52632
|
if (Array.isArray(formData)) {
|
|
52592
52633
|
if (formData.every((item) => item == null)) {
|
|
@@ -52892,7 +52933,7 @@ var TextWidget_default = TextWidget;
|
|
|
52892
52933
|
import validator2 from "@rjsf/validator-ajv8";
|
|
52893
52934
|
|
|
52894
52935
|
// src/components/SchemaDrivenAnnotationEditor/field/CustomObjectField.tsx
|
|
52895
|
-
import React395, { useEffect as
|
|
52936
|
+
import React395, { useEffect as useEffect70 } from "react";
|
|
52896
52937
|
import { getDefaultRegistry } from "@rjsf/core";
|
|
52897
52938
|
import {
|
|
52898
52939
|
ADDITIONAL_PROPERTY_FLAG as ADDITIONAL_PROPERTY_FLAG2,
|
|
@@ -52903,7 +52944,7 @@ function CustomObjectField(props) {
|
|
|
52903
52944
|
const {
|
|
52904
52945
|
fields: { ObjectField }
|
|
52905
52946
|
} = getDefaultRegistry();
|
|
52906
|
-
|
|
52947
|
+
useEffect70(() => {
|
|
52907
52948
|
const { schema, formData, onChange } = props;
|
|
52908
52949
|
const newFormData = { ...formData };
|
|
52909
52950
|
if (schema[PROPERTIES_KEY]) {
|
|
@@ -53027,7 +53068,7 @@ import {
|
|
|
53027
53068
|
getTemplate as getTemplate2,
|
|
53028
53069
|
getUiOptions as getUiOptions2
|
|
53029
53070
|
} from "@rjsf/utils";
|
|
53030
|
-
import React397, { useEffect as
|
|
53071
|
+
import React397, { useEffect as useEffect71, useState as useState96 } from "react";
|
|
53031
53072
|
import { HelpOutline } from "@mui/icons-material";
|
|
53032
53073
|
function ArrayFieldTemplate(props) {
|
|
53033
53074
|
const { idSchema, uiSchema, items, registry, schema } = props;
|
|
@@ -53042,7 +53083,7 @@ function ArrayFieldTemplate(props) {
|
|
|
53042
53083
|
const isAdditionalProperty = !!props.schema[ADDITIONAL_PROPERTY_FLAG3];
|
|
53043
53084
|
const additionalPropertyContext = useAdditionalPropertyContext();
|
|
53044
53085
|
const [showDetails, setShowDetails] = useState96(false);
|
|
53045
|
-
|
|
53086
|
+
useEffect71(() => {
|
|
53046
53087
|
if (props.items.length === 0) {
|
|
53047
53088
|
props.onAddClick();
|
|
53048
53089
|
}
|
|
@@ -53488,7 +53529,7 @@ function SchemaDrivenAnnotationEditor(props) {
|
|
|
53488
53529
|
getTransformErrors(entityJson?.concreteType),
|
|
53489
53530
|
[entityJson?.concreteType]
|
|
53490
53531
|
);
|
|
53491
|
-
|
|
53532
|
+
useEffect72(() => {
|
|
53492
53533
|
if (annotations) {
|
|
53493
53534
|
setFormData(annotations);
|
|
53494
53535
|
}
|
|
@@ -53945,7 +53986,7 @@ var EntityBadgeIcons = (props) => {
|
|
|
53945
53986
|
});
|
|
53946
53987
|
const maxAnnosToShow = 10;
|
|
53947
53988
|
const annotationsCount = bundle?.annotations && !isEmpty8(bundle.annotations.annotations) ? Object.keys(bundle.annotations.annotations).length : 0;
|
|
53948
|
-
|
|
53989
|
+
useEffect73(() => {
|
|
53949
53990
|
if (isInExperimentalMode && schemaValidationResults) {
|
|
53950
53991
|
if (schemaValidationResults.isValid) {
|
|
53951
53992
|
setSchemaConformance("Valid" /* VALID */);
|
|
@@ -54255,7 +54296,7 @@ var DetailsViewVersionRenderer = ({
|
|
|
54255
54296
|
// 60 seconds
|
|
54256
54297
|
});
|
|
54257
54298
|
const versions = versionData?.pages.flatMap((page) => page.results) ?? [];
|
|
54258
|
-
|
|
54299
|
+
useEffect74(() => {
|
|
54259
54300
|
if (isSelected && versionSelection == "REQUIRED" /* REQUIRED */ && currentSelectedVersion === NO_VERSION_NUMBER && versions.length > 0) {
|
|
54260
54301
|
toggleSelection({
|
|
54261
54302
|
targetId: id,
|
|
@@ -54380,7 +54421,7 @@ var DetailsView = ({
|
|
|
54380
54421
|
return "default";
|
|
54381
54422
|
}
|
|
54382
54423
|
};
|
|
54383
|
-
|
|
54424
|
+
useEffect75(() => {
|
|
54384
54425
|
async function handleSelectAll() {
|
|
54385
54426
|
if (shouldSelectAll) {
|
|
54386
54427
|
if (hasNextPage && fetchNextPage) {
|
|
@@ -54968,7 +55009,7 @@ var EntityDetailsList = ({ configuration, ...sharedProps }) => {
|
|
|
54968
55009
|
|
|
54969
55010
|
// src/components/EntityFinder/SelectionPane.tsx
|
|
54970
55011
|
import { Clear as Clear2 } from "@mui/icons-material";
|
|
54971
|
-
import React420, { useEffect as
|
|
55012
|
+
import React420, { useEffect as useEffect76, useState as useState103 } from "react";
|
|
54972
55013
|
var SelectionPane = ({
|
|
54973
55014
|
title,
|
|
54974
55015
|
selectedEntities,
|
|
@@ -55005,7 +55046,7 @@ var EntityPathDisplay = ({ entity, toggleSelection }) => {
|
|
|
55005
55046
|
const [entityName, setEntityName] = useState103("");
|
|
55006
55047
|
const [fullPath, setFullPath] = useState103("");
|
|
55007
55048
|
const [displayedPath, setDisplayedPath] = useState103("");
|
|
55008
|
-
|
|
55049
|
+
useEffect76(() => {
|
|
55009
55050
|
if (bundle?.path?.path) {
|
|
55010
55051
|
const header = bundle.path.path[bundle.path.path.length - 1];
|
|
55011
55052
|
setEntityName(header.name ?? header.id);
|
|
@@ -55044,7 +55085,7 @@ var EntityPathDisplay = ({ entity, toggleSelection }) => {
|
|
|
55044
55085
|
// src/components/EntityFinder/tree/EntityTree.tsx
|
|
55045
55086
|
import React422, {
|
|
55046
55087
|
useCallback as useCallback25,
|
|
55047
|
-
useEffect as
|
|
55088
|
+
useEffect as useEffect78,
|
|
55048
55089
|
useMemo as useMemo37,
|
|
55049
55090
|
useState as useState105
|
|
55050
55091
|
} from "react";
|
|
@@ -55053,7 +55094,7 @@ import { Dropdown as Dropdown6 } from "react-bootstrap";
|
|
|
55053
55094
|
// src/components/EntityFinder/tree/VirtualizedTree.tsx
|
|
55054
55095
|
import { cloneDeep as cloneDeep6 } from "lodash-es";
|
|
55055
55096
|
import dayjs15 from "dayjs";
|
|
55056
|
-
import React421, { useCallback as useCallback24, useEffect as
|
|
55097
|
+
import React421, { useCallback as useCallback24, useEffect as useEffect77, useState as useState104 } from "react";
|
|
55057
55098
|
import { useInView as useInView8 } from "react-intersection-observer";
|
|
55058
55099
|
import AutoSizer from "react-virtualized-auto-sizer";
|
|
55059
55100
|
import {
|
|
@@ -55159,7 +55200,7 @@ function Node4(props) {
|
|
|
55159
55200
|
/* @__PURE__ */ React421.createElement(Skeleton_default, { width: 100 })
|
|
55160
55201
|
);
|
|
55161
55202
|
const { ref, inView } = useInView8();
|
|
55162
|
-
|
|
55203
|
+
useEffect77(() => {
|
|
55163
55204
|
if (isPaginationNode(node) && inView) {
|
|
55164
55205
|
getNextPageOfChildren();
|
|
55165
55206
|
}
|
|
@@ -55174,7 +55215,7 @@ function Node4(props) {
|
|
|
55174
55215
|
await setOpen(!isOpen);
|
|
55175
55216
|
}
|
|
55176
55217
|
}, [getNextPageOfChildren, node, isOpen, setOpen]);
|
|
55177
|
-
|
|
55218
|
+
useEffect77(() => {
|
|
55178
55219
|
if (treeNodeType === 1 /* DUAL_PANE */ && isSelected && !isOpen) {
|
|
55179
55220
|
toggleExpand();
|
|
55180
55221
|
}
|
|
@@ -55317,7 +55358,7 @@ var VirtualizedTree = (props) => {
|
|
|
55317
55358
|
const [rootNode, setRootNode] = useState104(
|
|
55318
55359
|
rootNodeConfiguration
|
|
55319
55360
|
);
|
|
55320
|
-
|
|
55361
|
+
useEffect77(() => {
|
|
55321
55362
|
setRootNode(rootNodeConfiguration);
|
|
55322
55363
|
}, [rootNodeConfiguration, rootNodeConfiguration.children]);
|
|
55323
55364
|
const itemSize = useCallback24(
|
|
@@ -55443,7 +55484,7 @@ function EntityTree(props) {
|
|
|
55443
55484
|
type: 5 /* PROMPT */
|
|
55444
55485
|
};
|
|
55445
55486
|
const [scope, setScope] = useState105(initialScope);
|
|
55446
|
-
|
|
55487
|
+
useEffect78(() => {
|
|
55447
55488
|
if (setDetailsViewConfiguration) {
|
|
55448
55489
|
setDetailsViewConfiguration(DEFAULT_CONFIGURATION);
|
|
55449
55490
|
}
|
|
@@ -55549,7 +55590,7 @@ function EntityTree(props) {
|
|
|
55549
55590
|
projectHeader,
|
|
55550
55591
|
scope
|
|
55551
55592
|
]);
|
|
55552
|
-
|
|
55593
|
+
useEffect78(() => {
|
|
55553
55594
|
if (setDetailsViewConfiguration || setBreadcrumbItems) {
|
|
55554
55595
|
let detailsViewConfig;
|
|
55555
55596
|
let breadcrumbItems = [];
|
|
@@ -55781,7 +55822,7 @@ var EntityFinder = ({
|
|
|
55781
55822
|
},
|
|
55782
55823
|
[selectableTypes]
|
|
55783
55824
|
);
|
|
55784
|
-
|
|
55825
|
+
useEffect79(() => {
|
|
55785
55826
|
onSelectedChange(
|
|
55786
55827
|
selectedEntities.toArray().map(([id, version]) => {
|
|
55787
55828
|
return {
|
|
@@ -55791,7 +55832,7 @@ var EntityFinder = ({
|
|
|
55791
55832
|
})
|
|
55792
55833
|
);
|
|
55793
55834
|
}, [selectedEntities, onSelectedChange]);
|
|
55794
|
-
|
|
55835
|
+
useEffect79(() => {
|
|
55795
55836
|
if (searchTerms?.length === 1) {
|
|
55796
55837
|
const searchTermReference = parseSynId(searchTerms[0]);
|
|
55797
55838
|
if (searchTermReference) {
|
|
@@ -56045,7 +56086,7 @@ import BaseTable2, {
|
|
|
56045
56086
|
AutoResizer as AutoResizer2,
|
|
56046
56087
|
Column as Column2
|
|
56047
56088
|
} from "@sage-bionetworks/react-base-table";
|
|
56048
|
-
import React425, { useCallback as useCallback28, useEffect as
|
|
56089
|
+
import React425, { useCallback as useCallback28, useEffect as useEffect80, useMemo as useMemo39, useState as useState107 } from "react";
|
|
56049
56090
|
import { useQueryClient as useQueryClient11 } from "react-query";
|
|
56050
56091
|
|
|
56051
56092
|
// src/components/ChallengeDataDownload/Renderers.tsx
|
|
@@ -56122,7 +56163,7 @@ var ChallengeDataTable = ({
|
|
|
56122
56163
|
return "default";
|
|
56123
56164
|
}
|
|
56124
56165
|
};
|
|
56125
|
-
|
|
56166
|
+
useEffect80(() => {
|
|
56126
56167
|
async function handleSelectAll() {
|
|
56127
56168
|
if (shouldSelectAll) {
|
|
56128
56169
|
if (hasNextPage && fetchNextPage) {
|
|
@@ -56560,7 +56601,7 @@ function ChallengeDataDownload({
|
|
|
56560
56601
|
}
|
|
56561
56602
|
|
|
56562
56603
|
// src/components/ChallengeSubmission/ChallengeSubmission.tsx
|
|
56563
|
-
import React433, { useEffect as
|
|
56604
|
+
import React433, { useEffect as useEffect82, useState as useState112 } from "react";
|
|
56564
56605
|
|
|
56565
56606
|
// src/synapse-queries/team/useTeam.ts
|
|
56566
56607
|
import { useQuery as useQuery27 } from "react-query";
|
|
@@ -56574,7 +56615,7 @@ function useGetTeam(teamId, options) {
|
|
|
56574
56615
|
}
|
|
56575
56616
|
|
|
56576
56617
|
// src/components/ChallengeSubmission/SubmissionDirectoryList.tsx
|
|
56577
|
-
import React429, { useEffect as
|
|
56618
|
+
import React429, { useEffect as useEffect81, useState as useState109 } from "react";
|
|
56578
56619
|
import { DataGrid as DataGrid2 } from "@mui/x-data-grid";
|
|
56579
56620
|
import { Link as Link6 } from "react-router-dom";
|
|
56580
56621
|
import dayjs16 from "dayjs";
|
|
@@ -56680,7 +56721,7 @@ function SubmissionDirectoryList({
|
|
|
56680
56721
|
setFetchNextPage(false);
|
|
56681
56722
|
refetch();
|
|
56682
56723
|
}
|
|
56683
|
-
|
|
56724
|
+
useEffect81(() => {
|
|
56684
56725
|
reset();
|
|
56685
56726
|
}, [entityType, pageSize2]);
|
|
56686
56727
|
const { isLoading: areEntitiesLoading, data: entities } = useGetEntities(
|
|
@@ -57512,7 +57553,7 @@ function ChallengeSubmission({
|
|
|
57512
57553
|
challenge?.id ?? EMPTY_ID3,
|
|
57513
57554
|
2
|
|
57514
57555
|
);
|
|
57515
|
-
|
|
57556
|
+
useEffect82(() => {
|
|
57516
57557
|
if (isLoggedIn && !!challenge && userSubmissionTeams) {
|
|
57517
57558
|
const isReg = userSubmissionTeams.results.length > 0;
|
|
57518
57559
|
if (!isReg) {
|
|
@@ -57546,7 +57587,7 @@ function ChallengeSubmission({
|
|
|
57546
57587
|
}
|
|
57547
57588
|
}
|
|
57548
57589
|
);
|
|
57549
|
-
|
|
57590
|
+
useEffect82(() => {
|
|
57550
57591
|
if (entityAlias) {
|
|
57551
57592
|
setProjectAliasFound(true);
|
|
57552
57593
|
setChallengeProjectId(entityAlias.id);
|
|
@@ -57560,7 +57601,7 @@ function ChallengeSubmission({
|
|
|
57560
57601
|
setErrorMessage(error.reason);
|
|
57561
57602
|
}
|
|
57562
57603
|
});
|
|
57563
|
-
|
|
57604
|
+
useEffect82(() => {
|
|
57564
57605
|
if (entityACL && isProjectNewlyCreated === true) {
|
|
57565
57606
|
const teamResourceAccess = {
|
|
57566
57607
|
principalId: Number(submissionTeam.id),
|
|
@@ -57593,25 +57634,25 @@ function ChallengeSubmission({
|
|
|
57593
57634
|
}
|
|
57594
57635
|
}
|
|
57595
57636
|
);
|
|
57596
|
-
|
|
57637
|
+
useEffect82(() => {
|
|
57597
57638
|
if (entityPermissions && entityPermissions.canView && entityPermissions.canAddChild) {
|
|
57598
57639
|
setCanSubmit(true);
|
|
57599
57640
|
}
|
|
57600
57641
|
setLoading(false);
|
|
57601
57642
|
}, [entityPermissions]);
|
|
57602
|
-
|
|
57643
|
+
useEffect82(() => {
|
|
57603
57644
|
if (!isLoggedIn && (!!userProfile || !isProfileLoading)) {
|
|
57604
57645
|
setLoading(false);
|
|
57605
57646
|
setErrorMessage("Please login to continue.");
|
|
57606
57647
|
}
|
|
57607
57648
|
}, [isLoggedIn, userProfile, isProfileLoading]);
|
|
57608
|
-
|
|
57649
|
+
useEffect82(() => {
|
|
57609
57650
|
if (accessToken && submissionTeam && challenge && !newProject) {
|
|
57610
57651
|
const project = getProject(challenge, submissionTeam);
|
|
57611
57652
|
setNewProject(project);
|
|
57612
57653
|
}
|
|
57613
57654
|
}, [accessToken, submissionTeam, challenge, newProject]);
|
|
57614
|
-
|
|
57655
|
+
useEffect82(() => {
|
|
57615
57656
|
async function createChallengeProject() {
|
|
57616
57657
|
const project = getProject(challenge, submissionTeam);
|
|
57617
57658
|
const challengeProject = await createEntity(project, accessToken);
|
|
@@ -57655,14 +57696,14 @@ function ChallengeSubmission({
|
|
|
57655
57696
|
|
|
57656
57697
|
// src/components/DownloadCart/DownloadCartPage.tsx
|
|
57657
57698
|
import React441 from "react";
|
|
57658
|
-
import { useEffect as
|
|
57699
|
+
import { useEffect as useEffect85, useState as useState116 } from "react";
|
|
57659
57700
|
|
|
57660
57701
|
// src/components/DownloadCart/AvailableForDownloadTable.tsx
|
|
57661
57702
|
import React436 from "react";
|
|
57662
57703
|
import { QueryClient as QueryClient2, QueryClientProvider as QueryClientProvider2 } from "react-query";
|
|
57663
57704
|
|
|
57664
57705
|
// src/components/DownloadCart/DownloadListTable.tsx
|
|
57665
|
-
import React435, { useState as useState114, useEffect as
|
|
57706
|
+
import React435, { useState as useState114, useEffect as useEffect83 } from "react";
|
|
57666
57707
|
import { useErrorHandler as useErrorHandler5 } from "react-error-boundary";
|
|
57667
57708
|
import { Dropdown as Dropdown7, Table as Table3 } from "react-bootstrap";
|
|
57668
57709
|
import { useInView as useInView9 } from "react-intersection-observer";
|
|
@@ -57743,18 +57784,18 @@ function DownloadListTable(props) {
|
|
|
57743
57784
|
error: newError,
|
|
57744
57785
|
refetch
|
|
57745
57786
|
} = useGetAvailableFilesToDownloadInfinite(sort, filter2);
|
|
57746
|
-
|
|
57787
|
+
useEffect83(() => {
|
|
57747
57788
|
if (refetch) {
|
|
57748
57789
|
refetch();
|
|
57749
57790
|
}
|
|
57750
57791
|
}, [filesStatistics, refetch]);
|
|
57751
|
-
|
|
57792
|
+
useEffect83(() => {
|
|
57752
57793
|
if (isError && newError) {
|
|
57753
57794
|
handleError(newError);
|
|
57754
57795
|
}
|
|
57755
57796
|
}, [isError, newError, handleError]);
|
|
57756
57797
|
const allRows = data?.pages.flatMap((page) => page.page) ?? [];
|
|
57757
|
-
|
|
57798
|
+
useEffect83(() => {
|
|
57758
57799
|
const copyAllSynapseIDs = () => {
|
|
57759
57800
|
const synIDs = allRows.map((item) => {
|
|
57760
57801
|
return `${item.fileEntityId}.${item.versionNumber}`;
|
|
@@ -58001,7 +58042,7 @@ function DownloadListStats(props) {
|
|
|
58001
58042
|
}
|
|
58002
58043
|
|
|
58003
58044
|
// src/components/DownloadCart/DownloadListActionsRequired.tsx
|
|
58004
|
-
import React439, { useEffect as
|
|
58045
|
+
import React439, { useEffect as useEffect84 } from "react";
|
|
58005
58046
|
import { useInView as useInView10 } from "react-intersection-observer";
|
|
58006
58047
|
var DownloadListActionsRequired = (props) => {
|
|
58007
58048
|
const { ref, inView } = useInView10();
|
|
@@ -58015,7 +58056,7 @@ var DownloadListActionsRequired = (props) => {
|
|
|
58015
58056
|
} = useGetDownloadListActionsRequiredInfinite({
|
|
58016
58057
|
useErrorBoundary: true
|
|
58017
58058
|
});
|
|
58018
|
-
|
|
58059
|
+
useEffect84(() => {
|
|
58019
58060
|
if (status === "success" && !isFetchingNextPage && hasNextPage && fetchNextPage && inView) {
|
|
58020
58061
|
fetchNextPage();
|
|
58021
58062
|
}
|
|
@@ -58145,12 +58186,12 @@ var DownloadCartPage = (props) => {
|
|
|
58145
58186
|
error: newError,
|
|
58146
58187
|
refetch
|
|
58147
58188
|
} = useGetDownloadListStatistics();
|
|
58148
|
-
|
|
58189
|
+
useEffect85(() => {
|
|
58149
58190
|
if (isError && newError) {
|
|
58150
58191
|
setError(newError);
|
|
58151
58192
|
}
|
|
58152
58193
|
}, [isError, newError]);
|
|
58153
|
-
|
|
58194
|
+
useEffect85(() => {
|
|
58154
58195
|
if (data && data.numberOfFilesRequiringAction == 0) {
|
|
58155
58196
|
setSelectedTabIndex(1);
|
|
58156
58197
|
}
|
|
@@ -58305,7 +58346,7 @@ var DownloadCartPage = (props) => {
|
|
|
58305
58346
|
};
|
|
58306
58347
|
|
|
58307
58348
|
// src/components/DownloadCart/ShowDownloadV2.tsx
|
|
58308
|
-
import React442, { useEffect as
|
|
58349
|
+
import React442, { useEffect as useEffect86 } from "react";
|
|
58309
58350
|
import { useErrorHandler as useErrorHandler6 } from "react-error-boundary";
|
|
58310
58351
|
function ShowDownloadV2({ to, className = "" }) {
|
|
58311
58352
|
const { accessToken } = useSynapseContext();
|
|
@@ -58317,7 +58358,7 @@ function ShowDownloadV2({ to, className = "" }) {
|
|
|
58317
58358
|
isError,
|
|
58318
58359
|
error: newError
|
|
58319
58360
|
} = useGetDownloadListStatistics();
|
|
58320
|
-
|
|
58361
|
+
useEffect86(() => {
|
|
58321
58362
|
if (isError && newError && accessToken) {
|
|
58322
58363
|
handleError(newError);
|
|
58323
58364
|
}
|
|
@@ -58596,7 +58637,7 @@ var EntityForm = class extends React443.Component {
|
|
|
58596
58637
|
__publicField(EntityForm, "contextType", SynapseContext);
|
|
58597
58638
|
|
|
58598
58639
|
// src/components/Evaluation/EvaluationCard.tsx
|
|
58599
|
-
import React445, { useEffect as
|
|
58640
|
+
import React445, { useEffect as useEffect87, useState as useState117 } from "react";
|
|
58600
58641
|
import { Card as Card2, Col, Dropdown as Dropdown8, Row as Row5 } from "react-bootstrap";
|
|
58601
58642
|
|
|
58602
58643
|
// src/components/Evaluation/CreatedOnByUserDiv.tsx
|
|
@@ -58627,7 +58668,7 @@ var EvaluationCard = ({
|
|
|
58627
58668
|
const { accessToken } = useSynapseContext();
|
|
58628
58669
|
const [error, setError] = useState117();
|
|
58629
58670
|
const [permissions, setPermissions] = useState117();
|
|
58630
|
-
|
|
58671
|
+
useEffect87(() => {
|
|
58631
58672
|
setError(void 0);
|
|
58632
58673
|
getEvaluationPermissions(evaluation.id, accessToken).then((retrievedPermissions) => {
|
|
58633
58674
|
setPermissions(retrievedPermissions);
|
|
@@ -58708,7 +58749,7 @@ import React452, { useState as useState122 } from "react";
|
|
|
58708
58749
|
|
|
58709
58750
|
// src/components/Evaluation/EvaluationEditor.tsx
|
|
58710
58751
|
import { Col as Col2, Dropdown as Dropdown9, Form as Form7, Row as Row6 } from "react-bootstrap";
|
|
58711
|
-
import React446, { useEffect as
|
|
58752
|
+
import React446, { useEffect as useEffect88, useState as useState118 } from "react";
|
|
58712
58753
|
var EvaluationEditor = ({
|
|
58713
58754
|
evaluationId,
|
|
58714
58755
|
entityId,
|
|
@@ -58721,7 +58762,7 @@ var EvaluationEditor = ({
|
|
|
58721
58762
|
const { accessToken } = useSynapseContext();
|
|
58722
58763
|
const [error, setError] = useState118();
|
|
58723
58764
|
const [showSaveSuccess, setShowSaveSuccess] = useState118(false);
|
|
58724
|
-
|
|
58765
|
+
useEffect88(() => {
|
|
58725
58766
|
if (error) {
|
|
58726
58767
|
setShowSaveSuccess(false);
|
|
58727
58768
|
}
|
|
@@ -58733,7 +58774,7 @@ var EvaluationEditor = ({
|
|
|
58733
58774
|
const [evaluation, setEvaluation] = useState118({
|
|
58734
58775
|
contentSource: entityId
|
|
58735
58776
|
});
|
|
58736
|
-
|
|
58777
|
+
useEffect88(() => {
|
|
58737
58778
|
setName(evaluation.name ?? "");
|
|
58738
58779
|
setDescription(evaluation.description ?? "");
|
|
58739
58780
|
setSubmissionInstructionsMessage(
|
|
@@ -58741,7 +58782,7 @@ var EvaluationEditor = ({
|
|
|
58741
58782
|
);
|
|
58742
58783
|
setSubmissionReceiptMessage(evaluation.submissionReceiptMessage ?? "");
|
|
58743
58784
|
}, [evaluation]);
|
|
58744
|
-
|
|
58785
|
+
useEffect88(() => {
|
|
58745
58786
|
if (evaluationId) {
|
|
58746
58787
|
setError(void 0);
|
|
58747
58788
|
synapse_client_default.getEvaluation(evaluationId, accessToken).then((retrievedEvaluation) => {
|
|
@@ -58862,15 +58903,15 @@ var EvaluationEditorDropdown = ({ onClick, onDelete }) => {
|
|
|
58862
58903
|
};
|
|
58863
58904
|
|
|
58864
58905
|
// src/components/Evaluation/EvaluationRoundEditorList.tsx
|
|
58865
|
-
import React451, { useEffect as
|
|
58906
|
+
import React451, { useEffect as useEffect91, useState as useState121 } from "react";
|
|
58866
58907
|
|
|
58867
58908
|
// src/components/Evaluation/EvaluationRoundEditor.tsx
|
|
58868
|
-
import React450, { useEffect as
|
|
58909
|
+
import React450, { useEffect as useEffect90, useState as useState120 } from "react";
|
|
58869
58910
|
import { Card as Card3, Col as Col3, Form as Form8, FormControl as FormControl4, FormGroup as FormGroup3, Row as Row7 } from "react-bootstrap";
|
|
58870
58911
|
import dayjs19 from "dayjs";
|
|
58871
58912
|
|
|
58872
58913
|
// src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx
|
|
58873
|
-
import React448, { useCallback as useCallback30, useEffect as
|
|
58914
|
+
import React448, { useCallback as useCallback30, useEffect as useEffect89 } from "react";
|
|
58874
58915
|
import { CloseTwoTone as CloseTwoTone2, AddBox } from "@mui/icons-material";
|
|
58875
58916
|
|
|
58876
58917
|
// src/components/Evaluation/round_limits/EvaluationRoundLimitOptions.tsx
|
|
@@ -58942,7 +58983,7 @@ var EvaluationRoundLimitOptionsList = ({ limitInputs, handleChange, handleDelete
|
|
|
58942
58983
|
maxSubmissionString: ""
|
|
58943
58984
|
});
|
|
58944
58985
|
}, [onAddNewLimit, selectedTypes]);
|
|
58945
|
-
|
|
58986
|
+
useEffect89(() => {
|
|
58946
58987
|
if (limitInputs.length === 0) {
|
|
58947
58988
|
addNewLimit();
|
|
58948
58989
|
}
|
|
@@ -59120,7 +59161,7 @@ var EvaluationRoundEditor = ({ evaluationRoundInput, onSave, onDelete }) => {
|
|
|
59120
59161
|
const { accessToken } = useSynapseContext();
|
|
59121
59162
|
const [error, setError] = useState120();
|
|
59122
59163
|
const [showSaveSuccess, setShowSaveSuccess] = useState120(false);
|
|
59123
|
-
|
|
59164
|
+
useEffect90(() => {
|
|
59124
59165
|
if (error) {
|
|
59125
59166
|
setShowSaveSuccess(false);
|
|
59126
59167
|
}
|
|
@@ -59301,7 +59342,7 @@ var EvaluationRoundEditorList = ({ evaluationId }) => {
|
|
|
59301
59342
|
handleListRemove: handleEvaluationRoundInputListRemove,
|
|
59302
59343
|
setList: setEvaluationRoundInputList
|
|
59303
59344
|
} = useListState([]);
|
|
59304
|
-
|
|
59345
|
+
useEffect91(
|
|
59305
59346
|
() => {
|
|
59306
59347
|
fetchEvaluationList(
|
|
59307
59348
|
evaluationId,
|
|
@@ -59388,7 +59429,7 @@ var FakeEvaluationRoundEditorList = () => {
|
|
|
59388
59429
|
|
|
59389
59430
|
// src/components/ExperimentalMode/ExperimentalMode.tsx
|
|
59390
59431
|
import React453 from "react";
|
|
59391
|
-
import { useEffect as
|
|
59432
|
+
import { useEffect as useEffect92, useState as useState123 } from "react";
|
|
59392
59433
|
import UniversalCookies2 from "universal-cookie";
|
|
59393
59434
|
import { InfoOutlined as InfoOutlined3 } from "@mui/icons-material";
|
|
59394
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.";
|
|
@@ -59396,7 +59437,7 @@ var ExperimentalMode = () => {
|
|
|
59396
59437
|
const [isExperimentalModeOn, setIsExperimentalModeOn] = useState123(false);
|
|
59397
59438
|
const cookies2 = new UniversalCookies2();
|
|
59398
59439
|
let mounted = true;
|
|
59399
|
-
|
|
59440
|
+
useEffect92(() => {
|
|
59400
59441
|
if (mounted) {
|
|
59401
59442
|
if (isInSynapseExperimentalMode()) {
|
|
59402
59443
|
setIsExperimentalModeOn(true);
|
|
@@ -59436,13 +59477,13 @@ var ExperimentalMode = () => {
|
|
|
59436
59477
|
var ExperimentalMode_default = ExperimentalMode;
|
|
59437
59478
|
|
|
59438
59479
|
// src/components/ExternalFileHandleLink/ExternalFileHandleLink.tsx
|
|
59439
|
-
import React454, { useEffect as
|
|
59480
|
+
import React454, { useEffect as useEffect93, useState as useState124 } from "react";
|
|
59440
59481
|
import { OpenInNewTwoTone as OpenInNewTwoTone2 } from "@mui/icons-material";
|
|
59441
59482
|
var ExternalFileHandleLink = (props) => {
|
|
59442
59483
|
const { accessToken } = useSynapseContext();
|
|
59443
59484
|
const { synId, className } = props;
|
|
59444
59485
|
const [data, setData] = useState124(void 0);
|
|
59445
|
-
|
|
59486
|
+
useEffect93(() => {
|
|
59446
59487
|
const getEntity2 = async () => {
|
|
59447
59488
|
try {
|
|
59448
59489
|
const fileEntity2 = await synapse_client_default.getEntity(
|
|
@@ -59507,7 +59548,7 @@ import React459 from "react";
|
|
|
59507
59548
|
import React457 from "react";
|
|
59508
59549
|
|
|
59509
59550
|
// src/components/FeaturedDataTabs/FacetPlotsCard.tsx
|
|
59510
|
-
import React456, { useEffect as
|
|
59551
|
+
import React456, { useEffect as useEffect94, useState as useState125 } from "react";
|
|
59511
59552
|
import Plotly3 from "plotly.js-basic-dist";
|
|
59512
59553
|
import createPlotlyComponent3 from "react-plotly.js/factory";
|
|
59513
59554
|
import { SizeMe as SizeMe3 } from "react-sizeme";
|
|
@@ -59752,7 +59793,7 @@ var FacetPlotsCard = ({
|
|
|
59752
59793
|
const [facetPlotDataArray, setFacetPlotDataArray] = useState125([]);
|
|
59753
59794
|
const [facetDataArray, setFacetDataArray] = useState125([]);
|
|
59754
59795
|
const [selectedFacetValue, setSelectedFacetValue] = useState125("");
|
|
59755
|
-
|
|
59796
|
+
useEffect94(() => {
|
|
59756
59797
|
if (!facetsToPlot || !data) {
|
|
59757
59798
|
return;
|
|
59758
59799
|
} else {
|
|
@@ -60060,7 +60101,7 @@ var FeaturedDataTabs = (props) => {
|
|
|
60060
60101
|
var FeaturedDataTabs_default = FeaturedDataTabs;
|
|
60061
60102
|
|
|
60062
60103
|
// src/components/FeaturedToolsList/FeaturedToolsList.tsx
|
|
60063
|
-
import React462, { useState as useState127, useEffect as
|
|
60104
|
+
import React462, { useState as useState127, useEffect as useEffect95 } from "react";
|
|
60064
60105
|
|
|
60065
60106
|
// src/components/FeaturedToolsList/FeaturedToolCard.tsx
|
|
60066
60107
|
import dayjs20 from "dayjs";
|
|
@@ -60110,7 +60151,7 @@ var FeaturedToolsList = ({
|
|
|
60110
60151
|
const [tools, setTools] = useState127([]);
|
|
60111
60152
|
const [error, setError] = useState127();
|
|
60112
60153
|
const { data: queryResultBundle, error: queryError } = useGetQueryResultBundle(queryBundleRequest);
|
|
60113
|
-
|
|
60154
|
+
useEffect95(() => {
|
|
60114
60155
|
const getData = () => {
|
|
60115
60156
|
try {
|
|
60116
60157
|
const idIndex = getFieldIndex(idColumnName, queryResultBundle);
|
|
@@ -60503,7 +60544,7 @@ import React465, { useState as useState129 } from "react";
|
|
|
60503
60544
|
import { FormControl as FormControl5 } from "react-bootstrap";
|
|
60504
60545
|
|
|
60505
60546
|
// src/components/Markdown/MarkdownEditor.tsx
|
|
60506
|
-
import React464, { useRef as useRef44, useState as useState128, useEffect as
|
|
60547
|
+
import React464, { useRef as useRef44, useState as useState128, useEffect as useEffect96 } from "react";
|
|
60507
60548
|
|
|
60508
60549
|
// src/components/Markdown/UserMentionModal.tsx
|
|
60509
60550
|
import React463, { useCallback as useCallback32 } from "react";
|
|
@@ -60559,13 +60600,13 @@ var MarkdownEditor = ({
|
|
|
60559
60600
|
const [isShowingTagModal, setIsShowingTagModal] = useState128(false);
|
|
60560
60601
|
const [tagModalWithKeyboard, setTagModalWithKeyboard] = useState128(false);
|
|
60561
60602
|
const textAreaRef = useRef44(null);
|
|
60562
|
-
|
|
60603
|
+
useEffect96(() => {
|
|
60563
60604
|
const input = textAreaRef.current;
|
|
60564
60605
|
if (input) {
|
|
60565
60606
|
input.setSelectionRange(selectionStart, selectionStart);
|
|
60566
60607
|
}
|
|
60567
60608
|
}, [textAreaRef, selectionStart]);
|
|
60568
|
-
|
|
60609
|
+
useEffect96(() => {
|
|
60569
60610
|
textAreaRef.current?.focus();
|
|
60570
60611
|
}, [isShowingTagModal]);
|
|
60571
60612
|
const handleUserTag = (user) => {
|
|
@@ -61500,7 +61541,7 @@ var ForumPage = ({
|
|
|
61500
61541
|
};
|
|
61501
61542
|
|
|
61502
61543
|
// src/components/Goals/Goals.tsx
|
|
61503
|
-
import React474, { useEffect as
|
|
61544
|
+
import React474, { useEffect as useEffect97, useState as useState135 } from "react";
|
|
61504
61545
|
|
|
61505
61546
|
// src/components/Goals/Goals.Mobile.tsx
|
|
61506
61547
|
import React472 from "react";
|
|
@@ -61594,7 +61635,7 @@ var Goals = (props) => {
|
|
|
61594
61635
|
}
|
|
61595
61636
|
};
|
|
61596
61637
|
const { data: queryResultBundle } = useGetQueryResultBundle(queryBundleRequest);
|
|
61597
|
-
|
|
61638
|
+
useEffect97(() => {
|
|
61598
61639
|
const getData = async () => {
|
|
61599
61640
|
try {
|
|
61600
61641
|
const assetColumnIndex = getFieldIndex(
|
|
@@ -61856,7 +61897,7 @@ import { Table as Table5 } from "react-bootstrap";
|
|
|
61856
61897
|
import dayjs24 from "dayjs";
|
|
61857
61898
|
|
|
61858
61899
|
// src/components/OAuthClientManagement/CreateOAuthClient.tsx
|
|
61859
|
-
import React478, { useEffect as
|
|
61900
|
+
import React478, { useEffect as useEffect98, useMemo as useMemo42, useState as useState138 } from "react";
|
|
61860
61901
|
import DeleteTwoToneIcon2 from "@mui/icons-material/DeleteTwoTone";
|
|
61861
61902
|
var INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500;
|
|
61862
61903
|
var GRID_NARROW = 12;
|
|
@@ -61906,7 +61947,7 @@ var CreateOAuthModal = ({
|
|
|
61906
61947
|
sectorUri,
|
|
61907
61948
|
tosUri
|
|
61908
61949
|
]);
|
|
61909
|
-
|
|
61950
|
+
useEffect98(() => {
|
|
61910
61951
|
setClientName(client?.client_name ?? "");
|
|
61911
61952
|
setRedirectUris(
|
|
61912
61953
|
client?.redirect_uris.map((str) => ({ uri: str })) ?? [{ uri: "" }]
|
|
@@ -62326,7 +62367,7 @@ var OAuthManagement = () => {
|
|
|
62326
62367
|
};
|
|
62327
62368
|
|
|
62328
62369
|
// src/components/Plot/ThemesPlot.tsx
|
|
62329
|
-
import React482, { useEffect as
|
|
62370
|
+
import React482, { useEffect as useEffect99, useState as useState140 } from "react";
|
|
62330
62371
|
import _7 from "lodash-es";
|
|
62331
62372
|
|
|
62332
62373
|
// src/components/Plot/DotPlot.tsx
|
|
@@ -62685,7 +62726,7 @@ function ThemesPlot({
|
|
|
62685
62726
|
const [dotPlotQueryData, setDotPlotQueryData] = useState140([]);
|
|
62686
62727
|
const [topBarPlotData, setTopBarQueryData] = useState140([]);
|
|
62687
62728
|
const [sideBarPlotData, setSideBarQueryData] = useState140([]);
|
|
62688
|
-
|
|
62729
|
+
useEffect99(() => {
|
|
62689
62730
|
const dotPlotData = fetchData(accessToken, dotPlot);
|
|
62690
62731
|
const topBarPlotData2 = fetchData(accessToken, topBarPlot);
|
|
62691
62732
|
const sideBarPlotData2 = fetchData(accessToken, sideBarPlot);
|
|
@@ -62838,7 +62879,7 @@ function ThemesPlot({
|
|
|
62838
62879
|
}
|
|
62839
62880
|
|
|
62840
62881
|
// src/components/Plot/UpsetPlot.tsx
|
|
62841
|
-
import React483, { useEffect as
|
|
62882
|
+
import React483, { useEffect as useEffect100, useState as useState141 } from "react";
|
|
62842
62883
|
import UpSetJS, {
|
|
62843
62884
|
extractSets,
|
|
62844
62885
|
generateCombinations
|
|
@@ -62874,7 +62915,7 @@ var UpsetPlot = ({
|
|
|
62874
62915
|
const updateFontSizes = {
|
|
62875
62916
|
setLabel: "14px"
|
|
62876
62917
|
};
|
|
62877
|
-
|
|
62918
|
+
useEffect100(() => {
|
|
62878
62919
|
let isCancelled = false;
|
|
62879
62920
|
const getPlotData = async () => {
|
|
62880
62921
|
setIsLoading(true);
|
|
@@ -62980,7 +63021,7 @@ var UpsetPlot = ({
|
|
|
62980
63021
|
};
|
|
62981
63022
|
|
|
62982
63023
|
// src/components/ProjectViewCarousel/ProjectViewCarousel.tsx
|
|
62983
|
-
import React487, { useState as useState143, useEffect as
|
|
63024
|
+
import React487, { useState as useState143, useEffect as useEffect101 } from "react";
|
|
62984
63025
|
|
|
62985
63026
|
// src/components/Carousel.tsx
|
|
62986
63027
|
import BrainhubCarousel from "@brainhubeu/react-carousel";
|
|
@@ -63124,7 +63165,7 @@ var ProjectViewCarousel = ({ entityId }) => {
|
|
|
63124
63165
|
error: queryError,
|
|
63125
63166
|
isLoading
|
|
63126
63167
|
} = useGetQueryResultBundle(queryBundleRequest);
|
|
63127
|
-
|
|
63168
|
+
useEffect101(() => {
|
|
63128
63169
|
let isMounted = true;
|
|
63129
63170
|
const getData = async () => {
|
|
63130
63171
|
try {
|
|
@@ -65688,7 +65729,7 @@ var SystemUseNotification = (sxProps) => {
|
|
|
65688
65729
|
var SystemUseNotification_default = SystemUseNotification;
|
|
65689
65730
|
|
|
65690
65731
|
// src/components/TableFeedCards/TableFeedCards.tsx
|
|
65691
|
-
import React515, { useEffect as
|
|
65732
|
+
import React515, { useEffect as useEffect102, useState as useState148 } from "react";
|
|
65692
65733
|
import dayjs27 from "dayjs";
|
|
65693
65734
|
var TableFeedCards = ({
|
|
65694
65735
|
tableEntityId
|
|
@@ -65697,7 +65738,7 @@ var TableFeedCards = ({
|
|
|
65697
65738
|
const [rowSet, setRowSet] = useState148();
|
|
65698
65739
|
const [itemCountShowing, setItemCountShowing] = useState148(3);
|
|
65699
65740
|
let mounted = true;
|
|
65700
|
-
|
|
65741
|
+
useEffect102(() => {
|
|
65701
65742
|
const executeQuery = () => {
|
|
65702
65743
|
if (mounted) {
|
|
65703
65744
|
if (rowSet) {
|
|
@@ -65770,10 +65811,10 @@ var TableFeedCards = ({
|
|
|
65770
65811
|
var TableFeedCards_default = TableFeedCards;
|
|
65771
65812
|
|
|
65772
65813
|
// src/components/TermsAndConditions/TermsAndConditions.tsx
|
|
65773
|
-
import React518, { useEffect as
|
|
65814
|
+
import React518, { useEffect as useEffect104, useState as useState150 } from "react";
|
|
65774
65815
|
|
|
65775
65816
|
// src/components/TermsAndConditions/TermsAndConditionsItem.tsx
|
|
65776
|
-
import React517, { useEffect as
|
|
65817
|
+
import React517, { useEffect as useEffect103, useState as useState149 } from "react";
|
|
65777
65818
|
|
|
65778
65819
|
// src/assets/icons/terms/CheckIcon.tsx
|
|
65779
65820
|
import React516 from "react";
|
|
@@ -65792,15 +65833,19 @@ import { times as times5 } from "lodash-es";
|
|
|
65792
65833
|
var TermsAndConditionsItem = (props) => {
|
|
65793
65834
|
const { id, item, enabled, checked, onChange, termsAndConditionsTableID } = props;
|
|
65794
65835
|
const { iconFileHandleId, label, description } = item;
|
|
65795
|
-
const { data: iconFileContent } = useGetPresignedUrlContentFromFHA(
|
|
65796
|
-
|
|
65797
|
-
|
|
65798
|
-
|
|
65799
|
-
|
|
65836
|
+
const { data: iconFileContent } = useGetPresignedUrlContentFromFHA(
|
|
65837
|
+
{
|
|
65838
|
+
associateObjectId: termsAndConditionsTableID,
|
|
65839
|
+
associateObjectType: FileHandleAssociateType.TableEntity,
|
|
65840
|
+
fileHandleId: iconFileHandleId
|
|
65841
|
+
},
|
|
65842
|
+
true
|
|
65843
|
+
// force this query to be run as the anonymous user (without an access token)
|
|
65844
|
+
);
|
|
65800
65845
|
const [showDesc, setShowDes] = useState149(false);
|
|
65801
65846
|
const [isChecked, setIsChecked] = useState149(false);
|
|
65802
65847
|
let mounted = true;
|
|
65803
|
-
|
|
65848
|
+
useEffect103(() => {
|
|
65804
65849
|
if (mounted) {
|
|
65805
65850
|
setIsChecked(checked);
|
|
65806
65851
|
}
|
|
@@ -65900,7 +65945,7 @@ var TermsAndConditions = ({
|
|
|
65900
65945
|
true
|
|
65901
65946
|
// force this query to be run as the anonymous user (without an access token)
|
|
65902
65947
|
);
|
|
65903
|
-
|
|
65948
|
+
useEffect104(() => {
|
|
65904
65949
|
if (data && data.queryResult && data.queryResult.queryResults) {
|
|
65905
65950
|
const { rows, headers } = data.queryResult.queryResults;
|
|
65906
65951
|
const iconColIndex = headers.findIndex((col) => col.name === "icon");
|
|
@@ -65931,7 +65976,7 @@ var TermsAndConditions = ({
|
|
|
65931
65976
|
let mounted = true;
|
|
65932
65977
|
const [checkboxChecked, setCheckboxChecked] = useState150([]);
|
|
65933
65978
|
const [checkboxEnabled, setCheckboxEnabled] = useState150([]);
|
|
65934
|
-
|
|
65979
|
+
useEffect104(() => {
|
|
65935
65980
|
if (mounted) {
|
|
65936
65981
|
checkFormCompleted();
|
|
65937
65982
|
}
|
|
@@ -66168,7 +66213,7 @@ function UserCardListGroups(props) {
|
|
|
66168
66213
|
import React526, { useState as useState153, useMemo as useMemo43 } from "react";
|
|
66169
66214
|
|
|
66170
66215
|
// src/components/UserProfileLinks/UserChallenges.tsx
|
|
66171
|
-
import React523, { useEffect as
|
|
66216
|
+
import React523, { useEffect as useEffect105 } from "react";
|
|
66172
66217
|
import { useErrorHandler as useErrorHandler7 } from "react-error-boundary";
|
|
66173
66218
|
import { useInView as useInView11 } from "react-intersection-observer";
|
|
66174
66219
|
function UserChallenges({ userId }) {
|
|
@@ -66184,12 +66229,12 @@ function UserChallenges({ userId }) {
|
|
|
66184
66229
|
isError,
|
|
66185
66230
|
error: newError
|
|
66186
66231
|
} = useGetUserChallengesInfinite(userId);
|
|
66187
|
-
|
|
66232
|
+
useEffect105(() => {
|
|
66188
66233
|
if (isError && newError) {
|
|
66189
66234
|
handleError(newError);
|
|
66190
66235
|
}
|
|
66191
66236
|
}, [isError, newError, handleError]);
|
|
66192
|
-
|
|
66237
|
+
useEffect105(() => {
|
|
66193
66238
|
if (status === "success" && !isFetching && hasNextPage && fetchNextPage && inView) {
|
|
66194
66239
|
fetchNextPage();
|
|
66195
66240
|
}
|
|
@@ -66212,7 +66257,7 @@ function UserChallenges({ userId }) {
|
|
|
66212
66257
|
}
|
|
66213
66258
|
|
|
66214
66259
|
// src/components/UserProfileLinks/UserProjects.tsx
|
|
66215
|
-
import React524, { useEffect as
|
|
66260
|
+
import React524, { useEffect as useEffect106 } from "react";
|
|
66216
66261
|
import { useErrorHandler as useErrorHandler8 } from "react-error-boundary";
|
|
66217
66262
|
import { useInView as useInView12 } from "react-intersection-observer";
|
|
66218
66263
|
function UserProjects({ userId }) {
|
|
@@ -66229,12 +66274,12 @@ function UserProjects({ userId }) {
|
|
|
66229
66274
|
isError,
|
|
66230
66275
|
error: newError
|
|
66231
66276
|
} = useGetUserProjectsInfinite(userId, getProjectsParameters);
|
|
66232
|
-
|
|
66277
|
+
useEffect106(() => {
|
|
66233
66278
|
if (isError && newError) {
|
|
66234
66279
|
handleError(newError);
|
|
66235
66280
|
}
|
|
66236
66281
|
}, [isError, newError, handleError]);
|
|
66237
|
-
|
|
66282
|
+
useEffect106(() => {
|
|
66238
66283
|
if (status === "success" && !isFetching && hasNextPage && fetchNextPage && inView) {
|
|
66239
66284
|
fetchNextPage();
|
|
66240
66285
|
}
|
|
@@ -66257,7 +66302,7 @@ function UserProjects({ userId }) {
|
|
|
66257
66302
|
}
|
|
66258
66303
|
|
|
66259
66304
|
// src/components/UserProfileLinks/UserTeams.tsx
|
|
66260
|
-
import React525, { useEffect as
|
|
66305
|
+
import React525, { useEffect as useEffect107 } from "react";
|
|
66261
66306
|
import { useErrorHandler as useErrorHandler9 } from "react-error-boundary";
|
|
66262
66307
|
import { useInView as useInView13 } from "react-intersection-observer";
|
|
66263
66308
|
function UserTeams({ userId }) {
|
|
@@ -66273,12 +66318,12 @@ function UserTeams({ userId }) {
|
|
|
66273
66318
|
isError,
|
|
66274
66319
|
error: newError
|
|
66275
66320
|
} = useGetUserTeamsInfinite(userId);
|
|
66276
|
-
|
|
66321
|
+
useEffect107(() => {
|
|
66277
66322
|
if (isError && newError) {
|
|
66278
66323
|
handleError(newError);
|
|
66279
66324
|
}
|
|
66280
66325
|
}, [isError, newError, handleError]);
|
|
66281
|
-
|
|
66326
|
+
useEffect107(() => {
|
|
66282
66327
|
if (status === "success" && !isFetching && hasNextPage && fetchNextPage && inView) {
|
|
66283
66328
|
fetchNextPage();
|
|
66284
66329
|
}
|