synapse-react-client 3.0.11 → 3.0.15

package/dist/style/components/_bar-loader.scss

@@ -11,7 +11,7 @@
     background-color: map.get(SRC.$colors, 'gray-400');
   }
   .bar-color {
-    background-color:  map.get(SRC.$tertiary-color-palette, 400);
+    background-color: map.get(SRC.$tertiary-color-palette, 400);
   }
   .MuiLinearProgress-determinate {
     margin-bottom: 20px;

package/dist/style/components/_cards-rotate.scss

@@ -1,7 +1,6 @@
 @use '../abstracts/variables' as SRC;
 
 .UserCardListRotate {
-
   .SRC-card-grid-row {
     display: grid;
     grid-template-columns: 1fr;
@@ -27,7 +26,6 @@
     .cardContainer {
       box-shadow: SRC.$box-shadow-soft;
     }
-
   }
 
   .UserCardListRotate__summary {
@@ -42,13 +40,10 @@
       display: inline-block;
     }
   }
-
 }
 
 @media (min-width: 980px) {
-  .UserCardListRotate .SRC-card-grid-row{
+  .UserCardListRotate .SRC-card-grid-row {
     grid-template-columns: repeat(3, 1fr);
   }
 }
-
-

package/dist/style/components/_cards.scss

@@ -39,6 +39,9 @@ $text-color-lighter: #898989;
         max-width: 75px;
       }
     }
