@mongodb-js/connection-form 0.1.1

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

@@ -0,0 +1,118 @@
+"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 });
+exports.hidePasswordInConnectionString = void 0;
+const react_1 = __importStar(require("react"));
+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],
+});
+const uriLabelContainerStyles = (0, compass_components_1.css)({
+    flexGrow: 1,
+});
+const connectionStringStyles = (0, compass_components_1.css)({
+    textarea: {
+        fontSize: compass_components_1.spacing[2] * 1.75,
+        minHeight: compass_components_1.spacing[7],
+        resize: 'vertical',
+    },
+});
+const editToggleStyles = (0, compass_components_1.css)({
+    height: 14,
+    width: 26,
+    margin: 0,
+    marginLeft: compass_components_1.spacing[1],
+});
+const editToggleLabelStyles = (0, compass_components_1.css)({
+    '&:hover': {
+        cursor: 'pointer',
+    },
+});
+const textAreaLabelContainerStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[3],
+    display: 'flex',
+    flexDirection: 'row',
+});
+const connectionStringInputId = 'connectionString';
+const connectionStringLabelId = 'connectionStringLabel';
+function hidePasswordInConnectionString(connectionString) {
+    return (0, mongodb_connection_string_url_1.redactConnectionString)(connectionString, {
+        redactUsernames: false,
+        replacementString: '*****',
+    });
+}
+exports.hidePasswordInConnectionString = hidePasswordInConnectionString;
+function ConnectStringInput({ connectionString, enableEditingConnectionString, setEnableEditingConnectionString, updateConnectionFormField, }) {
+    const textAreaEl = (0, react_1.useRef)(null);
+    const [editingConnectionString, setEditingConnectionString] = (0, react_1.useState)(connectionString);
+    const [showEditConnectionStringPrompt, setShowEditConnectionStringPrompt] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (editingConnectionString !== connectionString &&
+            (!textAreaEl.current || textAreaEl.current !== document.activeElement)) {
+            setEditingConnectionString(connectionString);
+        }
+    }, [
+        connectionString,
+        enableEditingConnectionString,
+        editingConnectionString,
+    ]);
+    const onChangeConnectionString = (0, react_1.useCallback)((event) => {
+        const newConnectionString = event.target.value;
+        setEditingConnectionString(newConnectionString);
+        updateConnectionFormField({
+            type: 'update-connection-string',
+            newConnectionStringValue: newConnectionString,
+        });
+    }, [updateConnectionFormField]);
+    const displayedConnectionString = enableEditingConnectionString
+        ? editingConnectionString
+        : hidePasswordInConnectionString(editingConnectionString);
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement("div", { className: textAreaLabelContainerStyles },
+            react_1.default.createElement("div", { className: uriLabelContainerStyles },
+                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) => {
+                    if (checked) {
+                        setShowEditConnectionStringPrompt(true);
+                        return;
+                    }
+                    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(confirm_edit_connection_string_1.default, { open: showEditConnectionStringPrompt, onCancel: () => {
+                    setShowEditConnectionStringPrompt(false);
+                }, onConfirm: () => {
+                    setEnableEditingConnectionString(true);
+                    setShowEditConnectionStringPrompt(false);
+                } }))));
+}
+exports.default = ConnectStringInput;
+//# sourceMappingURL=connection-string-input.js.map

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

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

