@mongodb-js/compass-components 0.9.1 → 0.10.0

package/lib/hooks/use-virtual-grid.test.js

@@ -0,0 +1,209 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const chai_1 = require("chai");
+const merge_props_1 = require("../utils/merge-props");
+const use_virtual_grid_1 = require("./use-virtual-grid");
+const TestGrid = ({ rowCount = 5, colCount = 3, onFocusMove = () => {
+}, defaultCurrentTabbable, }) => {
+    const [arrowNavigationProps, currentTabbable] = (0, use_virtual_grid_1.useVirtualGridArrowNavigation)({
+        rowCount,
+        colCount,
+        itemsCount: rowCount * colCount,
+        defaultCurrentTabbable,
+    });
+    const rovingTabIndexProps = (0, use_virtual_grid_1.useVirtualRovingTabIndex)({
+        currentTabbable,
+        onFocusMove,
+    });
+    const props = (0, merge_props_1.mergeProps)(arrowNavigationProps, rovingTabIndexProps);
+    return (react_1.default.createElement("div", { role: "grid", "aria-rowcount": rowCount, ...props }, Array.from({ length: rowCount }, (_, row) => (react_1.default.createElement("div", { key: row, role: "row", "aria-rowindex": row + 1 }, Array.from({ length: colCount }, (_, col) => {
+        const idx = row * colCount + col;
+        return (react_1.default.createElement("div", { role: "cell", "data-vlist-item-idx": idx, tabIndex: currentTabbable === idx ? 0 : -1 },
+            row + 1,
+            "-",
+            col + 1));
+    }))))));
+};
+describe('virtual grid keyboard navigation', function () {
+    let originalRequestAnimationFrame;
+    before(function () {
+        originalRequestAnimationFrame = globalThis.requestAnimationFrame;
+        globalThis.requestAnimationFrame = (fn) => fn();
+    });
+    after(function () {
+        globalThis.requestAnimationFrame = originalRequestAnimationFrame;
+    });
+    afterEach(react_2.cleanup);
+    it('should move focus to the first tabbable element on focus', function () {
+        (0, react_2.render)(react_1.default.createElement(TestGrid, null));
+        user_event_1.default.tab();
+        (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+    });
+    describe('Right Arrow', function () {
+        it('should move focus one cell to the right', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, null));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowright}');
+            (0, chai_1.expect)(react_2.screen.getByText('1-2')).to.eq(document.activeElement);
+        });
+        it('when focus is on the right-most cell in the row, should move focus to the first cell in the following row', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 2 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('1-3')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowright}');
+            (0, chai_1.expect)(react_2.screen.getByText('2-1')).to.eq(document.activeElement);
+        });
+        it('when focus is on the last cell in the grid, focus should not move', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 14 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('5-3')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowright}');
+            (0, chai_1.expect)(react_2.screen.getByText('5-3')).to.eq(document.activeElement);
+        });
+    });
+    describe('Left Arrow', function () {
+        it('should move focus one cell to the left', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 1 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('1-2')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowleft}');
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+        });
+        it('when focus is on the left-most cell in the row, should move focus to the last cell in the previous row', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 3 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('2-1')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowleft}');
+            (0, chai_1.expect)(react_2.screen.getByText('1-3')).to.eq(document.activeElement);
+        });
+        it('when focus is on the first cell in the grid, focus should not move', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, null));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowleft}');
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+        });
+    });
+    describe('Down Arrow', function () {
+        it('should move focus to the next logical row', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, null));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowdown}');
+            (0, chai_1.expect)(react_2.screen.getByText('2-1')).to.eq(document.activeElement);
+        });
+        it('when focus is in the last logical row, focus should not move', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 12 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('5-1')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowdown}');
+            (0, chai_1.expect)(react_2.screen.getByText('5-1')).to.eq(document.activeElement);
+        });
+        it('when there is only one logical row, focus moves to the next cell', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { rowCount: 1 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowdown}');
+            (0, chai_1.expect)(react_2.screen.getByText('1-2')).to.eq(document.activeElement);
+        });
+    });
+    describe('Up Arrow', function () {
+        it('should move focus to the previous logical row', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 3 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('2-1')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowup}');
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+        });
+        it('when focus is in the first logical row, focus should not move', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 1 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('1-2')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowup}');
+            (0, chai_1.expect)(react_2.screen.getByText('1-2')).to.eq(document.activeElement);
+        });
+        it('when there is only one logical row, should move focus to the previous cell', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { rowCount: 1, defaultCurrentTabbable: 1 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('1-2')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{arrowup}');
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+        });
+    });
+    describe('Page Down', function () {
+        it('should move focus 3 rows down', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, null));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{pagedown}');
+            (0, chai_1.expect)(react_2.screen.getByText('4-1')).to.eq(document.activeElement);
+        });
+        it('when focus is in the last row, focus should not move', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 12 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('5-1')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{pagedown}');
+            (0, chai_1.expect)(react_2.screen.getByText('5-1')).to.eq(document.activeElement);
+        });
+    });
+    describe('Page Up', function () {
+        it('should move focus 3 rows up', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 9 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('4-1')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{pageup}');
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+        });
+        it('when focus is in the first row, focus should not move', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, null));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{pageup}');
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+        });
+    });
+    describe('Home', function () {
+        it('should move focus to the first cell in the row that contains focus', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 4 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('2-2')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{home}');
+            (0, chai_1.expect)(react_2.screen.getByText('2-1')).to.eq(document.activeElement);
+        });
+    });
+    describe('End', function () {
+        it('should move focus to the last cell in the row that contains focus', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 4 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('2-2')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{end}');
+            (0, chai_1.expect)(react_2.screen.getByText('2-3')).to.eq(document.activeElement);
+        });
+    });
+    describe('Control + Home', function () {
+        it('should move focus to the first cell in the first row', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 4 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('2-2')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{ctrl}{home}{/ctrl}');
+            (0, chai_1.expect)(react_2.screen.getByText('1-1')).to.eq(document.activeElement);
+        });
+    });
+    describe('Control + End', function () {
+        it('should move focus to the last cell in the last row', function () {
+            (0, react_2.render)(react_1.default.createElement(TestGrid, { defaultCurrentTabbable: 4 }));
+            user_event_1.default.tab();
+            (0, chai_1.expect)(react_2.screen.getByText('2-2')).to.eq(document.activeElement);
+            user_event_1.default.keyboard('{ctrl}{end}{/ctrl}');
+            (0, chai_1.expect)(react_2.screen.getByText('5-3')).to.eq(document.activeElement);
+        });
+    });
+});
+//# sourceMappingURL=use-virtual-grid.test.js.map

