@mongodb-js/compass-components 1.4.0 → 1.6.0

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.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.GuideCue = exports.VisuallyHidden = exports.useId = exports.SelectSize = exports.RadioBoxSize = exports.Portal = exports.lighten = 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.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 = exports.SpinLoader = exports.RadioBoxGroup = void 0;
+exports.ComboboxGroup = exports.ComboboxOption = exports.Combobox = exports.IndexKeysBadge = 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,14 +91,13 @@ 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");
 Object.defineProperty(exports, "palette", { enumerable: true, get: function () { return palette_1.palette; } });
 var polished_1 = require("polished");
 Object.defineProperty(exports, "rgba", { enumerable: true, get: function () { return polished_1.rgba; } });
+Object.defineProperty(exports, "lighten", { enumerable: true, get: function () { return polished_1.lighten; } });
 var portal_1 = require("@leafygreen-ui/portal");
 Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return __importDefault(portal_1).default; } });
 var radio_box_group_2 = require("@leafygreen-ui/radio-box-group");
@@ -108,14 +108,14 @@ var utils_1 = require("@react-aria/utils");
 Object.defineProperty(exports, "useId", { enumerable: true, get: function () { return utils_1.useId; } });
 var visually_hidden_1 = require("@react-aria/visually-hidden");
 Object.defineProperty(exports, "VisuallyHidden", { enumerable: true, get: function () { return visually_hidden_1.VisuallyHidden; } });