package/dist/components/favorite-color-picker.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function FavoriteColorPicker({ colorCode, onChange, }: {
+    colorCode?: string;
+    onChange: (newColor?: string) => void;
+}): React.ReactElement;
+//# sourceMappingURL=favorite-color-picker.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,79 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FavoriteColorPicker = void 0;
+const react_1 = __importDefault(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const use_connection_color_1 = require("../hooks/use-connection-color");
+const colorOptionStyles = (0, compass_components_1.css)({
+    outline: 'none',
+    margin: 0,
+    padding: 0,
+    marginRight: compass_components_1.spacing[2],
+    borderRadius: '50%',
+    verticalAlign: 'middle',
+    width: compass_components_1.spacing[5] + compass_components_1.spacing[1],
+    height: compass_components_1.spacing[5] + compass_components_1.spacing[1],
+    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, code, 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-${code}${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 FavoriteColorPicker({ colorCode, onChange, }) {
+    const selectedColorCode = (0, use_connection_color_1.legacyColorsToColorCode)(colorCode);
+    const { connectionColorToHex: colorCodeToHex } = (0, use_connection_color_1.useConnectionColor)();
+    const selectedColorHex = colorCodeToHex(selectedColorCode);
+    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]: !selectedColorHex,
+                }), onClick: () => {
+                    onChange();
+                }, "data-testid": `color-pick-no-color${!selectedColorHex ? '-selected' : ''}`, title: "No color", "aria-pressed": !selectedColorHex },
+                react_1.default.createElement("div", { className: noColorRedBarStyles })),
+            use_connection_color_1.CONNECTION_COLOR_CODES.map((colorCode) => {
+                const hex = colorCodeToHex(colorCode) || '';
+                return (react_1.default.createElement(ColorOption, { onClick: () => {
+                        onChange(colorCode);
+                    }, isSelected: colorCode === selectedColorCode, hex: hex, code: colorCode, key: colorCode }));
+            }))));
+}
+exports.FavoriteColorPicker = FavoriteColorPicker;
+//# sourceMappingURL=favorite-color-picker.js.map

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

@@ -0,0 +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,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,wBAAG,EAAC;IAClC,SAAS,EAAE,aAAa,6BAAQ,CAAC,KAAK,EAAE;IACxC,wBAAwB,EAAE,UAAU;CACrC,CAAC,CAAC;AAEH,MAAM,yBAAyB,GAAG,IAAA,wBAAG,EAAC;IACpC,kBAAkB,EAAE;QAClB,SAAS,EAAE,aAAa,6BAAQ,CAAC,IAAI,CAAC,MAAM,EAAE;KAC/C;CACF,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,wBAAG,EAAC;IAC9B,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,aAAa,6BAAQ,CAAC,GAAG,CAAC,IAAI,EAAE;IAC3C,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC,CAAC;CACT,CAAC,CAAC;AAEH,MAAM,4BAA4B,GAAG,IAAA,wBAAG,EAAC;IACvC,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEH,SAAS,WAAW,CAAC,EACnB,UAAU,EACV,OAAO,EACP,IAAI,EACJ,GAAG,GAMJ;IACC,OAAO,CACL,0CACE,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAC1B,SAAS,EAAE,IAAA,uBAAE,EAAC;YACZ,CAAC,iBAAiB,CAAC,EAAE,IAAI;YACzB,CAAC,uBAAuB,CAAC,EAAE,UAAU;YACrC,CAAC,yBAAyB,CAAC,EAAE,CAAC,UAAU;SACzC,CAAC,iBACW,cAAc,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EACjE,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,GAAG,kBACI,UAAU,IAEvB,UAAU,IAAI,CAEb,uCACE,SAAS,EAAE,4BAA4B,EACvC,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;QAEV,qCACE,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC/B,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAEjC,wCACE,MAAM,EAAC,SAAS,EAChB,CAAC,EAAC,yDAAyD,GAC3D,CACA,CACA,CACP,CACM,CACV,CAAC;AACJ,CAAC;AAED,SAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAQ,GAIT;IACC,MAAM,iBAAiB,GAAG,IAAA,8CAAuB,EAAC,SAAS,CAAC,CAAC;IAC7D,MAAM,EAAE,oBAAoB,EAAE,cAAc,EAAE,GAAG,IAAA,yCAAkB,GAAE,CAAC;IACtE,MAAM,gBAAgB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAC3D,OAAO,CACL;QACE,8BAAC,0BAAK,IAAC,OAAO,EAAC,yBAAyB,YAAc;QACtD,uCAAK,EAAE,EAAC,yBAAyB;YAC/B,0CACE,KAAK,EAAE;oBACL,UAAU,EAAE,OAAO;oBACnB,WAAW,EAAE,6BAAQ,CAAC,KAAK;iBAC5B,EACD,SAAS,EAAE,IAAA,uBAAE,EAAC;oBACZ,CAAC,iBAAiB,CAAC,EAAE,IAAI;oBACzB,CAAC,uBAAuB,CAAC,EAAE,CAAC,gBAAgB;iBAC7C,CAAC,EACF,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,EAAE,CAAC;gBACb,CAAC,iBACY,sBACX,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EACpC,EAAE,EACF,KAAK,EAAC,UAAU,kBACF,CAAC,gBAAgB;gBAE/B,uCAAK,SAAS,EAAE,mBAAmB,GAAI,CAChC;YACR,6CAAsB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;gBACxC,MAAM,GAAG,GAAG,cAAc,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;gBAC5C,OAAO,CACL,8BAAC,WAAW,IACV,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,SAAS,CAAC,CAAC;oBACtB,CAAC,EACD,UAAU,EAAE,SAAS,KAAK,iBAAiB,EAC3C,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,SAAS,GACd,CACH,CAAC;YACJ,CAAC,CAAC,CACE,CACL,CACJ,CAAC;AACJ,CAAC;AAnDD,kDAmDC"}