package/lib/hooks/use-virtual-grid.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-virtual-grid.test.js","sourceRoot":"","sources":["../../src/hooks/use-virtual-grid.test.tsx"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -1,9 +1,11 @@
+export { default as emotion, flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache, } from '@leafygreen-ui/emotion';
 import CancelLoader from './components/cancel-loader';
 import ConfirmationModal from './components/confirmation-modal';
 import FileInput from './components/file-input';
 import SpinLoader from './components/spin-loader';
 import { ResizeHandle, ResizeDirection } from './components/resize-handle';
 import Accordion from './components/accordion';
+export { FavoriteIcon } from './components/icons/favorite-icon';
 export { default as Badge, Variant as BadgeVariant, } from '@leafygreen-ui/badge';
 export { default as Banner, Variant as BannerVariant, } from '@leafygreen-ui/banner';
 export { default as Button, Size as ButtonSize, Variant as ButtonVariant, } from '@leafygreen-ui/button';
@@ -19,6 +21,7 @@ export { uiColors } from '@leafygreen-ui/palette';
 export * as compassUIColors from './compass-ui-colors';
 export { default as Portal } from '@leafygreen-ui/portal';
 export { RadioBox, RadioBoxGroup } from '@leafygreen-ui/radio-box-group';
+export { Radio, RadioGroup } from '@leafygreen-ui/radio-group';
 export { Select, Option, OptionGroup, Size as SelectSize, } from '@leafygreen-ui/select';
 export { Tabs, Tab } from '@leafygreen-ui/tabs';
 export { default as TextArea } from '@leafygreen-ui/text-area';
