synapse-react-client 2.0.59 → 2.0.63

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

@@ -9974,6 +9974,9 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
     padding-bottom: 0.75rem;
   }
 }
+.bootstrap-4-backport .table-striped tbody tr:nth-of-type(odd) {
+  background-color: #fbfbfc;
+}
 
 .bootstrap-4-backport.fade {
   opacity: 1;
@@ -15257,27 +15260,27 @@ a.dropdown-item.disabled {
 }
 
 .SRC-success-color {
-  color: #28a745;
+  color: #32a330;
 }
 
 .SRC-success-color-bg {
-  background-color: #28a745;
+  background-color: #32a330;
 }
 
 .SRC-warning-color {
-  color: #e0b603;
+  color: #cc9f00;
 }
 
 .SRC-warning-color-bg {
-  background-color: #e0b603;
+  background-color: #cc9f00;
 }
 
 .SRC-danger-color {
-  color: #eb5757;
+  color: #c13415;
 }
 
 .SRC-danger-color-bg {
-  background-color: #eb5757;
+  background-color: #c13415;
 }
 
 .container-fluid {
@@ -15447,6 +15450,29 @@ main .markdown .secondary-links a:not(.btn):hover, #rootPanel a:not(.btn):hover,
   border-bottom: 2px solid #2a678d;
   margin-bottom: 0px;
 }
+main a:not(.btn).disabled, main .bootstrap-4-backport a:not(.btn).disabled,
+main .markdown td a:not(.btn).disabled,
+main .markdown a.SRC-userCard:not(.btn).disabled,
+main .secondary-links a:not(.btn).disabled,
+main .markdown .secondary-links a:not(.btn).disabled, #rootPanel a:not(.btn).disabled, #rootPanel .bootstrap-4-backport a:not(.btn).disabled,
+#rootPanel .markdown td a:not(.btn).disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn).disabled,
+#rootPanel .secondary-links a:not(.btn).disabled,
+#rootPanel .markdown .secondary-links a:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main a:not(.btn).disabled:hover, main .bootstrap-4-backport a:not(.btn).disabled:hover,
+main .markdown td a:not(.btn).disabled:hover,
+main .markdown a.SRC-userCard:not(.btn).disabled:hover,
+main .secondary-links a:not(.btn).disabled:hover,
+main .markdown .secondary-links a:not(.btn).disabled:hover, #rootPanel a:not(.btn).disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn).disabled:hover,
+#rootPanel .markdown td a:not(.btn).disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn).disabled:hover,
+#rootPanel .secondary-links a:not(.btn).disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main a:not(.btn):visited, main a:not(.btn):active, main a:not(.btn):link, main .bootstrap-4-backport a:not(.btn):visited, main .bootstrap-4-backport a:not(.btn):active, main .bootstrap-4-backport a:not(.btn):link,
 main .markdown td a:not(.btn):visited,
 main .markdown td a:not(.btn):active,
@@ -15506,6 +15532,61 @@ main .markdown .secondary-links a:not(.btn):link:hover, #rootPanel a:not(.btn):v
   border-bottom: 2px solid #2a678d;
   margin-bottom: 0px;
 }
