@mongodb-js/connection-form 0.1.1

package/dist/components/advanced-options-tabs/general-tab/schema-input.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const validation_1 = require("../../../utils/validation");
+var MONGODB_SCHEMA;
+(function (MONGODB_SCHEMA) {
+    MONGODB_SCHEMA["MONGODB"] = "MONGODB";
+    MONGODB_SCHEMA["MONGODB_SRV"] = "MONGODB_SRV";
+})(MONGODB_SCHEMA || (MONGODB_SCHEMA = {}));
+const descriptionStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[1],
+});
+const regularSchemaDescription = 'Standard Connection String Format. The standard format of the MongoDB connection URI is used to connect to a MongoDB deployment: standalone, replica set, or a sharded cluster.';
+const srvSchemaDescription = 'DNS Seed List Connection Format. The +srv indicates to the client that the hostname that follows corresponds to a DNS SRV record.';
+function SchemaInput({ connectionStringUrl, errors, updateConnectionFormField, }) {
+    const { isSRV } = connectionStringUrl;
+    const onChangeConnectionSchema = (0, react_1.useCallback)((event) => {
+        updateConnectionFormField({
+            type: 'update-connection-schema',
+            isSrv: event.target.value === MONGODB_SCHEMA.MONGODB_SRV,
+        });
+    }, [updateConnectionFormField]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(compass_components_1.Label, { htmlFor: "connection-schema-radio-box-group" }, "Schema"),
+        react_1.default.createElement(compass_components_1.RadioBoxGroup, { id: "connection-schema-radio-box-group", value: isSRV ? MONGODB_SCHEMA.MONGODB_SRV : MONGODB_SCHEMA.MONGODB, onChange: onChangeConnectionSchema },
+            react_1.default.createElement(compass_components_1.RadioBox, { value: MONGODB_SCHEMA.MONGODB }, "mongodb"),
+            react_1.default.createElement(compass_components_1.RadioBox, { value: MONGODB_SCHEMA.MONGODB_SRV }, "mongodb+srv")),
+        react_1.default.createElement(compass_components_1.Description, { className: descriptionStyles }, isSRV ? srvSchemaDescription : regularSchemaDescription),
+        (0, validation_1.fieldNameHasError)(errors, 'isSrv') && (react_1.default.createElement(compass_components_1.Banner, { variant: compass_components_1.BannerVariant.Danger }, (0, validation_1.errorMessageByFieldName)(errors, 'isSrv')))));
+}
+exports.default = SchemaInput;
+//# sourceMappingURL=schema-input.js.map

package/dist/components/advanced-options-tabs/general-tab/schema-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-input.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/general-tab/schema-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,uEASwC;AAKxC,0DAGmC;AAEnC,IAAK,cAGJ;AAHD,WAAK,cAAc;IACjB,qCAAmB,CAAA;IACnB,6CAA2B,CAAA;AAC7B,CAAC,EAHI,cAAc,KAAd,cAAc,QAGlB;AAED,MAAM,iBAAiB,GAAG,IAAA,wBAAG,EAAC;IAC5B,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAC5B,iLAAiL,CAAC;AACpL,MAAM,oBAAoB,GACxB,mIAAmI,CAAC;AAEtI,SAAS,WAAW,CAAC,EACnB,mBAAmB,EACnB,MAAM,EACN,yBAAyB,GAK1B;IACC,MAAM,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC;IAEtC,MAAM,wBAAwB,GAAG,IAAA,mBAAW,EAC1C,CAAC,KAA0C,EAAE,EAAE;QAC7C,yBAAyB,CAAC;YACxB,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,cAAc,CAAC,WAAW;SACzD,CAAC,CAAC;IACL,CAAC,EACD,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,0BAAK,IAAC,OAAO,EAAC,mCAAmC,aAAe;QACjE,8BAAC,kCAAa,IACZ,EAAE,EAAC,mCAAmC,EACtC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,EAClE,QAAQ,EAAE,wBAAwB;YAElC,8BAAC,6BAAQ,IAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAoB;YAC3D,8BAAC,6BAAQ,IAAC,KAAK,EAAE,cAAc,CAAC,WAAW,kBAAwB,CACrD;QAChB,8BAAC,gCAAW,IAAC,SAAS,EAAE,iBAAiB,IACtC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,wBAAwB,CAC5C;QACb,IAAA,8BAAiB,EAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CACrC,8BAAC,2BAAM,IAAC,OAAO,EAAE,kCAAa,CAAC,MAAM,IAClC,IAAA,oCAAuB,EAAC,MAAM,EAAE,OAAO,CAAC,CAClC,CACV,CACA,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,WAAW,CAAC"}

