synapse-react-client 3.0.32 → 3.0.35

package/dist/style/main.css

@@ -2555,19 +2555,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%;
@@ -2641,19 +2628,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;
@@ -2661,19 +2635,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;
 }
@@ -2684,27 +2645,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;
 }
@@ -4953,13 +4893,13 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
-  padding: 0.75rem;
+  padding: 1rem;
   border-top: 1px solid #dee2e6;
   border-bottom-right-radius: calc(0.3rem - 1px);
   border-bottom-left-radius: calc(0.3rem - 1px);
 }
 .bootstrap-4-backport .modal-footer > * {
-  margin: 0.25rem;
+  margin: 0rem;
 }
 .bootstrap-4-backport .modal-scrollbar-measure {
   position: absolute;
@@ -10039,8 +9979,11 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
 .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: "›";
+  transform: rotate(90deg) scaleX(1.33);
+  font-weight: 500;
 }
 .bootstrap-4-backport .dropdown-toggle.secondary-caret::after {
   color: #469285;
@@ -14835,7 +14778,6 @@ div.SRC-logo-cursor * {
   height: fit-content;
   width: fit-content;
   cursor: pointer;
-  color: rgb(64, 123, 160);
 }
 
 .SRC-userImgSmall,
@@ -15440,7 +15382,7 @@ hr ~ .SRC-wrapper .SRC-marginTopMinusTen {
   padding: 0px;
 }
 
-#addAndRemoveColumns ~ div.dropdown-menu {
+#addAndRemoveColumns-dropdown.dropdown-menu {
   max-height: 300px;
   overflow: auto;
 }