+main a:not(.btn):visited.disabled, main a:not(.btn):active.disabled, main a:not(.btn):link.disabled, main .bootstrap-4-backport a:not(.btn):visited.disabled, main .bootstrap-4-backport a:not(.btn):active.disabled, main .bootstrap-4-backport a:not(.btn):link.disabled,
+main .markdown td a:not(.btn):visited.disabled,
+main .markdown td a:not(.btn):active.disabled,
+main .markdown td a:not(.btn):link.disabled,
+main .markdown a.SRC-userCard:not(.btn):visited.disabled,
+main .markdown a.SRC-userCard:not(.btn):active.disabled,
+main .markdown a.SRC-userCard:not(.btn):link.disabled,
+main .secondary-links a:not(.btn):visited.disabled,
+main .secondary-links a:not(.btn):active.disabled,
+main .secondary-links a:not(.btn):link.disabled,
+main .markdown .secondary-links a:not(.btn):visited.disabled,
+main .markdown .secondary-links a:not(.btn):active.disabled,
+main .markdown .secondary-links a:not(.btn):link.disabled, #rootPanel a:not(.btn):visited.disabled, #rootPanel a:not(.btn):active.disabled, #rootPanel a:not(.btn):link.disabled, #rootPanel .bootstrap-4-backport a:not(.btn):visited.disabled, #rootPanel .bootstrap-4-backport a:not(.btn):active.disabled, #rootPanel .bootstrap-4-backport a:not(.btn):link.disabled,
+#rootPanel .markdown td a:not(.btn):visited.disabled,
+#rootPanel .markdown td a:not(.btn):active.disabled,
+#rootPanel .markdown td a:not(.btn):link.disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn):visited.disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn):active.disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn):link.disabled,
+#rootPanel .secondary-links a:not(.btn):visited.disabled,
+#rootPanel .secondary-links a:not(.btn):active.disabled,
+#rootPanel .secondary-links a:not(.btn):link.disabled,
+#rootPanel .markdown .secondary-links a:not(.btn):visited.disabled,
+#rootPanel .markdown .secondary-links a:not(.btn):active.disabled,
+#rootPanel .markdown .secondary-links a:not(.btn):link.disabled {
+  color: #aeb5bc;
+}
+main a:not(.btn):visited.disabled:hover, main a:not(.btn):active.disabled:hover, main a:not(.btn):link.disabled:hover, main .bootstrap-4-backport a:not(.btn):visited.disabled:hover, main .bootstrap-4-backport a:not(.btn):active.disabled:hover, main .bootstrap-4-backport a:not(.btn):link.disabled:hover,
+main .markdown td a:not(.btn):visited.disabled:hover,
+main .markdown td a:not(.btn):active.disabled:hover,
+main .markdown td a:not(.btn):link.disabled:hover,
+main .markdown a.SRC-userCard:not(.btn):visited.disabled:hover,
+main .markdown a.SRC-userCard:not(.btn):active.disabled:hover,
+main .markdown a.SRC-userCard:not(.btn):link.disabled:hover,
+main .secondary-links a:not(.btn):visited.disabled:hover,
+main .secondary-links a:not(.btn):active.disabled:hover,
+main .secondary-links a:not(.btn):link.disabled:hover,
+main .markdown .secondary-links a:not(.btn):visited.disabled:hover,
+main .markdown .secondary-links a:not(.btn):active.disabled:hover,
+main .markdown .secondary-links a:not(.btn):link.disabled:hover, #rootPanel a:not(.btn):visited.disabled:hover, #rootPanel a:not(.btn):active.disabled:hover, #rootPanel a:not(.btn):link.disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn):visited.disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn):active.disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn):link.disabled:hover,
+#rootPanel .markdown td a:not(.btn):visited.disabled:hover,
+#rootPanel .markdown td a:not(.btn):active.disabled:hover,
+#rootPanel .markdown td a:not(.btn):link.disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn):visited.disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn):active.disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn):link.disabled:hover,
+#rootPanel .secondary-links a:not(.btn):visited.disabled:hover,
+#rootPanel .secondary-links a:not(.btn):active.disabled:hover,
+#rootPanel .secondary-links a:not(.btn):link.disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn):visited.disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn):active.disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn):link.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main .markdown a:not(.btn), main .SRC-userCardName a:not(.btn), main a.highlight-link:not(.btn),
 main details > summary:not(.btn), #rootPanel .markdown a:not(.btn), #rootPanel .SRC-userCardName a:not(.btn), #rootPanel a.highlight-link:not(.btn),
 #rootPanel details > summary:not(.btn) {
@@ -15521,6 +15602,17 @@ main details > summary:not(.btn):hover, #rootPanel .markdown a:not(.btn):hover,
   border-bottom: 2px solid #2a678d;
   margin-bottom: -1px;
 }
+main .markdown a:not(.btn).disabled, main .SRC-userCardName a:not(.btn).disabled, main a.highlight-link:not(.btn).disabled,
+main details > summary:not(.btn).disabled, #rootPanel .markdown a:not(.btn).disabled, #rootPanel .SRC-userCardName a:not(.btn).disabled, #rootPanel a.highlight-link:not(.btn).disabled,
+#rootPanel details > summary:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main .markdown a:not(.btn).disabled:hover, main .SRC-userCardName a:not(.btn).disabled:hover, main a.highlight-link:not(.btn).disabled:hover,
+main details > summary:not(.btn).disabled:hover, #rootPanel .markdown a:not(.btn).disabled:hover, #rootPanel .SRC-userCardName a:not(.btn).disabled:hover, #rootPanel a.highlight-link:not(.btn).disabled:hover,
+#rootPanel details > summary:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main .markdown a:not(.btn):visited, main .markdown a:not(.btn):active, main .markdown a:not(.btn):link, main .SRC-userCardName a:not(.btn):visited, main .SRC-userCardName a:not(.btn):active, main .SRC-userCardName a:not(.btn):link, main a.highlight-link:not(.btn):visited, main a.highlight-link:not(.btn):active, main a.highlight-link:not(.btn):link,
 main details > summary:not(.btn):visited,
 main details > summary:not(.btn):active,
