synapse-react-client 3.0.12 → 3.0.14

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/_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/_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/_synapse-homepage.scss

@@ -36,7 +36,7 @@
     padding-top: 15px;
     padding-bottom: 15px;
     a {
-      >.styled-svg-wrapper {
+      > .styled-svg-wrapper {
         margin-right: 10px;
       }
       &:not(.btn):link:hover {
@@ -326,7 +326,8 @@
         .title {
           margin: 0px 0px 10px 0px;
         }
-        .title, .description {
+        .title,
+        .description {
           text-align: left;
         }
         .link {

package/dist/style/components/_synapse-nav-drawer.scss

@@ -8,7 +8,8 @@
     display: block;
   }
   .SynapseNavDrawerMenu {
-    .MuiListItem-button:hover, .Mui-selected {
+    .MuiListItem-button:hover,
+    .Mui-selected {
       border-left: 7px solid SRC.$secondary-action-color;
       padding-left: 9px;
     }
@@ -28,7 +29,7 @@
     padding-bottom: 14px;
   }
   .MuiPaper-root {
-    background-color: #2E4761;
+    background-color: #2e4761;
     color: white;
   }
   .MuiDrawer-paperAnchorDockedLeft {
@@ -49,8 +50,8 @@
     line-height: 24px;
     letter-spacing: 0.5px;
   }
-  .linkList{
-    >a {
+  .linkList {
+    > a {
       display: block;
       padding-top: 30px;
       font-size: 16px;
@@ -65,7 +66,7 @@
   .MuiPaper-root {
     left: 53px;
     width: 350px;
-    background-color: #2E4761;
+    background-color: #2e4761;
     color: white;
   }
   .projectHeader {
@@ -76,4 +77,3 @@
     @include SRC_Mixins.ignoreLink;
   }
 }
-

package/dist/style/components/_terms-and-conditions.scss

@@ -1,5 +1,5 @@
-$terms-text-color: #ABABAC;
-$terms-accent-gray: #DCDCDC;
+$terms-text-color: #ababac;
+$terms-accent-gray: #dcdcdc;
 $terms-margin: 20px;
 $terms-checkbox-dimension: 40px;
 $signatureLine-width: 420px;
@@ -33,7 +33,7 @@ $signatureLine-width: 420px;
         opacity: 1;
       }
       > span {
-        flex: 1
+        flex: 1;
       }
       .terms-desc {
         ul {
@@ -74,7 +74,7 @@ $signatureLine-width: 420px;
         line-height: $terms-checkbox-dimension;
       }
       .terms-checked {
-        background-color: #28A745;
+        background-color: #28a745;
         border: none;
         text-align: center;
       }
@@ -94,4 +94,4 @@ $signatureLine-width: 420px;
     font-weight: bold;
     margin-bottom: 35px;
   }
-}
+}

package/dist/style/components/_themes-plot.scss

@@ -3,7 +3,7 @@
   .js-plotly-plot .plotly .cursor-ew-resize {
     cursor: pointer !important;
   }
-  
+
   &__dotPlotLegend {
     text-align: right;
     width: 300px;

package/dist/style/components/_upset-plot.scss

@@ -1,32 +1,39 @@
 .UpsetPlot {
-  line{
+  line {
     stroke-width: 0;
     stroke-opacity: 0;
   }
   // Upset.js authors use a unique class name (React.useMemo + random number generator), which makes it more difficult to target.
-  // select any <text> element that has a class name that starts with "cBarTextStyle-upset-".  
-  text[class^='cBarTextStyle-upset-'], text[class*=' cBarTextStyle-upset-']{
+  // select any <text> element that has a class name that starts with "cBarTextStyle-upset-".
+  text[class^='cBarTextStyle-upset-'],
+  text[class*=' cBarTextStyle-upset-'] {
     display: none;
   }
-  text[class^='sBarTextStyle-upset-'], text[class*=' sBarTextStyle-upset-']{
+  text[class^='sBarTextStyle-upset-'],
+  text[class*=' sBarTextStyle-upset-'] {
     display: none;
   }
-  circle[class^='fillNotMember-upset-'], text[class*=' fillNotMember-upset-']{
+  circle[class^='fillNotMember-upset-'],
+  text[class*=' fillNotMember-upset-'] {
     stroke: #d3d3d3;
     stroke-width: 1;
   }
-    
+
   // rotate axis label (so that it's vertical), and it move down by 12%
-  text[class^='sChartTextStyle-upset-'], text[class*=' sChartTextStyle-upset-']{
+  text[class^='sChartTextStyle-upset-'],
+  text[class*=' sChartTextStyle-upset-'] {
     transform: rotate(270deg) translateX(-12%);
   }
-  g[class^='interactive-upset-'], text[class*=' interactive-upset-']{
+  g[class^='interactive-upset-'],
+  text[class*=' interactive-upset-'] {
     &:hover {
-      rect[class^='hoverBar-upset-'], text[class*=' hoverBar-upset-']{
+      rect[class^='hoverBar-upset-'],
+      text[class*=' hoverBar-upset-'] {
         stroke: none;
         // fill: #d3d3d3;
       }
-      text[class^='hoverBarTextStyle-upset-'], text[class*=' hoverBarTextStyle-upset-']{
+      text[class^='hoverBarTextStyle-upset-'],
+      text[class*=' hoverBarTextStyle-upset-'] {
         display: none;
       }
     }
@@ -35,5 +42,4 @@
   .UpsetPlot__summary {
     text-align: center;
   }
-
 }

package/dist/style/components/_user-search-box.scss

@@ -9,15 +9,15 @@
     z-index: 1;
 
     &.users-visible {
-      border: 1px solid #dee2e6
+      border: 1px solid #dee2e6;
     }
 
     li {
-      margin: 0.5rem 0
+      margin: 0.5rem 0;
     }
 
     .user-profile-link {
       margin-right: 1rem;
     }
   }
-}
+}

package/dist/style/components/facet_nav/_all.scss

@@ -1 +1 @@
-@import './facet-nav.scss', './facet-nav-panel.scss'
+@import './facet-nav.scss', './facet-nav-panel.scss';