package/dist/components/form-field-container.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare function FormFieldContainer({ className, children, }: {
+    className?: string;
+    children: React.ReactNode;
+}): React.ReactElement;
+export default FormFieldContainer;
+//# sourceMappingURL=form-field-container.d.ts.map

package/dist/components/form-field-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-container.d.ts","sourceRoot":"","sources":["../../src/components/form-field-container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,iBAAS,kBAAkB,CAAC,EAC1B,SAAc,EACd,QAAQ,GACT,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,YAAY,CAIrB;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/form-field-container.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const compass_components_1 = require("@mongodb-js/compass-components");
+const react_1 = __importDefault(require("react"));
+const formFieldContainerStyles = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[3],
+});
+function FormFieldContainer({ className = '', children, }) {
+    return (react_1.default.createElement("div", { className: (0, compass_components_1.cx)(formFieldContainerStyles, className) }, children));
+}
+exports.default = FormFieldContainer;
+//# sourceMappingURL=form-field-container.js.map

package/dist/components/form-field-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-container.js","sourceRoot":"","sources":["../../src/components/form-field-container.tsx"],"names":[],"mappings":";;;;;AAAA,uEAAkE;AAClE,kDAA0B;AAE1B,MAAM,wBAAwB,GAAG,IAAA,wBAAG,EAAC;IACnC,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC;AAEH,SAAS,kBAAkB,CAAC,EAC1B,SAAS,GAAG,EAAE,EACd,QAAQ,GAIT;IACC,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,uBAAE,EAAC,wBAAwB,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAC1E,CAAC;AACJ,CAAC;AAED,kBAAe,kBAAkB,CAAC"}

