@mongodb-js/connection-form 0.3.0 → 0.6.0

package/dist/components/advanced-options-tabs/csfle-tab/kms-provider-status-indicator.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const iconStyles = (0, compass_components_1.css)({
+    marginLeft: compass_components_1.spacing[2],
+    display: 'block',
+});
+function KMSProviderStatusIndicator({ autoEncryptionOptions, errors, fields, }) {
+    const hasAnyFieldSet = fields.some(({ value }) => value(autoEncryptionOptions));
+    const isMissingRequiredField = fields.some(({ value, optional }) => !optional && !value(autoEncryptionOptions));
+    const hasFieldWithError = fields.some(({ state }) => (typeof state === 'string' ? state : state(errors)) === 'error');
+    if (hasFieldWithError) {
+        return (react_1.default.createElement("span", { title: "Error" },
+            react_1.default.createElement(compass_components_1.Icon, { glyph: "XWithCircle", className: (0, compass_components_1.cx)((0, compass_components_1.css)({ color: compass_components_1.uiColors.red.base }), iconStyles) })));
+    }
+    else if (hasAnyFieldSet && isMissingRequiredField) {
+        return (react_1.default.createElement("span", { title: "Incomplete configuration" },
+            react_1.default.createElement(compass_components_1.Icon, { glyph: "QuestionMarkWithCircle", className: iconStyles })));
+    }
+    else if (hasAnyFieldSet) {
+        return (react_1.default.createElement("span", { title: "Fully configured" },
+            react_1.default.createElement(compass_components_1.Icon, { glyph: "CheckmarkWithCircle", className: (0, compass_components_1.cx)((0, compass_components_1.css)({ color: compass_components_1.uiColors.green.base }), iconStyles) })));
+    }
+    return react_1.default.createElement(react_1.default.Fragment, null);
+}
+exports.default = KMSProviderStatusIndicator;
+//# sourceMappingURL=kms-provider-status-indicator.js.map

package/dist/components/advanced-options-tabs/csfle-tab/kms-provider-status-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kms-provider-status-indicator.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/csfle-tab/kms-provider-status-indicator.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAK1B,uEAMwC;AAExC,MAAM,UAAU,GAAG,IAAA,wBAAG,EAAC;IACrB,UAAU,EAAE,4BAAO,CAAC,CAAC,CAAC;IACtB,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,SAAS,0BAA0B,CAAyC,EAC1E,qBAAqB,EACrB,MAAM,EACN,MAAM,GAKP;IACC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAC/C,KAAK,CAAC,qBAAqB,CAAC,CAC7B,CAAC;IACF,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CACxC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CACpE,CAAC;IACF,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACZ,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,OAAO,CAClE,CAAC;IAEF,IAAI,iBAAiB,EAAE;QACrB,OAAO,CACL,wCAAM,KAAK,EAAC,OAAO;YACjB,8BAAC,yBAAI,IACH,KAAK,EAAC,aAAa,EACnB,SAAS,EAAE,IAAA,uBAAE,EAAC,IAAA,wBAAG,EAAC,EAAE,KAAK,EAAE,6BAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,UAAU,CAAC,GAC5D,CACG,CACR,CAAC;KACH;SAAM,IAAI,cAAc,IAAI,sBAAsB,EAAE;QACnD,OAAO,CACL,wCAAM,KAAK,EAAC,0BAA0B;YACpC,8BAAC,yBAAI,IAAC,KAAK,EAAC,wBAAwB,EAAC,SAAS,EAAE,UAAU,GAAI,CACzD,CACR,CAAC;KACH;SAAM,IAAI,cAAc,EAAE;QACzB,OAAO,CACL,wCAAM,KAAK,EAAC,kBAAkB;YAC5B,8BAAC,yBAAI,IACH,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAE,IAAA,uBAAE,EAAC,IAAA,wBAAG,EAAC,EAAE,KAAK,EAAE,6BAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,UAAU,CAAC,GAC9D,CACG,CACR,CAAC;KACH;IACD,OAAO,6DAAK,CAAC;AACf,CAAC;AAED,kBAAe,0BAA0B,CAAC"}

package/dist/components/advanced-options-tabs/csfle-tab/kms-tls-options.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { AutoEncryptionOptions } from 'mongodb';
+import type { UpdateConnectionFormField } from '../../../hooks/use-connect-form';
+declare function KMSTLSOptions({ updateConnectionFormField, autoEncryptionOptions, kmsProvider, clientCertIsOptional, }: {
+    updateConnectionFormField: UpdateConnectionFormField;
+    autoEncryptionOptions: AutoEncryptionOptions;
+    kmsProvider: keyof NonNullable<AutoEncryptionOptions['tlsOptions']>;
+    clientCertIsOptional?: boolean;
+}): React.ReactElement;
+export default KMSTLSOptions;
+//# sourceMappingURL=kms-tls-options.d.ts.map

package/dist/components/advanced-options-tabs/csfle-tab/kms-tls-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kms-tls-options.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/csfle-tab/kms-tls-options.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,qBAAqB,EAA4B,MAAM,SAAS,CAAC;AAI/E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAEjF,iBAAS,aAAa,CAAC,EACrB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,oBAAoB,GACrB,EAAE;IACD,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,WAAW,EAAE,MAAM,WAAW,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC,CAAC;IACpE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,GAAG,KAAK,CAAC,YAAY,CAuDrB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/advanced-options-tabs/csfle-tab/kms-tls-options.js

