synapse-react-client 2.0.44 → 2.0.45

package/dist/style/main.css

@@ -9967,15 +9967,15 @@ textarea {
 }
 
 .animate__animated.animate__repeat-2 {
-  -webkit-animation-iteration-count: calc(1 * 2);
-  animation-iteration-count: calc(1 * 2);
+  -webkit-animation-iteration-count: 2;
+  animation-iteration-count: 2;
   -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
   animation-iteration-count: calc(var(--animate-repeat) * 2);
 }
 
 .animate__animated.animate__repeat-3 {
-  -webkit-animation-iteration-count: calc(1 * 3);
-  animation-iteration-count: calc(1 * 3);
+  -webkit-animation-iteration-count: 3;
+  animation-iteration-count: 3;
   -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
   animation-iteration-count: calc(var(--animate-repeat) * 3);
 }
@@ -9988,57 +9988,57 @@ textarea {
 }
 
 .animate__animated.animate__delay-2s {
-  -webkit-animation-delay: calc(1s * 2);
-  animation-delay: calc(1s * 2);
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
   -webkit-animation-delay: calc(var(--animate-delay) * 2);
   animation-delay: calc(var(--animate-delay) * 2);
 }
 
 .animate__animated.animate__delay-3s {
-  -webkit-animation-delay: calc(1s * 3);
-  animation-delay: calc(1s * 3);
+  -webkit-animation-delay: 3s;
+  animation-delay: 3s;
   -webkit-animation-delay: calc(var(--animate-delay) * 3);
   animation-delay: calc(var(--animate-delay) * 3);
 }
 
 .animate__animated.animate__delay-4s {
-  -webkit-animation-delay: calc(1s * 4);
-  animation-delay: calc(1s * 4);
+  -webkit-animation-delay: 4s;
+  animation-delay: 4s;
   -webkit-animation-delay: calc(var(--animate-delay) * 4);
   animation-delay: calc(var(--animate-delay) * 4);
 }
 
 .animate__animated.animate__delay-5s {
-  -webkit-animation-delay: calc(1s * 5);
-  animation-delay: calc(1s * 5);
+  -webkit-animation-delay: 5s;
+  animation-delay: 5s;
   -webkit-animation-delay: calc(var(--animate-delay) * 5);
   animation-delay: calc(var(--animate-delay) * 5);
 }
 
 .animate__animated.animate__faster {
-  -webkit-animation-duration: calc(1s / 2);
-  animation-duration: calc(1s / 2);
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
   -webkit-animation-duration: calc(var(--animate-duration) / 2);
   animation-duration: calc(var(--animate-duration) / 2);
 }
 
 .animate__animated.animate__fast {
-  -webkit-animation-duration: calc(1s * 0.8);
-  animation-duration: calc(1s * 0.8);
+  -webkit-animation-duration: 0.8s;
+  animation-duration: 0.8s;
   -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
   animation-duration: calc(var(--animate-duration) * 0.8);
 }
 
 .animate__animated.animate__slow {
-  -webkit-animation-duration: calc(1s * 2);
-  animation-duration: calc(1s * 2);
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
   -webkit-animation-duration: calc(var(--animate-duration) * 2);
   animation-duration: calc(var(--animate-duration) * 2);
 }
 
 .animate__animated.animate__slower {
-  -webkit-animation-duration: calc(1s * 3);
-  animation-duration: calc(1s * 3);
+  -webkit-animation-duration: 3s;
+  animation-duration: 3s;
   -webkit-animation-duration: calc(var(--animate-duration) * 3);
   animation-duration: calc(var(--animate-duration) * 3);
 }
