@mongodb-js/compass-components 0.9.1 → 0.11.0

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

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVirtualRovingTabIndex = exports.useVirtualGridArrowNavigation = void 0;
+const react_1 = require("react");
+const use_focus_hover_1 = require("./use-focus-hover");
+function useVirtualGridArrowNavigation({ colCount, rowCount, itemsCount, resetActiveItemOnBlur = true, pageSize = 3, defaultCurrentTabbable = 0, }) {
+    const rootNode = (0, react_1.useRef)(null);
+    const [focusProps, focusState] = (0, use_focus_hover_1.useFocusState)();
+    const [currentTabbable, setCurrentTabbable] = (0, react_1.useState)(defaultCurrentTabbable);
+    (0, react_1.useEffect)(() => {
+        if (resetActiveItemOnBlur && focusState === use_focus_hover_1.FocusState.NoFocus) {
+            setCurrentTabbable(defaultCurrentTabbable);
+        }
+    }, [resetActiveItemOnBlur, focusState, defaultCurrentTabbable]);
+    const onKeyDown = (0, react_1.useCallback)((evt) => {
+        const target = evt.target;
+        if (rootNode.current &&
+            rootNode.current.contains(target) &&
+            target.dataset.vlistItemIdx) {
+            let nextTabbableIndex = -1;
+            if (evt.key === 'ArrowUp') {
+                evt.preventDefault();
+                evt.stopPropagation();
+                nextTabbableIndex =
+                    rowCount === 1 ? currentTabbable - 1 : currentTabbable - colCount;
+            }
+            if (evt.key === 'ArrowDown') {
+                evt.preventDefault();
+                evt.stopPropagation();
+                nextTabbableIndex =
+                    rowCount === 1 ? currentTabbable + 1 : currentTabbable + colCount;
+            }
+            if (evt.key === 'ArrowLeft') {
+                evt.stopPropagation();
+                nextTabbableIndex = currentTabbable - 1;
+            }
+            if (evt.key === 'ArrowRight') {
+                evt.stopPropagation();
+                nextTabbableIndex = currentTabbable + 1;
+            }
+            if (evt.key === 'Home') {
+                evt.preventDefault();
+                evt.stopPropagation();
+                if (evt.ctrlKey) {
+                    nextTabbableIndex = 0;
+                }
+                else {
+                    nextTabbableIndex =
+                        colCount * Math.floor(currentTabbable / colCount);
+                }
+            }
+            if (evt.key === 'End') {
+                evt.preventDefault();
+                evt.stopPropagation();
+                if (evt.ctrlKey) {
+                    nextTabbableIndex = itemsCount - 1;
+                }
+                else {
+                    nextTabbableIndex =
+                        colCount * Math.floor(currentTabbable / colCount) +
+                            (colCount - 1);
+                }
+            }
+            if (evt.key === 'PageUp') {
+                evt.preventDefault();
+                evt.stopPropagation();
+                const currRow = Math.floor(currentTabbable / colCount);
+                const pageStep = Math.min(currRow, pageSize);
+                nextTabbableIndex = currentTabbable - colCount * pageStep;
+            }
+            if (evt.key === 'PageDown') {
+                evt.preventDefault();
+                evt.stopPropagation();
+                const currRow = Math.floor(currentTabbable / colCount);
+                const pageStep = Math.min(rowCount - 1 - currRow, pageSize);
+                nextTabbableIndex = currentTabbable + colCount * pageStep;
+            }
+            if (nextTabbableIndex !== currentTabbable &&
+                nextTabbableIndex >= 0 &&
+                nextTabbableIndex < itemsCount) {
+                setCurrentTabbable(nextTabbableIndex);
+            }
+        }
+    }, [currentTabbable, itemsCount, rowCount, colCount, pageSize]);
+    return [{ ref: rootNode, onKeyDown, ...focusProps }, currentTabbable];
+}
+exports.useVirtualGridArrowNavigation = useVirtualGridArrowNavigation;
+function useVirtualRovingTabIndex({ currentTabbable, onFocusMove, }) {
+    const rootNode = (0, react_1.useRef)(null);
+    const [tabIndex, setTabIndex] = (0, react_1.useState)(0);
+    const [focusProps, focusState] = (0, use_focus_hover_1.useFocusState)();
+    const focusTabbable = (0, react_1.useCallback)(() => {
+        var _a, _b;
+        const selector = currentTabbable >= 0
+            ? `[data-vlist-item-idx="${currentTabbable}"]`
+            : '[tabindex=0]';
+        (_b = (_a = rootNode.current) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) === null || _b === void 0 ? void 0 : _b.focus();
+    }, [rootNode, currentTabbable]);
+    (0, react_1.useEffect)(() => {
+        if ([
+            use_focus_hover_1.FocusState.Focus,
+            use_focus_hover_1.FocusState.FocusVisible,
+            use_focus_hover_1.FocusState.FocusWithin,
+            use_focus_hover_1.FocusState.FocusWithinVisible,
+        ].includes(focusState)) {
+            setTabIndex(-1);
+            onFocusMove(currentTabbable);
+            const frame = requestAnimationFrame(() => {
+                focusTabbable();
+            });
+            return () => {
+                cancelAnimationFrame(frame);
+            };
+        }
+        else {
+            setTabIndex(0);
+        }
+    }, [focusState, onFocusMove, focusTabbable, currentTabbable]);
+    return { ref: rootNode, tabIndex, ...focusProps };
+}
+exports.useVirtualRovingTabIndex = useVirtualRovingTabIndex;
+//# sourceMappingURL=use-virtual-grid.js.map

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

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