package/dist/components/advanced-options-tabs/general-tab/scheme-input.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type ConnectionStringUrl from 'mongodb-connection-string-url';
+import type { UpdateConnectionFormField } from '../../../hooks/use-connect-form';
+import type { ConnectionFormError } from '../../../utils/validation';
+declare function SchemaInput({ connectionStringUrl, errors, updateConnectionFormField, }: {
+    connectionStringUrl: ConnectionStringUrl;
+    errors: ConnectionFormError[];
+    updateConnectionFormField: UpdateConnectionFormField;
+}): React.ReactElement;
+export default SchemaInput;
+//# sourceMappingURL=scheme-input.d.ts.map

package/dist/components/advanced-options-tabs/general-tab/scheme-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheme-input.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/general-tab/scheme-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAW3C,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AAErE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAoBrE,iBAAS,WAAW,CAAC,EACnB,mBAAmB,EACnB,MAAM,EACN,yBAAyB,GAC1B,EAAE;IACD,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,yBAAyB,EAAE,yBAAyB,CAAC;CACtD,GAAG,KAAK,CAAC,YAAY,CAgDrB;AAED,eAAe,WAAW,CAAC"}

package/dist/components/advanced-options-tabs/general-tab/scheme-input.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const validation_1 = require("../../../utils/validation");
+var MONGODB_SCHEMA;
+(function (MONGODB_SCHEMA) {
+    MONGODB_SCHEMA["MONGODB"] = "MONGODB";
+    MONGODB_SCHEMA["MONGODB_SRV"] = "MONGODB_SRV";
+})(MONGODB_SCHEMA || (MONGODB_SCHEMA = {}));
+const descriptionStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[2],
+});
+const regularSchemaDescription = 'Standard Connection String Format. The standard format of the MongoDB connection URI is used to connect to a MongoDB deployment: standalone, replica set, or a sharded cluster.';
+const srvSchemaDescription = 'DNS Seed List Connection Format. The +srv indicates to the client that the hostname that follows corresponds to a DNS SRV record.';
+function SchemaInput({ connectionStringUrl, errors, updateConnectionFormField, }) {
+    const { isSRV } = connectionStringUrl;
+    const onChangeConnectionSchema = (0, react_1.useCallback)((event) => {
+        updateConnectionFormField({
+            type: 'update-connection-schema',
+            isSrv: event.target.value === MONGODB_SCHEMA.MONGODB_SRV,
+        });
+    }, [updateConnectionFormField]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(compass_components_1.Label, { htmlFor: "connection-schema-radio-box-group" }, "Connection String Scheme"),
+        react_1.default.createElement(compass_components_1.RadioBoxGroup, { id: "connection-schema-radio-box-group", value: isSRV ? MONGODB_SCHEMA.MONGODB_SRV : MONGODB_SCHEMA.MONGODB, onChange: onChangeConnectionSchema },
+            react_1.default.createElement(compass_components_1.RadioBox, { id: "connection-scheme-mongodb-radiobox", "data-testid": "connection-scheme-mongodb-radiobox", value: MONGODB_SCHEMA.MONGODB }, "mongodb"),
+            react_1.default.createElement(compass_components_1.RadioBox, { id: "connection-scheme-srv-radiobox", "data-testid": "connection-scheme-srv-radiobox", value: MONGODB_SCHEMA.MONGODB_SRV }, "mongodb+srv")),
+        react_1.default.createElement(compass_components_1.Description, { className: descriptionStyles }, isSRV ? srvSchemaDescription : regularSchemaDescription),
+        (0, validation_1.fieldNameHasError)(errors, 'isSrv') && (react_1.default.createElement(compass_components_1.Banner, { variant: compass_components_1.BannerVariant.Danger }, (0, validation_1.errorMessageByFieldName)(errors, 'isSrv')))));
+}
+exports.default = SchemaInput;
+//# sourceMappingURL=scheme-input.js.map