@@ -0,0 +1,48 @@
+"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 tls_certificate_authority_1 = __importDefault(require("../tls-ssl-tab/tls-certificate-authority"));
+const tls_client_certificate_1 = __importDefault(require("../tls-ssl-tab/tls-client-certificate"));
+function KMSTLSOptions({ updateConnectionFormField, autoEncryptionOptions, kmsProvider, clientCertIsOptional, }) {
+    var _a, _b;
+    const currentOptions = (_b = (_a = autoEncryptionOptions.tlsOptions) === null || _a === void 0 ? void 0 : _a[kmsProvider]) !== null && _b !== void 0 ? _b : {};
+    const handleFieldChanged = (0, react_1.useCallback)((key, value) => {
+        return updateConnectionFormField({
+            type: 'update-csfle-kms-tls-param',
+            kmsProvider,
+            key,
+            value,
+        });
+    }, [updateConnectionFormField, kmsProvider]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(tls_certificate_authority_1.default, { tlsCAFile: currentOptions.tlsCAFile, useSystemCA: false, hideUseSystemCA: true, disabled: false, handleTlsOptionChanged: (key, value) => handleFieldChanged(key, value !== null && value !== void 0 ? value : undefined), displayDatabaseConnectionUserHints: false }),
+        react_1.default.createElement(tls_client_certificate_1.default, { tlsCertificateKeyFile: currentOptions.tlsCertificateKeyFile, tlsCertificateKeyFilePassword: currentOptions.tlsCertificateKeyFilePassword, disabled: false, updateTLSClientCertificate: (newCertificatePath) => {
+                handleFieldChanged('tlsCertificateKeyFile', newCertificatePath !== null && newCertificatePath !== void 0 ? newCertificatePath : undefined);
+            }, updateTLSClientCertificatePassword: (newPassword) => {
+                handleFieldChanged('tlsCertificateKeyFilePassword', newPassword !== null && newPassword !== void 0 ? newPassword : undefined);
+            }, displayDatabaseConnectionUserHints: false, optional: clientCertIsOptional !== null && clientCertIsOptional !== void 0 ? clientCertIsOptional : true })));
+}
+exports.default = KMSTLSOptions;
+//# sourceMappingURL=kms-tls-options.js.map

package/dist/components/advanced-options-tabs/csfle-tab/kms-tls-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kms-tls-options.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/csfle-tab/kms-tls-options.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAG3C,yGAA+E;AAC/E,mGAAyE;AAGzE,SAAS,aAAa,CAAC,EACrB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,oBAAoB,GAMrB;;IACC,MAAM,cAAc,GAClB,MAAA,MAAA,qBAAqB,CAAC,UAAU,0CAAG,WAAW,CAAC,mCAAI,EAAE,CAAC;IAExD,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,GAAmC,EAAE,KAAc,EAAE,EAAE;QACtD,OAAO,yBAAyB,CAAC;YAC/B,IAAI,EAAE,4BAA4B;YAClC,WAAW;YACX,GAAG;YACH,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EACD,CAAC,yBAAyB,EAAE,WAAW,CAAC,CACzC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,mCAAuB,IACtB,SAAS,EAAE,cAAc,CAAC,SAAS,EACnC,WAAW,EAAE,KAAK,EAClB,eAAe,EAAE,IAAI,EACrB,QAAQ,EAAE,KAAK,EACf,sBAAsB,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CACrC,kBAAkB,CAChB,GAAkB,EAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CACnB,EAEH,kCAAkC,EAAE,KAAK,GACzC;QAEF,8BAAC,gCAAoB,IACnB,qBAAqB,EAAE,cAAc,CAAC,qBAAqB,EAC3D,6BAA6B,EAC3B,cAAc,CAAC,6BAA6B,EAE9C,QAAQ,EAAE,KAAK,EACf,0BAA0B,EAAE,CAAC,kBAAiC,EAAE,EAAE;gBAChE,kBAAkB,CAChB,uBAAuB,EACvB,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,SAAS,CAChC,CAAC;YACJ,CAAC,EACD,kCAAkC,EAAE,CAAC,WAA0B,EAAE,EAAE;gBACjE,kBAAkB,CAChB,+BAA+B,EAC/B,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,SAAS,CACzB,CAAC;YACJ,CAAC,EACD,kCAAkC,EAAE,KAAK,EACzC,QAAQ,EAAE,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,IAAI,GACtC,CACD,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,aAAa,CAAC"}

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

@@ -2,10 +2,10 @@ 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, }: {
+declare function SchemeInput({ connectionStringUrl, errors, updateConnectionFormField, }: {
     connectionStringUrl: ConnectionStringUrl;
     errors: ConnectionFormError[];
     updateConnectionFormField: UpdateConnectionFormField;
 }): React.ReactElement;
-export default SchemaInput;
+export default SchemeInput;
 //# sourceMappingURL=scheme-input.d.ts.map

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

@@ -22,31 +22,31 @@ 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 = {}));
+var MONGODB_SCHEME;
+(function (MONGODB_SCHEME) {
+    MONGODB_SCHEME["MONGODB"] = "MONGODB";
+    MONGODB_SCHEME["MONGODB_SRV"] = "MONGODB_SRV";
+})(MONGODB_SCHEME || (MONGODB_SCHEME = {}));
 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 regularSchemeDescription = '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 srvSchemeDescription = 'DNS Seed List Connection Format. The +srv indicates to the client that the hostname that follows corresponds to a DNS SRV record.';
