@mongodb-js/compass-components 1.4.0 → 1.5.0

package/lib/hooks/use-scrollbars.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare function getScrollbarStyles(darkMode: boolean): string;
+export declare function useScrollbars(): {
+    className: string | undefined;
+};
+interface WithPortalClassName {
+    portalClassName?: string;
+}
+export declare const withPortalScrollbars: <ComponentProps extends WithPortalClassName>(WrappedComponent: React.ComponentType<ComponentProps & WithPortalClassName>) => (props: ComponentProps) => JSX.Element;
+export {};
+//# sourceMappingURL=use-scrollbars.d.ts.map

package/lib/hooks/use-scrollbars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scrollbars.d.ts","sourceRoot":"","sources":["../../src/hooks/use-scrollbars.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA+EvC,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,OAAO,UAEnD;AASD,wBAAgB,aAAa;;EAgB5B;AAED,UAAU,mBAAmB;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAID,eAAO,MAAM,oBAAoB,qKAqBhC,CAAC"}

package/lib/hooks/use-scrollbars.js

@@ -0,0 +1,117 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withPortalScrollbars = exports.useScrollbars = exports.getScrollbarStyles = void 0;
+const polished_1 = require("polished");
+const palette_1 = require("@leafygreen-ui/palette");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const react_1 = __importStar(require("react"));
+const is_electron_renderer_1 = __importDefault(require("is-electron-renderer"));
+const use_theme_1 = require("./use-theme");
+const scrollbarSize = 10;
+const scrollbarStyles = (0, emotion_1.css)({
+    '*::-webkit-scrollbar-thumb': {
+        backgroundColor: 'transparent',
+        borderRadius: `${scrollbarSize}px`,
+    },
+    '*::-webkit-scrollbar-track': {
+        backgroundColor: 'transparent',
+    },
+    '*::-webkit-scrollbar': {
+        width: `${scrollbarSize}px`,
+        '&:horizontal': {
+            height: `${scrollbarSize}px`,
+        },
+    },
+    '*::-webkit-scrollbar-corner': {
+        background: 'transparent',
+    },
+});
+const scrollbarLightModeStyles = (0, emotion_1.css)({
+    '*:active::-webkit-scrollbar-thumb, *:focus::-webkit-scrollbar-thumb, *:hover::-webkit-scrollbar-thumb': {
+        backgroundColor: (0, polished_1.rgba)(palette_1.palette.black, 0.12),
+        '&:hover': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.black, 0.2),
+        },
+    },
+    '*::-webkit-scrollbar-thumb': {
+        '&:horizontal': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.black, 0.12),
+        },
+    },
+    '*::-webkit-scrollbar-track': {
+        '&:hover': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.black, 0.04),
+        },
+    },
+}, scrollbarStyles);
+const scrollbarDarkModeStyles = (0, emotion_1.css)({
+    '*:active::-webkit-scrollbar-thumb, *:focus::-webkit-scrollbar-thumb, *:hover::-webkit-scrollbar-thumb': {
+        backgroundColor: (0, polished_1.rgba)(palette_1.palette.white, 0.2),
+        '&:hover': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.white, 0.25),
+        },
+    },
+    '*::-webkit-scrollbar-thumb': {
+        '&:horizontal': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.white, 0.2),
+        },
+    },
+    '*::-webkit-scrollbar-track': {
+        '&:hover': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.white, 0.1),
+        },
+    },
+}, scrollbarStyles);
+function getScrollbarStyles(darkMode) {
+    return darkMode ? scrollbarDarkModeStyles : scrollbarLightModeStyles;
+}
+exports.getScrollbarStyles = getScrollbarStyles;
+function useScrollbars() {
+    const darkMode = (0, use_theme_1.useDarkMode)();
+    const scrollbarStylesClass = (0, react_1.useMemo)(() => {
+        if (!is_electron_renderer_1.default) {
+            return undefined;
+        }
+        return getScrollbarStyles(!!darkMode);
+    }, [darkMode]);
+    return {
+        className: scrollbarStylesClass,
+    };
+}
+exports.useScrollbars = useScrollbars;
+const withPortalScrollbars = (WrappedComponent) => {
+    const ComponentWithScrollbars = (props) => {
+        const { className } = useScrollbars();
+        const appliedClassName = is_electron_renderer_1.default ? className : undefined;
+        return (react_1.default.createElement(WrappedComponent, { ...props, portalClassName: (0, emotion_1.cx)(appliedClassName, props.portalClassName) }));
+    };
+    return ComponentWithScrollbars;
+};
+exports.withPortalScrollbars = withPortalScrollbars;
+//# sourceMappingURL=use-scrollbars.js.map