@@ -31,12 +34,17 @@ export { H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Over
 export { Accordion, CancelLoader, ConfirmationModal, FileInput, SpinLoader, ResizeHandle, ResizeDirection, };
 export { useFocusState, useHoverState, FocusState, } from './hooks/use-focus-hover';
 export { ContentWithFallback, FadeInPlaceholder, } from './components/content-with-fallback';
-export { default as emotion, flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache, } from '@leafygreen-ui/emotion';
 export { InlineDefinition } from './components/inline-definition';
 import type { glyphs } from '@leafygreen-ui/icon';
 export declare type IconGlyph = Extract<keyof typeof glyphs, string>;
 export { SegmentedControl, SegmentedControlOption, } from '@leafygreen-ui/segmented-control';
+export { ErrorBoundary } from './components/error-boundary';
 export { Placeholder } from './components/placeholder';
 export { useDOMRect } from './hooks/use-dom-rect';
 export { Table, TableHeader, Row, Cell } from '@leafygreen-ui/table';
 export { default as FormFooter } from '@leafygreen-ui/form-footer';
+export { VirtualGrid } from './components/virtual-grid';
+export { mergeProps } from './utils/merge-props';
+export { useFocusRing } from './hooks/use-focus-ring';
+export { useDefaultAction } from './hooks/use-default-action';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

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

package/lib/index.js

@@ -22,8 +22,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Description = exports.Label = exports.Link = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Tooltip = exports.spacing = exports.breakpoints = exports.Toggle = exports.ToastVariant = exports.Toast = exports.TextInput = exports.TextArea = exports.Tab = exports.Tabs = exports.SelectSize = exports.OptionGroup = exports.Option = exports.Select = exports.RadioBoxGroup = exports.RadioBox = exports.Portal = exports.compassUIColors = exports.uiColors = exports.Modal = exports.MenuItem = exports.MenuSeparator = exports.Menu = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.AtlasLogoMark = exports.LeafyGreenProvider = exports.IconButton = exports.Icon = exports.Checkbox = exports.Card = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.BannerVariant = exports.Banner = exports.BadgeVariant = exports.Badge = void 0;
-exports.FormFooter = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.useDOMRect = exports.Placeholder = exports.SegmentedControlOption = exports.SegmentedControl = exports.InlineDefinition = exports.cache = exports.sheet = exports.css = exports.keyframes = exports.injectGlobal = exports.getRegisteredStyles = exports.merge = exports.cx = exports.hydrate = exports.flush = exports.emotion = exports.FadeInPlaceholder = exports.ContentWithFallback = exports.FocusState = exports.useHoverState = exports.useFocusState = exports.ResizeDirection = exports.ResizeHandle = exports.SpinLoader = exports.FileInput = exports.ConfirmationModal = exports.CancelLoader = exports.Accordion = void 0;
+exports.breakpoints = exports.Toggle = exports.ToastVariant = exports.Toast = exports.TextInput = exports.TextArea = exports.Tab = exports.Tabs = exports.SelectSize = exports.OptionGroup = exports.Option = exports.Select = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.Portal = exports.compassUIColors = exports.uiColors = exports.Modal = exports.MenuItem = exports.MenuSeparator = exports.Menu = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.AtlasLogoMark = exports.LeafyGreenProvider = exports.IconButton = exports.Icon = exports.Checkbox = exports.Card = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.BannerVariant = exports.Banner = exports.BadgeVariant = exports.Badge = exports.FavoriteIcon = 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.useDefaultAction = exports.useFocusRing = exports.mergeProps = exports.VirtualGrid = exports.FormFooter = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.useDOMRect = exports.Placeholder = exports.ErrorBoundary = exports.SegmentedControlOption = exports.SegmentedControl = exports.InlineDefinition = exports.FadeInPlaceholder = exports.ContentWithFallback = exports.FocusState = exports.useHoverState = exports.useFocusState = exports.ResizeDirection = exports.ResizeHandle = exports.SpinLoader = exports.FileInput = exports.ConfirmationModal = exports.CancelLoader = exports.Accordion = exports.Description = exports.Label = exports.Link = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Tooltip = exports.spacing = void 0;
+var emotion_1 = require("@leafygreen-ui/emotion");
+Object.defineProperty(exports, "emotion", { enumerable: true, get: function () { return __importDefault(emotion_1).default; } });
+Object.defineProperty(exports, "flush", { enumerable: true, get: function () { return emotion_1.flush; } });
+Object.defineProperty(exports, "hydrate", { enumerable: true, get: function () { return emotion_1.hydrate; } });
+Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return emotion_1.cx; } });
+Object.defineProperty(exports, "merge", { enumerable: true, get: function () { return emotion_1.merge; } });
+Object.defineProperty(exports, "getRegisteredStyles", { enumerable: true, get: function () { return emotion_1.getRegisteredStyles; } });
+Object.defineProperty(exports, "injectGlobal", { enumerable: true, get: function () { return emotion_1.injectGlobal; } });
+Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return emotion_1.keyframes; } });
+Object.defineProperty(exports, "css", { enumerable: true, get: function () { return emotion_1.css; } });
+Object.defineProperty(exports, "sheet", { enumerable: true, get: function () { return emotion_1.sheet; } });
+Object.defineProperty(exports, "cache", { enumerable: true, get: function () { return emotion_1.cache; } });
 const cancel_loader_1 = __importDefault(require("./components/cancel-loader"));
 exports.CancelLoader = cancel_loader_1.default;
 const confirmation_modal_1 = __importDefault(require("./components/confirmation-modal"));
