@mongodb-js/compass-components 1.68.0 → 1.69.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,7 @@ 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");
 function useElementEditor(el, displayType) {
     return (0, react_1.useMemo)(() => {
         const Editor = (0, hadron_document_1.getEditorByType)(displayType);
@@ -62,8 +63,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 +168,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 +214,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 +227,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 +284,37 @@ 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 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 +322,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 +423,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 +444,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)
@@ -466,11 +510,13 @@ 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,
     };
     const keyProps = {
-        className: (0, emotion_1.cx)(elementKey, internal && elementKeyInternal, darkMode && elementKeyDarkMode),
+        className: (0, emotion_1.cx)(elementKey, !editingEnabled && elementKeyInline, internal && elementKeyInternal, darkMode && elementKeyDarkMode),
     };
     const lineNumberRemoved = darkMode
         ? lineNumberRemovedDarkMode
@@ -508,38 +554,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" }, 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/index.d.ts

@@ -2,5 +2,5 @@ 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 { 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,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.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,6 @@ 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 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;

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

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/links/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,QAA8B,MAAM,uBAAuB,CAAC;AACnE,OAAO,YAAsC,MAAM,4BAA4B,CAAC;AAGhF,KAAK,mCAAmC,GAAG;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAGF,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CACpD,mCAAmC,CAYpC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,WAAW,MAAM,EACjB,0BAA0B;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KACnE,MAiBF,CAAC;AAEF,wBAAgB,0BAA0B,IAAI,mCAAmC,CAEhF;AAOD,eAAO,MAAM,IAAI,EAeA,OAAO,MAAM,CAAC;AAS/B,eAAO,MAAM,MAAM,EAqBH,OAAO,QAAQ,CAAC;AAGhC,eAAO,MAAM,UAAU,EAqBP,OAAO,YAAY,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/links/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,QAA8B,MAAM,uBAAuB,CAAC;AACnE,OAAO,YAAsC,MAAM,4BAA4B,CAAC;AAGhF,KAAK,mCAAmC,GAAG;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAGF,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CACpD,KAAK,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,CAY7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,WAAW,MAAM,EACjB,0BAA0B;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KACnE,MAiBF,CAAC;AAEF,wBAAgB,0BAA0B,IAAI,mCAAmC,CAEhF;AAOD,eAAO,MAAM,IAAI,EAeA,OAAO,MAAM,CAAC;AAS/B,eAAO,MAAM,MAAM,EAqBH,OAAO,QAAQ,CAAC;AAGhC,eAAO,MAAM,UAAU,EAqBP,OAAO,YAAY,CAAC"}

package/dist/components/modals/form-modal.d.ts

@@ -14,9 +14,10 @@ type FormModalProps = React.ComponentProps<typeof Modal> & {
     submitDisabled?: boolean;
     scroll?: boolean;
     minBodyHeight?: number;
+    bodyClassName?: string;
     onSubmit: () => void;
     onCancel: () => void;
 };
-declare function FormModal({ title, subtitle, submitButtonText, cancelButtonText, submitDisabled, variant, scroll, minBodyHeight, onSubmit, onCancel, children, ...modalProps }: FormModalProps): React.JSX.Element;
+declare function FormModal({ title, subtitle, submitButtonText, cancelButtonText, submitDisabled, variant, scroll, minBodyHeight, bodyClassName, onSubmit, onCancel, children, ...modalProps }: FormModalProps): React.JSX.Element;
 export { FormModal };
 //# sourceMappingURL=form-modal.d.ts.map

package/dist/components/modals/form-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/form-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAahC,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE7D,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,gBAA2B,EAC3B,cAAsB,EACtB,OAAyB,EACzB,MAAa,EACb,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,cAAc,qBAiChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"form-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/form-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAahC,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE7D,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,gBAA2B,EAC3B,cAAsB,EACtB,OAAyB,EACzB,MAAa,EACb,aAAa,EACb,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,cAAc,qBAsChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/modals/form-modal.js

@@ -21,14 +21,14 @@ exports.Variant = {
     Default: button_1.Variant.Primary,
     Danger: button_1.Variant.Danger,
 };
-function FormModal({ title, subtitle, submitButtonText, cancelButtonText = 'Cancel', submitDisabled = false, variant = exports.Variant.Default, scroll = true, minBodyHeight, onSubmit, onCancel, children, ...modalProps }) {
+function FormModal({ title, subtitle, submitButtonText, cancelButtonText = 'Cancel', submitDisabled = false, variant = exports.Variant.Default, scroll = true, minBodyHeight, bodyClassName, onSubmit, onCancel, children, ...modalProps }) {
     return (react_1.default.createElement(modal_1.Modal, { setOpen: onCancel, ...modalProps },
         react_1.default.createElement("form", { onSubmit: (event) => {
                 event.preventDefault();
                 onSubmit();
             } },
             react_1.default.createElement(modal_header_1.ModalHeader, { title: title, subtitle: subtitle, variant: variant }),
-            react_1.default.createElement(modal_body_1.ModalBody, { variant: variant, scroll: scroll, minHeight: minBodyHeight }, children),
+            react_1.default.createElement(modal_body_1.ModalBody, { variant: variant, scroll: scroll, minHeight: minBodyHeight, className: bodyClassName }, children),
             react_1.default.createElement(leafygreen_1.ModalFooter, { className: footerStyles },
                 react_1.default.createElement(leafygreen_1.Button, { "data-testid": "cancel-button", onClick: onCancel, variant: "default" }, cancelButtonText),
                 react_1.default.createElement(leafygreen_1.Button, { "data-testid": "submit-button", variant: variant, type: "submit", disabled: submitDisabled }, submitButtonText)))));

package/dist/components/modals/modal-body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-body.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AA6B7D,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,uFA6Bb,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"modal-body.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAoC7D,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,uFA6Bb,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/modals/modal-body.js

@@ -54,6 +54,13 @@ const contentStyle = (0, emotion_1.css)({
     '&:first-child': {
         paddingTop: tokens_1.spacing[800],
     },
+    // The modal body is a scroll container, which Chrome makes keyboard-focusable
+    // and treats as `:focus-visible`. That makes LeafyGreen's focus trap land on it
+    // when the modal opens, showing a ring around the whole body. The tabpanel
+    // inside keeps its own focus ring, so nothing is lost by hiding this one.
+    '&:focus, &:focus-visible': {
+        outline: 'none',
+    },
 });
 const variantStyle = {
     [exports.Variant.Default]: (0, emotion_1.css)({}),

package/dist/components/resize-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,QAAA,MAAM,gBAAgB;;;CAGZ,CAAC;AAEX,KAAK,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAyDhF,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA6DrB;AAED,OAAO,EAAE,YAAY,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAC"}
+{"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,QAAA,MAAM,gBAAgB;;;CAGZ,CAAC;AAEX,KAAK,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAsDhF,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA6DrB;AAED,OAAO,EAAE,YAAY,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAC"}

package/dist/components/resize-handle.js

@@ -62,17 +62,14 @@ const baseResizerStyles = (0, emotion_1.css)({
         opacity: 1,
     },
     WebkitAppearance: 'none',
-    '&::-moz-range-thumb': {
-        width: 0,
-        height: 0,
-    },
     '&::-webkit-slider-thumb': {
         WebkitAppearance: 'none',
     },
-    '&::-ms-track': {
-        background: 'none',
-        borderColor: 'none',
-        color: 'none',
+    '@supports (-moz-appearance: none)': {
+        '&::-moz-range-thumb': {
+            width: 0,
+            height: 0,
+        },
     },
 });
 const verticalResizerStyle = (0, emotion_1.css)({