synapse-react-client 2.1.8 → 2.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/skeletons/SkeletonInlineBlock.d.ts +6 -0
- package/dist/assets/skeletons/SkeletonInlineBlock.js +14 -0
- package/dist/assets/skeletons/SkeletonInlineBlock.js.map +1 -0
- package/dist/containers/FullTextSearch.js +12 -2
- package/dist/containers/FullTextSearch.js.map +1 -1
- package/dist/containers/FullWidthAlert.js +2 -2
- package/dist/containers/FullWidthAlert.js.map +1 -1
- package/dist/containers/download_list/DownloadConfirmation.d.ts +1 -7
- package/dist/containers/download_list/DownloadConfirmation.js +73 -71
- package/dist/containers/download_list/DownloadConfirmation.js.map +1 -1
- package/dist/containers/download_list/DownloadDetails.d.ts +6 -0
- package/dist/containers/download_list/DownloadDetails.js +11 -5
- package/dist/containers/download_list/DownloadDetails.js.map +1 -1
- package/dist/style/components/_download-confirmation.scss +4 -0
- package/dist/style/main.css +4 -0
- package/dist/umd/synapse-react-client.development.css +4 -0
- package/dist/umd/synapse-react-client.development.css.map +2 -2
- package/dist/umd/synapse-react-client.development.js +2317 -2293
- package/dist/umd/synapse-react-client.development.js.map +3 -3
- package/dist/umd/synapse-react-client.production.min.css +1 -1
- package/dist/umd/synapse-react-client.production.min.js +59 -59
- package/dist/utils/synapseTypes/DownloadListV2/QueryResponseDetails.d.ts +5 -5
- package/package.json +1 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SkeletonProps } from '@material-ui/lab/Skeleton';
|
|
3
|
+
/**
|
|
4
|
+
* Skeleton with a display value of `inline-block`. MUI applies `display: block` with high specificity, so it's easiest to just apply the style to the component.
|
|
5
|
+
*/
|
|
6
|
+
export declare const SkeletonInlineBlock: React.FC<SkeletonProps>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SkeletonInlineBlock = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
+
var Skeleton_1 = (0, tslib_1.__importDefault)(require("@material-ui/lab/Skeleton"));
|
|
7
|
+
/**
|
|
8
|
+
* Skeleton with a display value of `inline-block`. MUI applies `display: block` with high specificity, so it's easiest to just apply the style to the component.
|
|
9
|
+
*/
|
|
10
|
+
var SkeletonInlineBlock = function (props) {
|
|
11
|
+
return (react_1.default.createElement(Skeleton_1.default, (0, tslib_1.__assign)({ style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, props.style), { display: 'inline-block' }) }, props)));
|
|
12
|
+
};
|
|
13
|
+
exports.SkeletonInlineBlock = SkeletonInlineBlock;
|
|
14
|
+
//# sourceMappingURL=SkeletonInlineBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SkeletonInlineBlock.js","sourceRoot":"","sources":["../../../src/lib/assets/skeletons/SkeletonInlineBlock.tsx"],"names":[],"mappings":";;;;AAAA,6DAAyB;AACzB,oFAAmE;AAEnE;;GAEG;AACI,IAAM,mBAAmB,GAA4B,UAAA,KAAK;IAC/D,OAAO,CACL,8BAAC,kBAAQ,0BACP,KAAK,kDAAO,KAAK,CAAC,KAAK,KAAE,OAAO,EAAE,cAAc,OAC5C,KAAK,EACC,CACb,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,mBAAmB,uBAO/B"}
|
|
@@ -35,13 +35,23 @@ function FullTextSearch(props) {
|
|
|
35
35
|
var executeQueryRequest = props.executeQueryRequest, getLastQueryRequest = props.getLastQueryRequest;
|
|
36
36
|
var lastQueryRequestDeepClone = getLastQueryRequest();
|
|
37
37
|
var _b = lastQueryRequestDeepClone.query.additionalFilters, additionalFilters = _b === void 0 ? [] : _b;
|
|
38
|
-
var
|
|
38
|
+
var textMatchesQueryFilter_1 = {
|
|
39
39
|
concreteType: 'org.sagebionetworks.repo.model.table.TextMatchesQueryFilter',
|
|
40
40
|
searchExpression: searchText,
|
|
41
41
|
};
|
|
42
|
-
|
|
42
|
+
// PORTALS-2093: does this additional filter already exist?
|
|
43
|
+
var found = additionalFilters.find(function (filter) {
|
|
44
|
+
return filter.concreteType == textMatchesQueryFilter_1.concreteType &&
|
|
45
|
+
filter.searchExpression == textMatchesQueryFilter_1.searchExpression;
|
|
46
|
+
});
|
|
47
|
+
if (found) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
additionalFilters.push(textMatchesQueryFilter_1);
|
|
43
51
|
lastQueryRequestDeepClone.query.additionalFilters = additionalFilters;
|
|
44
52
|
executeQueryRequest(lastQueryRequestDeepClone);
|
|
53
|
+
// reset the search text after adding this filter
|
|
54
|
+
setSearchText('');
|
|
45
55
|
}
|
|
46
56
|
};
|
|
47
57
|
var handleChange = function (event) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullTextSearch.js","sourceRoot":"","sources":["../../src/lib/containers/FullTextSearch.tsx"],"names":[],"mappings":";;;;AAAA,0EAA2D;AAC3D,0EAAqE;AACrE,oEAAgE;AAChE,0CAA4C;AAC5C,0DAA0D;AAE1D,+CAKuB;AAEvB,8BAAO,CAAC,GAAG,CAAC,+BAAQ,CAAC,CAAA;AACrB,8BAAO,CAAC,GAAG,CAAC,8BAAO,CAAC,CAAA;AAapB,gBAAgB;AAChB,IAAM,uBAAuB,GAAG,CAAC,CAAA;AAEjC,SAAgB,cAAc,CAAC,KAA0B;;IACjD,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAA;IAChD,IAAM,cAAc,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IACrD,IAAM,aAAa,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,qBAAqB,0CAAE,aAAa,CAAA;IAEjE,IAAA,iBAAS,EAAC;;QACR,IAAI,aAAa,EAAE;YACjB,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;SAChC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,IAAM,MAAM,GAAG,UAAC,KAA4C;;QAC1D,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,yEAAyE;QACzE,iGAAiG;QACjG,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,uBAAuB,EAAE;YACtD,MAAA,cAAc,CAAC,OAAO,0CAAE,iBAAiB,CACvC,wCAAsC,uBAAuB,gBAAa,CAC3E,CAAA;SACF;aAAM;YACG,IAAA,mBAAmB,GAA0B,KAAK,oBAA/B,EAAE,mBAAmB,GAAK,KAAK,oBAAV,CAAU;YAE1D,IAAM,yBAAyB,GAAG,mBAAoB,EAAE,CAAA;YAEhD,IAAA,KAA2B,yBAAyB,CAAC,KAAK,kBAApC,EAAtB,iBAAiB,mBAAG,EAAE,KAAA,CAAoC;YAElE,IAAM,
|
|
1
|
+
{"version":3,"file":"FullTextSearch.js","sourceRoot":"","sources":["../../src/lib/containers/FullTextSearch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,8 +25,8 @@ function getIcon(variant) {
|
|
|
25
25
|
function ButtonFromConfig(props) {
|
|
26
26
|
var config = props.config, variant = props.variant, className = props.className;
|
|
27
27
|
if (config && ('onClick' in config || 'href' in config)) {
|
|
28
|
-
return (react_1.default.createElement("span", { "data-tip": config.tooltipText, "data-for": FULL_WIDTH_ALERT_TOOLTIP_ID, "data-tip-disable": false },
|
|
29
|
-
react_1.default.createElement(react_bootstrap_1.Button, { variant: variant,
|
|
28
|
+
return (react_1.default.createElement("span", { className: className, "data-tip": config.tooltipText, "data-for": FULL_WIDTH_ALERT_TOOLTIP_ID, "data-tip-disable": false },
|
|
29
|
+
react_1.default.createElement(react_bootstrap_1.Button, { variant: variant, disabled: config.isDisabled, onClick: function (e) {
|
|
30
30
|
if ('onClick' in config) {
|
|
31
31
|
e.preventDefault();
|
|
32
32
|
config.onClick(e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullWidthAlert.js","sourceRoot":"","sources":["../../src/lib/containers/FullWidthAlert.tsx"],"names":[],"mappings":";;;AAAA,0DAAwC;AACxC,mDAA2D;AAC3D,4CAM2B;AAC3B,2FAAuD;AACvD,6EAAwC;AACxC,gEAAgE;AAgBhE,IAAM,2BAA2B,GAAG,uBAAuB,CAAA;AAa3D,SAAS,OAAO,CAAC,OAAgB;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,SAAS;YACZ,OAAO,8BAAC,uBAAe,IAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,EAAE,OAAO,GAAI,CAAA;QACxE,KAAK,MAAM;YACT,OAAO,8BAAC,oBAAY,IAAC,SAAS,EAAC,WAAW,EAAC,QAAQ,EAAE,OAAO,GAAI,CAAA;QAClE,KAAK,QAAQ;YACX,OAAO,8BAAC,qBAAa,IAAC,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,OAAO,GAAI,CAAA;QACrE,KAAK,SAAS;YACZ,OAAO,8BAAC,2BAAmB,IAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,EAAE,OAAO,GAAI,CAAA;QAC5E;YACE,OAAO,6DAAK,CAAA;KACf;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,KAIzB;IACS,IAAA,MAAM,GAAyB,KAAK,OAA9B,EAAE,OAAO,GAAgB,KAAK,QAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IAC5C,IAAI,MAAM,IAAI,CAAC,SAAS,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,EAAE;QACvD,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"FullWidthAlert.js","sourceRoot":"","sources":["../../src/lib/containers/FullWidthAlert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { QueryBundleRequest } from '../../utils/synapseTypes/';
|
|
3
|
-
import {
|
|
4
|
-
export declare type DownloadConfirmationState = {
|
|
5
|
-
fileCount: number;
|
|
6
|
-
fileSize: number;
|
|
7
|
-
downloadEstimate?: string;
|
|
8
|
-
errorMessage?: string;
|
|
9
|
-
};
|
|
3
|
+
import { QueryWrapperState, TopLevelControlsState } from '../QueryWrapper';
|
|
10
4
|
export declare type DownloadConfirmationProps = {
|
|
11
5
|
fnClose?: () => void;
|
|
12
6
|
getLastQueryRequest?: () => QueryBundleRequest;
|
|
@@ -3,27 +3,26 @@ var _a;
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.DownloadConfirmation = void 0;
|
|
5
5
|
var tslib_1 = require("tslib");
|
|
6
|
-
var moment_1 = (0, tslib_1.__importDefault)(require("moment"));
|
|
7
6
|
var react_1 = (0, tslib_1.__importStar)(require("react"));
|
|
7
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
|
8
|
+
var use_deep_compare_effect_1 = (0, tslib_1.__importDefault)(require("use-deep-compare-effect"));
|
|
8
9
|
var utils_1 = require("../../utils");
|
|
9
|
-
var
|
|
10
|
+
var useGetDownloadListStatistics_1 = require("../../utils/hooks/SynapseAPI/useGetDownloadListStatistics");
|
|
11
|
+
var useGetEntityChildren_1 = require("../../utils/hooks/SynapseAPI/useGetEntityChildren");
|
|
12
|
+
var useGetQueryResultBundle_1 = (0, tslib_1.__importDefault)(require("../../utils/hooks/SynapseAPI/useGetQueryResultBundle"));
|
|
13
|
+
var SynapseContext_1 = require("../../utils/SynapseContext");
|
|
10
14
|
var synapseTypes_1 = require("../../utils/synapseTypes/");
|
|
11
|
-
var DownloadDetails_1 = (0, tslib_1.__importDefault)(require("./DownloadDetails"));
|
|
12
|
-
var use_deep_compare_effect_1 = (0, tslib_1.__importDefault)(require("use-deep-compare-effect"));
|
|
13
15
|
var QueryWrapper_1 = require("../QueryWrapper");
|
|
14
16
|
var SignInButton_1 = (0, tslib_1.__importDefault)(require("../SignInButton"));
|
|
15
|
-
var react_bootstrap_1 = require("react-bootstrap");
|
|
16
|
-
var SynapseContext_1 = require("../../utils/SynapseContext");
|
|
17
|
-
var useGetEntityChildren_1 = require("../../utils/hooks/SynapseAPI/useGetEntityChildren");
|
|
18
|
-
var useGetQueryResultBundle_1 = (0, tslib_1.__importDefault)(require("../../utils/hooks/SynapseAPI/useGetQueryResultBundle"));
|
|
19
|
-
var useGetDownloadListStatistics_1 = require("../../utils/hooks/SynapseAPI/useGetDownloadListStatistics");
|
|
20
17
|
var ToastMessage_1 = require("../ToastMessage");
|
|
18
|
+
var DownloadDetails_1 = (0, tslib_1.__importDefault)(require("./DownloadDetails"));
|
|
21
19
|
var StatusEnum;
|
|
22
20
|
(function (StatusEnum) {
|
|
23
21
|
StatusEnum[StatusEnum["LOADING_INFO"] = 0] = "LOADING_INFO";
|
|
24
22
|
StatusEnum[StatusEnum["PROCESSING"] = 1] = "PROCESSING";
|
|
25
23
|
StatusEnum[StatusEnum["INFO"] = 2] = "INFO";
|
|
26
|
-
StatusEnum[StatusEnum["
|
|
24
|
+
StatusEnum[StatusEnum["INFO_ITEMS_IN_LIST"] = 3] = "INFO_ITEMS_IN_LIST";
|
|
25
|
+
StatusEnum[StatusEnum["SIGNED_OUT"] = 4] = "SIGNED_OUT";
|
|
27
26
|
})(StatusEnum || (StatusEnum = {}));
|
|
28
27
|
// add files to download list
|
|
29
28
|
function addToDownload(token, closeConfirmationFn, queryBundleRequest, folderId, goToDownloadListFn) {
|
|
@@ -66,6 +65,14 @@ var StatusConstruct = (_a = {},
|
|
|
66
65
|
infoText: 'Would you like to add all files to the download list?',
|
|
67
66
|
closeText: 'Cancel',
|
|
68
67
|
},
|
|
68
|
+
_a[StatusEnum.INFO_ITEMS_IN_LIST] = {
|
|
69
|
+
className: 'alert-info',
|
|
70
|
+
infoText: (react_1.default.createElement(react_1.default.Fragment, null,
|
|
71
|
+
"You already have files in your download list, which will be mixed with new files added to your download list.",
|
|
72
|
+
react_1.default.createElement("br", null),
|
|
73
|
+
"We recommend completing or clearing your download list before adding these files.")),
|
|
74
|
+
closeText: 'Cancel',
|
|
75
|
+
},
|
|
69
76
|
_a[StatusEnum.PROCESSING] = {
|
|
70
77
|
className: 'alert-info',
|
|
71
78
|
infoText: 'Adding Files To List',
|
|
@@ -85,67 +92,80 @@ var StatusConstruct = (_a = {},
|
|
|
85
92
|
" to add files to your download list.")),
|
|
86
93
|
},
|
|
87
94
|
_a);
|
|
95
|
+
var DownloadConfirmationContent = function (props) {
|
|
96
|
+
switch (props.status) {
|
|
97
|
+
case StatusEnum.LOADING_INFO:
|
|
98
|
+
case StatusEnum.PROCESSING:
|
|
99
|
+
return (react_1.default.createElement("div", null,
|
|
100
|
+
react_1.default.createElement("span", { className: 'spinner white' }),
|
|
101
|
+
react_1.default.createElement("span", { className: 'spinner__text' }, StatusConstruct[props.status].infoText)));
|
|
102
|
+
case StatusEnum.SIGNED_OUT:
|
|
103
|
+
return react_1.default.createElement(react_1.default.Fragment, null, StatusConstruct[props.status].infoText);
|
|
104
|
+
case StatusEnum.INFO:
|
|
105
|
+
case StatusEnum.INFO_ITEMS_IN_LIST:
|
|
106
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
107
|
+
react_1.default.createElement(DownloadDetails_1.default, { numFiles: props.fileCount, numBytes: props.fileSize }),
|
|
108
|
+
react_1.default.createElement("span", { className: "download-confirmation-infoText" }, StatusConstruct[props.status].infoText)));
|
|
109
|
+
default:
|
|
110
|
+
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
111
|
+
}
|
|
112
|
+
};
|
|
88
113
|
//============= DownloadConfirmation component =============
|
|
89
114
|
var DownloadConfirmation = function (_a) {
|
|
90
115
|
var getLastQueryRequest = _a.getLastQueryRequest, folderId = _a.folderId, fnClose = _a.fnClose, updateParentState = _a.updateParentState, topLevelControlsState = _a.topLevelControlsState, _b = _a.downloadCartPageUrl, downloadCartPageUrl = _b === void 0 ? '/DownloadCart' : _b;
|
|
91
116
|
var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
|
|
92
117
|
var _c = (topLevelControlsState !== null && topLevelControlsState !== void 0 ? topLevelControlsState : {}).showDownloadConfirmation, showDownloadConfirmation = _c === void 0 ? true : _c;
|
|
93
118
|
var _d = (0, react_1.useState)(accessToken ? StatusEnum.LOADING_INFO : StatusEnum.SIGNED_OUT), status = _d[0], setStatus = _d[1];
|
|
94
|
-
var _e = (0, react_1.useState)(
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}), state = _e[0], setState = _e[1];
|
|
98
|
-
var refetch = (0, useGetDownloadListStatistics_1.useGetDownloadListStatistics)().refetch;
|
|
119
|
+
var _e = (0, react_1.useState)(0), fileCount = _e[0], setFileCount = _e[1];
|
|
120
|
+
var _f = (0, react_1.useState)(0), fileSize = _f[0], setFileSize = _f[1];
|
|
121
|
+
var _g = (0, useGetDownloadListStatistics_1.useGetDownloadListStatistics)(), downloadListStatistics = _g.data, refetch = _g.refetch;
|
|
99
122
|
var lastQueryRequest = getLastQueryRequest();
|
|
100
123
|
// is not defined (configured for a container)
|
|
101
|
-
var
|
|
102
|
-
var updateStats = (0, react_1.useCallback)(function (count, bytes
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
.duration(durationSeconds, 'seconds')
|
|
116
|
-
.humanize();
|
|
117
|
-
setStatus(StatusEnum.INFO);
|
|
118
|
-
setState({
|
|
119
|
-
fileCount: fileCount,
|
|
120
|
-
fileSize: size,
|
|
121
|
-
downloadEstimate: duration,
|
|
122
|
-
});
|
|
123
|
-
_a.label = 2;
|
|
124
|
-
case 2: return [2 /*return*/];
|
|
125
|
-
}
|
|
126
|
-
});
|
|
127
|
-
}); }, [accessToken]);
|
|
128
|
-
var _g = (0, useGetEntityChildren_1.useGetEntityChildren)({
|
|
124
|
+
var _h = (0, react_1.useState)(false), showDownloadList = _h[0], setShowDownloadList = _h[1];
|
|
125
|
+
var updateStats = (0, react_1.useCallback)(function (count, bytes, downloadListStatistics) {
|
|
126
|
+
if (accessToken && downloadListStatistics) {
|
|
127
|
+
var hasFilesInDownloadList = downloadListStatistics.totalNumberOfFiles > 0;
|
|
128
|
+
var size = bytes !== null && bytes !== void 0 ? bytes : 0;
|
|
129
|
+
var fileCount_1 = count !== null && count !== void 0 ? count : 0;
|
|
130
|
+
setStatus(hasFilesInDownloadList
|
|
131
|
+
? StatusEnum.INFO_ITEMS_IN_LIST
|
|
132
|
+
: StatusEnum.INFO);
|
|
133
|
+
setFileCount(fileCount_1);
|
|
134
|
+
setFileSize(size);
|
|
135
|
+
}
|
|
136
|
+
}, [accessToken]);
|
|
137
|
+
var _j = (0, useGetEntityChildren_1.useGetEntityChildren)({
|
|
129
138
|
parentId: folderId,
|
|
130
139
|
includeSumFileSizes: true,
|
|
131
140
|
includeTotalChildCount: true,
|
|
132
141
|
includeTypes: [synapseTypes_1.EntityType.FILE],
|
|
133
|
-
}), entityChildrenData =
|
|
142
|
+
}), entityChildrenData = _j.data, isSuccess = _j.isSuccess;
|
|
134
143
|
(0, use_deep_compare_effect_1.default)(function () {
|
|
135
|
-
if (isSuccess && entityChildrenData) {
|
|
136
|
-
updateStats(entityChildrenData.totalChildCount, entityChildrenData.sumFileSizesBytes);
|
|
144
|
+
if (isSuccess && entityChildrenData && downloadListStatistics) {
|
|
145
|
+
updateStats(entityChildrenData.totalChildCount, entityChildrenData.sumFileSizesBytes, downloadListStatistics);
|
|
137
146
|
}
|
|
138
|
-
}, [
|
|
147
|
+
}, [
|
|
148
|
+
updateStats,
|
|
149
|
+
folderId,
|
|
150
|
+
isSuccess,
|
|
151
|
+
entityChildrenData,
|
|
152
|
+
downloadListStatistics,
|
|
153
|
+
]);
|
|
139
154
|
var partMask = utils_1.SynapseConstants.BUNDLE_MASK_QUERY_COUNT |
|
|
140
155
|
utils_1.SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES;
|
|
141
156
|
var queryBundleRequestSizeInformation = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, lastQueryRequest), { partMask: partMask });
|
|
142
157
|
var queryResultBundle = (0, useGetQueryResultBundle_1.default)(queryBundleRequestSizeInformation).data;
|
|
143
158
|
(0, use_deep_compare_effect_1.default)(function () {
|
|
144
159
|
var _a;
|
|
145
|
-
if (queryResultBundle) {
|
|
146
|
-
updateStats(queryResultBundle.queryCount, (_a = queryResultBundle.sumFileSizes) === null || _a === void 0 ? void 0 : _a.sumFileSizesBytes);
|
|
160
|
+
if (queryResultBundle && downloadListStatistics) {
|
|
161
|
+
updateStats(queryResultBundle.queryCount, (_a = queryResultBundle.sumFileSizes) === null || _a === void 0 ? void 0 : _a.sumFileSizesBytes, downloadListStatistics);
|
|
147
162
|
}
|
|
148
|
-
}, [
|
|
163
|
+
}, [
|
|
164
|
+
updateStats,
|
|
165
|
+
lastQueryRequest,
|
|
166
|
+
queryResultBundle,
|
|
167
|
+
downloadListStatistics,
|
|
168
|
+
]);
|
|
149
169
|
var onCancel = fnClose
|
|
150
170
|
? function () { return fnClose(); }
|
|
151
171
|
: function () {
|
|
@@ -170,30 +190,11 @@ var DownloadConfirmation = function (_a) {
|
|
|
170
190
|
newStatus = result[0];
|
|
171
191
|
setStatus(newStatus);
|
|
172
192
|
refetch();
|
|
173
|
-
setState((0, tslib_1.__assign)((0, tslib_1.__assign)({}, state), { errorMessage: result[1] }));
|
|
174
193
|
_a.label = 3;
|
|
175
194
|
case 3: return [2 /*return*/];
|
|
176
195
|
}
|
|
177
196
|
});
|
|
178
197
|
}); };
|
|
179
|
-
var getContent = function (_a) {
|
|
180
|
-
var fileCount = _a.fileCount, fileSize = _a.fileSize, errorMessage = _a.errorMessage;
|
|
181
|
-
switch (status) {
|
|
182
|
-
case StatusEnum.LOADING_INFO:
|
|
183
|
-
case StatusEnum.PROCESSING:
|
|
184
|
-
return (react_1.default.createElement("div", null,
|
|
185
|
-
react_1.default.createElement("span", { className: 'spinner white' }),
|
|
186
|
-
react_1.default.createElement("span", { className: 'spinner__text' }, StatusConstruct[status].infoText)));
|
|
187
|
-
case StatusEnum.SIGNED_OUT:
|
|
188
|
-
return react_1.default.createElement(react_1.default.Fragment, null, StatusConstruct[status].infoText);
|
|
189
|
-
case StatusEnum.INFO:
|
|
190
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
191
|
-
react_1.default.createElement(DownloadDetails_1.default, { numFiles: fileCount, numBytes: fileSize }),
|
|
192
|
-
react_1.default.createElement("span", null, StatusConstruct[status].infoText)));
|
|
193
|
-
default:
|
|
194
|
-
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
195
|
-
}
|
|
196
|
-
};
|
|
197
198
|
if (showDownloadList) {
|
|
198
199
|
// go to the Download Cart Page
|
|
199
200
|
if (downloadCartPageUrl)
|
|
@@ -206,10 +207,11 @@ var DownloadConfirmation = function (_a) {
|
|
|
206
207
|
react_1.default.createElement(react_bootstrap_1.Alert, { dismissible: false, show: true, variant: 'info', transition: false, className: "download-confirmation " + StatusConstruct[status].className + " " + (showDownloadConfirmation ? '' : 'hidden') + "\n " + (showFacetFilter
|
|
207
208
|
? QueryWrapper_1.QUERY_FILTERS_EXPANDED_CSS
|
|
208
209
|
: QueryWrapper_1.QUERY_FILTERS_COLLAPSED_CSS) + "\n " },
|
|
209
|
-
react_1.default.createElement(
|
|
210
|
+
react_1.default.createElement(DownloadConfirmationContent, { status: status, fileCount: fileCount, fileSize: fileSize }),
|
|
210
211
|
react_1.default.createElement("div", { className: "download-confirmation-action" },
|
|
211
212
|
status !== StatusEnum.PROCESSING && (react_1.default.createElement("button", { className: "btn btn-link", onClick: onCancel }, StatusConstruct[status].closeText)),
|
|
212
|
-
status === StatusEnum.INFO
|
|
213
|
+
(status === StatusEnum.INFO ||
|
|
214
|
+
status === StatusEnum.INFO_ITEMS_IN_LIST) && (react_1.default.createElement("button", { type: "button", className: "btn btn-primary", onClick: triggerAddToDownload }, "Add"))))));
|
|
213
215
|
};
|
|
214
216
|
exports.DownloadConfirmation = DownloadConfirmation;
|
|
215
217
|
//# sourceMappingURL=DownloadConfirmation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadConfirmation.js","sourceRoot":"","sources":["../../../src/lib/containers/download_list/DownloadConfirmation.tsx"],"names":[],"mappings":";;;;;AAAA
|
|
1
|
+
{"version":3,"file":"DownloadConfirmation.js","sourceRoot":"","sources":["../../../src/lib/containers/download_list/DownloadConfirmation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,4 +3,10 @@ export declare type DownloadDetailsProps = {
|
|
|
3
3
|
numFiles: number;
|
|
4
4
|
numBytes: number;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Displays download information including number of files, size of download, and time to download.
|
|
8
|
+
* Prefer to use {@link download_list_v2/DownloadDetails} instead, particularly when you have information about file packaging in/eligibility
|
|
9
|
+
* @param props
|
|
10
|
+
* @returns
|
|
11
|
+
*/
|
|
6
12
|
export default function DownloadDetails(props: DownloadDetailsProps): JSX.Element;
|
|
@@ -11,9 +11,16 @@ var react_tooltip_1 = (0, tslib_1.__importDefault)(require("react-tooltip"));
|
|
|
11
11
|
var moment_1 = (0, tslib_1.__importDefault)(require("moment"));
|
|
12
12
|
var SynapseTableConstants_1 = require("../table/SynapseTableConstants");
|
|
13
13
|
var SynapseContext_1 = require("../../utils/SynapseContext");
|
|
14
|
+
var SkeletonInlineBlock_1 = require("../../assets/skeletons/SkeletonInlineBlock");
|
|
14
15
|
fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.faFile);
|
|
15
16
|
fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.faDatabase);
|
|
16
17
|
fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.faClock);
|
|
18
|
+
/**
|
|
19
|
+
* Displays download information including number of files, size of download, and time to download.
|
|
20
|
+
* Prefer to use {@link download_list_v2/DownloadDetails} instead, particularly when you have information about file packaging in/eligibility
|
|
21
|
+
* @param props
|
|
22
|
+
* @returns
|
|
23
|
+
*/
|
|
17
24
|
function DownloadDetails(props) {
|
|
18
25
|
var _a = (0, react_1.useState)({
|
|
19
26
|
isLoading: true,
|
|
@@ -43,19 +50,18 @@ function DownloadDetails(props) {
|
|
|
43
50
|
return (react_1.default.createElement("span", { className: "download-details-container" },
|
|
44
51
|
react_1.default.createElement("span", null,
|
|
45
52
|
react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: iconClassName, icon: "file" }),
|
|
46
|
-
|
|
53
|
+
isInactive ? (react_1.default.createElement(SkeletonInlineBlock_1.SkeletonInlineBlock, { width: 50 })) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
47
54
|
" ",
|
|
48
55
|
numFiles,
|
|
49
|
-
"
|
|
56
|
+
"\u00A0files "))),
|
|
50
57
|
react_1.default.createElement("span", { "data-for": numBytesTooltipId, "data-tip": "This is the total size of all files. Zipped package(s) will likely be smaller." },
|
|
51
58
|
react_1.default.createElement(react_tooltip_1.default, { delayShow: SynapseTableConstants_1.TOOLTIP_DELAY_SHOW, place: "top", type: "dark", effect: "solid", id: numBytesTooltipId }),
|
|
52
59
|
react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: iconClassName, icon: "database" }),
|
|
53
|
-
(0, calculateFriendlyFileSize_1.calculateFriendlyFileSize)(numBytes)),
|
|
60
|
+
isInactive ? (react_1.default.createElement(SkeletonInlineBlock_1.SkeletonInlineBlock, { width: 50 })) : ((0, calculateFriendlyFileSize_1.calculateFriendlyFileSize)(numBytes))),
|
|
54
61
|
react_1.default.createElement("span", { "data-for": friendlyTimeTooltipId, "data-tip": "This is an estimate of how long package download will take." },
|
|
55
62
|
react_1.default.createElement(react_tooltip_1.default, { delayShow: SynapseTableConstants_1.TOOLTIP_DELAY_SHOW, place: "top", type: "dark", effect: "solid", id: friendlyTimeTooltipId }),
|
|
56
63
|
react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: iconClassName, icon: "clock" }),
|
|
57
|
-
isLoading && numFiles > 0
|
|
58
|
-
!isLoading && friendlyTime)));
|
|
64
|
+
isLoading && numFiles > 0 ? (react_1.default.createElement(SkeletonInlineBlock_1.SkeletonInlineBlock, { width: 50 })) : (friendlyTime))));
|
|
59
65
|
}
|
|
60
66
|
exports.default = DownloadDetails;
|
|
61
67
|
//# sourceMappingURL=DownloadDetails.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadDetails.js","sourceRoot":"","sources":["../../../src/lib/containers/download_list/DownloadDetails.tsx"],"names":[],"mappings":";;;AAAA,0DAAkD;AAClD,0EAA2D;AAC3D,0EAA+E;AAC/E,oEAAgE;AAChE,6EAA2E;AAC3E,6FAA2F;AAC3F,6EAAwC;AACxC,+DAA2B;AAC3B,wEAAmE;AACnE,6DAA8D;
|
|
1
|
+
{"version":3,"file":"DownloadDetails.js","sourceRoot":"","sources":["../../../src/lib/containers/download_list/DownloadDetails.tsx"],"names":[],"mappings":"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"}
|
package/dist/style/main.css
CHANGED
|
@@ -16283,8 +16283,12 @@ img.iconImg.SRC-datasetIcon {
|
|
|
16283
16283
|
justify-content: space-between;
|
|
16284
16284
|
align-items: center;
|
|
16285
16285
|
}
|
|
16286
|
+
.download-confirmation-infoText {
|
|
16287
|
+
flex-grow: 1;
|
|
16288
|
+
}
|
|
16286
16289
|
.download-confirmation-action {
|
|
16287
16290
|
text-align: right;
|
|
16291
|
+
flex-shrink: 0;
|
|
16288
16292
|
}
|
|
16289
16293
|
.download-confirmation .btn-link {
|
|
16290
16294
|
text-decoration: underline;
|
|
@@ -16618,8 +16618,12 @@ img.iconImg.SRC-datasetIcon {
|
|
|
16618
16618
|
justify-content: space-between;
|
|
16619
16619
|
align-items: center;
|
|
16620
16620
|
}
|
|
16621
|
+
.download-confirmation-infoText {
|
|
16622
|
+
flex-grow: 1;
|
|
16623
|
+
}
|
|
16621
16624
|
.download-confirmation-action {
|
|
16622
16625
|
text-align: right;
|
|
16626
|
+
flex-shrink: 0;
|
|
16623
16627
|
}
|
|
16624
16628
|
.download-confirmation .btn-link {
|
|
16625
16629
|
text-decoration: underline;
|