package/dist/components/advanced-options-tabs/general-tab/scheme-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheme-input.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/general-tab/scheme-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,uEASwC;AAKxC,0DAGmC;AAEnC,IAAK,cAGJ;AAHD,WAAK,cAAc;IACjB,qCAAmB,CAAA;IACnB,6CAA2B,CAAA;AAC7B,CAAC,EAHI,cAAc,KAAd,cAAc,QAGlB;AAED,MAAM,iBAAiB,GAAG,IAAA,wBAAG,EAAC;IAC5B,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAC5B,iLAAiL,CAAC;AACpL,MAAM,oBAAoB,GACxB,mIAAmI,CAAC;AAEtI,SAAS,WAAW,CAAC,EACnB,mBAAmB,EACnB,MAAM,EACN,yBAAyB,GAK1B;IACC,MAAM,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC;IAEtC,MAAM,wBAAwB,GAAG,IAAA,mBAAW,EAC1C,CAAC,KAA0C,EAAE,EAAE;QAC7C,yBAAyB,CAAC;YACxB,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,cAAc,CAAC,WAAW;SACzD,CAAC,CAAC;IACL,CAAC,EACD,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,0BAAK,IAAC,OAAO,EAAC,mCAAmC,+BAE1C;QACR,8BAAC,kCAAa,IACZ,EAAE,EAAC,mCAAmC,EACtC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,EAClE,QAAQ,EAAE,wBAAwB;YAElC,8BAAC,6BAAQ,IACP,EAAE,EAAC,oCAAoC,iBAC3B,oCAAoC,EAChD,KAAK,EAAE,cAAc,CAAC,OAAO,cAGpB;YACX,8BAAC,6BAAQ,IACP,EAAE,EAAC,gCAAgC,iBACvB,gCAAgC,EAC5C,KAAK,EAAE,cAAc,CAAC,WAAW,kBAGxB,CACG;QAChB,8BAAC,gCAAW,IAAC,SAAS,EAAE,iBAAiB,IACtC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,wBAAwB,CAC5C;QACb,IAAA,8BAAiB,EAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CACrC,8BAAC,2BAAM,IAAC,OAAO,EAAE,kCAAa,CAAC,MAAM,IAClC,IAAA,oCAAuB,EAAC,MAAM,EAAE,OAAO,CAAC,CAClC,CACV,CACA,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,WAAW,CAAC"}

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/proxy-and-ssh-tunnel-tab.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ConnectionOptions } from 'mongodb-data-service';
+import type ConnectionStringUrl from 'mongodb-connection-string-url';
+import type { UpdateConnectionFormField } from '../../../hooks/use-connect-form';
+import type { ConnectionFormError } from '../../../utils/validation';
+declare function ProxyAndSshTunnelTab({ connectionOptions, updateConnectionFormField, errors, connectionStringUrl, }: {
+    errors: ConnectionFormError[];
+    connectionStringUrl: ConnectionStringUrl;
+    updateConnectionFormField: UpdateConnectionFormField;
+    connectionOptions?: ConnectionOptions;
+}): React.ReactElement;
+export default ProxyAndSshTunnelTab;
+//# sourceMappingURL=proxy-and-ssh-tunnel-tab.d.ts.map

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/proxy-and-ssh-tunnel-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"proxy-and-ssh-tunnel-tab.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/ssh-tunnel-tab/proxy-and-ssh-tunnel-tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAQ9D,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AAGrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AASjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAuFrE,iBAAS,oBAAoB,CAAC,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,MAAM,EACN,mBAAmB,GACpB,EAAE;IACD,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,GAAG,KAAK,CAAC,YAAY,CAsFrB;AAED,eAAe,oBAAoB,CAAC"}

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/proxy-and-ssh-tunnel-tab.js