@@ -15544,6 +15636,25 @@ main details > summary:not(.btn):link:hover, #rootPanel .markdown a:not(.btn):vi
   border-bottom: 2px solid #2a678d;
   margin-bottom: -1px;
 }
+main .markdown a:not(.btn):visited.disabled, main .markdown a:not(.btn):active.disabled, main .markdown a:not(.btn):link.disabled, main .SRC-userCardName a:not(.btn):visited.disabled, main .SRC-userCardName a:not(.btn):active.disabled, main .SRC-userCardName a:not(.btn):link.disabled, main a.highlight-link:not(.btn):visited.disabled, main a.highlight-link:not(.btn):active.disabled, main a.highlight-link:not(.btn):link.disabled,
+main details > summary:not(.btn):visited.disabled,
+main details > summary:not(.btn):active.disabled,
+main details > summary:not(.btn):link.disabled, #rootPanel .markdown a:not(.btn):visited.disabled, #rootPanel .markdown a:not(.btn):active.disabled, #rootPanel .markdown a:not(.btn):link.disabled, #rootPanel .SRC-userCardName a:not(.btn):visited.disabled, #rootPanel .SRC-userCardName a:not(.btn):active.disabled, #rootPanel .SRC-userCardName a:not(.btn):link.disabled, #rootPanel a.highlight-link:not(.btn):visited.disabled, #rootPanel a.highlight-link:not(.btn):active.disabled, #rootPanel a.highlight-link:not(.btn):link.disabled,
+#rootPanel details > summary:not(.btn):visited.disabled,
+#rootPanel details > summary:not(.btn):active.disabled,
+#rootPanel details > summary:not(.btn):link.disabled {
+  color: #aeb5bc;
+}
+main .markdown a:not(.btn):visited.disabled:hover, main .markdown a:not(.btn):active.disabled:hover, main .markdown a:not(.btn):link.disabled:hover, main .SRC-userCardName a:not(.btn):visited.disabled:hover, main .SRC-userCardName a:not(.btn):active.disabled:hover, main .SRC-userCardName a:not(.btn):link.disabled:hover, main a.highlight-link:not(.btn):visited.disabled:hover, main a.highlight-link:not(.btn):active.disabled:hover, main a.highlight-link:not(.btn):link.disabled:hover,
+main details > summary:not(.btn):visited.disabled:hover,
+main details > summary:not(.btn):active.disabled:hover,
+main details > summary:not(.btn):link.disabled:hover, #rootPanel .markdown a:not(.btn):visited.disabled:hover, #rootPanel .markdown a:not(.btn):active.disabled:hover, #rootPanel .markdown a:not(.btn):link.disabled:hover, #rootPanel .SRC-userCardName a:not(.btn):visited.disabled:hover, #rootPanel .SRC-userCardName a:not(.btn):active.disabled:hover, #rootPanel .SRC-userCardName a:not(.btn):link.disabled:hover, #rootPanel a.highlight-link:not(.btn):visited.disabled:hover, #rootPanel a.highlight-link:not(.btn):active.disabled:hover, #rootPanel a.highlight-link:not(.btn):link.disabled:hover,
+#rootPanel details > summary:not(.btn):visited.disabled:hover,
+#rootPanel details > summary:not(.btn):active.disabled:hover,
+#rootPanel details > summary:not(.btn):link.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main .dropdown a:not(.btn), main .nav-tabs a:not(.btn), main .dropdown-menu a:not(.btn), main .MuiDrawer-root a:not(.btn), #rootPanel .dropdown a:not(.btn), #rootPanel .nav-tabs a:not(.btn), #rootPanel .dropdown-menu a:not(.btn), #rootPanel .MuiDrawer-root a:not(.btn) {
   color: unset;
   text-decoration: unset;
@@ -15555,6 +15666,13 @@ main .dropdown a:not(.btn):hover, main .nav-tabs a:not(.btn):hover, main .dropdo
   border-bottom: unset;
   margin-bottom: unset;
 }
