synapse-react-client 3.0.12 → 3.0.14

package/dist/style/components/query_filter/_facet-filter-header.scss

@@ -1,34 +1,33 @@
+@import '../../abstracts/variables'; // TODO: deleted this line if this file is already imported in _all.scss
 
-@import '../../abstracts/variables';  // TODO: deleted this line if this file is already imported in _all.scss
-
-$icon-size: 14px;  // component-specific variable 
+$icon-size: 14px; // component-specific variable
 
 .FacetFilterHeader {
-    display: flex;
-    justify-content: space-between;
-    border-bottom: 1px solid $border-color-gray;
-  
-    &__label {
-      font-weight: bold;
-    }
-  
-    &__collapseToggleBtn {
-      margin: 0;
-      padding: 0;
-      line-height: 14px;
-      font-size: 18px;
-      color: $primary-action-color !important;
-  
-      &:hover {
-        color: $primary-action-color !important;
-        text-decoration: underline;
-      }
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid $border-color-gray;
+
+  &__label {
+    font-weight: bold;
+  }
 
-      .icon-plus, .icon-minus {
-        width: $icon-size;
-        height: $icon-size;
-        vertical-align: text-top;
-     }
+  &__collapseToggleBtn {
+    margin: 0;
+    padding: 0;
+    line-height: 14px;
+    font-size: 18px;
+    color: $primary-action-color !important;
+
+    &:hover {
+      color: $primary-action-color !important;
+      text-decoration: underline;
+    }
 
+    .icon-plus,
+    .icon-minus {
+      width: $icon-size;
+      height: $icon-size;
+      vertical-align: text-top;
     }
-  }
+  }
+}

package/dist/style/main.css

@@ -16360,7 +16360,7 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover,
 }
 
 .Icon-Copy path {
-  fill: #DCDCDC;
+  fill: #dcdcdc;
 }
 
 .SRC-java-icon path,
@@ -18580,19 +18580,22 @@ svg.HelpButton {
   border-radius: 2px;
 }
 
