@mongodb-js/compass-components 1.69.0 → 1.70.0

package/dist/components/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AA2CF,eAAO,MAAM,WAAW,GAAI,uBAGzB;IACD,KAAK,EACD,cAAc,EAAE,GAChB,CAAC,GAAG,cAAc,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAqDA,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AA2CF,eAAO,MAAM,WAAW,GAAI,uBAGzB;IACD,KAAK,EACD,cAAc,EAAE,GAChB,CAAC,GAAG,cAAc,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAqDA,CAAC"}

package/dist/components/breadcrumb.js

@@ -40,6 +40,7 @@ const emotion_1 = require("@leafygreen-ui/emotion");
 const palette_1 = require("@leafygreen-ui/palette");
 const use_theme_1 = require("../hooks/use-theme");
 const leafygreen_1 = require("./leafygreen");
+const nbsp_1 = require("../utils/nbsp");
 const breadcrumbStyles = (0, emotion_1.css)({
     display: 'flex',
     gap: tokens_1.spacing[100],
@@ -84,9 +85,9 @@ const Breadcrumbs = ({ items, className, }) => {
         clickableItems.map((item, index) => {
             return (react_1.default.createElement(react_1.Fragment, { key: `${index}-${item.name}` },
                 react_1.default.createElement(leafygreen_1.Link, { as: "button", hideExternalIcon: true, className: (0, emotion_1.cx)(breadcrumbButtonStyles, textStyles), onClick: item.onClick, title: item.name },
-                    react_1.default.createElement(leafygreen_1.Body, { className: (0, emotion_1.cx)(textStyles, darkMode ? itemDarkStyles : itemLightStyles) }, item.name)),
+                    react_1.default.createElement(leafygreen_1.Body, { className: (0, emotion_1.cx)(textStyles, darkMode ? itemDarkStyles : itemLightStyles) }, (0, nbsp_1.nbsp)(item.name))),
                 react_1.default.createElement(leafygreen_1.Icon, { glyph: "ChevronRight", size: "small", color: palette_1.palette.gray.light1, className: iconStyles })));
         }),
-        react_1.default.createElement(leafygreen_1.Body, { key: [items.length - 1, lastItem.name].join(''), className: (0, emotion_1.cx)(textStyles, darkMode ? lastItemStylesDark : lastItemStylesLight) }, lastItem.name)));
+        react_1.default.createElement(leafygreen_1.Body, { key: [items.length - 1, lastItem.name].join(''), className: (0, emotion_1.cx)(textStyles, darkMode ? lastItemStylesDark : lastItemStylesLight) }, (0, nbsp_1.nbsp)(lastItem.name))));
 };
 exports.Breadcrumbs = Breadcrumbs;

package/dist/components/document-list/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAEV,OAAO,IAAI,iBAAiB,EAC7B,MAAM,iBAAiB,CAAC;AAiazB,eAAO,MAAM,6BAA6B,GAAI,mEAK3C;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB,EAAE,OAAO,CAAC;IACnC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;CACtC,WAeA,CAAC;AAYF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GACrC,SAAS,iBAAiB,KACzB,MAcF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClD,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IACpE,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC,CAqaA,CAAC"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAEV,OAAO,IAAI,iBAAiB,EAC7B,MAAM,iBAAiB,CAAC;AAyazB,eAAO,MAAM,6BAA6B,GAAI,mEAK3C;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB,EAAE,OAAO,CAAC;IACnC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;CACtC,WAeA,CAAC;AAYF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GACrC,SAAS,iBAAiB,KACzB,MAcF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClD,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IACpE,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC,CAwcA,CAAC"}

package/dist/components/document-list/element.js

@@ -55,6 +55,7 @@ const mongodb_query_util_1 = require("mongodb-query-util");
 const context_menu_1 = require("../context-menu");
 const use_sync_state_on_prop_change_1 = require("../../hooks/use-sync-state-on-prop-change");
 const bson_display_options_context_1 = require("./bson-display-options-context");
