@mongodb-js/connection-form 0.1.1

package/dist/components/advanced-options-tabs/advanced-options-tabs.js

@@ -0,0 +1,85 @@
+"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 mongodb_connection_string_url_1 = __importDefault(require("mongodb-connection-string-url"));
+const general_tab_1 = __importDefault(require("./general-tab/general-tab"));
+const authentication_tab_1 = __importDefault(require("./authentication-tab/authentication-tab"));
+const proxy_and_ssh_tunnel_tab_1 = __importDefault(require("./ssh-tunnel-tab/proxy-and-ssh-tunnel-tab"));
+const tls_ssl_tab_1 = __importDefault(require("./tls-ssl-tab/tls-ssl-tab"));
+const advanced_tab_1 = __importDefault(require("./advanced-tab/advanced-tab"));
+const validation_1 = require("../../utils/validation");
+const default_connection_1 = require("../../constants/default-connection");
+const tabsStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[1],
+});
+const tabWithErrorIndicatorStyles = (0, compass_components_1.css)({
+    position: 'relative',
+    '&::after': {
+        position: 'absolute',
+        top: -compass_components_1.spacing[2],
+        right: -compass_components_1.spacing[2],
+        content: '""',
+        width: compass_components_1.spacing[2],
+        height: compass_components_1.spacing[2],
+        borderRadius: '50%',
+        backgroundColor: compass_components_1.uiColors.red.base,
+    },
+});
+function AdvancedOptionsTabs({ errors, updateConnectionFormField, connectionOptions, }) {
+    const [activeTab, setActiveTab] = (0, react_1.useState)(0);
+    const tabs = [
+        { name: 'General', id: 'general', component: general_tab_1.default },
+        {
+            name: 'Authentication',
+            id: 'authentication',
+            component: authentication_tab_1.default,
+        },
+        { name: 'TLS/SSL', id: 'tls', component: tls_ssl_tab_1.default },
+        { name: 'Proxy/SSH Tunnel', id: 'proxy', component: proxy_and_ssh_tunnel_tab_1.default },
+        { name: 'Advanced', id: 'advanced', component: advanced_tab_1.default },
+    ];
+    const connectionStringUrl = (0, react_1.useMemo)(() => {
+        try {
+            return new mongodb_connection_string_url_1.default(connectionOptions.connectionString);
+        }
+        catch (e) {
+            return new mongodb_connection_string_url_1.default(default_connection_1.defaultConnectionString);
+        }
+    }, [connectionOptions]);
+    return (react_1.default.createElement(compass_components_1.Tabs, { className: tabsStyles, setSelected: setActiveTab, selected: activeTab, "aria-label": "Advanced Options Tabs" }, tabs.map((tabObject, idx) => {
+        const TabComponent = tabObject.component;
+        const tabErrors = (0, validation_1.errorsByFieldTab)(errors, tabObject.id);
+        const showTabErrorIndicator = tabErrors.length > 0;
+        return (react_1.default.createElement(compass_components_1.Tab, { key: idx, name: react_1.default.createElement("div", { className: (0, compass_components_1.cx)({
+                    [tabWithErrorIndicatorStyles]: showTabErrorIndicator,
+                }) }, tabObject.name), "aria-label": `${tabObject.name}${tabErrors.length > 0
+                ? ` (${tabErrors.length} error${tabErrors.length > 1 ? 's' : ''})`
+                : ''}`, "data-testid": `connection-${tabObject.id}-tab`, "data-has-error": showTabErrorIndicator },
+            react_1.default.createElement(TabComponent, { errors: errors, connectionStringUrl: connectionStringUrl, updateConnectionFormField: updateConnectionFormField, connectionOptions: connectionOptions })));
+    })));
+}
+exports.default = AdvancedOptionsTabs;
+//# sourceMappingURL=advanced-options-tabs.js.map

package/dist/components/advanced-options-tabs/advanced-options-tabs.js.map

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

