@mongodb-js/compass-components 1.40.0 → 1.41.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/compass-components-provider.d.ts +5 -1
- package/lib/components/compass-components-provider.d.ts.map +1 -1
- package/lib/components/compass-components-provider.js +2 -2
- package/lib/components/compass-components-provider.js.map +1 -1
- package/lib/components/context-menu.d.ts +2 -1
- package/lib/components/context-menu.d.ts.map +1 -1
- package/lib/components/context-menu.js +31 -17
- package/lib/components/context-menu.js.map +1 -1
- package/lib/components/workspace-tabs/tab.d.ts +3 -1
- package/lib/components/workspace-tabs/tab.d.ts.map +1 -1
- package/lib/components/workspace-tabs/tab.js +8 -2
- package/lib/components/workspace-tabs/tab.js.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.d.ts +3 -1
- package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.js +13 -5
- package/lib/components/workspace-tabs/workspace-tabs.js.map +1 -1
- package/package.json +3 -3
|
@@ -22,6 +22,10 @@ type CompassComponentsProviderProps = {
|
|
|
22
22
|
* zIndex for the stacked elements (modal, toast, popover)
|
|
23
23
|
*/
|
|
24
24
|
stackedElementsZIndex?: number;
|
|
25
|
+
/**
|
|
26
|
+
* Set to disable context menus in the application.
|
|
27
|
+
*/
|
|
28
|
+
disableContextMenus?: boolean;
|
|
25
29
|
} & {
|
|
26
30
|
onNextGuideGue?: GuideCueProviderProps['onNext'];
|
|
27
31
|
onNextGuideCueGroup?: GuideCueProviderProps['onNextGroup'];
|
|
@@ -41,6 +45,6 @@ type CompassComponentsProviderProps = {
|
|
|
41
45
|
* whether or not it can be used completely interchangeably between electron and
|
|
42
46
|
* browser environment.
|
|
43
47
|
*/
|
|
44
|
-
export declare const CompassComponentsProvider: ({ darkMode: _darkMode, children, onNextGuideGue, onNextGuideCueGroup, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, ...signalHooksProviderProps }: CompassComponentsProviderProps) => React.JSX.Element;
|
|
48
|
+
export declare const CompassComponentsProvider: ({ darkMode: _darkMode, children, onNextGuideGue, onNextGuideCueGroup, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, disableContextMenus, ...signalHooksProviderProps }: CompassComponentsProviderProps) => React.JSX.Element;
|
|
45
49
|
export {};
|
|
46
50
|
//# sourceMappingURL=compass-components-provider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compass-components-provider.d.ts","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,KAAK,8BAA8B,GAAG;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,WAAW,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EACA,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,OAAO,CAAC;QAClB,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC3C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC5C,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"compass-components-provider.d.ts","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,KAAK,8BAA8B,GAAG;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,WAAW,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EACA,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,OAAO,CAAC;QAClB,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC3C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC5C,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,GAAG;IACF,cAAc,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACjD,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;CAC5D,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAuCrD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,yBAAyB,2NAWnC,8BAA8B,sBAqDhC,CAAC"}
|
|
@@ -78,7 +78,7 @@ function useDarkMode(_darkMode) {
|
|
|
78
78
|
* whether or not it can be used completely interchangeably between electron and
|
|
79
79
|
* browser environment.
|
|
80
80
|
*/
|
|
81
|
-
const CompassComponentsProvider = ({ darkMode: _darkMode, children, onNextGuideGue, onNextGuideCueGroup, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, ...signalHooksProviderProps }) => {
|
|
81
|
+
const CompassComponentsProvider = ({ darkMode: _darkMode, children, onNextGuideGue, onNextGuideCueGroup, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, disableContextMenus, ...signalHooksProviderProps }) => {
|
|
82
82
|
const darkMode = useDarkMode(_darkMode);
|
|
83
83
|
// Leafygreen doesn't accept refs for dom elements so we are required to
|
|
84
84
|
// trigger a state update when the popover ref is resolved. This is very
|
|
@@ -96,7 +96,7 @@ const CompassComponentsProvider = ({ darkMode: _darkMode, children, onNextGuideG
|
|
|
96
96
|
react_1.default.createElement(guide_cue_1.GuideCueProvider, { onNext: onNextGuideGue, onNextGroup: onNextGuideCueGroup },
|
|
97
97
|
react_1.default.createElement(signal_popover_1.SignalHooksProvider, { ...signalHooksProviderProps },
|
|
98
98
|
react_1.default.createElement(use_confirmation_1.ConfirmationModalArea, null,
|
|
99
|
-
react_1.default.createElement(context_menu_1.ContextMenuProvider,
|
|
99
|
+
react_1.default.createElement(context_menu_1.ContextMenuProvider, { disabled: disableContextMenus },
|
|
100
100
|
react_1.default.createElement(use_toast_1.ToastArea, null, typeof children === 'function'
|
|
101
101
|
? children({
|
|
102
102
|
darkMode,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compass-components-provider.js","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,6FAAoE;AACpE,gEAAkE;AAClE,kDAA+C;AAC/C,qDAAyD;AACzD,qDAAuD;AACvD,uCAA+D;AAC/D,0EAA0E;AAC1E,iDAAqD;
|
|
1
|
+
{"version":3,"file":"compass-components-provider.js","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,6FAAoE;AACpE,gEAAkE;AAClE,kDAA+C;AAC/C,qDAAyD;AACzD,qDAAuD;AACvD,uCAA+D;AAC/D,0EAA0E;AAC1E,iDAAqD;AAyCrD,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE;IAC/B,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU;QACvD,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC;QACnD,CAAC,CAAC,qEAAqE;YACrE,mEAAmE;YACnE,yBAAyB;YACzB;gBACE,OAAO,EAAE,KAAK;gBACd,gBAAgB;oBACd,OAAO;gBACT,CAAC;gBACD,mBAAmB;oBACjB,OAAO;gBACT,CAAC;aACF,CAAC;AACR,CAAC,CAAC,EAAE,CAAC;AAEL,SAAS,WAAW,CAAC,SAAmB;IACtC,MAAM,oBAAoB,GAAG,OAAO,SAAS,KAAK,WAAW,CAAC;IAC9D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EACtC,SAAS,IAAI,kBAAkB,CAAC,OAAO,CACxC,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,0BAA0B,GAAG,GAAG,EAAE;YACtC,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC,CAAC;QACF,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,0BAA0B,CAAC,CAAC;QAC1E,OAAO,GAAG,EAAE;YACV,kBAAkB,CAAC,mBAAmB,CACpC,QAAQ,EACR,0BAA0B,CAC3B,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AACrD,CAAC;AAED;;;;;;;;;;;GAWG;AACI,MAAM,yBAAyB,GAAG,CAAC,EACxC,QAAQ,EAAE,SAAS,EACnB,QAAQ,EACR,cAAc,EACd,mBAAmB,EACnB,SAAS,EACT,SAAS,EACT,qBAAqB,EACrB,sBAAsB,EAAE,uBAAuB,EAC/C,mBAAmB,EACnB,GAAG,wBAAwB,EACI,EAAE,EAAE;IACnC,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IAExC,wEAAwE;IACxE,wEAAwE;IACxE,4EAA4E;IAC5E,4EAA4E;IAC5E,2DAA2D;IAC3D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EACpD,uBAAuB,IAAI,IAAI,CAChC,CAAC;IACF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EACpD,IAAI,CACL,CAAC;IAEF,MAAM,sBAAsB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1C,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;IAC9C,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,8BAAC,6BAAkB,IACjB,QAAQ,EAAE,QAAQ,EAClB,sBAAsB,EAAE,sBAAsB;QAE9C,8BAAC,gDAAwB,IAAC,MAAM,EAAE,qBAAqB;YACrD,8BAAC,sCAA+B,IAC9B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS;gBAEpB,8BAAC,4BAAgB,IACf,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,mBAAmB;oBAEhC,8BAAC,oCAAmB,OAAK,wBAAwB;wBAC/C,8BAAC,wCAAqB;4BACpB,8BAAC,kCAAmB,IAAC,QAAQ,EAAE,mBAAmB;gCAChD,8BAAC,qBAAS,QACP,OAAO,QAAQ,KAAK,UAAU;oCAC7B,CAAC,CAAC,QAAQ,CAAC;wCACP,QAAQ;wCACR,kBAAkB,EAAE,kBAAkB;wCACtC,kBAAkB,EAAE,kBAAkB;qCACvC,CAAC;oCACJ,CAAC,CAAC,QAAQ,CACF,CACQ,CACA,CACJ,CACL,CACa,CACT,CACR,CACtB,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,yBAAyB,6BAgEpC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type ContextMenuItem, type ContextMenuItemGroup, type ContextMenuWrapperProps } from '@mongodb-js/compass-context-menu';
|
|
3
3
|
export type { ContextMenuItem } from '@mongodb-js/compass-context-menu';
|
|
4
|
-
export declare function ContextMenuProvider({ children, }: {
|
|
4
|
+
export declare function ContextMenuProvider({ children, disabled, }: {
|
|
5
5
|
children: React.ReactNode;
|
|
6
|
+
disabled?: boolean;
|
|
6
7
|
}): React.JSX.Element;
|
|
7
8
|
export declare function ContextMenu({ menu }: ContextMenuWrapperProps): React.JSX.Element;
|
|
8
9
|
export declare function useContextMenuItems(getItems: () => ContextMenuItem[], dependencies: React.DependencyList | undefined): React.RefCallback<HTMLElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAK/C,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC7B,MAAM,kCAAkC,CAAC;AAE1C,YAAY,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAexE,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,qBAMA;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,uBAAuB,qBAwE5D;AAED,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,eAAe,EAAE,EACjC,YAAY,EAAE,KAAK,CAAC,cAAc,GAAG,SAAS,GAC7C,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAKhC;AAED,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,oBAAoB,EAAE,EACvC,YAAY,EAAE,KAAK,CAAC,cAAc,GAAG,SAAS,GAC7C,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAKhC"}
|
|
@@ -26,31 +26,45 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
exports.useContextMenuGroups = exports.useContextMenuItems = exports.ContextMenu = exports.ContextMenuProvider = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
28
|
const leafygreen_1 = require("./leafygreen");
|
|
29
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
30
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
29
31
|
const compass_context_menu_1 = require("@mongodb-js/compass-context-menu");
|
|
30
|
-
|
|
31
|
-
|
|
32
|
+
// TODO: Remove these once https://jira.mongodb.org/browse/LG-5013 is resolved
|
|
33
|
+
const menuStyles = (0, emotion_1.css)({
|
|
34
|
+
paddingTop: tokens_1.spacing[150],
|
|
35
|
+
paddingBottom: tokens_1.spacing[150],
|
|
36
|
+
});
|
|
37
|
+
const itemStyles = (0, emotion_1.css)({
|
|
38
|
+
paddingTop: 0,
|
|
39
|
+
paddingBottom: 0,
|
|
40
|
+
fontSize: '.8em',
|
|
41
|
+
});
|
|
42
|
+
function ContextMenuProvider({ children, disabled, }) {
|
|
43
|
+
return (react_1.default.createElement(compass_context_menu_1.ContextMenuProvider, { disabled: disabled, menuWrapper: ContextMenu }, children));
|
|
32
44
|
}
|
|
33
45
|
exports.ContextMenuProvider = ContextMenuProvider;
|
|
34
46
|
function ContextMenu({ menu }) {
|
|
35
47
|
const menuRef = (0, react_1.useRef)(null);
|
|
48
|
+
const anchorRef = (0, react_1.useRef)(null);
|
|
36
49
|
const { position, itemGroups } = menu;
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return (react_1.default.createElement("div", { "data-testid": "context-menu",
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
50
|
+
// TODO: Remove when https://jira.mongodb.org/browse/LG-5342 is resolved
|
|
51
|
+
if (anchorRef.current) {
|
|
52
|
+
anchorRef.current.style.left = `${position.x}px`;
|
|
53
|
+
anchorRef.current.style.top = `${position.y}px`;
|
|
54
|
+
}
|
|
55
|
+
return (react_1.default.createElement("div", { "data-testid": "context-menu-container" },
|
|
56
|
+
react_1.default.createElement("div", { "data-testid": "context-menu-anchor", ref: anchorRef, style: {
|
|
57
|
+
position: 'absolute',
|
|
58
|
+
left: position.x,
|
|
59
|
+
top: position.y,
|
|
60
|
+
// This is to ensure the menu gets positioned correctly as the left and top updates
|
|
61
|
+
width: 1,
|
|
62
|
+
height: 1,
|
|
63
|
+
} }),
|
|
64
|
+
react_1.default.createElement(leafygreen_1.Menu, { "data-testid": "context-menu", refEl: anchorRef, ref: menuRef, open: menu.isOpen, setOpen: menu.close, justify: "start", className: menuStyles, maxHeight: Number.MAX_SAFE_INTEGER }, itemGroups.map((items, groupIndex) => {
|
|
51
65
|
return (react_1.default.createElement("div", { key: `menu-group-${groupIndex}`, "data-testid": `menu-group-${groupIndex}` },
|
|
52
66
|
items.map((item, itemIndex) => {
|
|
53
|
-
return (react_1.default.createElement(leafygreen_1.MenuItem, { key: `menu-group-${groupIndex}-item-${itemIndex}`, "data-text": item.label, "data-testid": `menu-group-${groupIndex}-item-${itemIndex}`, onClick: (evt) => {
|
|
67
|
+
return (react_1.default.createElement(leafygreen_1.MenuItem, { key: `menu-group-${groupIndex}-item-${itemIndex}`, "data-text": item.label, "data-testid": `menu-group-${groupIndex}-item-${itemIndex}`, className: itemStyles, onClick: (evt) => {
|
|
54
68
|
item.onAction?.(evt);
|
|
55
69
|
menu.close();
|
|
56
70
|
} }, item.label));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,10 +12,12 @@ export type WorkspaceTabCoreProps = {
|
|
|
12
12
|
isSelected: boolean;
|
|
13
13
|
isDragging: boolean;
|
|
14
14
|
onSelect: () => void;
|
|
15
|
+
onDuplicate: () => void;
|
|
15
16
|
onClose: () => void;
|
|
17
|
+
onCloseAllOthers: () => void;
|
|
16
18
|
tabContentId: string;
|
|
17
19
|
};
|
|
18
20
|
type TabProps = WorkspaceTabCoreProps & WorkspaceTabPluginProps;
|
|
19
|
-
declare function Tab({ connectionName, type, title, tooltip, isNonExistent, isSelected, isDragging, onSelect, onClose, tabContentId, iconGlyph, className: tabClassName, ...props }: TabProps & Omit<React.HTMLProps<HTMLDivElement>, 'title'>): React.JSX.Element;
|
|
21
|
+
declare function Tab({ connectionName, type, title, tooltip, isNonExistent, isSelected, isDragging, onSelect, onDuplicate, onClose, onCloseAllOthers, tabContentId, iconGlyph, className: tabClassName, ...props }: TabProps & Omit<React.HTMLProps<HTMLDivElement>, 'title'>): React.JSX.Element;
|
|
20
22
|
export { Tab };
|
|
21
23
|
//# sourceMappingURL=tab.d.ts.map
|
|
@@ -1 +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,SAAS,EAAE,MAAM,qBAAqB,CAAC;
|
|
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,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAkLrD,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,QAAQ,GAAG,qBAAqB,GAAG,uBAAuB,CAAC;AAEhE,iBAAS,GAAG,CAAC,EACX,cAAc,EACd,IAAI,EACJ,KAAK,EACL,OAAO,EACP,aAAa,EACb,UAAU,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,SAAS,EAAE,YAAY,EACvB,GAAG,KAAK,EACT,EAAE,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,qBA6I3D;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}
|
|
@@ -39,6 +39,7 @@ const logo_icon_1 = require("../icons/logo-icon");
|
|
|
39
39
|
const leafygreen_2 = require("../leafygreen");
|
|
40
40
|
const server_icon_1 = require("../icons/server-icon");
|
|
41
41
|
const use_tab_theme_1 = require("./use-tab-theme");
|
|
42
|
+
const context_menu_1 = require("../context-menu");
|
|
42
43
|
function focusedChild(className) {
|
|
43
44
|
return `&:hover ${className}, &:focus-visible ${className}, &:focus-within:not(:focus) ${className}`;
|
|
44
45
|
}
|
|
@@ -176,7 +177,7 @@ const workspaceTabTooltipStyles = (0, emotion_1.css)({
|
|
|
176
177
|
overflowWrap: 'anywhere',
|
|
177
178
|
textWrap: 'wrap',
|
|
178
179
|
});
|
|
179
|
-
function Tab({ connectionName, type, title, tooltip, isNonExistent, isSelected, isDragging, onSelect, onClose, tabContentId, iconGlyph, className: tabClassName, ...props }) {
|
|
180
|
+
function Tab({ connectionName, type, title, tooltip, isNonExistent, isSelected, isDragging, onSelect, onDuplicate, onClose, onCloseAllOthers, tabContentId, iconGlyph, className: tabClassName, ...props }) {
|
|
180
181
|
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
181
182
|
const defaultActionProps = (0, use_default_action_1.useDefaultAction)(onSelect);
|
|
182
183
|
const { listeners, setNodeRef, transform, transition } = (0, sortable_1.useSortable)({
|
|
@@ -190,6 +191,11 @@ function Tab({ connectionName, type, title, tooltip, isNonExistent, isSelected,
|
|
|
190
191
|
}
|
|
191
192
|
return (0, emotion_1.css)(tabTheme);
|
|
192
193
|
}, [tabTheme, darkMode]);
|
|
194
|
+
const contextMenuRef = (0, context_menu_1.useContextMenuItems)(() => [
|
|
195
|
+
{ label: 'Close all other tabs', onAction: onCloseAllOthers },
|
|
196
|
+
{ label: 'Duplicate', onAction: onDuplicate },
|
|
197
|
+
], [onCloseAllOthers, onDuplicate]);
|
|
198
|
+
const mergedRef = (0, leafygreen_1.useMergeRefs)([setNodeRef, contextMenuRef]);
|
|
193
199
|
const style = {
|
|
194
200
|
transform: utilities_1.CSS.Transform.toString(transform),
|
|
195
201
|
transition,
|
|
@@ -199,7 +205,7 @@ function Tab({ connectionName, type, title, tooltip, isNonExistent, isSelected,
|
|
|
199
205
|
return (react_1.default.createElement(leafygreen_2.Tooltip, { enabled: !!tooltip,
|
|
200
206
|
// To make sure that tooltips are always on the bottom of the tab in
|
|
201
207
|
// compass-web and are not hidden by the mms top navigation bar
|
|
202
|
-
align: "bottom", justify: "start", trigger: react_1.default.createElement("div", { ref:
|
|
208
|
+
align: "bottom", justify: "start", trigger: react_1.default.createElement("div", { ref: mergedRef, style: style, className: (0, emotion_1.cx)(tabStyles, themeClass, isNonExistent && nonExistentStyles, isSelected && selectedTabStyles, isSelected && tabTheme && selectedThemedTabStyles, isDragging && draggingTabStyles, tabClassName), "aria-selected": isSelected, role: "tab",
|
|
203
209
|
// Catch navigation on the active tab when a user tabs through Compass.
|
|
204
210
|
tabIndex: isSelected ? 0 : -1, "aria-controls": tabContentId, "data-testid": "workspace-tab-button", "data-connection-name": connectionName, "data-type": type, id: tabId, ...tabProps },
|
|
205
211
|
iconGlyph === 'Logo' && (react_1.default.createElement(logo_icon_1.LogoIcon, { height: 16, color: isSelected
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,oDAAiD;AACjD,oDAAiD;AACjD,kDAAgD;AAEhD,gDAAgD;AAChD,kDAAsD;AACtD,6CAA0C;AAC1C,qDAAoD;AACpD,
|
|
1
|
+
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,9 @@ type WorkspaceTabsProps = {
|
|
|
13
13
|
onSelectTab: (tabIndex: number) => void;
|
|
14
14
|
onSelectNextTab: () => void;
|
|
15
15
|
onSelectPrevTab: () => void;
|
|
16
|
+
onDuplicateTab: (tabIndex: number) => void;
|
|
16
17
|
onCloseTab: (tabIndex: number) => void;
|
|
18
|
+
onCloseAllOtherTabs: (tabIndex: number) => void;
|
|
17
19
|
onMoveTab: (oldTabIndex: number, newTabIndex: number) => void;
|
|
18
20
|
tabs: TabItem[];
|
|
19
21
|
selectedTabIndex: number;
|
|
@@ -21,6 +23,6 @@ type WorkspaceTabsProps = {
|
|
|
21
23
|
export declare function useRovingTabIndex<T extends HTMLElement = HTMLElement>({ currentTabbable, }: {
|
|
22
24
|
currentTabbable: number;
|
|
23
25
|
}): React.HTMLProps<T>;
|
|
24
|
-
declare function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, onSelectNextTab, onSelectPrevTab, tabs, selectedTabIndex, }: WorkspaceTabsProps): React.JSX.Element;
|
|
26
|
+
declare function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onDuplicateTab, onCloseTab, onCloseAllOtherTabs, onMoveTab, onSelectTab, onSelectNextTab, onSelectPrevTab, tabs, selectedTabIndex, }: WorkspaceTabsProps): React.JSX.Element;
|
|
25
27
|
export { WorkspaceTabs };
|
|
26
28
|
//# sourceMappingURL=workspace-tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workspace-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAuBf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,wBAAwB,QAAgC,CAAC;AACtE,eAAO,MAAM,uBAAuB,QAAgC,CAAC;AA2GrE,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;CACrE,CAAC;
|
|
1
|
+
{"version":3,"file":"workspace-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAuBf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,wBAAwB,QAAgC,CAAC;AACtE,eAAO,MAAM,uBAAuB,QAAgC,CAAC;AA2GrE,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;CACrE,CAAC;AAuBF,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,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;AA0HD,iBAAS,aAAa,CAAC,EACrB,CAAC,YAAY,CAAC,EAAE,SAAS,EACzB,cAAc,EACd,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,SAAS,EACT,WAAW,EACX,eAAe,EACf,eAAe,EACf,IAAI,EACJ,gBAAgB,GACjB,EAAE,kBAAkB,qBA4GpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -135,7 +135,7 @@ function useRovingTabIndex({ currentTabbable, }) {
|
|
|
135
135
|
return { ref: rootNode, ...focusProps };
|
|
136
136
|
}
|
|
137
137
|
exports.useRovingTabIndex = useRovingTabIndex;
|
|
138
|
-
const SortableList = ({ tabs, onMove, onSelect, selectedTabIndex, onClose, }) => {
|
|
138
|
+
const SortableList = ({ tabs, onMove, onSelect, selectedTabIndex, onDuplicate, onClose, onCloseAllOthers, }) => {
|
|
139
139
|
const items = tabs.map((tab) => tab.id);
|
|
140
140
|
const [activeId, setActiveId] = (0, react_1.useState)(null);
|
|
141
141
|
const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.MouseSensor, {
|
|
@@ -167,15 +167,21 @@ const SortableList = ({ tabs, onMove, onSelect, selectedTabIndex, onClose, }) =>
|
|
|
167
167
|
}
|
|
168
168
|
}, onDragCancel: () => setActiveId(null) },
|
|
169
169
|
react_1.default.createElement(sortable_1.SortableContext, { items: items, strategy: sortable_1.horizontalListSortingStrategy },
|
|
170
|
-
react_1.default.createElement("div", { className: sortableItemContainerStyles }, tabs.map((tab, index) => (react_1.default.createElement(SortableItem, { key: tab.id, index: index, tab: tab, activeId: activeId, onSelect: onSelect, onClose: onClose, selectedTabIndex: selectedTabIndex })))))));
|
|
170
|
+
react_1.default.createElement("div", { className: sortableItemContainerStyles }, tabs.map((tab, index) => (react_1.default.createElement(SortableItem, { key: tab.id, index: index, tab: tab, activeId: activeId, onSelect: onSelect, onDuplicate: onDuplicate, onClose: onClose, onCloseAllOthers: onCloseAllOthers, selectedTabIndex: selectedTabIndex })))))));
|
|
171
171
|
};
|
|
172
|
-
const SortableItem = ({ tab: { id: tabId, renderTab }, index, selectedTabIndex, activeId, onSelect, onClose, }) => {
|
|
172
|
+
const SortableItem = ({ tab: { id: tabId, renderTab }, index, selectedTabIndex, activeId, onSelect, onDuplicate, onClose, onCloseAllOthers, }) => {
|
|
173
173
|
const onTabSelected = (0, react_1.useCallback)(() => {
|
|
174
174
|
onSelect(index);
|
|
175
175
|
}, [onSelect, index]);
|
|
176
|
+
const onTabDuplicated = (0, react_1.useCallback)(() => {
|
|
177
|
+
onDuplicate(index);
|
|
178
|
+
}, [onDuplicate, index]);
|
|
176
179
|
const onTabClosed = (0, react_1.useCallback)(() => {
|
|
177
180
|
onClose(index);
|
|
178
181
|
}, [onClose, index]);
|
|
182
|
+
const onAllOthersTabsClosed = (0, react_1.useCallback)(() => {
|
|
183
|
+
onCloseAllOthers(index);
|
|
184
|
+
}, [onCloseAllOthers, index]);
|
|
179
185
|
const isSelected = (0, react_1.useMemo)(() => selectedTabIndex === index, [selectedTabIndex, index]);
|
|
180
186
|
const isDragging = (0, react_1.useMemo)(() => tabId === activeId, [tabId, activeId]);
|
|
181
187
|
return renderTab({
|
|
@@ -183,10 +189,12 @@ const SortableItem = ({ tab: { id: tabId, renderTab }, index, selectedTabIndex,
|
|
|
183
189
|
isDragging,
|
|
184
190
|
tabContentId: tabId,
|
|
185
191
|
onSelect: onTabSelected,
|
|
192
|
+
onDuplicate: onTabDuplicated,
|
|
186
193
|
onClose: onTabClosed,
|
|
194
|
+
onCloseAllOthers: onAllOthersTabsClosed,
|
|
187
195
|
});
|
|
188
196
|
};
|
|
189
|
-
function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, onSelectNextTab, onSelectPrevTab, tabs, selectedTabIndex, }) {
|
|
197
|
+
function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onDuplicateTab, onCloseTab, onCloseAllOtherTabs, onMoveTab, onSelectTab, onSelectNextTab, onSelectPrevTab, tabs, selectedTabIndex, }) {
|
|
190
198
|
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
191
199
|
const rovingFocusProps = useRovingTabIndex({
|
|
192
200
|
currentTabbable: selectedTabIndex,
|
|
@@ -230,7 +238,7 @@ function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onCloseTab,
|
|
|
230
238
|
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabsContainerStyles, darkMode ? tabsContainerDarkStyles : tabsContainerLightStyles) },
|
|
231
239
|
react_1.default.createElement("div", { className: tabsListContainerStyles },
|
|
232
240
|
react_1.default.createElement("div", { className: tabsListStyles, role: "tablist", "aria-label": ariaLabel, "aria-orientation": "horizontal", ...tabContainerProps },
|
|
233
|
-
react_1.default.createElement(SortableList, { tabs: tabs, onMove: onMoveTab, onSelect: onSelectTab, onClose: onCloseTab, selectedTabIndex: selectedTabIndex })),
|
|
241
|
+
react_1.default.createElement(SortableList, { tabs: tabs, onMove: onMoveTab, onSelect: onSelectTab, onDuplicate: onDuplicateTab, onClose: onCloseTab, onCloseAllOthers: onCloseAllOtherTabs, selectedTabIndex: selectedTabIndex })),
|
|
234
242
|
react_1.default.createElement("div", { className: newTabContainerStyles },
|
|
235
243
|
react_1.default.createElement(leafygreen_1.IconButton, { className: createNewTabButtonStyles, "aria-label": "Create new tab", onClick: onCreateNewTab },
|
|
236
244
|
react_1.default.createElement(leafygreen_1.Icon, { role: "presentation", glyph: "Plus" }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workspace-tabs.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"workspace-tabs.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mongodb-js/compass-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.41.0",
|
|
4
4
|
"description": "React Components used in Compass",
|
|
5
5
|
"license": "SSPL",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"@leafygreen-ui/tokens": "^2.11.3",
|
|
76
76
|
"@leafygreen-ui/tooltip": "^13.0.13",
|
|
77
77
|
"@leafygreen-ui/typography": "^20.0.2",
|
|
78
|
-
"@mongodb-js/compass-context-menu": "^0.1.
|
|
78
|
+
"@mongodb-js/compass-context-menu": "^0.1.1",
|
|
79
79
|
"@react-aria/interactions": "^3.9.1",
|
|
80
80
|
"@react-aria/utils": "^3.13.1",
|
|
81
81
|
"@react-aria/visually-hidden": "^3.3.1",
|
|
@@ -119,5 +119,5 @@
|
|
|
119
119
|
"publishConfig": {
|
|
120
120
|
"access": "public"
|
|
121
121
|
},
|
|
122
|
-
"gitHead": "
|
|
122
|
+
"gitHead": "b7caa2e7e2c72d359fb70cb50045f64dc3a73ff7"
|
|
123
123
|
}
|