@@ -0,0 +1,127 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const ssh_tunnel_identity_1 = __importDefault(require("./ssh-tunnel-identity"));
+const ssh_tunnel_password_1 = __importDefault(require("./ssh-tunnel-password"));
+const socks_1 = __importDefault(require("./socks"));
+const options = [
+    {
+        title: 'None',
+        id: 'none',
+        type: 'none',
+        component: function None() {
+            return react_1.default.createElement(react_1.default.Fragment, null);
+        },
+    },
+    {
+        title: 'SSH with Password',
+        id: 'password',
+        type: 'ssh-password',
+        component: ssh_tunnel_password_1.default,
+    },
+    {
+        title: 'SSH with Identity File',
+        id: 'identity',
+        type: 'ssh-identity',
+        component: ssh_tunnel_identity_1.default,
+    },
+    {
+        title: 'Socks5',
+        id: 'socks',
+        type: 'socks',
+        component: socks_1.default,
+    },
+];
+const containerStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[3],
+});
+const contentStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[3],
+    width: '50%',
+    minWidth: 400,
+});
+const getSelectedTunnelType = (connectionStringUrl, connectionOptions) => {
+    const searchParams = connectionStringUrl.typedSearchParams();
+    const isUsingProxy = searchParams.get('proxyHost') ||
+        searchParams.get('proxyPort') ||
+        searchParams.get('proxyUsername') ||
+        searchParams.get('proxyPassword');
+    if (isUsingProxy) {
+        return 'socks';
+    }
+    if (!connectionOptions ||
+        !(connectionOptions === null || connectionOptions === void 0 ? void 0 : connectionOptions.sshTunnel) ||
+        !Object.values(connectionOptions.sshTunnel).find(Boolean)) {
+        return 'none';
+    }
+    const isUsingIdentity = connectionOptions.sshTunnel.identityKeyFile ||
+        connectionOptions.sshTunnel.identityKeyPassphrase;
+    if (isUsingIdentity) {
+        return 'ssh-identity';
+    }
+    return 'ssh-password';
+};
+function ProxyAndSshTunnelTab({ connectionOptions, updateConnectionFormField, errors, connectionStringUrl, }) {
+    var _a;
+    const selectedTunnelType = getSelectedTunnelType(connectionStringUrl, connectionOptions);
+    const selectedOptionIndex = (_a = options.findIndex((x) => x.type === selectedTunnelType)) !== null && _a !== void 0 ? _a : 0;
+    const [selectedOption, setSelectedOption] = (0, react_1.useState)(options[selectedOptionIndex]);
+    const handleOptionChanged = (0, react_1.useCallback)((oldType, newType) => {
+        let type;
+        switch (newType) {
+            case 'socks':
+                type = 'remove-ssh-options';
+                break;
+            case 'ssh-identity':
+            case 'ssh-password':
+                type = 'remove-proxy-options';
+                break;
+            default:
+                type =
+                    oldType === 'socks' ? 'remove-proxy-options' : 'remove-ssh-options';
+                break;
+        }
+        updateConnectionFormField({ type });
+    }, [updateConnectionFormField]);
+    const optionSelected = (0, react_1.useCallback)((event) => {
+        event.preventDefault();
+        const item = options.find(({ id }) => id === event.target.value);
+        if (item) {
+            handleOptionChanged(selectedOption.type, item.type);
+            setSelectedOption(item);
+        }
+    }, [selectedOption, handleOptionChanged]);
+    const TunnelContent = selectedOption.component;
+    return (react_1.default.createElement("div", { className: containerStyles },
+        react_1.default.createElement(compass_components_1.Label, { htmlFor: "ssh-options-radio-box-group" }, "SSH Tunnel/Proxy Method"),
+        react_1.default.createElement(compass_components_1.RadioBoxGroup, { id: "ssh-options-radio-box-group", onChange: optionSelected, className: "radio-box-group-style" }, options.map(({ title, id, type }) => {
+            return (react_1.default.createElement(compass_components_1.RadioBox, { id: `${type}-tab-button`, "data-testid": `${type}-tab-button`, checked: selectedOption.id === id, value: id, key: id }, title));
+        })),
+        connectionOptions && (react_1.default.createElement("div", { className: contentStyles, "data-testid": `${selectedOption.type}-tab-content` },
+            react_1.default.createElement(TunnelContent, { errors: errors, sshTunnelOptions: connectionOptions.sshTunnel, updateConnectionFormField: updateConnectionFormField, connectionStringUrl: connectionStringUrl })))));
+}
+exports.default = ProxyAndSshTunnelTab;
+//# sourceMappingURL=proxy-and-ssh-tunnel-tab.js.map

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/proxy-and-ssh-tunnel-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"proxy-and-ssh-tunnel-tab.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/ssh-tunnel-tab/proxy-and-ssh-tunnel-tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAqD;AAErD,uEAMwC;AAUxC,gFAAsD;AACtD,gFAAsD;AACtD,oDAA4B;AAe5B,MAAM,OAAO,GAAgB;IAC3B;QACE,KAAK,EAAE,MAAM;QACb,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,SAAS,IAAI;YACtB,OAAO,6DAAK,CAAC;QACf,CAAC;KACF;IACD;QACE,KAAK,EAAE,mBAAmB;QAC1B,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,6BAAiB;KAC7B;IACD;QACE,KAAK,EAAE,wBAAwB;QAC/B,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,6BAAiB;KAC7B;IACD;QACE,KAAK,EAAE,QAAQ;QACf,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,eAAK;KACjB;CACF,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,wBAAG,EAAC;IAC1B,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,IAAA,wBAAG,EAAC;IACxB,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;IACrB,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,GAAG;CACd,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,CAC5B,mBAAwC,EACxC,iBAAqC,EACzB,EAAE;IACd,MAAM,YAAY,GAChB,mBAAmB,CAAC,iBAAiB,EAAsB,CAAC;IAC9D,MAAM,YAAY,GAChB,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC;QAC7B,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC;QAC7B,YAAY,CAAC,GAAG,CAAC,eAAe,CAAC;QACjC,YAAY,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAEpC,IAAI,YAAY,EAAE;QAChB,OAAO,OAAO,CAAC;KAChB;IAED,IACE,CAAC,iBAAiB;QAClB,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,CAAA;QAC7B,CAAC,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EACzD;QACA,OAAO,MAAM,CAAC;KACf;IAED,MAAM,eAAe,GACnB,iBAAiB,CAAC,SAAS,CAAC,eAAe;QAC3C,iBAAiB,CAAC,SAAS,CAAC,qBAAqB,CAAC;IACpD,IAAI,eAAe,EAAE;QACnB,OAAO,cAAc,CAAC;KACvB;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,SAAS,oBAAoB,CAAC,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,MAAM,EACN,mBAAmB,GAMpB;;IACC,MAAM,kBAAkB,GAAe,qBAAqB,CAC1D,mBAAmB,EACnB,iBAAiB,CAClB,CAAC;IAEF,MAAM,mBAAmB,GACvB,MAAA,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,kBAAkB,CAAC,mCAAI,CAAC,CAAC;IAC/D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAClD,OAAO,CAAC,mBAAmB,CAAC,CAC7B,CAAC;IAEF,MAAM,mBAAmB,GAAG,IAAA,mBAAW,EACrC,CAAC,OAAmB,EAAE,OAAmB,EAAE,EAAE;QAC3C,IAAI,IAAmD,CAAC;QACxD,QAAQ,OAAO,EAAE;YACf,KAAK,OAAO;gBACV,IAAI,GAAG,oBAAoB,CAAC;gBAC5B,MAAM;YACR,KAAK,cAAc,CAAC;YACpB,KAAK,cAAc;gBACjB,IAAI,GAAG,sBAAsB,CAAC;gBAC9B,MAAM;YACR;gBACE,IAAI;oBACF,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,oBAAoB,CAAC;gBACtE,MAAM;SACT;QACD,yBAAyB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,KAAoC,EAAE,EAAE;QACvC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjE,IAAI,IAAI,EAAE;YACR,mBAAmB,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACpD,iBAAiB,CAAC,IAAI,CAAC,CAAC;SACzB;IACH,CAAC,EACD,CAAC,cAAc,EAAE,mBAAmB,CAAC,CACtC,CAAC;IAEF,MAAM,aAAa,GAAG,cAAc,CAAC,SAAS,CAAC;IAE/C,OAAO,CACL,uCAAK,SAAS,EAAE,eAAe;QAC7B,8BAAC,0BAAK,IAAC,OAAO,EAAC,6BAA6B,8BAEpC;QACR,8BAAC,kCAAa,IACZ,EAAE,EAAC,6BAA6B,EAChC,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,uBAAuB,IAEhC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;YACnC,OAAO,CACL,8BAAC,6BAAQ,IACP,EAAE,EAAE,GAAG,IAAI,aAAa,iBACX,GAAG,IAAI,aAAa,EACjC,OAAO,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,EACjC,KAAK,EAAE,EAAE,EACT,GAAG,EAAE,EAAE,IAEN,KAAK,CACG,CACZ,CAAC;QACJ,CAAC,CAAC,CACY;QACf,iBAAiB,IAAI,CACpB,uCACE,SAAS,EAAE,aAAa,iBACX,GAAG,cAAc,CAAC,IAAI,cAAc;YAEjD,8BAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,iBAAiB,CAAC,SAAS,EAC7C,yBAAyB,EAAE,yBAAyB,EACpD,mBAAmB,EAAE,mBAAmB,GACxC,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,oBAAoB,CAAC"}

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/socks.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type ConnectionStringUrl from 'mongodb-connection-string-url';
+import type { ConnectionFormError } from '../../../utils/validation';
+import type { UpdateConnectionFormField } from '../../../hooks/use-connect-form';
+declare function Socks({ updateConnectionFormField, errors, connectionStringUrl, }: {
+    updateConnectionFormField: UpdateConnectionFormField;
+    errors: ConnectionFormError[];
+    connectionStringUrl: ConnectionStringUrl;
+}): React.ReactElement;
+export default Socks;
+//# sourceMappingURL=socks.d.ts.map

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/socks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"socks.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/ssh-tunnel-tab/socks.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AAGrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAKrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAejF,iBAAS,KAAK,CAAC,EACb,yBAAyB,EACzB,MAAM,EACN,mBAAmB,GACpB,EAAE;IACD,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C,GAAG,KAAK,CAAC,YAAY,CAmFrB;AAED,eAAe,KAAK,CAAC"}

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/socks.js

