@mongodb-js/compass-components 0.13.0 → 0.14.0

package/lib/components/workspace-tabs/tab.js

@@ -0,0 +1,223 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = void 0;
+const react_1 = __importStar(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const palette_1 = require("@leafygreen-ui/palette");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const use_theme_1 = require("../../hooks/use-theme");
+const compass_font_sizes_1 = require("../../compass-font-sizes");
+const use_focus_hover_1 = require("../../hooks/use-focus-hover");
+const leafygreen_1 = require("../leafygreen");
+const merge_props_1 = require("../../utils/merge-props");
+const use_default_action_1 = require("../../hooks/use-default-action");
+const tabStyles = (0, emotion_1.css)({
+    border: '1px solid',
+    borderTopWidth: 0,
+    borderBottomWidth: 0,
+    transition: 'border-color .16s ease-out',
+    display: 'inline-flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    margin: 0,
+    paddingRight: tokens_1.spacing[1],
+    paddingLeft: tokens_1.spacing[3],
+    maxWidth: tokens_1.spacing[6] * 3,
+    minWidth: tokens_1.spacing[6] * 2,
+    position: 'relative',
+    color: palette_1.uiColors.gray.base,
+    outline: 'none',
+    '&:hover': {
+        cursor: 'pointer',
+        zIndex: 1,
+        transition: 'border-color .16s ease-in',
+    },
+    ':not(:first-child)': {
+        marginLeft: '-1px',
+    },
+});
+const tabLightThemeStyles = (0, emotion_1.css)({
+    background: palette_1.uiColors.white,
+    borderColor: palette_1.uiColors.gray.light2,
+    '&:hover': {
+        borderColor: palette_1.uiColors.gray.light1,
+    },
+});
+const tabDarkThemeStyles = (0, emotion_1.css)({
+    backgroundColor: palette_1.uiColors.gray.dark3,
+    borderColor: palette_1.uiColors.gray.dark2,
+    '&:hover': {
+        borderColor: palette_1.uiColors.gray.dark1,
+    },
+});
+const selectedTabStyles = (0, emotion_1.css)({
+    '&:hover': {
+        cursor: 'default',
+    },
+});
+const focusedTabStyles = (0, emotion_1.css)({
+    zIndex: 3,
+    borderColor: palette_1.uiColors.focus,
+    '&::after': {
+        position: 'absolute',
+        content: '""',
+        top: 0,
+        right: 0,
+        left: 0,
+        height: '1px',
+        backgroundColor: palette_1.uiColors.focus,
+    },
+});
+const tabBottomBorderStyles = (0, emotion_1.css)({
+    position: 'absolute',
+    bottom: 0,
+    left: '-1px',
+    right: '-1px',
+    height: 0,
+    backgroundColor: palette_1.uiColors.green.dark1,
+});
+const selectedTabBottomBorderStyles = (0, emotion_1.css)({
+    height: `${tokens_1.spacing[1]}px`,
+    backgroundColor: palette_1.uiColors.green.base,
+    transition: 'height 150ms ease-out',
+});
+const focusedTabBottomBorderStyles = (0, emotion_1.css)({
+    height: `${tokens_1.spacing[1]}px`,
+    backgroundColor: palette_1.uiColors.focus,
+    transition: 'height 150ms ease-out',
+});
+const hiddenStyles = (0, emotion_1.css)({
+    visibility: 'hidden',
+});
+const tabIconStyles = (0, emotion_1.css)({
+    width: tokens_1.spacing[1] + tokens_1.spacing[2],
+    height: 'auto',
+    flexShrink: 0,
+    gridArea: 'icon',
+    alignSelf: 'center',
+});
+const tabIconSelectedLightThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.green.dark2,
+});
+const tabIconSelectedDarkThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.green.light2,
+});
+const tabIconFocusedStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.focus,
+});
+const tabTitleContainerStyles = (0, emotion_1.css)({
+    marginRight: tokens_1.spacing[1],
+    display: 'inline-grid',
+    paddingTop: tokens_1.spacing[2],
+    paddingBottom: tokens_1.spacing[1] + tokens_1.spacing[2],
+    gridTemplateAreas: `
+    'icon tabName'
+    'empty namespace'
+  `,
+    columnGap: tokens_1.spacing[2],
+    rowGap: 0,
+});
+const tabTitleStyles = (0, emotion_1.css)({
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    overflow: 'hidden',
+    fontWeight: 'bold',
+    fontSize: compass_font_sizes_1.smallFontSize,
+    gridArea: 'tabName',
+});
+const tabTitleDarkThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.base,
+});
+const tabTitleLightThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.base,
+});
+const tabTitleSelectedDarkThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.green.light2,
+});
+const tabTitleSelectedLightThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.green.dark2,
+});
+const tabTitleFocusedStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.focus,
+});
+const tabSubtitleStyles = (0, emotion_1.css)({
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    overflow: 'hidden',
+    fontSize: compass_font_sizes_1.smallFontSize,
+    lineHeight: `${tokens_1.spacing[3]}px`,
+    gridArea: 'namespace',
+});
+const tabSubtitleLightThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.base,
+});
+const tabSubtitleDarkThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.light1,
+});
+const tabSubtitleSelectedLightThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.dark1,
+});
+const tabSubtitleSelectedDarkThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.light2,
+});
+function UnthemedTab({ darkMode, title, isSelected, onSelect, onClose, tabContentId, iconGlyph, subtitle, }) {
+    const [focusProps, focusState] = (0, use_focus_hover_1.useFocusState)();
+    const isFocused = (0, react_1.useMemo)(() => focusState === use_focus_hover_1.FocusState.FocusVisible, [focusState]);
+    const isFocusedWithin = (0, react_1.useMemo)(() => focusState === use_focus_hover_1.FocusState.FocusWithinVisible, [focusState]);
+    const defaultActionProps = (0, use_default_action_1.useDefaultAction)(onSelect);
+    const [hoverProps, isHovered] = (0, use_focus_hover_1.useHoverState)();
+    const tabProps = (0, merge_props_1.mergeProps)(focusProps, hoverProps, defaultActionProps);
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabStyles, darkMode ? tabDarkThemeStyles : tabLightThemeStyles, {
+            [selectedTabStyles]: isSelected,
+            [focusedTabStyles]: isFocused,
+        }), "aria-selected": isSelected, role: "tab", tabIndex: isSelected ? 0 : -1, "aria-controls": tabContentId, "data-test-id": "workspace-tab-button", title: `${subtitle} - ${title}`, ...tabProps },
+        react_1.default.createElement("div", { className: tabTitleContainerStyles },
+            react_1.default.createElement(leafygreen_1.Icon, { size: "small", role: "presentation", className: (0, emotion_1.cx)(tabIconStyles, {
+                    [darkMode
+                        ? tabIconSelectedDarkThemeStyles
+                        : tabIconSelectedLightThemeStyles]: isSelected,
+                    [tabIconFocusedStyles]: isFocused,
+                }), glyph: iconGlyph, "data-testid": `workspace-tab-icon-${iconGlyph}` }),
+            react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabTitleStyles, darkMode ? tabTitleDarkThemeStyles : tabTitleLightThemeStyles, {
+                    [darkMode
+                        ? tabTitleSelectedDarkThemeStyles
+                        : tabTitleSelectedLightThemeStyles]: isSelected,
+                    [tabTitleFocusedStyles]: isFocused,
+                }) }, title),
+            react_1.default.createElement(leafygreen_1.Body, { className: (0, emotion_1.cx)(tabSubtitleStyles, darkMode ? tabSubtitleDarkThemeStyles : tabSubtitleLightThemeStyles, {
+                    [darkMode
+                        ? tabSubtitleSelectedDarkThemeStyles
+                        : tabSubtitleSelectedLightThemeStyles]: isSelected,
+                }) }, subtitle)),
+        react_1.default.createElement(leafygreen_1.IconButton, { className: isFocusedWithin || isFocused || isHovered ? undefined : hiddenStyles, onClick: (e) => {
+                e.stopPropagation();
+                onClose();
+            }, "aria-label": "Close Tab", "data-testid": "close-workspace-tab" },
+            react_1.default.createElement(leafygreen_1.Icon, { glyph: "X", role: "presentation" })),
+        react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabBottomBorderStyles, {
+                [selectedTabBottomBorderStyles]: isSelected,
+                [focusedTabBottomBorderStyles]: isFocused,
+            }) })));
+}
+const Tab = (0, use_theme_1.withTheme)(UnthemedTab);
+exports.Tab = Tab;
+//# sourceMappingURL=tab.js.map