@@ -37,6 +49,8 @@ Object.defineProperty(exports, "ResizeHandle", { enumerable: true, get: function
 Object.defineProperty(exports, "ResizeDirection", { enumerable: true, get: function () { return resize_handle_1.ResizeDirection; } });
 const accordion_1 = __importDefault(require("./components/accordion"));
 exports.Accordion = accordion_1.default;
+var favorite_icon_1 = require("./components/icons/favorite-icon");
+Object.defineProperty(exports, "FavoriteIcon", { enumerable: true, get: function () { return favorite_icon_1.FavoriteIcon; } });
 var badge_1 = require("@leafygreen-ui/badge");
 Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return __importDefault(badge_1).default; } });
 Object.defineProperty(exports, "BadgeVariant", { enumerable: true, get: function () { return badge_1.Variant; } });
@@ -75,6 +89,9 @@ Object.defineProperty(exports, "Portal", { enumerable: true, get: function () {
 var radio_box_group_1 = require("@leafygreen-ui/radio-box-group");
 Object.defineProperty(exports, "RadioBox", { enumerable: true, get: function () { return radio_box_group_1.RadioBox; } });
 Object.defineProperty(exports, "RadioBoxGroup", { enumerable: true, get: function () { return radio_box_group_1.RadioBoxGroup; } });
+var radio_group_1 = require("@leafygreen-ui/radio-group");
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return radio_group_1.Radio; } });
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_group_1.RadioGroup; } });
 var select_1 = require("@leafygreen-ui/select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
 Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return select_1.Option; } });
@@ -117,23 +134,13 @@ Object.defineProperty(exports, "FocusState", { enumerable: true, get: function (
 var content_with_fallback_1 = require("./components/content-with-fallback");
 Object.defineProperty(exports, "ContentWithFallback", { enumerable: true, get: function () { return content_with_fallback_1.ContentWithFallback; } });
 Object.defineProperty(exports, "FadeInPlaceholder", { enumerable: true, get: function () { return content_with_fallback_1.FadeInPlaceholder; } });
-var emotion_1 = require("@leafygreen-ui/emotion");
-Object.defineProperty(exports, "emotion", { enumerable: true, get: function () { return __importDefault(emotion_1).default; } });
-Object.defineProperty(exports, "flush", { enumerable: true, get: function () { return emotion_1.flush; } });
-Object.defineProperty(exports, "hydrate", { enumerable: true, get: function () { return emotion_1.hydrate; } });
-Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return emotion_1.cx; } });
-Object.defineProperty(exports, "merge", { enumerable: true, get: function () { return emotion_1.merge; } });
-Object.defineProperty(exports, "getRegisteredStyles", { enumerable: true, get: function () { return emotion_1.getRegisteredStyles; } });
-Object.defineProperty(exports, "injectGlobal", { enumerable: true, get: function () { return emotion_1.injectGlobal; } });
-Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return emotion_1.keyframes; } });
-Object.defineProperty(exports, "css", { enumerable: true, get: function () { return emotion_1.css; } });
-Object.defineProperty(exports, "sheet", { enumerable: true, get: function () { return emotion_1.sheet; } });
-Object.defineProperty(exports, "cache", { enumerable: true, get: function () { return emotion_1.cache; } });
 var inline_definition_1 = require("./components/inline-definition");
 Object.defineProperty(exports, "InlineDefinition", { enumerable: true, get: function () { return inline_definition_1.InlineDefinition; } });
 var segmented_control_1 = require("@leafygreen-ui/segmented-control");
 Object.defineProperty(exports, "SegmentedControl", { enumerable: true, get: function () { return segmented_control_1.SegmentedControl; } });
 Object.defineProperty(exports, "SegmentedControlOption", { enumerable: true, get: function () { return segmented_control_1.SegmentedControlOption; } });
+var error_boundary_1 = require("./components/error-boundary");
+Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return error_boundary_1.ErrorBoundary; } });
 var placeholder_1 = require("./components/placeholder");
 Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return placeholder_1.Placeholder; } });
 var use_dom_rect_1 = require("./hooks/use-dom-rect");
