synapse-react-client 2.0.61 → 2.1.2
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/README.md +25 -33
- package/dist/containers/DirectDownload.js +1 -1
- package/dist/containers/DirectDownload.js.map +1 -1
- package/dist/containers/HelpPopover.d.ts +9 -0
- package/dist/containers/HelpPopover.js +21 -0
- package/dist/containers/HelpPopover.js.map +1 -0
- package/dist/containers/MarkdownPopover.js +3 -1
- package/dist/containers/MarkdownPopover.js.map +1 -1
- package/dist/containers/ProgrammaticInstructionsModal.d.ts +25 -0
- package/dist/containers/ProgrammaticInstructionsModal.js +77 -0
- package/dist/containers/ProgrammaticInstructionsModal.js.map +1 -0
- package/dist/containers/download_list_v2/AvailableForDownloadTable.d.ts +2 -5
- package/dist/containers/download_list_v2/AvailableForDownloadTable.js +1 -3
- package/dist/containers/download_list_v2/AvailableForDownloadTable.js.map +1 -1
- package/dist/containers/download_list_v2/DirectProgrammaticDownload.d.ts +7 -0
- package/dist/containers/download_list_v2/DirectProgrammaticDownload.js +23 -0
- package/dist/containers/download_list_v2/DirectProgrammaticDownload.js.map +1 -0
- package/dist/containers/download_list_v2/DownloadCartPage.js +40 -41
- package/dist/containers/download_list_v2/DownloadCartPage.js.map +1 -1
- package/dist/containers/download_list_v2/DownloadListTable.d.ts +6 -1
- package/dist/containers/download_list_v2/DownloadListTable.js +21 -9
- package/dist/containers/download_list_v2/DownloadListTable.js.map +1 -1
- package/dist/containers/entity_finder/details/view/DetailsView.js +2 -6
- package/dist/containers/entity_finder/details/view/DetailsView.js.map +1 -1
- package/dist/containers/row_renderers/utils/Icon.js +19 -19
- package/dist/containers/row_renderers/utils/Icon.js.map +1 -1
- package/dist/containers/synapse_form_wrapper/SynapseFormSubmissionsGrid.js +10 -10
- package/dist/containers/synapse_form_wrapper/SynapseFormSubmissionsGrid.js.map +1 -1
- package/dist/containers/synapse_form_wrapper/SynapseFormWrapper.js +3 -3
- package/dist/containers/synapse_form_wrapper/SynapseFormWrapper.js.map +1 -1
- package/dist/containers/table/datasets/DatasetItemsEditor.js +15 -11
- package/dist/containers/table/datasets/DatasetItemsEditor.js.map +1 -1
- package/dist/containers/table/table-top/DownloadLoginModal.js +1 -2
- package/dist/containers/table/table-top/DownloadLoginModal.js.map +1 -1
- package/dist/containers/table/table-top/DownloadOptions.js +2 -2
- package/dist/containers/table/table-top/DownloadOptions.js.map +1 -1
- package/dist/containers/table/table-top/{ProgrammaticOptions.d.ts → ProgrammaticTableDownload.d.ts} +0 -5
- package/dist/containers/table/table-top/ProgrammaticTableDownload.js +64 -0
- package/dist/containers/table/table-top/ProgrammaticTableDownload.js.map +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/style/base/_icons.scss +4 -5
- package/dist/style/bootstrap4_backports/_base-import.scss +1 -1
- package/dist/style/bootstrap4_backports/_overrides.scss +0 -6
- package/dist/style/components/_dataset-editor.scss +1 -1
- package/dist/style/components/_download-cart-page.scss +9 -6
- package/dist/style/components/_download-list-v2.scss +7 -7
- package/dist/style/components/_fluid-modal.scss +0 -5
- package/dist/style/components/_markdown.scss +0 -1
- package/dist/style/components/entity_finder/_details-view.scss +1 -1
- package/dist/style/components/synapse_form_wrapper/_synapse-form-wrapper.scss +2 -2
- package/dist/style/main.css +24 -30
- package/dist/style/main.scss +1 -1
- package/dist/umd/{synapse-react-client.production.styles.css → synapse-react-client.development.css} +2233 -2249
- package/dist/umd/synapse-react-client.development.css.map +7 -0
- package/dist/umd/synapse-react-client.development.js +82954 -0
- package/dist/umd/synapse-react-client.development.js.map +7 -0
- package/dist/umd/synapse-react-client.production.min.css +12 -0
- package/dist/umd/synapse-react-client.production.min.js +953 -95
- package/dist/{rollup.index.d.ts → umd.index.d.ts} +7 -3
- package/dist/{rollup.index.js → umd.index.js} +10 -4
- package/dist/umd.index.js.map +1 -0
- package/dist/utils/synapseTypes/ExternalFileHandleInterface.js +3 -2
- package/dist/utils/synapseTypes/ExternalFileHandleInterface.js.map +1 -1
- package/dist/utils/typography/Typography.styles.js +2 -2
- package/package.json +21 -24
- package/dist/containers/table/table-top/ProgrammaticOptions.js +0 -119
- package/dist/containers/table/table-top/ProgrammaticOptions.js.map +0 -1
- package/dist/rollup.index.js.map +0 -1
package/README.md
CHANGED
|
@@ -45,7 +45,7 @@ You can use a cdn containing the javascript and css required for the client here
|
|
|
45
45
|
/>
|
|
46
46
|
<link
|
|
47
47
|
rel="stylesheet"
|
|
48
|
-
src="https://unpkg.com/synapse-react-client@1.10.10/umd/synapse-react-client.production.
|
|
48
|
+
src="https://unpkg.com/synapse-react-client@1.10.10/umd/synapse-react-client.production.min.css"
|
|
49
49
|
/>
|
|
50
50
|
```
|
|
51
51
|
|
|
@@ -140,7 +140,7 @@ To function properly, all components must be wrapped in a [SynapseContextProvide
|
|
|
140
140
|
|
|
141
141
|
The context provider also maintains a shared cache (via `react-query`). It is recommended to place the provider at the highest possible point in your component tree, and to use the same provider across components if possible.
|
|
142
142
|
|
|
143
|
-
Example:
|
|
143
|
+
Example:
|
|
144
144
|
|
|
145
145
|
```tsx
|
|
146
146
|
const myToken = "example-token" // this value may also be undefined, if a user is not signed in
|
|
@@ -185,11 +185,12 @@ For a list of variables you can override, see [`src/lib/style/abstracts/_variabl
|
|
|
185
185
|
Override the variables by importing the SCSS in your project like so:
|
|
186
186
|
|
|
187
187
|
```scss
|
|
188
|
-
@use 'node_modules/synapse-react-client/dist/style/main.scss' with
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
188
|
+
@use 'node_modules/synapse-react-client/dist/style/main.scss' with
|
|
189
|
+
(
|
|
190
|
+
$primary-action-color: $-my-primary-color,
|
|
191
|
+
$secondary-action-color: $-my-secondary-color,
|
|
192
|
+
// ...any other overrides continue
|
|
193
|
+
);
|
|
193
194
|
@use 'node_modules/synapse-react-client/dist/template_style/Index.scss';
|
|
194
195
|
```
|
|
195
196
|
|
|
@@ -222,32 +223,27 @@ See [Examples](Examples.md)
|
|
|
222
223
|
the folder will only contain data that is to be mocked for __tests__.
|
|
223
224
|
├── /umd
|
|
224
225
|
├── synapse-react-client.production.min.js: The umd bundle of the client's javascript.
|
|
225
|
-
├── synapse-react-client.production.
|
|
226
|
+
├── synapse-react-client.production.min.css: The umd bundle of the client's styling.
|
|
226
227
|
```
|
|
227
228
|
|
|
228
229
|
### Configuration Files
|
|
229
230
|
|
|
230
|
-
|File|Description|
|
|
231
|
-
|
|
232
|
-
| ./types.d.ts
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
231
|
+
| File | Description |
|
|
232
|
+
| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
233
|
+
| ./types.d.ts | In general this would be used as a library with type declarations for other client developers using Typescript. Currently, it contains only definitions for global CDNs used in the project. |
|
|
234
|
+
| ./tsconfig.json | Typescript configuration for IDEs, especially VSCode. |
|
|
235
|
+
| ./tsconfig.build.json | Typescript configuration for the emitted build |
|
|
236
|
+
| ./esbuild.config.mjs | ESBuild configuration to create the UMD package |
|
|
237
237
|
|
|
238
238
|
## Project Development
|
|
239
239
|
|
|
240
|
-
This project's core dependencies are [Typescript](https://www.typescriptlang.org/docs/home.html), and [
|
|
240
|
+
This project's core dependencies are [Typescript](https://www.typescriptlang.org/docs/home.html), and [esbuild](https://esbuild.github.io/).
|
|
241
241
|
|
|
242
242
|
Motivation for dependencies-
|
|
243
243
|
|
|
244
244
|
- Typescript is a superset of Javascript that provides static typing. This catches many bugs at compile time and makes the client much more self-documenting.
|
|
245
245
|
|
|
246
|
-
-
|
|
247
|
-
|
|
248
|
-
Caveats of these dependencies-
|
|
249
|
-
When rollup bundles the app and resolves an `import module from 'library'` statement it will attempt to include the module in the final output. This is done by looking through the `node_modules/` folder and attempting to copy the code for the library, it's done via [rollup-plugin-node-resolve](https://github.com/rollup/rollup-plugin-node-resolve). This doesn't work for every library nor should it be done for every library. `React`, if bundled in this fashion would bloat the bundle to 100k plus lines, its prefereable to include `React` via CDN. Additionally, some bundles don't resolve well (e.g. they have circular dependencies). If this happens you have to use a CDN for the code and tell rollup to recognize the import as a global in the final output file. In the [rollup config](./rollup.config.js),
|
|
250
|
-
specify this in the `external` and `output.globals` fields.
|
|
246
|
+
- esbuild allows the client to be built as a UMD bundle **without** having to eject the application from react's built in webpack configuation. The primary motivation for bundling the package as a UMD build is using the package in synapse.org.
|
|
251
247
|
|
|
252
248
|
## Release Cycle
|
|
253
249
|
|
|
@@ -268,10 +264,10 @@ Once the hotfix is complete it is merged to both develop and master
|
|
|
268
264
|
|
|
269
265
|
To expose a component from the library you must export it from [index.ts](src/lib/index.ts).
|
|
270
266
|
|
|
271
|
-
To expose a component for use in synapse.org, you must export it from [
|
|
267
|
+
To expose a component for use in synapse.org, you must export it from [umd.index.ts](src/lib/umd.index.ts). See [Project Development](#project-development) for more information on the UMD build and synapse.org.
|
|
272
268
|
|
|
273
269
|
To release the react-client, bump the [package version](https://next.yarnpkg.com/cli/version), merge into main,
|
|
274
|
-
and run `yarn publish`. Note - you must have access to the synapse-react-client [npm package](https://www.npmjs.com/package/synapse-react-client) to be able to run the command. Publising the package will also release a new version of the
|
|
270
|
+
and run `yarn publish`. Note - you must have access to the synapse-react-client [npm package](https://www.npmjs.com/package/synapse-react-client) to be able to run the command. Publising the package will also release a new version of the UMD build, it can be pulled down using unpkg.com, the URL is available [here](https://unpkg.com/browse/synapse-react-client@latest/dist/umd/synapse-react-client.production.min.js)
|
|
275
271
|
|
|
276
272
|
## Updating this Project to New Releases
|
|
277
273
|
|
|
@@ -376,15 +372,15 @@ There are open issues in the microsoft vscode repository that block the ability
|
|
|
376
372
|
### `yarn run build`
|
|
377
373
|
|
|
378
374
|
Builds the app for production to the `build` folder.<br>
|
|
379
|
-
It correctly bundles React in production mode and optimizes the build for the best performance.
|
|
380
|
-
|
|
381
|
-
It produces a build for npm distribution and umd. <br>
|
|
382
375
|
|
|
383
|
-
|
|
376
|
+
### `yarn run build:esbuild`
|
|
384
377
|
|
|
385
|
-
|
|
378
|
+
This project can be built as a umd bundle. It produces three files
|
|
386
379
|
|
|
387
|
-
|
|
380
|
+
- `synapse-react-client.production.min.js`
|
|
381
|
+
- `synapse-react-client.development.js`
|
|
382
|
+
- `synapse-react-client.production.min.styles.css`.
|
|
383
|
+
Note - this script is run automatically as part of the build command.
|
|
388
384
|
|
|
389
385
|
### `npm run eject`
|
|
390
386
|
|
|
@@ -513,7 +509,3 @@ For improved vscode intellisense support you can optionally add a jsconfig.json
|
|
|
513
509
|
}
|
|
514
510
|
}
|
|
515
511
|
```
|
|
516
|
-
|
|
517
|
-
# rollup.config.js
|
|
518
|
-
|
|
519
|
-
This is required to build a umd build, docs can be found here: https://rollupjs.org/guide/en
|
|
@@ -148,7 +148,7 @@ var DirectDownload = function (props) {
|
|
|
148
148
|
}
|
|
149
149
|
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
150
150
|
};
|
|
151
|
-
return (react_1.default.createElement("span", { ref: ref, "data-for": associatedObjectId + "-direct-download-tooltip", "data-tip":
|
|
151
|
+
return (react_1.default.createElement("span", { ref: ref, "data-for": associatedObjectId + "-direct-download-tooltip", "data-tip": isExternalFile ? 'Navigate to external link' : 'Download this file individually' },
|
|
152
152
|
react_1.default.createElement(react_tooltip_1.default, { delayShow: SynapseTableConstants_1.TOOLTIP_DELAY_SHOW, place: "left", type: "dark", effect: "solid", id: associatedObjectId + "-direct-download-tooltip" }),
|
|
153
153
|
getIcon()));
|
|
154
154
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DirectDownload.js","sourceRoot":"","sources":["../../src/lib/containers/DirectDownload.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DirectDownload.js","sourceRoot":"","sources":["../../src/lib/containers/DirectDownload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Placement } from 'react-bootstrap/esm/Overlay';
|
|
3
|
+
export declare type HelpPopoverProps = {
|
|
4
|
+
markdownText: string;
|
|
5
|
+
helpUrl?: string;
|
|
6
|
+
placement?: Placement;
|
|
7
|
+
showCloseButton?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare const HelpPopover: React.FunctionComponent<HelpPopoverProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.HelpPopover = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
+
var MarkdownPopover_1 = require("./MarkdownPopover");
|
|
7
|
+
var icons_1 = require("@material-ui/icons");
|
|
8
|
+
var HelpPopover = function (_a) {
|
|
9
|
+
var markdownText = _a.markdownText, helpUrl = _a.helpUrl, _b = _a.placement, placement = _b === void 0 ? "bottom" : _b, _c = _a.showCloseButton, showCloseButton = _c === void 0 ? true : _c;
|
|
10
|
+
var actionButtonConfig = helpUrl ? {
|
|
11
|
+
content: react_1.default.createElement(react_1.default.Fragment, null, "More info"),
|
|
12
|
+
closePopoverOnClick: true,
|
|
13
|
+
onClick: function () { return window.open(helpUrl, '_blank'); },
|
|
14
|
+
variant: 'primary'
|
|
15
|
+
} : undefined;
|
|
16
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
17
|
+
react_1.default.createElement(MarkdownPopover_1.MarkdownPopover, { contentProps: { markdown: markdownText }, placement: placement, actionButton: actionButtonConfig, showCloseButton: showCloseButton, strategy: "fixed", style: { maxWidth: '350px' } },
|
|
18
|
+
react_1.default.createElement(icons_1.HelpOutlineTwoTone, { className: "HelpButton" }))));
|
|
19
|
+
};
|
|
20
|
+
exports.HelpPopover = HelpPopover;
|
|
21
|
+
//# sourceMappingURL=HelpPopover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelpPopover.js","sourceRoot":"","sources":["../../src/lib/containers/HelpPopover.tsx"],"names":[],"mappings":";;;;AAAA,6DAAyB;AACzB,qDAAmD;AAEnD,4CAAuD;AAShD,IAAM,WAAW,GAA8C,UAAC,EAKpD;QAJjB,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA;IAGtB,IAAM,kBAAkB,GAAG,OAAO,CAAC,CAAC,CAAC;QACnC,OAAO,EAAE,0EAAc;QACvB,mBAAmB,EAAE,IAAI;QACzB,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAA9B,CAA8B;QAC7C,OAAO,EAAE,SAAS;KACnB,CAAC,CAAC,CAAC,SAAS,CAAA;IACb,OAAO,CACL;QACE,8BAAC,iCAAe,IACd,YAAY,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EACxC,SAAS,EAAE,SAAS,EACpB,YAAY,EAAG,kBAAkB,EACjC,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAC,OAAO,EAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;YAE5B,8BAAC,0BAAkB,IACjB,SAAS,EAAC,YAAY,GACtB,CACc,CACjB,CACJ,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,WAAW,eA6BvB"}
|
|
@@ -7,6 +7,7 @@ var react_bootstrap_1 = require("react-bootstrap");
|
|
|
7
7
|
var react_popper_1 = require("react-popper");
|
|
8
8
|
var react_transition_group_1 = require("react-transition-group");
|
|
9
9
|
var MarkdownSynapse_1 = (0, tslib_1.__importDefault)(require("./MarkdownSynapse"));
|
|
10
|
+
var Typography_1 = (0, tslib_1.__importDefault)(require("../utils/typography/Typography"));
|
|
10
11
|
var MarkdownPopover = function (_a) {
|
|
11
12
|
var _b;
|
|
12
13
|
var children = _a.children, contentProps = _a.contentProps, placement = _a.placement, _c = _a.showCloseButton, showCloseButton = _c === void 0 ? true : _c, actionButton = _a.actionButton, strategy = _a.strategy, style = _a.style;
|
|
@@ -31,7 +32,8 @@ var MarkdownPopover = function (_a) {
|
|
|
31
32
|
}), styles = _h.styles, attributes = _h.attributes;
|
|
32
33
|
var popover = (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: show, timeout: 200, classNames: "fade-in-out", mountOnEnter: true },
|
|
33
34
|
react_1.default.createElement("div", (0, tslib_1.__assign)({ className: "Tooltip SRC-popover bootstrap-4-backport", style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, style), styles.popper), ref: setPopperElement }, attributes.popper),
|
|
34
|
-
react_1.default.createElement(
|
|
35
|
+
react_1.default.createElement(Typography_1.default, { variant: "body1" },
|
|
36
|
+
react_1.default.createElement(MarkdownSynapse_1.default, (0, tslib_1.__assign)({}, contentProps))),
|
|
35
37
|
react_1.default.createElement("div", { className: "TooltipButtonContainer" },
|
|
36
38
|
actionButton && (react_1.default.createElement(react_bootstrap_1.Button, { variant: (_b = actionButton.variant) !== null && _b !== void 0 ? _b : 'primary-500', className: "pill", onClick: function () {
|
|
37
39
|
actionButton.onClick();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownPopover.js","sourceRoot":"","sources":["../../src/lib/containers/MarkdownPopover.tsx"],"names":[],"mappings":";;;;AACA,0DAAuC;AACvC,mDAAwC;AAGxC,6CAAwC;AACxC,iEAAsD;AACtD,mFAAyE;
|
|
1
|
+
{"version":3,"file":"MarkdownPopover.js","sourceRoot":"","sources":["../../src/lib/containers/MarkdownPopover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare enum ProgrammaticOptionsTabs {
|
|
3
|
+
COMMAND_LINE = "Command Line",
|
|
4
|
+
R = "R",
|
|
5
|
+
PYTHON = "Python"
|
|
6
|
+
}
|
|
7
|
+
export declare type ProgrammaticInstructionsModalProps = {
|
|
8
|
+
show: boolean;
|
|
9
|
+
title: string;
|
|
10
|
+
onClose: () => void;
|
|
11
|
+
pythonNotes?: React.ReactElement;
|
|
12
|
+
pythonCode?: string;
|
|
13
|
+
rNotes?: React.ReactElement;
|
|
14
|
+
rCode?: string;
|
|
15
|
+
cliNotes?: React.ReactElement;
|
|
16
|
+
cliCode?: string;
|
|
17
|
+
helpMarkdown?: string;
|
|
18
|
+
helpUrl?: string;
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* Modal used to show programmatic instructions
|
|
22
|
+
* @param props
|
|
23
|
+
* @returns
|
|
24
|
+
*/
|
|
25
|
+
export declare const ProgrammaticInstructionsModal: ({ show, title, onClose, pythonNotes, pythonCode, rNotes, rCode, cliNotes, cliCode, helpMarkdown, helpUrl, }: ProgrammaticInstructionsModalProps) => JSX.Element;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ProgrammaticInstructionsModal = exports.ProgrammaticOptionsTabs = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
|
7
|
+
var HelpPopover_1 = require("./HelpPopover");
|
|
8
|
+
var ProgrammaticOptionsTabs;
|
|
9
|
+
(function (ProgrammaticOptionsTabs) {
|
|
10
|
+
ProgrammaticOptionsTabs["COMMAND_LINE"] = "Command Line";
|
|
11
|
+
ProgrammaticOptionsTabs["R"] = "R";
|
|
12
|
+
ProgrammaticOptionsTabs["PYTHON"] = "Python";
|
|
13
|
+
})(ProgrammaticOptionsTabs = exports.ProgrammaticOptionsTabs || (exports.ProgrammaticOptionsTabs = {}));
|
|
14
|
+
/**
|
|
15
|
+
* Modal used to show programmatic instructions
|
|
16
|
+
* @param props
|
|
17
|
+
* @returns
|
|
18
|
+
*/
|
|
19
|
+
var ProgrammaticInstructionsModal = function (_a) {
|
|
20
|
+
var show = _a.show, title = _a.title, onClose = _a.onClose, pythonNotes = _a.pythonNotes, pythonCode = _a.pythonCode, rNotes = _a.rNotes, rCode = _a.rCode, cliNotes = _a.cliNotes, cliCode = _a.cliCode, helpMarkdown = _a.helpMarkdown, helpUrl = _a.helpUrl;
|
|
21
|
+
var defaultTab;
|
|
22
|
+
if (cliCode) {
|
|
23
|
+
defaultTab = ProgrammaticOptionsTabs.COMMAND_LINE;
|
|
24
|
+
}
|
|
25
|
+
else if (pythonCode) {
|
|
26
|
+
defaultTab = ProgrammaticOptionsTabs.PYTHON;
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
defaultTab = ProgrammaticOptionsTabs.R;
|
|
30
|
+
}
|
|
31
|
+
var _b = (0, react_1.useState)(defaultTab), currentTab = _b[0], setCurrentTab = _b[1];
|
|
32
|
+
var installationInstructions = react_1.default.createElement("p", null,
|
|
33
|
+
"Installation instructions are available at our",
|
|
34
|
+
' ',
|
|
35
|
+
react_1.default.createElement("a", { className: "ProgrammaticOptions__docslink", href: "https://help.synapse.org/docs/Installing-Synapse-API-Clients.1985249668.html", target: "_blank", rel: "noopener noreferrer" }, "Synapse API Documentation Site"),
|
|
36
|
+
".");
|
|
37
|
+
return (react_1.default.createElement(react_bootstrap_1.Modal, { className: "bootstrap-4-backport ProgrammaticOptions", backdrop: "static", animation: false, show: show, onHide: onClose, size: "lg" },
|
|
38
|
+
react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
|
|
39
|
+
react_1.default.createElement(react_bootstrap_1.Modal.Title, null,
|
|
40
|
+
title,
|
|
41
|
+
"\u00A0",
|
|
42
|
+
helpMarkdown && react_1.default.createElement(HelpPopover_1.HelpPopover, { markdownText: helpMarkdown, helpUrl: helpUrl }))),
|
|
43
|
+
react_1.default.createElement(react_bootstrap_1.Modal.Body, null,
|
|
44
|
+
react_1.default.createElement("div", { className: "Tabs" },
|
|
45
|
+
cliCode && react_1.default.createElement("div", { className: "Tab", role: "tab", onClick: function (e) {
|
|
46
|
+
e.stopPropagation();
|
|
47
|
+
setCurrentTab(ProgrammaticOptionsTabs.COMMAND_LINE);
|
|
48
|
+
}, "aria-selected": ProgrammaticOptionsTabs.COMMAND_LINE === currentTab }, ProgrammaticOptionsTabs.COMMAND_LINE),
|
|
49
|
+
rCode && react_1.default.createElement("div", { className: "Tab", role: "tab", onClick: function (e) {
|
|
50
|
+
e.stopPropagation();
|
|
51
|
+
setCurrentTab(ProgrammaticOptionsTabs.R);
|
|
52
|
+
}, "aria-selected": ProgrammaticOptionsTabs.R === currentTab }, ProgrammaticOptionsTabs.R),
|
|
53
|
+
pythonCode && react_1.default.createElement("div", { className: "Tab", role: "tab", onClick: function (e) {
|
|
54
|
+
e.stopPropagation();
|
|
55
|
+
setCurrentTab(ProgrammaticOptionsTabs.PYTHON);
|
|
56
|
+
}, "aria-selected": ProgrammaticOptionsTabs.PYTHON === currentTab }, ProgrammaticOptionsTabs.PYTHON)),
|
|
57
|
+
react_1.default.createElement("div", { className: "TabContent" },
|
|
58
|
+
currentTab === ProgrammaticOptionsTabs.COMMAND_LINE && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
59
|
+
react_1.default.createElement("p", null, cliNotes),
|
|
60
|
+
installationInstructions,
|
|
61
|
+
react_1.default.createElement("pre", null,
|
|
62
|
+
" ",
|
|
63
|
+
cliCode,
|
|
64
|
+
" "))),
|
|
65
|
+
currentTab === ProgrammaticOptionsTabs.R && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
66
|
+
react_1.default.createElement("p", null, rNotes),
|
|
67
|
+
installationInstructions,
|
|
68
|
+
react_1.default.createElement("pre", null, rCode))),
|
|
69
|
+
currentTab === ProgrammaticOptionsTabs.PYTHON && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
70
|
+
react_1.default.createElement("p", null, pythonNotes),
|
|
71
|
+
installationInstructions,
|
|
72
|
+
react_1.default.createElement("pre", null, pythonCode))))),
|
|
73
|
+
react_1.default.createElement(react_bootstrap_1.Modal.Footer, null,
|
|
74
|
+
react_1.default.createElement(react_bootstrap_1.Button, { variant: 'primary', onClick: onClose }, "OK"))));
|
|
75
|
+
};
|
|
76
|
+
exports.ProgrammaticInstructionsModal = ProgrammaticInstructionsModal;
|
|
77
|
+
//# sourceMappingURL=ProgrammaticInstructionsModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgrammaticInstructionsModal.js","sourceRoot":"","sources":["../../src/lib/containers/ProgrammaticInstructionsModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
export declare type AvailableForDownloadTableProps = {
|
|
4
|
-
filesStatistics: FilesStatisticsResponse;
|
|
5
|
-
};
|
|
2
|
+
import { DownloadListTableProps } from '../download_list_v2/DownloadListTable';
|
|
6
3
|
/**
|
|
7
4
|
* Table of the files added to the Download Cart that are currently available for download.
|
|
8
5
|
* Note that this creates it's own QueryClient, so it's cache does not persist if you remount.
|
|
9
6
|
*/
|
|
10
|
-
export default function AvailableForDownloadTable(props:
|
|
7
|
+
export default function AvailableForDownloadTable(props: DownloadListTableProps): JSX.Element;
|
|
@@ -24,9 +24,7 @@ function AvailableForDownloadTable(props) {
|
|
|
24
24
|
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
25
25
|
}
|
|
26
26
|
return (react_1.default.createElement(react_query_1.QueryClientProvider, { client: queryClient },
|
|
27
|
-
react_1.default.createElement(ErrorBanner_1.SynapseErrorBoundary, null, props.filesStatistics && (
|
|
28
|
-
//SWC-5858: Update the Download List files table when the statistics change
|
|
29
|
-
react_1.default.createElement(DownloadListTable_1.default, { key: props.filesStatistics.totalNumberOfFiles })))));
|
|
27
|
+
react_1.default.createElement(ErrorBanner_1.SynapseErrorBoundary, null, props.filesStatistics && (react_1.default.createElement(DownloadListTable_1.default, (0, tslib_1.__assign)({}, props))))));
|
|
30
28
|
}
|
|
31
29
|
exports.default = AvailableForDownloadTable;
|
|
32
30
|
//# sourceMappingURL=AvailableForDownloadTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvailableForDownloadTable.js","sourceRoot":"","sources":["../../../src/lib/containers/download_list_v2/AvailableForDownloadTable.tsx"],"names":[],"mappings":";;;AAAA,6DAAyB;AACzB,2CAA8D;AAC9D,6DAA8D;AAE9D,8CAAqD;AACrD,uFAAmD;
|
|
1
|
+
{"version":3,"file":"AvailableForDownloadTable.js","sourceRoot":"","sources":["../../../src/lib/containers/download_list_v2/AvailableForDownloadTable.tsx"],"names":[],"mappings":";;;AAAA,6DAAyB;AACzB,2CAA8D;AAC9D,6DAA8D;AAE9D,8CAAqD;AACrD,uFAAmD;AAEnD;;;GAGG;AACH,SAAwB,yBAAyB,CAAC,KAA6B;IACrE,IAAA,WAAW,GAAK,IAAA,kCAAiB,GAAE,YAAxB,CAAwB;IAC3C,IAAM,WAAW,GAAG,IAAI,yBAAW,CAAC;QAClC,cAAc,EAAE;YACd,OAAO,EAAE;gBACP,SAAS,EAAE,EAAE,GAAG,IAAI;gBACpB,KAAK,EAAE,KAAK,EAAE,6CAA6C;aAC5D;SACF;KACF,CAAC,CAAA;IACF,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,6DAAK,CAAA;KACb;IACD,OAAO,CACL,8BAAC,iCAAmB,IAAC,MAAM,EAAE,WAAW;QACtC,8BAAC,kCAAoB,QAEjB,KAAK,CAAC,eAAe,IAAI,CACvB,8BAAC,2BAAiB,4BAAK,KAAK,EAAI,CACjC,CAEkB,CACH,CAEvB,CAAA;AACH,CAAC;AAzBD,4CAyBC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type DirectProgrammaticDownloadProps = {
|
|
3
|
+
entityId: string;
|
|
4
|
+
version?: number;
|
|
5
|
+
};
|
|
6
|
+
declare function DirectProgrammaticDownload({ entityId, version }: DirectProgrammaticDownloadProps): JSX.Element;
|
|
7
|
+
export default DirectProgrammaticDownload;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = (0, tslib_1.__importStar)(require("react"));
|
|
5
|
+
var react_tooltip_1 = (0, tslib_1.__importDefault)(require("react-tooltip"));
|
|
6
|
+
var IconSvg_1 = (0, tslib_1.__importDefault)(require("../IconSvg"));
|
|
7
|
+
var ProgrammaticInstructionsModal_1 = require("../ProgrammaticInstructionsModal");
|
|
8
|
+
var SynapseTableConstants_1 = require("../table/SynapseTableConstants");
|
|
9
|
+
function DirectProgrammaticDownload(_a) {
|
|
10
|
+
var entityId = _a.entityId, version = _a.version;
|
|
11
|
+
var _b = (0, react_1.useState)(false), isShowingModal = _b[0], setIsShowingModal = _b[1];
|
|
12
|
+
var rCode = "library(synapser)\nsynLogin('username','password')\n\n# Obtain a pointer and download the data\n" + entityId + " <- synGet(entity='" + entityId + "'" + (version ? ", version=" + version : '') + " ) ";
|
|
13
|
+
var pythonCode = "import synapseclient\n\nsyn = synapseclient.Synapse()\nsyn.login('synapse_username','password')\n\n# Obtain a pointer and download the data\n" + entityId + " = syn.get(entity='" + entityId + "'" + (version ? ", version=" + version : '') + " )\n\n# Get the path to the local copy of the data file\nfilepath = " + entityId + ".path";
|
|
14
|
+
var cliCode = "synapse get " + entityId + " " + (version ? "--version " + version : '');
|
|
15
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
16
|
+
react_1.default.createElement("span", { "data-for": entityId + "-direct-programmatic-download-tooltip", "data-tip": 'Programmatic download options' },
|
|
17
|
+
react_1.default.createElement(react_tooltip_1.default, { delayShow: SynapseTableConstants_1.TOOLTIP_DELAY_SHOW, place: "left", type: "dark", effect: "solid", id: entityId + "-direct-programmatic-download-tooltip" }),
|
|
18
|
+
react_1.default.createElement("button", { className: 'btn-download-icon', onClick: function () { return setIsShowingModal(true); } },
|
|
19
|
+
react_1.default.createElement(IconSvg_1.default, { options: { icon: 'code' } }))),
|
|
20
|
+
isShowingModal && react_1.default.createElement(ProgrammaticInstructionsModal_1.ProgrammaticInstructionsModal, { show: true, onClose: function () { return setIsShowingModal(false); }, title: 'Download Programmatically', cliCode: cliCode, rCode: rCode, pythonCode: pythonCode })));
|
|
21
|
+
}
|
|
22
|
+
exports.default = DirectProgrammaticDownload;
|
|
23
|
+
//# sourceMappingURL=DirectProgrammaticDownload.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DirectProgrammaticDownload.js","sourceRoot":"","sources":["../../../src/lib/containers/download_list_v2/DirectProgrammaticDownload.tsx"],"names":[],"mappings":";;;AAAA,0DAAuC;AACvC,6EAAwC;AACxC,oEAAgC;AAChC,kFAAgF;AAChF,wEAAmE;AAOnE,SAAS,0BAA0B,CAAC,EAGF;QAFhC,QAAQ,cAAA,EACR,OAAO,aAAA;IAED,IAAA,KAAsC,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAA7D,cAAc,QAAA,EAAE,iBAAiB,QAA4B,CAAA;IAEpE,IAAM,KAAK,GAAG,qGAId,QAAQ,2BAAsB,QAAQ,UAAI,OAAO,CAAC,CAAC,CAAC,eAAa,OAAS,CAAC,CAAC,CAAC,EAAE,SAAK,CAAA;IAEpF,IAAM,UAAU,GAAG,kJAMnB,QAAQ,2BAAsB,QAAQ,UAAI,OAAO,CAAC,CAAC,CAAC,eAAa,OAAS,CAAC,CAAC,CAAC,EAAE,6EAGpE,QAAQ,UAAO,CAAA;IAE1B,IAAM,OAAO,GAAG,iBAAe,QAAQ,UAAI,OAAO,CAAC,CAAC,CAAC,eAAa,OAAS,CAAC,CAAC,CAAC,EAAE,CAAE,CAAA;IAElF,OAAO,CACL;QACE,oDACiB,QAAQ,0CAAuC,cACnD,+BAA+B;YAC1C,8BAAC,uBAAY,IACX,SAAS,EAAE,0CAAkB,EAC7B,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,EAAE,EAAK,QAAQ,0CAAuC,GACtD;YACF,0CAAQ,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,IAAI,CAAC,EAAvB,CAAuB;gBAC5E,8BAAC,iBAAO,IAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAI,CAC/B,CACJ;QACN,cAAc,IAAI,8BAAC,6DAA6B,IAC/C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAxB,CAAwB,EACvC,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,GACtB,CACD,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,0BAA0B,CAAA"}
|
|
@@ -17,7 +17,7 @@ var ErrorBanner_1 = require("../ErrorBanner");
|
|
|
17
17
|
var ErrorUtils_1 = require("../../utils/ErrorUtils");
|
|
18
18
|
var Typography_1 = (0, tslib_1.__importDefault)(require("../../utils/typography/Typography"));
|
|
19
19
|
var react_tooltip_1 = (0, tslib_1.__importDefault)(require("react-tooltip"));
|
|
20
|
-
var
|
|
20
|
+
var HelpPopover_1 = require("../HelpPopover");
|
|
21
21
|
/**
|
|
22
22
|
* Show the Download Cart page.
|
|
23
23
|
*/
|
|
@@ -86,8 +86,8 @@ var DownloadCartPage = function () {
|
|
|
86
86
|
React.createElement("div", { className: "subSectionOverview" },
|
|
87
87
|
React.createElement("div", { className: "container" },
|
|
88
88
|
React.createElement("div", { className: "subSectionContainer" },
|
|
89
|
-
React.createElement(
|
|
90
|
-
React.createElement(
|
|
89
|
+
React.createElement(Typography_1.default, { className: "actionsRequiredTitle", variant: 'headline3' }, "You Have Files Which Require Actions Before Downloading")),
|
|
90
|
+
React.createElement(Typography_1.default, { variant: 'body1' }, "The items in this category require different actions in order to download them. Select Start to complete the action."))),
|
|
91
91
|
React.createElement("div", { className: "actionsRequiredContainer container" },
|
|
92
92
|
React.createElement(DownloadListActionsRequired_1.default, null))),
|
|
93
93
|
data.numberOfFilesRequiringAction === 0 && React.createElement("div", { className: "placeholder" },
|
|
@@ -96,43 +96,42 @@ var DownloadCartPage = function () {
|
|
|
96
96
|
React.createElement("div", null,
|
|
97
97
|
data.numberOfFilesAvailableForDownload > 0 &&
|
|
98
98
|
React.createElement("div", { className: "DownloadListTabContent" },
|
|
99
|
-
React.createElement("div", { className: "
|
|
100
|
-
React.createElement("div",
|
|
101
|
-
React.createElement("div",
|
|
102
|
-
React.createElement(
|
|
103
|
-
React.createElement(
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
React.createElement(
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
"Download Programmatically (Coming Soon)")))),
|
|
99
|
+
React.createElement("div", { className: "subSectionOverviewContainer" },
|
|
100
|
+
React.createElement("div", { className: "subSectionOverview container" },
|
|
101
|
+
React.createElement("div", null,
|
|
102
|
+
React.createElement("div", { className: "headlineWithHelp" },
|
|
103
|
+
React.createElement(Typography_1.default, { variant: 'headline3' },
|
|
104
|
+
React.createElement(IconSvg_1.default, { options: { icon: 'packagableFile' } }),
|
|
105
|
+
" Web Download (.ZIP Packages)"),
|
|
106
|
+
React.createElement(HelpPopover_1.HelpPopover, { markdownText: 'This will allow you to create a .zip file that contains eligible files. Files greater that 100 MB, external links, or files which are not stored on Synapse native storage are ineligible. In most cases, ineligible files can be downloaded individually. External links will require navigation to an external site, which may require a seperate login process.' })),
|
|
107
|
+
React.createElement(Typography_1.default, { variant: 'body1' },
|
|
108
|
+
React.createElement("ul", null,
|
|
109
|
+
React.createElement("li", null, "Eligible files will be added to .ZIP packages of up to 1GB in size"),
|
|
110
|
+
React.createElement("li", null, "If you have more than 1GB, you can create multiple packages"),
|
|
111
|
+
React.createElement("li", null, "Will only include files which are hosted on Synapse native storage"),
|
|
112
|
+
React.createElement("li", null, "Packages include a CSV Manifest containing Metadata for each file"))),
|
|
113
|
+
React.createElement("span", null,
|
|
114
|
+
data.numberOfFilesAvailableForDownloadAndEligibleForPackaging > 0 && React.createElement("a", { className: "highlight-link", onClick: function () { setIsShowingCreatePackageUI(true); } }, "Download As .Zip Packages"),
|
|
115
|
+
data.numberOfFilesAvailableForDownloadAndEligibleForPackaging == 0 &&
|
|
116
|
+
React.createElement("a", { className: "highlight-link disabled", "data-for": "downloadZipPackagesUnavailable", "data-tip": "You cannot create a .zip package<br />because there are no eligible files." },
|
|
117
|
+
React.createElement(react_tooltip_1.default, { delayShow: 300, multiline: true, place: "top", type: "dark", effect: "solid", id: "downloadZipPackagesUnavailable" }),
|
|
118
|
+
"Download As .ZIP packages"))),
|
|
119
|
+
React.createElement("div", null,
|
|
120
|
+
React.createElement("div", { className: "headlineWithHelp" },
|
|
121
|
+
React.createElement(Typography_1.default, { variant: 'headline3' },
|
|
122
|
+
React.createElement(IconSvg_1.default, { options: { icon: 'code' } }),
|
|
123
|
+
" Programmatic Download"),
|
|
124
|
+
React.createElement(HelpPopover_1.HelpPopover, { markdownText: 'This will provide syntax which you can enter into your programmatic client. It is suitable for large files (>100 MB), for packages > 1GB, and for files which aren\u2019t stored on Synapse native storage (e.g. in a special AWS S3 or Google Cloud bucket. External links will require navigation to an external site, which may require a separate login process.' })),
|
|
125
|
+
React.createElement(Typography_1.default, { variant: 'body1' },
|
|
126
|
+
React.createElement("ul", null,
|
|
127
|
+
React.createElement("li", null, "Requires installation of a programmatic client (R, Python, CLI)"),
|
|
128
|
+
React.createElement("li", null, "No limit to the file size or number of files that can be downloaded"),
|
|
129
|
+
React.createElement("li", null, "Will include files which are hosted on and off Synapse native storage"),
|
|
130
|
+
React.createElement("li", null, "Packages include a CSV Manifest containing Metadata for each file"))),
|
|
131
|
+
React.createElement("span", null,
|
|
132
|
+
React.createElement("a", { className: "highlight-link disabled", "data-for": "downloadProgrammaticallyTooltipId", "data-tip": "This feature is coming soon.<br />You can still download individual<br />files programmatically." },
|
|
133
|
+
React.createElement(react_tooltip_1.default, { delayShow: 300, multiline: true, place: "top", type: "dark", effect: "solid", id: "downloadProgrammaticallyTooltipId" }),
|
|
134
|
+
"Download Programmatically (Coming Soon)"))))),
|
|
136
135
|
React.createElement("div", { className: "availableForDownloadTableContainer container" },
|
|
137
136
|
isShowingCreatePackageUI && React.createElement(CreatePackageV2_1.CreatePackageV2, { onPackageCreation: function () {
|
|
138
137
|
setIsShowingDownloadSuccessAlert(true);
|
|
@@ -140,7 +139,7 @@ var DownloadCartPage = function () {
|
|
|
140
139
|
refetch();
|
|
141
140
|
} }),
|
|
142
141
|
React.createElement(DownloadListStats_1.default, { numBytes: data.sumOfFileSizesAvailableForDownload, numPackagableFiles: data.numberOfFilesAvailableForDownloadAndEligibleForPackaging, numFiles: data.numberOfFilesAvailableForDownload }),
|
|
143
|
-
React.createElement(AvailableForDownloadTable_1.default, { filesStatistics: data }))),
|
|
142
|
+
refetch && React.createElement(AvailableForDownloadTable_1.default, { filesStatistics: data, refetchStatistics: refetch }))),
|
|
144
143
|
data.numberOfFilesAvailableForDownload === 0 && React.createElement("div", { className: "placeholder" },
|
|
145
144
|
React.createElement("div", null, "Your Download List is currently empty."))),
|
|
146
145
|
React.createElement(FullWidthAlert_1.default, { show: isShowingDownloadSuccessAlert, variant: 'success', title: 'Package Created', description: 'A package has been created with eligible files. The items contained in this .zip file have been removed from your list. If your package is over 1GB, you will need to create multiple packages.', autoCloseAfterDelayInSeconds: 10, onClose: function () { setIsShowingDownloadSuccessAlert(false); } })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadCartPage.js","sourceRoot":"","sources":["../../../src/lib/containers/download_list_v2/DownloadCartPage.tsx"],"names":[],"mappings":";;;;AAAA,wDAA8B;AAC9B,+BAA2C;AAC3C,uGAAmE;AACnE,uFAAmD;AACnD,0GAAwG;AACxG,2GAAuE;AACvE,6DAA8D;AAC9D,qCAA2C;AAC3C,oEAAgC;AAChC,qDAAmD;AACnD,kFAA8C;AAC9C,8CAA4C;AAC5C,qDAAgD;AAChD,8FAA0D;AAC1D,6EAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"DownloadCartPage.js","sourceRoot":"","sources":["../../../src/lib/containers/download_list_v2/DownloadCartPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { FilesStatisticsResponse } from '../../utils/synapseTypes/DownloadListV2/QueryResponseDetails';
|
|
2
3
|
export declare const TESTING_TRASH_BTN_CLASS = "TESTING_TRASH_BTN_CLASS";
|
|
3
4
|
export declare const TESTING_CLEAR_BTN_CLASS = "TESTING_CLEAR_BTN_CLASS";
|
|
4
|
-
export
|
|
5
|
+
export declare type DownloadListTableProps = {
|
|
6
|
+
filesStatistics: FilesStatisticsResponse;
|
|
7
|
+
refetchStatistics: () => Promise<any>;
|
|
8
|
+
};
|
|
9
|
+
export default function DownloadListTable(props: DownloadListTableProps): JSX.Element;
|