package/lib/components/workspace-tabs/tab.js.map

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

package/lib/components/workspace-tabs/workspace-tabs.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { glyphs } from '@leafygreen-ui/icon';
+declare type WorkspaceTabsProps = {
+    'aria-label': string;
+    darkMode?: boolean;
+    onCreateNewTab: () => void;
+    onSelectTab: (tabIndex: number) => void;
+    onCloseTab: (tabIndex: number) => void;
+    onMoveTab: (oldTabIndex: number, newTabIndex: number) => void;
+    tabs: TabProps[];
+    selectedTabIndex: number;
+};
+export declare type TabProps = {
+    subtitle: string;
+    tabContentId: string;
+    title: string;
+    iconGlyph: Extract<keyof typeof glyphs, string>;
+};
+export declare function useRovingTabIndex<T extends HTMLElement = HTMLElement>({ currentTabbable, }: {
+    currentTabbable: number;
+}): React.HTMLProps<T>;
+declare const WorkspaceTabs: React.ComponentType<WorkspaceTabsProps>;
+export { WorkspaceTabs };
+//# sourceMappingURL=workspace-tabs.d.ts.map

package/lib/components/workspace-tabs/workspace-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AA0MlD,aAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;CACjD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACrE,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;CACzB,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAyBrB;AA4ED,QAAA,MAAM,aAAa,yCAAmC,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/lib/components/workspace-tabs/workspace-tabs.js