+    svg {
+      min-height: 55px;
+    }
   }
   .SRC-cardMetadata {
     background-color: $color-gray-background;
@@ -58,7 +61,8 @@ $text-color-lighter: #898989;
     .SRC-type,
     .SRC-cardThumbnail {
       color: inherit;
-      img, svg {
+      img,
+      svg {
         margin-left: 0px;
       }
     }
@@ -218,7 +222,7 @@ $text-color-lighter: #898989;
     display: block;
     padding-top: $baseline-grid;
     padding-bottom: $baseline-grid;
-    >* {
+    > * {
       margin-left: 15px;
     }
     &.hasIcon {
@@ -297,10 +301,6 @@ $text-color-lighter: #898989;
   }
 }
 
-img.iconImg.SRC-datasetIcon {
-  max-width: 60px !important;
-}
-
 .SRC-cardRowDesktop {
   > td {
     padding-top: 5px;

package/dist/style/components/_discussion-search.scss

@@ -0,0 +1,51 @@
+.ForumSearch {
+    .SearchIcon {
+        left: 30px;
+        position: relative;
+    }
+
+    .ClearSearchIcon {
+        cursor: pointer;
+        position: relative;
+        left: -42px;
+        margin-right: -8px;
+        width: 10px;
+    }
+
+    .SearchBar {
+        flex-grow: 1;
+        padding: 6px 10px 6px 33px;
+        border: none;
+        background-color: #ebebeb;
+    }
+
+    .SearchBarResult {
+        width: 93%;
+    }
+
+    .ResultsText, .NoResultsText {
+        margin: 15px 0px 10px 22px;
+    }
+}
+
+.search-result-container {
+    padding: 10px;
+    margin: 10px;
+    background-color: white;
+
+    .search-result-icon{
+        width: 24px;
+    }
+
+    .truncated {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+    }
+
+    .search-result-footer {
+        opacity: 0.7;
+    }
+}

package/dist/style/components/_download-cart-page.scss

@@ -7,9 +7,9 @@
     padding-top: 10px;
   }
   .tabs-container {
-    border-bottom: 4px solid #DCDCDC;
+    border-bottom: 4px solid #dcdcdc;
   }
-  .pageHeader .grid{
+  .pageHeader .grid {
     display: grid;
     grid-template-columns: auto 235px;
     * {
@@ -74,7 +74,7 @@
     }
   }
   .subSectionContainer {
-    display:flex;
+    display: flex;
     .actionsRequiredTitle {
       padding-top: 30px;
     }
@@ -88,7 +88,7 @@
     .subSectionOverview {
       display: flex;
       column-gap: 10px;
-      >* {
+      > * {
         &:first-child {
           padding-left: 0px;
         }
@@ -97,8 +97,8 @@
         }
         padding: 0px 50px;
       }
-      >*:first-child {
-        border-right: 1px solid #D0D4D9; 
+      > *:first-child {
+        border-right: 1px solid #d0d4d9;
       }
       .headlineWithHelp {
         display: flex;
@@ -148,8 +148,9 @@
     align-self: start;
     margin-bottom: 15px;
   }
-  
-  .createManifestTitle, .createPackageTitle {
+
+  .createManifestTitle,
+  .createPackageTitle {
     font-weight: bold;
   }
 
@@ -167,7 +168,8 @@
   padding: 20px 35px;
   box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
   grid-template-columns: 160px auto 160px;
-  .metadata, .startButtonContainer { 
+  .metadata,
+  .startButtonContainer {
     align-self: center;
   }
   .pageHeaderTitle {

package/dist/style/components/_download-list-v2.scss

@@ -17,13 +17,13 @@ table.DownloadListTableV2 {
     }
   }
   td.ineligibleForPackagingTd:first-child {
-    background-color: #F9F5E7;
+    background-color: #f9f5e7;
   }
   thead:first-child > tr:first-child {
     > th {
       min-width: 120px;
       &:first-child {
-        border-right: none;  
+        border-right: none;
         min-width: unset;
       }
       &:nth-child(2) {
@@ -31,7 +31,8 @@ table.DownloadListTableV2 {
       }
     }
   }
-  tbody tr > td:nth-child(2) { // file name column
+  tbody tr > td:nth-child(2) {
+    // file name column
     overflow-x: hidden;
     max-width: 570px;
     text-overflow: ellipsis;
@@ -93,4 +94,4 @@ table.DownloadListTableV2 {
       padding: 0px 3px;
     }
   }
-}
+}

package/dist/style/components/_experimental-mode.scss

@@ -1,4 +1,3 @@
-
 @use '../abstracts/variables' as SRC;
 
 .experimental-mode-wrapper {
@@ -16,5 +15,3 @@
     }
   }
 }
-
-

package/dist/style/components/_facet-plots-card.scss

@@ -1,12 +1,12 @@
 @use '../abstracts/variables' as SRC;
 
-.FacetPlotsCard {  
+.FacetPlotsCard {
   background-color: white;
   overflow: hidden;
   &__titlebar {
     min-height: 64px;
     padding: 12px 25px;
-    display:flex;
+    display: flex;
     flex-direction: column;
     justify-content: center;
   }

package/dist/style/components/_favorites-page.scss

@@ -12,23 +12,25 @@
   @include SRCMixins.sortable-table();
   table {
     color: SRC.$text-color-dark;
-
   }
   thead:first-child > tr:first-child {
-     > th:first-child { // favorite star header
+    > th:first-child {
+      // favorite star header
       border-right: none;
     }
-    > th:nth-child(2) { // column header to the right of fav
+    > th:nth-child(2) {
+      // column header to the right of fav
       border-left: none;
     }
   }
 
   tbody > tr {
-    > td:first-child { // favorite star header
-     width: 50px;
-   }
-   > td:nth-child(3) svg {
-     color: #909090; // SWC-5709: entity type icon color
-   }
- }
+    > td:first-child {
+      // favorite star header
+      width: 50px;
+    }
+    > td:nth-child(3) svg {
+      color: #909090; // SWC-5709: entity type icon color
+    }
+  }
 }

package/dist/style/components/_featured-data-plots.scss

@@ -2,25 +2,28 @@
 
 @media (max-width: map-get(SRC.$breakpoints, 'medium')) {
   .FeaturedDataPlots {
-    &__queryPerCard, &__singleQuery {
+    &__queryPerCard,
+    &__singleQuery {
       display: block;
       &__card {
         width: 100%;
       }
-    }    
+    }
   }
 }
 @media (min-width: map-get(SRC.$breakpoints, 'medium')) {
   .FeaturedDataPlots {
-    &__queryPerCard, &__singleQuery .SRC-wrapper {
+    &__queryPerCard,
+    &__singleQuery .SRC-wrapper {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       padding: 15px 0px;
     }
-    &__queryPerCard  .QueryPerFacetPlotsCard, &__singleQuery  .FacetPlotsCard {
+    &__queryPerCard .QueryPerFacetPlotsCard,
+    &__singleQuery .FacetPlotsCard {
       width: 31%;
       margin: 15px 7px;
     }
   }
-}
+}

package/dist/style/components/_featured-data-tabs.scss

@@ -8,15 +8,15 @@
     justify-content: center;
     height: 50px;
     align-items: center;
-    border-bottom: 4px solid #DCDCDC;
-    &__tab {      
+    border-bottom: 4px solid #dcdcdc;
+    &__tab {
       height: 50px;
       width: 250px;
       text-transform: uppercase;
       text-align: center;
       margin-top: 4px;
       button {
-        color: #ABABAC;
+        color: #ababac;
         //increase click area
         width: 100%;
         height: 100%;
@@ -30,12 +30,14 @@
         font-weight: bold;
         border-bottom: 5px solid;
         border-bottom-color: SRC.$secondary-action-color;
-        button {color: #515359;}
+        button {
+          color: #515359;
+        }
         .iconImg {
-          filter: invert(1)
+          filter: invert(1);
         }
       }
-    }    
+    }
   }
   &__explore-all {
     text-align: center;

package/dist/style/components/_feed-cards.scss

@@ -5,10 +5,10 @@
 }
 .FeedSubscribe {
   .FeedSubscribeToNewsLink {
-    color: #404B63;
+    color: #404b63;
     margin-right: 15px;
     &:hover {
-      color: #404B63;
+      color: #404b63;
       cursor: pointer;
     }
   }
@@ -39,25 +39,27 @@
   padding: 15px 0px;
 
   @media (min-width: 801px) {
-  .FeedItems {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    .FeedItem {
-      width: 30%;
+    .FeedItems {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      .FeedItem {
+        width: 30%;
+      }
     }
-  }}  
+  }
   @media (max-width: 800px) {
     .FeedItems {
       display: block;
       .FeedItem {
         width: 100%;
       }
-    }}  
-    
+    }
+  }
+
   .FeedItems {
-    .FeedItem {      
-      border: 1px solid #DDDDDF;
+    .FeedItem {
+      border: 1px solid #dddddf;
       padding: 20px;
       margin: 10px;
       background-color: white;
@@ -82,13 +84,13 @@
         }
       }
       .FeedItemDate {
-        color: #ABABAC;
+        color: #ababac;
         margin-bottom: 0px;
       }
       .FeedItemTitle {
         font-size: 16px;
         line-height: 144%;
-        color: #1A1C29;
+        color: #1a1c29;
         font-weight: bold;
         margin-bottom: 5px;
       }
@@ -99,7 +101,6 @@
         margin-bottom: 10px;
       }
     }
-
   }
   .FeedViewAllNewsButtonContainer {
     padding-top: 20px;

package/dist/style/components/_global-alert.scss

@@ -96,4 +96,4 @@
 .SynapseNavDrawerIsShowing .FullWidthAlert[role='alert'].global {
   left: 56px;
   width: calc(100vw - 56px);
-}
+}

package/dist/style/components/_login.scss

@@ -35,7 +35,7 @@
     border-radius: 2px;
     box-shadow: none;
 
-    &[type="password"] {
+    &[type='password'] {
       margin-bottom: 5px;
     }
   }
@@ -54,7 +54,6 @@
     color: SrcVars.$gray-deemphasized;
     font-style: normal;
   }
-
 }
 
 $login-wrapper-width: 910px;
@@ -64,7 +63,9 @@ $login-wrapper-width-tiny: 320px;
   display: flex;
   align-items: center;
   justify-content: center;
-  background: transparent url("https://s3.amazonaws.com/static.synapse.org/images/SynapseLoginPageBackground.svg") no-repeat;
+  background: transparent
+    url('https://s3.amazonaws.com/static.synapse.org/images/SynapseLoginPageBackground.svg')
+    no-repeat;
   background-size: cover;
   margin: 0;
   padding: 0;
@@ -74,10 +75,12 @@ $login-wrapper-width-tiny: 320px;
 .login-panel-wrapper {
   display: flex;
   max-width: $login-wrapper-width;
-  background: #fff url('https://s3.amazonaws.com/static.synapse.org/images/login-panel-bg.svg') no-repeat right bottom 20px;
+  background: #fff
+    url('https://s3.amazonaws.com/static.synapse.org/images/login-panel-bg.svg')
+    no-repeat right bottom 20px;
 
   > div {
-    flex: 1
+    flex: 1;
   }
   .login-panel {
     display: flex;
@@ -86,7 +89,7 @@ $login-wrapper-width-tiny: 320px;
     padding: 60px 72px;
   }
   .panel-tagline {
-    color: #1E4964;
+    color: #1e4964;
     font: 300 24px/34px Lato, sans-serif;
   }
   .panel-left {
@@ -119,19 +122,21 @@ $login-wrapper-width-tiny: 320px;
 
 @media (max-width: $login-wrapper-width) {
   .login-panel-wrapper-bg {
-    background: #fff url("https://s3.amazonaws.com/static.synapse.org/images/SynapseMobileLogInFull.svg") 50% 50%;
+    background: #fff
+      url('https://s3.amazonaws.com/static.synapse.org/images/SynapseMobileLogInFull.svg')
+      50% 50%;
     background-size: contain;
   }
   .login-panel-wrapper {
     background: transparent none;
     .login-panel {
       padding: 60px 0;
-      min-width: $login-wrapper-width-tiny
+      min-width: $login-wrapper-width-tiny;
     }
     .panel-logo {
       text-align: center;
       img {
-        width: 200px
+        width: 200px;
       }
       .panel-tagline {
         display: block;
@@ -148,7 +153,7 @@ $login-wrapper-width-tiny: 320px;
 @media (max-width: $login-wrapper-width-tiny + 20) {
   .login-panel-wrapper {
     .login-panel {
-      padding: 60px 25px
+      padding: 60px 25px;
     }
   }
 }

package/dist/style/components/_markdown.scss

@@ -116,25 +116,25 @@
 }
 .markdown p {
   margin: 0px;
-  padding-bottom: 12px;
+  margin-bottom: 12px;
 }
 .markdown h1 {
-  padding: 35px 0 12px 0;
+  margin: 35px 0 24px 0;
 }
 .markdown h2 {
-  padding: 29px 0 10px 0;
+  margin: 29px 0 22px 0;
 }
 .markdown h3 {
-  padding: 23px 0 8px 0;
+  margin: 23px 0 20px 0;
 }
 .markdown h4 {
-  padding: 17px 0 6px 0;
+  margin: 17px 0 18px 0;
 }
 .markdown h5 {
-  padding: 11px 0 4px 0;
+  margin: 11px 0 16px 0;
 }
 .markdown h6 {
-  padding: 5px 0 2px 0;
+  margin: 5px 0 14px 0;
 }
 
 .toc-indent1 {
@@ -164,3 +164,7 @@
 .markdown span.bootstrap-4-backport a {
   margin: 20px 20px 20px 0px;
 }
+
+.markdown details {
+  cursor: pointer;
+}

package/dist/style/components/_page-progress.scss

@@ -16,7 +16,7 @@
   .btn-progress-back,
   .btn-progress-back:active:focus {
     margin-right: 30px;
-    color: #1A1C29;
+    color: #1a1c29;
     background-color: #dcdcdc;
   }
   .btn-progress-next,
@@ -29,6 +29,6 @@
   }
   .btn-progress-next-active,
   .btn-progress-next-active:active:focus {
-    background-color: #1C76AF;
+    background-color: #1c76af;
   }
-}
+}

package/dist/style/components/_plotlywrapper.scss

@@ -1,4 +1,3 @@
-
 .chart-histogram {
   .chart-nodata {
     display: flex;

package/dist/style/components/_query-wrapper-plot-nav.scss

@@ -6,12 +6,12 @@
       display: grid;
       grid-template-columns: 25% 10px 75%;
       padding-right: 15px;
-      
+
       // by default, children take up the full row
       > * {
         grid-column: 1 / span 3;
       }
-      &.has-facets{
+      &.has-facets {
         padding-right: 120px;
         grid-template-columns: 60px 10px 25% 10px 75%;
         > * {
@@ -25,7 +25,7 @@
         .QueryWrapperSearchInput,
         .QueryWrapperSqlEditorInput,
         .ErrorBannerWrapper {
-            margin-left: 30px;
+          margin-left: 30px;
         }
       }
     }

package/dist/style/components/_query-wrapper-text-input.scss

@@ -1,6 +1,7 @@
 @use '../abstracts/variables' as SRC;
 
-.QueryWrapperSearchInput, .QueryWrapperSqlEditorInput {
+.QueryWrapperSearchInput,
+.QueryWrapperSqlEditorInput {
   &__searchbar {
     height: 50px;
     background: #f9f9f9;

package/dist/style/components/_submission-page.scss

@@ -0,0 +1,58 @@
+@use '../abstracts/variables' as SRC;
+@use 'sass:map';
+.SubmissionPage {
+  @media screen and (min-width: map.get(SRC.$breakpoints, 'medium')) {
+    display: flex;
+    .SubmissionSummary {
+      width: 375px;
+      max-width: 400px;
+      padding-right: 40px;
+    }
+    .SubmissionRightPane {
+      flex-grow: 1;
+    }
+  }
+  .ButtonContainer {
+    display: flex;
+    gap: 10px;
+    button {
+      flex-grow: 1;
+      flex-basis: 0;
+    }
+  }
+  .SubmissionSummary {
+    margin-bottom: 15px;
+    .SubmissionSummaryGrid {
+      display: grid;
+      column-gap: 10px;
+      grid-template-columns: auto auto;
+
+      .Key {
+        grid-column: 1;
+      }
+
+      .Value {
+        grid-column: 2;
+      }
+
+      > * {
+        white-space: nowrap;
+      }
+    }
+  }
+  ul {
+    padding-left: 25px;
+    li {
+      margin-top: 5px;
+    }
+  }
+
+  .AccessRequirementWikiContainer {
+    background: map.get(SRC.$colors, 'gray-100');
+    border: 1px solid #dfe2e6;
+
+    .AccessRequirementWikiContent {
+      margin: 40px;
+    }
+  }
+}