package/dist/components/advanced-options-tabs/advanced-tab/advanced-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 AdvancedTab({ updateConnectionFormField, connectionStringUrl, }: {
+    errors: ConnectionFormError[];
+    connectionStringUrl: ConnectionStringUrl;
+    updateConnectionFormField: UpdateConnectionFormField;
+    connectionOptions?: ConnectionOptions;
+}): React.ReactElement;
+export default AdvancedTab;
+//# sourceMappingURL=advanced-tab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-tab.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/advanced-tab/advanced-tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAS9D,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AAIrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAIjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAUrE,iBAAS,WAAW,CAAC,EACnB,yBAAyB,EACzB,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,CAuGrB;AAED,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,80 @@
+"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 read_preferences_1 = require("../../../utils/read-preferences");
+const url_options_1 = __importDefault(require("./url-options"));
+const containerStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[3],
+});
+const fieldStyles = (0, compass_components_1.css)({
+    width: '50%',
+});
+function AdvancedTab({ updateConnectionFormField, connectionStringUrl, }) {
+    const { searchParams, pathname } = connectionStringUrl;
+    const readPreference = searchParams.get('readPreference');
+    const replicaSet = searchParams.get('replicaSet');
+    const defaultDatabase = pathname.startsWith('/')
+        ? pathname.substr(1)
+        : pathname;
+    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 handlePathChanged = (0, react_1.useCallback)((value) => {
+        return updateConnectionFormField({
+            type: 'update-connection-path',
+            value,
+        });
+    }, [updateConnectionFormField]);
+    return (react_1.default.createElement("div", { className: containerStyles },
+        react_1.default.createElement(compass_components_1.Label, { htmlFor: "read-preferences" }, "Read Preference"),
+        react_1.default.createElement(compass_components_1.RadioBoxGroup, { onChange: ({ target: { value } }) => {
+                handleFieldChanged('readPreference', value);
+            }, value: readPreference !== null && readPreference !== void 0 ? readPreference : '', "data-testid": "read-preferences", id: "read-preferences" }, read_preferences_1.readPreferences.map(({ title, id }) => {
+            return (react_1.default.createElement(compass_components_1.RadioBox, { id: `${id}-preference-button`, "data-testid": `${id}-preference-button`, checked: readPreference === id, value: id, key: id }, title));
+        })),
+        react_1.default.createElement(form_field_container_1.default, null,
+            react_1.default.createElement(compass_components_1.TextInput, { spellCheck: false, className: fieldStyles, onChange: ({ target: { value } }) => {
+                    handleFieldChanged('replicaSet', value);
+                }, name: 'replica-set', "data-testid": 'replica-set', label: 'Replica Set Name', type: 'text', optional: true, value: replicaSet !== null && replicaSet !== void 0 ? replicaSet : '' })),
+        react_1.default.createElement(form_field_container_1.default, null,
+            react_1.default.createElement(compass_components_1.TextInput, { spellCheck: false, className: fieldStyles, onChange: ({ target: { value } }) => {
+                    handlePathChanged(value);
+                }, name: 'default-database', "data-testid": 'default-database', label: 'Default Authentication Database', type: 'text', optional: true, value: defaultDatabase !== null && defaultDatabase !== void 0 ? defaultDatabase : '', description: 'Authentication database used when authSource is not specified.' })),
+        react_1.default.createElement(url_options_1.default, { connectionStringUrl: connectionStringUrl, updateConnectionFormField: updateConnectionFormField })));
+}
+exports.default = AdvancedTab;
+//# sourceMappingURL=advanced-tab.js.map

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

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