@@ -145,4 +152,12 @@ Object.defineProperty(exports, "Row", { enumerable: true, get: function () { ret
 Object.defineProperty(exports, "Cell", { enumerable: true, get: function () { return table_1.Cell; } });
 var form_footer_1 = require("@leafygreen-ui/form-footer");
 Object.defineProperty(exports, "FormFooter", { enumerable: true, get: function () { return __importDefault(form_footer_1).default; } });
+var virtual_grid_1 = require("./components/virtual-grid");
+Object.defineProperty(exports, "VirtualGrid", { enumerable: true, get: function () { return virtual_grid_1.VirtualGrid; } });
+var merge_props_1 = require("./utils/merge-props");
+Object.defineProperty(exports, "mergeProps", { enumerable: true, get: function () { return merge_props_1.mergeProps; } });
+var use_focus_ring_1 = require("./hooks/use-focus-ring");
+Object.defineProperty(exports, "useFocusRing", { enumerable: true, get: function () { return use_focus_ring_1.useFocusRing; } });
+var use_default_action_1 = require("./hooks/use-default-action");
+Object.defineProperty(exports, "useDefaultAction", { enumerable: true, get: function () { return use_default_action_1.useDefaultAction; } });
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

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

package/lib/utils/merge-props.d.ts

@@ -1,2 +1,3 @@
-import React from 'react';
+import type React from 'react';
 export declare function mergeProps<T extends HTMLElement = HTMLElement>(...props: React.HTMLProps<T>[]): typeof props[number];
+//# sourceMappingURL=merge-props.d.ts.map

package/lib/utils/merge-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-props.d.ts","sourceRoot":"","sources":["../../src/utils/merge-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAC5D,GAAG,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAC7B,OAAO,KAAK,CAAC,MAAM,CAAC,CAiBtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongodb-js/compass-components",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "React Components used in Compass",
   "license": "SSPL",
   "main": "lib/index.js",
@@ -29,16 +29,16 @@
     "check": "npm run lint && npm run depcheck",
     "check-ci": "npm run check",
     "test": "mocha",
-    "test-cov": "nyc -x \"**/*.spec.*\" npm run test",
+    "test-cov": "nyc -x \"**/*.spec.*\" --reporter=lcov --reporter=text --reporter=html npm run test",
     "test-watch": "npm run test -- --watch",
     "test-ci": "npm run test-cov",
     "reformat": "npm run prettier -- --write ."
   },
   "dependencies": {
-    "@leafygreen-ui/badge": "^4.0.4",
+    "@leafygreen-ui/badge": "^4.0.5",
     "@leafygreen-ui/banner": "^3.0.8",
     "@leafygreen-ui/button": "^12.0.5",
-    "@leafygreen-ui/card": "^5.1.3",
+    "@leafygreen-ui/card": "^5.1.4",
     "@leafygreen-ui/checkbox": "^6.0.5",
     "@leafygreen-ui/confirmation-modal": "^2.2.1",
     "@leafygreen-ui/emotion": "^4.0.0",
@@ -52,6 +52,7 @@
     "@leafygreen-ui/palette": "^3.2.2",
     "@leafygreen-ui/portal": "^3.1.3",
     "@leafygreen-ui/radio-box-group": "^6.1.4",
+    "@leafygreen-ui/radio-group": "^7.0.6",
     "@leafygreen-ui/segmented-control": "^0.9.1",
     "@leafygreen-ui/select": "^3.0.8",
     "@leafygreen-ui/table": "^2.0.5",
@@ -63,22 +64,21 @@
     "@leafygreen-ui/tokens": "^0.5.3",
     "@leafygreen-ui/tooltip": "^6.2.2",
     "@leafygreen-ui/typography": "^8.0.2",
-    "@mongodb-js/compass-logging": "^0.6.1",
+    "@mongodb-js/compass-logging": "^0.7.0",
     "@react-aria/interactions": "^3.6.0",
     "@react-aria/tooltip": "^3.1.3",
     "@react-aria/utils": "^3.9.0",
-    "@react-stately/tooltip": "^3.0.5"
+    "@react-stately/tooltip": "^3.0.5",
+    "react-window": "^1.8.6"
   },
   "peerDependencies": {
-    "@emotion/css": "^11.5.0",
     "react": "^16.14.0"
   },
   "devDependencies": {
-    "@emotion/css": "^11.5.0",
-    "@mongodb-js/eslint-config-compass": "^0.5.0",
-    "@mongodb-js/mocha-config-compass": "^0.7.0",
+    "@mongodb-js/eslint-config-compass": "^0.6.0",
+    "@mongodb-js/mocha-config-compass": "^0.8.0",
     "@mongodb-js/prettier-config-compass": "^0.4.0",
-    "@mongodb-js/tsconfig-compass": "^0.4.0",
+    "@mongodb-js/tsconfig-compass": "^0.5.0",
     "@testing-library/dom": "^8.11.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.5.0",
@@ -105,5 +105,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "75710b287ad6e3ea08bc36b15e0be5ebb8f62050"
+  "gitHead": "6563679c816fa44691a53b7e27fa0cb5539e0854"
 }