@mongodb-js/compass-components 1.68.0 → 1.70.0

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

@@ -40,6 +40,7 @@ exports.HadronElement = exports.getNestedKeyPathForElement = exports.calculateSh
 const react_1 = __importStar(require("react"));
 const hadron_document_1 = require("hadron-document");
 const bson_value_1 = __importDefault(require("../bson-value"));
+const bson_utils_1 = require("./bson-utils");
 const tokens_1 = require("@leafygreen-ui/tokens");
 const element_editors_1 = require("./element-editors");
 const element_actions_1 = require("./element-actions");
@@ -53,7 +54,8 @@ const visible_field_toggle_1 = __importDefault(require("./visible-field-toggle")
 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 legacy_uuid_format_context_1 = require("./legacy-uuid-format-context");
+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);
@@ -62,8 +64,8 @@ function useElementEditor(el, displayType) {
 }
 function useHadronElement(el) {
     const forceUpdate = (0, use_force_update_1.useForceUpdate)();
-    const legacyUUIDEncoding = (0, legacy_uuid_format_context_1.useLegacyUUIDDisplayContext)();
-    const displayType = (0, hadron_document_1.getDisplayType)(el, legacyUUIDEncoding);
+    const { legacyUUIDDisplayEncoding } = (0, bson_display_options_context_1.useBSONDisplayOptions)();
+    const displayType = (0, hadron_document_1.getDisplayType)(el, legacyUUIDDisplayEncoding);
     const editor = useElementEditor(el, displayType);
     // NB: Duplicate key state is kept local to the component and not derived on
     // every change so that only the changed key is highlighed as duplicate
@@ -167,6 +169,7 @@ function useHadronElement(el) {
         visibleChildren: el.getVisibleElements(),
         level: el.level,
         parentType: el.parent?.currentType,
+        modified: el.isModified(),
         removed: el.isRemoved(),
         internal: el.isInternalField(),
         expanded: el.expanded,
@@ -212,6 +215,7 @@ const elementRemovedLightMode = (0, emotion_1.css)({
         backgroundColor: palette_1.palette.red.light2,
     },
 });
+const elementModifiedLightMode = elementInvalidLightMode;
 const elementInvalidDarkMode = (0, emotion_1.css)({
     backgroundColor: palette_1.palette.yellow.dark3,
     '&:hover': {
@@ -224,16 +228,19 @@ const elementRemovedDarkMode = (0, emotion_1.css)({
         backgroundColor: palette_1.palette.red.dark2,
     },
 });
+const elementModifiedDarkMode = elementInvalidDarkMode;
 const elementActions = (0, emotion_1.css)({
     flex: 'none',
     width: tokens_1.spacing[300],
     position: 'relative',
+    userSelect: 'none',
 });
 const elementLineNumber = (0, emotion_1.css)({
     flex: 'none',
     position: 'relative',
     marginLeft: tokens_1.spacing[100],
     boxSizing: 'content-box',
+    userSelect: 'none',
 });
 const addFieldActionsContainer = (0, emotion_1.css)({
     position: 'absolute',
@@ -278,22 +285,43 @@ const lineNumberRemovedDarkMode = (0, emotion_1.css)({
 });
 const elementSpacer = (0, emotion_1.css)({
     flex: 'none',
+    userSelect: 'none',
 });
 const elementExpand = (0, emotion_1.css)({
     width: tokens_1.spacing[400],
     flex: 'none',
     display: 'flex',
     alignItems: 'center',
+    userSelect: 'none',
 });
 const elementKey = (0, emotion_1.css)({
     flex: 'none',
     fontWeight: 'bold',
+    minWidth: '1em',
     maxWidth: '60%',
 });
+const elementKeyInline = (0, emotion_1.css)({
+    // Inline-block to keep the key's own max width and ellipsis, aligned to the
+    // bottom for the box's baseline.
+    display: 'inline-block',
+    verticalAlign: 'bottom',
+    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,
 });
 const elementDivider = (0, emotion_1.css)({
+    flex: 'none',
+    display: 'inline',
+});
+const elementDecryptedIcon = (0, emotion_1.css)({
     flex: 'none',
     userSelect: 'none',
 });
@@ -301,10 +329,27 @@ const elementValue = (0, emotion_1.css)({
     flex: 1,
     minWidth: 0,
     maxWidth: '100%',
+    display: 'inline',
+});
+const elementContent = (0, emotion_1.css)({
+    display: 'flex',
+    flex: 1,
+    minWidth: 0,
+});
+// When not editing we want the key and value inline for copy-ability.
+const elementContentInline = (0, emotion_1.css)({
+    display: 'block',
+    flex: 1,
+    minWidth: 0,
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    [bson_utils_1.bsonValueDisplayVar]: 'inline',
 });
 const elementType = (0, emotion_1.css)({
     flex: 'none',
     marginLeft: tokens_1.spacing[100],
+    userSelect: 'none',
 });
 const actions = (0, emotion_1.css)({
     display: 'none',
@@ -385,7 +430,7 @@ exports.getNestedKeyPathForElement = getNestedKeyPathForElement;
 const HadronElement = ({ value: element, editable, editingEnabled, onEditStart, lineNumberSize, onAddElement, extraGutterWidth = 0, onUpdateQuery, query, }) => {
     const darkMode = (0, use_theme_1.useDarkMode)();
     const autoFocus = (0, auto_focus_context_1.useAutoFocusContext)();
-    const { id, key, value, type, revert, remove, expandable, children, visibleChildren, level, parentType, removed, internal, expanded, expand, collapse, } = useHadronElement(element);
+    const { id, key, value, type, revert, remove, expandable, children, visibleChildren, level, parentType, modified, removed, internal, expanded, expand, collapse, } = useHadronElement(element);
     // Function to check if a field is in the query
     // TODO: COMPASS-9541 Improve the functionality when checking for nested objects.
     const isFieldInQuery = (0, react_1.useCallback)((field, fieldValue) => {
@@ -406,10 +451,16 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
                         },
                     }
                     : undefined,
+                {
+                    label: 'Copy value',
+                    onAction: () => {
+                        void navigator.clipboard.writeText(element.toShellSyntax());
+                    },
+                },
                 {
                     label: 'Copy field & value',
                     onAction: () => {
-                        void navigator.clipboard.writeText(`${key.value}: ${element.toEJSON()}`);
+                        void navigator.clipboard.writeText(`${key.value}: ${element.toShellSyntax()}`);
                     },
                 },
                 type.value === 'String' && isValidUrl(value.value)
@@ -423,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();
@@ -466,11 +535,16 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
         : elementInvalidLightMode;
     const elementProps = {
         ref: fieldContextMenuRef,
-        className: (0, emotion_1.cx)(hadronElement, darkMode ? hadronElementDarkMode : hadronElementLightMode, removed ? elementRemoved : editingEnabled && !isValid && elementInvalid),
+        className: (0, emotion_1.cx)(hadronElement, darkMode ? hadronElementDarkMode : hadronElementLightMode, modified &&
+            !expanded &&
+            (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, internal && elementKeyInternal, darkMode && elementKeyDarkMode),
+        className: (0, emotion_1.cx)(elementKey, !editingEnabled && elementKeyInline, internal && elementKeyInternal, darkMode && elementKeyDarkMode, keyDraggable && elementKeyDraggable),
     };
     const lineNumberRemoved = darkMode
         ? lineNumberRemovedDarkMode
@@ -508,38 +582,39 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
                     toggleExpanded();
                 } },
                 react_1.default.createElement(leafygreen_1.Icon, { size: "xsmall", glyph: expanded ? 'CaretDown' : 'CaretRight' })))),
-            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) => {
-                    key.change(newVal);
-                }, 
-                // This autofocus will only trigger after user deliberately
-                // double-clicked on a field and so auto focusing the input is
-                // expected in this case
-                // eslint-disable-next-line jsx-a11y/no-autofocus
-                autoFocus: autoFocus?.id === id && autoFocus?.type === 'key', editing: editingEnabled, onEditStart: () => {
-                    onEditStart?.(element.uuid, 'key');
-                } })) : (react_1.default.createElement("span", null, key.value))),
-            react_1.default.createElement("div", { className: elementDivider, role: "presentation" }, ":\u00A0"),
-            react_1.default.createElement("div", { className: elementDivider, role: "presentation" }, value.decrypted && (react_1.default.createElement("span", { "data-testid": "hadron-document-element-decrypted-icon", title: "Encrypted Field" },
-                react_1.default.createElement(leafygreen_1.Icon, { glyph: "Key", size: "small" })))),
-            react_1.default.createElement("div", { className: elementValue, "data-testid": "hadron-document-element-value" }, value.editable ? (react_1.default.createElement(element_editors_1.ValueEditor, { type: type.value, originalValue: value.originalValue, value: value.value, valid: value.valid, validationMessage: value.validationMessage, onChange: (newVal) => {
-                    value.change(newVal);
-                }, 
-                // See above
-                // eslint-disable-next-line jsx-a11y/no-autofocus
-                autoFocus: autoFocus?.id === id && autoFocus?.type === 'value', editing: editingEnabled, onEditStart: () => {
-                    onEditStart?.(element.uuid, 'value');
-                }, onFocus: () => {
-                    value.startEdit();
-                }, onBlur: () => {
-                    value.completeEdit();
-                } })) : (react_1.default.createElement("div", { "data-testid": editable && !editingEnabled
-                    ? 'hadron-document-clickable-value'
-                    : undefined, onDoubleClick: () => {
-                    if (editable && !editingEnabled) {
-                        onEditStart?.(element.uuid, 'type');
-                    }
-                } },
-                react_1.default.createElement(bson_value_1.default, { type: type.value, value: value.originalValue })))),
+            react_1.default.createElement("div", { className: editingEnabled ? elementContent : elementContentInline },
+                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
+                    // double-clicked on a field and so auto focusing the input is
+                    // expected in this case
+                    // eslint-disable-next-line jsx-a11y/no-autofocus
+                    autoFocus: autoFocus?.id === id && autoFocus?.type === 'key', editing: editingEnabled, onEditStart: () => {
+                        onEditStart?.(element.uuid, 'key');
+                    } })) : (react_1.default.createElement("span", null, key.value))),
+                react_1.default.createElement("div", { className: elementDivider, role: "presentation" }, ":\u00A0"),
+                value.decrypted && (react_1.default.createElement("span", { className: elementDecryptedIcon, "data-testid": "hadron-document-element-decrypted-icon", title: "Encrypted Field" },
+                    react_1.default.createElement(leafygreen_1.Icon, { glyph: "Key", size: "small" }))),
+                react_1.default.createElement("div", { className: elementValue, "data-testid": "hadron-document-element-value" }, value.editable ? (react_1.default.createElement(element_editors_1.ValueEditor, { type: type.value, originalValue: value.originalValue, value: value.value, valid: value.valid, validationMessage: value.validationMessage, onChange: (newVal) => {
+                        value.change(newVal);
+                    }, 
+                    // See above
+                    // eslint-disable-next-line jsx-a11y/no-autofocus
+                    autoFocus: autoFocus?.id === id && autoFocus?.type === 'value', editing: editingEnabled, onEditStart: () => {
+                        onEditStart?.(element.uuid, 'value');
+                    }, onFocus: () => {
+                        value.startEdit();
+                    }, onBlur: () => {
+                        value.completeEdit();
+                    } })) : (react_1.default.createElement("span", { "data-testid": editable && !editingEnabled
+                        ? 'hadron-document-clickable-value'
+                        : undefined, onDoubleClick: () => {
+                        if (editable && !editingEnabled) {
+                            onEditStart?.(element.uuid, 'type');
+                        }
+                    } },
+                    react_1.default.createElement(bson_value_1.default, { type: type.value, value: value.originalValue }))))),
             editable && (react_1.default.createElement("div", { className: elementType, "data-testid": "hadron-document-element-type" },
                 react_1.default.createElement(element_editors_1.TypeEditor, { editing: editingEnabled, type: type.value, 
                     // See above

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 { LegacyUUIDDisplayContext, type LegacyUUIDDisplay, } from './legacy-uuid-format-context';
+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,wBAAwB,EACxB,KAAK,iBAAiB,GACvB,MAAM,8BAA8B,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.LegacyUUIDDisplayContext = 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,5 +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 legacy_uuid_format_context_1 = require("./legacy-uuid-format-context");
-Object.defineProperty(exports, "LegacyUUIDDisplayContext", { enumerable: true, get: function () { return legacy_uuid_format_context_1.LegacyUUIDDisplayContext; } });
+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/components/document-list/visible-field-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visible-field-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/visible-field-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA0BpD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC,CA4EA,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"visible-field-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/visible-field-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA4BpD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC,CA4EA,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/document-list/visible-field-toggle.js

@@ -42,6 +42,8 @@ const container = (0, emotion_1.css)({
     display: 'flex',
     gap: tokens_1.spacing[200],
     paddingTop: tokens_1.spacing[200],
+    // Not a part of the document, keep it out of selectable/copied text.
+    userSelect: 'none',
 });
 const linkButtonStyles = (0, emotion_1.css)({
     border: 'none',

package/dist/components/drawer-portal.d.ts

@@ -63,12 +63,14 @@ export declare const DrawerContentProvider: React.FunctionComponent<{
  * DrawerAnchor component will render the drawer in any place it is rendered.
  * This component has to wrap any content that Drawer will be shown near
  */
-export declare const DrawerAnchor: React.FunctionComponent;
+export declare const DrawerAnchor: React.FunctionComponent<{
+    children?: React.ReactNode;
+}>;
 /**
  * DrawerSection allows to declaratively render sections inside the drawer
  * independantly from the Drawer itself
  */
-export declare const DrawerSection: React.FunctionComponent<DrawerSectionProps>;
+export declare const DrawerSection: React.FunctionComponent<React.PropsWithChildren<DrawerSectionProps>>;
 export { DrawerDisplayMode };
 export declare function useDrawerActions(): {
     openDrawer: (id: string) => void;

package/dist/components/drawer-portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-portal.d.ts","sourceRoot":"","sources":["../../src/components/drawer-portal.tsx"],"names":[],"mappings":"AACA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAEhC,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAMrE,KAAK,WAAW,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC,aAAa,CAAC,CAAC;AAE9D,KAAK,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,SAAS,CAAC,GAAG;IAKnE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAE5C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CAC5C,CAAC;AAoEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC1D,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAwGA,CAAC;AAgGF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBA8QhC,CAAC;AAWF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAgFrE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,wBAAgB,gBAAgB;qBAUX,MAAM;;EAmD1B;AAED,eAAO,MAAM,cAAc;;CAS1B,CAAC;AAEF,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"drawer-portal.d.ts","sourceRoot":"","sources":["../../src/components/drawer-portal.tsx"],"names":[],"mappings":"AACA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAEhC,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAMrE,KAAK,WAAW,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC,aAAa,CAAC,CAAC;AAE9D,KAAK,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,SAAS,CAAC,GAAG;IAKnE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAE5C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CAC5C,CAAC;AAoEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC1D,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAwGA,CAAC;AAkGF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CA8QA,CAAC;AAWF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CACjD,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA8E5C,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,wBAAgB,gBAAgB;qBAUX,MAAM;;EAmD1B;AAED,eAAO,MAAM,cAAc;;CAS1B,CAAC;AAEF,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/error-boundary.d.ts

@@ -4,6 +4,7 @@ type Props = {
     className?: string;
     displayName?: string;
     onError?: (error: Error, errorInfo: ErrorInfo) => void;
+    children?: React.ReactNode;
 };
 declare const _ErrorBoundary: React.FunctionComponent<Props>;
 export { _ErrorBoundary as ErrorBoundary };

package/dist/components/error-boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAqCF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CASlD,CAAC;AAEF,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAqCF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CASlD,CAAC;AAEF,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}

package/dist/components/file-picker-dialog.d.ts

@@ -39,6 +39,7 @@ export type ElectronWebUtilsProvider = {
 };
 export declare const FileInputBackendProvider: React.FunctionComponent<{
     createFileInputBackend: (() => FileInputBackend) | null;
+    children?: React.ReactNode;
 }>;
 export declare function createJSDomFileInputDummyBackend(): () => FileInputBackend;
 export declare function createElectronFileInputBackend<ElectronWindow>(electron: ElectronShowFileDialogProvider<ElectronWindow>, webUtils: ElectronWebUtilsProvider | null): () => FileInputBackend;

package/dist/components/file-picker-dialog.d.ts.map

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

package/dist/components/guide-cue/guide-cue.d.ts

@@ -11,11 +11,12 @@ export type GroupCue = Cue & {
     groupId: GroupName;
 };
 type GuideCueContextValue = {
+    onShow?: (cue: Cue) => void;
     onNext?: (cue: Cue) => void;
     onNextGroup?: (groupCue: GroupCue) => void;
     disabled?: boolean;
 };
-export declare const GuideCueProvider: React.FC<GuideCueContextValue>;
+export declare const GuideCueProvider: React.FC<React.PropsWithChildren<GuideCueContextValue>>;
 type LGGuideCueProps = React.ComponentProps<typeof LGGuideCue>;
 type GroupAndStep = {
     groupId: GroupName;

package/dist/components/guide-cue/guide-cue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"guide-cue.d.ts","sourceRoot":"","sources":["../../../src/components/guide-cue/guide-cue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAUpD,MAAM,MAAM,GAAG,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuB3D,CAAC;AAYF,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/D,KAAK,YAAY,GACb;IACE,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAGN,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,IAAI,CACjC,eAAe,EACf,aAAa,GAAG,OAAO,GAAG,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAC5E,GACC,YAAY,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;QAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IACjE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEJ,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,EAAE,+HAW7C,aAAa,CAAC,CAAC,CAAC,sBAqLlB,CAAC"}
+{"version":3,"file":"guide-cue.d.ts","sourceRoot":"","sources":["../../../src/components/guide-cue/guide-cue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAWpD,MAAM,MAAM,GAAG,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACrC,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAuB9C,CAAC;AAYF,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/D,KAAK,YAAY,GACb;IACE,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAGN,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,IAAI,CACjC,eAAe,EACf,aAAa,GAAG,OAAO,GAAG,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAC5E,GACC,YAAY,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;QAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IACjE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEJ,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,EAAE,+HAW7C,aAAa,CAAC,CAAC,CAAC,sBA4LlB,CAAC"}

package/dist/components/guide-cue/guide-cue.js

@@ -40,6 +40,7 @@ const guide_cue_1 = require("@leafygreen-ui/guide-cue");
 const guide_cue_groups_1 = require("./guide-cue-groups");
 const __1 = require("../..");
 const rafraf_1 = require("../../utils/rafraf");
+const use_effect_on_change_1 = require("../../hooks/use-effect-on-change");
 const hiddenPopoverStyles = (0, __1.css)({
     display: 'none !important',
     opacity: '0 !important',
@@ -49,6 +50,9 @@ const GuideCueContext = react_1.default.createContext({});
 const GuideCueProvider = ({ children, disabled = false, ...callbacks }) => {
     const callbacksRef = (0, __1.useCurrentValueRef)(callbacks);
     const value = (0, react_1.useMemo)(() => ({
+        onShow(cue) {
+            callbacksRef.current.onShow?.(cue);
+        },
         onNext(cue) {
             callbacksRef.current.onNext?.(cue);
         },
@@ -181,6 +185,12 @@ const GuideCue = ({ description, trigger, triggerNode, cueId, groupId, step, onP
         };
     }, [isCueOpen, cueData, onNext, setOpen]);
     const isCueDisabled = context.disabled;
+    const isCueShown = readyToRender && !isCueDisabled && isCueOpen;
+    (0, use_effect_on_change_1.useEffectOnChange)(() => {
+        if (isCueShown) {
+            context.onShow?.(cueData);
+        }
+    }, isCueShown);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         readyToRender && (react_1.default.createElement(guide_cue_1.GuideCue, { ...restOfCueProps, open: !isCueDisabled && isCueOpen, numberOfSteps: guide_cue_service_1.guideCueService.getCountOfSteps(cueData.groupId), onDismiss: () => {
                 onDismiss?.();

package/dist/components/inline-definition.js

@@ -17,8 +17,8 @@ const underline = (0, emotion_1.css)({
 const maxWidth = (0, emotion_1.css)({
     maxWidth: '360px',
 });
-const InlineDefinition = ({ children, definition, tooltipProps, ...props }) => {
-    return (react_1.default.createElement(leafygreen_1.Tooltip, { justify: "middle", spacing: 5, trigger: react_1.default.createElement("span", { className: underline, ...props }, children), ...tooltipProps },
+const InlineDefinition = ({ children, definition, tooltipProps, className, ...props }) => {
+    return (react_1.default.createElement(leafygreen_1.Tooltip, { justify: "middle", spacing: 5, trigger: react_1.default.createElement("span", { className: (0, emotion_1.cx)(underline, className), ...props }, children), ...tooltipProps },
         react_1.default.createElement(leafygreen_1.Body, { className: maxWidth }, definition)));
 };
 exports.InlineDefinition = InlineDefinition;

package/dist/components/leafygreen.d.ts

@@ -34,41 +34,7 @@ export { useMergeRefs } from '@leafygreen-ui/hooks';
 import { Toggle } from '@leafygreen-ui/toggle';
 import { H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Label, Description } from '@leafygreen-ui/typography';
 import { Combobox, ComboboxOption, ComboboxGroup } from '@leafygreen-ui/combobox';
-declare const Tooltip: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "justify" | "className" | "onClick" | "spacing" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "maxHeight" | "maxWidth" | "popoverZIndex" | "refEl" | "renderMode" | "portalClassName" | "portalContainer" | "portalRef" | "scrollContainer"> & {
-    justify?: import("@leafygreen-ui/menu").Justify | undefined;
-    className?: string | undefined;
-    onClick?: React.MouseEventHandler | undefined;
-    spacing?: number | undefined;
-    onEnter?: ((isAppearing: boolean) => void) | undefined;
-    onEntering?: ((isAppearing: boolean) => void) | undefined;
-    onEntered?: ((isAppearing: boolean) => void) | undefined;
-    onExit?: (() => void) | undefined;
-    onExiting?: (() => void) | undefined;
-    onExited?: (() => void) | undefined;
-    maxHeight?: number | undefined;
-    maxWidth?: number | undefined;
-    popoverZIndex?: number | undefined;
-    refEl?: React.RefObject<HTMLElement> | undefined;
-    renderMode?: "inline" | "portal" | "top-layer" | undefined;
-    portalClassName?: string | undefined;
-    portalContainer?: HTMLElement | null | undefined;
-    portalRef?: React.MutableRefObject<HTMLElement | null> | undefined;
-    scrollContainer?: HTMLElement | null | undefined;
-} & {
-    align?: import("@leafygreen-ui/info-sprinkle").Align;
-    trigger?: React.ReactElement | ((props: any) => React.ReactElement);
-    triggerEvent?: import("@leafygreen-ui/tooltip").TriggerEvent;
-    initialOpen?: boolean;
-    open?: boolean;
-    setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
-    darkMode?: boolean;
-    id?: string;
-    shouldClose?: () => boolean;
-    enabled?: boolean;
-    onClose?: () => void;
-    baseFontSize?: import("@leafygreen-ui/chip").BaseFontSize;
-    variant?: import("@leafygreen-ui/tooltip").TooltipVariant;
-}>;
+declare const Tooltip: React.FC<import("@leafygreen-ui/tooltip").TooltipProps>;
 declare const Icon: {
     ({ size, ...rest }: Omit<React.ComponentProps<typeof LeafyGreenIcon>, "size"> & {
         size?: LeafyGreenIconSize | "xsmall" | number;

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

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

package/dist/components/links/link.d.ts

@@ -6,7 +6,7 @@ type RequiredURLSearchParamsContextValue = {
     utmSource?: string;
     utmMedium?: string;
 };
-export declare const RequiredURLSearchParamsProvider: React.FC<RequiredURLSearchParamsContextValue>;
+export declare const RequiredURLSearchParamsProvider: React.FC<React.PropsWithChildren<RequiredURLSearchParamsContextValue>>;
 export declare const urlWithUtmParams: (urlString: string, { utmSource, utmMedium }: {
     utmSource?: string;
     utmMedium?: string;