synapse-react-client 2.1.22 → 3.0.1

package/dist/index.js

@@ -5,11 +5,9 @@ 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 QueryWrapper_1 = require("./containers/QueryWrapper");
 var QueryWrapperPlotNav_1 = (0, tslib_1.__importDefault)(require("./containers/query_wrapper_plot_nav/QueryWrapperPlotNav"));
-var StackedBarChart_1 = (0, tslib_1.__importDefault)(require("./containers/StackedBarChart"));
 var HasAccess_1 = (0, tslib_1.__importDefault)(require("./containers/HasAccess"));
 var SynapseTable_1 = (0, tslib_1.__importDefault)(require("./containers/table/SynapseTable"));
 var StandaloneQueryWrapper_1 = (0, tslib_1.__importDefault)(require("./containers/table/StandaloneQueryWrapper"));
@@ -73,11 +71,9 @@ var SynapseContext = {
 };
 exports.SynapseContext = SynapseContext;
 var SynapseComponents = {
-    Facets: Facets_1.Facets,
     Login: Login_1.default,
     CardContainer: CardContainer_1.default,
-    QueryWrapper: QueryWrapper_1.default,
-    StackedBarChart: StackedBarChart_1.default,
+    QueryWrapper: QueryWrapper_1.QueryWrapper,
     StandaloneQueryWrapper: StandaloneQueryWrapper_1.default,
     SynapseTable: SynapseTable_1.default,
     CardContainerLogic: CardContainerLogic_1.default,
@@ -125,7 +121,7 @@ var SynapseComponents = {
     SubsectionRowRenderer: SubsectionRowRenderer_1.default,
     ProgrammaticTableDownload: ProgrammaticTableDownload_1.default,
     ChangePassword: ChangePassword_1.default,
-    FileUpload: FileUpload_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,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AACpC,mCAAgC;AAChC,qCAAkC;AAClC,8FAA0D;AAC1D,0DAAwD;AACxD,6HAAyF;AACzF,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;AAuEvD,iGAvEO,wBAAgB,OAuEP;AADhB,8FAtEyB,qBAAa,OAsEzB;AArEf,gFAA8E;AAC9E,4FAA0F;AAC1F,mFAAiF;AACjF,6GAAyE;AACzE,4FAAwD;AACxD,0DAA+E;AAC/E,0FAAsD;AAmEpD,qBAnEK,oBAAU,CAmEL;AAjEZ,IAAM,cAAc,GAAG;IACrB,sBAAsB,yCAAA;IACtB,sBAAsB,yCAAA;IACtB,iBAAiB,oCAAA;CAClB,CAAA;AA4DC,wCAAc;AA1DhB,IAAM,iBAAiB,GAAG;IACxB,KAAK,iBAAA;IACL,aAAa,yBAAA;IACb,YAAY,6BAAA;IACZ,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;AAKC,8CAAiB"}

package/dist/style/base/_icons.scss

@@ -96,3 +96,7 @@ svg.HelpButton {
   cursor: pointer;
   font-size: 0.8em;
 }
+
+.SRC-color-warning {
+  color: map.get(SRC.$colors, 'warning');
+}

package/dist/style/components/_dataset-editor.scss

@@ -1,5 +1,6 @@
 @use '../abstracts/variables' as SRC;
 @use '../abstracts/mixins' as SrcMixins;
+@use '../../template_style/form' as Form;
 @use 'sass:map';
 
 .DatasetEditor {
@@ -24,6 +25,7 @@
   .DatasetEditorTableContainer {
     width: 100%;
     overflow-x: auto;
+    @include Form.customCheckbox($checkbox-top-offset: 5px);
     .DatasetEditorTable {
       p {
         margin-bottom: unset;
@@ -58,6 +60,10 @@
 .EntityNameWithIconRenderer {
   text-overflow: ellipsis;
   white-space: nowrap;
+
+  svg {
+    margin-bottom: 3px;
+  }
 }
 
 .EntityErrorRenderer {

package/dist/style/components/_markdown.scss

@@ -59,7 +59,7 @@
   word-wrap: break-word;
   overflow-x: auto;
   overflow-y: hidden;
-  line-height: 1.8em;
+  line-height: 1.5em;
   color: #515359;
   font-weight: normal;
   &.markdown-inline {

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

@@ -1,6 +1,7 @@
 @use '../../abstracts/variables' as SRC;
 @use './entity-finder' as EntityFinder;
 @use '../../abstracts/mixins' as SrcMixins;
+@use '../../../template_style/form' as Form;
 
 $table-prefix: DetailsViewTable;
 $table-font-size: 16px;
@@ -15,9 +16,11 @@ $row-hovered-background-color: unset;
     overflow-y: hidden;
   }
 }
-
-.DetailsViewTable__header {
-  box-shadow: 3px 3px 7px -1px rgba(0, 0, 30, 0.2);
+.DetailsViewTable {
+  .DetailsViewTable__header {
+    box-shadow: 3px 3px 7px -1px rgba(0, 0, 30, 0.2);
+  }
+  @include Form.customCheckbox($checkbox-top-offset: 3px);
 }
 
 .EntityFinderDetailsView {
@@ -56,11 +59,8 @@ $row-hovered-background-color: unset;
   }
 
   &[aria-selected='true'] {
-    color: $-selected-color;
     background-color: $-selected-background-color;
     .UserCardSmall {
-      color: $-selected-color !important;
-      border-color: $-selected-color !important;
     }
   }
 

package/dist/style/components/entity_finder/_entity-finder.scss

@@ -7,16 +7,12 @@ $-header-height: 45px;
 $-border: $-border-size solid SRC.$border-color-gray;
 $-finder-height: 500px;
 $-breadcrumb-height: 40px;
-$-selected-color: white;
-$-selected-background-color: SRC.$primary-action-color-active;
+$-selected-background-color: map.get(SRC.$secondary-color-palette, 200);
 $-selected-hover-background-color: color.adjust(
   $-selected-background-color,
-  $lightness: -5%
-);
-$-hover-background-color: color.change(
-  SRC.$primary-action-color-active,
-  $alpha: 0.2
+  $lightness: -10%
 );
+$-hover-background-color: map.get(SRC.$primary-color-palette, 100);
 $-tree-only-width: 600px;
 $-splitter-width: 12px;
 

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;
 
@@ -25,10 +21,7 @@
     }
   }
 
-  .Node.BrowseNode[aria-disabled='false'][aria-selected='true']
-    > .NodeContent
-    > .EntityName
-    > span {
+  .Node.BrowseNode[aria-disabled='false'][aria-selected='true'] > .EntityName {
     font-weight: bold;
   }
 }

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

@@ -13,37 +13,27 @@
   .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);
-        }
-      }
-      > .NodeContent:hover {
+      background: $-selected-background-color;
+      &: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/components/query_filter/_enum-facet-filter.scss

@@ -1,5 +1,6 @@
 @use '../../abstracts/variables' as SRC;
 @use 'sass:color';
+@use '../../../template_style/form' as Form;
 
 .EnumFacetFilter {
   $input-icon-margin: 5px;
@@ -93,13 +94,15 @@
     right: $input-icon-margin;
   }
 
+  @include Form.customCheckbox($checkbox-top-offset: 3px);
+
   &__checkbox {
     > label {
       display: flex;
       flex-wrap: nowrap;
       &::before {
         flex: none;
-        align-self: center;
+        align-self: start;
       }
 
       > span {