@@ -0,0 +1,175 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspaceTabs = exports.useRovingTabIndex = void 0;
+const react_1 = __importStar(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const palette_1 = require("@leafygreen-ui/palette");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const react_sortable_hoc_1 = require("react-sortable-hoc");
+const use_theme_1 = require("../../hooks/use-theme");
+const use_focus_hover_1 = require("../../hooks/use-focus-hover");
+const leafygreen_1 = require("../leafygreen");
+const merge_props_1 = require("../../utils/merge-props");
+const compass_ui_colors_1 = require("../../compass-ui-colors");
+const tab_1 = require("./tab");
+const tabsContainerStyles = (0, emotion_1.css)({
+    margin: 0,
+    padding: 0,
+    flexShrink: 0,
+    position: 'relative',
+    overflow: 'overlay',
+    whiteSpace: 'nowrap',
+    borderBottom: '1px solid',
+    '::-webkit-scrollbar': {
+        ':horizontal': {
+            height: tokens_1.spacing[1],
+        },
+    },
+});
+const tabsContainerLightStyles = (0, emotion_1.css)({
+    background: palette_1.uiColors.white,
+    borderBottomColor: palette_1.uiColors.gray.light2,
+    '::-webkit-scrollbar-thumb': {
+        backgroundColor: compass_ui_colors_1.scrollbarThumbLightTheme,
+    },
+});
+const tabsContainerDarkStyles = (0, emotion_1.css)({
+    backgroundColor: palette_1.uiColors.gray.dark3,
+    borderBottomColor: palette_1.uiColors.gray.dark2,
+    '::-webkit-scrollbar-thumb': {
+        backgroundColor: compass_ui_colors_1.scrollbarThumbDarkTheme,
+    },
+});
+const tabsListContainerStyles = (0, emotion_1.css)({
+    padding: 0,
+    paddingLeft: tokens_1.spacing[3],
+    paddingRight: tokens_1.spacing[4],
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+});
+const tabsListStyles = (0, emotion_1.css)({
+    display: 'inline-flex',
+});
+const newTabContainerStyles = (0, emotion_1.css)({
+    display: 'inline-flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+});
+const createNewTabButtonStyles = (0, emotion_1.css)({
+    marginLeft: tokens_1.spacing[2],
+    marginRight: tokens_1.spacing[2],
+});
+const sortableItemContainerStyles = (0, emotion_1.css)({
+    display: 'inline-flex',
+});
+const workspaceTabsSortableCloneStyles = (0, emotion_1.css)({
+    pointerEvents: 'auto !important',
+    cursor: 'grabbing !important',
+    zIndex: 50,
+});
+function useTabListKeyboardNavigation({ tabsCount, onSelectTab, selectedTabIndex, }) {
+    const onKeyDown = (0, react_1.useCallback)((evt) => {
+        let nextTabbable = -1;
+        if (evt.key === 'ArrowLeft') {
+            evt.stopPropagation();
+            nextTabbable = selectedTabIndex - 1;
+        }
+        if (evt.key === 'ArrowRight') {
+            evt.stopPropagation();
+            nextTabbable = selectedTabIndex + 1;
+        }
+        if (evt.key === 'Home') {
+            evt.preventDefault();
+            evt.stopPropagation();
+            nextTabbable = 0;
+        }
+        if (evt.key === 'End') {
+            evt.preventDefault();
+            evt.stopPropagation();
+            nextTabbable = tabsCount - 1;
+        }
+        if (tabsCount > 0 &&
+            nextTabbable !== selectedTabIndex &&
+            nextTabbable >= 0 &&
+            nextTabbable < tabsCount) {
+            onSelectTab(nextTabbable);
+        }
+    }, [selectedTabIndex, tabsCount, onSelectTab]);
+    return [{ onKeyDown }];
+}
+const SortableItem = (0, react_sortable_hoc_1.SortableElement)(({ tab: { tabContentId, iconGlyph, subtitle, title }, tabIndex, selectedTabIndex, onSelect, onClose, }) => {
+    const onTabSelected = (0, react_1.useCallback)(() => {
+        onSelect(tabIndex);
+    }, [onSelect, tabIndex]);
+    const onTabClosed = (0, react_1.useCallback)(() => {
+        onClose(tabIndex);
+    }, [onClose, tabIndex]);
+    const isSelected = (0, react_1.useMemo)(() => selectedTabIndex === tabIndex, [selectedTabIndex, tabIndex]);
+    return (react_1.default.createElement(tab_1.Tab, { title: title, isSelected: isSelected, iconGlyph: iconGlyph, tabContentId: tabContentId, subtitle: subtitle, onSelect: onTabSelected, onClose: onTabClosed }));
+});
+const SortableList = (0, react_sortable_hoc_1.SortableContainer)(({ tabs, onSelect, onClose, selectedTabIndex }) => (react_1.default.createElement("div", { className: sortableItemContainerStyles }, tabs.map((tab, index) => (react_1.default.createElement(SortableItem, { key: `tab-${index}-${tab.subtitle}`, index: index, tabIndex: index, tab: tab, onSelect: onSelect, onClose: onClose, selectedTabIndex: selectedTabIndex }))))));
+function useRovingTabIndex({ currentTabbable, }) {
+    const rootNode = (0, react_1.useRef)(null);
+    const [focusProps, focusState] = (0, use_focus_hover_1.useFocusState)();
+    const focusTabbable = (0, react_1.useCallback)(() => {
+        var _a, _b;
+        const selector = `[role="tab"]:nth-child(${currentTabbable + 1})`;
+        (_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)) {
+            focusTabbable();
+        }
+    }, [focusState, focusTabbable]);
+    return { ref: rootNode, ...focusProps };
+}
+exports.useRovingTabIndex = useRovingTabIndex;
+function UnthemedWorkspaceTabs({ ['aria-label']: ariaLabel, darkMode, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, tabs, selectedTabIndex, }) {
+    const rovingFocusProps = useRovingTabIndex({
+        currentTabbable: selectedTabIndex,
+    });
+    const [navigationProps] = useTabListKeyboardNavigation({
+        selectedTabIndex,
+        onSelectTab,
+        tabsCount: tabs.length,
+    });
+    const tabContainerProps = (0, merge_props_1.mergeProps)(rovingFocusProps, navigationProps);
+    const onSortEnd = (0, react_1.useCallback)(({ oldIndex, newIndex }) => {
+        onMoveTab(oldIndex, newIndex);
+    }, [onMoveTab]);
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabsContainerStyles, darkMode ? tabsContainerDarkStyles : tabsContainerLightStyles) },
+        react_1.default.createElement("div", { className: tabsListContainerStyles },
+            react_1.default.createElement("div", { className: tabsListStyles, role: "tablist", "aria-label": ariaLabel, "aria-orientation": "horizontal", ...tabContainerProps },
+                react_1.default.createElement(SortableList, { onClose: onCloseTab, onSelect: onSelectTab, tabs: tabs, selectedTabIndex: selectedTabIndex, axis: "x", lockAxis: "x", lockToContainerEdges: true, lockOffset: "0%", distance: 10, onSortEnd: onSortEnd, helperClass: workspaceTabsSortableCloneStyles })),
+            react_1.default.createElement("div", { className: newTabContainerStyles },
+                react_1.default.createElement(leafygreen_1.IconButton, { className: createNewTabButtonStyles, "aria-label": "Create new tab", onClick: onCreateNewTab },
+                    react_1.default.createElement(leafygreen_1.Icon, { role: "presentation", glyph: "Plus" }))))));
+}
+const WorkspaceTabs = (0, use_theme_1.withTheme)(UnthemedWorkspaceTabs);
+exports.WorkspaceTabs = WorkspaceTabs;
+//# sourceMappingURL=workspace-tabs.js.map