package/lib/hooks/use-virtual-grid.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-virtual-grid.test.d.ts.map

package/lib/hooks/use-virtual-grid.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-virtual-grid.test.d.ts","sourceRoot":"","sources":["../../src/hooks/use-virtual-grid.test.tsx"],"names":[],"mappings":""}

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,42 +1,56 @@
+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 { Modal } from './components/modal';
+import { RadioBoxGroup } from './components/radio-box-group';
+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 { Footer } from '@leafygreen-ui/modal';
 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';
 export { default as Card } from '@leafygreen-ui/card';
-export { default as Checkbox } from '@leafygreen-ui/checkbox';
+export { Checkbox } from './components/checkbox';
 export { default as Icon } from '@leafygreen-ui/icon';
 export { default as IconButton } from '@leafygreen-ui/icon-button';
 export { default as LeafyGreenProvider } from '@leafygreen-ui/leafygreen-provider';
 export { AtlasLogoMark, MongoDBLogoMark, MongoDBLogo, } from '@leafygreen-ui/logo';
 export { Menu, MenuSeparator, MenuItem } from '@leafygreen-ui/menu';
-export { default as Modal } from '@leafygreen-ui/modal';
 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 { RadioBox, Size as RadioBoxSize } 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';
 export { default as TextInput } from '@leafygreen-ui/text-input';
 export { default as Toast, Variant as ToastVariant, } from '@leafygreen-ui/toast';
-export { default as Toggle } from '@leafygreen-ui/toggle';
+export { useToast, ToastArea } from './hooks/use-toast';
+export { Toggle } from './components/toggle';
 export { breakpoints, spacing } from '@leafygreen-ui/tokens';
 export { Tooltip } from './components/tooltip';
-export { H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Link, Label, Description, } from '@leafygreen-ui/typography';
-export { Accordion, CancelLoader, ConfirmationModal, FileInput, SpinLoader, ResizeHandle, ResizeDirection, };
+export { H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Label, Link, Description, } from '@leafygreen-ui/typography';
+export { Accordion, CancelLoader, ConfirmationModal, FileInput, Modal, RadioBoxGroup, SpinLoader, ResizeHandle, ResizeDirection, };
 export { useFocusState, useHoverState, FocusState, } from './hooks/use-focus-hover';
+export { useTheme, Theme, ThemeProvider } from './hooks/use-theme';
 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 { InlineInfoLink } from './components/inline-info-link';
 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';
+export { useSortControls, useSortedItems } from './hooks/use-sort';
+//# 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,24 +22,45 @@ 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.ToastArea = exports.useToast = 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.RadioBoxSize = exports.RadioBox = exports.Portal = exports.compassUIColors = exports.uiColors = 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.Footer = 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.useSortControls = exports.useDefaultAction = exports.useFocusRing = exports.mergeProps = exports.VirtualGrid = exports.FormFooter = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.useDOMRect = exports.Placeholder = exports.InlineInfoLink = exports.ErrorBoundary = exports.SegmentedControlOption = exports.SegmentedControl = exports.InlineDefinition = exports.FadeInPlaceholder = exports.ContentWithFallback = exports.ThemeProvider = exports.Theme = exports.useTheme = exports.FocusState = exports.useHoverState = exports.useFocusState = exports.ResizeDirection = exports.ResizeHandle = exports.SpinLoader = exports.RadioBoxGroup = exports.Modal = exports.FileInput = exports.ConfirmationModal = exports.CancelLoader = exports.Accordion = exports.Description = exports.Link = exports.Label = 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 = void 0;
+exports.useSortedItems = 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"));
 exports.ConfirmationModal = confirmation_modal_1.default;
 const file_input_1 = __importDefault(require("./components/file-input"));
 exports.FileInput = file_input_1.default;
-const spin_loader_1 = __importDefault(require("./components/spin-loader"));
-exports.SpinLoader = spin_loader_1.default;
+const modal_1 = require("./components/modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return modal_1.Modal; } });
+const radio_box_group_1 = require("./components/radio-box-group");
+Object.defineProperty(exports, "RadioBoxGroup", { enumerable: true, get: function () { return radio_box_group_1.RadioBoxGroup; } });
+const spin_loader_1 = require("./components/spin-loader");
+Object.defineProperty(exports, "SpinLoader", { enumerable: true, get: function () { return spin_loader_1.SpinLoader; } });
 const resize_handle_1 = require("./components/resize-handle");
 Object.defineProperty(exports, "ResizeHandle", { enumerable: true, get: function () { return resize_handle_1.ResizeHandle; } });
 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; } });
