synapse-react-client 2.1.21 → 2.1.22

package/dist/index.d.ts

@@ -91,5 +91,7 @@ declare const SynapseComponents: {
     FeaturedToolsList: import("react").FunctionComponent<import("./containers/home_page/featured_tools/FeaturedToolsList").FeaturedToolsListProps>;
     SubsectionRowRenderer: import("react").FunctionComponent<import("./containers/SubsectionRowRenderer").SubsectionRowRendererProps>;
     ProgrammaticTableDownload: typeof ProgrammaticTableDownload;
+    ChangePassword: import("react").FunctionComponent<{}>;
+    FileUpload: import("react").FC<import("./containers/FileUpload").FileUploadProps>;
 };
 export { SynapseClient, SynapseConstants, SynapseComponents, SynapseContext, Typography };

package/dist/index.js

@@ -32,6 +32,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 +49,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
@@ -122,6 +124,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,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,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;AAuEjC,iGAvEf,wBAAgB,OAuEe;AAA/B,8FAvEkB,qBAAa,OAuElB;AAtEtB,gFAA8E;AAC9E,4FAA0F;AAC1F,mFAAiF;AACjF,6GAAyE;AACzE,4FAAwD;AACxD,0DAA+E;AAC/E,0FAAsD;AAgEuB,qBAhEtE,oBAAU,CAgEsE;AA9DvF,IAAM,cAAc,GAAG;IACrB,sBAAsB,yCAAA;IACtB,sBAAsB,yCAAA;IACtB,iBAAiB,oCAAA;CAClB,CAAA;AA0D4D,wCAAc;AAxD3E,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;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/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%;

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%;
@@ -22974,6 +22991,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;