+function SchemeInput({ connectionStringUrl, errors, updateConnectionFormField, }) {
     const { isSRV } = connectionStringUrl;
-    const onChangeConnectionSchema = (0, react_1.useCallback)((event) => {
+    const onChangeConnectionScheme = (0, react_1.useCallback)((event) => {
         updateConnectionFormField({
-            type: 'update-connection-schema',
-            isSrv: event.target.value === MONGODB_SCHEMA.MONGODB_SRV,
+            type: 'update-connection-scheme',
+            isSrv: event.target.value === MONGODB_SCHEME.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),
+        react_1.default.createElement(compass_components_1.Label, { htmlFor: "connection-scheme-radio-box-group" }, "Connection String Scheme"),
+        react_1.default.createElement(compass_components_1.RadioBoxGroup, { id: "connection-scheme-radio-box-group", value: isSRV ? MONGODB_SCHEME.MONGODB_SRV : MONGODB_SCHEME.MONGODB, onChange: onChangeConnectionScheme },
+            react_1.default.createElement(compass_components_1.RadioBox, { id: "connection-scheme-mongodb-radiobox", "data-testid": "connection-scheme-mongodb-radiobox", value: MONGODB_SCHEME.MONGODB }, "mongodb"),
+            react_1.default.createElement(compass_components_1.RadioBox, { id: "connection-scheme-srv-radiobox", "data-testid": "connection-scheme-srv-radiobox", value: MONGODB_SCHEME.MONGODB_SRV }, "mongodb+srv")),
+        react_1.default.createElement(compass_components_1.Description, { className: descriptionStyles }, isSRV ? srvSchemeDescription : regularSchemeDescription),
         (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;
+exports.default = SchemeInput;
 //# sourceMappingURL=scheme-input.js.map

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

@@ -1 +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;AAuBjF,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,CAiHrB;AAED,eAAe,iBAAiB,CAAC"}
+{"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;AAuBjF,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,CA+GrB;AAED,eAAe,iBAAiB,CAAC"}

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

@@ -90,7 +90,7 @@ function SshTunnelIdentity({ sshTunnelOptions, updateConnectionFormField, errors
                 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' })));
+                        }, label: label, error: Boolean(errorMessage), errorMessage: errorMessage, values: value })));
             case 'text':
             case 'password':
             case 'number':

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

@@ -1 +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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"}
+{"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/tls-ssl-tab/tls-certificate-authority.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
-import type ConnectionStringUrl from 'mongodb-connection-string-url';
-declare function TLSCertificateAuthority({ connectionStringUrl, disabled, updateCAFile, }: {
-    connectionStringUrl: ConnectionStringUrl;
+declare function TLSCertificateAuthority({ tlsCAFile, useSystemCA, disabled, displayDatabaseConnectionUserHints, handleTlsOptionChanged, hideUseSystemCA, }: {
+    tlsCAFile?: string | null;
+    useSystemCA: boolean;
+    hideUseSystemCA?: boolean;
     disabled: boolean;
-    updateCAFile: (newCAFile: string | null) => void;
+    displayDatabaseConnectionUserHints?: boolean;
+    handleTlsOptionChanged: (key: 'tlsCAFile' | 'useSystemCA', value: string | null) => void;
 }): React.ReactElement;
 export default TLSCertificateAuthority;
 //# sourceMappingURL=tls-certificate-authority.d.ts.map

package/dist/components/advanced-options-tabs/tls-ssl-tab/tls-certificate-authority.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tls-certificate-authority.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/tls-ssl-tab/tls-certificate-authority.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AASrE,iBAAS,uBAAuB,CAAC,EAC/B,mBAAmB,EACnB,QAAQ,EACR,YAAY,GACb,EAAE;IACD,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD,GAAG,KAAK,CAAC,YAAY,CAyBrB;AAED,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"tls-certificate-authority.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/tls-ssl-tab/tls-certificate-authority.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,kCAAyC,EACzC,sBAAsB,EACtB,eAAe,GAChB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,sBAAsB,EAAE,CACtB,GAAG,EAAE,WAAW,GAAG,aAAa,EAChC,KAAK,EAAE,MAAM,GAAG,IAAI,KACjB,IAAI,CAAC;CACX,GAAG,KAAK,CAAC,YAAY,CAuDrB;AAED,eAAe,uBAAuB,CAAC"}

package/dist/components/advanced-options-tabs/tls-ssl-tab/tls-certificate-authority.js

@@ -5,18 +5,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const compass_components_1 = require("@mongodb-js/compass-components");
+const tls_ssl_tab_1 = require("./tls-ssl-tab");
 const form_field_container_1 = __importDefault(require("../../form-field-container"));
 const caFieldsContainer = (0, compass_components_1.css)({
     width: '80%',
 });
-function TLSCertificateAuthority({ connectionStringUrl, disabled, updateCAFile, }) {
-    const caFile = connectionStringUrl
-        .typedSearchParams()
-        .get('tlsCAFile');
+function TLSCertificateAuthority({ tlsCAFile, useSystemCA, disabled, displayDatabaseConnectionUserHints = true, handleTlsOptionChanged, hideUseSystemCA, }) {
     return (react_1.default.createElement(form_field_container_1.default, { className: caFieldsContainer },
-        react_1.default.createElement(compass_components_1.FileInput, { description: 'Learn More', disabled: disabled, id: "tlsCAFile", dataTestId: "tlsCAFile-input", label: "Certificate Authority (.pem)", link: 'https://docs.mongodb.com/manual/reference/connection-string/#mongodb-urioption-urioption.tlsCAFile', onChange: (files) => {
-                updateCAFile(files && files.length > 0 ? files[0] : null);
-            }, showFileOnNewLine: true, values: caFile ? [caFile] : undefined, optional: true })));
+        react_1.default.createElement(compass_components_1.FileInput, { description: displayDatabaseConnectionUserHints ? 'Learn More' : undefined, disabled: disabled || useSystemCA, id: "tlsCAFile", dataTestId: "tlsCAFile-input", label: "Certificate Authority (.pem)", link: displayDatabaseConnectionUserHints
+                ? 'https://docs.mongodb.com/manual/reference/connection-string/#mongodb-urioption-urioption.tlsCAFile'
+                : undefined, onChange: (files) => {
+                var _a;
+                handleTlsOptionChanged('tlsCAFile', (_a = files === null || files === void 0 ? void 0 : files[0]) !== null && _a !== void 0 ? _a : null);
+            }, showFileOnNewLine: true, values: tlsCAFile ? [tlsCAFile] : undefined, optional: true }),
+        !hideUseSystemCA && (react_1.default.createElement(compass_components_1.Checkbox, { onChange: (event) => {
+                handleTlsOptionChanged('useSystemCA', event.target.checked ? 'true' : null);
+            }, "data-testid": "useSystemCA-input", id: "useSystemCA-input", label: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(compass_components_1.Label, { htmlFor: "useSystemCA-input" }, "Use System Certificate Authority"),
+                react_1.default.createElement(compass_components_1.Description, { className: (0, compass_components_1.cx)(tls_ssl_tab_1.checkboxDescriptionStyles, {
+                        [tls_ssl_tab_1.disabledCheckboxDescriptionStyles]: disabled,
+                    }) }, "Use the operating system\u2019s Certificate Authority store.")), disabled: disabled, checked: useSystemCA }))));
 }
 exports.default = TLSCertificateAuthority;
 //# sourceMappingURL=tls-certificate-authority.js.map

package/dist/components/advanced-options-tabs/tls-ssl-tab/tls-certificate-authority.js.map

@@ -1 +1 @@
-{"version":3,"file":"tls-certificate-authority.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/tls-ssl-tab/tls-certificate-authority.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uEAAgE;AAIhE,sFAA4D;AAE5D,MAAM,iBAAiB,GAAG,IAAA,wBAAG,EAAC;IAC5B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,SAAS,uBAAuB,CAAC,EAC/B,mBAAmB,EACnB,QAAQ,EACR,YAAY,GAKb;IACC,MAAM,MAAM,GAAG,mBAAmB;SAC/B,iBAAiB,EAAsB;SACvC,GAAG,CAAC,WAAW,CAAC,CAAC;IAEpB,OAAO,CACL,8BAAC,8BAAkB,IAAC,SAAS,EAAE,iBAAiB;QAC9C,8BAAC,8BAAS,IACR,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,WAAW,EACd,UAAU,EAAC,iBAAiB,EAC5B,KAAK,EAAC,8BAA8B,EACpC,IAAI,EACF,oGAAoG,EAEtG,QAAQ,EAAE,CAAC,KAAsB,EAAE,EAAE;gBACnC,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAC5D,CAAC,EACD,iBAAiB,QACjB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,EACrC,QAAQ,SACR,CACiB,CACtB,CAAC;AACJ,CAAC;AAED,kBAAe,uBAAuB,CAAC"}
+{"version":3,"file":"tls-certificate-authority.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/tls-ssl-tab/tls-certificate-authority.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uEAOwC;AACxC,+CAGuB;AAEvB,sFAA4D;AAE5D,MAAM,iBAAiB,GAAG,IAAA,wBAAG,EAAC;IAC5B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,SAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,kCAAkC,GAAG,IAAI,EACzC,sBAAsB,EACtB,eAAe,GAWhB;IACC,OAAO,CACL,8BAAC,8BAAkB,IAAC,SAAS,EAAE,iBAAiB;QAC9C,8BAAC,8BAAS,IACR,WAAW,EACT,kCAAkC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAE/D,QAAQ,EAAE,QAAQ,IAAI,WAAW,EACjC,EAAE,EAAC,WAAW,EACd,UAAU,EAAC,iBAAiB,EAC5B,KAAK,EAAC,8BAA8B,EACpC,IAAI,EACF,kCAAkC;gBAChC,CAAC,CAAC,oGAAoG;gBACtG,CAAC,CAAC,SAAS,EAEf,QAAQ,EAAE,CAAC,KAAsB,EAAE,EAAE;;gBACnC,sBAAsB,CAAC,WAAW,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,mCAAI,IAAI,CAAC,CAAC;YAC1D,CAAC,EACD,iBAAiB,QACjB,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,SACR;QAEiD,CAAC,eAAe,IAAI,CACnE,8BAAC,6BAAQ,IACP,QAAQ,EAAE,CAAC,KAA0C,EAAE,EAAE;gBACvD,sBAAsB,CACpB,aAAa,EACb,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CACrC,CAAC;YACJ,CAAC,iBACW,mBAAmB,EAC/B,EAAE,EAAC,mBAAmB,EACtB,KAAK,EACH;gBACE,8BAAC,0BAAK,IAAC,OAAO,EAAC,mBAAmB,uCAE1B;gBACR,8BAAC,gCAAW,IACV,SAAS,EAAE,IAAA,uBAAE,EAAC,uCAAyB,EAAE;wBACvC,CAAC,+CAAiC,CAAC,EAAE,QAAQ;qBAC9C,CAAC,mEAGU,CACb,EAEL,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,GACpB,CACH,CAEgB,CACtB,CAAC;AACJ,CAAC;AAED,kBAAe,uBAAuB,CAAC"}

package/dist/components/advanced-options-tabs/tls-ssl-tab/tls-client-certificate.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
-import type ConnectionStringUrl from 'mongodb-connection-string-url';
-declare function TLSClientCertificate({ connectionStringUrl, disabled, updateTLSClientCertificate, updateTLSClientCertificatePassword, }: {
-    connectionStringUrl: ConnectionStringUrl;
+declare function TLSClientCertificate({ tlsCertificateKeyFile, tlsCertificateKeyFilePassword, disabled, displayDatabaseConnectionUserHints, optional, updateTLSClientCertificate, updateTLSClientCertificatePassword, }: {
+    tlsCertificateKeyFile?: string | null;
+    tlsCertificateKeyFilePassword?: string | null;
     disabled: boolean;
+    displayDatabaseConnectionUserHints?: boolean;
+    optional?: boolean;
     updateTLSClientCertificate: (newClientCertificateKeyFile: string | null) => void;
     updateTLSClientCertificatePassword: (newPassword: string | null) => void;
 }): React.ReactElement;

package/dist/components/advanced-options-tabs/tls-ssl-tab/tls-client-certificate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tls-client-certificate.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/tls-ssl-tab/tls-client-certificate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AASrE,iBAAS,oBAAoB,CAAC,EAC5B,mBAAmB,EACnB,QAAQ,EACR,0BAA0B,EAC1B,kCAAkC,GACnC,EAAE;IACD,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,0BAA0B,EAAE,CAC1B,2BAA2B,EAAE,MAAM,GAAG,IAAI,KACvC,IAAI,CAAC;IACV,kCAAkC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1E,GAAG,KAAK,CAAC,YAAY,CAkDrB;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"tls-client-certificate.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/tls-ssl-tab/tls-client-certificate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,iBAAS,oBAAoB,CAAC,EAC5B,qBAAqB,EACrB,6BAA6B,EAC7B,QAAQ,EACR,kCAAyC,EACzC,QAAe,EACf,0BAA0B,EAC1B,kCAAkC,GACnC,EAAE;IACD,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,6BAA6B,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B,EAAE,CAC1B,2BAA2B,EAAE,MAAM,GAAG,IAAI,KACvC,IAAI,CAAC;IACV,kCAAkC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1E,GAAG,KAAK,CAAC,YAAY,CAmDrB;AAED,eAAe,oBAAoB,CAAC"}

package/dist/components/advanced-options-tabs/tls-ssl-tab/tls-client-certificate.js

@@ -9,15 +9,16 @@ const form_field_container_1 = __importDefault(require("../../form-field-contain
 const inputFieldStyles = (0, compass_components_1.css)({
     width: '80%',
 });
-function TLSClientCertificate({ connectionStringUrl, disabled, updateTLSClientCertificate, updateTLSClientCertificatePassword, }) {
-    const typedParams = connectionStringUrl.typedSearchParams();
-    const clientCertificateKeyFile = typedParams.get('tlsCertificateKeyFile');
-    const tlsCertificateKeyFilePassword = typedParams.get('tlsCertificateKeyFilePassword');
+function TLSClientCertificate({ tlsCertificateKeyFile, tlsCertificateKeyFilePassword, disabled, displayDatabaseConnectionUserHints = true, optional = true, updateTLSClientCertificate, updateTLSClientCertificatePassword, }) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(form_field_container_1.default, { className: inputFieldStyles },
-            react_1.default.createElement(compass_components_1.FileInput, { description: 'Learn More', disabled: disabled, id: "tlsCertificateKeyFile", label: "Client Certificate and Key (.pem)", dataTestId: "tlsCertificateKeyFile-input", link: 'https://docs.mongodb.com/manual/reference/connection-string/#mongodb-urioption-urioption.tlsCertificateKeyFile', values: clientCertificateKeyFile ? [clientCertificateKeyFile] : [], onChange: (files) => {
+            react_1.default.createElement(compass_components_1.FileInput, { description: displayDatabaseConnectionUserHints ? 'Learn More' : undefined, disabled: disabled, id: "tlsCertificateKeyFile", label: "Client Certificate and Key (.pem)", dataTestId: "tlsCertificateKeyFile-input", link: displayDatabaseConnectionUserHints
+                    ? 'https://docs.mongodb.com/manual/reference/connection-string/#mongodb-urioption-urioption.tlsCertificateKeyFile'
+                    : undefined, values: tlsCertificateKeyFile ? [tlsCertificateKeyFile] : [], onChange: (files) => {
                     updateTLSClientCertificate(files && files.length > 0 ? files[0] : null);
-                }, showFileOnNewLine: true, optional: true, optionalMessage: "Optional (required with X.509 auth)" })),
+                }, showFileOnNewLine: true, optional: optional, optionalMessage: optional && displayDatabaseConnectionUserHints
+                    ? 'Optional (required with X.509 auth)'
+                    : undefined })),
         react_1.default.createElement(form_field_container_1.default, null,
             react_1.default.createElement(compass_components_1.TextInput, { className: inputFieldStyles, onChange: ({ target: { value }, }) => {
                     updateTLSClientCertificatePassword(value);

package/dist/components/advanced-options-tabs/tls-ssl-tab/tls-client-certificate.js.map

@@ -1 +1 @@
-{"version":3,"file":"tls-client-certificate.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/tls-ssl-tab/tls-client-certificate.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uEAA2E;AAI3E,sFAA4D;AAE5D,MAAM,gBAAgB,GAAG,IAAA,wBAAG,EAAC;IAC3B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,SAAS,oBAAoB,CAAC,EAC5B,mBAAmB,EACnB,QAAQ,EACR,0BAA0B,EAC1B,kCAAkC,GAQnC;IACC,MAAM,WAAW,GACf,mBAAmB,CAAC,iBAAiB,EAAsB,CAAC;IAC9D,MAAM,wBAAwB,GAAG,WAAW,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IAC1E,MAAM,6BAA6B,GAAG,WAAW,CAAC,GAAG,CACnD,+BAA+B,CAChC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,8BAAkB,IAAC,SAAS,EAAE,gBAAgB;YAC7C,8BAAC,8BAAS,IACR,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,uBAAuB,EAC1B,KAAK,EAAC,mCAAmC,EACzC,UAAU,EAAC,6BAA6B,EACxC,IAAI,EACF,gHAAgH,EAElH,MAAM,EAAE,wBAAwB,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,EAAE,EAClE,QAAQ,EAAE,CAAC,KAAe,EAAE,EAAE;oBAC5B,0BAA0B,CACxB,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAC5C,CAAC;gBACJ,CAAC,EACD,iBAAiB,QACjB,QAAQ,QACR,eAAe,EAAC,qCAAqC,GACrD,CACiB;QACrB,8BAAC,8BAAkB;YACjB,8BAAC,8BAAS,IACR,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,EACT,MAAM,EAAE,EAAE,KAAK,EAAE,GACmB,EAAE,EAAE;oBACxC,kCAAkC,CAAC,KAAK,CAAC,CAAC;gBAC5C,CAAC,EACD,QAAQ,EAAE,QAAQ,iBACN,qCAAqC,EACjD,EAAE,EAAC,+BAA+B,EAClC,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,6BAA6B,IAAI,EAAE,EAC1C,QAAQ,SACR,CACiB,CACpB,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,oBAAoB,CAAC"}
+{"version":3,"file":"tls-client-certificate.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/tls-ssl-tab/tls-client-certificate.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uEAA2E;AAE3E,sFAA4D;AAE5D,MAAM,gBAAgB,GAAG,IAAA,wBAAG,EAAC;IAC3B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,SAAS,oBAAoB,CAAC,EAC5B,qBAAqB,EACrB,6BAA6B,EAC7B,QAAQ,EACR,kCAAkC,GAAG,IAAI,EACzC,QAAQ,GAAG,IAAI,EACf,0BAA0B,EAC1B,kCAAkC,GAWnC;IACC,OAAO,CACL;QACE,8BAAC,8BAAkB,IAAC,SAAS,EAAE,gBAAgB;YAC7C,8BAAC,8BAAS,IACR,WAAW,EACT,kCAAkC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAE/D,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,uBAAuB,EAC1B,KAAK,EAAC,mCAAmC,EACzC,UAAU,EAAC,6BAA6B,EACxC,IAAI,EACF,kCAAkC;oBAChC,CAAC,CAAC,gHAAgH;oBAClH,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,EAAE,EAC5D,QAAQ,EAAE,CAAC,KAAe,EAAE,EAAE;oBAC5B,0BAA0B,CACxB,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAC5C,CAAC;gBACJ,CAAC,EACD,iBAAiB,QACjB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EACb,QAAQ,IAAI,kCAAkC;oBAC5C,CAAC,CAAC,qCAAqC;oBACvC,CAAC,CAAC,SAAS,GAEf,CACiB;QACrB,8BAAC,8BAAkB;YACjB,8BAAC,8BAAS,IACR,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,EACT,MAAM,EAAE,EAAE,KAAK,EAAE,GACmB,EAAE,EAAE;oBACxC,kCAAkC,CAAC,KAAK,CAAC,CAAC;gBAC5C,CAAC,EACD,QAAQ,EAAE,QAAQ,iBACN,qCAAqC,EACjD,EAAE,EAAC,+BAA+B,EAClC,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,6BAA6B,IAAI,EAAE,EAC1C,QAAQ,SACR,CACiB,CACpB,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,oBAAoB,CAAC"}

package/dist/components/advanced-options-tabs/tls-ssl-tab/tls-ssl-tab.d.ts

@@ -1,10 +1,14 @@
 import React from 'react';
 import type ConnectionStringUrl from 'mongodb-connection-string-url';
+import type { ConnectionOptions } from 'mongodb-data-service';
 import type { UpdateConnectionFormField } from '../../../hooks/use-connect-form';
 import type { TLS_OPTIONS } from '../../../utils/tls-handler';
+export declare const checkboxDescriptionStyles: string;
+export declare const disabledCheckboxDescriptionStyles: string;
 export declare function getTLSOptionForConnectionString(connectionStringUrl: ConnectionStringUrl): TLS_OPTIONS | undefined;
-declare function TLSTab({ connectionStringUrl, updateConnectionFormField, }: {
+declare function TLSTab({ connectionStringUrl, connectionOptions, updateConnectionFormField, }: {
     connectionStringUrl: ConnectionStringUrl;
+    connectionOptions: ConnectionOptions;
     updateConnectionFormField: UpdateConnectionFormField;
 }): React.ReactElement;
 export default TLSTab;

package/dist/components/advanced-options-tabs/tls-ssl-tab/tls-ssl-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tls-ssl-tab.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/tls-ssl-tab/tls-ssl-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAa3C,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AAGrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAIjF,OAAO,KAAK,EAAiB,WAAW,EAAE,MAAM,4BAA4B,CAAC;AA4B7E,wBAAgB,+BAA+B,CAC7C,mBAAmB,EAAE,mBAAmB,GACvC,WAAW,GAAG,SAAS,CAgCzB;AAED,iBAAS,MAAM,CAAC,EACd,mBAAmB,EACnB,yBAAyB,GAC1B,EAAE;IACD,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,yBAAyB,EAAE,yBAAyB,CAAC;CACtD,GAAG,KAAK,CAAC,YAAY,CAwIrB;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"tls-ssl-tab.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/tls-ssl-tab/tls-ssl-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAa3C,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AAErE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAIjF,OAAO,KAAK,EAAiB,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE7E,eAAO,MAAM,yBAAyB,QAEpC,CAAC;AAEH,eAAO,MAAM,iCAAiC,QAE5C,CAAC;AAoBH,wBAAgB,+BAA+B,CAC7C,mBAAmB,EAAE,mBAAmB,GACvC,WAAW,GAAG,SAAS,CAgCzB;AAED,iBAAS,MAAM,CAAC,EACd,mBAAmB,EACnB,iBAAiB,EACjB,yBAAyB,GAC1B,EAAE;IACD,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,yBAAyB,EAAE,yBAAyB,CAAC;CACtD,GAAG,KAAK,CAAC,YAAY,CAgIrB;AAED,eAAe,MAAM,CAAC"}

package/dist/components/advanced-options-tabs/tls-ssl-tab/tls-ssl-tab.js

@@ -22,16 +22,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTLSOptionForConnectionString = void 0;
+exports.getTLSOptionForConnectionString = exports.disabledCheckboxDescriptionStyles = exports.checkboxDescriptionStyles = void 0;
 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 tls_client_certificate_1 = __importDefault(require("./tls-client-certificate"));
 const tls_certificate_authority_1 = __importDefault(require("./tls-certificate-authority"));
-const checkboxDescriptionStyles = (0, compass_components_1.css)({
+exports.checkboxDescriptionStyles = (0, compass_components_1.css)({
     marginTop: compass_components_1.spacing[1],
 });
-const disabledCheckboxDescriptionStyles = (0, compass_components_1.css)({
+exports.disabledCheckboxDescriptionStyles = (0, compass_components_1.css)({
     color: compass_components_1.uiColors.gray.light1,
 });
 const TLS_TYPES = [
@@ -69,7 +69,7 @@ function getTLSOptionForConnectionString(connectionStringUrl) {
     }
 }
 exports.getTLSOptionForConnectionString = getTLSOptionForConnectionString;
-function TLSTab({ connectionStringUrl, updateConnectionFormField, }) {
+function TLSTab({ connectionStringUrl, connectionOptions, updateConnectionFormField, }) {
     const tlsOption = getTLSOptionForConnectionString(connectionStringUrl);
     const onChangeTLS = (0, react_1.useCallback)((event) => {
         updateConnectionFormField({
@@ -77,23 +77,22 @@ function TLSTab({ connectionStringUrl, updateConnectionFormField, }) {
             tlsOption: event.target.value,
         });
     }, [updateConnectionFormField]);
+    const searchParams = connectionStringUrl.typedSearchParams();
     const tlsOptionFields = [
         {
             name: 'tlsInsecure',
             description: 'This includes tlsAllowInvalidHostnames and tlsAllowInvalidCertificates.',
-            checked: connectionStringUrl.searchParams.get('tlsInsecure') === 'true',
+            checked: searchParams.get('tlsInsecure') === 'true',
         },
         {
             name: 'tlsAllowInvalidHostnames',
             description: 'Disable the validation of the hostnames in the certificate presented by the mongod/mongos instance.',
-            checked: connectionStringUrl.searchParams.get('tlsAllowInvalidHostnames') ===
-                'true',
+            checked: searchParams.get('tlsAllowInvalidHostnames') === 'true',
         },
         {
             name: 'tlsAllowInvalidCertificates',
             description: 'Disable the validation of the server certificates.',
-            checked: connectionStringUrl.searchParams.get('tlsAllowInvalidCertificates') ===
-                'true',
+            checked: searchParams.get('tlsAllowInvalidCertificates') === 'true',
         },
     ];
     const tlsOptionsDisabled = tlsOption === 'OFF';
@@ -106,25 +105,23 @@ function TLSTab({ connectionStringUrl, updateConnectionFormField, }) {
     }, [updateConnectionFormField]);
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(form_field_container_1.default, null,
-            react_1.default.createElement(compass_components_1.Label, { htmlFor: "connection-schema-radio-box-group" }, "SSL/TLS Connection"),
+            react_1.default.createElement(compass_components_1.Label, { htmlFor: "tls-radio-box-group" }, "SSL/TLS Connection"),
             react_1.default.createElement(compass_components_1.InlineInfoLink, { href: "https://docs.mongodb.com/manual/reference/connection-string/#tls-options", "aria-label": "TLS/SSL Option Documentation" }),
-            react_1.default.createElement(compass_components_1.RadioBoxGroup, { id: "connection-schema-radio-box-group", value: tlsOption || '', onChange: onChangeTLS }, TLS_TYPES.map((tlsType) => (react_1.default.createElement(compass_components_1.RadioBox, { id: `connection-tls-enabled-${tlsType.value}-radio-button`, "data-testid": `connection-tls-enabled-${tlsType.value}-radio-button`, value: tlsType.value, key: tlsType.value }, tlsType.label))))),
-        react_1.default.createElement(tls_certificate_authority_1.default, { connectionStringUrl: connectionStringUrl, disabled: tlsOptionsDisabled, updateCAFile: (newCertificatePath) => {
-                handleTlsOptionChanged('tlsCAFile', newCertificatePath);
-            } }),
-        react_1.default.createElement(tls_client_certificate_1.default, { connectionStringUrl: connectionStringUrl, disabled: tlsOptionsDisabled, updateTLSClientCertificate: (newCertificatePath) => {
+            react_1.default.createElement(compass_components_1.RadioBoxGroup, { id: "tls-radio-box-group", value: tlsOption || '', onChange: onChangeTLS }, TLS_TYPES.map((tlsType) => (react_1.default.createElement(compass_components_1.RadioBox, { id: `connection-tls-enabled-${tlsType.value}-radio-button`, "data-testid": `connection-tls-enabled-${tlsType.value}-radio-button`, value: tlsType.value, key: tlsType.value }, tlsType.label))))),
+        react_1.default.createElement(tls_certificate_authority_1.default, { tlsCAFile: searchParams.get('tlsCAFile'), useSystemCA: !!connectionOptions.useSystemCA, disabled: tlsOptionsDisabled, handleTlsOptionChanged: handleTlsOptionChanged }),
+        react_1.default.createElement(tls_client_certificate_1.default, { tlsCertificateKeyFile: searchParams.get('tlsCertificateKeyFile'), tlsCertificateKeyFilePassword: searchParams.get('tlsCertificateKeyFilePassword'), disabled: tlsOptionsDisabled, updateTLSClientCertificate: (newCertificatePath) => {
                 handleTlsOptionChanged('tlsCertificateKeyFile', newCertificatePath);
-            }, updateTLSClientCertificatePassword: (newCertificatePath) => {
-                handleTlsOptionChanged('tlsCertificateKeyFilePassword', newCertificatePath);
+            }, updateTLSClientCertificatePassword: (newPassword) => {
+                handleTlsOptionChanged('tlsCertificateKeyFilePassword', newPassword);
             } }),
         tlsOptionFields.map((tlsOptionField) => (react_1.default.createElement(form_field_container_1.default, { key: tlsOptionField.name },
             react_1.default.createElement(compass_components_1.Checkbox, { onChange: (event) => {
                     handleTlsOptionChanged(tlsOptionField.name, event.target.checked ? 'true' : null);
                 }, "data-testid": `${tlsOptionField.name}-input`, id: `${tlsOptionField.name}-input`, label: react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(compass_components_1.Label, { htmlFor: `${tlsOptionField.name}-input` }, tlsOptionField.name),
-                    react_1.default.createElement(compass_components_1.Description, { className: (0, compass_components_1.cx)(checkboxDescriptionStyles, {
-                            [disabledCheckboxDescriptionStyles]: tlsOptionsDisabled,
-                        }) }, tlsOptionField.description)), disabled: tlsOptionsDisabled, checked: tlsOptionField.checked, bold: false }))))));
+                    react_1.default.createElement(compass_components_1.Description, { className: (0, compass_components_1.cx)(exports.checkboxDescriptionStyles, {
+                            [exports.disabledCheckboxDescriptionStyles]: tlsOptionsDisabled,
+                        }) }, tlsOptionField.description)), disabled: tlsOptionsDisabled, checked: tlsOptionField.checked }))))));
 }
 exports.default = TLSTab;
 //# sourceMappingURL=tls-ssl-tab.js.map

package/dist/components/advanced-options-tabs/tls-ssl-tab/tls-ssl-tab.js.map

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

package/dist/components/connect-form-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connect-form-actions.d.ts","sourceRoot":"","sources":["../../src/components/connect-form-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EACV,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAgB7B,iBAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,UAAU,GACX,EAAE;IACD,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,QAAQ,EAAE,qBAAqB,EAAE,CAAC;IAClC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;CAC/C,GAAG,KAAK,CAAC,YAAY,CA0BrB;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"connect-form-actions.d.ts","sourceRoot":"","sources":["../../src/components/connect-form-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EACV,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAqB7B,iBAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,UAAU,GACX,EAAE;IACD,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,QAAQ,EAAE,qBAAqB,EAAE,CAAC;IAClC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;CAC/C,GAAG,KAAK,CAAC,YAAY,CAwCrB;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/connect-form-actions.js

@@ -5,25 +5,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const compass_components_1 = require("@mongodb-js/compass-components");
-const validation_summary_1 = require("./validation-summary");
 const formActionStyles = (0, compass_components_1.css)({
     borderTop: `1px solid ${compass_components_1.uiColors.gray.light2}`,
     paddingLeft: compass_components_1.spacing[4],
     paddingRight: compass_components_1.spacing[4],
 });
+const formActionItemStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[3],
+    '&:last-child': {
+        marginBottom: compass_components_1.spacing[3],
+    },
+});
 const formActionButtonsStyles = (0, compass_components_1.css)({
     display: 'flex',
     justifyContent: 'flex-end',
     gap: compass_components_1.spacing[2],
-    paddingTop: compass_components_1.spacing[3],
-    paddingBottom: compass_components_1.spacing[3],
 });
 function ConnectFormActions({ errors, warnings, onConnectClicked, onSaveClicked, saveButton, }) {
     return (react_1.default.createElement("div", { className: formActionStyles },
-        warnings.length ? react_1.default.createElement(validation_summary_1.WarningSummary, { warnings: warnings }) : '',
-        errors.length ? react_1.default.createElement(validation_summary_1.ErrorSummary, { errors: errors }) : '',
-        react_1.default.createElement("div", { className: formActionButtonsStyles },
-            saveButton !== 'hidden' && (react_1.default.createElement(compass_components_1.Button, { variant: compass_components_1.ButtonVariant.Default, disabled: saveButton === 'disabled', onClick: onSaveClicked }, "Save")),
+        warnings.length > 0 && (react_1.default.createElement("div", { className: formActionItemStyles },
+            react_1.default.createElement(compass_components_1.WarningSummary, { warnings: warnings.map((warning) => warning.message) }))),
+        errors.length > 0 && (react_1.default.createElement("div", { className: formActionItemStyles },
+            react_1.default.createElement(compass_components_1.ErrorSummary, { "data-testid": "connection-error-summary", errors: errors.map((error) => error.message) }))),
+        react_1.default.createElement("div", { className: (0, compass_components_1.cx)(formActionItemStyles, formActionButtonsStyles) },
+            saveButton !== 'hidden' && (react_1.default.createElement(compass_components_1.Button, { "data-testid": "save-connection-button", variant: compass_components_1.ButtonVariant.Default, disabled: saveButton === 'disabled', onClick: onSaveClicked }, "Save")),
             react_1.default.createElement(compass_components_1.Button, { "data-testid": "connect-button", variant: compass_components_1.ButtonVariant.Primary, onClick: onConnectClicked }, "Connect"))));
 }
 exports.default = ConnectFormActions;

package/dist/components/connect-form-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"connect-form-actions.js","sourceRoot":"","sources":["../../src/components/connect-form-actions.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uEAMwC;AACxC,6DAAoE;AAMpE,MAAM,gBAAgB,GAAG,IAAA,wBAAG,EAAC;IAC3B,SAAS,EAAE,aAAa,6BAAQ,CAAC,IAAI,CAAC,MAAM,EAAE;IAC9C,WAAW,EAAE,4BAAO,CAAC,CAAC,CAAC;IACvB,YAAY,EAAE,4BAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,wBAAG,EAAC;IAClC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,UAAU;IAC1B,GAAG,EAAE,4BAAO,CAAC,CAAC,CAAC;IACf,UAAU,EAAE,4BAAO,CAAC,CAAC,CAAC;IACtB,aAAa,EAAE,4BAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC;AAEH,SAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,UAAU,GAOX;IACC,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAgB;QAC7B,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,8BAAC,mCAAc,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,EAAE;QAC7D,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,8BAAC,iCAAY,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,EAAE;QACtD,uCAAK,SAAS,EAAE,uBAAuB;YACpC,UAAU,KAAK,QAAQ,IAAI,CAC1B,8BAAC,2BAAM,IACL,OAAO,EAAE,kCAAa,CAAC,OAAO,EAC9B,QAAQ,EAAE,UAAU,KAAK,UAAU,EACnC,OAAO,EAAE,aAAa,WAGf,CACV;YAED,8BAAC,2BAAM,mBACO,gBAAgB,EAC5B,OAAO,EAAE,kCAAa,CAAC,OAAO,EAC9B,OAAO,EAAE,gBAAgB,cAGlB,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"connect-form-actions.js","sourceRoot":"","sources":["../../src/components/connect-form-actions.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uEASwC;AAMxC,MAAM,gBAAgB,GAAG,IAAA,wBAAG,EAAC;IAC3B,SAAS,EAAE,aAAa,6BAAQ,CAAC,IAAI,CAAC,MAAM,EAAE;IAC9C,WAAW,EAAE,4BAAO,CAAC,CAAC,CAAC;IACvB,YAAY,EAAE,4BAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,IAAA,wBAAG,EAAC;IAC/B,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;IACrB,cAAc,EAAE;QACd,YAAY,EAAE,4BAAO,CAAC,CAAC,CAAC;KACzB;CACF,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,wBAAG,EAAC;IAClC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,UAAU;IAC1B,GAAG,EAAE,4BAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,SAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,UAAU,GAOX;IACC,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAgB;QAC7B,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB,uCAAK,SAAS,EAAE,oBAAoB;YAClC,8BAAC,mCAAc,IACb,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,GACpD,CACE,CACP;QACA,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,uCAAK,SAAS,EAAE,oBAAoB;YAClC,8BAAC,iCAAY,mBACC,0BAA0B,EACtC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAC5C,CACE,CACP;QACD,uCAAK,SAAS,EAAE,IAAA,uBAAE,EAAC,oBAAoB,EAAE,uBAAuB,CAAC;YAC9D,UAAU,KAAK,QAAQ,IAAI,CAC1B,8BAAC,2BAAM,mBACO,wBAAwB,EACpC,OAAO,EAAE,kCAAa,CAAC,OAAO,EAC9B,QAAQ,EAAE,UAAU,KAAK,UAAU,EACnC,OAAO,EAAE,aAAa,WAGf,CACV;YAED,8BAAC,2BAAM,mBACO,gBAAgB,EAC5B,OAAO,EAAE,kCAAa,CAAC,OAAO,EAC9B,OAAO,EAAE,gBAAgB,cAGlB,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,kBAAkB,CAAC"}

package/dist/components/connect-form.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import type { ConnectionInfo } from 'mongodb-data-service';
-declare function ConnectForm({ initialConnectionInfo, connectionErrorMessage, onConnectClicked, onSaveConnectionClicked, }: {
+declare const _default: React.ComponentType<{
+    darkMode?: boolean | undefined;
     initialConnectionInfo: ConnectionInfo;
-    connectionErrorMessage?: string | null;
+    connectionErrorMessage?: string | null | undefined;
     onConnectClicked: (connectionInfo: ConnectionInfo) => void;
-    onSaveConnectionClicked?: (connectionInfo: ConnectionInfo) => Promise<void>;
-}): React.ReactElement;
-export default ConnectForm;
+    onSaveConnectionClicked?: ((connectionInfo: ConnectionInfo) => Promise<void>) | undefined;
+}>;
+export default _default;
 //# sourceMappingURL=connect-form.d.ts.map

package/dist/components/connect-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connect-form.d.ts","sourceRoot":"","sources":["../../src/components/connect-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,sBAAsB,CAAC;AAoG9B,iBAAS,WAAW,CAAC,EACnB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAGhB,uBAAuB,GACxB,EAAE;IACD,qBAAqB,EAAE,cAAc,CAAC;IACtC,sBAAsB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3D,uBAAuB,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7E,GAAG,KAAK,CAAC,YAAY,CA+KrB;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"connect-form.d.ts","sourceRoot":"","sources":["../../src/components/connect-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,sBAAsB,CAAC;;;;;;;;AA+S9B,wBAAsC"}