package/dist/components/advanced-options-tabs/advanced-tab/url-options-table.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type ConnectionStringUrl from 'mongodb-connection-string-url';
+import type { UpdateConnectionFormField } from '../../../hooks/use-connect-form';
+declare function UrlOptionsTable({ updateConnectionFormField, connectionStringUrl, }: {
+    updateConnectionFormField: UpdateConnectionFormField;
+    connectionStringUrl: ConnectionStringUrl;
+}): React.ReactElement;
+export default UrlOptionsTable;
+//# sourceMappingURL=url-options-table.d.ts.map

package/dist/components/advanced-options-tabs/advanced-tab/url-options-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-options-table.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/advanced-tab/url-options-table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAezC,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AAKrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAyDjF,iBAAS,eAAe,CAAC,EACvB,yBAAyB,EACzB,mBAAmB,GACpB,EAAE;IACD,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C,GAAG,KAAK,CAAC,YAAY,CAwJrB;AAED,eAAe,eAAe,CAAC"}

package/dist/components/advanced-options-tabs/advanced-tab/url-options-table.js

@@ -0,0 +1,130 @@
+"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 url_options_1 = require("../../../utils/url-options");
+const optionSelectStyles = (0, compass_components_1.css)({
+    width: compass_components_1.spacing[5] * 9,
+});
+const optionNameCellStyles = (0, compass_components_1.css)({
+    width: compass_components_1.spacing[5] * 9,
+});
+const optionValueCellStyles = (0, compass_components_1.css)({});
+const optionValueCellContentStyles = (0, compass_components_1.css)({
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+});
+const valueInputStyles = (0, compass_components_1.css)({
+    maxWidth: compass_components_1.spacing[7],
+});
+const deleteOptionButtonStyle = (0, compass_components_1.css)({
+    marginLeft: compass_components_1.spacing[2],
+});
+function appendEmptyOption(urlOptions) {
+    if (!urlOptions.length || urlOptions[urlOptions.length - 1].name) {
+        return [...urlOptions, { name: undefined, value: undefined }];
+    }
+    return urlOptions;
+}
+function getUrlOptions(connectionStringUrl) {
+    let opts = [];
+    const urlOptions = [];
+    const searchParams = connectionStringUrl.typedSearchParams();
+    url_options_1.editableUrlOptions.forEach(({ values }) => (opts = opts.concat(values)));
+    searchParams.forEach((value, name) => {
+        if (opts.includes(name)) {
+            urlOptions.push({
+                value: value,
+                name: name,
+            });
+        }
+    });
+    return urlOptions;
+}
+function UrlOptionsTable({ updateConnectionFormField, connectionStringUrl, }) {
+    const [options, setOptions] = react_1.default.useState([]);
+    (0, react_1.useEffect)(() => {
+        const options = appendEmptyOption(getUrlOptions(connectionStringUrl));
+        setOptions(options);
+    }, [connectionStringUrl]);
+    const updateUrlOption = (currentName, name, value) => {
+        const indexOfUpdatedOption = options.findIndex((option) => option.name === currentName);
+        const option = {
+            name,
+            value,
+        };
+        const newOptions = [...options];
+        newOptions[indexOfUpdatedOption] = option;
+        setOptions(appendEmptyOption(newOptions));
+        if (name) {
+            updateConnectionFormField({
+                type: 'update-search-param',
+                currentKey: currentName !== null && currentName !== void 0 ? currentName : name,
+                newKey: currentName === name ? undefined : name,
+                value: value !== null && value !== void 0 ? value : '',
+            });
+        }
+    };
+    const deleteUrlOption = (name) => {
+        if (!name) {
+            return;
+        }
+        const indexOfDeletedOption = options.findIndex((option) => option.name === name);
+        const newOptions = [...options];
+        newOptions.splice(indexOfDeletedOption, 1);
+        setOptions(appendEmptyOption(newOptions));
+        updateConnectionFormField({
+            type: 'delete-search-param',
+            key: name,
+        });
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(compass_components_1.Table, { "data-testid": "url-options-table", data: options, columns: [
+                react_1.default.createElement(compass_components_1.TableHeader, { key: 'name', label: "Key" }),
+                react_1.default.createElement(compass_components_1.TableHeader, { key: 'value', label: "Value" }),
+            ] }, ({ datum }) => {
+            var _a, _b;
+            return (react_1.default.createElement(compass_components_1.Row, { key: datum.name, "data-testid": datum.name ? `${datum.name}-table-row` : 'new-option-table-row' },
+                react_1.default.createElement(compass_components_1.Cell, { className: optionNameCellStyles },
+                    react_1.default.createElement(compass_components_1.Select, { className: optionSelectStyles, placeholder: "Select key", name: "name", "aria-labelledby": datum.name ? `${datum.name} select` : 'new option select', onChange: (name, event) => {
+                            event.preventDefault();
+                            updateUrlOption(datum.name, name, datum.value);
+                        }, allowDeselect: false, value: (_a = datum.name) !== null && _a !== void 0 ? _a : '' }, url_options_1.editableUrlOptions.map(({ title, values }) => (react_1.default.createElement(compass_components_1.OptionGroup, { key: title, label: title }, values.map((value) => (react_1.default.createElement(compass_components_1.Option, { key: value, value: value, disabled: connectionStringUrl.searchParams.has(value) &&
+                            datum.name !== value }, value)))))))),
+                react_1.default.createElement(compass_components_1.Cell, { className: optionValueCellStyles },
+                    react_1.default.createElement("div", { className: optionValueCellContentStyles },
+                        react_1.default.createElement(compass_components_1.TextInput, { onChange: (event) => {
+                                event.preventDefault();
+                                updateUrlOption(datum.name, datum.name, event.target.value);
+                            }, "data-testid": datum.name
+                                ? `${datum.name}-input-field`
+                                : 'new-option-input-field', spellCheck: false, type: 'text', placeholder: 'Value', "aria-labelledby": "Enter value", value: datum.value, className: valueInputStyles }),
+                        datum.name ? (react_1.default.createElement(compass_components_1.IconButton, { "data-testid": datum.name
+                                ? `${datum.name}-delete-button`
+                                : 'new-option-delete-button', "aria-label": `Delete option: ${(_b = datum.name) !== null && _b !== void 0 ? _b : ''}`, onClick: () => deleteUrlOption(datum.name), className: deleteOptionButtonStyle },
+                            react_1.default.createElement(compass_components_1.Icon, { glyph: "X" }))) : ('')))));
+        })));
+}
+exports.default = UrlOptionsTable;
+//# sourceMappingURL=url-options-table.js.map

