npm - @mongodb-js/connection-form - Versions diffs - 0.1.2 → 0.4.0 - Mend

@mongodb-js/connection-form 0.1.2 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

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

	@@ -1 +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"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"connect-form.d.ts","sourceRoot":"","sources":["../../src/components/connect-form.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAmB~~,MAAM,OAAO,CAAC;~~AACxC~~,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,sBAAsB,CAAC~~;AAgG9B~~,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,CAiJrB;AAED,eAAe,WAAW,CAAC"}
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;;;;;;;;AA+S9B,wBAAsC"}

package/dist/components/connect-form.js CHANGED Viewed

@@ -35,7 +35,7 @@ const formContainerStyles = (0, compass_components_1.css)({
     margin: 0,
     padding: 0,
     height: 'fit-content',
-    width: 700,
+    width: compass_components_1.spacing[6] * 10,
     position: 'relative',
     display: 'inline-block',
 });
@@ -48,9 +48,18 @@ const formCardStyles = (0, compass_components_1.css)({
     flexFlow: 'column nowrap',
     maxHeight: '95vh',
 });
+const formCardDarkThemeStyles = (0, compass_components_1.css)({
+    background: compass_components_1.uiColors.gray.dark3,
+});
+const formCardLightThemeStyles = (0, compass_components_1.css)({
+    background: compass_components_1.uiColors.white,
+});
 const descriptionStyles = (0, compass_components_1.css)({
     marginTop: compass_components_1.spacing[2],
 });