@@ -0,0 +1,86 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const form_field_container_1 = __importDefault(require("../../form-field-container"));
+const validation_1 = require("../../../utils/validation");
+function Socks({ updateConnectionFormField, errors, connectionStringUrl, }) {
+    var _a, _b, _c, _d;
+    const typedSearchParams = connectionStringUrl.typedSearchParams();
+    const handleFieldChanged = (0, react_1.useCallback)((key, value) => {
+        if (!value) {
+            return updateConnectionFormField({
+                type: 'delete-search-param',
+                key,
+            });
+        }
+        return updateConnectionFormField({
+            type: 'update-search-param',
+            currentKey: key,
+            value,
+        });
+    }, [updateConnectionFormField]);
+    const fields = [
+        {
+            name: 'proxyHost',
+            label: 'Proxy Hostname',
+            type: 'text',
+            optional: false,
+            value: (_a = typedSearchParams.get('proxyHost')) !== null && _a !== void 0 ? _a : '',
+            errorMessage: (0, validation_1.errorMessageByFieldName)(errors, 'proxyHostname'),
+            state: (0, validation_1.fieldNameHasError)(errors, 'proxyHostname') ? 'error' : 'none',
+        },
+        {
+            name: 'proxyPort',
+            label: 'Proxy Tunnel Port',
+            type: 'number',
+            optional: true,
+            value: (_b = typedSearchParams.get('proxyPort')) !== null && _b !== void 0 ? _b : '',
+            state: 'none',
+        },
+        {
+            name: 'proxyUsername',
+            label: 'Proxy Username',
+            type: 'text',
+            optional: true,
+            value: (_c = typedSearchParams.get('proxyUsername')) !== null && _c !== void 0 ? _c : '',
+            state: 'none',
+        },
+        {
+            name: 'proxyPassword',
+            label: 'Proxy Password',
+            type: 'password',
+            optional: true,
+            value: (_d = typedSearchParams.get('proxyPassword')) !== null && _d !== void 0 ? _d : '',
+            state: 'none',
+        },
+    ];
+    return (react_1.default.createElement(react_1.default.Fragment, null, fields.map(({ name, label, type, optional, value, errorMessage, state }) => (react_1.default.createElement(form_field_container_1.default, { key: name },
+        react_1.default.createElement(compass_components_1.TextInput, { onChange: ({ target: { value }, }) => {
+                handleFieldChanged(name, value);
+            }, name: name, "data-testid": name, label: label, type: type, optional: optional, value: value, errorMessage: errorMessage, state: state, spellCheck: false }))))));
+}
+exports.default = Socks;
+//# sourceMappingURL=socks.js.map

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/socks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"socks.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/ssh-tunnel-tab/socks.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA2C;AAC3C,uEAA2D;AAI3D,sFAA4D;AAE5D,0DAGmC;AAgBnC,SAAS,KAAK,CAAC,EACb,yBAAyB,EACzB,MAAM,EACN,mBAAmB,GAKpB;;IACC,MAAM,iBAAiB,GACrB,mBAAmB,CAAC,iBAAiB,EAAsB,CAAC;IAE9D,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,GAA6B,EAAE,KAAc,EAAE,EAAE;QAChD,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,yBAAyB,CAAC;gBAC/B,IAAI,EAAE,qBAAqB;gBAC3B,GAAG;aACJ,CAAC,CAAC;SACJ;QACD,OAAO,yBAAyB,CAAC;YAC/B,IAAI,EAAE,qBAAqB;YAC3B,UAAU,EAAE,GAAG;YACf,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EACD,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,MAAM,MAAM,GAAY;QACtB;YACE,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,MAAA,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,mCAAI,EAAE;YAC/C,YAAY,EAAE,IAAA,oCAAuB,EAAC,MAAM,EAAE,eAAe,CAAC;YAC9D,KAAK,EAAE,IAAA,8BAAiB,EAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACrE;QACD;YACE,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,MAAA,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,mCAAI,EAAE;YAC/C,KAAK,EAAE,MAAM;SACd;QACD;YACE,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,MAAA,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC,mCAAI,EAAE;YACnD,KAAK,EAAE,MAAM;SACd;QACD;YACE,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,MAAA,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC,mCAAI,EAAE;YACnD,KAAK,EAAE,MAAM;SACd;KACF,CAAC;IAEF,OAAO,CACL,8DACG,MAAM,CAAC,GAAG,CACT,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/D,8BAAC,8BAAkB,IAAC,GAAG,EAAE,IAAI;QAC3B,8BAAC,8BAAS,IACR,QAAQ,EAAE,CAAC,EACT,MAAM,EAAE,EAAE,KAAK,EAAE,GACa,EAAE,EAAE;gBAClC,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAClC,CAAC,EACD,IAAI,EAAE,IAAI,iBACG,IAAI,EACjB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,GACjB,CACiB,CACtB,CACF,CACA,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,KAAK,CAAC"}

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-identity.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { SSHConnectionOptions } from '../../../utils/connection-ssh-handler';
+import type { ConnectionFormError } from '../../../utils/validation';
+import type { UpdateConnectionFormField } from '../../../hooks/use-connect-form';
+declare function SshTunnelIdentity({ sshTunnelOptions, updateConnectionFormField, errors, }: {
+    sshTunnelOptions?: SSHConnectionOptions;
+    updateConnectionFormField: UpdateConnectionFormField;
+    errors: ConnectionFormError[];
+}): React.ReactElement;
+export default SshTunnelIdentity;
+//# sourceMappingURL=ssh-tunnel-identity.d.ts.map

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-identity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssh-tunnel-identity.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-identity.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAElF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAKrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAIjF,iBAAS,iBAAiB,CAAC,EACzB,gBAAgB,EAChB,yBAAyB,EACzB,MAAM,GACP,EAAE;IACD,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,MAAM,EAAE,mBAAmB,EAAE,CAAC;CAC/B,GAAG,KAAK,CAAC,YAAY,CA6GrB;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-identity.js