+var guide_cue_1 = require("@leafygreen-ui/guide-cue");
+Object.defineProperty(exports, "GuideCue", { enumerable: true, get: function () { return guide_cue_1.GuideCue; } });
 var use_toast_1 = require("./hooks/use-toast");
 Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return use_toast_1.useToast; } });
 Object.defineProperty(exports, "openToast", { enumerable: true, get: function () { return use_toast_1.openToast; } });
 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 +139,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 +156,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 +193,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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAwC;AAExC,kDAYgC;AAX9B,mHAAA,OAAO,OAAW;AAClB,gGAAA,KAAK,OAAA;AACL,kGAAA,OAAO,OAAA;AACP,6FAAA,EAAE,OAAA;AACF,gGAAA,KAAK,OAAA;AACL,8GAAA,mBAAmB,OAAA;AACnB,uGAAA,YAAY,OAAA;AACZ,oGAAA,SAAS,OAAA;AACT,8FAAA,GAAG,OAAA;AACH,gGAAA,KAAK,OAAA;AACL,gGAAA,KAAK,OAAA;AAEP,+EAAsD;AA2EpD,uBA3EK,uBAAY,CA2EL;AA1Ed,gGAAuE;AA2ErE,4BA3EK,4BAAiB,CA2EL;AA1EnB,sEAKiC;AAuE/B,oBA5EK,oBAAS,CA4EL;AAoBT,+GA7FA,2CAA8B,OA6FA;AA1FhC,0EAAqE;AAyEnE,kGAzEO,uCAAiB,OAyEP;AAxEnB,8EAG4C;AAiE1C,6FAnEA,oCAAY,OAmEA;AAUZ,+FA5EA,sCAAc,OA4EA;AA1EhB,kEAA6D;AAqE3D,8FArEO,+BAAa,OAqEP;AApEf,0DAAsD;AAqEpD,2FArEO,wBAAU,OAqEP;AApEZ,8DAA2E;AAqEzE,6FArEO,4BAAY,OAqEP;AACZ,gGAtEqB,+BAAe,OAsErB;AArEjB,sDAAmD;AAyDjD,0FAzDO,qBAAS,OAyDP;AAxDX,8EAAyE;AAyDvE,oGAzDO,2CAAmB,OAyDP;AAxDrB,+EAA2E;AAsEzE,8FAtEO,8BAAa,OAsEP;AArEf,sFAEyC;AAiEvC,2BAnEK,4BAAgB,CAmEL;AAShB,oGA3EA,wCAAmB,OA2EA;AAzErB,4EAO2C;AA8DzC,mGAlEA,yCAAkB,OAkEA;AAClB,gGAlEA,sCAAe,OAkEA;AACf,+FAlEA,qCAAc,OAkEA;AACd,mGAlEA,yCAAkB,OAkEA;AAhEpB,kEAAgE;AAAvD,6GAAA,YAAY,OAAA;AACrB,kEAAgE;AAAvD,6GAAA,YAAY,OAAA;AACrB,8EAA0E;AAAjE,uHAAA,gBAAgB,OAAA;AACzB,8CAA+D;AAAtD,qGAAA,OAAO,OAAgB;AAChC,gDAAiE;AAAxD,uGAAA,OAAO,OAAiB;AACjC,gDAG+B;AAF7B,oGAAA,IAAI,OAAc;AAClB,uGAAA,OAAO,OAAiB;AAG1B,kDAAiD;AAAxC,oGAAA,QAAQ,OAAA;AACjB,0EAAmF;AAA1E,0IAAA,OAAO,OAAsB;AAEtC,kDAAiD;AAAxC,kGAAA,OAAO,OAAA;AAChB,qCAAgC;AAAvB,gGAAA,IAAI,OAAA;AACb,gDAA0D;AAAjD,iHAAA,OAAO,OAAU;AAC1B,kEAAsE;AAA7D,+GAAA,IAAI,OAAgB;AAC7B,gDAA2D;AAAlD,oGAAA,IAAI,OAAc;AAC3B,2CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,+DAA6D;AAApD,iHAAA,cAAc,OAAA;AAEvB,+CAM2B;AALzB,qGAAA,QAAQ,OAAA;AACR,sGAAA,SAAS,OAAA;AACT,uGAAA,UAAU,OAAA;AACV,sGAAA,SAAS,OAAA;AACT,yGAAA,YAAY,OAAA;AAGd,8CAA6C;AAApC,gGAAA,MAAM,OAAA;AACf,gDAA6D;AAApD,qGAAA,WAAW,OAAA;AAAE,iGAAA,OAAO,OAAA;AAC7B,gDAA+C;AAAtC,kGAAA,OAAO,OAAA;AAChB,yEAAgD;AAkB9C,oBAlBK,oBAAS,CAkBL;AAhBX,0EAAkF;AAAzE,2IAAA,OAAO,OAAsB;AAEtC,mDAAkD;AAAzC,8FAAA,KAAK,OAAA;AACd,6DAA2D;AAAlD,uGAAA,SAAS,OAAA;AAClB,iEAA+D;AAAtD,2GAAA,WAAW,OAAA;AACpB,6DAA2D;AAAlD,uGAAA,SAAS,OAAA;AAClB,6DAA2D;AAAlD,uGAAA,SAAS,OAAA;AA8BlB,2DAIiC;AAH/B,gHAAA,aAAa,OAAA;AACb,gHAAA,aAAa,OAAA;AACb,6GAAA,UAAU,OAAA;AAEZ,+CAO2B;AANzB,sGAAA,SAAS,OAAA;AACT,qGAAA,QAAQ,OAAA;AACR,wGAAA,WAAW,OAAA;AACX,kGAAA,KAAK,OAAA;AAEL,0GAAA,aAAa,OAAA;AAEf,4EAG4C;AAF1C,4HAAA,mBAAmB,OAAA;AACnB,0HAAA,iBAAiB,OAAA;AAEnB,oEAAkE;AAAzD,qHAAA,gBAAgB,OAAA;AAIzB,4DAA0D;AAAjD,6GAAA,YAAY,OAAA;AACrB,8DAA4D;AAAnD,+GAAA,aAAa,OAAA;AACtB,wDAAqD;AAA5C,wGAAA,SAAS,OAAA;AAClB,wEAAsE;AAA7D,yHAAA,kBAAkB,OAAA;AAC3B,kEAA+D;AAAtD,kHAAA,cAAc,OAAA;AACvB,wEAAsE;AAA7D,yHAAA,kBAAkB,OAAA;AAC3B,wDAAsD;AAA7C,yGAAA,UAAU,OAAA;AACnB,wDAAuD;AAA9C,0GAAA,WAAW,OAAA;AACpB,qDAAkD;AAAzC,0GAAA,UAAU,OAAA;AACnB,0DAAwD;AAA/C,2GAAA,WAAW,OAAA;AACpB,mDAAiD;AAAxC,yGAAA,UAAU,OAAA;AACnB,yDAAiE;AAAxD,2GAAA,SAAS,OAAA;AAAE,8GAAA,YAAY,OAAA;AAChC,iEAA8D;AAArD,sHAAA,gBAAgB,OAAA;AACzB,6CAAmE;AAA1D,2GAAA,eAAe,OAAA;AAAE,0GAAA,cAAc,OAAA;AACxC,iEAA8D;AAArD,sHAAA,gBAAgB,OAAA;AACzB,gDAAqD;AAA5C,sGAAA,YAAY,OAAA;AAErB,sDAA+D;AAAtD,wHAAA,OAAO,OAAa;AAC7B,2EAA2D;AAC3D,0DAAwD;AAA/C,2GAAA,WAAW,OAAA"}
+{"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.6.0",
   "description": "React Components used in Compass",
   "license": "SSPL",
   "main": "lib/index.js",
@@ -28,64 +28,71 @@
     "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 ."
+    "reformat": "npm run prettier -- --write . && npm run eslint . --fix"
   },
   "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/guide-cue": "^4.0.0",
+    "@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": "^10.0.2",
+    "@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",
     "@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": "^5.0.1",
     "focus-trap-react": "^8.4.2",
-    "hadron-document": "^8.0.2",
-    "hadron-type-checker": "^7.0.0",
+    "hadron-document": "^8.1.1",
+    "hadron-type-checker": "^7.0.1",
+    "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.3",
+    "@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": "96ec6b32140254def920e2b4a8dba9be56633f75"
 }

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

package/lib/components/toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../src/components/toggle.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,6CAA0D;AAC1D,kDAAqD;AAErD,SAAS,MAAM,CACb,KAAoD;IAEpD,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,8BAAC,mBAAgB,IAAC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,iBAAK,CAAC,IAAI,KAAM,KAAK,GAAI,CAAC;AAChF,CAAC;AAEQ,wBAAM"}