-.QueryWrapperSearchInput__searchbar, .QueryWrapperSqlEditorInput__searchbar {
+.QueryWrapperSearchInput__searchbar,
+.QueryWrapperSqlEditorInput__searchbar {
   height: 50px;
   background: #f9f9f9;
   border: 1px solid #dddddf;
   display: flex;
   align-items: center;
 }
-.QueryWrapperSearchInput__searchbar:focus-within, .QueryWrapperSqlEditorInput__searchbar:focus-within {
+.QueryWrapperSearchInput__searchbar:focus-within,
+.QueryWrapperSqlEditorInput__searchbar:focus-within {
   outline-color: #407ba0;
   outline-style: auto;
   outline-width: 5px;
 }
-.QueryWrapperSearchInput__searchbar__searchicon, .QueryWrapperSqlEditorInput__searchbar__searchicon {
+.QueryWrapperSearchInput__searchbar__searchicon,
+.QueryWrapperSqlEditorInput__searchbar__searchicon {
   color: #dcdcdc;
   margin-left: 10px;
   font-size: 17px;
@@ -18600,7 +18603,8 @@ svg.HelpButton {
   flex-grow: 0;
   flex-shrink: 0;
 }
-.QueryWrapperSearchInput__searchbar input, .QueryWrapperSqlEditorInput__searchbar input {
+.QueryWrapperSearchInput__searchbar input,
+.QueryWrapperSqlEditorInput__searchbar input {
   flex: 1;
   margin-left: 10px;
   width: fit-content;
@@ -18609,21 +18613,25 @@ svg.HelpButton {
   border: none;
   background: #f9f9f9;
 }
-.QueryWrapperSearchInput__searchbar input:focus, .QueryWrapperSqlEditorInput__searchbar input:focus {
+.QueryWrapperSearchInput__searchbar input:focus,
+.QueryWrapperSqlEditorInput__searchbar input:focus {
   outline-width: 0px;
   outline: none;
 }
-.QueryWrapperSearchInput__searchbar__clearbutton, .QueryWrapperSqlEditorInput__searchbar__clearbutton {
+.QueryWrapperSearchInput__searchbar__clearbutton,
+.QueryWrapperSqlEditorInput__searchbar__clearbutton {
   flex: 1;
   flex-grow: 0;
   flex-shrink: 0;
 }
-.QueryWrapperSearchInput__form-container, .QueryWrapperSqlEditorInput__form-container {
+.QueryWrapperSearchInput__form-container,
+.QueryWrapperSqlEditorInput__form-container {
   position: relative;
   width: 100%;
   margin-top: 5px;
 }
-.QueryWrapperSearchInput__column-select, .QueryWrapperSqlEditorInput__column-select {
+.QueryWrapperSearchInput__column-select,
+.QueryWrapperSqlEditorInput__column-select {
   background: #ffffff;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   color: #515359;
@@ -18633,7 +18641,8 @@ svg.HelpButton {
   z-index: 5;
   width: inherit;
 }
-.QueryWrapperSearchInput__animate_height, .QueryWrapperSqlEditorInput__animate_height {
+.QueryWrapperSearchInput__animate_height,
+.QueryWrapperSqlEditorInput__animate_height {
   max-height: 0;
   overflow-y: hidden;
   -webkit-transition: max-height 0.3s ease-in-out;
@@ -18641,28 +18650,36 @@ svg.HelpButton {
   -o-transition: max-height 0.3s ease-in-out;
   transition: max-height 0.3s ease-in-out;
 }
-.QueryWrapperSearchInput__animate_dropdown-enter-done, .QueryWrapperSqlEditorInput__animate_dropdown-enter-done {
+.QueryWrapperSearchInput__animate_dropdown-enter-done,
+.QueryWrapperSqlEditorInput__animate_dropdown-enter-done {
   max-height: 300px;
 }
-.QueryWrapperSearchInput__animate_dropdown-exit-done, .QueryWrapperSqlEditorInput__animate_dropdown-exit-done {
+.QueryWrapperSearchInput__animate_dropdown-exit-done,
+.QueryWrapperSqlEditorInput__animate_dropdown-exit-done {
   max-height: 0;
 }
-.QueryWrapperSearchInput__dropdown_pos, .QueryWrapperSqlEditorInput__dropdown_pos {
+.QueryWrapperSearchInput__dropdown_pos,
+.QueryWrapperSqlEditorInput__dropdown_pos {
   position: relative;
   width: 100%;
 }
-.QueryWrapperSearchInput__column-select.QueryWrapperSearchInput__animate_height, .QueryWrapperSqlEditorInput__column-select.QueryWrapperSearchInput__animate_height {
+.QueryWrapperSearchInput__column-select.QueryWrapperSearchInput__animate_height,
+.QueryWrapperSqlEditorInput__column-select.QueryWrapperSearchInput__animate_height {
   overflow: scroll;
 }
-.QueryWrapperSearchInput__animate_dropdown-exit-active, .QueryWrapperSearchInput__animate_dropdown-enter-done, .QueryWrapperSqlEditorInput__animate_dropdown-exit-active, .QueryWrapperSqlEditorInput__animate_dropdown-enter-done {
+.QueryWrapperSearchInput__animate_dropdown-exit-active, .QueryWrapperSearchInput__animate_dropdown-enter-done,
+.QueryWrapperSqlEditorInput__animate_dropdown-exit-active,
+.QueryWrapperSqlEditorInput__animate_dropdown-enter-done {
   padding-left: 30px;
   padding-top: 15px;
   padding-bottom: 5px;
 }
-.QueryWrapperSearchInput__animate_dropdown-exit-done, .QueryWrapperSqlEditorInput__animate_dropdown-exit-done {
+.QueryWrapperSearchInput__animate_dropdown-exit-done,
+.QueryWrapperSqlEditorInput__animate_dropdown-exit-done {
   padding: 0;
 }
-.QueryWrapperSearchInput .radio, .QueryWrapperSqlEditorInput .radio {
+.QueryWrapperSearchInput .radio,
+.QueryWrapperSqlEditorInput .radio {
   padding: 4px 0;
 }
 
@@ -19432,11 +19449,11 @@ input[type=radio] + span {
 }
 
 .FeedSubscribe .FeedSubscribeToNewsLink {
-  color: #404B63;
+  color: #404b63;
   margin-right: 15px;
 }
 .FeedSubscribe .FeedSubscribeToNewsLink:hover {
-  color: #404B63;
+  color: #404b63;
   cursor: pointer;
 }
 .FeedSubscribe .MailchimpSubscribeContainer {
@@ -19484,7 +19501,7 @@ input[type=radio] + span {
   }
 }
 .Feed .FeedItems .FeedItem {
-  border: 1px solid #DDDDDF;
+  border: 1px solid #dddddf;
   padding: 20px;
   margin: 10px;
   background-color: white;
@@ -19510,13 +19527,13 @@ input[type=radio] + span {
   white-space: nowrap;
 }
 .Feed .FeedItems .FeedItem .FeedItemDate {
-  color: #ABABAC;
+  color: #ababac;
   margin-bottom: 0px;
 }
 .Feed .FeedItems .FeedItem .FeedItemTitle {
   font-size: 16px;
   line-height: 144%;
-  color: #1A1C29;
+  color: #1a1c29;
   font-weight: bold;
   margin-bottom: 5px;
 }
@@ -19535,23 +19552,33 @@ input[type=radio] + span {
   stroke-width: 0;
   stroke-opacity: 0;
 }
-.UpsetPlot text[class^=cBarTextStyle-upset-], .UpsetPlot text[class*=" cBarTextStyle-upset-"] {
+.UpsetPlot text[class^=cBarTextStyle-upset-],
+.UpsetPlot text[class*=" cBarTextStyle-upset-"] {
   display: none;
 }
-.UpsetPlot text[class^=sBarTextStyle-upset-], .UpsetPlot text[class*=" sBarTextStyle-upset-"] {
+.UpsetPlot text[class^=sBarTextStyle-upset-],
+.UpsetPlot text[class*=" sBarTextStyle-upset-"] {
   display: none;
 }
-.UpsetPlot circle[class^=fillNotMember-upset-], .UpsetPlot text[class*=" fillNotMember-upset-"] {
+.UpsetPlot circle[class^=fillNotMember-upset-],
+.UpsetPlot text[class*=" fillNotMember-upset-"] {
   stroke: #d3d3d3;
   stroke-width: 1;
 }
-.UpsetPlot text[class^=sChartTextStyle-upset-], .UpsetPlot text[class*=" sChartTextStyle-upset-"] {
+.UpsetPlot text[class^=sChartTextStyle-upset-],
+.UpsetPlot text[class*=" sChartTextStyle-upset-"] {
   transform: rotate(270deg) translateX(-12%);
 }
-.UpsetPlot g[class^=interactive-upset-]:hover rect[class^=hoverBar-upset-], .UpsetPlot g[class^=interactive-upset-]:hover text[class*=" hoverBar-upset-"], .UpsetPlot text[class*=" interactive-upset-"]:hover rect[class^=hoverBar-upset-], .UpsetPlot text[class*=" interactive-upset-"]:hover text[class*=" hoverBar-upset-"] {
+.UpsetPlot g[class^=interactive-upset-]:hover rect[class^=hoverBar-upset-],
+.UpsetPlot g[class^=interactive-upset-]:hover text[class*=" hoverBar-upset-"],
+.UpsetPlot text[class*=" interactive-upset-"]:hover rect[class^=hoverBar-upset-],
+.UpsetPlot text[class*=" interactive-upset-"]:hover text[class*=" hoverBar-upset-"] {
   stroke: none;
 }
-.UpsetPlot g[class^=interactive-upset-]:hover text[class^=hoverBarTextStyle-upset-], .UpsetPlot g[class^=interactive-upset-]:hover text[class*=" hoverBarTextStyle-upset-"], .UpsetPlot text[class*=" interactive-upset-"]:hover text[class^=hoverBarTextStyle-upset-], .UpsetPlot text[class*=" interactive-upset-"]:hover text[class*=" hoverBarTextStyle-upset-"] {
+.UpsetPlot g[class^=interactive-upset-]:hover text[class^=hoverBarTextStyle-upset-],
+.UpsetPlot g[class^=interactive-upset-]:hover text[class*=" hoverBarTextStyle-upset-"],
+.UpsetPlot text[class*=" interactive-upset-"]:hover text[class^=hoverBarTextStyle-upset-],
+.UpsetPlot text[class*=" interactive-upset-"]:hover text[class*=" hoverBarTextStyle-upset-"] {
   display: none;
 }
 .UpsetPlot .UpsetPlot__summary {
@@ -20354,7 +20381,7 @@ input[type=radio] + span {
 .terms-conditions .term-list > li {
   display: flex;
   padding: 20px 0;
-  border: 1px solid #DCDCDC;
+  border: 1px solid #dcdcdc;
   margin-bottom: 20px;
   opacity: 0.3;
 }
@@ -20391,7 +20418,7 @@ input[type=radio] + span {
 .terms-conditions .term-list > li .terms-circle {
   width: 40px;
   height: 40px;
-  border: 2px solid #DCDCDC;
+  border: 2px solid #dcdcdc;
   display: inline-block;
   border-radius: 50%;
   vertical-align: middle;
@@ -20400,7 +20427,7 @@ input[type=radio] + span {
   line-height: 40px;
 }
 .terms-conditions .term-list > li .terms-checked {
-  background-color: #28A745;
+  background-color: #28a745;
   border: none;
   text-align: center;
 }
@@ -20409,7 +20436,7 @@ input[type=radio] + span {
 }
 .terms-conditions .view-terms a,
 .terms-conditions .view-terms a:active:focus {
-  background-color: #DCDCDC;
+  background-color: #dcdcdc;
   padding: 10px 30px;
   color: #1a1c29;
   font-weight: bold;
@@ -20432,7 +20459,7 @@ input[type=radio] + span {
 .page-progress .btn-progress-back,
 .page-progress .btn-progress-back:active:focus {
   margin-right: 30px;
-  color: #1A1C29;
+  color: #1a1c29;
   background-color: #dcdcdc;
 }
 .page-progress .btn-progress-next,
@@ -20445,7 +20472,7 @@ input[type=radio] + span {
 }
 .page-progress .btn-progress-next-active,
 .page-progress .btn-progress-next-active:active:focus {
-  background-color: #1C76AF;
+  background-color: #1c76af;
 }
 
 .terms-conditions .view-terms a,
@@ -20851,7 +20878,8 @@ input[type=radio] + span {
 .SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .title {
   margin: 0px 0px 10px 0px;
 }
-.SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .title, .SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .description {
+.SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .title,
+.SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .description {
   text-align: left;
 }
 .SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .link {
@@ -20963,7 +20991,7 @@ input[type=radio] + span {
   padding: 60px 72px;
 }
 .login-panel-wrapper .panel-tagline {
-  color: #1E4964;
+  color: #1e4964;
   font: 300 24px/34px Lato, sans-serif;
 }
 .login-panel-wrapper .panel-left .panel-tagline {
@@ -22598,7 +22626,7 @@ table.DownloadListTableV2 .ineligibileIcon svg {
   width: 18px;
 }
 table.DownloadListTableV2 td.ineligibleForPackagingTd:first-child {
-  background-color: #F9F5E7;
+  background-color: #f9f5e7;
 }
 table.DownloadListTableV2 thead:first-child > tr:first-child > th {
   min-width: 120px;
@@ -22836,7 +22864,7 @@ table.DownloadListTableV2 td {
   padding-top: 10px;
 }
 .DownloadCartPage .tabs-container {
-  border-bottom: 4px solid #DCDCDC;
+  border-bottom: 4px solid #dcdcdc;
 }
 .DownloadCartPage .pageHeader .grid {
   display: grid;
@@ -22924,7 +22952,7 @@ table.DownloadListTableV2 td {
   padding-right: 0px;
 }
 .DownloadCartPage .DownloadListTabContent .subSectionOverview > *:first-child {
-  border-right: 1px solid #D0D4D9;
+  border-right: 1px solid #d0d4d9;
 }
 .DownloadCartPage .DownloadListTabContent .subSectionOverview .headlineWithHelp {
   display: flex;
@@ -22979,7 +23007,8 @@ table.DownloadListTableV2 td {
   align-self: start;
   margin-bottom: 15px;
 }
-.CreatePackageV2 .createManifestTitle, .CreatePackageV2 .createPackageTitle {
+.CreatePackageV2 .createManifestTitle,
+.CreatePackageV2 .createPackageTitle {
   font-weight: bold;
 }
 .CreatePackageV2 .createPackageDescription {
@@ -22995,7 +23024,8 @@ table.DownloadListTableV2 td {
   box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
   grid-template-columns: 160px auto 160px;
 }
-.actionRequiredCard .metadata, .actionRequiredCard .startButtonContainer {
+.actionRequiredCard .metadata,
+.actionRequiredCard .startButtonContainer {
   align-self: center;
 }
 .actionRequiredCard .pageHeaderTitle {
@@ -23290,7 +23320,8 @@ table.DownloadListTableV2 td {
   padding: 16px 9px;
   display: block;
 }
-.SynapseNavDrawer .SynapseNavDrawerMenu .MuiListItem-button:hover, .SynapseNavDrawer .SynapseNavDrawerMenu .Mui-selected {
+.SynapseNavDrawer .SynapseNavDrawerMenu .MuiListItem-button:hover,
+.SynapseNavDrawer .SynapseNavDrawerMenu .Mui-selected {
   border-left: 7px solid #469285;
   padding-left: 9px;
 }
@@ -23308,7 +23339,7 @@ table.DownloadListTableV2 td {
   padding-bottom: 14px;
 }
 .SynapseNavDrawer .MuiPaper-root {
-  background-color: #2E4761;
+  background-color: #2e4761;
   color: white;
 }
 .SynapseNavDrawer .MuiDrawer-paperAnchorDockedLeft {
@@ -23342,7 +23373,7 @@ table.DownloadListTableV2 td {
 .SynapseNavContentDrawer .MuiPaper-root {
   left: 53px;
   width: 350px;
-  background-color: #2E4761;
+  background-color: #2e4761;
   color: white;
 }
 .SynapseNavContentDrawer .projectHeader {
@@ -24326,4 +24357,47 @@ input[type=radio] + span {
   margin-bottom: 2px;
 }
 
+.ForumSearch .SearchIcon {
+  left: 30px;
+  position: relative;
+}
+.ForumSearch .ClearSearchIcon {
+  cursor: pointer;
+  position: relative;
+  left: -42px;
+  margin-right: -8px;
+  width: 10px;
+}
+.ForumSearch .SearchBar {
+  flex-grow: 1;
+  padding: 6px 10px 6px 33px;
+  border: none;
+  background-color: #ebebeb;
+}
+.ForumSearch .SearchBarResult {
+  width: 93%;
+}
+.ForumSearch .ResultsText, .ForumSearch .NoResultsText {
+  margin: 15px 0px 10px 22px;
+}
+
+.search-result-container {
+  padding: 10px;
+  margin: 10px;
+  background-color: white;
+}
+.search-result-container .search-result-icon {
+  width: 24px;
+}
+.search-result-container .truncated {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.search-result-container .search-result-footer {
+  opacity: 0.7;
+}
+
 /*# sourceMappingURL=main.css.map */

package/dist/style/vendors/_normalize.scss

@@ -51,7 +51,8 @@ section {
 
 figcaption,
 figure,
-main { /* 1 */
+main {
+  /* 1 */
   display: block;
 }
 
@@ -240,7 +241,8 @@ svg:not(:root) {
  */
 
 button,
-input { /* 1 */
+input {
+  /* 1 */
   overflow: visible;
 }
 
@@ -250,7 +252,8 @@ input { /* 1 */
  */
 
 button,
-select { /* 1 */
+select {
+  /* 1 */
   text-transform: none;
 }
 
@@ -272,9 +275,9 @@ html [type="button"], /* 1 */
  */
 
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
@@ -284,13 +287,12 @@ button::-moz-focus-inner,
  */
 
 button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-
 /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
@@ -330,8 +332,8 @@ textarea {
  * 2. Remove the padding in IE 10-.
  */
 
-[type="checkbox"],
-[type="radio"] {
+[type='checkbox'],
+[type='radio'] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
 }
@@ -340,8 +342,8 @@ textarea {
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
 
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
@@ -350,7 +352,7 @@ textarea {
  * 2. Correct the outline style in Safari.
  */
 
-[type="search"] {
+[type='search'] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
@@ -359,8 +361,8 @@ textarea {
  * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
  */
 
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
@@ -373,4 +375,3 @@ textarea {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
 }
-