synapse-react-client 2.0.62 → 2.0.63

package/dist/umd/synapse-react-client.production.styles.css

@@ -15803,11 +15803,10 @@ main * a.ignoreLink:not(.btn):visited.disabled:hover, main * a.ignoreLink:not(.b
   fill: #407ba0;
 }
 
-.HelpButton {
-  color: #ababac;
-  margin: 5px;
-  height: 18px;
-  width: 18px;
+svg.HelpButton {
+  color: #aeb5bc;
+  cursor: pointer;
+  font-size: 1.2em;
 }
 
 .modal-dialog-scrollable {
@@ -21343,7 +21342,7 @@ table.DownloadListTableV2 tbody tr:nth-of-type(odd) > .stickyColumn {
 table.DownloadListTableV2 tbody .stickyColumn .actionsContainer {
   color: #878e95;
   display: grid;
-  grid-template-columns: repeat(2, 45px);
+  grid-template-columns: repeat(3, 40px);
 }
 table.DownloadListTableV2 tbody .stickyColumn .actionsContainer * {
   justify-self: center;
@@ -21351,9 +21350,12 @@ table.DownloadListTableV2 tbody .stickyColumn .actionsContainer * {
 table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .downloadItem {
   grid-column: 1/span 1;
 }
-table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .removeItem {
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .programmaticAccessItem {
   grid-column: 2/span 1;
 }
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .removeItem {
+  grid-column: 3/span 1;
+}
 table.DownloadListTableV2 thead > tr > th,
 table.DownloadListTableV2 thead:first-child > tr:first-child > th {
   padding: 10px 6px 5px 7px;
@@ -21618,7 +21620,7 @@ table.DownloadListTableV2 td {
   font-weight: bold;
   padding-right: 20px;
 }
-.DownloadCartPage .subSectionOverview {
+.DownloadCartPage .subSectionOverviewContainer {
   padding: 30px 0px;
   background-color: #f9f9f9;
 }
@@ -21629,6 +21631,12 @@ table.DownloadListTableV2 td {
 .DownloadCartPage .DownloadListTabContent .subSectionOverview > * {
   padding: 0px 50px;
 }
+.DownloadCartPage .DownloadListTabContent .subSectionOverview > *:first-child {
+  padding-left: 0px;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview > *:last-child {
+  padding-right: 0px;
+}
 .DownloadCartPage .DownloadListTabContent .subSectionOverview > *:first-child {
   border-right: 1px solid #D0D4D9;
 }

package/dist/utils/typography/Typography.styles.js

@@ -11,8 +11,8 @@ var useTypographyStyle = (0, core_1.makeStyles)(function () { return ({
     headline1: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, basicFontStyle), { fontSize: "24px", fontWeight: 700, lineHeight: "28px" }),
     headline2: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, basicFontStyle), { fontSize: "20px", fontWeight: 400, lineHeight: "24px" }),
     headline3: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, basicFontStyle), { fontSize: "18px", fontWeight: 700, lineHeight: "20px" }),
-    body1: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, basicFontStyle), { fontSize: "16px", fontWeight: 400, lineHeight: "24px" }),
-    body2: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, basicFontStyle), { fontSize: "16px", fontWeight: 400, lineHeight: "24px", fontStyle: "italic" }),
+    body1: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, basicFontStyle), { fontSize: "14px", fontWeight: 400, lineHeight: "24px" }),
+    body2: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, basicFontStyle), { fontSize: "14px", fontWeight: 400, lineHeight: "24px", fontStyle: "italic" }),
     breadcrumb1: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, basicFontStyle), { fontSize: "14px", fontWeight: 400, lineHeight: "16px", textTransform: "uppercase" }),
     breadcrumb2: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, basicFontStyle), { fontSize: "14px", fontWeight: 700, lineHeight: "16px", textTransform: "uppercase" }),
     smallText1: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, basicFontStyle), { fontSize: "14px", fontWeight: 400, lineHeight: "16px" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synapse-react-client",
-  "version": "2.0.62",
+  "version": "2.0.63",
   "private": false,
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/containers/table/table-top/ProgrammaticOptions.js

@@ -1,119 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgrammaticOptionsTabs = void 0;
-var tslib_1 = require("tslib");
-var react_1 = (0, tslib_1.__importStar)(require("react"));
-var use_deep_compare_effect_1 = (0, tslib_1.__importDefault)(require("use-deep-compare-effect"));
-var SynapseClient_1 = require("../../../utils/SynapseClient");
-var react_bootstrap_1 = require("react-bootstrap");
-var ModalHeader_1 = (0, tslib_1.__importDefault)(require("react-bootstrap/ModalHeader"));
-var ProgrammaticOptionsTabs;
-(function (ProgrammaticOptionsTabs) {
-    ProgrammaticOptionsTabs["COMMAND_LINE"] = "Command Line";
-    ProgrammaticOptionsTabs["R"] = "R";
-    ProgrammaticOptionsTabs["PYTHON"] = "Python";
-})(ProgrammaticOptionsTabs = exports.ProgrammaticOptionsTabs || (exports.ProgrammaticOptionsTabs = {}));
-function ProgrammaticOptions(_a) {
-    var _this = this;
-    var queryBundleRequest = _a.queryBundleRequest, queryResultBundle = _a.queryResultBundle, onHide = _a.onHide;
-    var _b = (0, react_1.useState)(''), generatedSql = _b[0], setGeneratedSql = _b[1];
-    var _c = (0, react_1.useState)(ProgrammaticOptionsTabs.COMMAND_LINE), currentTab = _c[0], setCurrentTab = _c[1];
-    (0, use_deep_compare_effect_1.default)(function () {
-        var getData = function () { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var query, sql, _a, selectedFacets, columnModels, transformSqlWithFacetsRequest, res, indexOfFrom, selectStarTransformedSql, e_1;
-            return (0, tslib_1.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        query = queryBundleRequest.query;
-                        sql = query.sql, _a = query.selectedFacets, selectedFacets = _a === void 0 ? [] : _a;
-                        columnModels = queryResultBundle.columnModels;
-                        if (!columnModels) {
-                            console.error('Column Models must be included to complete transform sql request');
-                        }
-                        transformSqlWithFacetsRequest = {
-                            concreteType: 'org.sagebionetworks.repo.model.table.TransformSqlWithFacetsRequest',
-                            sqlToTransform: sql,
-                            selectedFacets: selectedFacets,
-                            schema: columnModels,
-                        };
-                        _b.label = 1;
-                    case 1:
-                        _b.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, (0, SynapseClient_1.getTransformSqlWithFacetsRequest)(transformSqlWithFacetsRequest)
-                            // SWC-5686: The ID column is required by the client, and this column may not have been selected!
-                            // Change the SQL to "SELECT * ..."
-                        ];
-                    case 2:
-                        res = _b.sent();
-                        indexOfFrom = res.transformedSql.toUpperCase().indexOf('FROM SYN');
-                        selectStarTransformedSql = "SELECT * " + res.transformedSql.substring(indexOfFrom);
-                        setGeneratedSql(selectStarTransformedSql.replace(/"/g, '\\"'));
-                        return [3 /*break*/, 4];
-                    case 3:
-                        e_1 = _b.sent();
-                        console.error('Error on getTransformSqlWithFacetsRequest ', e_1);
-                        return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        }); };
-        getData();
-    }, [queryBundleRequest, queryResultBundle]);
-    var installationInstructions = react_1.default.createElement("p", null,
-        "Installation instructions are available at our",
-        ' ',
-        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"),
-        ".");
-    return (react_1.default.createElement(react_bootstrap_1.Modal, { animation: false, show: true, onHide: function () { return onHide(); }, className: "bootstrap-4-backport ProgrammaticOptions", size: "lg" },
-        react_1.default.createElement(ModalHeader_1.default, { closeButton: true },
-            react_1.default.createElement(react_bootstrap_1.Modal.Title, null, "Download Programmatically")),
-        react_1.default.createElement(react_bootstrap_1.ModalBody, null,
-            react_1.default.createElement("div", { className: "Tabs" }, Object.keys(ProgrammaticOptionsTabs).map(function (keyName) {
-                return (react_1.default.createElement("div", { className: "Tab", role: "tab", key: keyName, onClick: function (e) {
-                        e.stopPropagation();
-                        setCurrentTab(ProgrammaticOptionsTabs[keyName]);
-                    }, "aria-selected": ProgrammaticOptionsTabs[keyName] === currentTab }, ProgrammaticOptionsTabs[keyName]));
-            })),
-            react_1.default.createElement("div", { className: "TabContent" },
-                currentTab === ProgrammaticOptionsTabs.COMMAND_LINE && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("p", null, "This command line code will download Synapse files AND file annotations to your working directory."),
-                    installationInstructions,
-                    react_1.default.createElement("pre", null,
-                        " synapse get -q \"",
-                        generatedSql,
-                        "\" "))),
-                currentTab === ProgrammaticOptionsTabs.R && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("p", null,
-                        "This R code will download file annotations only. Use ",
-                        react_1.default.createElement("a", { target: '_blank', rel: 'noopener noreferrer', href: 'https://help.synapse.org/docs/Get-Started-with-Downloading-Data.2004254837.html#GetStartedwithDownloadingData-DownloadingFiles' },
-                            "synGet",
-                            '()'),
-                        " to loop over the list of Synapse IDs from the file annotations to download files."),
-                    installationInstructions,
-                    react_1.default.createElement("pre", null,
-                        "query ",
-                        '<-',
-                        " synTableQuery(\"",
-                        generatedSql,
-                        "\")",
-                        '\n',
-                        "read.table(query$filepath, sep = \",\")"))),
-                currentTab === ProgrammaticOptionsTabs.PYTHON && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("p", null,
-                        "This Python code will download file annotations only. Use ",
-                        react_1.default.createElement("a", { target: '_blank', rel: 'noopener noreferrer', href: 'https://help.synapse.org/docs/Get-Started-with-Downloading-Data.2004254837.html#GetStartedwithDownloadingData-DownloadingFiles' }, "syn.get"),
-                        " to loop over the list of Synapse IDs from the file annotations to download files."),
-                    installationInstructions,
-                    react_1.default.createElement("pre", null,
-                        "query = syn.tableQuery(\"",
-                        generatedSql,
-                        "\")",
-                        '\n',
-                        "query.asDataFrame()"))))),
-        react_1.default.createElement(react_bootstrap_1.Modal.Footer, null,
-            react_1.default.createElement("div", { className: "ButtonContainer" },
-                react_1.default.createElement("div", { className: "Spacer" }),
-                react_1.default.createElement(react_bootstrap_1.Button, { variant: "primary", onClick: function () { return onHide(); } }, "Got it")))));
-}
-exports.default = ProgrammaticOptions;
-//# sourceMappingURL=ProgrammaticOptions.js.map

package/dist/containers/table/table-top/ProgrammaticOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgrammaticOptions.js","sourceRoot":"","sources":["../../../../src/lib/containers/table/table-top/ProgrammaticOptions.tsx"],"names":[],"mappings":"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"}