@@ -0,0 +1,100 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const form_field_container_1 = __importDefault(require("../../form-field-container"));
+const validation_1 = require("../../../utils/validation");
+function SshTunnelIdentity({ sshTunnelOptions, updateConnectionFormField, errors, }) {
+    var _a;
+    const formFieldChanged = (0, react_1.useCallback)((key, value) => {
+        return updateConnectionFormField({
+            type: 'update-ssh-options',
+            key,
+            value,
+        });
+    }, [updateConnectionFormField]);
+    const fields = [
+        {
+            name: 'host',
+            label: 'SSH Hostname',
+            type: 'text',
+            optional: false,
+            value: sshTunnelOptions === null || sshTunnelOptions === void 0 ? void 0 : sshTunnelOptions.host,
+            errorMessage: (0, validation_1.errorMessageByFieldName)(errors, 'sshHostname'),
+            state: (0, validation_1.fieldNameHasError)(errors, 'sshHostname') ? 'error' : 'none',
+        },
+        {
+            name: 'port',
+            label: 'SSH Port',
+            type: 'number',
+            optional: false,
+            value: (_a = sshTunnelOptions === null || sshTunnelOptions === void 0 ? void 0 : sshTunnelOptions.port) === null || _a === void 0 ? void 0 : _a.toString(),
+            errorMessage: '',
+            state: 'none',
+        },
+        {
+            name: 'username',
+            label: 'SSH Username',
+            type: 'text',
+            optional: false,
+            value: sshTunnelOptions === null || sshTunnelOptions === void 0 ? void 0 : sshTunnelOptions.username,
+            errorMessage: (0, validation_1.errorMessageByFieldName)(errors, 'sshUsername'),
+            state: (0, validation_1.fieldNameHasError)(errors, 'sshUsername') ? 'error' : 'none',
+        },
+        {
+            name: 'identityKeyFile',
+            label: 'SSH Identity File',
+            type: 'file',
+            errorMessage: (0, validation_1.errorMessageByFieldName)(errors, 'sshIdentityKeyFile'),
+            state: (0, validation_1.fieldNameHasError)(errors, 'sshIdentityKeyFile') ? 'error' : 'none',
+            value: (sshTunnelOptions === null || sshTunnelOptions === void 0 ? void 0 : sshTunnelOptions.identityKeyFile) && sshTunnelOptions.identityKeyFile
+                ? [sshTunnelOptions.identityKeyFile]
+                : undefined,
+        },
+        {
+            name: 'identityKeyPassphrase',
+            label: 'SSH Passphrase',
+            type: 'password',
+            optional: true,
+            value: sshTunnelOptions === null || sshTunnelOptions === void 0 ? void 0 : sshTunnelOptions.identityKeyPassphrase,
+            errorMessage: undefined,
+            state: 'none',
+        },
+    ];
+    return (react_1.default.createElement(react_1.default.Fragment, null, fields.map(({ name, label, type, optional, value, errorMessage, state }) => {
+        if (type === 'file') {
+            return (react_1.default.createElement(form_field_container_1.default, { key: name },
+                react_1.default.createElement(compass_components_1.FileInput, { id: name, dataTestId: name, onChange: (files) => {
+                        formFieldChanged(name, files[0]);
+                    }, label: label, error: Boolean(errorMessage), errorMessage: errorMessage, values: value, description: 'Learn More', link: 'https://mongodb.com' })));
+        }
+        return (react_1.default.createElement(form_field_container_1.default, { key: name },
+            react_1.default.createElement(compass_components_1.TextInput, { onChange: ({ target: { value }, }) => {
+                    formFieldChanged(name, value);
+                }, name: name, "data-testid": name, label: label, type: type, optional: optional, value: value, errorMessage: errorMessage, state: state, spellCheck: false })));
+    })));
+}
+exports.default = SshTunnelIdentity;
+//# sourceMappingURL=ssh-tunnel-identity.js.map

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-identity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssh-tunnel-identity.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-identity.tsx"],"names":[],"mappings":"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"}

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-password.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { SSHConnectionOptions } from '../../../utils/connection-ssh-handler';
+import type { ConnectionFormError } from '../../../utils/validation';
+import type { UpdateConnectionFormField } from '../../../hooks/use-connect-form';
+declare function SshTunnelPassword({ sshTunnelOptions, updateConnectionFormField, errors, }: {
+    sshTunnelOptions?: SSHConnectionOptions;
+    updateConnectionFormField: UpdateConnectionFormField;
+    errors: ConnectionFormError[];
+}): React.ReactElement;
+export default SshTunnelPassword;
+//# sourceMappingURL=ssh-tunnel-password.d.ts.map

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssh-tunnel-password.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-password.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAElF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAKrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAOjF,iBAAS,iBAAiB,CAAC,EACzB,gBAAgB,EAChB,yBAAyB,EACzB,MAAM,GACP,EAAE;IACD,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,MAAM,EAAE,mBAAmB,EAAE,CAAC;CAC/B,GAAG,KAAK,CAAC,YAAY,CA6ErB;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-password.js