package/dist/components/save-connection-modal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ConnectionFavoriteOptions } from 'mongodb-data-service';
+declare function SaveConnectionModal({ initialFavoriteInfo, onCancelClicked, onSaveClicked, open, }: {
+    initialFavoriteInfo?: ConnectionFavoriteOptions;
+    onCancelClicked: () => void;
+    onSaveClicked: (favoriteInfo: ConnectionFavoriteOptions) => Promise<void>;
+    open: boolean;
+}): React.ReactElement;
+export default SaveConnectionModal;
+//# sourceMappingURL=save-connection-modal.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,55 @@
+"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 favorite_color_picker_1 = require("./favorite-color-picker");
+function SaveConnectionModal({ initialFavoriteInfo, onCancelClicked, onSaveClicked, open, }) {
+    const [editingFavorite, setEditingFavorite] = (0, react_1.useState)({
+        name: '',
+        ...initialFavoriteInfo,
+    });
+    return (react_1.default.createElement(compass_components_1.ConfirmationModal, { title: initialFavoriteInfo ? 'Edit favorite' : 'Save connection to favorites', open: open, onConfirm: () => {
+            void onSaveClicked({
+                ...editingFavorite,
+            });
+        }, submitDisabled: (editingFavorite.name || '').trim() ? false : true, onCancel: onCancelClicked, buttonText: "Save" },
+        react_1.default.createElement(form_field_container_1.default, null,
+            react_1.default.createElement(compass_components_1.TextInput, { spellCheck: false, onChange: ({ target: { value }, }) => {
+                    setEditingFavorite({
+                        ...editingFavorite,
+                        name: value,
+                    });
+                }, label: "Name", value: editingFavorite.name })),
+        react_1.default.createElement(form_field_container_1.default, null,
+            react_1.default.createElement(favorite_color_picker_1.FavoriteColorPicker, { colorCode: editingFavorite.color, onChange: (newColor) => {
+                    setEditingFavorite({
+                        ...editingFavorite,
+                        color: newColor,
+                    });
+                } }))));
+}
+exports.default = SaveConnectionModal;
+//# sourceMappingURL=save-connection-modal.js.map

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

@@ -0,0 +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"}

package/dist/components/validation-summary.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type ErrorOrWarning = {
+    message: string;
+};
+export declare function ErrorSummary({ errors, }: {
+    errors: ErrorOrWarning[];
+}): React.ReactElement | null;
+export declare function WarningSummary({ warnings, }: {
+    warnings: ErrorOrWarning[];
+}): React.ReactElement | null;
+export {};
+//# sourceMappingURL=validation-summary.d.ts.map

package/dist/components/validation-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-summary.d.ts","sourceRoot":"","sources":["../../src/components/validation-summary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,aAAK,cAAc,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAY1C,wBAAgB,YAAY,CAAC,EAC3B,MAAM,GACP,EAAE;IACD,MAAM,EAAE,cAAc,EAAE,CAAC;CAC1B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAY5B;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,cAAc,EAAE,CAAC;CAC5B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAQ5B"}

package/dist/components/validation-summary.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WarningSummary = exports.ErrorSummary = void 0;
+const react_1 = __importDefault(require("react"));
+const compass_components_1 = require("@mongodb-js/compass-components");
+const bannerStyle = (0, compass_components_1.css)({
+    marginTop: compass_components_1.spacing[1],
+});
+const listStyle = (0, compass_components_1.css)({
+    padding: 0,
+    margin: 0,
+    listStylePosition: 'inside',
+});
+function ErrorSummary({ errors, }) {
+    if (!errors || !errors.length)
+        return null;
+    return (react_1.default.createElement(compass_components_1.Banner, { "data-testid": "connection-error-summary", variant: compass_components_1.BannerVariant.Danger, className: bannerStyle },
+        react_1.default.createElement(Summary, { messages: errors.map((err) => err.message) })));
+}
+exports.ErrorSummary = ErrorSummary;
+function WarningSummary({ warnings, }) {
+    if (!warnings || !warnings.length)
+        return null;
+    return (react_1.default.createElement(compass_components_1.Banner, { variant: compass_components_1.BannerVariant.Warning, className: bannerStyle },
+        react_1.default.createElement(Summary, { messages: warnings.map((warning) => warning.message) })));
+}
+exports.WarningSummary = WarningSummary;
+function Summary({ messages }) {
+    if (messages.length === 1) {
+        return react_1.default.createElement("div", null, messages[0]);
+    }
+    if (messages.length === 2) {
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement("ol", { className: listStyle }, messages.map((message, i) => (react_1.default.createElement("li", { key: i }, message))))));
+    }
+    const tooltipErrors = (react_1.default.createElement("ol", { className: listStyle }, messages.map((message, i) => (react_1.default.createElement("li", { key: i }, message)))));
+    const firstMessageNoDot = messages[0].endsWith('.')
+        ? messages[0].slice(0, messages[0].length - 1)
+        : messages[0];
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("span", null,
+            firstMessageNoDot,
+            ", and other ",
+            messages.length - 1,
+            " problems."),
+        ' ',
+        react_1.default.createElement(compass_components_1.InlineDefinition, { tooltipProps: {
+                align: 'top',
+                justify: 'start',
+                delay: 500,
+            }, definition: tooltipErrors }, "View all")));
+}
+//# sourceMappingURL=validation-summary.js.map

