synapse-react-client 2.1.20 → 2.1.23

package/dist/index.js

@@ -5,7 +5,6 @@ var tslib_1 = require("tslib");
 require("regenerator-runtime/runtime");
 require("react-app-polyfill/ie11");
 require("react-app-polyfill/stable");
-var Facets_1 = require("./containers/Facets");
 var MarkdownSynapse_1 = (0, tslib_1.__importDefault)(require("./containers/MarkdownSynapse"));
 var QueryWrapper_1 = (0, tslib_1.__importDefault)(require("./containers/QueryWrapper"));
 var QueryWrapperPlotNav_1 = (0, tslib_1.__importDefault)(require("./containers/query_wrapper_plot_nav/QueryWrapperPlotNav"));
@@ -32,6 +31,7 @@ var RssFeedCards_1 = (0, tslib_1.__importDefault)(require("./containers/RssFeedC
 var TableFeedCards_1 = (0, tslib_1.__importDefault)(require("./containers/TableFeedCards"));
 var ThemesPlot_1 = (0, tslib_1.__importDefault)(require("./containers/widgets/themes-plot/ThemesPlot"));
 var UpsetPlot_1 = (0, tslib_1.__importDefault)(require("./containers/UpsetPlot"));
+var FileUpload_1 = (0, tslib_1.__importDefault)(require("./containers/FileUpload"));
 var SynapsePlot_1 = (0, tslib_1.__importDefault)(require("./containers/widgets/SynapsePlot"));
 var UserCardListRotate_1 = (0, tslib_1.__importDefault)(require("./containers/UserCardListRotate"));
 var SubsectionRowRenderer_1 = (0, tslib_1.__importDefault)(require("./containers/SubsectionRowRenderer"));
@@ -48,6 +48,7 @@ var ExperimentalMode_1 = (0, tslib_1.__importDefault)(require("./containers/Expe
 var EntityBadgeIcons_1 = require("./containers/EntityBadgeIcons");
 var ProgrammaticTableDownload_1 = (0, tslib_1.__importDefault)(require("./containers/table/table-top/ProgrammaticTableDownload"));
 var UserProfileLinks_1 = (0, tslib_1.__importDefault)(require("./containers/user_profile_links/UserProfileLinks"));
+var ChangePassword_1 = (0, tslib_1.__importDefault)(require("./containers/ChangePassword"));
 var SynapseContext_1 = require("./utils/SynapseContext");
 var MarkdownPopover_1 = require("./containers/MarkdownPopover");
 // we exclude this from main.scss because react doesn't like importing an svg
@@ -71,7 +72,6 @@ var SynapseContext = {
 };
 exports.SynapseContext = SynapseContext;
 var SynapseComponents = {
-    Facets: Facets_1.Facets,
     Login: Login_1.default,
     CardContainer: CardContainer_1.default,
     QueryWrapper: QueryWrapper_1.default,
@@ -122,6 +122,8 @@ var SynapseComponents = {
     FeaturedToolsList: FeaturedToolsList_1.default,
     SubsectionRowRenderer: SubsectionRowRenderer_1.default,
     ProgrammaticTableDownload: ProgrammaticTableDownload_1.default,
+    ChangePassword: ChangePassword_1.default,
+    FileUpload: FileUpload_1.default
 };
 exports.SynapseComponents = SynapseComponents;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AACpC,mCAAgC;AAChC,qCAAkC;AAClC,8CAA4C;AAC5C,8FAA0D;AAC1D,wFAAoD;AACpD,6HAAyF;AACzF,8FAA0D;AAC1D,kFAA8C;AAC9C,8FAA0D;AAC1D,kHAA8E;AAC9E,gFAA4C;AAC5C,0EAAsC;AACtC,oFAAgD;AAChD,oFAAgD;AAChD,0FAAsD;AACtD,8EAA4E;AAC5E,yHAAqF;AACrF,yIAAqG;AACrG,oGAAgE;AAChE,0FAAsD;AACtD,sGAAkE;AAClE,gHAA4E;AAC5E,0FAAsD;AACtD,mGAA+D;AAC/D,sGAAkE;AAClE,wFAAoD;AACpD,4FAAwD;AACxD,wGAAoE;AACpE,kFAA8C;AAC9C,8FAA0D;AAC1D,oGAAgE;AAChE,0GAAsE;AACtE,wHAAoF;AACpF,2HAAuF;AACvF,qHAAiF;AACjF,oEAAkE;AAClE,4FAAwD;AACxD,oGAAgE;AAChE,wFAAoD;AACpD,sIAAkG;AAClG,sGAAkE;AAClE,gGAA4D;AAC5D,kEAAgE;AAChE,kIAA8F;AAC9F,mHAA+E;AAC/E,yDAI+B;AAC/B,gEAA8D;AAE9D,6EAA6E;AAC7E,0BAA0B;AAC1B,4CAAyC;AACzC,iCAAyD;AAqEjC,iGArEf,wBAAgB,OAqEe;AAA/B,8FArEkB,qBAAa,OAqElB;AApEtB,gFAA8E;AAC9E,4FAA0F;AAC1F,mFAAiF;AACjF,6GAAyE;AACzE,4FAAwD;AACxD,0DAA+E;AAC/E,0FAAsD;AA8DuB,qBA9DtE,oBAAU,CA8DsE;AA5DvF,IAAM,cAAc,GAAG;IACrB,sBAAsB,yCAAA;IACtB,sBAAsB,yCAAA;IACtB,iBAAiB,oCAAA;CAClB,CAAA;AAwD4D,wCAAc;AAtD3E,IAAM,iBAAiB,GAAG;IACxB,MAAM,iBAAA;IACN,KAAK,iBAAA;IACL,aAAa,yBAAA;IACb,YAAY,wBAAA;IACZ,eAAe,2BAAA;IACf,sBAAsB,kCAAA;IACtB,YAAY,wBAAA;IACZ,kBAAkB,8BAAA;IAClB,UAAU,sBAAA;IACV,QAAQ,oBAAA;IACR,UAAU,sBAAA;IACV,QAAQ,EAAE,yBAAe;IACzB,aAAa,yBAAA;IACb,kBAAkB,8BAAA;IAClB,0BAA0B,sCAAA;IAC1B,SAAS,qBAAA;IACT,iBAAiB,6BAAA;IACjB,UAAU,sBAAA;IACV,YAAY,wBAAA;IACZ,mBAAmB,+BAAA;IACnB,sBAAsB,iDAAA;IACtB,QAAQ,oBAAA;IACR,KAAK,iBAAA;IACL,SAAS,qBAAA;IACT,SAAS,qBAAA;IACT,WAAW,uBAAA;IACX,YAAY,wBAAA;IACZ,cAAc,0BAAA;IACd,kBAAkB,8BAAA;IAClB,gBAAgB,4BAAA;IAChB,kBAAkB,8BAAA;IAClB,cAAc,iCAAA;IACd,oBAAoB,6CAAA;IACpB,iBAAiB,uCAAA;IACjB,cAAc,0BAAA;IACd,kBAAkB,8BAAA;IAClB,YAAY,wBAAA;IACZ,mBAAmB,+BAAA;IACnB,YAAY,wBAAA;IACZ,gBAAgB,4BAAA;IAChB,gBAAgB,qCAAA;IAChB,gBAAgB,qCAAA;IAChB,cAAc,0BAAA;IACd,cAAc,EAAE,wBAAc;IAC9B,qBAAqB,sCAAA;IACrB,YAAY,6BAAA;IACZ,gBAAgB,4BAAA;IAChB,eAAe,mCAAA;IACf,iBAAiB,6BAAA;IACjB,qBAAqB,iCAAA;IACrB,yBAAyB,qCAAA;CAC1B,CAAA;AAEyC,8CAAiB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AACpC,mCAAgC;AAChC,qCAAkC;AAClC,8FAA0D;AAC1D,wFAAoD;AACpD,6HAAyF;AACzF,8FAA0D;AAC1D,kFAA8C;AAC9C,8FAA0D;AAC1D,kHAA8E;AAC9E,gFAA4C;AAC5C,0EAAsC;AACtC,oFAAgD;AAChD,oFAAgD;AAChD,0FAAsD;AACtD,8EAA4E;AAC5E,yHAAqF;AACrF,yIAAqG;AACrG,oGAAgE;AAChE,0FAAsD;AACtD,sGAAkE;AAClE,gHAA4E;AAC5E,0FAAsD;AACtD,mGAA+D;AAC/D,sGAAkE;AAClE,wFAAoD;AACpD,4FAAwD;AACxD,wGAAoE;AACpE,kFAA8C;AAC9C,oFAAgD;AAChD,8FAA0D;AAC1D,oGAAgE;AAChE,0GAAsE;AACtE,wHAAoF;AACpF,2HAAuF;AACvF,qHAAiF;AACjF,oEAAkE;AAClE,4FAAwD;AACxD,oGAAgE;AAChE,wFAAoD;AACpD,sIAAkG;AAClG,sGAAkE;AAClE,gGAA4D;AAC5D,kEAAgE;AAChE,kIAA8F;AAC9F,mHAA+E;AAC/E,4FAAwD;AACxD,yDAI+B;AAC/B,gEAA8D;AAE9D,6EAA6E;AAC7E,0BAA0B;AAC1B,4CAAyC;AACzC,iCAAyD;AAsEjC,iGAtEf,wBAAgB,OAsEe;AAA/B,8FAtEkB,qBAAa,OAsElB;AArEtB,gFAA8E;AAC9E,4FAA0F;AAC1F,mFAAiF;AACjF,6GAAyE;AACzE,4FAAwD;AACxD,0DAA+E;AAC/E,0FAAsD;AA+DuB,qBA/DtE,oBAAU,CA+DsE;AA7DvF,IAAM,cAAc,GAAG;IACrB,sBAAsB,yCAAA;IACtB,sBAAsB,yCAAA;IACtB,iBAAiB,oCAAA;CAClB,CAAA;AAyD4D,wCAAc;AAvD3E,IAAM,iBAAiB,GAAG;IACxB,KAAK,iBAAA;IACL,aAAa,yBAAA;IACb,YAAY,wBAAA;IACZ,eAAe,2BAAA;IACf,sBAAsB,kCAAA;IACtB,YAAY,wBAAA;IACZ,kBAAkB,8BAAA;IAClB,UAAU,sBAAA;IACV,QAAQ,oBAAA;IACR,UAAU,sBAAA;IACV,QAAQ,EAAE,yBAAe;IACzB,aAAa,yBAAA;IACb,kBAAkB,8BAAA;IAClB,0BAA0B,sCAAA;IAC1B,SAAS,qBAAA;IACT,iBAAiB,6BAAA;IACjB,UAAU,sBAAA;IACV,YAAY,wBAAA;IACZ,mBAAmB,+BAAA;IACnB,sBAAsB,iDAAA;IACtB,QAAQ,oBAAA;IACR,KAAK,iBAAA;IACL,SAAS,qBAAA;IACT,SAAS,qBAAA;IACT,WAAW,uBAAA;IACX,YAAY,wBAAA;IACZ,cAAc,0BAAA;IACd,kBAAkB,8BAAA;IAClB,gBAAgB,4BAAA;IAChB,kBAAkB,8BAAA;IAClB,cAAc,iCAAA;IACd,oBAAoB,6CAAA;IACpB,iBAAiB,uCAAA;IACjB,cAAc,0BAAA;IACd,kBAAkB,8BAAA;IAClB,YAAY,wBAAA;IACZ,mBAAmB,+BAAA;IACnB,YAAY,wBAAA;IACZ,gBAAgB,4BAAA;IAChB,gBAAgB,qCAAA;IAChB,gBAAgB,qCAAA;IAChB,cAAc,0BAAA;IACd,cAAc,EAAE,wBAAc;IAC9B,qBAAqB,sCAAA;IACrB,YAAY,6BAAA;IACZ,gBAAgB,4BAAA;IAChB,eAAe,mCAAA;IACf,iBAAiB,6BAAA;IACjB,qBAAqB,iCAAA;IACrB,yBAAyB,qCAAA;IACzB,cAAc,0BAAA;IACd,UAAU,sBAAA;CACX,CAAA;AAEyC,8CAAiB"}

package/dist/style/abstracts/_variables.scss

@@ -38,6 +38,8 @@ $text-color-disabled: #bbbbbc !default;
 $secondary-action-color: #469285 !default;
 $secondary-action-color-dark: #5660e5 !default;
 
+$tertiary-action-color: #F1D285 !default;
+
 $gray-formtext: #515359 !default;
 $gray-regular: #515359 !default;
 $gray-deemphasized: #ababac !default;
@@ -97,6 +99,18 @@ $secondary-color-palette: (
   900: adjust-color($secondary-action-color, $saturation: 24%, $lightness: -18%),
 ) !default;
 
+$tertiary-color-palette: (
+  100: adjust-color($tertiary-action-color, $saturation: -25%, $lightness: 50%),
+  200: adjust-color($tertiary-action-color, $saturation: -13%, $lightness: 20%),
+  300: adjust-color($tertiary-action-color, $saturation: -3%, $lightness: 10%),
+  400: adjust-color($tertiary-action-color, $saturation: -1%, $lightness: 5%),
+  500: $tertiary-action-color,
+  600: adjust-color($tertiary-action-color, $saturation: 5%, $lightness: -4%),
+  700: adjust-color($tertiary-action-color, $saturation: 11%, $lightness: -8%),
+  800: adjust-color($tertiary-action-color, $saturation: 18%, $lightness: -10%),
+  900: adjust-color($tertiary-action-color, $saturation: 24%, $lightness: -18%),
+) !default;
+
 /// Breakpoints map
 /// @prop {String} keys - Keys are identifiers mapped to a given length
 /// @prop {Map} values - Values are actual breakpoints expressed in pixels

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

@@ -1,3 +1,6 @@
+@use '../abstracts/variables' as SRC;
+@use 'sass:map';
+
 .bar-loader {
   display: flex;
   justify-content: center;
@@ -5,10 +8,16 @@
   height: 30px;
   width: 100%;
   .bar-background-color {
-    background-color: rgba(49, 95, 124, 0.05);
+    background-color: map.get(SRC.$colors, 'gray-400');
   }
   .bar-color {
-    background-color: #878787;
+    background-color:  map.get(SRC.$tertiary-color-palette, 400);
+  }
+  .MuiLinearProgress-determinate {
+    margin-bottom: 20px;
+    border-radius: 6px;
+    height: 10px;
+    width: 180px;
   }
   > div {
     width: 30%;

package/dist/style/components/_spinner.scss

@@ -11,13 +11,13 @@
   position: relative;
   width: 20px;
   height: 20px;
-  background-image: url('../../assets/logos/logo.svg');
+  background-image: url('https://s3.amazonaws.com/static.synapse.org/images/synapse-logo.svg');
   animation: spinner 1s linear infinite;
   background-size: 20px 20px;
   background-repeat: no-repeat;
 
   &.white {
-    background-image: url('../../assets/logos/logo-white.svg');
+    background-image: url('https://s3.amazonaws.com/static.synapse.org/images/synapse-logo-white.svg');
   }
   + .spinner__text {
     margin-left: 5px;

package/dist/style/components/entity_finder/_tree-node-browse.scss

@@ -5,17 +5,13 @@
 
 .TreeView.BrowseTree {
   .Node.BrowseNode {
-    .NodeContent {
-      grid-template-columns: [toggle] 20px [name] auto;
-      padding: 5px 10px 5px 20px;
-      .ExpandButton {
-        font-size: 15px;
-      }
+    grid-template-columns: [toggle] 20px [name] auto;
+    padding: 0px 10px;
+    .ExpandButton {
+      font-size: 18px;
     }
   }
-  .Node[aria-disabled='false'][aria-selected='false']
-    > .NodeContent
-    > .EntityName {
+  .Node[aria-disabled='false'][aria-selected='false'] > .EntityName {
     @include SrcMixins.normalLink();
     font-weight: normal;
 
@@ -26,7 +22,6 @@
   }
 
   .Node.BrowseNode[aria-disabled='false'][aria-selected='true']
-    > .NodeContent
     > .EntityName
     > span {
     font-weight: bold;

package/dist/style/components/entity_finder/_tree-node-select.scss

@@ -13,37 +13,31 @@
   .Tree {
     .Node.SelectNode {
       border-top: 1px solid white;
-      .NodeContent {
-        grid-template-columns: [toggle] 15px [icon] 27px [name] auto [badge] auto;
-        padding: 16px 20px;
-        .ExpandButton {
-          font-size: large;
-          color: unset;
-        }
+      grid-template-columns: [toggle] 15px [icon] 27px [name] auto [badge] auto;
+      padding: 16px 20px;
+      .ExpandButton {
+        font-size: large;
+        color: unset;
+      }
 
-        .EntityIcon {
-          text-align: center;
-          grid-column: icon / span 1;
-          margin-bottom: 3px;
-        }
+      .EntityIcon {
+        text-align: center;
+        grid-column: icon / span 1;
+        margin-bottom: 3px;
       }
     }
     .Node.SelectNode[aria-selected='true'] {
-      > .NodeContent {
-        background: $-selected-background-color;
-        color: $-selected-color;
-        > .ExpandButton {
-          color: rgb(255, 255, 255);
-        }
+      background: $-selected-background-color;
+      color: $-selected-color;
+      > .ExpandButton {
+        color: rgb(255, 255, 255);
       }
-      > .NodeContent:hover {
+      &:hover {
         @include -hover($-selected-hover-background-color);
       }
     }
   }
-  .Node[aria-disabled='false'] {
-    > .NodeContent:hover {
-      @include -hover();
-    }
+  .Node[aria-disabled='false']:hover {
+    @include -hover();
   }
 }

package/dist/style/components/entity_finder/_tree-view.scss

@@ -21,28 +21,25 @@
     // Other classes may override for specific components
     // See _tree-node-*.scss files
     .Node {
-      .NodeContent {
-        transition: background-color 200ms ease-in;
-        width: 100%;
-        align-items: center;
-        display: inline-grid;
-        // grid-template-columns are defined in `tree-node-browse` and `tree-node-select` files
-        .ExpandButton {
-          grid-column: toggle / span 1;
-          text-align: center;
-          color: SRC.$primary-action-color-active;
-          cursor: pointer;
-        }
-
-        .EntityName {
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
+      transition: background-color 200ms ease-in;
+      width: 100%;
+      align-items: center;
+      display: inline-grid;
+      align-items: center;
+      // grid-template-columns are defined in `tree-node-browse` and `tree-node-select` files
+      .ExpandButton {
+        grid-column: toggle / span 1;
+        text-align: center;
+        color: SRC.$primary-action-color-active;
+        cursor: pointer;
       }
 
-      .NodeChildren[aria-hidden='true'] {
-        display: none;
+      .EntityName {
+        grid-column: name / span 1;
+        white-space: nowrap;
+        overflow-y: visible;
+        overflow-x: clip;
+        text-overflow: ellipsis;
       }
     }
 

package/dist/style/main.css

@@ -19078,6 +19078,17 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   padding-top: 10px;
 }
 
+.page-progress button,
+.page-progress button:active,
+.page-progress button:focus,
+.page-progress button:active:focus, .terms-conditions .view-terms a,
+.terms-conditions .view-terms a:active:focus {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+  border-radius: 2px;
+}
+
 .bar-loader {
   display: flex;
   justify-content: center;
@@ -19086,10 +19097,16 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   width: 100%;
 }
 .bar-loader .bar-background-color {
-  background-color: rgba(49, 95, 124, 0.05);
+  background-color: #dfe2e6;
 }
 .bar-loader .bar-color {
-  background-color: #878787;
+  background-color: #f3da9c;
+}
+.bar-loader .MuiLinearProgress-determinate {
+  margin-bottom: 20px;
+  border-radius: 6px;
+  height: 10px;
+  width: 180px;
 }
 .bar-loader > div {
   width: 30%;
@@ -21015,26 +21032,26 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   height: 455px;
   overflow: auto;
 }
-.TreeView .Tree .Node .NodeContent {
+.TreeView .Tree .Node {
   transition: background-color 200ms ease-in;
   width: 100%;
   align-items: center;
   display: inline-grid;
+  align-items: center;
 }
-.TreeView .Tree .Node .NodeContent .ExpandButton {
+.TreeView .Tree .Node .ExpandButton {
   grid-column: toggle/span 1;
   text-align: center;
   color: #0888d8;
   cursor: pointer;
 }
-.TreeView .Tree .Node .NodeContent .EntityName {
+.TreeView .Tree .Node .EntityName {
+  grid-column: name/span 1;
   white-space: nowrap;
-  overflow: hidden;
+  overflow-y: visible;
+  overflow-x: clip;
   text-overflow: ellipsis;
 }
-.TreeView .Tree .Node .NodeChildren[aria-hidden=true] {
-  display: none;
-}
 .TreeView .Tree .Node[aria-disabled=true] {
   opacity: 0.5;
 }
@@ -21190,40 +21207,40 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   background-color: transparent;
 }
 
-.TreeView.BrowseTree .Node.BrowseNode .NodeContent {
+.TreeView.BrowseTree .Node.BrowseNode {
   grid-template-columns: [toggle] 20px [name] auto;
-  padding: 5px 10px 5px 20px;
+  padding: 0px 10px;
 }
-.TreeView.BrowseTree .Node.BrowseNode .NodeContent .ExpandButton {
-  font-size: 15px;
+.TreeView.BrowseTree .Node.BrowseNode .ExpandButton {
+  font-size: 18px;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName {
   color: #407ba0;
   text-decoration: none;
   font-weight: 700;
   letter-spacing: 0.5px;
   font-weight: normal;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName:hover {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName:hover {
   text-decoration: underline;
   text-underline-offset: 4px;
   text-decoration-thickness: 2px;
   text-decoration-color: #2a678d;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName.disabled {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName.disabled {
   color: #aeb5bc;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName.disabled:hover {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName.disabled:hover {
   text-decoration: underline;
   text-underline-offset: 4px;
   text-decoration-thickness: 1px;
   text-decoration-color: #d6d6d6;
   cursor: default;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName:hover {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName:hover {
   text-underline-offset: 2px;
 }
-.TreeView.BrowseTree .Node.BrowseNode[aria-disabled=false][aria-selected=true] > .NodeContent > .EntityName > span {
+.TreeView.BrowseTree .Node.BrowseNode[aria-disabled=false][aria-selected=true] > .EntityName > span {
   font-weight: bold;
 }
 
@@ -21355,31 +21372,29 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 .TreeView.SelectTree .Tree .Node.SelectNode {
   border-top: 1px solid white;
-}
-.TreeView.SelectTree .Tree .Node.SelectNode .NodeContent {
   grid-template-columns: [toggle] 15px [icon] 27px [name] auto [badge] auto;
   padding: 16px 20px;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode .NodeContent .ExpandButton {
+.TreeView.SelectTree .Tree .Node.SelectNode .ExpandButton {
   font-size: large;
   color: unset;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode .NodeContent .EntityIcon {
+.TreeView.SelectTree .Tree .Node.SelectNode .EntityIcon {
   text-align: center;
   grid-column: icon/span 1;
   margin-bottom: 3px;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] > .NodeContent {
+.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] {
   background: #0888d8;
   color: white;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] > .NodeContent > .ExpandButton {
+.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] > .ExpandButton {
   color: white;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] > .NodeContent:hover {
+.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true]:hover {
   background-color: #0778bf;
 }
-.TreeView.SelectTree .Node[aria-disabled=false] > .NodeContent:hover {
+.TreeView.SelectTree .Node[aria-disabled=false]:hover {
   background-color: rgba(8, 136, 216, 0.2);
 }
 

package/dist/umd/synapse-react-client.development.css

@@ -19135,6 +19135,17 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   padding: 15px;
   padding-top: 10px;
 }
+.page-progress button,
+.page-progress button:active,
+.page-progress button:focus,
+.page-progress button:active:focus,
+.terms-conditions .view-terms a,
+.terms-conditions .view-terms a:active:focus {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+  border-radius: 2px;
+}
 .bar-loader {
   display: flex;
   justify-content: center;
@@ -19143,10 +19154,16 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   width: 100%;
 }
 .bar-loader .bar-background-color {
-  background-color: rgba(49, 95, 124, 0.05);
+  background-color: #dfe2e6;
 }
 .bar-loader .bar-color {
-  background-color: #878787;
+  background-color: #f3da9c;
+}
+.bar-loader .MuiLinearProgress-determinate {
+  margin-bottom: 20px;
+  border-radius: 6px;
+  height: 10px;
+  width: 180px;
 }
 .bar-loader > div {
   width: 30%;
@@ -21018,26 +21035,26 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   height: 455px;
   overflow: auto;
 }
-.TreeView .Tree .Node .NodeContent {
+.TreeView .Tree .Node {
   transition: background-color 200ms ease-in;
   width: 100%;
   align-items: center;
   display: inline-grid;
+  align-items: center;
 }
-.TreeView .Tree .Node .NodeContent .ExpandButton {
+.TreeView .Tree .Node .ExpandButton {
   grid-column: toggle/span 1;
   text-align: center;
   color: #0888d8;
   cursor: pointer;
 }
-.TreeView .Tree .Node .NodeContent .EntityName {
+.TreeView .Tree .Node .EntityName {
+  grid-column: name/span 1;
   white-space: nowrap;
-  overflow: hidden;
+  overflow-y: visible;
+  overflow-x: clip;
   text-overflow: ellipsis;
 }
-.TreeView .Tree .Node .NodeChildren[aria-hidden=true] {
-  display: none;
-}
 .TreeView .Tree .Node[aria-disabled=true] {
   opacity: 0.5;
 }
@@ -21170,40 +21187,40 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   border-right: none;
   background-color: transparent;
 }
-.TreeView.BrowseTree .Node.BrowseNode .NodeContent {
+.TreeView.BrowseTree .Node.BrowseNode {
   grid-template-columns: [toggle] 20px [name] auto;
-  padding: 5px 10px 5px 20px;
+  padding: 0px 10px;
 }
-.TreeView.BrowseTree .Node.BrowseNode .NodeContent .ExpandButton {
-  font-size: 15px;
+.TreeView.BrowseTree .Node.BrowseNode .ExpandButton {
+  font-size: 18px;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName {
   color: #407ba0;
   text-decoration: none;
   font-weight: 700;
   letter-spacing: 0.5px;
   font-weight: normal;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName:hover {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName:hover {
   text-decoration: underline;
   text-underline-offset: 4px;
   text-decoration-thickness: 2px;
   text-decoration-color: #2a678d;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName.disabled {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName.disabled {
   color: #aeb5bc;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName.disabled:hover {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName.disabled:hover {
   text-decoration: underline;
   text-underline-offset: 4px;
   text-decoration-thickness: 1px;
   text-decoration-color: #d6d6d6;
   cursor: default;
 }
-.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .NodeContent > .EntityName:hover {
+.TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName:hover {
   text-underline-offset: 2px;
 }
-.TreeView.BrowseTree .Node.BrowseNode[aria-disabled=false][aria-selected=true] > .NodeContent > .EntityName > span {
+.TreeView.BrowseTree .Node.BrowseNode[aria-disabled=false][aria-selected=true] > .EntityName > span {
   font-weight: bold;
 }
 .terms-conditions .view-terms a,
@@ -21316,31 +21333,29 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 .TreeView.SelectTree .Tree .Node.SelectNode {
   border-top: 1px solid white;
-}
-.TreeView.SelectTree .Tree .Node.SelectNode .NodeContent {
   grid-template-columns: [toggle] 15px [icon] 27px [name] auto [badge] auto;
   padding: 16px 20px;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode .NodeContent .ExpandButton {
+.TreeView.SelectTree .Tree .Node.SelectNode .ExpandButton {
   font-size: large;
   color: unset;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode .NodeContent .EntityIcon {
+.TreeView.SelectTree .Tree .Node.SelectNode .EntityIcon {
   text-align: center;
   grid-column: icon/span 1;
   margin-bottom: 3px;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] > .NodeContent {
+.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] {
   background: #0888d8;
   color: white;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] > .NodeContent > .ExpandButton {
+.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] > .ExpandButton {
   color: white;
 }
-.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true] > .NodeContent:hover {
+.TreeView.SelectTree .Tree .Node.SelectNode[aria-selected=true]:hover {
   background-color: #0778bf;
 }
-.TreeView.SelectTree .Node[aria-disabled=false] > .NodeContent:hover {
+.TreeView.SelectTree .Node[aria-disabled=false]:hover {
   background-color: rgba(8, 136, 216, 0.2);
 }
 .terms-conditions .view-terms a,
@@ -22974,6 +22989,31 @@ table.DownloadListTableV2 td {
   margin-bottom: 0;
 }
 
+/* sass-plugin-0:/home/runner/work/Synapse-React-Client/Synapse-React-Client/src/lib/style/components/_spinner.scss */
+@keyframes spinner {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.spinner {
+  box-sizing: border-box;
+  display: inline-block;
+  margin: auto;
+  position: relative;
+  width: 20px;
+  height: 20px;
+  background-image: url(https://s3.amazonaws.com/static.synapse.org/images/synapse-logo.svg);
+  animation: spinner 1s linear infinite;
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+}
+.spinner.white {
+  background-image: url(https://s3.amazonaws.com/static.synapse.org/images/synapse-logo-white.svg);
+}
+.spinner + .spinner__text {
+  margin-left: 5px;
+}
+
 /* sass-plugin-0:/home/runner/work/Synapse-React-Client/Synapse-React-Client/node_modules/@brainhubeu/react-carousel/lib/style.css */
 .BrainhubCarouselItem {
   display: flex;