+const formStyles = (0, compass_components_1.css)({
+    display: 'contents',
+});
 const formContentContainerStyles = (0, compass_components_1.css)({
     padding: compass_components_1.spacing[4],
     overflowY: 'auto',
@@ -94,73 +103,81 @@ const favoriteButtonLabelStyles = (0, compass_components_1.css)({
     fontWeight: 'bold',
     fontSize: 12,
 });
-function ConnectForm({ initialConnectionInfo, connectionErrorMessage, onConnectClicked, onSaveConnectionClicked, }) {
+function ConnectForm({ darkMode, initialConnectionInfo, connectionErrorMessage, onConnectClicked, onSaveConnectionClicked, }) {
     var _a, _b;
     const [{ enableEditingConnectionString, isDirty, errors, warnings, connectionOptions, }, { setEnableEditingConnectionString, updateConnectionFormField, setErrors },] = (0, use_connect_form_1.useConnectForm)(initialConnectionInfo, connectionErrorMessage);
     const [showSaveConnectionModal, setShowSaveConnectionModal] = (0, react_1.useState)(false);
     const connectionStringInvalidError = errors.find((error) => error.fieldName === 'connectionString');
+    const onSubmitForm = (0, react_1.useCallback)(() => {
+        const updatedConnectionOptions = (0, lodash_1.cloneDeep)(connectionOptions);
+        const formErrors = (0, validation_1.validateConnectionOptionsErrors)(updatedConnectionOptions);
+        if (formErrors.length) {
+            setErrors(formErrors);
+            return;
+        }
+        onConnectClicked({
+            ...initialConnectionInfo,
+            connectionOptions: updatedConnectionOptions,
+        });
+    }, [initialConnectionInfo, onConnectClicked, setErrors, connectionOptions]);
+    const callOnSaveConnectionClickedAndStoreErrors = (0, react_1.useCallback)(async (connectionInfo) => {
+        try {
+            await (onSaveConnectionClicked === null || onSaveConnectionClicked === void 0 ? void 0 : onSaveConnectionClicked(connectionInfo));
+        }
+        catch (err) {
+            setErrors([
+                {
+                    message: `Unable to save connection: ${err.message}`,
+                },
+            ]);
+        }
+    }, [onSaveConnectionClicked, setErrors]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: formContainerStyles, "data-testid": "connection-form" },
-            react_1.default.createElement(compass_components_1.Card, { className: formCardStyles },
-                react_1.default.createElement("div", { className: formContentContainerStyles },
-                    react_1.default.createElement(compass_components_1.H3, { className: formHeaderStyles }, (_b = (_a = initialConnectionInfo.favorite) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'New Connection',
-                        !!onSaveConnectionClicked && (react_1.default.createElement(compass_components_1.IconButton, { "aria-label": "Save Connection", className: editFavoriteButtonStyles, onClick: () => {
+            react_1.default.createElement(compass_components_1.Card, { className: (0, compass_components_1.cx)(formCardStyles, darkMode ? formCardDarkThemeStyles : formCardLightThemeStyles) },
+                react_1.default.createElement("form", { className: formStyles, onSubmit: (e) => {
+                        e.preventDefault();
+                        onSubmitForm();
+                    }, noValidate: true },
+                    react_1.default.createElement("div", { className: formContentContainerStyles },
+                        react_1.default.createElement(compass_components_1.H3, { className: formHeaderStyles }, (_b = (_a = initialConnectionInfo.favorite) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'New Connection',
+                            !!onSaveConnectionClicked && (react_1.default.createElement(compass_components_1.IconButton, { type: "button", "aria-label": "Save Connection", "data-testid": "edit-favorite-name-button", className: editFavoriteButtonStyles, onClick: () => {
+                                    setShowSaveConnectionModal(true);
+                                } },
+                                react_1.default.createElement(compass_components_1.Icon, { glyph: "Edit" })))),
+                        react_1.default.createElement(compass_components_1.Description, { className: descriptionStyles }, "Connect to a MongoDB deployment"),
+                        !!onSaveConnectionClicked && (react_1.default.createElement(compass_components_1.IconButton, { "aria-label": "Save Connection", "data-testid": "edit-favorite-icon-button", type: "button", className: favoriteButtonStyles, size: "large", onClick: () => {
                                 setShowSaveConnectionModal(true);
                             } },
-                            react_1.default.createElement(compass_components_1.Icon, { glyph: "Edit" })))),
-                    react_1.default.createElement(compass_components_1.Description, { className: descriptionStyles }, "Connect to a MongoDB deployment"),
-                    !!onSaveConnectionClicked && (react_1.default.createElement(compass_components_1.IconButton, { "aria-label": "Save Connection", className: favoriteButtonStyles, size: "large", onMouseDown: (event) => {
-                            event.preventDefault();
-                        }, onClick: () => {
-                            setShowSaveConnectionModal(true);
-                        } },
-                        react_1.default.createElement("div", { className: favoriteButtonContentStyles },
-                            react_1.default.createElement(compass_components_1.FavoriteIcon, { isFavorite: !!initialConnectionInfo.favorite, size: compass_components_1.spacing[5] }),
-                            react_1.default.createElement("span", { className: favoriteButtonLabelStyles }, "FAVORITE")))),
-                    react_1.default.createElement(connection_string_input_1.default, { connectionString: connectionOptions.connectionString, enableEditingConnectionString: enableEditingConnectionString, setEnableEditingConnectionString: setEnableEditingConnectionString, updateConnectionFormField: updateConnectionFormField }),
-                    connectionStringInvalidError && (react_1.default.createElement(compass_components_1.Banner, { variant: compass_components_1.BannerVariant.Danger }, connectionStringInvalidError.message)),
-                    react_1.default.createElement(advanced_connection_options_1.default, { errors: connectionStringInvalidError ? [] : errors, disabled: !!connectionStringInvalidError, updateConnectionFormField: updateConnectionFormField, connectionOptions: connectionOptions })),
-                react_1.default.createElement("div", { className: formFooterStyles },
-                    react_1.default.createElement(connect_form_actions_1.default, { errors: connectionStringInvalidError ? [] : errors, warnings: connectionStringInvalidError ? [] : warnings, saveButton: initialConnectionInfo.favorite
-                            ? isDirty
-                                ? 'enabled'
-                                : 'disabled'
-                            : 'hidden', onSaveClicked: async () => {
-                            if (onSaveConnectionClicked) {
-                                await onSaveConnectionClicked({
+                            react_1.default.createElement("div", { className: favoriteButtonContentStyles },
+                                react_1.default.createElement(compass_components_1.FavoriteIcon, { isFavorite: !!initialConnectionInfo.favorite, size: compass_components_1.spacing[5] }),
+                                react_1.default.createElement("span", { className: favoriteButtonLabelStyles }, "FAVORITE")))),
+                        react_1.default.createElement(connection_string_input_1.default, { connectionString: connectionOptions.connectionString, enableEditingConnectionString: enableEditingConnectionString, setEnableEditingConnectionString: setEnableEditingConnectionString, onSubmit: onSubmitForm, updateConnectionFormField: updateConnectionFormField }),
+                        connectionStringInvalidError && (react_1.default.createElement(compass_components_1.Banner, { variant: compass_components_1.BannerVariant.Danger }, connectionStringInvalidError.message)),
+                        react_1.default.createElement(advanced_connection_options_1.default, { errors: connectionStringInvalidError ? [] : errors, disabled: !!connectionStringInvalidError, updateConnectionFormField: updateConnectionFormField, connectionOptions: connectionOptions })),
+                    react_1.default.createElement("div", { className: formFooterStyles },
+                        react_1.default.createElement(connect_form_actions_1.default, { errors: connectionStringInvalidError ? [] : errors, warnings: connectionStringInvalidError ? [] : warnings, saveButton: initialConnectionInfo.favorite
+                                ? isDirty
+                                    ? 'enabled'
+                                    : 'disabled'
+                                : 'hidden', onSaveClicked: async () => {
+                                await callOnSaveConnectionClickedAndStoreErrors({
                                     ...(0, lodash_1.cloneDeep)(initialConnectionInfo),
                                     connectionOptions: (0, lodash_1.cloneDeep)(connectionOptions),
                                 });
-                            }
-                        }, onConnectClicked: () => {
-                            const updatedConnectionOptions = (0, lodash_1.cloneDeep)(connectionOptions);
-                            const formErrors = (0, validation_1.validateConnectionOptionsErrors)(updatedConnectionOptions);
-                            if (formErrors.length) {
-                                setErrors(formErrors);
-                                return;
-                            }
-                            onConnectClicked({
-                                ...initialConnectionInfo,
-                                connectionOptions: updatedConnectionOptions,
-                            });
-                        } })))),
+                            }, onConnectClicked: onSubmitForm }))))),
         !!onSaveConnectionClicked && (react_1.default.createElement(save_connection_modal_1.default, { open: showSaveConnectionModal, onCancelClicked: () => {
                 setShowSaveConnectionModal(false);
             }, onSaveClicked: async (favoriteInfo) => {
                 setShowSaveConnectionModal(false);
-                try {
-                    await onSaveConnectionClicked({
-                        ...(0, lodash_1.cloneDeep)(initialConnectionInfo),
-                        connectionOptions: (0, lodash_1.cloneDeep)(connectionOptions),
-                        favorite: {
-                            ...favoriteInfo,
-                        },
-                    });
-                }
-                catch (err) {
-                    setErrors([err]);
-                }
+                await callOnSaveConnectionClickedAndStoreErrors({
+                    ...(0, lodash_1.cloneDeep)(initialConnectionInfo),
+                    connectionOptions: (0, lodash_1.cloneDeep)(connectionOptions),
+                    favorite: {
+                        ...favoriteInfo,
+                    },
+                });
             }, key: initialConnectionInfo.id, initialFavoriteInfo: initialConnectionInfo.favorite }))));
 }
-exports.default = ConnectForm;
+exports.default = (0, compass_components_1.withTheme)(ConnectForm);
 //# sourceMappingURL=connect-form.js.map

package/dist/components/connect-form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"connect-form.js","sourceRoot":"","sources":["../../src/components/connect-form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+~~CAAwC~~;~~AAKxC~~,~~uEAYwC~~;AACxC,mCAAmC;AAEnC,wFAA8D;AAC9D,gGAAsE;AACtE,kFAAwD;AACxD,gEAA2D;AAC3D,oDAAsE;AACtE,oFAA0D;AAE1D,MAAM,mBAAmB,GAAG,IAAA,wBAAG,EAAC;IAC9B,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,GAAG;~~IACV~~,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,wBAAG,EAAC;IACzB,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,eAAe;IACzB,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,wBAAG,EAAC;IAC5B,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,0BAA0B,GAAG,IAAA,wBAAG,EAAC;IACrC,OAAO,EAAE,4BAAO,CAAC,CAAC,CAAC;IACnB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAA,wBAAG,EAAC;IAC3B,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,IAAA,wBAAG,EAAC;IAC/B,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,4BAAO,CAAC,CAAC,CAAC;IACf,KAAK,EAAE,4BAAO,CAAC,CAAC,CAAC;IACjB,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;KAClB;IACD,KAAK,EAAE,4BAAO,CAAC,CAAC,CAAC;IACjB,MAAM,EAAE,4BAAO,CAAC,CAAC,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,2BAA2B,GAAG,IAAA,wBAAG,EAAC;IACtC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAA,wBAAG,EAAC;IAC3B,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;SACtB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,wBAAG,EAAC;IACnC,aAAa,EAAE,UAAU;CAC1B,CAAC,CAAC;AAEH,MAAM,yBAAyB,GAAG,IAAA,wBAAG,EAAC;IACpC,UAAU,EAAE,4BAAO,CAAC,CAAC,CAAC;IACtB,KAAK,EAAE,6BAAQ,CAAC,KAAK;IACrB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,SAAS,WAAW,CAAC,EACnB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAGhB,uBAAuB,~~GAMxB~~;;IACC,MAAM,CACJ,EACE,6BAA6B,EAC7B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,iBAAiB,GAClB,EACD,EAAE,gCAAgC,EAAE,yBAAyB,EAAE,SAAS,EAAE,EAC3E,GAAG,IAAA,iCAAc,EAAC,qBAAqB,EAAE,sBAAsB,CAAC,CAAC;IAElE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9E,MAAM,4BAA4B,GAAG,MAAM,CAAC,IAAI,CAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,KAAK,kBAAkB,CAClD,CAAC;IAEF,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,mBAAmB,iBAAc,iBAAiB;YAChE,8BAAC,yBAAI,~~IAAC~~,SAAS,EAAE,cAAc;~~gBAC7B~~,uCAAK,SAAS,EAAE,0BAA0B;~~oBACxC~~,8BAAC,uBAAE,IAAC,SAAS,EAAE,gBAAgB,IAC5B,MAAA,MAAA,qBAAqB,CAAC,QAAQ,0CAAE,IAAI,mCAAI,gBAAgB;~~wBACxD~~,CAAC,CAAC,uBAAuB,IAAI,CAC5B,8BAAC,+BAAU,~~kBACE~~,iBAAiB,~~EAC5B~~,SAAS,EAAE,wBAAwB,EACnC,OAAO,EAAE,GAAG,EAAE;~~gCACZ~~,0BAA0B,CAAC,IAAI,CAAC,CAAC;~~4BACnC~~,CAAC;~~4BAED~~,8BAAC,yBAAI,IAAC,KAAK,EAAC,MAAM,GAAG,CACV,CACd,CACE;~~oBACL~~,8BAAC,gCAAW,IAAC,SAAS,EAAE,iBAAiB,sCAE3B;~~oBACb~~,CAAC,CAAC,uBAAuB,IAAI,CAC5B,8BAAC,+BAAU,kBACE,iBAAiB,~~EAC5B~~,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAC,OAAO,EACZ,~~WAAW,EAAE,CAAC,KAAuB,EAAE,EAAE;4BACvC,KAAK,CAAC,cAAc,EAAE,CAAC;wBACzB,CAAC,EACD,~~OAAO,EAAE,GAAG,EAAE;~~4BACZ~~,0BAA0B,CAAC,IAAI,CAAC,CAAC;~~wBACnC~~,CAAC;~~wBAED~~,uCAAK,SAAS,EAAE,2BAA2B;~~4BACzC~~,8BAAC,iCAAY,IACX,UAAU,EAAE,CAAC,CAAC,qBAAqB,CAAC,QAAQ,EAC5C,IAAI,EAAE,4BAAO,CAAC,CAAC,CAAC,GAChB;~~4BACF~~,wCAAM,SAAS,EAAE,yBAAyB,eAAiB,CACvD,CACK,CACd;~~oBACD~~,8BAAC,iCAAqB,IACpB,gBAAgB,EAAE,iBAAiB,CAAC,gBAAgB,EACpD,6BAA6B,EAAE,6BAA6B,EAC5D,gCAAgC,EAC9B,gCAAgC,EAElC,yBAAyB,EAAE,yBAAyB,GACpD;~~oBACD~~,4BAA4B,IAAI,CAC/B,8BAAC,2BAAM,IAAC,OAAO,EAAE,kCAAa,CAAC,MAAM,IAClC,4BAA4B,CAAC,OAAO,CAC9B,CACV;~~oBACD~~,8BAAC,qCAAyB,IACxB,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAClD,QAAQ,EAAE,CAAC,CAAC,4BAA4B,EACxC,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,GACpC,CACE;~~gBACN~~,uCAAK,SAAS,EAAE,gBAAgB;~~oBAC9B~~,8BAAC,8BAAkB,IACjB,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAClD,QAAQ,EAAE,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACtD,UAAU,EACR,qBAAqB,CAAC,QAAQ;~~4BAC5B~~,CAAC,CAAC,OAAO;~~gCACP~~,CAAC,CAAC,SAAS;~~gCACX~~,CAAC,CAAC,UAAU;~~4BACd~~,CAAC,CAAC,QAAQ,EAEd,aAAa,EAAE,KAAK,IAAI,EAAE;~~4BACxB~~,~~IAAI,uBAAuB,EAAE;gCAC3B,~~MAAM,~~uBAAuB~~,CAAC;~~oCAC5B~~,GAAG,IAAA,kBAAS,EAAC,qBAAqB,CAAC;oCACnC,iBAAiB,EAAE,IAAA,kBAAS,EAAC,iBAAiB,CAAC;iCAChD,CAAC,CAAC;~~6BACJ;wBACH~~,CAAC,EACD,gBAAgB,EAAE,~~GAAG~~,~~EAAE;4BACrB~~,MAAM,wBAAwB,GAAG,IAAA,kBAAS,EAAC,iBAAiB,CAAC,CAAC;4BAC9D,MAAM,UAAU,GAAG,IAAA,4CAA+B,EAChD,wBAAwB,CACzB,CAAC;4BACF,IAAI,UAAU,CAAC,MAAM,EAAE;gCACrB,SAAS,CAAC,UAAU,CAAC,CAAC;gCACtB,OAAO;6BACR;4BACD,gBAAgB,CAAC;gCACf,GAAG,qBAAqB;gCACxB,iBAAiB,EAAE,wBAAwB;6BAC5C,CAAC,CAAC;wBACL,CAAC,GACD,CACE,CACD,CACH;QACL,CAAC,CAAC,uBAAuB,IAAI,CAC5B,8BAAC,+BAAmB,IAClB,IAAI,EAAE,uBAAuB,EAC7B,eAAe,EAAE,GAAG,EAAE;gBACpB,0BAA0B,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC,EACD,aAAa,EAAE,KAAK,EAAE,YAAuC,EAAE,EAAE;gBAC/D,0BAA0B,CAAC,KAAK,CAAC,CAAC;gBAElC,~~IAAI;oBACF,~~MAAM,~~uBAAuB~~,CAAC;~~wBAC5B~~,GAAG,IAAA,kBAAS,EAAC,qBAAqB,CAAC;~~wBACnC~~,iBAAiB,EAAE,IAAA,kBAAS,EAAC,iBAAiB,CAAC;~~wBAC~~/C,QAAQ,EAAE;~~4BACR~~,GAAG,YAAY;~~yBAChB~~;~~qBACF~~,CAAC,CAAC;~~iBACJ;gBAAC~~,~~OAAO,GAAG,EAAE;oBACZ,SAAS,~~CAAC,~~CAAC,GAAY,CAAC,CAAC,CAAC;iBAC3B;YACH,CAAC,~~EACD,GAAG,EAAE,qBAAqB,CAAC,EAAE,EAC7B,mBAAmB,EAAE,qBAAqB,CAAC,QAAQ,GACnD,CACH,CACA,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"connect-form.js","sourceRoot":"","sources":["../../src/components/connect-form.tsx"],"names":[],"mappings":"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"}

package/dist/components/connection-string-input.d.ts CHANGED Viewed

@@ -1,11 +1,12 @@
 import React from 'react';
 import type { UpdateConnectionFormField } from '../hooks/use-connect-form';
 export declare function hidePasswordInConnectionString(connectionString: string): string;
-declare function ConnectStringInput({ connectionString, enableEditingConnectionString, setEnableEditingConnectionString, updateConnectionFormField, }: {
+declare function ConnectStringInput({ connectionString, enableEditingConnectionString, setEnableEditingConnectionString, updateConnectionFormField, onSubmit, }: {
     connectionString: string;
     enableEditingConnectionString: boolean;
     setEnableEditingConnectionString: (enableEditing: boolean) => void;
     updateConnectionFormField: UpdateConnectionFormField;
+    onSubmit: () => void;
 }): React.ReactElement;
 export default ConnectStringInput;
 //# sourceMappingURL=connection-string-input.d.ts.map

package/dist/components/connection-string-input.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"connection-string-input.d.ts","sourceRoot":"","sources":["../../src/components/connection-string-input.tsx"],"names":[],"mappings":"~~AACA~~,OAAO,KAMN,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;~~AA0C3E~~,wBAAgB,8BAA8B,CAC5C,gBAAgB,EAAE,MAAM,GACvB,MAAM,CAKR;AAED,iBAAS,kBAAkB,CAAC,EAC1B,gBAAgB,EAChB,6BAA6B,EAC7B,gCAAgC,EAChC,yBAAyB,~~GAC1B~~,EAAE;IACD,gBAAgB,EAAE,MAAM,CAAC;IACzB,6BAA6B,EAAE,OAAO,CAAC;IACvC,gCAAgC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,yBAAyB,EAAE,yBAAyB,CAAC;~~CACtD~~,GAAG,KAAK,CAAC,YAAY,~~CAsGrB~~;AAED,eAAe,kBAAkB,CAAC"}
1	+ {"version":3,"file":"connection-string-input.d.ts","sourceRoot":"","sources":["../../src/components/connection-string-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAyC3E,wBAAgB,8BAA8B,CAC5C,gBAAgB,EAAE,MAAM,GACvB,MAAM,CAKR;AAED,iBAAS,kBAAkB,CAAC,EAC1B,gBAAgB,EAChB,6BAA6B,EAC7B,gCAAgC,EAChC,yBAAyB,EACzB,QAAQ,GACT,EAAE;IACD,gBAAgB,EAAE,MAAM,CAAC;IACzB,6BAA6B,EAAE,OAAO,CAAC;IACvC,gCAAgC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAqHrB;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/connection-string-input.js CHANGED Viewed

@@ -28,9 +28,8 @@ const compass_components_1 = require("@mongodb-js/compass-components");
 const mongodb_connection_string_url_1 = require("mongodb-connection-string-url");
 const confirm_edit_connection_string_1 = __importDefault(require("./confirm-edit-connection-string"));
 const textAreaContainerStyle = (0, compass_components_1.css)({
-    position: 'relative',
     marginTop: compass_components_1.spacing[1],
-    marginBottom: compass_components_1.spacing[2],
+    marginBottom: compass_components_1.spacing[3],
 });
 const uriLabelContainerStyles = (0, compass_components_1.css)({
     flexGrow: 1,
@@ -67,7 +66,7 @@ function hidePasswordInConnectionString(connectionString) {
     });
 }
 exports.hidePasswordInConnectionString = hidePasswordInConnectionString;
-function ConnectStringInput({ connectionString, enableEditingConnectionString, setEnableEditingConnectionString, updateConnectionFormField, }) {
+function ConnectStringInput({ connectionString, enableEditingConnectionString, setEnableEditingConnectionString, updateConnectionFormField, onSubmit, }) {
     const textAreaEl = (0, react_1.useRef)(null);
     const [editingConnectionString, setEditingConnectionString] = (0, react_1.useState)(connectionString);
     const [showEditConnectionStringPrompt, setShowEditConnectionStringPrompt] = (0, react_1.useState)(false);
@@ -81,6 +80,13 @@ function ConnectStringInput({ connectionString, enableEditingConnectionString, s
         enableEditingConnectionString,
         editingConnectionString,
     ]);
+    const onKeyPressedConnectionString = (0, react_1.useCallback)((event) => {
+        if (event.which === 13 && !event.shiftKey) {
+            event.preventDefault();
+            onSubmit();
+            return;
+        }
+    }, [onSubmit]);
     const onChangeConnectionString = (0, react_1.useCallback)((event) => {
         const newConnectionString = event.target.value;
         setEditingConnectionString(newConnectionString);
@@ -98,7 +104,7 @@ function ConnectStringInput({ connectionString, enableEditingConnectionString, s
                 react_1.default.createElement(compass_components_1.Label, { htmlFor: connectionStringInputId, id: connectionStringLabelId }, "URI"),
                 react_1.default.createElement(compass_components_1.InlineInfoLink, { "aria-label": "Connection String Documentation", "data-testid": "connectionStringDocsButton", href: "https://docs.mongodb.com/manual/reference/connection-string/" })),
             react_1.default.createElement(compass_components_1.Label, { className: editToggleLabelStyles, id: "edit-connection-string-label", htmlFor: "toggle-edit-connection-string" }, "Edit Connection String"),
-            react_1.default.createElement(compass_components_1.Toggle, { className: editToggleStyles, id: "toggle-edit-connection-string", "aria-labelledby": "edit-connection-string-label", size: "xsmall", checked: enableEditingConnectionString, onChange: (checked) => {
+            react_1.default.createElement(compass_components_1.Toggle, { className: editToggleStyles, id: "toggle-edit-connection-string", "aria-labelledby": "edit-connection-string-label", size: "xsmall", type: "button", checked: enableEditingConnectionString, onChange: (checked) => {
                     if (checked) {
                         setShowEditConnectionStringPrompt(true);
                         return;
@@ -106,7 +112,7 @@ function ConnectStringInput({ connectionString, enableEditingConnectionString, s
                     setEnableEditingConnectionString(false);
                 } })),
         react_1.default.createElement("div", { className: textAreaContainerStyle },
-            react_1.default.createElement(compass_components_1.TextArea, { onChange: onChangeConnectionString, value: displayedConnectionString, className: connectionStringStyles, disabled: !enableEditingConnectionString, id: connectionStringInputId, "data-testid": connectionStringInputId, ref: textAreaEl, "aria-labelledby": connectionStringLabelId, placeholder: "e.g mongodb+srv://username:password@cluster0-jtpxd.mongodb.net/admin", spellCheck: false }),
+            react_1.default.createElement(compass_components_1.TextArea, { onChange: onChangeConnectionString, onKeyPress: onKeyPressedConnectionString, value: displayedConnectionString, className: connectionStringStyles, disabled: !enableEditingConnectionString, id: connectionStringInputId, "data-testid": connectionStringInputId, ref: textAreaEl, "aria-labelledby": connectionStringLabelId, placeholder: "e.g mongodb+srv://username:password@cluster0-jtpxd.mongodb.net/admin", spellCheck: false }),
             react_1.default.createElement(confirm_edit_connection_string_1.default, { open: showEditConnectionStringPrompt, onCancel: () => {
                     setShowEditConnectionStringPrompt(false);
                 }, onConfirm: () => {

package/dist/components/connection-string-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"connection-string-input.js","sourceRoot":"","sources":["../../src/components/connection-string-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;~~AACA~~,+CAMe;AACf,uEAOwC;AACxC,iFAAuE;AAEvE,sGAA2E;AAG3E,MAAM,sBAAsB,GAAG,IAAA,wBAAG,EAAC;IACjC,~~QAAQ,EAAE,UAAU;IACpB,~~SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;IACrB,YAAY,EAAE,4BAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,wBAAG,EAAC;IAClC,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,wBAAG,EAAC;IACjC,QAAQ,EAAE;QACR,QAAQ,EAAE,4BAAO,CAAC,CAAC,CAAC,GAAG,IAAI;QAC3B,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;QACrB,MAAM,EAAE,UAAU;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAA,wBAAG,EAAC;IAC3B,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,4BAAO,CAAC,CAAC,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,IAAA,wBAAG,EAAC;IAChC,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,4BAA4B,GAAG,IAAA,wBAAG,EAAC;IACvC,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;CACrB,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,kBAAkB,CAAC;AACnD,MAAM,uBAAuB,GAAG,uBAAuB,CAAC;AAExD,SAAgB,8BAA8B,CAC5C,gBAAwB;IAExB,OAAO,IAAA,sDAAsB,EAAC,gBAAgB,EAAE;QAC9C,eAAe,EAAE,KAAK;QACtB,iBAAiB,EAAE,OAAO;KAC3B,CAAC,CAAC;AACL,CAAC;AAPD,wEAOC;AAED,SAAS,kBAAkB,CAAC,EAC1B,gBAAgB,EAChB,6BAA6B,EAC7B,gCAAgC,EAChC,yBAAyB,~~GAM1B~~;IACC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GACzD,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAC;IAC7B,MAAM,CAAC,8BAA8B,EAAE,iCAAiC,CAAC,GACvE,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElB,IAAA,iBAAS,EAAC,GAAG,EAAE;QAGb,IACE,uBAAuB,KAAK,gBAAgB;YAC5C,CAAC,CAAC,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,CAAC,EACtE;YACA,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;SAC9C;IACH,CAAC,EAAE;QACD,gBAAgB;QAChB,6BAA6B;QAC7B,uBAAuB;KACxB,CAAC,CAAC;IAEH,MAAM,wBAAwB,GAAG,IAAA,mBAAW,EAC1C,CAAC,~~KAAuC~~,EAAE,EAAE;~~QAC1C~~,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAE/C,0BAA0B,CAAC,mBAAmB,CAAC,CAAC;QAEhD,yBAAyB,CAAC;YACxB,IAAI,EAAE,0BAA0B;YAChC,wBAAwB,EAAE,mBAAmB;SAC9C,CAAC,CAAC;IACL,CAAC,EACD,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,MAAM,yBAAyB,GAAG,6BAA6B;QAC7D,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,8BAA8B,CAAC,uBAAuB,CAAC,CAAC;IAE5D,OAAO,CACL,8BAAC,gBAAQ;QACP,uCAAK,SAAS,EAAE,4BAA4B;YAC1C,uCAAK,SAAS,EAAE,uBAAuB;gBACrC,8BAAC,0BAAK,IAAC,OAAO,EAAE,uBAAuB,EAAE,EAAE,EAAE,uBAAuB,UAE5D;gBACR,8BAAC,mCAAc,kBACF,iCAAiC,iBAChC,4BAA4B,EACxC,IAAI,EAAC,8DAA8D,GACnE,CACE;YACN,8BAAC,0BAAK,IACJ,SAAS,EAAE,qBAAqB,EAChC,EAAE,EAAC,8BAA8B,EACjC,OAAO,EAAC,+BAA+B,6BAGjC;YACR,8BAAC,2BAAM,IACL,SAAS,EAAE,gBAAgB,EAC3B,EAAE,EAAC,+BAA+B,qBAClB,8BAA8B,EAC9C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,6BAA6B,EACtC,QAAQ,EAAE,CAAC,OAAgB,EAAE,EAAE;oBAC7B,IAAI,OAAO,EAAE;wBACX,iCAAiC,CAAC,IAAI,CAAC,CAAC;wBACxC,OAAO;qBACR;oBACD,gCAAgC,CAAC,KAAK,CAAC,CAAC;gBAC1C,CAAC,GACD,CACE;QACN,uCAAK,SAAS,EAAE,sBAAsB;YACpC,8BAAC,6BAAQ,IACP,QAAQ,EAAE,wBAAwB,EAClC,KAAK,EAAE,yBAAyB,EAChC,SAAS,EAAE,sBAAsB,EACjC,QAAQ,EAAE,CAAC,6BAA6B,EACxC,EAAE,EAAE,uBAAuB,iBACd,uBAAuB,EACpC,GAAG,EAAE,UAAU,qBACE,uBAAuB,EACxC,WAAW,EAAC,sEAAsE,EAClF,UAAU,EAAE,KAAK,GACjB;YACF,8BAAC,wCAA2B,IAC1B,IAAI,EAAE,8BAA8B,EACpC,QAAQ,EAAE,GAAG,EAAE;oBACb,iCAAiC,CAAC,KAAK,CAAC,CAAC;gBAC3C,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;oBACd,gCAAgC,CAAC,IAAI,CAAC,CAAC;oBAEvC,iCAAiC,CAAC,KAAK,CAAC,CAAC;gBAC3C,CAAC,GACD,CACE,CACG,CACZ,CAAC;AACJ,CAAC;AAED,kBAAe,kBAAkB,CAAC"}
1	+ {"version":3,"file":"connection-string-input.js","sourceRoot":"","sources":["../../src/components/connection-string-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,uEAOwC;AACxC,iFAAuE;AAEvE,sGAA2E;AAG3E,MAAM,sBAAsB,GAAG,IAAA,wBAAG,EAAC;IACjC,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;IACrB,YAAY,EAAE,4BAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,wBAAG,EAAC;IAClC,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,wBAAG,EAAC;IACjC,QAAQ,EAAE;QACR,QAAQ,EAAE,4BAAO,CAAC,CAAC,CAAC,GAAG,IAAI;QAC3B,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;QACrB,MAAM,EAAE,UAAU;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAA,wBAAG,EAAC;IAC3B,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,4BAAO,CAAC,CAAC,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,IAAA,wBAAG,EAAC;IAChC,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,4BAA4B,GAAG,IAAA,wBAAG,EAAC;IACvC,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;CACrB,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,kBAAkB,CAAC;AACnD,MAAM,uBAAuB,GAAG,uBAAuB,CAAC;AAExD,SAAgB,8BAA8B,CAC5C,gBAAwB;IAExB,OAAO,IAAA,sDAAsB,EAAC,gBAAgB,EAAE;QAC9C,eAAe,EAAE,KAAK;QACtB,iBAAiB,EAAE,OAAO;KAC3B,CAAC,CAAC;AACL,CAAC;AAPD,wEAOC;AAED,SAAS,kBAAkB,CAAC,EAC1B,gBAAgB,EAChB,6BAA6B,EAC7B,gCAAgC,EAChC,yBAAyB,EACzB,QAAQ,GAOT;IACC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GACzD,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAC;IAC7B,MAAM,CAAC,8BAA8B,EAAE,iCAAiC,CAAC,GACvE,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElB,IAAA,iBAAS,EAAC,GAAG,EAAE;QAGb,IACE,uBAAuB,KAAK,gBAAgB;YAC5C,CAAC,CAAC,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,CAAC,EACtE;YACA,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;SAC9C;IACH,CAAC,EAAE;QACD,gBAAgB;QAChB,6BAA6B;QAC7B,uBAAuB;KACxB,CAAC,CAAC;IAEH,MAAM,4BAA4B,GAAG,IAAA,mBAAW,EAC9C,CAAC,KAA+C,EAAE,EAAE;QAGlD,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACzC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,EAAE,CAAC;YACX,OAAO;SACR;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,wBAAwB,GAAG,IAAA,mBAAW,EAC1C,CAAC,KAA6C,EAAE,EAAE;QAChD,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAE/C,0BAA0B,CAAC,mBAAmB,CAAC,CAAC;QAEhD,yBAAyB,CAAC;YACxB,IAAI,EAAE,0BAA0B;YAChC,wBAAwB,EAAE,mBAAmB;SAC9C,CAAC,CAAC;IACL,CAAC,EACD,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,MAAM,yBAAyB,GAAG,6BAA6B;QAC7D,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,8BAA8B,CAAC,uBAAuB,CAAC,CAAC;IAE5D,OAAO,CACL,8BAAC,gBAAQ;QACP,uCAAK,SAAS,EAAE,4BAA4B;YAC1C,uCAAK,SAAS,EAAE,uBAAuB;gBACrC,8BAAC,0BAAK,IAAC,OAAO,EAAE,uBAAuB,EAAE,EAAE,EAAE,uBAAuB,UAE5D;gBACR,8BAAC,mCAAc,kBACF,iCAAiC,iBAChC,4BAA4B,EACxC,IAAI,EAAC,8DAA8D,GACnE,CACE;YACN,8BAAC,0BAAK,IACJ,SAAS,EAAE,qBAAqB,EAChC,EAAE,EAAC,8BAA8B,EACjC,OAAO,EAAC,+BAA+B,6BAGjC;YACR,8BAAC,2BAAM,IACL,SAAS,EAAE,gBAAgB,EAC3B,EAAE,EAAC,+BAA+B,qBAClB,8BAA8B,EAC9C,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,6BAA6B,EACtC,QAAQ,EAAE,CAAC,OAAgB,EAAE,EAAE;oBAC7B,IAAI,OAAO,EAAE;wBACX,iCAAiC,CAAC,IAAI,CAAC,CAAC;wBACxC,OAAO;qBACR;oBACD,gCAAgC,CAAC,KAAK,CAAC,CAAC;gBAC1C,CAAC,GACD,CACE;QACN,uCAAK,SAAS,EAAE,sBAAsB;YACpC,8BAAC,6BAAQ,IACP,QAAQ,EAAE,wBAAwB,EAClC,UAAU,EAAE,4BAA4B,EACxC,KAAK,EAAE,yBAAyB,EAChC,SAAS,EAAE,sBAAsB,EACjC,QAAQ,EAAE,CAAC,6BAA6B,EACxC,EAAE,EAAE,uBAAuB,iBACd,uBAAuB,EACpC,GAAG,EAAE,UAAU,qBACE,uBAAuB,EACxC,WAAW,EAAC,sEAAsE,EAClF,UAAU,EAAE,KAAK,GACjB;YACF,8BAAC,wCAA2B,IAC1B,IAAI,EAAE,8BAA8B,EACpC,QAAQ,EAAE,GAAG,EAAE;oBACb,iCAAiC,CAAC,KAAK,CAAC,CAAC;gBAC3C,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;oBACd,gCAAgC,CAAC,IAAI,CAAC,CAAC;oBAEvC,iCAAiC,CAAC,KAAK,CAAC,CAAC;gBAC3C,CAAC,GACD,CACE,CACG,CACZ,CAAC;AACJ,CAAC;AAED,kBAAe,kBAAkB,CAAC"}

package/dist/components/favorite-color-picker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"favorite-color-picker.d.ts","sourceRoot":"","sources":["../../src/components/favorite-color-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;~~AA0G1B~~,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAQ,GACT,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,GAAG,KAAK,CAAC,YAAY,CA6CrB"}
1	+ {"version":3,"file":"favorite-color-picker.d.ts","sourceRoot":"","sources":["../../src/components/favorite-color-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6G1B,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAQ,GACT,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,GAAG,KAAK,CAAC,YAAY,CA6CrB"}

package/dist/components/favorite-color-picker.js CHANGED Viewed

@@ -21,6 +21,9 @@ const colorOptionStyles = (0, compass_components_1.css)({
     transition: 'box-shadow .16s ease-in',
     position: 'relative',
     overflow: 'hidden',
+    '&:hover': {
+        cursor: 'pointer',
+    },
 });
 const activeColorOptionStyles = (0, compass_components_1.css)({
     boxShadow: `0 0 0 3px ${compass_components_1.uiColors.focus}`,

package/dist/components/favorite-color-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"favorite-color-picker.js","sourceRoot":"","sources":["../../src/components/favorite-color-picker.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uEAMwC;AACxC,wEAIuC;AAKvC,MAAM,iBAAiB,GAAG,IAAA,wBAAG,EAAC;IAC5B,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,WAAW,EAAE,4BAAO,CAAC,CAAC,CAAC;IACvB,YAAY,EAAE,KAAK;IACnB,aAAa,EAAE,QAAQ;IACvB,KAAK,EAAE,4BAAO,CAAC,CAAC,CAAC,GAAG,4BAAO,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,4BAAO,CAAC,CAAC,CAAC,GAAG,4BAAO,CAAC,CAAC,CAAC;IAC/B,MAAM,EAAE,uBAAuB;IAC/B,SAAS,EAAE,WAAW,6BAAQ,CAAC,KAAK,EAAE;IACtC,UAAU,EAAE,yBAAyB;IACrC,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,QAAQ;~~CACnB~~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"}
1	+ {"version":3,"file":"favorite-color-picker.js","sourceRoot":"","sources":["../../src/components/favorite-color-picker.tsx"],"names":[],"mappings":"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"}

package/dist/components/save-connection-modal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"save-connection-modal.d.ts","sourceRoot":"","sources":["../../src/components/save-connection-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAKtE,iBAAS,mBAAmB,CAAC,EAC3B,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,IAAI,GACL,EAAE;IACD,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;IAChD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,CAAC,YAAY,EAAE,yBAAyB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,~~CAiDrB~~;AAED,eAAe,mBAAmB,CAAC"}
1	+ {"version":3,"file":"save-connection-modal.d.ts","sourceRoot":"","sources":["../../src/components/save-connection-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAKtE,iBAAS,mBAAmB,CAAC,EAC3B,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,IAAI,GACL,EAAE;IACD,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;IAChD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,CAAC,YAAY,EAAE,yBAAyB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CAmDrB;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/save-connection-modal.js CHANGED Viewed

@@ -35,9 +35,9 @@ function SaveConnectionModal({ initialFavoriteInfo, onCancelClicked, onSaveClick
             void onSaveClicked({
                 ...editingFavorite,
             });
-        }, submitDisabled: (editingFavorite.name || '').trim() ? false : true, onCancel: onCancelClicked, buttonText: "Save" },
+        }, submitDisabled: (editingFavorite.name || '').trim() ? false : true, onCancel: onCancelClicked, buttonText: "Save", "data-testid": "favorite_modal" },
         react_1.default.createElement(form_field_container_1.default, null,
-            react_1.default.createElement(compass_components_1.TextInput, { spellCheck: false, onChange: ({ target: { value }, }) => {
+            react_1.default.createElement(compass_components_1.TextInput, { "data-testid": "favorite-name-input", spellCheck: false, onChange: ({ target: { value }, }) => {
                     setEditingFavorite({
                         ...editingFavorite,
                         name: value,

package/dist/components/save-connection-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"save-connection-modal.js","sourceRoot":"","sources":["../../src/components/save-connection-modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,uEAA8E;AAG9E,kFAAwD;AACxD,mEAA8D;AAE9D,SAAS,mBAAmB,CAAC,EAC3B,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,IAAI,GAML;IACC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACrD,IAAI,EAAE,EAAE;QACR,GAAG,mBAAmB;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,sCAAiB,IAChB,KAAK,EACH,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,8BAA8B,EAExE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,EAAE;YACd,KAAK,aAAa,CAAC;gBACjB,GAAG,eAAe;aACnB,CAAC,CAAC;QACL,CAAC,EACD,cAAc,EAAE,CAAC,eAAe,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAClE,QAAQ,EAAE,eAAe,EACzB,UAAU,EAAC,MAAM;~~QAEjB~~,8BAAC,8BAAkB;YACjB,8BAAC,8BAAS,~~IACR~~,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,CAAC,EACT,MAAM,EAAE,EAAE,KAAK,EAAE,GACmB,EAAE,EAAE;oBACxC,kBAAkB,CAAC;wBACjB,GAAG,eAAe;wBAClB,IAAI,EAAE,KAAK;qBACZ,CAAC,CAAC;gBACL,CAAC,EACD,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,eAAe,CAAC,IAAI,GAC3B,CACiB;QACrB,8BAAC,8BAAkB;YACjB,8BAAC,2CAAmB,IAClB,SAAS,EAAE,eAAe,CAAC,KAAK,EAChC,QAAQ,EAAE,CAAC,QAAiB,EAAE,EAAE;oBAC9B,kBAAkB,CAAC;wBACjB,GAAG,eAAe;wBAClB,KAAK,EAAE,QAAQ;qBAChB,CAAC,CAAC;gBACL,CAAC,GACD,CACiB,CACH,CACrB,CAAC;AACJ,CAAC;AAED,kBAAe,mBAAmB,CAAC"}
1	+ {"version":3,"file":"save-connection-modal.js","sourceRoot":"","sources":["../../src/components/save-connection-modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,uEAA8E;AAG9E,kFAAwD;AACxD,mEAA8D;AAE9D,SAAS,mBAAmB,CAAC,EAC3B,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,IAAI,GAML;IACC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACrD,IAAI,EAAE,EAAE;QACR,GAAG,mBAAmB;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,sCAAiB,IAChB,KAAK,EACH,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,8BAA8B,EAExE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,EAAE;YACd,KAAK,aAAa,CAAC;gBACjB,GAAG,eAAe;aACnB,CAAC,CAAC;QACL,CAAC,EACD,cAAc,EAAE,CAAC,eAAe,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAClE,QAAQ,EAAE,eAAe,EACzB,UAAU,EAAC,MAAM,iBACL,gBAAgB;QAE5B,8BAAC,8BAAkB;YACjB,8BAAC,8BAAS,mBACI,qBAAqB,EACjC,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,CAAC,EACT,MAAM,EAAE,EAAE,KAAK,EAAE,GACmB,EAAE,EAAE;oBACxC,kBAAkB,CAAC;wBACjB,GAAG,eAAe;wBAClB,IAAI,EAAE,KAAK;qBACZ,CAAC,CAAC;gBACL,CAAC,EACD,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,eAAe,CAAC,IAAI,GAC3B,CACiB;QACrB,8BAAC,8BAAkB;YACjB,8BAAC,2CAAmB,IAClB,SAAS,EAAE,eAAe,CAAC,KAAK,EAChC,QAAQ,EAAE,CAAC,QAAiB,EAAE,EAAE;oBAC9B,kBAAkB,CAAC;wBACjB,GAAG,eAAe;wBAClB,KAAK,EAAE,QAAQ;qBAChB,CAAC,CAAC;gBACL,CAAC,GACD,CACiB,CACH,CACrB,CAAC;AACJ,CAAC;AAED,kBAAe,mBAAmB,CAAC"}

package/dist/components/saved-connection-color-picker.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import React from 'react';
+declare function SavedConnectionColorPicker({ hex, onChange, }: {
+    hex?: string;
+    onChange: (newColor?: string) => void;
+}): React.ReactElement;
+export default SavedConnectionColorPicker;
+//# sourceMappingURL=saved-connection-color-picker.d.ts.map

package/dist/components/saved-connection-color-picker.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"saved-connection-color-picker.d.ts","sourceRoot":"","sources":["../../src/components/saved-connection-color-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgH1B,iBAAS,0BAA0B,CAAC,EAClC,GAAG,EACH,QAAQ,GACT,EAAE;IACD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,GAAG,KAAK,CAAC,YAAY,CAoCrB;AAED,eAAe,0BAA0B,CAAC"}

package/dist/components/saved-connection-color-picker.js ADDED Viewed

@@ -0,0 +1,83 @@
+"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 COLORS = [
+    '#5fc86e',
+    '#326fde',
+    '#deb342',
+    '#d4366e',
+    '#59c1e2',
+    '#2c5f4a',
+    '#d66531',
+    '#773819',
+    '#3b8196',
+    '#ababab',
+];
+const colorOptionStyles = (0, compass_components_1.css)({
+    outline: 'none',
+    margin: 0,
+    padding: 0,
+    marginRight: compass_components_1.spacing[2],
+    borderRadius: '50%',
+    verticalAlign: 'middle',
+    width: 36,
+    height: 36,
+    border: '1px solid transparent',
+    boxShadow: `0 0 0 0 ${compass_components_1.uiColors.focus}`,
+    transition: 'box-shadow .16s ease-in',
+    position: 'relative',
+    overflow: 'hidden',
+});
+const activeColorOptionStyles = (0, compass_components_1.css)({
+    boxShadow: `0 0 0 3px ${compass_components_1.uiColors.focus}`,
+    transitionTimingFunction: 'ease-out',
+});
+const inActiveColorOptionStyles = (0, compass_components_1.css)({
+    '&:focus, &:hover': {
+        boxShadow: `0 0 0 3px ${compass_components_1.uiColors.gray.light1}`,
+    },
+});
+const noColorRedBarStyles = (0, compass_components_1.css)({
+    width: 40,
+    borderTop: `3px solid ${compass_components_1.uiColors.red.base}`,
+    transform: 'rotate(-45deg)',
+    position: 'absolute',
+    left: -5,
+});
+const selectedColorCheckmarkStyles = (0, compass_components_1.css)({
+    margin: 0,
+    padding: 0,
+});
+function ColorOption({ isSelected, onClick, hex, }) {
+    return (react_1.default.createElement("button", { style: { background: hex }, className: (0, compass_components_1.cx)({
+            [colorOptionStyles]: true,
+            [activeColorOptionStyles]: isSelected,
+            [inActiveColorOptionStyles]: !isSelected,
+        }), "data-testid": `color-pick-${hex}${isSelected ? '-selected' : ''}`, onClick: onClick, title: hex, "aria-pressed": isSelected }, isSelected && (react_1.default.createElement("svg", { className: selectedColorCheckmarkStyles, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 20, height: 34 },
+        react_1.default.createElement("g", { fill: "white", fillOpacity: isSelected ? 1 : 0, strokeOpacity: isSelected ? 1 : 0 },
+            react_1.default.createElement("path", { stroke: "#ffffff", d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" }))))));
+}
+function SavedConnectionColorPicker({ hex, onChange, }) {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(compass_components_1.Label, { htmlFor: "favorite-color-selector" }, "Color"),
+        react_1.default.createElement("div", { id: "favorite-color-selector" },
+            react_1.default.createElement("button", { style: {
+                    background: 'white',
+                    borderColor: compass_components_1.uiColors.black,
+                }, className: (0, compass_components_1.cx)({
+                    [colorOptionStyles]: true,
+                    [activeColorOptionStyles]: !hex,
+                }), onClick: () => {
+                    onChange();
+                }, "data-testid": `color-pick-no-color${!hex ? '-selected' : ''}`, title: "No color", "aria-pressed": !hex },
+                react_1.default.createElement("div", { className: noColorRedBarStyles })),
+            COLORS.map((color) => (react_1.default.createElement(ColorOption, { onClick: () => {
+                    onChange(color);
+                }, isSelected: color === hex, hex: color, key: color }))))));
+}
+exports.default = SavedConnectionColorPicker;
+//# sourceMappingURL=saved-connection-color-picker.js.map

package/dist/components/saved-connection-color-picker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"saved-connection-color-picker.js","sourceRoot":"","sources":["../../src/components/saved-connection-color-picker.tsx"],"names":[],"mappings":"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"}

package/dist/constants/markable-form-fields.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare enum MARKABLE_FORM_FIELD_NAMES {
+    HOSTS = "HOSTS",
+    IS_SRV = "IS_SRV",
+    IS_SSH = "IS_SSH_TUNNEL"
+}

package/dist/constants/markable-form-fields.js ADDED Viewed

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MARKABLE_FORM_FIELD_NAMES = void 0;
+var MARKABLE_FORM_FIELD_NAMES;
+(function (MARKABLE_FORM_FIELD_NAMES) {
+    MARKABLE_FORM_FIELD_NAMES["HOSTS"] = "HOSTS";
+    MARKABLE_FORM_FIELD_NAMES["IS_SRV"] = "IS_SRV";
+    MARKABLE_FORM_FIELD_NAMES["IS_SSH"] = "IS_SSH_TUNNEL";
+})(MARKABLE_FORM_FIELD_NAMES = exports.MARKABLE_FORM_FIELD_NAMES || (exports.MARKABLE_FORM_FIELD_NAMES = {}));
+//# sourceMappingURL=markable-form-fields.js.map

package/dist/constants/markable-form-fields.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"markable-form-fields.js","sourceRoot":"","sources":["../../src/constants/markable-form-fields.ts"],"names":[],"mappings":";;;AAEA,IAAY,yBAIX;AAJD,WAAY,yBAAyB;IACnC,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,qDAAwB,CAAA;AAC1B,CAAC,EAJW,yBAAyB,GAAzB,iCAAyB,KAAzB,iCAAyB,QAIpC"}

package/dist/constants/ssl-tls-options.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare type TLS_OPTIONS = 'DEFAULT' \| 'ON' \| 'OFF';

package/dist/constants/ssl-tls-options.js ADDED Viewed

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ssl-tls-options.js.map

package/dist/constants/ssl-tls-options.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ssl-tls-options.js","sourceRoot":"","sources":["../../src/constants/ssl-tls-options.ts"],"names":[],"mappings":""}

package/dist/hooks/use-connect-form.d.ts CHANGED Viewed

@@ -28,7 +28,7 @@ declare type ConnectionFormFieldActions = UpdateConnectionStringAction | {
     type: 'remove-host';
     fieldIndexToRemove: number;
 } | UpdateUsernameAction | UpdatePasswordAction | UpdateAuthMechanismAction | UpdateHostAction | {
-    type: 'update-connection-schema';
+    type: 'update-connection-scheme';
     isSrv: boolean;
 } | UpdateSshOptions | UpdateTlsAction | UpdateTlsOptionAction | {
     type: 'update-search-param';

package/dist/hooks/use-connect-form.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-connect-form.d.ts","sourceRoot":"","sources":["../../src/hooks/use-connect-form.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAgB,MAAM,SAAS,CAAC;AAGhE,OAAO,KAAK,EACV,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAU7B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EACV,yBAAyB,EACzB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,iCAAiC,CAAC;AAMzC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAMlF,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,6BAA6B,EAAE,OAAO,CAAC;IACvC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,QAAQ,EAAE,qBAAqB,EAAE,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;CAClB;AAyCD,UAAU,4BAA4B;IACpC,IAAI,EAAE,0BAA0B,CAAC;IACjC,wBAAwB,EAAE,MAAM,CAAC;CAClC;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,aAAK,0BAA0B,GAC3B,4BAA4B,GAC5B;IACE,IAAI,EAAE,cAAc,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;CAC9B,GACD;IACE,IAAI,EAAE,aAAa,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,GACD,oBAAoB,GACpB,oBAAoB,GACpB,yBAAyB,GACzB,gBAAgB,GAChB;IACE,IAAI,EAAE,0BAA0B,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;CAChB,GACD,gBAAgB,GAChB,eAAe,GACf,qBAAqB,GACrB;IACE,IAAI,EAAE,qBAAqB,CAAC;IAC5B,UAAU,EAAE,MAAM,kBAAkB,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,kBAAkB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GACD;IACE,IAAI,EAAE,qBAAqB,CAAC;IAC5B,GAAG,EAAE,MAAM,kBAAkB,CAAC;CAC/B,GACD;IACE,IAAI,EAAE,gCAAgC,CAAC;IACvC,GAAG,EAAE,MAAM,uBAAuB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GACD;IACE,IAAI,EAAE,wBAAwB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IACE,IAAI,EAAE,oBAAoB,CAAC;CAC5B,GACD;IACE,IAAI,EAAE,sBAAsB,CAAC;CAC9B,CAAC;AAEN,oBAAY,yBAAyB,GAAG,CACtC,MAAM,EAAE,0BAA0B,KAC/B,IAAI,CAAC;~~AA0GV~~,wBAAgB,+BAA+B,CAC7C,MAAM,EAAE,0BAA0B,EAClC,wBAAwB,EAAE,iBAAiB,GAC1C;IACD,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAChC,CAqPA;AAED,wBAAgB,cAAc,CAC5B,qBAAqB,EAAE,cAAc,EACrC,sBAAsB,CAAC,EAAE,MAAM,GAAG,IAAI,GACrC;IACD,gBAAgB;IAChB;QACE,yBAAyB,EAAE,yBAAyB,CAAC;QACrD,SAAS,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;QACnD,gCAAgC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;KACpE;CACF,~~CAmEA~~"}
1	+ {"version":3,"file":"use-connect-form.d.ts","sourceRoot":"","sources":["../../src/hooks/use-connect-form.ts"],"names":[],"mappings":"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"}

package/dist/hooks/use-connect-form.js CHANGED Viewed

@@ -1,12 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useConnectForm = exports.handleConnectionFormFieldUpdate = void 0;
 const react_1 = require("react");
 const lodash_1 = require("lodash");
-const mongodb_connection_string_url_1 = __importDefault(require("mongodb-connection-string-url"));
 const validation_1 = require("../utils/validation");
 const get_next_host_1 = require("../utils/get-next-host");
 const default_connection_1 = require("../constants/default-connection");
@@ -56,7 +52,7 @@ function buildStateFromConnectionInfo(initialConnectionInfo) {
         errors: errors,
         enableEditingConnectionString: initialConnectionInfo.connectionOptions.connectionString ===
             default_connection_1.defaultConnectionString && !initialConnectionInfo.lastUsed,
-        warnings: errors
+        warnings: (errors === null || errors === void 0 ? void 0 : errors.length)
             ? []
             : (0, validation_1.validateConnectionOptionsWarnings)(initialConnectionInfo.connectionOptions),
         connectionOptions: (0, lodash_1.cloneDeep)(initialConnectionInfo.connectionOptions),
@@ -72,7 +68,7 @@ function handleUpdateHost({ action, connectionStringUrl, connectionOptions, }) {
         }
         const updatedConnectionString = connectionStringUrl.clone();
         updatedConnectionString.hosts[fieldIndex] = newHostValue || '';
-        const newConnectionStringUrl = new mongodb_connection_string_url_1.default(updatedConnectionString.toString());
+        const newConnectionStringUrl = updatedConnectionString.clone();
         return {
             connectionOptions: {
                 ...(0, lodash_1.cloneDeep)(connectionOptions),
@@ -190,7 +186,7 @@ function handleConnectionFormFieldUpdate(action, currentConnectionOptions) {
                 connectionOptions: currentConnectionOptions,
             });
         }
-        case 'update-connection-schema': {
+        case 'update-connection-scheme': {
             const { isSrv } = action;
             try {
                 const newConnectionStringUrl = (0, connection_string_schema_1.tryUpdateConnectionStringSchema)(parsedConnectionStringUrl, isSrv);
@@ -320,6 +316,7 @@ function useConnectForm(initialConnectionInfo, connectionErrorMessage) {
         });
     }, []);
     const updateConnectionFormField = (0, react_1.useCallback)((action) => {
+        var _a;
         const updatedState = handleConnectionFormFieldUpdate(action, state.connectionOptions);
         dispatch({
             type: 'set-connection-form-state',
@@ -327,7 +324,7 @@ function useConnectForm(initialConnectionInfo, connectionErrorMessage) {
                 ...state,
                 errors: [],
                 ...updatedState,
-                warnings: updatedState.errors && updatedState.errors.length > 0
+                warnings: ((_a = updatedState.errors) === null || _a === void 0 ? void 0 : _a.length)
                     ? []
                     : (0, validation_1.validateConnectionOptionsWarnings)(updatedState.connectionOptions),
                 isDirty: !(0, lodash_1.isEqual)(updatedState.connectionOptions, state.connectionOptions),