package/dist/components/validation-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-summary.js","sourceRoot":"","sources":["../../src/components/validation-summary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uEAMwC;AAIxC,MAAM,WAAW,GAAG,IAAA,wBAAG,EAAC;IACtB,SAAS,EAAE,4BAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,IAAA,wBAAG,EAAC;IACpB,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,iBAAiB,EAAE,QAAQ;CAC5B,CAAC,CAAC;AAEH,SAAgB,YAAY,CAAC,EAC3B,MAAM,GAGP;IACC,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAE3C,OAAO,CACL,8BAAC,2BAAM,mBACO,0BAA0B,EACtC,OAAO,EAAE,kCAAa,CAAC,MAAM,EAC7B,SAAS,EAAE,WAAW;QAEtB,8BAAC,OAAO,IAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,GAAY,CACxD,CACV,CAAC;AACJ,CAAC;AAhBD,oCAgBC;AAED,SAAgB,cAAc,CAAC,EAC7B,QAAQ,GAGT;IACC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAE/C,OAAO,CACL,8BAAC,2BAAM,IAAC,OAAO,EAAE,kCAAa,CAAC,OAAO,EAAE,SAAS,EAAE,WAAW;QAC5D,8BAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,GAAY,CAClE,CACV,CAAC;AACJ,CAAC;AAZD,wCAYC;AAED,SAAS,OAAO,CAAC,EAAE,QAAQ,EAA0B;IACnD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACzB,OAAO,2CAAM,QAAQ,CAAC,CAAC,CAAC,CAAO,CAAC;KACjC;IAED,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACzB,OAAO,CACL;YACE,sCAAI,SAAS,EAAE,SAAS,IACrB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,sCAAI,GAAG,EAAE,CAAC,IAAG,OAAO,CAAM,CAC3B,CAAC,CACC,CACD,CACP,CAAC;KACH;IAED,MAAM,aAAa,GAAG,CACpB,sCAAI,SAAS,EAAE,SAAS,IACrB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,sCAAI,GAAG,EAAE,CAAC,IAAG,OAAO,CAAM,CAC3B,CAAC,CACC,CACN,CAAC;IAEF,MAAM,iBAAiB,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;QACjD,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9C,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE;YACG,iBAAiB;;YAAc,QAAQ,CAAC,MAAM,GAAG,CAAC;yBAC9C;QAAC,GAAG;QACX,8BAAC,qCAAgB,IACf,YAAY,EAAE;gBACZ,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,OAAO;gBAChB,KAAK,EAAE,GAAG;aACX,EACD,UAAU,EAAE,aAAa,eAGR,CACf,CACP,CAAC;AACJ,CAAC"}

package/dist/constants/default-connection.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultHostname = "localhost";
+export declare const defaultPort = 27017;
+export declare const defaultConnectionString: string;
+export declare const defaultSocksPort = 1080;
+export declare const defaultSshPort = 22;
+//# sourceMappingURL=default-connection.d.ts.map

package/dist/constants/default-connection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-connection.d.ts","sourceRoot":"","sources":["../../src/constants/default-connection.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,WAAW,QAAQ,CAAC;AACjC,eAAO,MAAM,uBAAuB,QAAgD,CAAC;AACrF,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,eAAO,MAAM,cAAc,KAAK,CAAC"}