package/lib/hooks/use-scrollbars.js.map

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

package/lib/hooks/use-theme.d.ts

@@ -3,19 +3,17 @@ declare enum Theme {
     Light = "Light",
     Dark = "Dark"
 }
-declare type ThemeState = {
-    theme: Theme;
-    enabled: boolean;
-};
-declare const ThemeProvider: ({ children, theme, }: {
-    children: React.ReactNode;
-    theme: ThemeState;
-}) => React.ReactElement;
-declare function useTheme(): ThemeState;
-export declare function useDarkMode(): boolean | undefined;
-interface WithThemeProps {
+export declare function useDarkMode(localDarkMode?: boolean): boolean | undefined;
+interface WithDarkModeProps {
     darkMode?: boolean;
 }
-declare const withTheme: <ComponentProps extends WithThemeProps = WithThemeProps>(WrappedComponent: React.ComponentType<ComponentProps & WithThemeProps>) => React.ComponentType<ComponentProps>;
-export { Theme, ThemeState, ThemeProvider, useTheme, withTheme };
+export declare const ThemeProvider: ({ children, theme, }: {
+    children: React.ReactNode;
+    theme: {
+        theme: Theme;
+        enabled: boolean;
+    };
+}) => React.ReactElement;
+declare const withDarkMode: <ComponentProps extends WithDarkModeProps = WithDarkModeProps>(WrappedComponent: React.ComponentType<ComponentProps & WithDarkModeProps>) => React.ComponentType<ComponentProps>;
+export { Theme, withDarkMode };
 //# sourceMappingURL=use-theme.d.ts.map

package/lib/hooks/use-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,aAAK,KAAK;IACR,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAOF,QAAA,MAAM,aAAa;cAIP,MAAM,SAAS;WAClB,UAAU;MACf,MAAM,YAIT,CAAC;AAEF,iBAAS,QAAQ,IAAI,UAAU,CAE9B;AAED,wBAAgB,WAAW,IAAI,OAAO,GAAG,SAAS,CAGjD;AAED,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,QAAA,MAAM,SAAS,yKA4Bd,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,aAAK,KAAK;IACR,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,wBAAgB,WAAW,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAGxE;AAED,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,eAAO,MAAM,aAAa;cAId,MAAM,SAAS;;eAEhB,KAAK;iBACH,OAAO;;MAEhB,MAAM,YAQT,CAAC;AAIF,QAAA,MAAM,YAAY,kLA4BjB,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC"}

package/lib/hooks/use-theme.js

@@ -22,40 +22,36 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withTheme = exports.useTheme = exports.ThemeProvider = exports.Theme = exports.useDarkMode = void 0;
-const react_1 = __importStar(require("react"));
+exports.withDarkMode = exports.Theme = exports.ThemeProvider = exports.useDarkMode = void 0;
+const react_1 = __importDefault(require("react"));
+const leafygreen_provider_1 = __importStar(require("@leafygreen-ui/leafygreen-provider"));
 var Theme;
 (function (Theme) {
     Theme["Light"] = "Light";
     Theme["Dark"] = "Dark";
 })(Theme || (Theme = {}));
 exports.Theme = Theme;
-const ThemeContext = (0, react_1.createContext)({
-    theme: Theme.Light,
-    enabled: false,
-});
+function useDarkMode(localDarkMode) {
+    const darkMode = (0, leafygreen_provider_1.useDarkMode)(localDarkMode);
+    return darkMode.darkMode;
+}
+exports.useDarkMode = useDarkMode;
 const ThemeProvider = ({ children, theme, }) => {
-    return (react_1.default.createElement(ThemeContext.Provider, { value: theme }, children));
+    return theme.enabled ? (react_1.default.createElement(leafygreen_provider_1.default, { darkMode: theme.theme === Theme.Dark }, children)) : (react_1.default.createElement(react_1.default.Fragment, null, children));
 };
 exports.ThemeProvider = ThemeProvider;
-function useTheme() {
-    return (0, react_1.useContext)(ThemeContext);
-}
-exports.useTheme = useTheme;
-function useDarkMode() {
-    const theme = useTheme();
-    return theme.enabled === true ? (theme === null || theme === void 0 ? void 0 : theme.theme) === Theme.Dark : undefined;
-}
-exports.useDarkMode = useDarkMode;
-const withTheme = function (WrappedComponent) {
-    const ComponentWithTheme = (props, ref) => {
+const withDarkMode = function (WrappedComponent) {
+    const ComponentWithDarkMode = (props, ref) => {
         const darkMode = useDarkMode();
         return (react_1.default.createElement(WrappedComponent, { darkMode: darkMode, ref: ref, ...props }));
     };
     const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    ComponentWithTheme.displayName = `withTheme(${displayName})`;
-    return react_1.default.forwardRef(ComponentWithTheme);
+    ComponentWithDarkMode.displayName = `WithDarkMode(${displayName})`;
+    return react_1.default.forwardRef(ComponentWithDarkMode);
 };
-exports.withTheme = withTheme;
+exports.withDarkMode = withDarkMode;
 //# sourceMappingURL=use-theme.js.map

package/lib/hooks/use-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyD;AAEzD,IAAK,KAGJ;AAHD,WAAK,KAAK;IACR,wBAAe,CAAA;IACf,sBAAa,CAAA;AACf,CAAC,EAHI,KAAK,KAAL,KAAK,QAGT;AAqEQ,sBAAK;AA9Dd,MAAM,YAAY,GAAG,IAAA,qBAAa,EAAa;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK;IAClB,OAAO,EAAE,KAAK;CACf,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,KAAK,GAIN,EAAsB,EAAE;IACvB,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAyB,CACxE,CAAC;AACJ,CAAC,CAAC;AA+C0B,sCAAa;AA7CzC,SAAS,QAAQ;IACf,OAAO,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC;AAClC,CAAC;AA2C0C,4BAAQ;AAzCnD,SAAgB,WAAW;IACzB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1E,CAAC;AAHD,kCAGC;AAQD,MAAM,SAAS,GAAG,UAGhB,gBAAsE;IAEtE,MAAM,kBAAkB,GAAG,CACzB,KAAqB,EACrB,GAEC,EACD,EAAE;QACF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;QAC/B,OAAO,CACL,8BAAC,gBAAgB,IAGf,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,WAAW,GACf,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IACvE,kBAAkB,CAAC,WAAW,GAAG,aAAa,WAAW,GAAG,CAAC;IAE7D,OAAO,eAAK,CAAC,UAAU,CAAC,kBAAkB,CAA4B,CAAC;AACzE,CAAC,CAAC;AAEmD,8BAAS"}
+{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,0FAE4C;AAE5C,IAAK,KAGJ;AAHD,WAAK,KAAK;IACR,wBAAe,CAAA;IACf,sBAAa,CAAA;AACf,CAAC,EAHI,KAAK,KAAL,KAAK,QAGT;AA+DQ,sBAAK;AA7Dd,SAAgB,WAAW,CAAC,aAAuB;IACjD,MAAM,QAAQ,GAAG,IAAA,iCAAqB,EAAC,aAAa,CAAC,CAAC;IACtD,OAAO,QAAQ,CAAC,QAAQ,CAAC;AAC3B,CAAC;AAHD,kCAGC;AAOM,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,KAAK,GAON,EAAsB,EAAE;IACvB,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACrB,8BAAC,6BAAkB,IAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,IACrD,QAAQ,CACU,CACtB,CAAC,CAAC,CAAC,CACF,8DAAG,QAAQ,CAAI,CAChB,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,aAAa,iBAiBxB;AAIF,MAAM,YAAY,GAAG,UAGnB,gBAAyE;IAEzE,MAAM,qBAAqB,GAAG,CAC5B,KAAqB,EACrB,GAEC,EACD,EAAE;QACF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;QAC/B,OAAO,CACL,8BAAC,gBAAgB,IAGf,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,WAAW,GACf,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IACvE,qBAAqB,CAAC,WAAW,GAAG,gBAAgB,WAAW,GAAG,CAAC;IAEnE,OAAO,eAAK,CAAC,UAAU,CAAC,qBAAqB,CAA4B,CAAC;AAC5E,CAAC,CAAC;AAEc,oCAAY"}

package/lib/index.d.ts

@@ -19,7 +19,6 @@ export { NoSavedItemsIcon } from './components/icons/no-saved-items-icon';
 export { Variant as BadgeVariant } from '@leafygreen-ui/badge';
 export { Variant as BannerVariant } from '@leafygreen-ui/banner';
 export { Size as ButtonSize, Variant as ButtonVariant, } from '@leafygreen-ui/button';
-export { Checkbox } from './components/checkbox';
 export { default as LeafyGreenProvider } from '@leafygreen-ui/leafygreen-provider';
 export { palette } from '@leafygreen-ui/palette';
 export { rgba } from 'polished';
@@ -29,7 +28,6 @@ export { Size as SelectSize } from '@leafygreen-ui/select';
 export { useId } from '@react-aria/utils';
 export { VisuallyHidden } from '@react-aria/visually-hidden';
 export { useToast, openToast, closeToast, ToastArea, ToastVariant, } from './hooks/use-toast';
-export { Toggle } from './components/toggle';
 export { breakpoints, spacing } from '@leafygreen-ui/tokens';
 export { Tooltip } from './components/tooltip';
 import IndexIcon from './components/index-icon';
@@ -41,13 +39,15 @@ export { FormModal } from './components/modals/form-modal';
 export { InfoModal } from './components/modals/info-modal';
 export { Accordion, CollapsibleFieldSet, CancelLoader, ConfirmationModal, ErrorSummary, FileInput, FileInputBackend, IndexIcon, MoreOptionsToggle, RadioBoxGroup, SpinLoader, ResizeHandle, ResizeDirection, ResizableSidebar, WarningSummary, WorkspaceTabs, ItemAction, MenuAction, ItemActionControls, ItemActionGroup, ItemActionMenu, DropdownMenuButton, defaultSidebarWidth, ElectronFileDialogOptions, ElectronShowFileDialogProvider, createElectronFileInputBackend, };
 export { useFocusState, useHoverState, FocusState, } from './hooks/use-focus-hover';
-export { withTheme, useTheme, useDarkMode, Theme, ThemeState, ThemeProvider, } from './hooks/use-theme';
+export { getScrollbarStyles, useScrollbars } from './hooks/use-scrollbars';
+export { withDarkMode, useDarkMode, Theme, ThemeProvider, } from './hooks/use-theme';
 export { ContentWithFallback, FadeInPlaceholder, } from './components/content-with-fallback';
 export { InlineDefinition } from './components/inline-definition';
 import type { glyphs } from '@leafygreen-ui/icon';
 export declare type IconGlyph = Extract<keyof typeof glyphs, string>;
 export { EmptyContent } from './components/empty-content';
 export { ErrorBoundary } from './components/error-boundary';
+export { StoreConnector } from './components/store-connector';
 export { TabNavBar } from './components/tab-nav-bar';
 export { WorkspaceContainer } from './components/workspace-container';
 export { InlineInfoLink } from './components/inline-info-link';
@@ -65,4 +65,9 @@ export { fontFamilies } from '@leafygreen-ui/tokens';
 export { default as BSONValue } from './components/bson-value';
 export * as DocumentList from './components/document-list';
 export { KeylineCard } from './components/keyline-card';
+export { variantColors as codePalette } from '@leafygreen-ui/code';
+export { useEffectOnChange } from './hooks/use-effect-on-change';
+export { HorizontalRule } from './components/horizontal-rule';
+export { IndexKeysBadge } from './components/index-keys-badge';
+export { Combobox, ComboboxOption, ComboboxGroup } from './components/combobox';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

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

package/lib/index.js

@@ -29,8 +29,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MoreOptionsToggle = exports.IndexIcon = exports.FileInput = exports.ErrorSummary = exports.ConfirmationModal = exports.CancelLoader = exports.CollapsibleFieldSet = exports.Accordion = exports.InfoModal = exports.FormModal = exports.ModalHeader = exports.ModalBody = exports.Modal = exports.FormFieldContainer = exports.Tooltip = exports.spacing = exports.breakpoints = exports.Toggle = exports.ToastVariant = exports.ToastArea = exports.closeToast = exports.openToast = exports.useToast = exports.VisuallyHidden = exports.useId = exports.SelectSize = exports.RadioBoxSize = exports.Portal = exports.rgba = exports.palette = exports.LeafyGreenProvider = exports.Checkbox = exports.ButtonVariant = exports.ButtonSize = exports.BannerVariant = exports.BadgeVariant = exports.NoSavedItemsIcon = exports.FavoriteIcon = exports.DocumentIcon = 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.KeylineCard = exports.DocumentList = exports.BSONValue = exports.fontFamilies = exports.useFormattedDate = exports.useSortedItems = exports.useSortControls = exports.useDefaultAction = exports.useFocusRing = exports.focusRing = exports.mergeProps = exports.VirtualGrid = exports.useDOMRect = exports.Placeholder = exports.ListEditor = exports.InteractivePopover = exports.InlineInfoLink = exports.WorkspaceContainer = exports.TabNavBar = exports.ErrorBoundary = exports.EmptyContent = exports.InlineDefinition = exports.FadeInPlaceholder = exports.ContentWithFallback = exports.ThemeProvider = exports.Theme = exports.useDarkMode = exports.useTheme = exports.withTheme = exports.FocusState = exports.useHoverState = exports.useFocusState = exports.createElectronFileInputBackend = exports.defaultSidebarWidth = exports.DropdownMenuButton = exports.ItemActionMenu = exports.ItemActionGroup = exports.ItemActionControls = exports.WorkspaceTabs = exports.WarningSummary = exports.ResizableSidebar = exports.ResizeDirection = exports.ResizeHandle = exports.SpinLoader = exports.RadioBoxGroup = void 0;
+exports.SpinLoader = exports.RadioBoxGroup = exports.MoreOptionsToggle = exports.IndexIcon = exports.FileInput = exports.ErrorSummary = exports.ConfirmationModal = exports.CancelLoader = exports.CollapsibleFieldSet = exports.Accordion = exports.InfoModal = exports.FormModal = exports.ModalHeader = exports.ModalBody = exports.Modal = exports.FormFieldContainer = exports.Tooltip = exports.spacing = exports.breakpoints = exports.ToastVariant = exports.ToastArea = exports.closeToast = exports.openToast = exports.useToast = exports.VisuallyHidden = exports.useId = exports.SelectSize = exports.RadioBoxSize = exports.Portal = exports.rgba = exports.palette = exports.LeafyGreenProvider = exports.ButtonVariant = exports.ButtonSize = exports.BannerVariant = exports.BadgeVariant = exports.NoSavedItemsIcon = exports.FavoriteIcon = exports.DocumentIcon = 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.Combobox = exports.IndexKeysBadge = exports.HorizontalRule = exports.useEffectOnChange = exports.codePalette = exports.KeylineCard = exports.DocumentList = exports.BSONValue = exports.fontFamilies = exports.useFormattedDate = exports.useSortedItems = exports.useSortControls = exports.useDefaultAction = exports.useFocusRing = exports.focusRing = exports.mergeProps = exports.VirtualGrid = exports.useDOMRect = exports.Placeholder = exports.ListEditor = exports.InteractivePopover = exports.InlineInfoLink = exports.WorkspaceContainer = exports.TabNavBar = exports.StoreConnector = exports.ErrorBoundary = exports.EmptyContent = exports.InlineDefinition = exports.FadeInPlaceholder = exports.ContentWithFallback = exports.ThemeProvider = exports.Theme = exports.useDarkMode = exports.withDarkMode = exports.useScrollbars = exports.getScrollbarStyles = exports.FocusState = exports.useHoverState = exports.useFocusState = exports.createElectronFileInputBackend = exports.defaultSidebarWidth = exports.DropdownMenuButton = exports.ItemActionMenu = exports.ItemActionGroup = exports.ItemActionControls = exports.WorkspaceTabs = exports.WarningSummary = exports.ResizableSidebar = exports.ResizeDirection = exports.ResizeHandle = void 0;
+exports.ComboboxGroup = exports.ComboboxOption = void 0;
 __exportStar(require("./components/leafygreen"), exports);
 var emotion_1 = require("@leafygreen-ui/emotion");
 Object.defineProperty(exports, "emotion", { enumerable: true, get: function () { return __importDefault(emotion_1).default; } });
@@ -90,8 +91,6 @@ Object.defineProperty(exports, "BannerVariant", { enumerable: true, get: functio
 var button_1 = require("@leafygreen-ui/button");
 Object.defineProperty(exports, "ButtonSize", { enumerable: true, get: function () { return button_1.Size; } });
 Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return button_1.Variant; } });
-var checkbox_1 = require("./components/checkbox");
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
 var leafygreen_provider_1 = require("@leafygreen-ui/leafygreen-provider");
 Object.defineProperty(exports, "LeafyGreenProvider", { enumerable: true, get: function () { return __importDefault(leafygreen_provider_1).default; } });
 var palette_1 = require("@leafygreen-ui/palette");
@@ -114,8 +113,6 @@ Object.defineProperty(exports, "openToast", { enumerable: true, get: function ()
 Object.defineProperty(exports, "closeToast", { enumerable: true, get: function () { return use_toast_1.closeToast; } });
 Object.defineProperty(exports, "ToastArea", { enumerable: true, get: function () { return use_toast_1.ToastArea; } });
 Object.defineProperty(exports, "ToastVariant", { enumerable: true, get: function () { return use_toast_1.ToastVariant; } });
-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; } });
@@ -139,9 +136,11 @@ 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_scrollbars_1 = require("./hooks/use-scrollbars");
+Object.defineProperty(exports, "getScrollbarStyles", { enumerable: true, get: function () { return use_scrollbars_1.getScrollbarStyles; } });
+Object.defineProperty(exports, "useScrollbars", { enumerable: true, get: function () { return use_scrollbars_1.useScrollbars; } });
 var use_theme_1 = require("./hooks/use-theme");
-Object.defineProperty(exports, "withTheme", { enumerable: true, get: function () { return use_theme_1.withTheme; } });
-Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return use_theme_1.useTheme; } });
+Object.defineProperty(exports, "withDarkMode", { enumerable: true, get: function () { return use_theme_1.withDarkMode; } });
 Object.defineProperty(exports, "useDarkMode", { enumerable: true, get: function () { return use_theme_1.useDarkMode; } });
 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; } });