+const field_drag_1 = require("./field-drag");
 function useElementEditor(el, displayType) {
     return (0, react_1.useMemo)(() => {
         const Editor = (0, hadron_document_1.getEditorByType)(displayType);
@@ -307,6 +308,12 @@ const elementKeyInline = (0, emotion_1.css)({
     overflow: 'hidden',
     textOverflow: 'ellipsis',
 });
+const elementKeyDraggable = (0, emotion_1.css)({
+    cursor: 'grab',
+    '&:active': {
+        cursor: 'grabbing',
+    },
+});
 const elementKeyInternal = (0, emotion_1.css)({
     color: palette_1.palette.gray.base,
 });
@@ -467,6 +474,24 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
             ],
         },
     ], [element, key.value, value.value, type.value, onUpdateQuery, isFieldInQuery]);
+    // Dragging a field name puts "field: value" on the drag data, so it can be
+    // dropped into an aggregation stage or any editor outside Compass. The
+    // text/plain payload is deliberately identical to the "Copy field & value"
+    // context menu action, which remains the keyboard accessible way to do this.
+    //
+    // The same field also goes on the event in structured form, so that drop
+    // targets inside Compass (the query bar) can use the BSON value rather than
+    // parsing the display string back.
+    const onKeyDragStart = (0, react_1.useCallback)((evt) => {
+        // The row toggles expansion on click; dragging a field is not that.
+        evt.stopPropagation();
+        evt.dataTransfer.effectAllowed = 'copy';
+        evt.dataTransfer.setData('text/plain', `${key.value}: ${element.toShellSyntax()}`);
+        (0, field_drag_1.setDraggedDocumentField)(evt.dataTransfer, {
+            field: (0, exports.getNestedKeyPathForElement)(element),
+            value: element.generateObject(),
+        });
+    }, [element, key.value]);
     const toggleExpanded = () => {
         if (expanded) {
             collapse();
@@ -515,8 +540,11 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
             (darkMode ? elementModifiedDarkMode : elementModifiedLightMode), removed ? elementRemoved : editingEnabled && !isValid && elementInvalid),
         onClick: toggleExpanded,
     };
+    // While editing, the key is a text input and dragging it would fight with
+    // selecting the text inside it.
+    const keyDraggable = !editingEnabled;
     const keyProps = {
-        className: (0, emotion_1.cx)(elementKey, !editingEnabled && elementKeyInline, internal && elementKeyInternal, darkMode && elementKeyDarkMode),
+        className: (0, emotion_1.cx)(elementKey, !editingEnabled && elementKeyInline, internal && elementKeyInternal, darkMode && elementKeyDarkMode, keyDraggable && elementKeyDraggable),
     };
     const lineNumberRemoved = darkMode
         ? lineNumberRemovedDarkMode