package/dist/components/advanced-options-tabs/advanced-tab/url-options-table.js.map

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type ConnectionStringUrl from 'mongodb-connection-string-url';
+import type { UpdateConnectionFormField } from '../../../hooks/use-connect-form';
+declare function UrlOptions({ updateConnectionFormField, connectionStringUrl, }: {
+    updateConnectionFormField: UpdateConnectionFormField;
+    connectionStringUrl: ConnectionStringUrl;
+}): React.ReactElement;
+export default UrlOptions;
+//# sourceMappingURL=url-options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"url-options.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/advanced-tab/url-options.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AAErE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAajF,iBAAS,UAAU,CAAC,EAClB,yBAAyB,EACzB,mBAAmB,GACpB,EAAE;IACD,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C,GAAG,KAAK,CAAC,YAAY,CAoBrB;AAED,eAAe,UAAU,CAAC"}

package/dist/components/advanced-options-tabs/advanced-tab/url-options.js

@@ -0,0 +1,25 @@
+"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 url_options_table_1 = __importDefault(require("./url-options-table"));
+const urlOptionsContainerStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[3],
+    width: '70%',
+});
+const urlOptionsTableDescriptionStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[1],
+});
+function UrlOptions({ updateConnectionFormField, connectionStringUrl, }) {
+    return (react_1.default.createElement("div", { className: urlOptionsContainerStyles, "data-testid": "url-options" },
+        react_1.default.createElement(compass_components_1.Label, { htmlFor: '' }, "Url Options"),
+        react_1.default.createElement(compass_components_1.Description, { className: urlOptionsTableDescriptionStyles },
+            "Add additional MongoDB url options to customize your connection.\u00A0",
+            react_1.default.createElement(compass_components_1.Link, { href: 'https://docs.mongodb.com/manual/reference/connection-string/#connection-string-options' }, "Learn More")),
+        react_1.default.createElement(url_options_table_1.default, { connectionStringUrl: connectionStringUrl, updateConnectionFormField: updateConnectionFormField })));
+}
+exports.default = UrlOptions;
+//# sourceMappingURL=url-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"url-options.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/advanced-tab/url-options.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uEAMwC;AAKxC,4EAAkD;AAElD,MAAM,yBAAyB,GAAG,IAAA,wBAAG,EAAC;IACpC,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;IACrB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,gCAAgC,GAAG,IAAA,wBAAG,EAAC;IAC3C,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,EAClB,yBAAyB,EACzB,mBAAmB,GAIpB;IACC,OAAO,CACL,uCAAK,SAAS,EAAE,yBAAyB,iBAAc,aAAa;QAClE,8BAAC,0BAAK,IAAC,OAAO,EAAE,EAAE,kBAAqB;QACvC,8BAAC,gCAAW,IAAC,SAAS,EAAE,gCAAgC;;YAEtD,8BAAC,yBAAI,IACH,IAAI,EACF,wFAAwF,iBAIrF,CACK;QACd,8BAAC,2BAAe,IACd,mBAAmB,EAAE,mBAAmB,EACxC,yBAAyB,EAAE,yBAAyB,GACpD,CACE,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,UAAU,CAAC"}