@@ -154,6 +153,8 @@ var empty_content_1 = require("./components/empty-content");
 Object.defineProperty(exports, "EmptyContent", { enumerable: true, get: function () { return empty_content_1.EmptyContent; } });
 var error_boundary_1 = require("./components/error-boundary");
 Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return error_boundary_1.ErrorBoundary; } });
+var store_connector_1 = require("./components/store-connector");
+Object.defineProperty(exports, "StoreConnector", { enumerable: true, get: function () { return store_connector_1.StoreConnector; } });
 var tab_nav_bar_1 = require("./components/tab-nav-bar");
 Object.defineProperty(exports, "TabNavBar", { enumerable: true, get: function () { return tab_nav_bar_1.TabNavBar; } });
 var workspace_container_1 = require("./components/workspace-container");
@@ -189,4 +190,16 @@ Object.defineProperty(exports, "BSONValue", { enumerable: true, get: function ()
 exports.DocumentList = __importStar(require("./components/document-list"));
 var keyline_card_1 = require("./components/keyline-card");
 Object.defineProperty(exports, "KeylineCard", { enumerable: true, get: function () { return keyline_card_1.KeylineCard; } });
+var code_1 = require("@leafygreen-ui/code");
+Object.defineProperty(exports, "codePalette", { enumerable: true, get: function () { return code_1.variantColors; } });
+var use_effect_on_change_1 = require("./hooks/use-effect-on-change");
+Object.defineProperty(exports, "useEffectOnChange", { enumerable: true, get: function () { return use_effect_on_change_1.useEffectOnChange; } });
+var horizontal_rule_1 = require("./components/horizontal-rule");
+Object.defineProperty(exports, "HorizontalRule", { enumerable: true, get: function () { return horizontal_rule_1.HorizontalRule; } });
+var index_keys_badge_1 = require("./components/index-keys-badge");
+Object.defineProperty(exports, "IndexKeysBadge", { enumerable: true, get: function () { return index_keys_badge_1.IndexKeysBadge; } });
+var combobox_1 = require("./components/combobox");
+Object.defineProperty(exports, "Combobox", { enumerable: true, get: function () { return combobox_1.Combobox; } });
+Object.defineProperty(exports, "ComboboxOption", { enumerable: true, get: function () { return combobox_1.ComboboxOption; } });
+Object.defineProperty(exports, "ComboboxGroup", { enumerable: true, get: function () { return combobox_1.ComboboxGroup; } });
 //# 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongodb-js/compass-components",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "React Components used in Compass",
   "license": "SSPL",
   "main": "lib/index.js",
@@ -31,61 +31,68 @@
     "reformat": "npm run prettier -- --write ."
   },
   "dependencies": {
-    "@leafygreen-ui/badge": "^6.1.2",
-    "@leafygreen-ui/banner": "^5.0.3",
-    "@leafygreen-ui/button": "^16.1.1",
-    "@leafygreen-ui/card": "^7.1.1",
-    "@leafygreen-ui/checkbox": "^10.1.1",
-    "@leafygreen-ui/code": "^12.1.1",
-    "@leafygreen-ui/combobox": "^3.1.1",
-    "@leafygreen-ui/confirmation-modal": "^3.1.1",
+    "@dnd-kit/core": "^6.0.7",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.1",
+    "@leafygreen-ui/badge": "^8.0.1",
+    "@leafygreen-ui/banner": "^7.0.1",
+    "@leafygreen-ui/button": "^19.0.3",
+    "@leafygreen-ui/card": "^9.0.2",
+    "@leafygreen-ui/checkbox": "^12.0.2",
+    "@leafygreen-ui/code": "^14.1.0",
+    "@leafygreen-ui/confirmation-modal": "^4.0.1",
     "@leafygreen-ui/emotion": "^4.0.3",
-    "@leafygreen-ui/icon": "^11.11.1",
-    "@leafygreen-ui/icon-button": "^13.2.1",
-    "@leafygreen-ui/leafygreen-provider": "^2.3.5",
-    "@leafygreen-ui/logo": "^6.3.0",
-    "@leafygreen-ui/marketing-modal": "^3.0.7",
-    "@leafygreen-ui/menu": "^16.0.0",
-    "@leafygreen-ui/modal": "^10.1.2",
-    "@leafygreen-ui/palette": "^3.4.4",
-    "@leafygreen-ui/pipeline": "^3.0.0",
-    "@leafygreen-ui/popover": "^9.1.1",
-    "@leafygreen-ui/portal": "^4.0.6",
-    "@leafygreen-ui/radio-box-group": "^9.1.1",
-    "@leafygreen-ui/radio-group": "^8.1.1",
-    "@leafygreen-ui/segmented-control": "^3.1.1",
-    "@leafygreen-ui/select": "^7.1.2",
-    "@leafygreen-ui/table": "^6.1.1",
-    "@leafygreen-ui/tabs": "^9.2.1",
-    "@leafygreen-ui/text-area": "^6.2.1",
-    "@leafygreen-ui/text-input": "^10.2.1",
-    "@leafygreen-ui/toast": "^2.0.3",
-    "@leafygreen-ui/toggle": "^8.0.5",
-    "@leafygreen-ui/tokens": "^1.3.4",
-    "@leafygreen-ui/tooltip": "^7.1.3",
-    "@leafygreen-ui/typography": "^13.2.1",
-    "@mongodb-js/compass-logging": "^1.1.1",
+    "@leafygreen-ui/hooks": "^7.3.3",
+    "@leafygreen-ui/icon": "^11.12.3",
+    "@leafygreen-ui/icon-button": "^15.0.3",
+    "@leafygreen-ui/inline-definition": "^6.0.0",
+    "@leafygreen-ui/leafygreen-provider": "^3.1.0",
+    "@leafygreen-ui/lib": "^10.0.0",
+    "@leafygreen-ui/logo": "^7.0.0",
+    "@leafygreen-ui/marketing-modal": "^3.0.10",
+    "@leafygreen-ui/menu": "^19.0.1",
+    "@leafygreen-ui/modal": "^14.0.0",
+    "@leafygreen-ui/palette": "^3.4.6",
+    "@leafygreen-ui/pipeline": "^5.0.1",
+    "@leafygreen-ui/popover": "^11.0.1",
+    "@leafygreen-ui/portal": "^4.0.7",
+    "@leafygreen-ui/radio-box-group": "^12.0.1",
+    "@leafygreen-ui/radio-group": "^10.0.3",
+    "@leafygreen-ui/segmented-control": "^7.0.0",
+    "@leafygreen-ui/select": "^10.1.0",
+    "@leafygreen-ui/table": "^9.0.1",
+    "@leafygreen-ui/tabs": "^11.0.1",
+    "@leafygreen-ui/text-area": "^8.0.1",
+    "@leafygreen-ui/text-input": "^12.1.1",
+    "@leafygreen-ui/toast": "^4.0.1",
+    "@leafygreen-ui/toggle": "^10.0.2",
+    "@leafygreen-ui/tokens": "^1.4.1",
+    "@leafygreen-ui/tooltip": "^9.0.2",
+    "@leafygreen-ui/typography": "^15.2.0",
+    "@mongodb-js/compass-logging": "^1.1.2",
     "@react-aria/interactions": "^3.9.1",
     "@react-aria/tooltip": "^3.2.1",
     "@react-aria/utils": "^3.13.1",
     "@react-aria/visually-hidden": "^3.3.1",
     "@react-stately/tooltip": "^3.0.5",
-    "bson": "^4.6.1",
+    "bson": "^4.7.1",
     "focus-trap-react": "^8.4.2",
-    "hadron-document": "^8.0.2",
+    "hadron-document": "^8.1.0",
     "hadron-type-checker": "^7.0.0",
+    "is-electron-renderer": "^2.0.1",
+    "lodash": "^4.17.21",
     "polished": "^4.2.2",
+    "prop-types": "^15.7.2",
     "react-intersection-observer": "^8.34.0",
-    "react-sortable-hoc": "^2.0.0",
     "react-window": "^1.8.6"
   },
   "peerDependencies": {
-    "react": "^16.14.0",
+    "react": "^17.0.2",
     "react-ace": "^9.5.0"
   },
   "devDependencies": {
-    "@mongodb-js/eslint-config-compass": "^1.0.1",
-    "@mongodb-js/mocha-config-compass": "^1.0.1",
+    "@mongodb-js/eslint-config-compass": "^1.0.2",
+    "@mongodb-js/mocha-config-compass": "^1.0.2",
     "@mongodb-js/prettier-config-compass": "^1.0.0",
     "@mongodb-js/tsconfig-compass": "^1.0.1",
     "@testing-library/dom": "^8.11.1",
@@ -96,14 +103,16 @@
     "@types/chai-dom": "^0.0.10",
     "@types/mocha": "^9.0.0",
     "@types/react": "^17.0.5",
+    "@types/reflux": "^6.4.3",
     "chai": "^4.3.4",
     "eslint": "^7.25.0",
     "mocha": "^8.4.0",
     "nyc": "^15.0.0",
     "prettier": "^2.7.1",
-    "react": "^16.14.0",
+    "react": "^17.0.2",
     "react-ace": "^9.5.0",
-    "react-dom": "^16.14.0",
+    "react-dom": "^17.0.2",
+    "reflux": "^0.4.1",
     "rimraf": "^3.0.2",
     "sinon": "^9.0.0",
     "typescript": "^4.8.3"
@@ -116,5 +125,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7f786ed13b999a5c0831af6fde545154890df956"
+  "gitHead": "cfe9a829fd77fc84e090f2c7b38663167071ebc5"
 }

package/lib/components/checkbox.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Checkbox as LeafyGreenCheckbox } from './leafygreen';
-declare function Checkbox(props: React.ComponentProps<typeof LeafyGreenCheckbox>): ReturnType<typeof LeafyGreenCheckbox>;
-export { Checkbox };
-//# sourceMappingURL=checkbox.d.ts.map