+var modal_2 = require("@leafygreen-ui/modal");
+Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return modal_2.Footer; } });
 var banner_1 = require("@leafygreen-ui/banner");
 Object.defineProperty(exports, "Banner", { enumerable: true, get: function () { return __importDefault(banner_1).default; } });
 Object.defineProperty(exports, "BannerVariant", { enumerable: true, get: function () { return banner_1.Variant; } });
@@ -49,8 +70,8 @@ Object.defineProperty(exports, "ButtonSize", { enumerable: true, get: function (
 Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return button_1.Variant; } });
 var card_1 = require("@leafygreen-ui/card");
 Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return __importDefault(card_1).default; } });
-var checkbox_1 = require("@leafygreen-ui/checkbox");
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return __importDefault(checkbox_1).default; } });
+var checkbox_1 = require("./components/checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
 var icon_1 = require("@leafygreen-ui/icon");
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return __importDefault(icon_1).default; } });
 var icon_button_1 = require("@leafygreen-ui/icon-button");
@@ -65,16 +86,17 @@ var menu_1 = require("@leafygreen-ui/menu");
 Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return menu_1.Menu; } });
 Object.defineProperty(exports, "MenuSeparator", { enumerable: true, get: function () { return menu_1.MenuSeparator; } });
 Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return menu_1.MenuItem; } });
-var modal_1 = require("@leafygreen-ui/modal");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(modal_1).default; } });
 var palette_1 = require("@leafygreen-ui/palette");
 Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return palette_1.uiColors; } });
 exports.compassUIColors = __importStar(require("./compass-ui-colors"));
 var portal_1 = require("@leafygreen-ui/portal");
 Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return __importDefault(portal_1).default; } });
-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_box_group_2 = require("@leafygreen-ui/radio-box-group");
+Object.defineProperty(exports, "RadioBox", { enumerable: true, get: function () { return radio_box_group_2.RadioBox; } });
+Object.defineProperty(exports, "RadioBoxSize", { enumerable: true, get: function () { return radio_box_group_2.Size; } });
+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; } });
@@ -90,8 +112,11 @@ Object.defineProperty(exports, "TextInput", { enumerable: true, get: function ()
 var toast_1 = require("@leafygreen-ui/toast");
 Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return __importDefault(toast_1).default; } });
 Object.defineProperty(exports, "ToastVariant", { enumerable: true, get: function () { return toast_1.Variant; } });
-var toggle_1 = require("@leafygreen-ui/toggle");
-Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return __importDefault(toggle_1).default; } });
+var use_toast_1 = require("./hooks/use-toast");
+Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return use_toast_1.useToast; } });
+Object.defineProperty(exports, "ToastArea", { enumerable: true, get: function () { return use_toast_1.ToastArea; } });
+var toggle_1 = require("./components/toggle");
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return toggle_1.Toggle; } });
 var tokens_1 = require("@leafygreen-ui/tokens");
 Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return tokens_1.breakpoints; } });
 Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return tokens_1.spacing; } });
@@ -107,33 +132,29 @@ Object.defineProperty(exports, "InlineCode", { enumerable: true, get: function (
 Object.defineProperty(exports, "InlineKeyCode", { enumerable: true, get: function () { return typography_1.InlineKeyCode; } });
 Object.defineProperty(exports, "Disclaimer", { enumerable: true, get: function () { return typography_1.Disclaimer; } });
 Object.defineProperty(exports, "Overline", { enumerable: true, get: function () { return typography_1.Overline; } });
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return typography_1.Link; } });
 Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return typography_1.Label; } });
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return typography_1.Link; } });
 Object.defineProperty(exports, "Description", { enumerable: true, get: function () { return typography_1.Description; } });
 var use_focus_hover_1 = require("./hooks/use-focus-hover");
 Object.defineProperty(exports, "useFocusState", { enumerable: true, get: function () { return use_focus_hover_1.useFocusState; } });
 Object.defineProperty(exports, "useHoverState", { enumerable: true, get: function () { return use_focus_hover_1.useHoverState; } });
 Object.defineProperty(exports, "FocusState", { enumerable: true, get: function () { return use_focus_hover_1.FocusState; } });
+var use_theme_1 = require("./hooks/use-theme");
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return use_theme_1.useTheme; } });
+Object.defineProperty(exports, "Theme", { enumerable: true, get: function () { return use_theme_1.Theme; } });
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return use_theme_1.ThemeProvider; } });
 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 inline_info_link_1 = require("./components/inline-info-link");
+Object.defineProperty(exports, "InlineInfoLink", { enumerable: true, get: function () { return inline_info_link_1.InlineInfoLink; } });
 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 +166,15 @@ 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; } });
+var use_sort_1 = require("./hooks/use-sort");
+Object.defineProperty(exports, "useSortControls", { enumerable: true, get: function () { return use_sort_1.useSortControls; } });
+Object.defineProperty(exports, "useSortedItems", { enumerable: true, get: function () { return use_sort_1.useSortedItems; } });
 //# sourceMappingURL=index.js.map