package/dist/components/advanced-options-tabs/authentication-tab/authentication-aws.d.ts

@@ -0,0 +1,14 @@
+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';
+export declare const AWS_ACCESS_KEY_ID_LABEL = "AWS Access Key Id";
+export declare const AWS_SECRET_ACCESS_KEY_LABEL = "AWS Secret Access Key";
+export declare const AWS_SESSION_TOKEN_LABEL = "AWS Session Token";
+declare function AuthenticationAWS({ connectionStringUrl, updateConnectionFormField, }: {
+    connectionStringUrl: ConnectionStringUrl;
+    errors: ConnectionFormError[];
+    updateConnectionFormField: UpdateConnectionFormField;
+}): React.ReactElement;
+export default AuthenticationAWS;
+//# sourceMappingURL=authentication-aws.d.ts.map

package/dist/components/advanced-options-tabs/authentication-tab/authentication-aws.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authentication-aws.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/authentication-tab/authentication-aws.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AACrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAEjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAOrE,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAC3D,eAAO,MAAM,2BAA2B,0BAA0B,CAAC;AACnE,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAE3D,iBAAS,iBAAiB,CAAC,EACzB,mBAAmB,EACnB,yBAAyB,GAC1B,EAAE;IACD,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,yBAAyB,EAAE,yBAAyB,CAAC;CACtD,GAAG,KAAK,CAAC,YAAY,CA4DrB;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/advanced-options-tabs/authentication-tab/authentication-aws.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AWS_SESSION_TOKEN_LABEL = exports.AWS_SECRET_ACCESS_KEY_LABEL = exports.AWS_ACCESS_KEY_ID_LABEL = void 0;
+const react_1 = __importDefault(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const form_field_container_1 = __importDefault(require("../../form-field-container"));
+const connection_string_helpers_1 = require("../../../utils/connection-string-helpers");
+exports.AWS_ACCESS_KEY_ID_LABEL = 'AWS Access Key Id';
+exports.AWS_SECRET_ACCESS_KEY_LABEL = 'AWS Secret Access Key';
+exports.AWS_SESSION_TOKEN_LABEL = 'AWS Session Token';
+function AuthenticationAWS({ connectionStringUrl, updateConnectionFormField, }) {
+    const awsAccessKeyId = (0, connection_string_helpers_1.getConnectionStringUsername)(connectionStringUrl);
+    const awsSecretAccessKey = (0, connection_string_helpers_1.getConnectionStringPassword)(connectionStringUrl);
+    const authMechanismProperties = (0, connection_string_helpers_1.parseAuthMechanismProperties)(connectionStringUrl);
+    const sessionToken = authMechanismProperties.get('AWS_SESSION_TOKEN');
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(form_field_container_1.default, null,
+            react_1.default.createElement(compass_components_1.TextInput, { onChange: ({ target: { value }, }) => {
+                    updateConnectionFormField({
+                        type: 'update-username',
+                        username: value,
+                    });
+                }, label: exports.AWS_ACCESS_KEY_ID_LABEL, value: awsAccessKeyId || '', optional: true })),
+        react_1.default.createElement(form_field_container_1.default, null,
+            react_1.default.createElement(compass_components_1.TextInput, { onChange: ({ target: { value }, }) => {
+                    updateConnectionFormField({
+                        type: 'update-password',
+                        password: value,
+                    });
+                }, label: exports.AWS_SECRET_ACCESS_KEY_LABEL, type: "password", value: awsSecretAccessKey || '', optional: true })),
+        react_1.default.createElement(form_field_container_1.default, null,
+            react_1.default.createElement(compass_components_1.TextInput, { onChange: ({ target: { value }, }) => {
+                    updateConnectionFormField({
+                        type: 'update-auth-mechanism-property',
+                        key: 'AWS_SESSION_TOKEN',
+                        value: value,
+                    });
+                }, label: exports.AWS_SESSION_TOKEN_LABEL, value: sessionToken || '', optional: true, type: "password" }))));
+}
+exports.default = AuthenticationAWS;
+//# sourceMappingURL=authentication-aws.js.map