package/lib/components/checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAG9D,iBAAS,QAAQ,CACf,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GACrD,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAMvC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/checkbox.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
-const react_1 = __importDefault(require("react"));
-const leafygreen_1 = require("./leafygreen");
-const use_theme_1 = require("../hooks/use-theme");
-function Checkbox(props) {
-    const theme = (0, use_theme_1.useTheme)();
-    return (react_1.default.createElement(leafygreen_1.Checkbox, { darkMode: (theme === null || theme === void 0 ? void 0 : theme.theme) === use_theme_1.Theme.Dark, ...props }));
-}
-exports.Checkbox = Checkbox;
-//# sourceMappingURL=checkbox.js.map

package/lib/components/checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,6CAA8D;AAC9D,kDAAqD;AAErD,SAAS,QAAQ,CACf,KAAsD;IAEtD,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,8BAAC,qBAAkB,IAAC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,iBAAK,CAAC,IAAI,KAAM,KAAK,GAAI,CACzE,CAAC;AACJ,CAAC;AAEQ,4BAAQ"}

package/lib/components/toggle.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Toggle as LeafyGreenToggle } from './leafygreen';
-declare function Toggle(props: React.ComponentProps<typeof LeafyGreenToggle>): ReturnType<typeof LeafyGreenToggle>;
-export { Toggle };
-//# sourceMappingURL=toggle.d.ts.map

package/lib/components/toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/components/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAG1D,iBAAS,MAAM,CACb,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GACnD,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAIrC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/components/toggle.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toggle = void 0;
-const react_1 = __importDefault(require("react"));
-const leafygreen_1 = require("./leafygreen");
-const use_theme_1 = require("../hooks/use-theme");
-function Toggle(props) {
-    const theme = (0, use_theme_1.useTheme)();
-    return react_1.default.createElement(leafygreen_1.Toggle, { darkMode: (theme === null || theme === void 0 ? void 0 : theme.theme) === use_theme_1.Theme.Dark, ...props });
-}
-exports.Toggle = Toggle;
-//# sourceMappingURL=toggle.js.map