synapse-react-client 3.0.33 → 3.0.36

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

@@ -3376,19 +3376,6 @@ a > .bootstrap-4-backport code {
 .bootstrap-4-backport .dropdown-toggle {
   white-space: nowrap;
 }
-.bootstrap-4-backport .dropdown-toggle::after {
-  display: inline-block;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0.3em solid;
-  border-right: 0.3em solid transparent;
-  border-bottom: 0;
-  border-left: 0.3em solid transparent;
-}
-.bootstrap-4-backport .dropdown-toggle:empty::after {
-  margin-left: 0;
-}
 .bootstrap-4-backport .dropdown-menu {
   position: absolute;
   top: 100%;
@@ -3462,19 +3449,6 @@ a > .bootstrap-4-backport code {
   margin-top: 0;
   margin-bottom: 0.125rem;
 }
-.bootstrap-4-backport .dropup .dropdown-toggle::after {
-  display: inline-block;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0;
-  border-right: 0.3em solid transparent;
-  border-bottom: 0.3em solid;
-  border-left: 0.3em solid transparent;
-}
-.bootstrap-4-backport .dropup .dropdown-toggle:empty::after {
-  margin-left: 0;
-}
 .bootstrap-4-backport .dropright .dropdown-menu {
   top: 0;
   right: auto;
@@ -3482,19 +3456,6 @@ a > .bootstrap-4-backport code {
   margin-top: 0;
   margin-left: 0.125rem;
 }
-.bootstrap-4-backport .dropright .dropdown-toggle::after {
-  display: inline-block;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0.3em solid transparent;
-  border-right: 0;
-  border-bottom: 0.3em solid transparent;
-  border-left: 0.3em solid;
-}
-.bootstrap-4-backport .dropright .dropdown-toggle:empty::after {
-  margin-left: 0;
-}
 .bootstrap-4-backport .dropright .dropdown-toggle::after {
   vertical-align: 0;
 }
@@ -3505,27 +3466,6 @@ a > .bootstrap-4-backport code {
   margin-top: 0;
   margin-right: 0.125rem;
 }
-.bootstrap-4-backport .dropleft .dropdown-toggle::after {
-  display: inline-block;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-}
-.bootstrap-4-backport .dropleft .dropdown-toggle::after {
-  display: none;
-}
-.bootstrap-4-backport .dropleft .dropdown-toggle::before {
-  display: inline-block;
-  margin-right: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0.3em solid transparent;
-  border-right: 0.3em solid;
-  border-bottom: 0.3em solid transparent;
-}
-.bootstrap-4-backport .dropleft .dropdown-toggle:empty::after {
-  margin-left: 0;
-}
 .bootstrap-4-backport .dropleft .dropdown-toggle::before {
   vertical-align: 0;
 }
@@ -11286,8 +11226,11 @@ a.bootstrap-4-backport .badge-dark.focus {
 .bootstrap-4-backport button.dropdown-toggle.btn:hover {
   box-shadow: 0 3px 10px rgba(93, 105, 171, 0.1);
 }
-.bootstrap-4-backport button.dropdown-toggle.btn::after {
-  font-size: 18px;
+.bootstrap-4-backport .dropdown-toggle::after {
+  margin-left: 0.8em;
+  content: "\203a";
+  transform: rotate(90deg) scaleX(1.33);
+  font-weight: 500;
 }
 .bootstrap-4-backport .dropdown-toggle.secondary-caret::after {
   color: #469285;
@@ -15290,6 +15233,10 @@ svg.SRC-hoverBox:hover:after {
 .table .SRC-primary-background-color-hover[aria-expanded=true] path {
   fill: #fff;
 }
+.SRC-grey-background-hover:hover,
+.SRC-grey-background-hover[aria-expanded=true] {
+  background-color: #dfe2e6;
+}
 .SRC-facets {
   padding: 4px 12px;
   border-radius: 20px;
@@ -15645,7 +15592,6 @@ div.SRC-logo-cursor * {
   height: fit-content;
   width: fit-content;
   cursor: pointer;
-  color: rgb(64, 123, 160);
 }
 .SRC-userImgSmall,
 .SRC-userImgSmall.MuiSkeleton-circle {
@@ -16167,7 +16113,7 @@ hr ~ .SRC-wrapper .SRC-marginTopMinusTen {
 .SignInButton {
   padding: 0px;
 }
-#addAndRemoveColumns ~ div.dropdown-menu {
+#addAndRemoveColumns-dropdown.dropdown-menu {
   max-height: 300px;
   overflow: auto;
 }
@@ -18156,8 +18102,7 @@ svg.HelpButton {
   border-radius: 2px;
 }
 .QueryFilter {
-  padding: 2rem;
-  background-color: rgba(64, 123, 160, 0.05);
+  padding-top: 18px;
 }
 .QueryFilter__title {
   font-weight: bold;
@@ -18702,6 +18647,7 @@ svg.HelpButton {
   border-radius: 2px;
   white-space: nowrap;
   height: fit-content;
+  margin-top: 8px;
 }
 .SelectionCriteriaPill {
   padding: 3px 10px;
@@ -18728,35 +18674,6 @@ svg.HelpButton {
 .SelectionCriteriaPill__btnRemove svg {
   font-size: 1.25rem;
 }
-.notch-down {
-  position: relative;
-}
-.notch-down:after,
-.notch-down::after {
-  position: absolute;
-  left: 2.4rem;
-  bottom: -10px;
-  content: "";
-  width: 0;
-  height: 0;
-  border-top: solid 10px;
-  border-top-color: #f9f9f9;
-  border-left: solid 10px transparent;
-  border-right: solid 10px transparent;
-}
-.notch-down:before,
-.notch-down::before {
-  position: absolute;
-  left: calc(2.4rem - 2px);
-  bottom: -12px;
-  content: "";
-  width: 0;
-  height: 0;
-  border-top: solid 12px;
-  border-top-color: inherit;
-  border-left: solid 12px transparent;
-  border-right: solid 12px transparent;
-}
 .page-progress button,
 .page-progress button:active,
 .page-progress button:focus,
@@ -18932,71 +18849,41 @@ svg.HelpButton {
 @media (min-width: 768px) {
   .QueryWrapperPlotNav .SRC-wrapper {
     display: grid;
-    grid-template-columns: 25% 10px 75%;
-    padding-right: 15px;
+    grid-template-columns: 25% 75%;
   }
   .QueryWrapperPlotNav .SRC-wrapper > * {
-    grid-column: 1/span 3;
+    grid-column: 1/span 2;
   }
   .QueryWrapperPlotNav .SRC-wrapper.has-facets {
-    padding-right: 120px;
-    grid-template-columns: 60px 10px 25% 10px 75%;
+    grid-template-columns: 25% 75%;
   }
   .QueryWrapperPlotNav .SRC-wrapper.has-facets > * {
-    grid-column: 3/span 3;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .download-confirmation,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .TotalQueryResults,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .FacetNav,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .FilterAndView,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .TopLevelControls,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .QueryWrapperSearchInput,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .QueryWrapperSqlEditorInput,
-  .QueryWrapperPlotNav .SRC-wrapper.has-facets .ErrorBannerWrapper {
-    margin-left: 30px;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton {
-    position: relative;
-    left: -23px;
-    top: 20px;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton button.btn.btn-outline-primary {
-    border-radius: 50% !important;
-    background-color: white;
-    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
-    border: none;
-    width: 45px;
-    height: 45px;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton button.btn.btn-outline-primary:hover {
-    background-color: rgb(64, 123, 160);
+    grid-column: 1/span 2;
   }
   .QueryWrapperPlotNav .SRC-wrapper .QueryFilter {
-    grid-row: 1/span 100;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton {
-    grid-row: 1/span 1;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton svg {
-    margin-bottom: 2px;
+    grid-row: 3/span 100;
   }
   .QueryWrapperPlotNav .SRC-wrapper .TopLevelControls {
     grid-row: 1/span 1;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .download-confirmation {
+  .QueryWrapperPlotNav .SRC-wrapper .TotalQueryResults {
     grid-row: 2/span 1;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput {
+  .QueryWrapperPlotNav .SRC-wrapper .download-confirmation {
     grid-row: 3/span 1;
-    margin-bottom: 10px;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput {
+  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput {
     grid-row: 4/span 1;
-    margin-bottom: 10px;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .TotalQueryResults {
+  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput .MuiCollapse-entered {
+    margin: 5px 0px;
+  }
+  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput {
     grid-row: 5/span 1;
   }
+  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput .MuiCollapse-entered {
+    margin: 5px 0px;
+  }
   .QueryWrapperPlotNav .SRC-wrapper .ErrorBannerWrapper {
     grid-row: 6/span 1;
   }
@@ -19007,23 +18894,19 @@ svg.HelpButton {
     grid-row: 8/span 1;
   }
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryFilter {
-    grid-column: 1/span 3;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryFilterToggleButton {
-    grid-column: 4/span 1;
-  }
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryFilterToggleButton svg {
-    margin-left: 2px;
+    grid-column: 1/span 1;
   }
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.download-confirmation,
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FacetNav,
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TotalQueryResults,
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FilterAndView,
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TopLevelControls,
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryWrapperSearchInput,
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryWrapperSqlEditorInput,
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.ErrorBannerWrapper {
-    grid-column: 5/span 1;
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.ErrorBannerWrapper,
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FilterAndView {
+    grid-column: 2/span 1;
+  }
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TopLevelControls,
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TotalQueryResults {
+    grid-column: 1/span 2;
   }
   .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter {
     grid-column: 1/span 1;
@@ -19031,14 +18914,19 @@ svg.HelpButton {
   .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter > * {
     display: none;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilterToggleButton {
-    grid-column: 2/span 1;
+  .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FilterAndView {
+    margin-top: 10px;
   }
 }
-@media (max-width: 768px) {
-  .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton {
-    display: none;
-  }
+.QueryWrapperPlotNav .SRC-wrapper > .QueryFilter,
+.QueryWrapperPlotNav .SRC-wrapper > .download-confirmation,
+.QueryWrapperPlotNav .SRC-wrapper > .FacetNav,
+.QueryWrapperPlotNav .SRC-wrapper > .TotalQueryResults,
+.QueryWrapperPlotNav .SRC-wrapper > .QueryWrapperSearchInput,
+.QueryWrapperPlotNav .SRC-wrapper > .QueryWrapperSqlEditorInput,
+.QueryWrapperPlotNav .SRC-wrapper > .ErrorBannerWrapper,
+.QueryWrapperPlotNav .SRC-wrapper > .FilterAndView {
+  margin-left: 15px;
 }
 .QueryWrapperPlotNav .QueryWrapperTextInput {
   z-index: 600;
@@ -19061,15 +18949,15 @@ svg.HelpButton {
   text-align: center;
 }
 .TopLevelControls {
-  padding-top: 20px;
-  padding-bottom: 10px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  margin-bottom: 15px;
+  background-color: rgba(64, 123, 160, 0.05);
 }
-.TopLevelControls h3 {
+.TopLevelControls > * {
   display: flex;
   justify-content: space-between;
   font-weight: bold;
+  margin: 0px 0px 0px 15px;
+}
+.TopLevelControls > * p {
   margin-top: 0px;
 }
 .TopLevelControls__showhidefacetfilters {
@@ -19079,6 +18967,22 @@ svg.HelpButton {
   display: inline-flex;
   align-items: center;
 }
+.TopLevelControls__querycount__facetFilterLink {
+  height: 100%;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: stretch;
+  margin-left: 15px;
+  font-weight: 400 !important;
+}
+.TopLevelControls__querycount__facetFilterLink__text {
+  margin-top: 4px;
+}
+.TopLevelControls__querycount__facetFilterLink svg {
+  margin-right: 7px;
+  margin-top: 8px;
+}
 .TopLevelControls__actions {
   display: inline-flex;
   align-items: center;
@@ -19241,10 +19145,6 @@ svg.HelpButton {
 .ElementWithTooltip svg path {
   fill: rgb(64, 123, 160);
 }
-.ElementWithTooltip:hover svg,
-.ElementWithTooltip:hover path {
-  fill: #fff;
-}
 .ElementWithTooltip.dark-theme svg {
   fill: rgb(64, 123, 160);
   color: rgb(64, 123, 160) !important;
@@ -19254,17 +19154,6 @@ svg.HelpButton {
 .ElementWithTooltip.dark-theme svg path {
   fill: rgb(64, 123, 160);
 }
-.ElementWithTooltip.dark-theme:hover svg,
-.ElementWithTooltip.dark-theme:hover path {
-  fill: #fff;
-}
-.show .ElementWithTooltip.dark-theme svg {
-  fill: rgb(64, 123, 160);
-  color: white !important;
-}
-.show .ElementWithTooltip.dark-theme svg path {
-  fill: white;
-}
 button.ElementWithTooltip:active:focus,
 button.ElementWithTooltip:focus {
   outline: none;
@@ -19280,19 +19169,6 @@ button.ElementWithTooltip:focus {
   box-shadow: none;
   border-radius: 2px;
 }
-.show button svg .SRC-primary-fill-color,
-button:hover .SRC-primary-fill-color {
-  fill: white;
-}
-.show button svg .SRC-primary-stroke-color,
-button:hover .SRC-primary-stroke-color {
-  fill: rgb(64, 123, 160) !important;
-  stroke: white !important;
-}
-button:hover .SRC-column-light-theme .SRC-light-column {
-  fill: rgb(64, 123, 160) !important;
-  stroke: white !important;
-}
 .page-progress button,
 .page-progress button:active,
 .page-progress button:focus,
@@ -22511,9 +22387,6 @@ input[type=radio] + span {
 .TreeView .Header button.btn {
   padding: 5px 10px;
 }
-.TreeView .Header button.btn::after {
-  margin-left: 7px;
-}
 .TreeView .Placeholder {
   display: flex;
   justify-content: center;
@@ -22626,10 +22499,11 @@ input[type=radio] + span {
 }
 .TreeView.BrowseTree .Node.BrowseNode {
   grid-template-columns: [toggle] 20px [name] auto;
+  gap: 2px;
   padding: 0px 10px;
 }
 .TreeView.BrowseTree .Node.BrowseNode .ExpandButton {
-  font-size: 18px;
+  font-size: 20px;
 }
 .TreeView.BrowseTree .Node[aria-disabled=false][aria-selected=false] > .EntityName {
   color: rgb(64, 123, 160);