@lingk/sync 2.0.14 → 2.0.15

package/build/css/main.css

@@ -335,35 +335,35 @@ div.CodeMirror-dragcursors {
 /* Help users use markselection to safely style text background */
 span.CodeMirror-selectedtext { background: none; }
 * {
-box-sizing: border-box;
+  box-sizing: border-box;
 }
-body{
-	margin: 0 !important;
-	padding: 0 !important;
+body {
+  margin: 0 !important;
+  padding: 0 !important;
   -webkit-font-smoothing: antialiased;
 }
-aside{
+aside {
   display: inline-block;
   vertical-align: top;
 }
-.rc-time-picker-panel-clear-btn{
+.rc-time-picker-panel-clear-btn {
   display: none;
 }
-.help-tooltip-pop .tooltip{
-  border:none !important;
+.help-tooltip-pop .tooltip {
+  border: none !important;
 }
-.wizard-body{
-  width:100%;
+.wizard-body {
+  width: 100%;
   height: 100%;
 }
-.wizard-sidebar{
-	display: inline-block;
-	height: 100%;
+.wizard-sidebar {
+  display: inline-block;
+  height: 100%;
 }
-.wizard-content{
-  vertical-align:top;
-  padding:31px 28px 31px 45px; 
-  display:inline-block;
+.wizard-content {
+  vertical-align: top;
+  padding: 31px 28px 31px 45px;
+  display: inline-block;
   height: 100%;
   overflow-y: auto;
 }
@@ -371,27 +371,27 @@ aside{
   position: relative;
 }
 .wizard-map-field {
-  cursor:pointer;
+  cursor: pointer;
 }
 .wizard-map-field:hover {
-  background: #dfe0e0 !important; 
+  background: #dfe0e0 !important;
 }
-.file-table-tbody input:focus{
+.file-table-tbody input:focus {
   border-color: transparent;
   box-shadow: none;
 }
-.remove-file-process{
-  stroke:grey;
-  height:18px;
-  width:18px;
-  margin-top:5px;
+.remove-file-process {
+  stroke: grey;
+  height: 18px;
+  width: 18px;
+  margin-top: 5px;
   cursor: pointer;
   margin-left: 3px;
 }
-.remove-file-process:hover{
-  stroke:black;
+.remove-file-process:hover {
+  stroke: black;
 }
-.schema-panel{
+.schema-panel {
   line-height: 1.4;
   margin-bottom: 8px;
   color: white;
@@ -399,12 +399,12 @@ aside{
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  border-radius:4px;
+  border-radius: 4px;
   position: relative;
   z-index: 6;
 }
 
-.schema-panel-header{
+.schema-panel-header {
   padding: 9px 13px;
   font-weight: bold;
   height: 50px;
@@ -417,27 +417,27 @@ aside{
 .schema-panel-resource-arrow svg:hover {
   fill: black;
 }
-.accordion-panel{
+.accordion-panel {
   line-height: 1.4;
   border-radius: 7px;
   margin-bottom: 8px;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
-.accordion-panel-header{
+.accordion-panel-header {
   color: white;
   padding: 9px 13px;
   font-weight: bold;
-  cursor:pointer; 
-  -webkit-user-select: none; 
-     -moz-user-select: none; 
-      -ms-user-select: none; 
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   height: 50px;
 }
-.accordion-panel-header-title{
+.accordion-panel-header-title {
   max-width: 275px;
   display: inline-block;
   overflow-x: ellipsis;
@@ -445,93 +445,92 @@ aside{
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.accordion-panel-header:hover{
+.accordion-panel-header:hover {
   text-decoration: underline;
 }
 
-.accordion-panel-toggle{
+.accordion-panel-toggle {
   vertical-align: top;
   float: right;
   margin-right: 8px;
 }
-.accordion-panel-toggle button svg{
- top:2px;
+.accordion-panel-toggle button svg {
+  top: 2px;
 }
-.accordion-panel-toggle button{
+.accordion-panel-toggle button {
   font-weight: bold;
 }
-.accordion-panel-toggle.join-ok button{
+.accordion-panel-toggle.join-ok button {
   font-weight: normal;
 }
-.accordion-panel-close{
+.accordion-panel-close {
   width: 32px;
   height: 32px;
-  padding-top:6px;
+  padding-top: 6px;
   text-align: center;
   display: inline-block;
   float: right;
   border-radius: 50%;
   cursor: pointer;
 }
-.accordion-panel-close:hover{
-  background: rgba(255,255,255,0.5);
+.accordion-panel-close:hover {
+  background: rgba(255, 255, 255, 0.5);
 }
-.accordion-panel-close svg path{
-  stroke:white;
+.accordion-panel-close svg path {
+  stroke: white;
 }
-.accordion-panel-close-disabled{
+.accordion-panel-close-disabled {
   width: 32px;
   height: 32px;
-  padding-top:6px;
+  padding-top: 6px;
   text-align: center;
   display: inline-block;
   float: right;
   border-radius: 50%;
   pointer-events: none;
 }
-.accordion-panel-close-disabled svg path{
-  stroke:rgba(255,255,255,0.5);
+.accordion-panel-close-disabled svg path {
+  stroke: rgba(255, 255, 255, 0.5);
 }
-.accordion-panel-collapse{
+.accordion-panel-collapse {
   transition: all 0.2s;
 }
-.accordion-panel-parameters{
+.accordion-panel-parameters {
   display: inline-block;
   vertical-align: top;
   margin-left: 12px;
   margin-top: -5px;
   cursor: pointer;
 }
-.accordion-panel-parameters:hover svg path:nth-child(2){
-  fill:#DDDDDD;
+.accordion-panel-parameters:hover svg path:nth-child(2) {
+  fill: #dddddd;
 }
-.delete-parameter-row{
+.delete-parameter-row {
   display: inline-block;
   cursor: pointer;
   margin-left: 8px;
 }
-.delete-parameter-row-svg path{
-  stroke:grey;
+.delete-parameter-row-svg path {
+  stroke: grey;
 }
-.delete-parameter-row-svg:hover path{
-  stroke:black;
+.delete-parameter-row-svg:hover path {
+  stroke: black;
 }
-.add-param-filter .slds-button{
-  font-size: 14px; 
+.add-param-filter .slds-button {
+  font-size: 14px;
   font-weight: bold;
 }
-.add-param-filter .slds-button[disabled]{
-  color:#555;
+.add-param-filter .slds-button[disabled] {
+  color: #555;
 }
 
-
-.transition{
+.transition {
   transition: all 0.2s;
 }
 .schema-field:first-child {
   margin-top: 5px;
 }
-.schema-accordion-type{
+.schema-accordion-type {
   float: right;
   color: grey;
   cursor: pointer;
@@ -540,142 +539,141 @@ aside{
       -ms-user-select: none;
           user-select: none;
 }
-.schema-accordion-type:hover{
+.schema-accordion-type:hover {
   float: right;
   color: black;
 }
 
-.schema-accordion-section-label{
+.schema-accordion-section-label {
   color: #54698d;
-  text-transform:uppercase;
-  letter-spacing:1px;
-  margin-left:12px;
-  margin-top:9px;
-  display:inline-block;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  margin-left: 12px;
+  margin-top: 9px;
+  display: inline-block;
 }
-.bundle-table-header{
+.bundle-table-header {
   color: #54698d;
-  text-transform:uppercase;
-  letter-spacing:1px;
-  width:100%;
-  padding:8px 16px;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  width: 100%;
+  padding: 8px 16px;
   font-size: 12px;
 }
-.bundle-table-body{
+.bundle-table-body {
   color: #16325c;
   position: relative;
 }
-.bundle-table-row{
+.bundle-table-row {
   position: relative;
   border-bottom: 1px solid rgb(204, 205, 207);
   border-top: 1px solid rgb(204, 205, 207);
-  margin-top:-1px;
+  margin-top: -1px;
   padding: 8px 16px 3px 16px;
   cursor: pointer;
-  height:50px;
+  height: 50px;
 }
-.bundle-table-row:hover{
-  background:#f4f6f9 !important;
-
+.bundle-table-row:hover {
+  background: #f4f6f9 !important;
 }
-.bundle-table-row:hover:before{
+.bundle-table-row:hover:before {
   border-top: 5px solid rgb(204, 205, 207);
   content: "";
   display: block;
   position: absolute;
 }
 
-.schema-checkbox{
+.schema-checkbox {
   display: inline-block;
 }
-.schema-field-bold{
+.schema-field-bold {
   font-weight: bold;
 }
-.schema-external-key{
+.schema-external-key {
   cursor: pointer;
   opacity: 0;
   width: 95%;
   position: absolute;
   right: 0;
-  margin-top:2px;
+  margin-top: 2px;
 }
-.schema-external-key:hover{
+.schema-external-key:hover {
   opacity: 0.5;
 }
-.schema-external-key:hover + .schema-checkbox{
+.schema-external-key:hover + .schema-checkbox {
   font-weight: bold;
 }
-.schema-group-arrow{
-  fill:#555555;
-  cursor:pointer;
-  height:60px;
-  width:60px;
+.schema-group-arrow {
+  fill: #555555;
+  cursor: pointer;
+  height: 60px;
+  width: 60px;
 }
-.schema-group-arrow:hover{
-  fill:#0070d2;
+.schema-group-arrow:hover {
+  fill: #0070d2;
 }
-.schema-group-arrow-back{
+.schema-group-arrow-back {
   position: absolute;
-  left:8px;
-  top:2px;
-  -ms-transform:rotate(180deg);
-      transform:rotate(180deg);
+  left: 8px;
+  top: 2px;
+  -ms-transform: rotate(180deg);
+      transform: rotate(180deg);
 }
-.schema-group-arrow-forward{
+.schema-group-arrow-forward {
   position: absolute;
-  left:55px;
-  top:2px;
+  left: 55px;
+  top: 2px;
 }
-.schema-groups{
+.schema-groups {
   position: absolute;
-  top:18px;
-  left:120px;
-  font-size:20px;
+  top: 18px;
+  left: 120px;
+  font-size: 20px;
   height: 32px;
-  width:600px;
+  width: 600px;
   overflow: hidden;
 }
-.schema-groups-slider{
+.schema-groups-slider {
   transition: all 0.3s;
 }
-.schema-group-name{
-  width:600px;
+.schema-group-name {
+  width: 600px;
   display: inline-block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
   font-weight: bold;
 }
-.schema-group-dots{
+.schema-group-dots {
   width: 63%;
   margin: 28px 0px 0px 120px;
 }
-.schema-group-dot{
-  width:6px;
-  height:7px;
-  margin:2px;
+.schema-group-dot {
+  width: 6px;
+  height: 7px;
+  margin: 2px;
   display: inline-block;
-  background:#0070d2;
-  cursor:pointer;
+  background: #0070d2;
+  cursor: pointer;
 }
 
-.accordion-group-slider{
+.accordion-group-slider {
   transition: all 0.3s;
   position: relative;
-  top:0;
+  top: 0;
 }
-.accordion-group{
+.accordion-group {
   overflow-y: visible;
   display: inline-block;
-  padding:6px 12px;
+  padding: 6px 12px;
   position: absolute;
   width: 100%;
 }
-.remove-resource-group{
+.remove-resource-group {
   width: 32px;
   height: 32px;
   text-align: center;
@@ -684,9 +682,9 @@ aside{
   cursor: pointer;
   display: inline-block;
   vertical-align: top;
-  float:right;
+  float: right;
 }
-.remove-resource-group-disabled{
+.remove-resource-group-disabled {
   width: 32px;
   height: 32px;
   text-align: center;
@@ -694,56 +692,56 @@ aside{
   padding-top: 5px;
   display: inline-block;
   vertical-align: top;
-  float:right;
-  margin-top:1px;
+  float: right;
+  margin-top: 1px;
 }
-.remove-resource-group-disabled > svg > path{
-  stroke-linecap:round;
-  stroke-width:7;
-  stroke:#CCCCCC;
+.remove-resource-group-disabled > svg > path {
+  stroke-linecap: round;
+  stroke-width: 7;
+  stroke: #cccccc;
 }
-.connect-resource-group{
+.connect-resource-group {
   width: 33px;
   height: 33px;
   text-align: center;
   border-radius: 50%;
   cursor: pointer;
   vertical-align: top;
-  margin-left:26px;
+  margin-left: 26px;
   background: rgb(50, 120, 180);
-  padding-top:5px;
+  padding-top: 5px;
 }
-.unlinked-connect-resource-group{
+.unlinked-connect-resource-group {
   background: #d45e5e;
-  padding-top:6px;
+  padding-top: 6px;
 }
-.connect-resource-group > svg > path{
-  fill:white;
+.connect-resource-group > svg > path {
+  fill: white;
 }
-.connect-resource-group:hover{
+.connect-resource-group:hover {
   background: white;
 }
-.connect-resource-group:hover > svg > path{
-  fill:black;
+.connect-resource-group:hover > svg > path {
+  fill: black;
 }
 
-.remove-resource-group:hover + .schema-group-nav{
-  color: #AA0000;
+.remove-resource-group:hover + .schema-group-nav {
+  color: #aa0000;
 }
-.remove-resource-group > svg > path{
-  stroke-linecap:round;
-  stroke-width:7;
-  stroke:#555555;
+.remove-resource-group > svg > path {
+  stroke-linecap: round;
+  stroke-width: 7;
+  stroke: #555555;
 }
-.remove-resource-group:hover{
+.remove-resource-group:hover {
   background: #c23934;
 }
-.remove-resource-group:hover > svg > path{
-  stroke:white;
+.remove-resource-group:hover > svg > path {
+  stroke: white;
 }
-.join-ok{
+.join-ok {
   background: transparent;
-  border:1px solid transparent;
+  border: 1px solid transparent;
   font-weight: normal;
   max-width: 281px;
   text-overflow: ellipsis;
@@ -752,33 +750,33 @@ aside{
   /*padding-right:24px !important;*/
   position: relative;
 }
-.join-ok svg{
+.join-ok svg {
   position: absolute;
-  right:6px;
-  top:9px;
+  right: 6px;
+  top: 9px;
 }
-.transform-data-type{
+.transform-data-type {
   display: inline-block;
   border-radius: 3px;
-  cursor:pointer;
-  margin:8px;
-  padding:2px 5px;
+  cursor: pointer;
+  margin: 8px;
+  padding: 2px 5px;
 }
-.transform-data-type:hover{
+.transform-data-type:hover {
   border: 1px solid black;
 }
-.scrolly-wrap{
-  padding:0px 2px 2px 0px;
+.scrolly-wrap {
+  padding: 0px 2px 2px 0px;
   overflow-x: hidden;
 }
-.scrolly{
+.scrolly {
   overflow-y: scroll;
   overflow-x: hidden;
   text-overflow: ellipsis;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 .scrolly-wrap:hover .scrolly::-webkit-scrollbar {
   -webkit-appearance: none;
@@ -786,54 +784,54 @@ aside{
 }
 .scrolly-wrap:hover .scrolly::-webkit-scrollbar-thumb {
   border-radius: 4px;
-  background-color: rgba(0,0,0,.3);
-  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
+  background-color: rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
 }
-.x-clear-mapping{
+.x-clear-mapping {
   cursor: pointer;
   text-align: center;
-  color: #AA0000;
+  color: #aa0000;
   font-weight: bold;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
   height: 19px;
   width: 19px;
   display: inline-block;
   vertical-align: top;
-  margin-right:11px;
+  margin-right: 11px;
 }
-.x-clear-mapping:hover{
+.x-clear-mapping:hover {
   color: rgb(212, 63, 58);
-  -ms-transform:scale(1.3,1.3);
-      transform:scale(1.3,1.3);
+  -ms-transform: scale(1.3, 1.3);
+      transform: scale(1.3, 1.3);
 }
-.x-clear-mapping:hover + .mapping-entry{
+.x-clear-mapping:hover + .mapping-entry {
   color: grey;
 }
-.mapping-entry{
+.mapping-entry {
   display: inline-block;
   vertical-align: middle;
   max-width: 350px;
-  white-space: nowrap; 
+  white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   font-weight: normal;
 }
-.map-table-transform-icon{
-  height:19px;
-  width:24px;
+.map-table-transform-icon {
+  height: 19px;
+  width: 24px;
   cursor: pointer;
-  margin-left:27px;
+  margin-left: 27px;
 }
 
-.help-tooltip{
+.help-tooltip {
   display: inline-block;
-  margin-left:8px;
+  margin-left: 8px;
   position: relative;
 }
-.help-tooltip-q{
+.help-tooltip-q {
   height: 14px;
   width: 14px;
   background: #54698d;
@@ -844,295 +842,295 @@ aside{
   cursor: default;
   font-weight: bold;
 }
-.help-tooltip-q:hover{
+.help-tooltip-q:hover {
   background: #0070d2;
 }
-.help-tooltip-pop{
+.help-tooltip-pop {
   position: absolute;
-  left:32px;
-  top:-16px;
+  left: 32px;
+  top: -16px;
 }
-.help-tooltip-q + .help-tooltip-pop{
-  display:none;
+.help-tooltip-q + .help-tooltip-pop {
+  display: none;
 }
-.help-tooltip-q:hover + .help-tooltip-pop{
-  display:block;
+.help-tooltip-q:hover + .help-tooltip-pop {
+  display: block;
 }
 
-.connect-modal-tabs{
-  width:100%;
-  height:41px;
-} 
-.connect-modal-tab{
-  width:50%;
+.connect-modal-tabs {
+  width: 100%;
+  height: 41px;
+}
+.connect-modal-tab {
+  width: 50%;
   display: inline-block;
-  height:100%;
+  height: 100%;
   text-align: center;
-  padding-top:10px;
+  padding-top: 10px;
   position: relative;
   cursor: pointer;
   color: #54698d;
 }
-.connect-modal-tab-selected{
+.connect-modal-tab-selected {
   background: rgb(244, 246, 249);
   color: #16325c;
 }
-.connect-modal-tab-bar{
-  width:100%;
-  height:4px;
-  bottom:0;
-  left:0;
+.connect-modal-tab-bar {
+  width: 100%;
+  height: 4px;
+  bottom: 0;
+  left: 0;
   position: absolute;
   display: none;
 }
-.connect-modal-tab-selected .connect-modal-tab-bar{
+.connect-modal-tab-selected .connect-modal-tab-bar {
   display: block;
 }
-.connect-modal-tab:hover{
+.connect-modal-tab:hover {
   background: rgb(244, 246, 249);
   color: #16325c;
 }
-.external-keys-row{
-  border-bottom: 1px solid #CCCCCC;
-  padding:8px 0;
-  position:relative;
+.external-keys-row {
+  border-bottom: 1px solid #cccccc;
+  padding: 8px 0;
+  position: relative;
 }
-.external-keys-column{
+.external-keys-column {
   display: inline-block;
-  width:47%;
+  width: 47%;
   text-align: center;
 }
-.delete-external-key-row{
+.delete-external-key-row {
   position: absolute;
-  right:8px;
-  top:13px;
-  cursor:pointer;
+  right: 8px;
+  top: 13px;
+  cursor: pointer;
 }
-.delete-external-key-svg path{
-  stroke:grey;
+.delete-external-key-svg path {
+  stroke: grey;
 }
-.delete-external-key-svg:hover path{
-  stroke:black;
+.delete-external-key-svg:hover path {
+  stroke: black;
 }
 
-
 /* ANIMATIONS */
 
-.panel-enter{
+.panel-enter {
   opacity: 0;
   max-height: 0px;
 }
-.panel-enter-active{
+.panel-enter-active {
   opacity: 1;
-  max-height:350px;
+  max-height: 350px;
 }
-.panel-leave{
+.panel-leave {
   opacity: 1;
-  max-height:350px;
+  max-height: 350px;
 }
-.panel-leave-active{
+.panel-leave-active {
   opacity: 0;
-  max-height:0px;
+  max-height: 0px;
 }
-.enable-delete{
+.enable-delete {
   position: absolute;
-  top:6px;
+  top: 6px;
   left: 500px;
   width: 207px;
   z-index: 6003;
   cursor: pointer;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
-.enable-delete span{
-  float:right;
+.enable-delete span {
+  float: right;
 }
-.enable-delete:hover span{
+.enable-delete:hover span {
   text-decoration: underline;
 }
-.bundle-mode-options{
-  width:33%;
-  height:100%;
+.bundle-mode-options {
+  width: 33%;
+  height: 100%;
   background: white;
-  padding:6px;
-  border-left:1px solid grey;
+  padding: 6px;
+  border-left: 1px solid grey;
   position: absolute;
-  top:0; right:0;
+  top: 0;
+  right: 0;
   z-index: 6004;
 }
-.close-bundle-mode-options{
+.close-bundle-mode-options {
   cursor: pointer;
   float: right;
   margin-right: 5px;
 }
-.close-bundle-mode-options svg path{
-  stroke:grey;
+.close-bundle-mode-options svg path {
+  stroke: grey;
 }
-.close-bundle-mode-options:hover svg path{
-  stroke:black;
+.close-bundle-mode-options:hover svg path {
+  stroke: black;
 }
-.bundle-mode-options-content{
-  padding:12px 12px;
+.bundle-mode-options-content {
+  padding: 12px 12px;
 }
 
-.bundle-mode-options-enter{
+.bundle-mode-options-enter {
   transition: all 0.3s;
-  -ms-transform:translate(100%);
-      transform:translate(100%);
+  -ms-transform: translate(100%);
+      transform: translate(100%);
 }
-.bundle-mode-options-leave, .bundle-mode-options-enter-active{
+.bundle-mode-options-leave,
+.bundle-mode-options-enter-active {
   transition: all 0.3s;
-  -ms-transform:translate(0%);
-      transform:translate(0%);
+  -ms-transform: translate(0%);
+      transform: translate(0%);
 }
-.bundle-mode-options-leave-active{
-  -ms-transform:translate(100%);
-      transform:translate(100%);
+.bundle-mode-options-leave-active {
+  -ms-transform: translate(100%);
+      transform: translate(100%);
 }
 
-.slide-left-enter{
+.slide-left-enter {
   transition: all 0.3s;
-  -ms-transform:translate(100%);
-      transform:translate(100%);
+  -ms-transform: translate(100%);
+      transform: translate(100%);
 }
-.slide-left-leave, .slide-left-enter-active{
+.slide-left-leave,
+.slide-left-enter-active {
   transition: all 0.3s;
-  -ms-transform:translate(0%);
-      transform:translate(0%);
+  -ms-transform: translate(0%);
+      transform: translate(0%);
 }
-.slide-left-leave-active{
-  -ms-transform:translate(-100%);
-      transform:translate(-100%);
+.slide-left-leave-active {
+  -ms-transform: translate(-100%);
+      transform: translate(-100%);
 }
-.slide-right-enter{
+.slide-right-enter {
   transition: all 0.3s;
-  -ms-transform:translate(-100%);
-      transform:translate(-100%);
+  -ms-transform: translate(-100%);
+      transform: translate(-100%);
 }
-.slide-right-leave, .slide-right-enter-active{
+.slide-right-leave,
+.slide-right-enter-active {
   transition: all 0.3s;
-  -ms-transform:translate(0%);
-      transform:translate(0%);
+  -ms-transform: translate(0%);
+      transform: translate(0%);
 }
-.slide-right-leave-active{
-  -ms-transform:translate(100%);
-      transform:translate(100%);
+.slide-right-leave-active {
+  -ms-transform: translate(100%);
+      transform: translate(100%);
 }
 
-.fade-left-enter{
+.fade-left-enter {
   transition: all 0.3s;
-  -ms-transform:translate(10%);
-      transform:translate(10%);
+  -ms-transform: translate(10%);
+      transform: translate(10%);
   opacity: 0;
 }
-.fade-left-enter-active{
-  -ms-transform:translate(0%);
-      transform:translate(0%);
+.fade-left-enter-active {
+  -ms-transform: translate(0%);
+      transform: translate(0%);
   opacity: 1;
 }
-.fade-left-leave{
+.fade-left-leave {
   transition: all 0.3s;
-  -ms-transform:translate(0%);
-      transform:translate(0%);
+  -ms-transform: translate(0%);
+      transform: translate(0%);
   opacity: 1;
 }
-.fade-left-leave-active{
-  -ms-transform:translate(-10%);
-      transform:translate(-10%);
+.fade-left-leave-active {
+  -ms-transform: translate(-10%);
+      transform: translate(-10%);
   opacity: 0;
 }
-.fade-right-enter{
+.fade-right-enter {
   transition: all 0.3s;
-  -ms-transform:translate(-10%);
-      transform:translate(-10%);
+  -ms-transform: translate(-10%);
+      transform: translate(-10%);
   opacity: 0;
 }
-.fade-right-enter-active{
-  -ms-transform:translate(0%);
-      transform:translate(0%);
+.fade-right-enter-active {
+  -ms-transform: translate(0%);
+      transform: translate(0%);
   opacity: 1;
 }
-.fade-right-leave{
+.fade-right-leave {
   transition: all 0.3s;
-  -ms-transform:translate(0%);
-      transform:translate(0%);
+  -ms-transform: translate(0%);
+      transform: translate(0%);
   opacity: 1;
 }
-.fade-right-leave-active{
-  -ms-transform:translate(10%);
-      transform:translate(10%);
+.fade-right-leave-active {
+  -ms-transform: translate(10%);
+      transform: translate(10%);
   opacity: 0;
 }
 
-
-
-
-.schema-accordion-collapse{
+.schema-accordion-collapse {
   overflow: visible;
   height: 78px;
-  padding:0 12px;
+  padding: 0 12px;
 }
-.panel-collapse-enter{
+.panel-collapse-enter {
   transition: height 0.2s;
-  height:0px;
+  height: 0px;
   overflow: hidden;
 }
-.panel-collapse-enter-active{
+.panel-collapse-enter-active {
   height: 78px;
   overflow: hidden;
 }
-.panel-collapse-leave{
+.panel-collapse-leave {
   transition: height 0.2s;
   height: 78px;
   overflow: hidden;
 }
-.panel-collapse-leave-active{
+.panel-collapse-leave-active {
   height: 0px;
   overflow: hidden;
 }
 
-.fields-expander{
+.fields-expander {
   transition: all 0.2s;
   overflow: hidden;
 }
-.expander-enter{
-  max-height:0px;
+.expander-enter {
+  max-height: 0px;
 }
-.expander-enter-active{
+.expander-enter-active {
   max-height: 1200px;
 }
-.expander-leave{
+.expander-leave {
   max-height: 1200px;
 }
-.expander-leave-active{
+.expander-leave-active {
   max-height: 0px;
 }
 
-.set-duplicate-rules{
-  float:right;
+.set-duplicate-rules {
+  float: right;
   cursor: pointer;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
-.set-duplicate-rules:hover{
+.set-duplicate-rules:hover {
   text-decoration: underline;
 }
 
-.react-draggable-dragging .schema-panel{
-  box-shadow: 2px 1px 4px 2px rgba(0,0,0,.3);
-  margin-left:6px;
+.react-draggable-dragging .schema-panel {
+  box-shadow: 2px 1px 4px 2px rgba(0, 0, 0, 0.3);
+  margin-left: 6px;
   z-index: 9999 !important;
-  position:relative;
-  background:#f4f6f9 !important;
+  position: relative;
+  background: #f4f6f9 !important;
 }
-.react-draggable-dragging .schema-panel-resource-arrow{
+.react-draggable-dragging .schema-panel-resource-arrow {
   opacity: 0;
 }
-.expander-circle{
+.expander-circle {
   border: 1px solid grey;
   border-radius: 50%;
   width: 13px;
@@ -1141,17 +1139,17 @@ aside{
   line-height: 12px;
   text-align: center;
   color: grey;
-  margin-right:5px;
+  margin-right: 5px;
 }
 
-.filter-step-resource{
+.filter-step-resource {
   text-decoration: none;
   cursor: pointer;
   font-size: 14px;
   display: inline-block;
   color: white;
   font-weight: bold;
-  padding:6px 15px 4px 8px;
+  padding: 6px 15px 4px 8px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   transition: all 0.1s;
@@ -1160,180 +1158,178 @@ aside{
       -ms-user-select: none;
           user-select: none;
 }
-.filter-step-resource span{
+.filter-step-resource span {
   display: inline-block;
   vertical-align: top;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.filter-step-resource svg{
-  margin-right:7px;
-  margin-top:1px;
+.filter-step-resource svg {
+  margin-right: 7px;
+  margin-top: 1px;
   display: inline-block;
   vertical-align: top;
 }
-.filter-step-panel{
+.filter-step-panel {
   height: 74px;
   transition: all 0.1s;
   overflow: hidden;
   box-sizing: content-box;
-  background: #F4F4F4;
-  margin-top:-2px;
+  background: #f4f4f4;
+  margin-top: -2px;
   border-width: 1px;
   border-style: solid;
   border-color: #337ab7;
 }
-.filter-step-panel-contents{
-  margin:10px;
+.filter-step-panel-contents {
+  margin: 10px;
 }
 
-.filter-step-panel-enter{
-  max-height:0px;
+.filter-step-panel-enter {
+  max-height: 0px;
 }
-.filter-step-panel-enter-active{
+.filter-step-panel-enter-active {
   max-height: 74px;
 }
-.filter-step-panel-leave{
+.filter-step-panel-leave {
   max-height: 74px;
 }
-.filter-step-panel-leave-active{
+.filter-step-panel-leave-active {
   max-height: 0px;
   border-color: transparent;
 }
 
-.pass-key-svg{
-  fill:grey;
-  cursor:pointer;
-  margin-left:10px;
-  margin-top:5px;
+.pass-key-svg {
+  fill: grey;
+  cursor: pointer;
+  margin-left: 10px;
+  margin-top: 5px;
   display: inline-block;
   vertical-align: top;
 }
-.pass-key-svg:hover{
-  fill:black !important;
+.pass-key-svg:hover {
+  fill: black !important;
 }
 
-.env-content{
+.env-content {
   opacity: 1;
 }
-.env-content-enter{
+.env-content-enter {
   opacity: 0;
 }
-.env-content-enter-active{
+.env-content-enter-active {
   transition: opacity 0.25s;
   opacity: 1;
 }
-.env-content-leave{
+.env-content-leave {
   opacity: 1;
 }
-.env-content-leave-active{
+.env-content-leave-active {
   opacity: 0;
 }
 
-.env-creds{
+.env-creds {
   overflow: hidden;
   transition: max-height 0.25s linear;
 }
-.env-creds-enter{
+.env-creds-enter {
   max-height: 0px;
 }
-.env-creds-enter-active{
+.env-creds-enter-active {
   max-height: 333px;
 }
-.env-creds-leave{
+.env-creds-leave {
   max-height: 333px;
 }
-.env-creds-leave-active{
+.env-creds-leave-active {
   max-height: 0px;
 }
 
-.env-section{
-  border:1px solid #D7D7D7;
-  width:729px;
+.env-section {
+  border: 1px solid #d7d7d7;
+  width: 729px;
   line-height: 1.4;
   border-radius: 8px;
   margin-bottom: 18px;
-  background: #FCFCFF;
+  background: #fcfcff;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   position: relative;
   z-index: 6;
-  margin-left:15px;
-  box-shadow: 2px 1px 1px 0px #DDDDDD;
+  margin-left: 15px;
+  box-shadow: 2px 1px 1px 0px #dddddd;
   overflow: hidden;
 }
 
-.env-section:hover{
-  box-shadow: 2px 1px 1px 0px #DDDDDD;
-  
+.env-section:hover {
+  box-shadow: 2px 1px 1px 0px #dddddd;
 }
 
-.integration-box:hover{
-  
+.integration-box:hover {
 }
 
-
-.env-section-header{
+.env-section-header {
   position: relative;
-  background: #FCFCFF;
-  border-bottom: 1px solid #D7D7D7;
+  background: #fcfcff;
+  border-bottom: 1px solid #d7d7d7;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
-  height:44px;
+  height: 44px;
   z-index: 6;
   cursor: pointer;
 }
-.env-section-header:hover{
-  background: #F9F9FF;
+.env-section-header:hover {
+  background: #f9f9ff;
 }
-.env-section-icon{
+.env-section-icon {
   position: absolute;
-  left:15px;
-  top:10px;
+  left: 15px;
+  top: 10px;
 }
-.env-section-header-title{
+.env-section-header-title {
   position: absolute;
-  left:48px;
-  top:11px;
+  left: 48px;
+  top: 11px;
   font-size: 16px;
   font-weight: bold;
 }
 
-.env-section-body{
-  padding:12px 28px 7px 28px;
-  background: #FCFCFF;
+.env-section-body {
+  padding: 12px 28px 7px 28px;
+  background: #fcfcff;
 }
-.env-inspect-button{
-  background: #F9F9FF;
+.env-inspect-button {
+  background: #f9f9ff;
   position: absolute;
-  border-left: 1px solid #D7D7D7;
-  border-bottom: 1px solid #D7D7D7;
-  width:170px;
-  height:44px;
-  right:0;top:0;
+  border-left: 1px solid #d7d7d7;
+  border-bottom: 1px solid #d7d7d7;
+  width: 170px;
+  height: 44px;
+  right: 0;
+  top: 0;
   z-index: 7;
   font-size: 14px;
-  padding:12px 20px;
+  padding: 12px 20px;
   cursor: pointer;
 }
-.env-inspect-button:hover{
+.env-inspect-button:hover {
   background: white;
   text-decoration: underline;
 }
-.env-inspect-button svg{
+.env-inspect-button svg {
   position: absolute;
-  right:15px;
-  top:10px;
+  right: 15px;
+  top: 10px;
   fill: #555;
 }
-.env-inspect-button:hover svg{
+.env-inspect-button:hover svg {
   fill: #111;
 }
 
-.dropzone{
+.dropzone {
   width: 200px;
   height: 200px;
   border-width: 2px;
@@ -1343,31 +1339,31 @@ aside{
   cursor: pointer;
   padding: 20px;
 }
-.dropzone:hover{
-  background: #FFFFFF;
+.dropzone:hover {
+  background: #ffffff;
 }
-.env-creds-json-codemirror{
-  border: 1px solid #CACACA;
+.env-creds-json-codemirror {
+  border: 1px solid #cacaca;
   height: 238px;
   overflow-y: scroll;
 }
-.env-creds-json-codemirror .CodeMirror{
+.env-creds-json-codemirror .CodeMirror {
   height: 236px;
 }
 
-.env-creds-json-codemirror-sftp{
-  border: 1px solid #CACACA;
+.env-creds-json-codemirror-sftp {
+  border: 1px solid #cacaca;
   height: 100px;
-  width:300px;
+  width: 300px;
   overflow-y: scroll;
 }
 
-.env-creds-json-codemirror-sftp .CodeMirror{
+.env-creds-json-codemirror-sftp .CodeMirror {
   height: 236px;
-  width:330px;
+  width: 330px;
 }
 
-.schema-accordion-overlay{
+.schema-accordion-overlay {
   width: 245px;
   min-height: 245px;
   height: 162px;
@@ -1375,14 +1371,14 @@ aside{
   display: inline-block;
   position: absolute;
 }
-.show-label-or-api-names{
+.show-label-or-api-names {
   font-weight: bold;
   cursor: pointer;
 }
-.show-label-or-api-names:hover{
+.show-label-or-api-names:hover {
   text-decoration: underline;
 }
-.check-metadata-error{
+.check-metadata-error {
   background: rgb(234, 90, 90);
   padding: 4px 9px;
   font-weight: bold;
@@ -1391,41 +1387,40 @@ aside{
   max-height: 102px;
   overflow: hidden;
 }
-.file-manager-table{
+.file-manager-table {
   -webkit-user-select: text;
      -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
-.file-manager-table th{
+.file-manager-table th {
   cursor: pointer;
   -webkit-user-select: text;
      -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
-.delete-flat-file{
-  stroke:#AA0000;
-  stroke-width:4;
+.delete-flat-file {
+  stroke: #aa0000;
+  stroke-width: 4;
   cursor: pointer;
 }
-.delete-flat-file:hover{
-  stroke:rgb(212, 63, 58);
-  -ms-transform:scale(1.3,1.3);
-      transform:scale(1.3,1.3);  
+.delete-flat-file:hover {
+  stroke: rgb(212, 63, 58);
+  -ms-transform: scale(1.3, 1.3);
+      transform: scale(1.3, 1.3);
 }
 
-.pass-ssh-toggle{
-  width:-webkit-fit-content;
-  width:-moz-fit-content;
-  width:fit-content;
+.pass-ssh-toggle {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
   cursor: pointer;
   position: absolute;
-  top: 91px;
-  right: 100px;
-  width: fit-content
+  top: 118px;
+  left: 250px;
+  width: fit-content;
 }
-
 .rc-time-picker {
   display: inline-block;
   position: relative;