package/lib/components/workspace-tabs/workspace-tabs.js.map

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

package/lib/index.d.ts

@@ -5,10 +5,13 @@ import ConfirmationModal from './components/confirmation-modal';
 import FileInput from './components/file-input';
 import { Modal } from './components/modal';
 import { ModalTitle } from './components/modal-title';
+import { Toolbar } from './components/toolbar';
+import { ErrorSummary, WarningSummary } from './components/error-warning-summary';
 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';
+import { WorkspaceTabs } from './components/workspace-tabs/workspace-tabs';
 export { FavoriteIcon } from './components/icons/favorite-icon';
 export { Variant as BadgeVariant } from '@leafygreen-ui/badge';
 export { Variant as BannerVariant } from '@leafygreen-ui/banner';
@@ -26,7 +29,7 @@ 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 { Accordion, CancelLoader, ConfirmationModal, FileInput, Modal, ModalTitle, RadioBoxGroup, SpinLoader, ResizeHandle, ResizeDirection, };
+export { Accordion, CancelLoader, ConfirmationModal, ErrorSummary, FileInput, Modal, ModalTitle, RadioBoxGroup, SpinLoader, ResizeHandle, ResizeDirection, Toolbar, WarningSummary, WorkspaceTabs, };
 export { useFocusState, useHoverState, FocusState, } from './hooks/use-focus-hover';
 export { withTheme, useTheme, Theme, ThemeProvider } from './hooks/use-theme';
 export { ContentWithFallback, FadeInPlaceholder, } from './components/content-with-fallback';

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