+main .dropdown a:not(.btn).disabled, main .nav-tabs a:not(.btn).disabled, main .dropdown-menu a:not(.btn).disabled, main .MuiDrawer-root a:not(.btn).disabled, #rootPanel .dropdown a:not(.btn).disabled, #rootPanel .nav-tabs a:not(.btn).disabled, #rootPanel .dropdown-menu a:not(.btn).disabled, #rootPanel .MuiDrawer-root a:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main .dropdown a:not(.btn).disabled:hover, main .nav-tabs a:not(.btn).disabled:hover, main .dropdown-menu a:not(.btn).disabled:hover, main .MuiDrawer-root a:not(.btn).disabled:hover, #rootPanel .dropdown a:not(.btn).disabled:hover, #rootPanel .nav-tabs a:not(.btn).disabled:hover, #rootPanel .dropdown-menu a:not(.btn).disabled:hover, #rootPanel .MuiDrawer-root a:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main * a.ignoreLink:not(.btn), main .bootstrap-4-backport a.ignoreLink:not(.btn), #rootPanel * a.ignoreLink:not(.btn), #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn) {
   color: unset;
   text-decoration: unset;
@@ -15566,6 +15684,13 @@ main * a.ignoreLink:not(.btn):hover, main .bootstrap-4-backport a.ignoreLink:not
   border-bottom: unset;
   margin-bottom: unset;
 }
+main * a.ignoreLink:not(.btn).disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn).disabled, #rootPanel * a.ignoreLink:not(.btn).disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main * a.ignoreLink:not(.btn).disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover, #rootPanel * a.ignoreLink:not(.btn).disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main * a.ignoreLink:not(.btn):visited, main * a.ignoreLink:not(.btn):active, main * a.ignoreLink:not(.btn):link, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited, main .bootstrap-4-backport a.ignoreLink:not(.btn):active, main .bootstrap-4-backport a.ignoreLink:not(.btn):link, #rootPanel * a.ignoreLink:not(.btn):visited, #rootPanel * a.ignoreLink:not(.btn):active, #rootPanel * a.ignoreLink:not(.btn):link, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link {
   color: unset;
   text-decoration: unset;
@@ -15577,6 +15702,13 @@ main * a.ignoreLink:not(.btn):visited:hover, main * a.ignoreLink:not(.btn):activ
   border-bottom: unset;
   margin-bottom: unset;
 }
+main * a.ignoreLink:not(.btn):visited.disabled, main * a.ignoreLink:not(.btn):active.disabled, main * a.ignoreLink:not(.btn):link.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled, #rootPanel * a.ignoreLink:not(.btn):visited.disabled, #rootPanel * a.ignoreLink:not(.btn):active.disabled, #rootPanel * a.ignoreLink:not(.btn):link.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled {
+  color: #aeb5bc;
+}
+main * a.ignoreLink:not(.btn):visited.disabled:hover, main * a.ignoreLink:not(.btn):active.disabled:hover, main * a.ignoreLink:not(.btn):link.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):visited.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):active.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):link.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 
 .searchInputWithIcon span {
   display: block;
@@ -15671,11 +15803,10 @@ main * a.ignoreLink:not(.btn):visited:hover, main * a.ignoreLink:not(.btn):activ
   fill: #407ba0;
 }
 