@@ -10660,8 +10660,8 @@ textarea {
 .animate__heartBeat {
   -webkit-animation-name: heartBeat;
   animation-name: heartBeat;
-  -webkit-animation-duration: calc(1s * 1.3);
-  animation-duration: calc(1s * 1.3);
+  -webkit-animation-duration: 1.3s;
+  animation-duration: 1.3s;
   -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
   animation-duration: calc(var(--animate-duration) * 1.3);
   -webkit-animation-timing-function: ease-in-out;
@@ -11050,8 +11050,8 @@ textarea {
   }
 }
 .animate__bounceIn {
-  -webkit-animation-duration: calc(1s * 0.75);
-  animation-duration: calc(1s * 0.75);
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-animation-name: bounceIn;
@@ -11336,8 +11336,8 @@ textarea {
   }
 }
 .animate__bounceOut {
-  -webkit-animation-duration: calc(1s * 0.75);
-  animation-duration: calc(1s * 0.75);
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-animation-name: bounceOut;
@@ -12415,8 +12415,8 @@ textarea {
   }
 }
 .animate__flipOutX {
-  -webkit-animation-duration: calc(1s * 0.75);
-  animation-duration: calc(1s * 0.75);
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-animation-name: flipOutX;
@@ -12458,8 +12458,8 @@ textarea {
   }
 }
 .animate__flipOutY {
-  -webkit-animation-duration: calc(1s * 0.75);
-  animation-duration: calc(1s * 0.75);
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-backface-visibility: visible !important;
@@ -12959,8 +12959,8 @@ textarea {
   }
 }
 .animate__hinge {
-  -webkit-animation-duration: calc(1s * 2);
-  animation-duration: calc(1s * 2);
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
   -webkit-animation-duration: calc(var(--animate-duration) * 2);
   animation-duration: calc(var(--animate-duration) * 2);
   -webkit-animation-name: hinge;
@@ -19689,79 +19689,245 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   @param $color string e.g. #eee or red
   @param $width unit e.g. 15%
  */
-.DetailsViewReflexElement .EntityFinderDetailsView {
-  height: 460px;
-  border-bottom: 1px solid #dcdcdc;
+.DetailsViewTable {
+  box-shadow: 0 2px 4px 0 #eeeeee;
+  background-color: #ffffff;
+  position: relative;
+  box-sizing: border-box;
+  font-size: 14px;
 }
-
-.EntityFinderDetailsView {
-  height: 500px;
-  width: 100%;
-  overflow: auto;
-  background-color: #fcfcfc;
+.DetailsViewTable--disabled {
+  opacity: 0.7;
+  pointer-events: none;
 }
-.EntityFinderDetailsView table {
-  width: 100%;
-  table-layout: fixed;
-  position: relative;
-  border-collapse: collapse;
+.DetailsViewTable--dynamic .DetailsViewTable__row {
+  overflow: hidden;
+  align-items: stretch;
 }
-.EntityFinderDetailsView table thead {
-  border-bottom: 1px solid #dcdcdc;
-  border-top: 1px solid white;
-  display: contents;
+.DetailsViewTable:not(.DetailsViewTable--dynamic) .DetailsViewTable__row-cell-text,
+.DetailsViewTable .DetailsViewTable__row--frozen .DetailsViewTable__row-cell-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.EntityFinderDetailsView table thead th {
-  height: 45px;
-  font-weight: bold;
+.DetailsViewTable__table {
+  background-color: #ffffff;
+  position: absolute;
+  top: 0;
+  display: flex;
+  flex-direction: column-reverse;
+}
+.DetailsViewTable__table-main {
+  outline: 1px solid #eeeeee;
+  left: 0;
+}
+.DetailsViewTable__table-main .DetailsViewTable__header-cell:first-child, .DetailsViewTable__table-main .DetailsViewTable__row-cell:first-child {
+  padding-left: 15px;
+}
+.DetailsViewTable__table-main .DetailsViewTable__header-cell:last-child, .DetailsViewTable__table-main .DetailsViewTable__row-cell:last-child {
+  padding-right: 15px;
+}
+.DetailsViewTable__table-main .DetailsViewTable__header {
   background-color: white;
-  box-shadow: 3px 3px 7px -1px rgba(0, 0, 30, 0.2);
-  position: sticky;
+}
+.DetailsViewTable__table-frozen-left .DetailsViewTable__header,
+.DetailsViewTable__table-frozen-left .DetailsViewTable__body, .DetailsViewTable__table-frozen-right .DetailsViewTable__header,
+.DetailsViewTable__table-frozen-right .DetailsViewTable__body {
+  overflow: hidden !important;
+}
+.DetailsViewTable__table-frozen-left {
+  box-shadow: 2px 0 4px 0 #eeeeee;
   top: 0;
-  z-index: 2;
+  left: 0;
+}
+.DetailsViewTable__table-frozen-left .DetailsViewTable__header-cell:first-child, .DetailsViewTable__table-frozen-left .DetailsViewTable__row-cell:first-child {
+  padding-left: 15px;
+}
+.DetailsViewTable__table-frozen-left .DetailsViewTable__header-row,
+.DetailsViewTable__table-frozen-left .DetailsViewTable__row {
+  padding-right: 0 !important;
+}
+.DetailsViewTable__table-frozen-left .DetailsViewTable__body {
+  overflow-y: auto !important;
+}
+.DetailsViewTable__table-frozen-right {
+  box-shadow: -2px 0 4px 0 #eeeeee;
+  top: 0;
+  right: 0;
+}
+.DetailsViewTable__table-frozen-right .DetailsViewTable__header-cell:last-child, .DetailsViewTable__table-frozen-right .DetailsViewTable__row-cell:last-child {
+  padding-right: 15px;
 }
-.EntityFinderDetailsView table thead th > div {
+.DetailsViewTable__table-frozen-right .DetailsViewTable__header-row,
+.DetailsViewTable__table-frozen-right .DetailsViewTable__row {
+  padding-left: 0 !important;
+}
+.DetailsViewTable__table-frozen-right .DetailsViewTable__body {
+  overflow-y: auto !important;
+}
+.DetailsViewTable__header {
+  overflow: hidden !important;
+}
+.DetailsViewTable .DetailsViewTable__header,
+.DetailsViewTable .DetailsViewTable__body {
+  outline: none;
+}
+.DetailsViewTable__header-row, .DetailsViewTable__row {
   display: flex;
-  justify-content: space-between;
-  margin: 5px;
+  align-items: center;
+  border-bottom: 1px solid #eeeeee;
+  box-sizing: border-box;
 }
-.EntityFinderDetailsView table thead.Inactive {
-  opacity: 50%;
+.DetailsViewTable__header-row {
+  background-color: white;
+  font-weight: 700;
 }
-.EntityFinderDetailsView table td > div {
-  margin: 5px;
+.DetailsViewTable__row {
+  background-color: #ffffff;
 }
-.EntityFinderDetailsView__Row {
-  height: 45px;
-  transition: background-color 200ms ease-in;
+.DetailsViewTable__row:hover, .DetailsViewTable__row--hovered {
+  background-color: unset;
 }
-.EntityFinderDetailsView__Row:nth-child(even) {
-  background: #f9f9f9;
+.DetailsViewTable__row-expanded {
+  border-bottom: 1px solid #eeeeee;
 }
-.EntityFinderDetailsView__Row[aria-disabled=false][aria-selected=false]:hover {
-  background-color: rgba(8, 136, 216, 0.2);
+.DetailsViewTable__header-cell, .DetailsViewTable__row-cell {
+  min-width: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 7.5px;
+  box-sizing: border-box;
 }
-.EntityFinderDetailsView__Row[aria-disabled=false][aria-selected=true]:hover {
-  background-color: #0778bf;
+.DetailsViewTable__header-cell--align-center, .DetailsViewTable__row-cell--align-center {
+  justify-content: center;
+  text-align: center;
 }
-.EntityFinderDetailsView__Row[aria-selected=true] {
-  color: white;
-  background-color: #0888d8;
+.DetailsViewTable__header-cell--align-right, .DetailsViewTable__row-cell--align-right {
+  justify-content: flex-end;
+  text-align: right;
 }
-.EntityFinderDetailsView__Row[aria-selected=true] .UserCardSmall {
-  color: white !important;
-  border-color: white !important;
+.DetailsViewTable__header-cell {
+  position: relative;
+  cursor: default;
 }
-.EntityFinderDetailsView__Row[aria-disabled=true] {
+.DetailsViewTable__header-cell:hover .DetailsViewTable__column-resizer {
+  visibility: visible;
   opacity: 0.5;
 }
-.EntityFinderDetailsView__Row[aria-disabled=false] {
+.DetailsViewTable__header-cell:hover .DetailsViewTable__column-resizer:hover {
+  opacity: 1;
+}
+.DetailsViewTable__header-cell .DetailsViewTable__sort-indicator {
+  display: none;
+}
+.DetailsViewTable__header-cell--sortable:hover {
+  background-color: #f3f3f3;
   cursor: pointer;
 }
-.EntityFinderDetailsView__Row[aria-hidden=true] {
+.DetailsViewTable__header-cell--sortable:not(.DetailsViewTable__header-cell--sorting):hover .DetailsViewTable__sort-indicator {
+  display: block;
+  color: #888888;
+}
+.DetailsViewTable__header-cell--sorting .DetailsViewTable__sort-indicator, .DetailsViewTable__header-cell--sorting:hover .DetailsViewTable__sort-indicator {
+  display: block;
+}
+.DetailsViewTable__header-cell--resizing .DetailsViewTable__column-resizer {
+  visibility: visible;
+  opacity: 1;
+}
+.DetailsViewTable__header-cell--resizing .DetailsViewTable__column-resizer::after {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+  content: "";
+  left: -9999px;
+}
+.DetailsViewTable__header-cell-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+}
+.DetailsViewTable__header-row--resizing .DetailsViewTable__header-cell {
+  background-color: transparent;
+  cursor: col-resize;
+}
+.DetailsViewTable__header-row--resizing .DetailsViewTable__header-cell:not(.DetailsViewTable__header-cell--sorting) .DetailsViewTable__sort-indicator {
   display: none;
 }
-.EntityFinderDetailsView__Placeholder {
+.DetailsViewTable__header-row--resizing .DetailsViewTable__header-cell:not(.DetailsViewTable__header-cell--resizing) .DetailsViewTable__column-resizer {
+  visibility: hidden;
+}
+.DetailsViewTable__column-resizer {
+  width: 3px;
+  visibility: hidden;
+  background-color: #cccccc;
+}
+.DetailsViewTable__column-resizer:hover {
+  visibility: visible;
+  opacity: 1;
+}
+.DetailsViewTable__footer {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  background-color: #ffffff;
+}
+.DetailsViewTable__resizing-line {
+  cursor: col-resize;
+  position: absolute;
+  top: 0;
+  background-color: #cccccc;
+  width: 3px;
+  transform: translateX(-100%);
+}
+.DetailsViewTable__empty-layer {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+  background-color: #ffffff;
+}
+.DetailsViewTable__overlay {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+.DetailsViewTable__overlay > * {
+  pointer-events: auto;
+}
+
+.DetailsViewReflexElement .EntityFinderDetailsView {
+  height: 460px;
+  border-bottom: 1px solid #dcdcdc;
+  overflow-y: hidden;
+}
+
+.DetailsViewTable__header {
+  box-shadow: 3px 3px 7px -1px rgba(0, 0, 30, 0.2);
+}
+
+.EntityFinderDetailsView {
+  height: 500px;
+  width: 100%;
+  background-color: #fcfcfc;
+}
+.EntityFinderDetailsView select.form-control {
+  margin-bottom: 0px;
+}
+
+.EntityFinderDetailsViewPlaceholder {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -19771,57 +19937,40 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   font-size: large;
   margin: 15px;
 }
-.EntityFinderDetailsView__Placeholder .SearchPlaceholderImage {
+.EntityFinderDetailsViewPlaceholder .SearchPlaceholderImage {
   width: 150px;
   margin: 20px;
 }
-.EntityFinderDetailsView .IsSelectedColumn div,
-.EntityFinderDetailsView .EntityIconColumn div,
-.EntityFinderDetailsView .NameColumn div,
-.EntityFinderDetailsView .AccessColumn div,
-.EntityFinderDetailsView .IdColumn div,
-.EntityFinderDetailsView .CreatedOnColumn div,
-.EntityFinderDetailsView .ModifiedOnColumn div,
-.EntityFinderDetailsView .VersionColumn div,
-.EntityFinderDetailsView .ModifiedByColumn div {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.EntityFinderDetailsView .IsSelectedColumn {
-  width: 40px;
-  text-align: center;
-}
-.EntityFinderDetailsView .IsSelectedColumn .radio,
-.EntityFinderDetailsView .IsSelectedColumn .checkbox {
-  min-width: 20px;
+
+.EntityFinderDetailsViewRow {
+  height: 45px;
+  transition: background-color 200ms ease-in;
 }
-.EntityFinderDetailsView .EntityIconColumn {
-  width: 40px;
-  text-align: center;
+.EntityFinderDetailsViewRow.isEven {
+  background: #f9f9f9;
 }
-.EntityFinderDetailsView .EntityIconColumn svg {
-  fill: currentColor;
+.EntityFinderDetailsViewRow[aria-disabled=false][aria-selected=false]:hover {
+  background-color: rgba(8, 136, 216, 0.2);
 }
-.EntityFinderDetailsView .NameColumn {
-  width: 300px;
+.EntityFinderDetailsViewRow[aria-disabled=false][aria-selected=true]:hover {
+  background-color: #0778bf;
 }
-.EntityFinderDetailsView .AccessColumn {
-  width: 75px;
+.EntityFinderDetailsViewRow[aria-selected=true] {
+  color: white;
+  background-color: #0888d8;
 }
-.EntityFinderDetailsView .IdColumn {
-  width: 120px;
+.EntityFinderDetailsViewRow[aria-selected=true] .UserCardSmall {
+  color: white !important;
+  border-color: white !important;
 }
-.EntityFinderDetailsView .CreatedOnColumn,
-.EntityFinderDetailsView .ModifiedOnColumn,
-.EntityFinderDetailsView .ModifiedByColumn {
-  width: 150px;
+.EntityFinderDetailsViewRow[aria-disabled=true] {
+  opacity: 0.5;
 }
-.EntityFinderDetailsView .VersionColumn {
-  width: 200px;
+.EntityFinderDetailsViewRow[aria-disabled=false] {
+  cursor: pointer;
 }
-.EntityFinderDetailsView .VersionColumn select {
-  margin-bottom: 0px;
+.EntityFinderDetailsViewRow[aria-hidden=true] {
+  display: none;
 }
 
 .terms-conditions .view-terms a,
@@ -20493,6 +20642,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 
 .EntityBadge {
   display: flex;
+  width: 100%;
   flex-direction: row-reverse;
 }
 .EntityBadge__Badge {
@@ -20513,17 +20663,18 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 .EntityBadge__Badge.Missing {
   color: #ababac;
 }
-.EntityBadge .EntityBadgeTooltip table {
+
+.EntityBadgeTooltip table {
   table-layout: auto;
   word-break: break-all;
   white-space: normal;
   max-width: 350px;
 }
-.EntityBadge .EntityBadgeTooltip table td {
+.EntityBadgeTooltip table td {
   width: unset;
   padding: 4px;
 }
-.EntityBadge .EntityBadgeTooltip p {
+.EntityBadgeTooltip p {
   margin-top: 8px;
   text-align: center;
 }
@@ -21380,4 +21531,19 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   padding-bottom: 10px;
 }
 
+.BlockingLoader {
+  background-color: rgba(255, 255, 255, 0.9);
+}
+.BlockingLoader .modal-content {
+  background: none;
+  border: none;
+  box-shadow: none;
+}
+.BlockingLoader .modal-content .SpinnerContainer {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  height: 120px;
+}
+
 /*# sourceMappingURL=main.css.map */