@@ -555,7 +583,7 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
                 } },
                 react_1.default.createElement(leafygreen_1.Icon, { size: "xsmall", glyph: expanded ? 'CaretDown' : 'CaretRight' })))),
             react_1.default.createElement("div", { className: editingEnabled ? elementContent : elementContentInline },
-                react_1.default.createElement("div", { ...keyProps, "data-testid": "hadron-document-element-key" }, key.editable ? (react_1.default.createElement(element_editors_1.KeyEditor, { value: key.value, valid: key.valid, validationMessage: key.validationMessage, onChange: (newVal) => {
+                react_1.default.createElement("div", { ...keyProps, "data-testid": "hadron-document-element-key", draggable: keyDraggable, onDragStart: keyDraggable ? onKeyDragStart : undefined }, key.editable ? (react_1.default.createElement(element_editors_1.KeyEditor, { value: key.value, valid: key.valid, validationMessage: key.validationMessage, onChange: (newVal) => {
                         key.change(newVal);
                     }, 
                     // This autofocus will only trigger after user deliberately

package/dist/components/document-list/field-drag.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Drag data type set when a field is dragged out of the document list.
+ *
+ * Dragging a field always puts a human readable `text/plain` representation on
+ * the drag event so that it can be dropped into any editor. This type carries
+ * the same field in structured form, so that drop targets inside Compass can
+ * act on the actual BSON value instead of parsing the display string back.
+ */
+export declare const DOCUMENT_FIELD_DRAG_TYPE = "application/x-mongodb-compass-field";
+export type DraggedDocumentField = {
+    /** Dot notation path of the dragged field. Array indexes are skipped. */
+    field: string;
+    /** Value of the dragged field. */
+    value: unknown;
+};
+/**
+ * Values are serialised as canonical extended JSON so that BSON types survive
+ * the round trip through the drag event, which can only carry strings.
+ */
+export declare function setDraggedDocumentField(dataTransfer: DataTransfer, dragged: DraggedDocumentField): void;
+/**
+ * Reads a field dragged from the document list, or returns null when the drag
+ * did not come from there. Drops come from user input, so malformed data is
+ * treated as "not ours" rather than as an error.
+ */
+export declare function getDraggedDocumentField(dataTransfer: DataTransfer): DraggedDocumentField | null;
+//# sourceMappingURL=field-drag.d.ts.map

package/dist/components/document-list/field-drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-drag.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/field-drag.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,wCAAwC,CAAC;AAE9E,MAAM,MAAM,oBAAoB,GAAG;IACjC,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,oBAAoB,GAC5B,IAAI,CAKN;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,YAAY,GACzB,oBAAoB,GAAG,IAAI,CAW7B"}

package/dist/components/document-list/field-drag.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DOCUMENT_FIELD_DRAG_TYPE = void 0;
+exports.setDraggedDocumentField = setDraggedDocumentField;
+exports.getDraggedDocumentField = getDraggedDocumentField;
+const bson_1 = require("bson");
+/**
+ * Drag data type set when a field is dragged out of the document list.
+ *
+ * Dragging a field always puts a human readable `text/plain` representation on
+ * the drag event so that it can be dropped into any editor. This type carries
+ * the same field in structured form, so that drop targets inside Compass can
+ * act on the actual BSON value instead of parsing the display string back.
+ */
+exports.DOCUMENT_FIELD_DRAG_TYPE = 'application/x-mongodb-compass-field';
+/**
+ * Values are serialised as canonical extended JSON so that BSON types survive
+ * the round trip through the drag event, which can only carry strings.
+ */
+function setDraggedDocumentField(dataTransfer, dragged) {
+    dataTransfer.setData(exports.DOCUMENT_FIELD_DRAG_TYPE, bson_1.EJSON.stringify(dragged, { relaxed: false }));
+}
+/**
+ * Reads a field dragged from the document list, or returns null when the drag
+ * did not come from there. Drops come from user input, so malformed data is
+ * treated as "not ours" rather than as an error.
+ */
+function getDraggedDocumentField(dataTransfer) {
+    const raw = dataTransfer.getData(exports.DOCUMENT_FIELD_DRAG_TYPE);
+    if (!raw) {
+        return null;
+    }
+    try {
+        const parsed = bson_1.EJSON.parse(raw, { relaxed: false });
+        return typeof parsed?.field === 'string' ? parsed : null;
+    }
+    catch {
+        return null;
+    }
+}

package/dist/components/document-list/index.d.ts

@@ -2,5 +2,6 @@ export { default as DocumentActionsGroup } from './document-actions-group';
 export { default as VisibleFieldsToggle } from './visible-field-toggle';
 export { default as Document } from './document';
 export { default as DocumentEditActionsFooter } from './document-edit-actions-footer';
+export { DOCUMENT_FIELD_DRAG_TYPE, setDraggedDocumentField, getDraggedDocumentField, type DraggedDocumentField, } from './field-drag';
 export { BSONDisplayOptionsProvider, useBSONDisplayOptions, type BSONDisplayOptions, type LegacyUUIDDisplay, } from './bson-display-options-context';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/document-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EACL,0BAA0B,EAC1B,qBAAqB,EACrB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EACL,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,KAAK,oBAAoB,GAC1B,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,0BAA0B,EAC1B,qBAAqB,EACrB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,gCAAgC,CAAC"}

package/dist/components/document-list/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBSONDisplayOptions = exports.BSONDisplayOptionsProvider = exports.DocumentEditActionsFooter = exports.Document = exports.VisibleFieldsToggle = exports.DocumentActionsGroup = void 0;
+exports.useBSONDisplayOptions = exports.BSONDisplayOptionsProvider = exports.getDraggedDocumentField = exports.setDraggedDocumentField = exports.DOCUMENT_FIELD_DRAG_TYPE = exports.DocumentEditActionsFooter = exports.Document = exports.VisibleFieldsToggle = exports.DocumentActionsGroup = void 0;
 var document_actions_group_1 = require("./document-actions-group");
 Object.defineProperty(exports, "DocumentActionsGroup", { enumerable: true, get: function () { return __importDefault(document_actions_group_1).default; } });
 var visible_field_toggle_1 = require("./visible-field-toggle");
@@ -12,6 +12,10 @@ var document_1 = require("./document");
 Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return __importDefault(document_1).default; } });
 var document_edit_actions_footer_1 = require("./document-edit-actions-footer");
 Object.defineProperty(exports, "DocumentEditActionsFooter", { enumerable: true, get: function () { return __importDefault(document_edit_actions_footer_1).default; } });
+var field_drag_1 = require("./field-drag");
+Object.defineProperty(exports, "DOCUMENT_FIELD_DRAG_TYPE", { enumerable: true, get: function () { return field_drag_1.DOCUMENT_FIELD_DRAG_TYPE; } });
+Object.defineProperty(exports, "setDraggedDocumentField", { enumerable: true, get: function () { return field_drag_1.setDraggedDocumentField; } });
+Object.defineProperty(exports, "getDraggedDocumentField", { enumerable: true, get: function () { return field_drag_1.getDraggedDocumentField; } });
 var bson_display_options_context_1 = require("./bson-display-options-context");
 Object.defineProperty(exports, "BSONDisplayOptionsProvider", { enumerable: true, get: function () { return bson_display_options_context_1.BSONDisplayOptionsProvider; } });
 Object.defineProperty(exports, "useBSONDisplayOptions", { enumerable: true, get: function () { return bson_display_options_context_1.useBSONDisplayOptions; } });

package/dist/hooks/use-confirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-confirmation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,iBAAiB,MAAM,yCAAyC,CAAC;AAQxE,OAAO,EAAE,wBAAwB,EAAE,CAAC;AAEpC,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE7E,KAAK,sBAAsB,GAAG,OAAO,CACnC,IAAI,CACF,sBAAsB,EACpB,OAAO,GACP,SAAS,GACT,mBAAmB,GACnB,cAAc,GACd,oBAAoB,CACvB,CACF,GAAG;IACF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA+BF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,eAAO,MAAM,gBAAgB,UAnDH,sBAAsB,qBAqD/C,CAAC;AA2HF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAUA,CAAC;AAEF,wBAAsB,UAAU,CAC9B,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GACA,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAsBxB"}
+{"version":3,"file":"use-confirmation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,iBAAiB,MAAM,yCAAyC,CAAC;AAOxE,OAAO,EAAE,wBAAwB,EAAE,CAAC;AAEpC,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE7E,KAAK,sBAAsB,GAAG,OAAO,CACnC,IAAI,CACF,sBAAsB,EACpB,OAAO,GACP,SAAS,GACT,mBAAmB,GACnB,cAAc,GACd,oBAAoB,CACvB,CACF,GAAG;IACF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAmDF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,eAAO,MAAM,gBAAgB,UA1DH,sBAAsB,qBA4D/C,CAAC;AAkHF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAUA,CAAC;AAEF,wBAAsB,UAAU,CAC9B,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GACA,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAsBxB"}

package/dist/hooks/use-confirmation.js

@@ -46,19 +46,33 @@ const emotion_1 = require("@leafygreen-ui/emotion");
 const form_field_container_1 = __importDefault(require("../components/form-field-container"));
 const leafygreen_1 = require("../components/leafygreen");
 const tokens_1 = require("@leafygreen-ui/tokens");
-const use_initial_value_1 = require("./use-initial-value");
 const utils_1 = require("@react-aria/utils");
 class GlobalConfirmationModalState {
     confirmationId = 0;
     onShowCallback = null;
+    registerHandler(callback) {
+        this.onShowCallback = callback;
+        return () => {
+            if (this.onShowCallback !== callback) {
+                return;
+            }
+            this.onShowCallback = null;
+        };
+    }
     showConfirmation(props) {
         return new Promise((resolve, reject) => {
-            this.onShowCallback?.({
+            const request = {
                 props,
                 resolve,
                 reject,
                 confirmationId: ++this.confirmationId,
-            });
+            };
+            if (this.onShowCallback) {
+                this.onShowCallback(request);
+            }
+            else {
+                request?.reject(new Error('Confirmation modal is not registered to show confirmation'));
+            }
         });
     }
 }
@@ -112,8 +126,8 @@ const ConfirmationModalStateHandler = ({ children }) => {
         confirmationId: -1,
     });
     const callbackRef = (0, react_1.useRef)();
-    const _confirmationModalState = (0, use_initial_value_1.useInitialValue)(() => {
-        confirmationModalState.onShowCallback = ({ props, resolve, reject, confirmationId, }) => {
+    (0, react_1.useEffect)(() => {
+        const unregister = confirmationModalState.registerHandler(({ props, resolve, reject, confirmationId }) => {
             setConfirmationProps({ open: true, confirmationId, ...props });
             const onAbort = () => {
                 setConfirmationProps((state) => {
@@ -126,17 +140,13 @@ const ConfirmationModalStateHandler = ({ children }) => {
                 resolve(confirmed);
             };
             props.signal?.addEventListener('abort', onAbort);
-        };
-        return confirmationModalState;
-    });
-    (0, react_1.useEffect)(() => {
+        });
         return () => {
             callbackRef.current?.(false);
-            if (_confirmationModalState) {
-                _confirmationModalState.onShowCallback = null;
-            }
+            callbackRef.current = undefined;
+            unregister();
         };
-    }, [_confirmationModalState]);
+    }, []);
     const onUserAction = (0, react_1.useCallback)((value) => {
         setConfirmationProps((state) => {
             return { ...state, open: false };

package/dist/index.d.ts

@@ -105,6 +105,7 @@ export { urlWithUtmParams, RequiredURLSearchParamsProvider, useRequiredURLSearch
 export { ChevronCollapse } from './components/chevron-collapse-icon';
 export { formatDate, formatDuration } from './utils/format-date';
 export { compactBytes, compactNumber } from './utils/format';
+export { nbsp } from './utils/nbsp';
 export { VirtualList, type VirtualListRef, type VirtualListProps, type ItemRenderer as VirtualListItemRenderer, } from './components/virtual-list';
 export { SelectList } from './components/select-list';
 export { ParagraphSkeleton } from '@leafygreen-ui/skeleton-loader';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -41,8 +41,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.spacing = exports.breakpoints = exports.ToastArea = exports.closeToast = exports.openToast = exports.VisuallyHidden = exports.useId = exports.SelectSize = exports.RadioBoxSize = exports.Portal = exports.transparentize = exports.lighten = exports.rgba = exports.palette = exports.LeafyGreenProvider = exports.SplitButton = exports.ButtonVariant = exports.ButtonSize = exports.BannerVariant = exports.BadgeVariant = exports.LGGuideCue = exports.PngIcon = exports.NoSavedItemsIcon = exports.ServerIcon = exports.FavoriteIcon = exports.DocumentIcon = exports.AssistantSparkleIcon = exports.DropdownMenuButton = exports.ItemActionMenu = exports.ItemActionGroup = exports.ItemActionControls = exports.splitBySeparator = exports.useTabTheme = exports.TabThemeProvider = exports.WorkspaceTab = exports.ProgressLoaderWithCancel = exports.CancelLoader = exports.SpinLoaderWithLabel = exports.SpinLoader = exports.cache = exports.sheet = exports.css = exports.keyframes = exports.injectGlobal = exports.getRegisteredStyles = exports.merge = exports.cx = exports.hydrate = exports.flush = exports.emotion = void 0;
 exports.ListEditor = exports.InteractivePopover = exports.InlineInfoLink = exports.WorkspaceContainer = exports.TabNavBar = exports.FeedbackPopover = exports.ErrorBoundary = exports.EmptyContent = exports.SignalHooksProvider = exports.SignalPopover = exports.createIconComponent = exports.createGlyphComponent = exports.InlineDefinition = exports.useThrottledProps = exports.ThemeProvider = exports.Themes = exports.useDarkMode = exports.withDarkMode = exports.useScrollbars = exports.getScrollbarStyles = exports.resetGlobalCSS = exports.FocusStates = exports.useHoverState = exports.useFocusStateIncludingUnfocused = exports.useFocusState = exports.MarketingModal = exports.createJSDomFileInputDummyBackend = exports.createElectronFileInputBackend = exports.defaultSidebarWidth = exports.WorkspaceTabs = exports.WarningSummary = exports.ResizableSidebar = exports.ResizeDirection = exports.ResizeHandle = exports.RadioBoxGroup = exports.OptionsToggle = exports.IndexIcon = exports.FileInputBackendProvider = exports.FilePickerDialog = exports.ErrorSummary = exports.ConfirmationModal = exports.CollapsibleFieldSet = exports.Accordion = exports.useContextMenuGroups = exports.InfoModal = exports.FormModal = exports.ModalHeader = exports.ModalBody = exports.Modal = exports.FormFieldContainer = void 0;
-exports.Diagram = exports.DiagramProvider = exports.FileSelector = exports.InsightsChip = exports.ParagraphSkeleton = exports.SelectList = exports.VirtualList = exports.compactNumber = exports.compactBytes = exports.formatDuration = exports.formatDate = exports.ChevronCollapse = exports.useRequiredURLSearchParams = exports.RequiredURLSearchParamsProvider = exports.urlWithUtmParams = exports.Breadcrumbs = exports.CompassComponentsProvider = exports.ToastBody = exports.PerformanceSignals = exports.GuideCueProvider = exports.GuideCue = exports.usePersistedState = exports.ComboboxWithCustomOption = exports.rafraf = exports.KeyboardShortcut = exports.formatHotkey = exports.useHotkeys = exports.showErrorDetails = exports.showPrompt = exports.showConfirmation = exports.ConfirmationModalArea = exports.ConfirmationModalVariant = exports.IndexKeysBadge = exports.IndexBadge = exports.HorizontalRule = exports.useEffectOnChange = exports.codePalette = exports.KeylineCard = exports.DocumentList = exports.BSONValue = exports.fontFamilies = exports.useSortedItems = exports.useSortControls = exports.useDefaultAction = exports.useFocusRing = exports.focusRing = exports.mergeProps = exports.VirtualGrid = exports.useDOMRect = exports.Placeholder = void 0;
-exports.useSyncStateOnPropChange = exports.useCurrentValueRef = exports.useInitialValue = exports.getCoordinatesForNewNode = exports.applyLayout = exports.getViewportForBounds = exports.getNodesBounds = exports.useDiagram = void 0;
+exports.DiagramProvider = exports.FileSelector = exports.InsightsChip = exports.ParagraphSkeleton = exports.SelectList = exports.VirtualList = exports.nbsp = exports.compactNumber = exports.compactBytes = exports.formatDuration = exports.formatDate = exports.ChevronCollapse = exports.useRequiredURLSearchParams = exports.RequiredURLSearchParamsProvider = exports.urlWithUtmParams = exports.Breadcrumbs = exports.CompassComponentsProvider = exports.ToastBody = exports.PerformanceSignals = exports.GuideCueProvider = exports.GuideCue = exports.usePersistedState = exports.ComboboxWithCustomOption = exports.rafraf = exports.KeyboardShortcut = exports.formatHotkey = exports.useHotkeys = exports.showErrorDetails = exports.showPrompt = exports.showConfirmation = exports.ConfirmationModalArea = exports.ConfirmationModalVariant = exports.IndexKeysBadge = exports.IndexBadge = exports.HorizontalRule = exports.useEffectOnChange = exports.codePalette = exports.KeylineCard = exports.DocumentList = exports.BSONValue = exports.fontFamilies = exports.useSortedItems = exports.useSortControls = exports.useDefaultAction = exports.useFocusRing = exports.focusRing = exports.mergeProps = exports.VirtualGrid = exports.useDOMRect = exports.Placeholder = void 0;
+exports.useSyncStateOnPropChange = exports.useCurrentValueRef = exports.useInitialValue = exports.getCoordinatesForNewNode = exports.applyLayout = exports.getViewportForBounds = exports.getNodesBounds = exports.useDiagram = exports.Diagram = void 0;
 // IMPORTANT: this import should always be the first one in compass-component
 // main entrypoint to ensure that emotion is reconfigured before any component
 // modules generate their stylesheets
@@ -287,6 +287,8 @@ Object.defineProperty(exports, "formatDuration", { enumerable: true, get: functi
 var format_1 = require("./utils/format");
 Object.defineProperty(exports, "compactBytes", { enumerable: true, get: function () { return format_1.compactBytes; } });
 Object.defineProperty(exports, "compactNumber", { enumerable: true, get: function () { return format_1.compactNumber; } });
+var nbsp_1 = require("./utils/nbsp");
+Object.defineProperty(exports, "nbsp", { enumerable: true, get: function () { return nbsp_1.nbsp; } });
 var virtual_list_1 = require("./components/virtual-list");
 Object.defineProperty(exports, "VirtualList", { enumerable: true, get: function () { return virtual_list_1.VirtualList; } });
 var select_list_1 = require("./components/select-list");

package/dist/utils/nbsp.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Replace leading/trailing spaces and internal runs of 2+ spaces with
+ * non-breaking spaces so the original text is preserved when rendered in the
+ * DOM. Browsers collapse consecutive whitespace and strip edges, so a run of
+ * N spaces renders as 1 (or 0 at edges). Single internal spaces are left as
+ * regular spaces so the text can still wrap.
+ */
+export declare function nbsp(text: string): string;
+//# sourceMappingURL=nbsp.d.ts.map

package/dist/utils/nbsp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nbsp.d.ts","sourceRoot":"","sources":["../../src/utils/nbsp.ts"],"names":[],"mappings":"AAMA;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIzC"}

package/dist/utils/nbsp.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nbsp = nbsp;
+const NBSP = '\u00A0';
+function toNbsp(spaces) {
+    return spaces.replace(/\u0020/g, NBSP);
+}
+/**
+ * Replace leading/trailing spaces and internal runs of 2+ spaces with
+ * non-breaking spaces so the original text is preserved when rendered in the
+ * DOM. Browsers collapse consecutive whitespace and strip edges, so a run of
+ * N spaces renders as 1 (or 0 at edges). Single internal spaces are left as
+ * regular spaces so the text can still wrap.
+ */
+function nbsp(text) {
+    return text
+        .replace(/^\u0020+|\u0020+$/g, toNbsp)
+        .replace(/\u0020{2,}/g, toNbsp);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongodb-js/compass-components",
-  "version": "1.69.0",
+  "version": "1.70.0",
   "description": "React Components used in Compass",
   "license": "SSPL",
   "main": "dist/index.js",
@@ -86,19 +86,19 @@
     "@lg-chat/leafygreen-chat-provider": "^6.0.0",
     "@lg-chat/message": "^12.0.0",
     "@lg-chat/message-prompts": "^4.2.2",
-    "@mongodb-js/compass-context-menu": "^0.3.16",
+    "@mongodb-js/compass-context-menu": "^0.3.17",
     "@mongodb-js/diagramming": "^2.4.1",
     "@react-aria/interactions": "^3.9.1",
     "@react-aria/utils": "^3.13.1",
     "@react-aria/visually-hidden": "^3.3.1",
     "bson": "^7.3.2",
     "focus-trap-react": "^9.0.2",
-    "hadron-document": "^8.12.0",
-    "hadron-type-checker": "^7.5.9",
+    "hadron-document": "^8.12.1",
+    "hadron-type-checker": "^7.5.10",
     "is-electron-renderer": "^2.0.1",
     "lodash": "^4.18.1",
     "mongodb-query-parser": "^5.0.5",
-    "mongodb-query-util": "^2.6.9",
+    "mongodb-query-util": "^2.6.10",
     "polished": "^4.2.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -110,10 +110,10 @@
   "devDependencies": {
     "@emotion/css": "^11.13.5",
     "@leafygreen-ui/lib": "^15.7.0",
-    "@mongodb-js/eslint-config-compass": "^1.4.26",
+    "@mongodb-js/eslint-config-compass": "^1.4.27",
     "@mongodb-js/mocha-config-compass": "^1.8.1",
     "@mongodb-js/prettier-config-compass": "^1.2.9",
-    "@mongodb-js/testing-library-compass": "^1.7.0",
+    "@mongodb-js/testing-library-compass": "^1.7.1",
     "@mongodb-js/tsconfig-compass": "^1.3.1",
     "@types/chai": "^4.2.21",
     "@types/chai-dom": "^0.0.10",
@@ -133,5 +133,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "18b9284c2de5c1daef72e6fa187efb016f597539"
+  "gitHead": "13069dd486790839d988fbef8ff12c1056fa86c8"
 }