@@ -25,8 +25,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FadeInPlaceholder = exports.ContentWithFallback = exports.ThemeProvider = exports.Theme = exports.useTheme = exports.withTheme = exports.FocusState = exports.useHoverState = exports.useFocusState = exports.ResizeDirection = exports.ResizeHandle = exports.SpinLoader = exports.RadioBoxGroup = exports.ModalTitle = exports.Modal = exports.FileInput = exports.ConfirmationModal = exports.CancelLoader = exports.Accordion = exports.Tooltip = exports.spacing = exports.breakpoints = exports.Toggle = exports.ToastArea = exports.useToast = exports.ToastVariant = exports.SelectSize = exports.RadioBoxSize = exports.Portal = exports.compassUIColors = exports.compassFontSizes = exports.uiColors = exports.LeafyGreenProvider = exports.Checkbox = exports.ButtonVariant = exports.ButtonSize = exports.BannerVariant = exports.BadgeVariant = 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.DocumentList = exports.BSONValue = exports.Stage = exports.Pipeline = exports.useSortedItems = exports.useSortControls = exports.useDefaultAction = exports.useFocusRing = exports.mergeProps = exports.VirtualGrid = exports.useDOMRect = exports.Placeholder = exports.InlineInfoLink = exports.WorkspaceContainer = exports.TabNavBar = exports.ErrorBoundary = exports.InlineDefinition = void 0;
+exports.useTheme = exports.withTheme = exports.FocusState = exports.useHoverState = exports.useFocusState = exports.WorkspaceTabs = exports.WarningSummary = exports.Toolbar = exports.ResizeDirection = exports.ResizeHandle = exports.SpinLoader = exports.RadioBoxGroup = exports.ModalTitle = exports.Modal = exports.FileInput = exports.ErrorSummary = exports.ConfirmationModal = exports.CancelLoader = exports.Accordion = exports.Tooltip = exports.spacing = exports.breakpoints = exports.Toggle = exports.ToastArea = exports.useToast = exports.ToastVariant = exports.SelectSize = exports.RadioBoxSize = exports.Portal = exports.compassUIColors = exports.compassFontSizes = exports.uiColors = exports.LeafyGreenProvider = exports.Checkbox = exports.ButtonVariant = exports.ButtonSize = exports.BannerVariant = exports.BadgeVariant = 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.DocumentList = exports.BSONValue = exports.Stage = exports.Pipeline = exports.useSortedItems = exports.useSortControls = exports.useDefaultAction = exports.useFocusRing = exports.mergeProps = exports.VirtualGrid = exports.useDOMRect = exports.Placeholder = exports.InlineInfoLink = exports.WorkspaceContainer = exports.TabNavBar = exports.ErrorBoundary = exports.InlineDefinition = exports.FadeInPlaceholder = exports.ContentWithFallback = exports.ThemeProvider = exports.Theme = 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; } });
@@ -50,6 +50,11 @@ const modal_1 = require("./components/modal");
 Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return modal_1.Modal; } });
 const modal_title_1 = require("./components/modal-title");
 Object.defineProperty(exports, "ModalTitle", { enumerable: true, get: function () { return modal_title_1.ModalTitle; } });