-.HelpButton {
-  color: #ababac;
-  margin: 5px;
-  height: 18px;
-  width: 18px;
+svg.HelpButton {
+  color: #aeb5bc;
+  cursor: pointer;
+  font-size: 1.2em;
 }
 
 .modal-dialog-scrollable {
@@ -18990,7 +19121,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   margin-right: 0.7rem;
 }
 .evaluation-round-editor .round-status .status-in-progress {
-  color: #35bf7d;
+  color: #32a330;
 }
 .evaluation-round-editor .round-status .status-in-progress .status {
   align-items: center;
@@ -18999,7 +19130,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   line-height: 1rem;
 }
 .evaluation-round-editor .round-status .status-completed svg {
-  color: #35bf7d;
+  color: #32a330;
 }
 .evaluation-round-editor .round-status .status-completed span {
   color: #ababac;
@@ -21118,10 +21249,10 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   cursor: pointer;
 }
 .EntityBadge__Badge.Valid {
-  color: #35bf7d;
+  color: #32a330;
 }
 .EntityBadge__Badge.Invalid {
-  color: #f0dc26;
+  color: #cc9f00;
 }
 .EntityBadge__Badge.Missing {
   color: #ababac;
@@ -21157,36 +21288,87 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   @param $color string e.g. #eee or red
   @param $width unit e.g. 15%
  */
-.DownloadListTableV2 {
+table.DownloadListTableV2 {
   white-space: pre;
+  border-collapse: separate;
 }
-.DownloadListTableV2 .ineligibileIcon {
-  padding-left: 15px;
-  padding-right: 5px;
-}
-.DownloadListTableV2 .eligibileIcon {
-  padding-right: 5px;
+table.DownloadListTableV2 .eligibileIcon {
+  color: #4a5056;
 }
-.DownloadListTableV2 .eligibileIcon svg {
+table.DownloadListTableV2 .eligibileIcon svg {
   width: 15px;
 }
-.DownloadListTableV2 tbody > tr > td:first-child {
+table.DownloadListTableV2 .ineligibileIcon {
+  color: #cc9f00;
+}
+table.DownloadListTableV2 .ineligibileIcon svg {
+  width: 18px;
+}
+table.DownloadListTableV2 .ineligibleForPackagingTd {
+  background-color: #F9F5E7;
+}
+table.DownloadListTableV2 thead:first-child > tr:first-child > th {
+  min-width: 120px;
+}
+table.DownloadListTableV2 thead:first-child > tr:first-child > th:first-child {
+  border-right: none;
+  min-width: unset;
+}
+table.DownloadListTableV2 thead:first-child > tr:first-child > th:nth-child(2) {
+  border-left: none;
+}
+table.DownloadListTableV2 tbody tr > td:first-child {
   overflow-x: hidden;
   max-width: 310px;
   text-overflow: ellipsis;
 }
-.DownloadListTableV2 thead > tr > th,
-.DownloadListTableV2 thead:first-child > tr:first-child > th {
+table.DownloadListTableV2 .stickyColumn {
+  right: 0;
+  position: sticky;
+  z-index: 800;
+}
+table.DownloadListTableV2 thead .stickyColumn {
+  text-align: center;
+}
+table.DownloadListTableV2 tbody tr > td.stickyColumn {
+  border-left: 1px solid #dfe2e6;
+}
+table.DownloadListTableV2 tbody tr:nth-of-type(even) > .stickyColumn {
+  background-color: white;
+}
+table.DownloadListTableV2 tbody tr:nth-of-type(odd) > .stickyColumn {
+  background-color: #FBFBFC;
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer {
+  color: #878e95;
+  display: grid;
+  grid-template-columns: repeat(3, 40px);
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer * {
+  justify-self: center;
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .downloadItem {
+  grid-column: 1/span 1;
+}
+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;
   border: 1px solid #dddddf;
-  color: #515359;
+  background-color: #f1f3f5;
+  color: #4a5056;
 }
-.DownloadListTableV2 thead > tr > th span,
-.DownloadListTableV2 thead:first-child > tr:first-child > th span {
+table.DownloadListTableV2 thead > tr > th span,
+table.DownloadListTableV2 thead:first-child > tr:first-child > th span {
   display: inline-block;
   float: right;
 }
-.DownloadListTableV2 td {
+table.DownloadListTableV2 td {
   vertical-align: middle !important;
 }
 
@@ -21198,13 +21380,14 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   font-weight: bold;
 }
 .DownloadDetailsV2 .item {
-  margin-right: 15px;
+  margin-right: 35px;
 }
 .DownloadDetailsV2 .item svg {
   margin-right: 5px;
+  margin-top: -4px;
 }
 .DownloadDetailsV2 .item #icon-packagableFile svg {
-  margin-bottom: -5px;
+  margin-top: 0px;
 }
 
 .Download-Link.v2 #SHOW_DOWNLOAD_TOOLTIP {
@@ -21437,10 +21620,30 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   font-weight: bold;
   padding-right: 20px;
 }
-.DownloadCartPage .subSectionOverview {
+.DownloadCartPage .subSectionOverviewContainer {
   padding: 30px 0px;
   background-color: #f9f9f9;
 }
+.DownloadCartPage .DownloadListTabContent .subSectionOverview {
+  display: flex;
+  column-gap: 10px;
+}
+.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;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview .headlineWithHelp {
+  display: flex;
+  column-gap: 10px;
+}
 .DownloadCartPage__explore-all {
   text-align: center;
   padding-top: 20px;
@@ -21727,7 +21930,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   flex-grow: 1;
 }
 .bootstrap-4-backport .AnnotationEditor .AnnotationEditorForm .LabelContainer label span.required {
-  color: #c94281;
+  color: #c13415;
   margin-left: 2px;
 }
 .bootstrap-4-backport .AnnotationEditor .AnnotationEditorForm select {
@@ -21859,6 +22062,13 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   border-bottom: unset;
   margin-bottom: unset;
 }
+.SynapseNavContentDrawer .createProjectLink.disabled {
+  color: #aeb5bc;
+}
+.SynapseNavContentDrawer .createProjectLink.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 
 .terms-conditions .view-terms a,
 .terms-conditions .view-terms a:active:focus, .page-progress button,
@@ -21884,7 +22094,8 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 .FavoritesTable thead:first-child > tr:first-child > th {
   padding: 10px 6px 5px 7px;
   border: 1px solid #dddddf;
-  color: #515359;
+  background-color: #f1f3f5;
+  color: #4a5056;
 }
 .FavoritesTable thead > tr > th span,
 .FavoritesTable thead:first-child > tr:first-child > th span {
@@ -22080,6 +22291,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 
 .PopoverContainer {
   display: inline-block;
+  cursor: pointer;
 }
 
 .terms-conditions .view-terms a,

package/dist/utils/APIConstants.d.ts

@@ -10,9 +10,9 @@ export declare const ENTITY_ID: (id: string | number) => string;
 /**
  * Some services allow (but do not require) you to specify the version in the path.
  */
-export declare const ENTITY_ID_VERSION: (id: string | number, version?: number | undefined) => string;
+export declare const ENTITY_ID_VERSION: (id: string | number, version?: string | number | undefined) => string;
 export declare const ENTITY_ID_VERSIONS: (id: string | number) => string;
-export declare const ENTITY_BUNDLE_V2: (id: string | number, version?: number | undefined) => string;
+export declare const ENTITY_BUNDLE_V2: (id: string | number, version?: string | number | undefined) => string;
 export declare const ENTITY_ACCESS: (id: string | number) => string;
 export declare const ENTITY_HEADERS: string;
 export declare const ENTITY_JSON: (id: string | number) => string;

package/dist/utils/APIConstants.js

@@ -17,17 +17,13 @@ exports.ENTITY_ID = ENTITY_ID;
 /**
  * Some services allow (but do not require) you to specify the version in the path.
  */
-var ENTITY_ID_VERSION = function (id, version) {
-    return exports.REPO + "/entity/" + id + (version ? "/version/" + version : '');
-};
+var ENTITY_ID_VERSION = function (id, version) { return exports.REPO + "/entity/" + id + (version ? "/version/" + version : ''); };
 exports.ENTITY_ID_VERSION = ENTITY_ID_VERSION;
 var ENTITY_ID_VERSIONS = function (id) {
     return exports.REPO + "/entity/" + id + "/version/";
 };
 exports.ENTITY_ID_VERSIONS = ENTITY_ID_VERSIONS;
-var ENTITY_BUNDLE_V2 = function (id, version) {
-    return (0, exports.ENTITY_ID_VERSION)(id, version) + "/bundle2";
-};
+var ENTITY_BUNDLE_V2 = function (id, version) { return (0, exports.ENTITY_ID_VERSION)(id, version) + "/bundle2"; };
 exports.ENTITY_BUNDLE_V2 = ENTITY_BUNDLE_V2;
 var ENTITY_ACCESS = function (id) {
     return exports.REPO + "/entity/" + id + "/access";

package/dist/utils/APIConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"APIConstants.js","sourceRoot":"","sources":["../../src/lib/utils/APIConstants.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"APIConstants.js","sourceRoot":"","sources":["../../src/lib/utils/APIConstants.ts"],"names":[],"mappings":"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"}

package/dist/utils/synapseTypes/Table/Dataset.d.ts

@@ -1,7 +1,7 @@
 import { View } from './View';
 export declare type DATASET_CONCRETE_TYPE = 'org.sagebionetworks.repo.model.table.Dataset';
 export interface Dataset extends View {
-    items: DatasetItem[];
+    items?: DatasetItem[];
     concreteType: DATASET_CONCRETE_TYPE;
 }
 export interface DatasetItem {

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.59",
+  "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