package/dist/components/advanced-options-tabs/authentication-tab/authentication-aws.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authentication-aws.js","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/authentication-tab/authentication-aws.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uEAA2D;AAI3D,sFAA4D;AAE5D,wFAIkD;AAErC,QAAA,uBAAuB,GAAG,mBAAmB,CAAC;AAC9C,QAAA,2BAA2B,GAAG,uBAAuB,CAAC;AACtD,QAAA,uBAAuB,GAAG,mBAAmB,CAAC;AAE3D,SAAS,iBAAiB,CAAC,EACzB,mBAAmB,EACnB,yBAAyB,GAK1B;IACC,MAAM,cAAc,GAAG,IAAA,uDAA2B,EAAC,mBAAmB,CAAC,CAAC;IACxE,MAAM,kBAAkB,GAAG,IAAA,uDAA2B,EAAC,mBAAmB,CAAC,CAAC;IAC5E,MAAM,uBAAuB,GAC3B,IAAA,wDAA4B,EAAC,mBAAmB,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAEtE,OAAO,CACL;QACE,8BAAC,8BAAkB;YACjB,8BAAC,8BAAS,IACR,QAAQ,EAAE,CAAC,EACT,MAAM,EAAE,EAAE,KAAK,EAAE,GACmB,EAAE,EAAE;oBACxC,yBAAyB,CAAC;wBACxB,IAAI,EAAE,iBAAiB;wBACvB,QAAQ,EAAE,KAAK;qBAChB,CAAC,CAAC;gBACL,CAAC,EACD,KAAK,EAAE,+BAAuB,EAC9B,KAAK,EAAE,cAAc,IAAI,EAAE,EAC3B,QAAQ,EAAE,IAAI,GACd,CACiB;QACrB,8BAAC,8BAAkB;YACjB,8BAAC,8BAAS,IACR,QAAQ,EAAE,CAAC,EACT,MAAM,EAAE,EAAE,KAAK,EAAE,GACmB,EAAE,EAAE;oBACxC,yBAAyB,CAAC;wBACxB,IAAI,EAAE,iBAAiB;wBACvB,QAAQ,EAAE,KAAK;qBAChB,CAAC,CAAC;gBACL,CAAC,EACD,KAAK,EAAE,mCAA2B,EAClC,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,kBAAkB,IAAI,EAAE,EAC/B,QAAQ,EAAE,IAAI,GACd,CACiB;QAErB,8BAAC,8BAAkB;YACjB,8BAAC,8BAAS,IACR,QAAQ,EAAE,CAAC,EACT,MAAM,EAAE,EAAE,KAAK,EAAE,GACmB,EAAE,EAAE;oBACxC,yBAAyB,CAAC;wBACxB,IAAI,EAAE,gCAAgC;wBACtC,GAAG,EAAE,mBAAmB;wBACxB,KAAK,EAAE,KAAK;qBACb,CAAC,CAAC;gBACL,CAAC,EACD,KAAK,EAAE,+BAAuB,EAC9B,KAAK,EAAE,YAAY,IAAI,EAAE,EACzB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,UAAU,GACf,CACiB,CACpB,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,iBAAiB,CAAC"}

