synapse-react-client 2.1.22 → 2.1.23

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

@@ -21032,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;
 }
@@ -21207,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;
 }
 
@@ -21372,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

@@ -21035,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;
 }
@@ -21187,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,
@@ -21333,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,