+const toolbar_1 = require("./components/toolbar");
+Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return toolbar_1.Toolbar; } });
+const error_warning_summary_1 = require("./components/error-warning-summary");
+Object.defineProperty(exports, "ErrorSummary", { enumerable: true, get: function () { return error_warning_summary_1.ErrorSummary; } });
+Object.defineProperty(exports, "WarningSummary", { enumerable: true, get: function () { return error_warning_summary_1.WarningSummary; } });
 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");
@@ -59,6 +64,8 @@ Object.defineProperty(exports, "ResizeHandle", { enumerable: true, get: function
 Object.defineProperty(exports, "ResizeDirection", { enumerable: true, get: function () { return resize_handle_1.ResizeDirection; } });
 const accordion_1 = __importDefault(require("./components/accordion"));
 exports.Accordion = accordion_1.default;
+const workspace_tabs_1 = require("./components/workspace-tabs/workspace-tabs");
+Object.defineProperty(exports, "WorkspaceTabs", { enumerable: true, get: function () { return workspace_tabs_1.WorkspaceTabs; } });
 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");

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,20 +1,21 @@
 {
   "name": "@mongodb-js/compass-components",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "React Components used in Compass",
   "license": "SSPL",
   "main": "lib/index.js",
+  "compass:main": "src/index.ts",
   "exports": {
     "types": "./lib/index.d.ts",
-    "webpack": "./src/index.ts",
     "require": "./lib/index.js",
     "import": "./lib/.esm-wrapper.mjs"
   },
+  "compass:exports": {
+    ".": "./src/index.ts"
+  },
   "types": "./lib/index.d.ts",
   "files": [
-    "lib",
-    "package.json",
-    "README.md"
+    "lib"
   ],
   "scripts": {
     "bootstrap": "npm run compile",
@@ -42,7 +43,7 @@
     "@leafygreen-ui/checkbox": "^6.0.6",
     "@leafygreen-ui/confirmation-modal": "^2.2.3",
     "@leafygreen-ui/emotion": "^4.0.0",
-    "@leafygreen-ui/icon": "^11.6.1",
+    "@leafygreen-ui/icon": "^11.7.0",
     "@leafygreen-ui/icon-button": "^9.1.7",
     "@leafygreen-ui/leafygreen-provider": "^2.1.3",
     "@leafygreen-ui/logo": "^6.1.0",
@@ -64,21 +65,22 @@
     "@leafygreen-ui/tokens": "^0.5.3",
     "@leafygreen-ui/tooltip": "^6.3.1",
     "@leafygreen-ui/typography": "^8.1.0",
-    "@mongodb-js/compass-logging": "^0.10.0",
+    "@mongodb-js/compass-logging": "^0.11.0",
     "@react-aria/interactions": "^3.6.0",
     "@react-aria/tooltip": "^3.1.3",
     "@react-aria/utils": "^3.9.0",
     "@react-stately/tooltip": "^3.0.5",
     "bson": "^4.6.1",
-    "hadron-document": "^7.9.0",
-    "hadron-type-checker": "^6.8.0",
+    "hadron-document": "^7.10.0",
+    "hadron-type-checker": "^6.9.0",
+    "react-sortable-hoc": "^2.0.0",
     "react-window": "^1.8.6"
   },
   "peerDependencies": {
     "react": "^16.14.0"
   },
   "devDependencies": {
-    "@mongodb-js/eslint-config-compass": "^0.7.0",
+    "@mongodb-js/eslint-config-compass": "^0.8.0",
     "@mongodb-js/mocha-config-compass": "^0.10.0",
     "@mongodb-js/prettier-config-compass": "^0.5.0",
     "@mongodb-js/tsconfig-compass": "^0.6.0",
@@ -109,5 +111,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a1283df32eb52881cc00eb73f8d435f772cdbfde"
+  "gitHead": "2c4149184e87b8340851590663287b914d7ee63e"
 }