@mongodb-js/compass-components 1.3.0 → 1.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAkFtC,aAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAiDF,QAAA,MAAM,kBAAkB,gFAAwC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAiGtC,aAAK,uBAAuB,GAAG;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,iBAAiB,CACxB,uBAAuB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAC1D,eA0CA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/components/workspace-container.js

@@ -27,10 +27,10 @@ exports.WorkspaceContainer = void 0;
 const react_1 = __importStar(require("react"));
 const emotion_1 = require("@leafygreen-ui/emotion");
 const palette_1 = require("@leafygreen-ui/palette");
-const use_theme_1 = require("../hooks/use-theme");
 const tokens_1 = require("@leafygreen-ui/tokens");
 const polished_1 = require("polished");
 const react_intersection_observer_1 = require("react-intersection-observer");
+const use_theme_1 = require("../hooks/use-theme");
 const workspaceContainerStyles = (0, emotion_1.css)({
     height: '100%',
     width: '100%',
@@ -49,6 +49,14 @@ const scrollBoxStyles = (0, emotion_1.css)({
     zIndex: 0,
 });
 const shadowHeight = tokens_1.spacing[4];
+const fadeIn = (0, emotion_1.keyframes)({
+    from: {
+        opacity: 0,
+    },
+    to: {
+        opacity: 1,
+    },
+});
 const shadowContainerStyles = (0, emotion_1.css)({
     overflow: 'hidden',
     position: 'absolute',
@@ -59,6 +67,7 @@ const shadowContainerStyles = (0, emotion_1.css)({
     flex: 'none',
     zIndex: 1,
     pointerEvents: 'none',
+    animation: `${fadeIn} .1s linear`,
 });
 const boxShadow = (color) => `0px 2px ${shadowHeight}px -1px ${color}`;
 const shadowStyles = (0, emotion_1.css)({
@@ -90,10 +99,12 @@ const darkThemeStyles = (0, emotion_1.css)({
     backgroundColor: palette_1.palette.gray.dark3,
     color: palette_1.palette.white,
 });
-function UnthemedWorkspaceContainer({ className, darkMode, children, toolbar, 'data-testid': dataTestId, ...props }) {
+function WorkspaceContainer({ className, children, toolbar, 'data-testid': dataTestId, ...props }) {
+    const darkMode = (0, use_theme_1.useDarkMode)();
     const scrollContainer = (0, react_1.useRef)(null);
     const [scrollDetectionTrigger, triggerStillInView] = (0, react_intersection_observer_1.useInView)({
         root: scrollContainer.current,
+        initialInView: true,
     });
     return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(workspaceContainerStyles, darkMode ? darkThemeStyles : lightThemeStyles, className), "data-testid": dataTestId, ...props },
         toolbar && react_1.default.createElement("div", { className: toolbarStyles }, toolbar),
@@ -104,6 +115,5 @@ function UnthemedWorkspaceContainer({ className, darkMode, children, toolbar, 'd
                 react_1.default.createElement("div", { ref: scrollDetectionTrigger }),
                 children))));
 }
-const WorkspaceContainer = (0, use_theme_1.withTheme)(UnthemedWorkspaceContainer);
 exports.WorkspaceContainer = WorkspaceContainer;
 //# sourceMappingURL=workspace-container.js.map

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

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

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

@@ -1,16 +1,16 @@
-import React from 'react';
+/// <reference types="react" />
 import type { glyphs } from '@leafygreen-ui/icon';
 declare type IconGlyph = Extract<keyof typeof glyphs, string>;
 declare type TabProps = {
     title: string;
-    darkMode?: boolean;
     isSelected: boolean;
+    isDragging: boolean;
     onSelect: () => void;
     onClose: () => void;
     iconGlyph: IconGlyph;
     tabContentId: string;
     subtitle: string;
 };
-declare const Tab: React.ComponentType<TabProps>;
+declare function Tab({ title, isSelected, isDragging, onSelect, onClose, tabContentId, iconGlyph, subtitle, }: TabProps): JSX.Element;
 export { Tab };
 //# sourceMappingURL=tab.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AA2LlD,aAAK,SAAS,GAAG,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;AAEtD,aAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAoHF,QAAA,MAAM,GAAG,+BAAyB,CAAC;AAEnC,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAkMlD,aAAK,SAAS,GAAG,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;AAEtD,aAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,iBAAS,GAAG,CAAC,EACX,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE,QAAQ,eAsHV;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}

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

@@ -28,6 +28,8 @@ 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 sortable_1 = require("@dnd-kit/sortable");
+const utilities_1 = require("@dnd-kit/utilities");
 const use_theme_1 = require("../../hooks/use-theme");
 const use_focus_hover_1 = require("../../hooks/use-focus-hover");
 const leafygreen_1 = require("../leafygreen");
@@ -77,6 +79,9 @@ const selectedTabStyles = (0, emotion_1.css)({
         cursor: 'default',
     },
 });
+const draggingTabStyles = (0, emotion_1.css)({
+    cursor: 'grabbing !important',
+});
 const focusedTabStyles = (0, emotion_1.css)({
     zIndex: 3,
     borderColor: palette_1.palette.blue.light1,
@@ -182,17 +187,27 @@ const tabSubtitleSelectedLightThemeStyles = (0, emotion_1.css)({
 const tabSubtitleSelectedDarkThemeStyles = (0, emotion_1.css)({
     color: palette_1.palette.gray.light2,
 });
-function UnthemedTab({ darkMode, title, isSelected, onSelect, onClose, tabContentId, iconGlyph, subtitle, }) {
+function Tab({ title, isSelected, isDragging, onSelect, onClose, tabContentId, iconGlyph, subtitle, }) {
+    const darkMode = (0, use_theme_1.useDarkMode)();
     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, {
+    const { listeners, setNodeRef, transform, transition } = (0, sortable_1.useSortable)({
+        id: tabContentId,
+    });
+    const style = {
+        transform: utilities_1.CSS.Transform.toString(transform),
+        transition,
+        cursor: 'grabbing !important',
+    };
+    return (react_1.default.createElement("div", { ref: setNodeRef, style: style, 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-testid": "workspace-tab-button", title: `${subtitle} - ${title}`, ...tabProps },
+            [draggingTabStyles]: isDragging,
+        }), "aria-selected": isSelected, role: "tab", tabIndex: isSelected ? 0 : -1, "aria-controls": tabContentId, "data-testid": "workspace-tab-button", title: `${subtitle} - ${title}`, ...listeners, ...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
@@ -221,6 +236,5 @@ function UnthemedTab({ darkMode, title, isSelected, onSelect, onClose, tabConten
                 [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

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

@@ -4,7 +4,6 @@ export declare const scrollbarThumbLightTheme: string;
 export declare const scrollbarThumbDarkTheme: string;
 declare type WorkspaceTabsProps = {
     'aria-label': string;
-    darkMode?: boolean;
     onCreateNewTab: () => void;
     onSelectTab: (tabIndex: number) => void;
     onCloseTab: (tabIndex: number) => void;
@@ -21,6 +20,6 @@ export declare type TabProps = {
 export declare function useRovingTabIndex<T extends HTMLElement = HTMLElement>({ currentTabbable, }: {
     currentTabbable: number;
 }): React.HTMLProps<T>;
-declare const WorkspaceTabs: React.ComponentType<WorkspaceTabsProps>;
+declare function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, tabs, selectedTabIndex, }: WorkspaceTabsProps): JSX.Element;
 export { WorkspaceTabs };
 //# sourceMappingURL=workspace-tabs.d.ts.map

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

@@ -1 +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;AASlD,eAAO,MAAM,wBAAwB,QAAgC,CAAC;AACtE,eAAO,MAAM,uBAAuB,QAAgC,CAAC;AA+LrE,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"}
+{"version":3,"file":"workspace-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAsBlD,eAAO,MAAM,wBAAwB,QAAgC,CAAC;AACtE,eAAO,MAAM,uBAAuB,QAAgC,CAAC;AAiIrE,aAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,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;AAkHD,iBAAS,aAAa,CAAC,EACrB,CAAC,YAAY,CAAC,EAAE,SAAS,EACzB,cAAc,EACd,UAAU,EACV,SAAS,EACT,WAAW,EACX,IAAI,EACJ,gBAAgB,GACjB,EAAE,kBAAkB,eAmDpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -28,8 +28,9 @@ 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 polished_1 = require("polished");
+const core_1 = require("@dnd-kit/core");
+const sortable_1 = require("@dnd-kit/sortable");
 const use_theme_1 = require("../../hooks/use-theme");
 const use_focus_hover_1 = require("../../hooks/use-focus-hover");
 const leafygreen_1 = require("../leafygreen");
@@ -87,11 +88,6 @@ const createNewTabButtonStyles = (0, emotion_1.css)({
 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;
@@ -122,17 +118,6 @@ function useTabListKeyboardNavigation({ tabsCount, onSelectTab, selectedTabIndex
     }, [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)();
@@ -154,7 +139,51 @@ function useRovingTabIndex({ currentTabbable, }) {
     return { ref: rootNode, ...focusProps };
 }
 exports.useRovingTabIndex = useRovingTabIndex;
-function UnthemedWorkspaceTabs({ ['aria-label']: ariaLabel, darkMode, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, tabs, selectedTabIndex, }) {
+const SortableList = ({ tabs, onMove, onSelect, selectedTabIndex, onClose, }) => {
+    const items = tabs.map((tab) => tab.tabContentId);
+    const [activeId, setActiveId] = (0, react_1.useState)(null);
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.MouseSensor, {
+        activationConstraint: {
+            distance: 10,
+        },
+    }), (0, core_1.useSensor)(core_1.TouchSensor, {
+        activationConstraint: {
+            delay: 250,
+            tolerance: 5,
+        },
+    }));
+    const onSortEnd = (0, react_1.useCallback)(({ oldIndex, newIndex }) => {
+        const from = tabs.findIndex((tab) => tab.tabContentId === oldIndex);
+        const to = tabs.findIndex((tab) => tab.tabContentId === newIndex);
+        onMove(from, to);
+    }, [onMove, tabs]);
+    return (react_1.default.createElement(core_1.DndContext, { sensors: sensors, autoScroll: false, onDragStart: ({ active }) => {
+            if (!active) {
+                return;
+            }
+            setActiveId(active.id);
+        }, onDragEnd: ({ active, over }) => {
+            setActiveId(null);
+            if (over && active.id !== over.id) {
+                onSortEnd({ oldIndex: active.id, newIndex: over.id });
+            }
+        }, onDragCancel: () => setActiveId(null) },
+        react_1.default.createElement(sortable_1.SortableContext, { items: items, strategy: sortable_1.horizontalListSortingStrategy },
+            react_1.default.createElement("div", { className: sortableItemContainerStyles }, tabs.map((tab, index) => (react_1.default.createElement(SortableItem, { key: `tab-${tab.tabContentId}-${tab.subtitle}`, index: index, tab: tab, activeId: activeId, onSelect: onSelect, onClose: onClose, selectedTabIndex: selectedTabIndex })))))));
+};
+const SortableItem = ({ tab: { tabContentId, iconGlyph, subtitle, title }, index, selectedTabIndex, activeId, onSelect, onClose, }) => {
+    const onTabSelected = (0, react_1.useCallback)(() => {
+        onSelect(index);
+    }, [onSelect, index]);
+    const onTabClosed = (0, react_1.useCallback)(() => {
+        onClose(index);
+    }, [onClose, index]);
+    const isSelected = (0, react_1.useMemo)(() => selectedTabIndex === index, [selectedTabIndex, index]);
+    const isDragging = (0, react_1.useMemo)(() => tabContentId === activeId, [tabContentId, activeId]);
+    return (react_1.default.createElement(tab_1.Tab, { title: title, isSelected: isSelected, isDragging: isDragging, iconGlyph: iconGlyph, tabContentId: tabContentId, subtitle: subtitle, onSelect: onTabSelected, onClose: onTabClosed }));
+};
+function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, tabs, selectedTabIndex, }) {
+    const darkMode = (0, use_theme_1.useDarkMode)();
     const rovingFocusProps = useRovingTabIndex({
         currentTabbable: selectedTabIndex,
     });
@@ -164,17 +193,13 @@ function UnthemedWorkspaceTabs({ ['aria-label']: ariaLabel, darkMode, onCreateNe
         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(SortableList, { tabs: tabs, onMove: onMoveTab, onSelect: onSelectTab, onClose: onCloseTab, selectedTabIndex: selectedTabIndex })),
             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

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

package/lib/hooks/use-effect-on-change.d.ts

@@ -0,0 +1,3 @@
+import type { RefObject } from 'react';
+export declare function useEffectOnChange<T>(fn: React.EffectCallback, val: T): RefObject<T>;
+//# sourceMappingURL=use-effect-on-change.d.ts.map

package/lib/hooks/use-effect-on-change.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-effect-on-change.d.ts","sourceRoot":"","sources":["../../src/hooks/use-effect-on-change.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,EAAE,EAAE,KAAK,CAAC,cAAc,EACxB,GAAG,EAAE,CAAC,GACL,SAAS,CAAC,CAAC,CAAC,CAkBd"}

package/lib/hooks/use-effect-on-change.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEffectOnChange = void 0;
+const react_1 = require("react");
+const kValueChanged = Symbol('Value changed');
+function useEffectOnChange(fn, val) {
+    const initial = (0, react_1.useRef)(val);
+    const effect = (0, react_1.useRef)(fn);
+    effect.current = fn;
+    (0, react_1.useEffect)(() => {
+        if (val !== initial.current) {
+            initial.current = kValueChanged;
+            return effect.current();
+        }
+    }, [val]);
+    return (0, react_1.useRef)(val);
+}
+exports.useEffectOnChange = useEffectOnChange;
+//# sourceMappingURL=use-effect-on-change.js.map

package/lib/hooks/use-effect-on-change.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-effect-on-change.js","sourceRoot":"","sources":["../../src/hooks/use-effect-on-change.ts"],"names":[],"mappings":";;;AACA,iCAA0C;AAE1C,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAQ9C,SAAgB,iBAAiB,CAC/B,EAAwB,EACxB,GAAM;IAIN,MAAM,OAAO,GAAG,IAAA,cAAM,EAAa,GAAG,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAC;IAC1B,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC;IACpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QAGb,IAAI,GAAG,KAAK,OAAO,CAAC,OAAO,EAAE;YAG3B,OAAO,CAAC,OAAO,GAAG,aAAa,CAAC;YAChC,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,IAAA,cAAM,EAAC,GAAG,CAAC,CAAC;AACrB,CAAC;AArBD,8CAqBC"}

package/lib/hooks/use-formatted-date.d.ts

@@ -0,0 +1,2 @@
+export declare function useFormattedDate(timestamp: number): string;
+//# sourceMappingURL=use-formatted-date.d.ts.map

package/lib/hooks/use-formatted-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-formatted-date.d.ts","sourceRoot":"","sources":["../../src/hooks/use-formatted-date.tsx"],"names":[],"mappings":"AAIA,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,UAgBjD"}

package/lib/hooks/use-formatted-date.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormattedDate = void 0;
+const format_date_1 = require("../utils/format-date");
+const react_1 = require("react");
+function useFormattedDate(timestamp) {
+    const [formattedDate, setFormattedDate] = (0, react_1.useState)(() => (0, format_date_1.formatDate)(timestamp));
+    (0, react_1.useEffect)(() => {
+        setFormattedDate((0, format_date_1.formatDate)(timestamp));
+        const interval = setInterval(() => {
+            setFormattedDate((0, format_date_1.formatDate)(timestamp));
+        }, 1000 * 60);
+        return () => {
+            clearInterval(interval);
+        };
+    }, [timestamp]);
+    return formattedDate;
+}
+exports.useFormattedDate = useFormattedDate;
+//# sourceMappingURL=use-formatted-date.js.map

package/lib/hooks/use-formatted-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-formatted-date.js","sourceRoot":"","sources":["../../src/hooks/use-formatted-date.tsx"],"names":[],"mappings":";;;AAAA,sDAAkD;AAElD,iCAA4C;AAE5C,SAAgB,gBAAgB,CAAC,SAAiB;IAChD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CACtD,IAAA,wBAAU,EAAC,SAAS,CAAC,CACtB,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,IAAA,wBAAU,EAAC,SAAS,CAAC,CAAC,CAAC;QACxC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,gBAAgB,CAAC,IAAA,wBAAU,EAAC,SAAS,CAAC,CAAC,CAAC;QAC1C,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;QACd,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,aAAa,CAAC;AACvB,CAAC;AAhBD,4CAgBC"}

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