@@ -20252,6 +20194,8 @@ input[type=radio] + span {
   border-bottom-right-radius: 0px;
   border-right: none;
   align-self: center;
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 .SRC-copyToClipboardInputContainer button.SRC-copyToClipboardButton {
   padding: 5px 10px;
@@ -21968,9 +21912,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;
@@ -22106,10 +22047,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);
@@ -23931,6 +23873,9 @@ input[type=radio] + span {
   align-items: center;
   padding: 15px 20px;
 }
+.DatasetEditor .DatasetEditorTopBottomPanel .alert {
+  margin-bottom: 0;
+}
 .DatasetEditor .DatasetEditorTopBottomPanel .ItemCount {
   margin-right: auto;
 }
@@ -24079,7 +24024,7 @@ input[type=radio] + span {
   flex-direction: column;
 }
 .DatasetEditor .NoItemsPlaceholder .AddItemsButton {
-  width: 150px;
+  min-width: 150px;
 }
 .DatasetEditor .NoItemsPlaceholder .AddItemsButton span {
   margin: 5px;
@@ -24629,4 +24574,107 @@ input[type=radio] + span {
   gap: 10px;
 }
 
+.terms-conditions .view-terms a,
+.terms-conditions .view-terms a:active:focus, .page-progress button,
+.page-progress button:active,
+.page-progress button:focus,
+.page-progress button:active:focus {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+  border-radius: 2px;
+}
+
+.OAuthDialog .row {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.OAuthDialog .form-group.required .form-label:after {
+  content: "*";
+  margin-left: 2px;
+  top: 0px;
+}
+.OAuthDialog .form-control {
+  width: 90%;
+  display: inline-block;
+  margin-bottom: 8px;
+}
+.OAuthDialog .danger {
+  background-color: rgba(178, 36, 42, 0.03);
+  padding: 8px;
+}
+.OAuthDialog .danger label {
+  color: #f44336;
+}
+.OAuthDialog .danger .delete-button {
+  color: #f44336;
+  padding: 0;
+}
+
+.terms-conditions .view-terms a,
+.terms-conditions .view-terms a:active:focus, .page-progress button,
+.page-progress button:active,
+.page-progress button:focus,
+.page-progress button:active:focus {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+  border-radius: 2px;
+}
+
+.react-flow__attribution a {
+  color: #dfe2e6 !important;
+  text-decoration-color: #dfe2e6 !important;
+}
+.react-flow__node {
+  cursor: default !important;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.react-flow__node:hover {
+  cursor: default;
+}
+.react-flow__node.ExternalNode, .react-flow__node.EntityNode, .react-flow__node.ExpandNode, .react-flow__node.EntityPlaceholderNode {
+  overflow: hidden;
+  border: none;
+  box-shadow: none !important;
+  background: none !important;
+}
+.react-flow__node.ExpandNode a {
+  text-decoration: none !important;
+}
+.react-flow__node.EntityPlaceholderNode svg {
+  color: #dfe2e6;
+}
+.react-flow__node.UndefinedNode .description {
+  display: inline;
+  margin-right: 10px;
+}
+.react-flow__node.UndefinedNode .markdown {
+  text-align: left;
+  white-space: normal;
+}
+.react-flow__node.ActivityNode {
+  overflow: hidden;
+}
+.react-flow__node.ActivityNode .name,
+.react-flow__node.ActivityNode .description {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.react-flow__node.ActivityNode .name {
+  font-size: 15px;
+}
+.react-flow__node.ActivityNode .description {
+  font-size: 12px;
+}
+.react-flow__node.ExpandNode a {
+  padding: 5px 10px;
+  border: 1px solid #1a192b;
+  border-radius: 3px;
+}
+.react-flow__handle {
+  height: 0px !important;
+}
+
 /*# sourceMappingURL=main.css.map */

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;
 }
@@ -5840,13 +5780,13 @@ a.bootstrap-4-backport .badge-dark.focus {
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
-  padding: 0.75rem;
+  padding: 1rem;
   border-top: 1px solid #dee2e6;
   border-bottom-right-radius: calc(0.3rem - 1px);
   border-bottom-left-radius: calc(0.3rem - 1px);
 }
 .bootstrap-4-backport .modal-footer > * {
-  margin: 0.25rem;
+  margin: 0rem;
 }
 .bootstrap-4-backport .modal-scrollbar-measure {
   position: absolute;
@@ -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;
@@ -15645,7 +15588,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 +16109,7 @@ hr ~ .SRC-wrapper .SRC-marginTopMinusTen {
 .SignInButton {
   padding: 0px;
 }
-#addAndRemoveColumns ~ div.dropdown-menu {
+#addAndRemoveColumns-dropdown.dropdown-menu {
   max-height: 300px;
   overflow: auto;
 }
@@ -20871,6 +20813,8 @@ input[type=radio] + span {
   border-bottom-right-radius: 0px;
   border-right: none;
   align-self: center;
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 .SRC-copyToClipboardInputContainer button.SRC-copyToClipboardButton {
   padding: 5px 10px;
@@ -22509,9 +22453,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;
@@ -22624,10 +22565,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);
@@ -24316,6 +24258,9 @@ input[type=radio] + span {
   align-items: center;
   padding: 15px 20px;
 }
+.DatasetEditor .DatasetEditorTopBottomPanel .alert {
+  margin-bottom: 0;
+}
 .DatasetEditor .DatasetEditorTopBottomPanel .ItemCount {
   margin-right: auto;
 }
@@ -24464,7 +24409,7 @@ input[type=radio] + span {
   flex-direction: column;
 }
 .DatasetEditor .NoItemsPlaceholder .AddItemsButton {
-  width: 150px;
+  min-width: 150px;
 }
 .DatasetEditor .NoItemsPlaceholder .AddItemsButton span {
   margin: 5px;
@@ -25009,6 +24954,110 @@ input[type=radio] + span {
   justify-content: flex-start;
   gap: 10px;
 }
+.terms-conditions .view-terms a,
+.terms-conditions .view-terms a:active:focus,
+.page-progress button,
+.page-progress button:active,
+.page-progress button:focus,
+.page-progress button:active:focus {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+  border-radius: 2px;
+}
+.OAuthDialog .row {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.OAuthDialog .form-group.required .form-label:after {
+  content: "*";
+  margin-left: 2px;
+  top: 0px;
+}
+.OAuthDialog .form-control {
+  width: 90%;
+  display: inline-block;
+  margin-bottom: 8px;
+}
+.OAuthDialog .danger {
+  background-color: rgba(178, 36, 42, 0.03);
+  padding: 8px;
+}
+.OAuthDialog .danger label {
+  color: #f44336;
+}
+.OAuthDialog .danger .delete-button {
+  color: #f44336;
+  padding: 0;
+}
+.terms-conditions .view-terms a,
+.terms-conditions .view-terms a:active:focus,
+.page-progress button,
+.page-progress button:active,
+.page-progress button:focus,
+.page-progress button:active:focus {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+  border-radius: 2px;
+}
+.react-flow__attribution a {
+  color: #dfe2e6 !important;
+  text-decoration-color: #dfe2e6 !important;
+}
+.react-flow__node {
+  cursor: default !important;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.react-flow__node:hover {
+  cursor: default;
+}
+.react-flow__node.ExternalNode,
+.react-flow__node.EntityNode,
+.react-flow__node.ExpandNode,
+.react-flow__node.EntityPlaceholderNode {
+  overflow: hidden;
+  border: none;
+  box-shadow: none !important;
+  background: none !important;
+}
+.react-flow__node.ExpandNode a {
+  text-decoration: none !important;
+}
+.react-flow__node.EntityPlaceholderNode svg {
+  color: #dfe2e6;
+}
+.react-flow__node.UndefinedNode .description {
+  display: inline;
+  margin-right: 10px;
+}
+.react-flow__node.UndefinedNode .markdown {
+  text-align: left;
+  white-space: normal;
+}
+.react-flow__node.ActivityNode {
+  overflow: hidden;
+}
+.react-flow__node.ActivityNode .name,
+.react-flow__node.ActivityNode .description {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.react-flow__node.ActivityNode .name {
+  font-size: 15px;
+}
+.react-flow__node.ActivityNode .description {
+  font-size: 12px;
+}
+.react-flow__node.ExpandNode a {
+  padding: 5px 10px;
+  border: 1px solid #1a192b;
+  border-radius: 3px;
+}
+.react-flow__handle {
+  height: 0px !important;
+}
 /*!
  * https://github.com/arqex/react-datetime
  */