package/dist/constants/default-connection.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultSshPort = exports.defaultSocksPort = exports.defaultConnectionString = exports.defaultPort = exports.defaultHostname = void 0;
+exports.defaultHostname = 'localhost';
+exports.defaultPort = 27017;
+exports.defaultConnectionString = `mongodb://${exports.defaultHostname}:${exports.defaultPort}`;
+exports.defaultSocksPort = 1080;
+exports.defaultSshPort = 22;
+//# sourceMappingURL=default-connection.js.map

package/dist/constants/default-connection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-connection.js","sourceRoot":"","sources":["../../src/constants/default-connection.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG,WAAW,CAAC;AAC9B,QAAA,WAAW,GAAG,KAAK,CAAC;AACpB,QAAA,uBAAuB,GAAG,aAAa,uBAAe,IAAI,mBAAW,EAAE,CAAC;AACxE,QAAA,gBAAgB,GAAG,IAAI,CAAC;AACxB,QAAA,cAAc,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,67 @@
+import type { ConnectionInfo, ConnectionOptions } from 'mongodb-data-service';
+import type { MongoClientOptions } from 'mongodb';
+import type { ConnectionFormError, ConnectionFormWarning } from '../utils/validation';
+import type { UpdateSshOptions } from '../utils/connection-ssh-handler';
+import type { UpdateTlsAction, UpdateTlsOptionAction } from '../utils/tls-handler';
+import type { UpdateAuthMechanismAction, UpdatePasswordAction, UpdateUsernameAction } from '../utils/authentication-handler';
+import type { AuthMechanismProperties } from '../utils/connection-string-helpers';
+export interface ConnectFormState {
+    connectionOptions: ConnectionOptions;
+    enableEditingConnectionString: boolean;
+    errors: ConnectionFormError[];
+    warnings: ConnectionFormWarning[];
+    isDirty: boolean;
+}
+interface UpdateConnectionStringAction {
+    type: 'update-connection-string';
+    newConnectionStringValue: string;
+}
+interface UpdateHostAction {
+    type: 'update-host';
+    fieldIndex: number;
+    newHostValue: string;
+}
+declare type ConnectionFormFieldActions = UpdateConnectionStringAction | {
+    type: 'add-new-host';
+    fieldIndexToAddAfter: number;
+} | {
+    type: 'remove-host';
+    fieldIndexToRemove: number;
+} | UpdateUsernameAction | UpdatePasswordAction | UpdateAuthMechanismAction | UpdateHostAction | {
+    type: 'update-connection-schema';
+    isSrv: boolean;
+} | UpdateSshOptions | UpdateTlsAction | UpdateTlsOptionAction | {
+    type: 'update-search-param';
+    currentKey: keyof MongoClientOptions;
+    newKey?: keyof MongoClientOptions;
+    value?: string;
+} | {
+    type: 'delete-search-param';
+    key: keyof MongoClientOptions;
+} | {
+    type: 'update-auth-mechanism-property';
+    key: keyof AuthMechanismProperties;
+    value?: string;
+} | {
+    type: 'update-connection-path';
+    value: string;
+} | {
+    type: 'remove-ssh-options';
+} | {
+    type: 'remove-proxy-options';
+};
+export declare type UpdateConnectionFormField = (action: ConnectionFormFieldActions) => void;
+export declare function handleConnectionFormFieldUpdate(action: ConnectionFormFieldActions, currentConnectionOptions: ConnectionOptions): {
+    connectionOptions: ConnectionOptions;
+    errors?: ConnectionFormError[];
+};
+export declare function useConnectForm(initialConnectionInfo: ConnectionInfo, connectionErrorMessage?: string | null): [
+    ConnectFormState,
+    {
+        updateConnectionFormField: UpdateConnectionFormField;
+        setErrors: (errors: ConnectionFormError[]) => void;
+        setEnableEditingConnectionString: (enableEditing: boolean) => void;
+    }
+];
+export {};
+//# sourceMappingURL=use-connect-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-connect-form.d.ts","sourceRoot":"","sources":["../../src/hooks/use-connect-form.ts"],"names":[],"mappings":"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"}