chore: Move auth plugins into compass connect, remove x509 username COMPASS-4600 (#263)

Author: Anemy

electron/renderer/index.js

@@ -3,9 +3,6 @@ import ReactDOM from 'react-dom';
 import app from 'hadron-app';
 import AppRegistry from 'hadron-app-registry';
 import { AppContainer } from 'react-hot-loader';
-import { activate as activateKerberos } from '@mongodb-js/compass-auth-kerberos';
-import { activate as activateLdap } from '@mongodb-js/compass-auth-ldap';
-import { activate as activateX509 } from '@mongodb-js/compass-auth-x509';
 import { activate as activateCompassStatus } from '@mongodb-js/compass-status';
 
 import CompassConnectPlugin, { activate } from '../../src';
@@ -23,9 +20,6 @@ global.hadronApp.appRegistry = appRegistry;
 
 // Activate our plugin with the Hadron App Registry
 activate(appRegistry);
-activateKerberos(appRegistry);
-activateLdap(appRegistry);
-activateX509(appRegistry);
 activateCompassStatus(appRegistry);
 appRegistry.onActivated();
 

package-lock.json

@@ -47,13 +47,9 @@
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-bootstrap": "^0.32.1",
-    "react-fontawesome": "^1.6.1",
-    "react-ios-switch": "^0.1.19"
+    "react-fontawesome": "^1.6.1"
   },
   "devDependencies": {
-    "@mongodb-js/compass-auth-kerberos": "^4.0.2",
-    "@mongodb-js/compass-auth-ldap": "^4.0.0",
-    "@mongodb-js/compass-auth-x509": "^4.1.0",
     "@mongodb-js/compass-status": "^4.0.0",
     "autoprefixer": "^9.4.6",
     "babel-cli": "^6.26.0",
@@ -123,7 +119,6 @@
     "react-dom": "^16.8.0",
     "react-fontawesome": "^1.6.1",
     "react-hot-loader": "^4.1.0",
-    "react-ios-switch": "^0.1.19",
     "reflux": "^6.4.1",
     "reflux-state-mixin": "^0.7.0",
     "rimraf": "^3.0.0",
@@ -145,6 +140,7 @@
   "dependencies": {
     "@leafygreen-ui/button": "^10.0.1",
     "@leafygreen-ui/typography": "^7.3.2",
-    "lodash": "^4.17.15"
+    "lodash": "^4.17.15",
+    "react-ios-switch": "^0.1.19"
   }
 }

package.json

@@ -9,6 +9,7 @@ const Actions = Reflux.createActions({
   onAuthStrategyChanged: { sync: true },
   onCancelConnectionAttemptClicked: { sync: true },
   onChangeViewClicked: { sync: true },
+  onCnameToggle: { sync: true },
   onConnectionFormChanged: { sync: true },
   onConnectClicked: { sync: true },
   onCreateFavoriteClicked: { sync: true },
@@ -26,6 +27,10 @@ const Actions = Reflux.createActions({
   onChangesDiscarded: { sync: true },
   onHideURIClicked: { sync: true },
   onHostnameChanged: { sync: true },
+  onKerberosPrincipalChanged: { sync: true },
+  onKerberosServiceNameChanged: { sync: true },
+  onLDAPPasswordChanged: { sync: true },
+  onLDAPUsernameChanged: { sync: true },
   onPasswordChanged: { sync: true },
   onPortChanged: { sync: true },
   onReadPreferenceChanged: { sync: true },

src/actions/index.js

@@ -733,81 +733,6 @@ label {
   border: 1px solid rgba(0, 0, 0, 0.24);
 }
 
-// Global styles for compass-auth-kerberos, compass-auth-ldap,
-// and compass-auth-x509 plugins
-:global {
-  .form-item {
-    margin: 15px auto 15px;
-    width: 500px;
-    overflow: auto;
-    display: flex;
-    justify-content: flex-end;
-
-    &-has-error {
-      .form-control {
-        border: 1px solid #843534;
-
-        &:focus {
-          border: 1px solid #843534;
-        }
-      }
-
-      label {
-        color: red;
-
-        i {
-          margin-right: 5px;
-        }
-      }
-
-      .form-item-file-button {
-        border: 1px solid #843534;
-      }
-    }
-
-    label {
-      width: 70%;
-      text-align: right;
-      padding: 5px 15px 0 0;
-    }
-
-    &-switch-wrapper {
-      width: 100%;
-    }
-
-    &-file-button {
-      width: 500px !important;
-
-      i {
-        padding-right: 5px;
-      }
-
-      i.help {
-        display: inline-block;
-        font: normal normal normal 14px/1 FontAwesome;
-        font-size: inherit;
-        text-rendering: auto;
-        margin: 0 5px;
-        cursor: pointer;
-        color: #bfbfbe;
-
-        :hover {
-          color: #fbb129;
-        }
-      }
-    }
-  }
-
-  .file-input {
-    width: 0.1px;
-    height: 0.1px;
-    opacity: 0;
-    overflow: hidden;
-    position: absolute;
-    z-index: -1;
-  }
-}
-
 .confirm-edit-modal-button {
   margin-left: 5px;
 }