@@ -0,0 +1,82 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const form_field_container_1 = __importDefault(require("../../form-field-container"));
+const validation_1 = require("../../../utils/validation");
+function SshTunnelPassword({ sshTunnelOptions, updateConnectionFormField, errors, }) {
+    var _a;
+    const formFieldChanged = (0, react_1.useCallback)((key, value) => {
+        return updateConnectionFormField({
+            type: 'update-ssh-options',
+            key,
+            value,
+        });
+    }, [updateConnectionFormField]);
+    const fields = [
+        {
+            name: 'host',
+            label: 'SSH Hostname',
+            type: 'text',
+            optional: false,
+            value: sshTunnelOptions === null || sshTunnelOptions === void 0 ? void 0 : sshTunnelOptions.host,
+            errorMessage: (0, validation_1.errorMessageByFieldName)(errors, 'sshHostname'),
+            state: (0, validation_1.fieldNameHasError)(errors, 'sshHostname') ? 'error' : 'none',
+        },
+        {
+            name: 'port',
+            label: 'SSH Port',
+            type: 'number',
+            optional: false,
+            value: (_a = sshTunnelOptions === null || sshTunnelOptions === void 0 ? void 0 : sshTunnelOptions.port) === null || _a === void 0 ? void 0 : _a.toString(),
+            errorMessage: undefined,
+            state: 'none',
+        },
+        {
+            name: 'username',
+            label: 'SSH Username',
+            type: 'text',
+            optional: false,
+            value: sshTunnelOptions === null || sshTunnelOptions === void 0 ? void 0 : sshTunnelOptions.username,
+            errorMessage: (0, validation_1.errorMessageByFieldName)(errors, 'sshUsername'),
+            state: (0, validation_1.fieldNameHasError)(errors, 'sshUsername') ? 'error' : 'none',
+        },
+        {
+            name: 'password',
+            label: 'SSH Password',
+            type: 'password',
+            optional: true,
+            value: sshTunnelOptions === null || sshTunnelOptions === void 0 ? void 0 : sshTunnelOptions.password,
+            errorMessage: (0, validation_1.errorMessageByFieldName)(errors, 'sshPassword'),
+            state: (0, validation_1.fieldNameHasError)(errors, 'sshPassword') ? 'error' : 'none',
+        },
+    ];
+    return (react_1.default.createElement(react_1.default.Fragment, null, fields.map(({ name, label, type, optional, value, errorMessage, state }) => (react_1.default.createElement(form_field_container_1.default, { key: name },
+        react_1.default.createElement(compass_components_1.TextInput, { onChange: ({ target: { value }, }) => {
+                formFieldChanged(name, value);
+            }, name: name, "data-testid": name, label: label, type: type, optional: optional, value: value, errorMessage: errorMessage, state: state, spellCheck: false }))))));
+}
+exports.default = SshTunnelPassword;
+//# sourceMappingURL=ssh-tunnel-password.js.map