package/dist/components/advanced-options-tabs/authentication-tab/authentication-default.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 AuthenticationDefault({ errors, connectionStringUrl, updateConnectionFormField, }: {
+    connectionStringUrl: ConnectionStringUrl;
+    errors: ConnectionFormError[];
+    updateConnectionFormField: UpdateConnectionFormField;
+}): React.ReactElement;
+export default AuthenticationDefault;
+//# sourceMappingURL=authentication-default.d.ts.map

package/dist/components/advanced-options-tabs/authentication-tab/authentication-default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authentication-default.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced-options-tabs/authentication-tab/authentication-default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAU3C,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAC;AAGrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAEjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AA6BrE,iBAAS,qBAAqB,CAAC,EAC7B,MAAM,EACN,mBAAmB,EACnB,yBAAyB,GAC1B,EAAE;IACD,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,yBAAyB,EAAE,yBAAyB,CAAC;CACtD,GAAG,KAAK,CAAC,YAAY,CA0HrB;AAED,eAAe,qBAAqB,CAAC"}

package/dist/components/advanced-options-tabs/authentication-tab/authentication-default.js

@@ -0,0 +1,103 @@
+"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 mongodb_1 = require("mongodb");
+const form_field_container_1 = __importDefault(require("../../form-field-container"));
+const validation_1 = require("../../../utils/validation");
+const connection_string_helpers_1 = require("../../../utils/connection-string-helpers");
+const textInputWithLabelStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[1],
+});
+const defaultAuthMechanismOptions = [
+    {
+        title: 'Default',
+        value: mongodb_1.AuthMechanism.MONGODB_DEFAULT,
+    },
+    {
+        title: 'SCRAM-SHA-1',
+        value: mongodb_1.AuthMechanism.MONGODB_SCRAM_SHA1,
+    },
+    {
+        title: 'SCRAM-SHA-256',
+        value: mongodb_1.AuthMechanism.MONGODB_SCRAM_SHA256,
+    },
+];
+function AuthenticationDefault({ errors, connectionStringUrl, updateConnectionFormField, }) {
+    var _a, _b, _c;
+    const password = (0, connection_string_helpers_1.getConnectionStringPassword)(connectionStringUrl);
+    const username = (0, connection_string_helpers_1.getConnectionStringUsername)(connectionStringUrl);
+    const selectedAuthMechanism = ((_a = connectionStringUrl.searchParams.get('authMechanism')) !== null && _a !== void 0 ? _a : '').toUpperCase();
+    const selectedAuthTab = (_b = defaultAuthMechanismOptions.find(({ value }) => value === selectedAuthMechanism)) !== null && _b !== void 0 ? _b : defaultAuthMechanismOptions[0];
+    const onAuthMechanismSelected = (0, react_1.useCallback)((event) => {
+        event.preventDefault();
+        updateConnectionFormField({
+            type: 'update-search-param',
+            currentKey: 'authMechanism',
+            value: event.target.value,
+        });
+    }, [updateConnectionFormField]);
+    const usernameError = (0, validation_1.errorMessageByFieldName)(errors, 'username');
+    const passwordError = (0, validation_1.errorMessageByFieldName)(errors, 'password');
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(form_field_container_1.default, null,
+            react_1.default.createElement(compass_components_1.TextInput, { onChange: ({ target: { value }, }) => {
+                    updateConnectionFormField({
+                        type: 'update-username',
+                        username: value,
+                    });
+                }, label: "Username", "data-testid": "connection-username-input", errorMessage: usernameError, state: usernameError ? 'error' : undefined, value: username || '' })),
+        react_1.default.createElement(form_field_container_1.default, null,
+            react_1.default.createElement(compass_components_1.TextInput, { onChange: ({ target: { value }, }) => {
+                    updateConnectionFormField({
+                        type: 'update-password',
+                        password: value,
+                    });
+                }, label: "Password", type: "password", "data-testid": "connection-password-input", value: password || '', errorMessage: passwordError, state: passwordError ? 'error' : undefined })),
+        react_1.default.createElement(form_field_container_1.default, null,
+            react_1.default.createElement(compass_components_1.Label, { htmlFor: "authSourceInput", id: "authSourceLabel" }, "Authentication Database"),
+            react_1.default.createElement(compass_components_1.InlineInfoLink, { "aria-label": "Authentication Database Documentation", href: "https://docs.mongodb.com/manual/reference/connection-string/#mongodb-urioption-urioption.authSource" }),
+            react_1.default.createElement(compass_components_1.TextInput, { className: textInputWithLabelStyles, onChange: ({ target: { value }, }) => {
+                    if (value === '') {
+                        updateConnectionFormField({
+                            type: 'delete-search-param',
+                            key: 'authSource',
+                        });
+                        return;
+                    }
+                    updateConnectionFormField({
+                        type: 'update-search-param',
+                        currentKey: 'authSource',
+                        value,
+                    });
+                }, id: "authSourceInput", "aria-labelledby": "authSourceLabel", value: (_c = connectionStringUrl.searchParams.get('authSource')) !== null && _c !== void 0 ? _c : '', optional: true })),
+        react_1.default.createElement(form_field_container_1.default, null,
+            react_1.default.createElement(compass_components_1.Label, { htmlFor: "authentication-mechanism-radio-box-group" }, "Authentication Mechanism"),
+            react_1.default.createElement(compass_components_1.RadioBoxGroup, { onChange: onAuthMechanismSelected, id: "authentication-mechanism-radio-box-group", value: selectedAuthTab.value }, defaultAuthMechanismOptions.map(({ title, value }) => {
+                return (react_1.default.createElement(compass_components_1.RadioBox, { id: `${value}-tab-button`, "data-testid": `${value}-tab-button`, checked: selectedAuthTab.value === value, value: value, key: value }, title));
+            })))));
+}
+exports.default = AuthenticationDefault;
+//# sourceMappingURL=authentication-default.js.map

package/dist/components/advanced-options-tabs/authentication-tab/authentication-default.js.map

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

package/dist/components/advanced-options-tabs/authentication-tab/authentication-gssapi.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 AuthenticationGSSAPI({ errors, connectionStringUrl, updateConnectionFormField, }: {
+    connectionStringUrl: ConnectionStringUrl;
+    errors: ConnectionFormError[];
+    updateConnectionFormField: UpdateConnectionFormField;
+}): React.ReactElement;
+export default AuthenticationGSSAPI;
+//# sourceMappingURL=authentication-gssapi.d.ts.map