package/dist/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssh-tunnel-password.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-password.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA2C;AAC3C,uEAA2D;AAE3D,sFAA4D;AAE5D,0DAGmC;AAQnC,SAAS,iBAAiB,CAAC,EACzB,gBAAgB,EAChB,yBAAyB,EACzB,MAAM,GAKP;;IACC,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,GAAqB,EAAE,KAAa,EAAE,EAAE;QACvC,OAAO,yBAAyB,CAAC;YAC/B,IAAI,EAAE,oBAAoB;YAC1B,GAAG;YACH,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EACD,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,MAAM,MAAM,GAAG;QACb;YACE,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI;YAC7B,YAAY,EAAE,IAAA,oCAAuB,EAAC,MAAM,EAAE,aAAa,CAAC;YAC5D,KAAK,EAAE,IAAA,8BAAiB,EAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACnE;QACD;YACE,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,QAAQ,EAAE;YACzC,YAAY,EAAE,SAAS;YACvB,KAAK,EAAE,MAAM;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,QAAQ;YACjC,YAAY,EAAE,IAAA,oCAAuB,EAAC,MAAM,EAAE,aAAa,CAAC;YAC5D,KAAK,EAAE,IAAA,8BAAiB,EAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACnE;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,QAAQ;YACjC,YAAY,EAAE,IAAA,oCAAuB,EAAC,MAAM,EAAE,aAAa,CAAC;YAC5D,KAAK,EAAE,IAAA,8BAAiB,EAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACnE;KACF,CAAC;IAEF,OAAO,CACL,8DACG,MAAM,CAAC,GAAG,CACT,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/D,8BAAC,8BAAkB,IAAC,GAAG,EAAE,IAAI;QAC3B,8BAAC,8BAAS,IACR,QAAQ,EAAE,CAAC,EACT,MAAM,EAAE,EAAE,KAAK,EAAE,GACa,EAAE,EAAE;gBAClC,gBAAgB,CAAC,IAAwB,EAAE,KAAK,CAAC,CAAC;YACpD,CAAC,EACD,IAAI,EAAE,IAAI,iBACG,IAAI,EACjB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAyB,EAChC,UAAU,EAAE,KAAK,GACjB,CACiB,CACtB,CACF,CACA,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,iBAAiB,CAAC"}