@deephaven/components 0.22.3-beta.18 → 0.22.3-beta.21
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/dist/AutoCompleteInput.js +12 -85
- package/dist/AutoCompleteInput.js.map +1 -1
- package/dist/AutoResizeTextarea.d.ts +5 -5
- package/dist/AutoResizeTextarea.d.ts.map +1 -1
- package/dist/AutoResizeTextarea.js +8 -23
- package/dist/AutoResizeTextarea.js.map +1 -1
- package/dist/BasicModal.d.ts +28 -1
- package/dist/BasicModal.d.ts.map +1 -1
- package/dist/BasicModal.js +2 -8
- package/dist/BasicModal.js.map +1 -1
- package/dist/Button.js +8 -34
- package/dist/Button.js.map +1 -1
- package/dist/ButtonGroup.d.ts +6 -6
- package/dist/ButtonGroup.d.ts.map +1 -1
- package/dist/ButtonGroup.js +2 -4
- package/dist/ButtonGroup.js.map +1 -1
- package/dist/ButtonOld.js.map +1 -1
- package/dist/CardFlip.d.ts +1 -1
- package/dist/CardFlip.d.ts.map +1 -1
- package/dist/CardFlip.js +2 -7
- package/dist/CardFlip.js.map +1 -1
- package/dist/Checkbox.js +3 -14
- package/dist/Checkbox.js.map +1 -1
- package/dist/Collapse.js +0 -15
- package/dist/Collapse.js.map +1 -1
- package/dist/ComboBox.js +4 -83
- package/dist/ComboBox.js.map +1 -1
- package/dist/CopyButton.d.ts +1 -1
- package/dist/CopyButton.d.ts.map +1 -1
- package/dist/CopyButton.js +2 -4
- package/dist/CopyButton.js.map +1 -1
- package/dist/CustomTimeSelect.js +2 -86
- package/dist/CustomTimeSelect.js.map +1 -1
- package/dist/DateInput.js.map +1 -1
- package/dist/DateInputUtils.js +0 -7
- package/dist/DateInputUtils.js.map +1 -1
- package/dist/DateTimeInput.js +7 -10
- package/dist/DateTimeInput.js.map +1 -1
- package/dist/DebouncedSearchInput.js +0 -14
- package/dist/DebouncedSearchInput.js.map +1 -1
- package/dist/DragUtils.js +4 -16
- package/dist/DragUtils.js.map +1 -1
- package/dist/DraggableItemList.d.ts.map +1 -1
- package/dist/DraggableItemList.js +22 -44
- package/dist/DraggableItemList.js.map +1 -1
- package/dist/EditableItemList.d.ts +1 -1
- package/dist/EditableItemList.d.ts.map +1 -1
- package/dist/EditableItemList.js +2 -6
- package/dist/EditableItemList.js.map +1 -1
- package/dist/HierarchicalCheckboxMenu.js +6 -28
- package/dist/HierarchicalCheckboxMenu.js.map +1 -1
- package/dist/ItemList.d.ts.map +1 -1
- package/dist/ItemList.js +22 -115
- package/dist/ItemList.js.map +1 -1
- package/dist/ItemListItem.d.ts +0 -1
- package/dist/ItemListItem.d.ts.map +1 -1
- package/dist/ItemListItem.js +26 -50
- package/dist/ItemListItem.js.map +1 -1
- package/dist/LoadingOverlay.d.ts +1 -1
- package/dist/LoadingOverlay.d.ts.map +1 -1
- package/dist/LoadingOverlay.js +3 -5
- package/dist/LoadingOverlay.js.map +1 -1
- package/dist/LoadingSpinner.d.ts +1 -1
- package/dist/LoadingSpinner.d.ts.map +1 -1
- package/dist/LoadingSpinner.js +2 -4
- package/dist/LoadingSpinner.js.map +1 -1
- package/dist/MaskedInput.js +26 -85
- package/dist/MaskedInput.js.map +1 -1
- package/dist/Option.d.ts +1 -1
- package/dist/Option.d.ts.map +1 -1
- package/dist/Option.js +2 -4
- package/dist/Option.js.map +1 -1
- package/dist/RadioGroup.d.ts +1 -1
- package/dist/RadioGroup.d.ts.map +1 -1
- package/dist/RadioGroup.js +4 -6
- package/dist/RadioGroup.js.map +1 -1
- package/dist/RadioItem.js +0 -1
- package/dist/RadioItem.js.map +1 -1
- package/dist/SearchInput.js +2 -13
- package/dist/SearchInput.js.map +1 -1
- package/dist/Select.d.ts +1 -1
- package/dist/Select.d.ts.map +1 -1
- package/dist/Select.js +2 -4
- package/dist/Select.js.map +1 -1
- package/dist/SelectValueList.js +0 -28
- package/dist/SelectValueList.js.map +1 -1
- package/dist/SocketedButton.js.map +1 -1
- package/dist/ThemeExport.js +0 -4
- package/dist/ThemeExport.js.map +1 -1
- package/dist/TimeInput.js +2 -12
- package/dist/TimeInput.js.map +1 -1
- package/dist/TimeSlider.d.ts +1 -1
- package/dist/TimeSlider.d.ts.map +1 -1
- package/dist/TimeSlider.js +19 -33
- package/dist/TimeSlider.js.map +1 -1
- package/dist/ToastNotification.d.ts +4 -4
- package/dist/ToastNotification.d.ts.map +1 -1
- package/dist/ToastNotification.js +2 -4
- package/dist/ToastNotification.js.map +1 -1
- package/dist/UISwitch.d.ts +1 -1
- package/dist/UISwitch.d.ts.map +1 -1
- package/dist/UISwitch.js +2 -4
- package/dist/UISwitch.js.map +1 -1
- package/dist/ValidateLabelInput.d.ts.map +1 -1
- package/dist/ValidateLabelInput.js +3 -3
- package/dist/ValidateLabelInput.js.map +1 -1
- package/dist/context-actions/ContextActionUtils.js +9 -40
- package/dist/context-actions/ContextActionUtils.js.map +1 -1
- package/dist/context-actions/ContextActions.js +1 -34
- package/dist/context-actions/ContextActions.js.map +1 -1
- package/dist/context-actions/ContextMenu.js +29 -110
- package/dist/context-actions/ContextMenu.js.map +1 -1
- package/dist/context-actions/ContextMenuItem.d.ts.map +1 -1
- package/dist/context-actions/ContextMenuItem.js +3 -19
- package/dist/context-actions/ContextMenuItem.js.map +1 -1
- package/dist/context-actions/ContextMenuRoot.js +7 -26
- package/dist/context-actions/ContextMenuRoot.js.map +1 -1
- package/dist/context-actions/GlobalContextAction.js +0 -15
- package/dist/context-actions/GlobalContextAction.js.map +1 -1
- package/dist/context-actions/GlobalContextActions.js +0 -6
- package/dist/context-actions/GlobalContextActions.js.map +1 -1
- package/dist/context-actions/index.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/menu-actions/DropdownMenu.js +4 -32
- package/dist/menu-actions/DropdownMenu.js.map +1 -1
- package/dist/menu-actions/Menu.js +7 -52
- package/dist/menu-actions/Menu.js.map +1 -1
- package/dist/menu-actions/index.d.ts +2 -1
- package/dist/menu-actions/index.d.ts.map +1 -1
- package/dist/menu-actions/index.js +2 -2
- package/dist/menu-actions/index.js.map +1 -1
- package/dist/modal/Modal.d.ts +2 -2
- package/dist/modal/Modal.d.ts.map +1 -1
- package/dist/modal/Modal.js +3 -9
- package/dist/modal/Modal.js.map +1 -1
- package/dist/modal/ModalBody.d.ts +1 -1
- package/dist/modal/ModalBody.d.ts.map +1 -1
- package/dist/modal/ModalBody.js +2 -4
- package/dist/modal/ModalBody.js.map +1 -1
- package/dist/modal/ModalFooter.d.ts +1 -1
- package/dist/modal/ModalFooter.d.ts.map +1 -1
- package/dist/modal/ModalFooter.js +2 -4
- package/dist/modal/ModalFooter.js.map +1 -1
- package/dist/modal/ModalHeader.d.ts +1 -1
- package/dist/modal/ModalHeader.d.ts.map +1 -1
- package/dist/modal/ModalHeader.js +2 -4
- package/dist/modal/ModalHeader.js.map +1 -1
- package/dist/modal/index.js.map +1 -1
- package/dist/navigation/Menu.d.ts +1 -1
- package/dist/navigation/Menu.d.ts.map +1 -1
- package/dist/navigation/Menu.js +2 -2
- package/dist/navigation/Menu.js.map +1 -1
- package/dist/navigation/MenuItem.d.ts +1 -1
- package/dist/navigation/MenuItem.d.ts.map +1 -1
- package/dist/navigation/MenuItem.js +4 -7
- package/dist/navigation/MenuItem.js.map +1 -1
- package/dist/navigation/Page.d.ts +1 -1
- package/dist/navigation/Page.d.ts.map +1 -1
- package/dist/navigation/Page.js +2 -3
- package/dist/navigation/Page.js.map +1 -1
- package/dist/navigation/Stack.d.ts +1 -1
- package/dist/navigation/Stack.d.ts.map +1 -1
- package/dist/navigation/Stack.js +3 -6
- package/dist/navigation/Stack.js.map +1 -1
- package/dist/navigation/index.js.map +1 -1
- package/dist/popper/Popper.d.ts.map +1 -1
- package/dist/popper/Popper.js +13 -46
- package/dist/popper/Popper.js.map +1 -1
- package/dist/popper/Tooltip.js +0 -56
- package/dist/popper/Tooltip.js.map +1 -1
- package/dist/popper/index.js.map +1 -1
- package/dist/shortcuts/GlobalShortcuts.js.map +1 -1
- package/dist/shortcuts/Shortcut.js +19 -76
- package/dist/shortcuts/Shortcut.js.map +1 -1
- package/dist/shortcuts/ShortcutRegistry.js +3 -18
- package/dist/shortcuts/ShortcutRegistry.js.map +1 -1
- package/dist/shortcuts/index.js.map +1 -1
- package/package.json +8 -8
|
@@ -1,123 +1,101 @@
|
|
|
1
1
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
|
-
|
|
3
2
|
export function isPromise(value) {
|
|
4
3
|
return value.then !== undefined;
|
|
5
4
|
}
|
|
6
|
-
|
|
7
5
|
class ContextActionUtils {
|
|
8
6
|
static disableAllActions() {
|
|
9
7
|
ContextActionUtils.actionsDisabled = true;
|
|
10
8
|
}
|
|
11
|
-
|
|
12
9
|
static enableAllActions() {
|
|
13
10
|
ContextActionUtils.actionsDisabled = false;
|
|
14
11
|
}
|
|
15
|
-
|
|
16
12
|
static isContextActionEvent(e) {
|
|
17
13
|
return Array.isArray(e.contextActions);
|
|
18
14
|
}
|
|
15
|
+
|
|
19
16
|
/**
|
|
20
17
|
* Compare two action items. Useful in Array.sort
|
|
21
18
|
* @param a First context action to compare
|
|
22
19
|
* @param b Second context action to compare
|
|
23
20
|
*/
|
|
24
|
-
|
|
25
|
-
|
|
26
21
|
static compareActions(a, b) {
|
|
27
22
|
if (a.group !== b.group) {
|
|
28
23
|
var _a$group, _b$group;
|
|
29
|
-
|
|
30
24
|
return ((_a$group = a.group) !== null && _a$group !== void 0 ? _a$group : 0) > ((_b$group = b.group) !== null && _b$group !== void 0 ? _b$group : 0) ? 1 : -1;
|
|
31
25
|
}
|
|
32
|
-
|
|
33
26
|
if (a.order !== b.order) {
|
|
34
27
|
var _a$order, _b$order;
|
|
35
|
-
|
|
36
28
|
return ((_a$order = a.order) !== null && _a$order !== void 0 ? _a$order : 0) > ((_b$order = b.order) !== null && _b$order !== void 0 ? _b$order : 0) ? 1 : -1;
|
|
37
29
|
}
|
|
38
|
-
|
|
39
30
|
if (a.title !== b.title) {
|
|
40
31
|
var _a$title, _b$title;
|
|
41
|
-
|
|
42
32
|
return ((_a$title = a.title) !== null && _a$title !== void 0 ? _a$title : '') > ((_b$title = b.title) !== null && _b$title !== void 0 ? _b$title : '') ? 1 : -1;
|
|
43
33
|
}
|
|
44
|
-
|
|
45
34
|
if (a !== b) {
|
|
46
35
|
return a > b ? 1 : -1;
|
|
47
36
|
}
|
|
48
|
-
|
|
49
37
|
return 0;
|
|
50
38
|
}
|
|
39
|
+
|
|
51
40
|
/**
|
|
52
41
|
*
|
|
53
42
|
* @param actions The array of actions to sort
|
|
54
43
|
*/
|
|
55
|
-
|
|
56
|
-
|
|
57
44
|
static sortActions(actions) {
|
|
58
45
|
if (actions == null || !Array.isArray(actions)) {
|
|
59
46
|
return [];
|
|
60
47
|
}
|
|
61
|
-
|
|
62
48
|
var sortedActions = actions.slice();
|
|
63
49
|
sortedActions.sort(ContextActionUtils.compareActions);
|
|
64
50
|
return sortedActions;
|
|
65
51
|
}
|
|
66
|
-
|
|
67
52
|
static isMacPlatform() {
|
|
68
53
|
var {
|
|
69
54
|
platform
|
|
70
55
|
} = window.navigator;
|
|
71
56
|
return platform.startsWith('Mac');
|
|
72
57
|
}
|
|
58
|
+
|
|
73
59
|
/**
|
|
74
60
|
* Retrieve the preferred modifier key based on the current platform
|
|
75
61
|
*/
|
|
76
|
-
|
|
77
|
-
|
|
78
62
|
static getModifierKey() {
|
|
79
63
|
if (ContextActionUtils.isMacPlatform()) {
|
|
80
64
|
return 'metaKey';
|
|
81
65
|
}
|
|
82
|
-
|
|
83
66
|
return 'ctrlKey';
|
|
84
67
|
}
|
|
68
|
+
|
|
85
69
|
/**
|
|
86
70
|
* Returns true if the modifier key for the current platform is down for the event (Ctrl for windows/linux, Command (meta) for mac)
|
|
87
71
|
* @param event The event to get the meta key status from
|
|
88
72
|
*/
|
|
89
|
-
|
|
90
|
-
|
|
91
73
|
static isModifierKeyDown(event) {
|
|
92
74
|
var modifierKey = ContextActionUtils.getModifierKey();
|
|
93
75
|
return event[modifierKey];
|
|
94
76
|
}
|
|
77
|
+
|
|
95
78
|
/**
|
|
96
79
|
* Returns the menu items for the provided context actions, or empty array if none found.
|
|
97
80
|
* @param actionsParam The actions to get menu items for
|
|
98
81
|
* @param includePromises Whether or not to include promises in the returned menu items
|
|
99
82
|
*/
|
|
100
83
|
|
|
101
|
-
|
|
102
84
|
static getMenuItems(actionsParam) {
|
|
103
85
|
var includePromises = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
104
86
|
var menuItems = [];
|
|
105
87
|
var actions = actionsParam;
|
|
106
|
-
|
|
107
88
|
if (!Array.isArray(actions)) {
|
|
108
89
|
actions = [actions];
|
|
109
90
|
}
|
|
110
|
-
|
|
111
91
|
for (var i = 0; i < actions.length; i += 1) {
|
|
112
92
|
var _action = actions[i];
|
|
113
93
|
var newMenuItems = void 0;
|
|
114
|
-
|
|
115
94
|
if (typeof _action === 'function') {
|
|
116
95
|
newMenuItems = _action();
|
|
117
96
|
} else {
|
|
118
97
|
newMenuItems = _action;
|
|
119
98
|
}
|
|
120
|
-
|
|
121
99
|
if (newMenuItems != null) {
|
|
122
100
|
if (newMenuItems instanceof Promise) {
|
|
123
101
|
if (includePromises) {
|
|
@@ -130,42 +108,33 @@ class ContextActionUtils {
|
|
|
130
108
|
}
|
|
131
109
|
}
|
|
132
110
|
}
|
|
133
|
-
|
|
134
|
-
menuItems = menuItems.filter(action => action.title !== undefined || action.then || action.menuElement);
|
|
111
|
+
menuItems = menuItems.filter(action => action.title !== undefined || action.then != null || action.menuElement);
|
|
135
112
|
return menuItems;
|
|
136
113
|
}
|
|
114
|
+
|
|
137
115
|
/**
|
|
138
116
|
* Returns the index of the next menu item in a list that doesn't have a disabled=true prop
|
|
139
117
|
* @param startIndex the starting position for the iteration
|
|
140
118
|
* @param delta the direction of travel, -1 or 1
|
|
141
119
|
* @param menuItems an array of menuItems
|
|
142
120
|
*/
|
|
143
|
-
|
|
144
|
-
|
|
145
121
|
static getNextMenuItem(startIndex, delta, menuItems) {
|
|
146
122
|
var firstIndex = startIndex;
|
|
147
|
-
|
|
148
123
|
if (firstIndex < 0 && delta < 0) {
|
|
149
124
|
// if menu index is -1 and delta -1 manually set start point
|
|
150
125
|
firstIndex = menuItems.length;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
|
|
126
|
+
}
|
|
127
|
+
// find the next non disabled menu option, iterating the list only once
|
|
154
128
|
for (var i = 1; i < menuItems.length + 1; i += 1) {
|
|
155
129
|
var menuIndex = (firstIndex + delta * i + menuItems.length) % menuItems.length;
|
|
156
130
|
var item = menuItems[menuIndex];
|
|
157
|
-
|
|
158
131
|
if (!(item instanceof Promise) && item.disabled !== true) {
|
|
159
132
|
return menuIndex;
|
|
160
133
|
}
|
|
161
134
|
}
|
|
162
|
-
|
|
163
135
|
return startIndex;
|
|
164
136
|
}
|
|
165
|
-
|
|
166
137
|
}
|
|
167
|
-
|
|
168
138
|
_defineProperty(ContextActionUtils, "actionsDisabled", false);
|
|
169
|
-
|
|
170
139
|
export default ContextActionUtils;
|
|
171
140
|
//# sourceMappingURL=ContextActionUtils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextActionUtils.js","names":["isPromise","value","then","undefined","ContextActionUtils","disableAllActions","actionsDisabled","enableAllActions","isContextActionEvent","e","Array","isArray","contextActions","compareActions","a","b","group","order","title","sortActions","actions","sortedActions","slice","sort","isMacPlatform","platform","window","navigator","startsWith","getModifierKey","isModifierKeyDown","event","modifierKey","getMenuItems","actionsParam","includePromises","menuItems","i","length","action","newMenuItems","Promise","push","concat","filter","menuElement","getNextMenuItem","startIndex","delta","firstIndex","menuIndex","item","disabled"],"sources":["../../src/context-actions/ContextActionUtils.ts"],"sourcesContent":["import { IconDefinition } from '@deephaven/icons';\nimport React from 'react';\nimport type { Shortcut } from '../shortcuts';\n\nexport type ResolvableContextAction =\n | ContextAction\n | Promise<ContextAction[]>\n | (() => Promise<ContextAction[]> | ContextAction[] | ContextAction);\n\nexport type MenuItem = ContextAction | Promise<ContextAction[]>;\n\nexport interface ContextAction {\n title?: string;\n description?: string;\n action?(event?: Event): void;\n actions?: ResolvableContextAction[];\n icon?: IconDefinition | React.ReactElement;\n iconColor?: string;\n shortcut?: Shortcut;\n isGlobal?: boolean;\n group?: number;\n order?: number;\n disabled?: boolean;\n menuElement?: React.ReactElement;\n iconOutline?: boolean;\n}\n\nexport interface ContextActionEvent extends MouseEvent {\n contextActions: ResolvableContextAction[];\n}\n\nexport function isPromise<A, T>(value: A | Promise<T>): value is Promise<T> {\n return (value as Promise<T>).then !== undefined;\n}\n\nclass ContextActionUtils {\n static actionsDisabled = false;\n\n static disableAllActions(): void {\n ContextActionUtils.actionsDisabled = true;\n }\n\n static enableAllActions(): void {\n ContextActionUtils.actionsDisabled = false;\n }\n\n static isContextActionEvent(e: MouseEvent): e is ContextActionEvent {\n return Array.isArray((e as ContextActionEvent).contextActions);\n }\n\n /**\n * Compare two action items. Useful in Array.sort\n * @param a First context action to compare\n * @param b Second context action to compare\n */\n static compareActions(a: ContextAction, b: ContextAction): number {\n if (a.group !== b.group) {\n return (a.group ?? 0) > (b.group ?? 0) ? 1 : -1;\n }\n\n if (a.order !== b.order) {\n return (a.order ?? 0) > (b.order ?? 0) ? 1 : -1;\n }\n\n if (a.title !== b.title) {\n return (a.title ?? '') > (b.title ?? '') ? 1 : -1;\n }\n\n if (a !== b) {\n return a > b ? 1 : -1;\n }\n\n return 0;\n }\n\n /**\n *\n * @param actions The array of actions to sort\n */\n static sortActions(actions: ContextAction[]): ContextAction[] {\n if (actions == null || !Array.isArray(actions)) {\n return [];\n }\n\n const sortedActions = actions.slice();\n sortedActions.sort(ContextActionUtils.compareActions);\n return sortedActions;\n }\n\n static isMacPlatform(): boolean {\n const { platform } = window.navigator;\n return platform.startsWith('Mac');\n }\n\n /**\n * Retrieve the preferred modifier key based on the current platform\n */\n static getModifierKey(): 'metaKey' | 'ctrlKey' {\n if (ContextActionUtils.isMacPlatform()) {\n return 'metaKey';\n }\n\n return 'ctrlKey';\n }\n\n /**\n * Returns true if the modifier key for the current platform is down for the event (Ctrl for windows/linux, Command (meta) for mac)\n * @param event The event to get the meta key status from\n */\n static isModifierKeyDown(\n event: KeyboardEvent | MouseEvent | React.KeyboardEvent | React.MouseEvent\n ): boolean {\n const modifierKey = ContextActionUtils.getModifierKey();\n return event[modifierKey];\n }\n\n /**\n * Returns the menu items for the provided context actions, or empty array if none found.\n * @param actionsParam The actions to get menu items for\n * @param includePromises Whether or not to include promises in the returned menu items\n */\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises?: true\n ): MenuItem[];\n\n // If ignoring promises, then the return type is narrowed\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises: false\n ): ContextAction[];\n\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises = true\n ): MenuItem[] {\n let menuItems: MenuItem[] = [];\n let actions = actionsParam;\n if (!Array.isArray(actions)) {\n actions = [actions];\n }\n\n for (let i = 0; i < actions.length; i += 1) {\n const action = actions[i];\n let newMenuItems:\n | ContextAction\n | ContextAction[]\n | Promise<ContextAction[]>;\n if (typeof action === 'function') {\n newMenuItems = action();\n } else {\n newMenuItems = action;\n }\n\n if (newMenuItems != null) {\n if (newMenuItems instanceof Promise) {\n if (includePromises) {\n menuItems.push(newMenuItems);\n }\n } else if (Array.isArray(newMenuItems)) {\n menuItems = menuItems.concat(newMenuItems);\n } else {\n menuItems.push(newMenuItems);\n }\n }\n }\n\n menuItems = menuItems.filter(\n action =>\n (action as ContextAction).title !== undefined ||\n (action as Promise<ContextAction[]>).then ||\n (action as ContextAction).menuElement\n );\n\n return menuItems;\n }\n\n /**\n * Returns the index of the next menu item in a list that doesn't have a disabled=true prop\n * @param startIndex the starting position for the iteration\n * @param delta the direction of travel, -1 or 1\n * @param menuItems an array of menuItems\n */\n static getNextMenuItem(\n startIndex: number,\n delta: -1 | 1,\n menuItems: MenuItem[]\n ): number {\n let firstIndex = startIndex;\n if (firstIndex < 0 && delta < 0) {\n // if menu index is -1 and delta -1 manually set start point\n firstIndex = menuItems.length;\n }\n // find the next non disabled menu option, iterating the list only once\n for (let i = 1; i < menuItems.length + 1; i += 1) {\n const menuIndex =\n (firstIndex + delta * i + menuItems.length) % menuItems.length;\n const item = menuItems[menuIndex];\n if (!(item instanceof Promise) && item.disabled !== true) {\n return menuIndex;\n }\n }\n return startIndex;\n }\n}\n\nexport default ContextActionUtils;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ContextActionUtils.js","names":["isPromise","value","then","undefined","ContextActionUtils","disableAllActions","actionsDisabled","enableAllActions","isContextActionEvent","e","Array","isArray","contextActions","compareActions","a","b","group","order","title","sortActions","actions","sortedActions","slice","sort","isMacPlatform","platform","window","navigator","startsWith","getModifierKey","isModifierKeyDown","event","modifierKey","getMenuItems","actionsParam","includePromises","menuItems","i","length","action","newMenuItems","Promise","push","concat","filter","menuElement","getNextMenuItem","startIndex","delta","firstIndex","menuIndex","item","disabled"],"sources":["../../src/context-actions/ContextActionUtils.ts"],"sourcesContent":["import { IconDefinition } from '@deephaven/icons';\nimport React from 'react';\nimport type { Shortcut } from '../shortcuts';\n\nexport type ResolvableContextAction =\n | ContextAction\n | Promise<ContextAction[]>\n | (() => Promise<ContextAction[]> | ContextAction[] | ContextAction);\n\nexport type MenuItem = ContextAction | Promise<ContextAction[]>;\n\nexport interface ContextAction {\n title?: string;\n description?: string;\n action?(event?: Event): void;\n actions?: ResolvableContextAction[];\n icon?: IconDefinition | React.ReactElement;\n iconColor?: string;\n shortcut?: Shortcut;\n isGlobal?: boolean;\n group?: number;\n order?: number;\n disabled?: boolean;\n menuElement?: React.ReactElement;\n iconOutline?: boolean;\n}\n\nexport interface ContextActionEvent extends MouseEvent {\n contextActions: ResolvableContextAction[];\n}\n\nexport function isPromise<A, T>(value: A | Promise<T>): value is Promise<T> {\n return (value as Promise<T>).then !== undefined;\n}\n\nclass ContextActionUtils {\n static actionsDisabled = false;\n\n static disableAllActions(): void {\n ContextActionUtils.actionsDisabled = true;\n }\n\n static enableAllActions(): void {\n ContextActionUtils.actionsDisabled = false;\n }\n\n static isContextActionEvent(e: MouseEvent): e is ContextActionEvent {\n return Array.isArray((e as ContextActionEvent).contextActions);\n }\n\n /**\n * Compare two action items. Useful in Array.sort\n * @param a First context action to compare\n * @param b Second context action to compare\n */\n static compareActions(a: ContextAction, b: ContextAction): number {\n if (a.group !== b.group) {\n return (a.group ?? 0) > (b.group ?? 0) ? 1 : -1;\n }\n\n if (a.order !== b.order) {\n return (a.order ?? 0) > (b.order ?? 0) ? 1 : -1;\n }\n\n if (a.title !== b.title) {\n return (a.title ?? '') > (b.title ?? '') ? 1 : -1;\n }\n\n if (a !== b) {\n return a > b ? 1 : -1;\n }\n\n return 0;\n }\n\n /**\n *\n * @param actions The array of actions to sort\n */\n static sortActions(actions: ContextAction[]): ContextAction[] {\n if (actions == null || !Array.isArray(actions)) {\n return [];\n }\n\n const sortedActions = actions.slice();\n sortedActions.sort(ContextActionUtils.compareActions);\n return sortedActions;\n }\n\n static isMacPlatform(): boolean {\n const { platform } = window.navigator;\n return platform.startsWith('Mac');\n }\n\n /**\n * Retrieve the preferred modifier key based on the current platform\n */\n static getModifierKey(): 'metaKey' | 'ctrlKey' {\n if (ContextActionUtils.isMacPlatform()) {\n return 'metaKey';\n }\n\n return 'ctrlKey';\n }\n\n /**\n * Returns true if the modifier key for the current platform is down for the event (Ctrl for windows/linux, Command (meta) for mac)\n * @param event The event to get the meta key status from\n */\n static isModifierKeyDown(\n event: KeyboardEvent | MouseEvent | React.KeyboardEvent | React.MouseEvent\n ): boolean {\n const modifierKey = ContextActionUtils.getModifierKey();\n return event[modifierKey];\n }\n\n /**\n * Returns the menu items for the provided context actions, or empty array if none found.\n * @param actionsParam The actions to get menu items for\n * @param includePromises Whether or not to include promises in the returned menu items\n */\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises?: true\n ): MenuItem[];\n\n // If ignoring promises, then the return type is narrowed\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises: false\n ): ContextAction[];\n\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises = true\n ): MenuItem[] {\n let menuItems: MenuItem[] = [];\n let actions = actionsParam;\n if (!Array.isArray(actions)) {\n actions = [actions];\n }\n\n for (let i = 0; i < actions.length; i += 1) {\n const action = actions[i];\n let newMenuItems:\n | ContextAction\n | ContextAction[]\n | Promise<ContextAction[]>;\n if (typeof action === 'function') {\n newMenuItems = action();\n } else {\n newMenuItems = action;\n }\n\n if (newMenuItems != null) {\n if (newMenuItems instanceof Promise) {\n if (includePromises) {\n menuItems.push(newMenuItems);\n }\n } else if (Array.isArray(newMenuItems)) {\n menuItems = menuItems.concat(newMenuItems);\n } else {\n menuItems.push(newMenuItems);\n }\n }\n }\n\n menuItems = menuItems.filter(\n action =>\n (action as ContextAction).title !== undefined ||\n (action as Promise<ContextAction[]>).then != null ||\n (action as ContextAction).menuElement\n );\n\n return menuItems;\n }\n\n /**\n * Returns the index of the next menu item in a list that doesn't have a disabled=true prop\n * @param startIndex the starting position for the iteration\n * @param delta the direction of travel, -1 or 1\n * @param menuItems an array of menuItems\n */\n static getNextMenuItem(\n startIndex: number,\n delta: -1 | 1,\n menuItems: MenuItem[]\n ): number {\n let firstIndex = startIndex;\n if (firstIndex < 0 && delta < 0) {\n // if menu index is -1 and delta -1 manually set start point\n firstIndex = menuItems.length;\n }\n // find the next non disabled menu option, iterating the list only once\n for (let i = 1; i < menuItems.length + 1; i += 1) {\n const menuIndex =\n (firstIndex + delta * i + menuItems.length) % menuItems.length;\n const item = menuItems[menuIndex];\n if (!(item instanceof Promise) && item.disabled !== true) {\n return menuIndex;\n }\n }\n return startIndex;\n }\n}\n\nexport default ContextActionUtils;\n"],"mappings":";AA+BA,OAAO,SAASA,SAAS,CAAOC,KAAqB,EAAuB;EAC1E,OAAQA,KAAK,CAAgBC,IAAI,KAAKC,SAAS;AACjD;AAEA,MAAMC,kBAAkB,CAAC;EAGvB,OAAOC,iBAAiB,GAAS;IAC/BD,kBAAkB,CAACE,eAAe,GAAG,IAAI;EAC3C;EAEA,OAAOC,gBAAgB,GAAS;IAC9BH,kBAAkB,CAACE,eAAe,GAAG,KAAK;EAC5C;EAEA,OAAOE,oBAAoB,CAACC,CAAa,EAA2B;IAClE,OAAOC,KAAK,CAACC,OAAO,CAAEF,CAAC,CAAwBG,cAAc,CAAC;EAChE;;EAEA;AACF;AACA;AACA;AACA;EACE,OAAOC,cAAc,CAACC,CAAgB,EAAEC,CAAgB,EAAU;IAChE,IAAID,CAAC,CAACE,KAAK,KAAKD,CAAC,CAACC,KAAK,EAAE;MAAA;MACvB,OAAO,aAACF,CAAC,CAACE,KAAK,+CAAI,CAAC,iBAAKD,CAAC,CAACC,KAAK,+CAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjD;IAEA,IAAIF,CAAC,CAACG,KAAK,KAAKF,CAAC,CAACE,KAAK,EAAE;MAAA;MACvB,OAAO,aAACH,CAAC,CAACG,KAAK,+CAAI,CAAC,iBAAKF,CAAC,CAACE,KAAK,+CAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjD;IAEA,IAAIH,CAAC,CAACI,KAAK,KAAKH,CAAC,CAACG,KAAK,EAAE;MAAA;MACvB,OAAO,aAACJ,CAAC,CAACI,KAAK,+CAAI,EAAE,iBAAKH,CAAC,CAACG,KAAK,+CAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnD;IAEA,IAAIJ,CAAC,KAAKC,CAAC,EAAE;MACX,OAAOD,CAAC,GAAGC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB;IAEA,OAAO,CAAC;EACV;;EAEA;AACF;AACA;AACA;EACE,OAAOI,WAAW,CAACC,OAAwB,EAAmB;IAC5D,IAAIA,OAAO,IAAI,IAAI,IAAI,CAACV,KAAK,CAACC,OAAO,CAACS,OAAO,CAAC,EAAE;MAC9C,OAAO,EAAE;IACX;IAEA,IAAMC,aAAa,GAAGD,OAAO,CAACE,KAAK,EAAE;IACrCD,aAAa,CAACE,IAAI,CAACnB,kBAAkB,CAACS,cAAc,CAAC;IACrD,OAAOQ,aAAa;EACtB;EAEA,OAAOG,aAAa,GAAY;IAC9B,IAAM;MAAEC;IAAS,CAAC,GAAGC,MAAM,CAACC,SAAS;IACrC,OAAOF,QAAQ,CAACG,UAAU,CAAC,KAAK,CAAC;EACnC;;EAEA;AACF;AACA;EACE,OAAOC,cAAc,GAA0B;IAC7C,IAAIzB,kBAAkB,CAACoB,aAAa,EAAE,EAAE;MACtC,OAAO,SAAS;IAClB;IAEA,OAAO,SAAS;EAClB;;EAEA;AACF;AACA;AACA;EACE,OAAOM,iBAAiB,CACtBC,KAA0E,EACjE;IACT,IAAMC,WAAW,GAAG5B,kBAAkB,CAACyB,cAAc,EAAE;IACvD,OAAOE,KAAK,CAACC,WAAW,CAAC;EAC3B;;EAEA;AACF;AACA;AACA;AACA;;EAYE,OAAOC,YAAY,CACjBC,YAAiE,EAErD;IAAA,IADZC,eAAe,uEAAG,IAAI;IAEtB,IAAIC,SAAqB,GAAG,EAAE;IAC9B,IAAIhB,OAAO,GAAGc,YAAY;IAC1B,IAAI,CAACxB,KAAK,CAACC,OAAO,CAACS,OAAO,CAAC,EAAE;MAC3BA,OAAO,GAAG,CAACA,OAAO,CAAC;IACrB;IAEA,KAAK,IAAIiB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGjB,OAAO,CAACkB,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;MAC1C,IAAME,OAAM,GAAGnB,OAAO,CAACiB,CAAC,CAAC;MACzB,IAAIG,YAGwB;MAC5B,IAAI,OAAOD,OAAM,KAAK,UAAU,EAAE;QAChCC,YAAY,GAAGD,OAAM,EAAE;MACzB,CAAC,MAAM;QACLC,YAAY,GAAGD,OAAM;MACvB;MAEA,IAAIC,YAAY,IAAI,IAAI,EAAE;QACxB,IAAIA,YAAY,YAAYC,OAAO,EAAE;UACnC,IAAIN,eAAe,EAAE;YACnBC,SAAS,CAACM,IAAI,CAACF,YAAY,CAAC;UAC9B;QACF,CAAC,MAAM,IAAI9B,KAAK,CAACC,OAAO,CAAC6B,YAAY,CAAC,EAAE;UACtCJ,SAAS,GAAGA,SAAS,CAACO,MAAM,CAACH,YAAY,CAAC;QAC5C,CAAC,MAAM;UACLJ,SAAS,CAACM,IAAI,CAACF,YAAY,CAAC;QAC9B;MACF;IACF;IAEAJ,SAAS,GAAGA,SAAS,CAACQ,MAAM,CAC1BL,MAAM,IACHA,MAAM,CAAmBrB,KAAK,KAAKf,SAAS,IAC5CoC,MAAM,CAA8BrC,IAAI,IAAI,IAAI,IAChDqC,MAAM,CAAmBM,WAAW,CACxC;IAED,OAAOT,SAAS;EAClB;;EAEA;AACF;AACA;AACA;AACA;AACA;EACE,OAAOU,eAAe,CACpBC,UAAkB,EAClBC,KAAa,EACbZ,SAAqB,EACb;IACR,IAAIa,UAAU,GAAGF,UAAU;IAC3B,IAAIE,UAAU,GAAG,CAAC,IAAID,KAAK,GAAG,CAAC,EAAE;MAC/B;MACAC,UAAU,GAAGb,SAAS,CAACE,MAAM;IAC/B;IACA;IACA,KAAK,IAAID,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,SAAS,CAACE,MAAM,GAAG,CAAC,EAAED,CAAC,IAAI,CAAC,EAAE;MAChD,IAAMa,SAAS,GACb,CAACD,UAAU,GAAGD,KAAK,GAAGX,CAAC,GAAGD,SAAS,CAACE,MAAM,IAAIF,SAAS,CAACE,MAAM;MAChE,IAAMa,IAAI,GAAGf,SAAS,CAACc,SAAS,CAAC;MACjC,IAAI,EAAEC,IAAI,YAAYV,OAAO,CAAC,IAAIU,IAAI,CAACC,QAAQ,KAAK,IAAI,EAAE;QACxD,OAAOF,SAAS;MAClB;IACF;IACA,OAAOH,UAAU;EACnB;AACF;AAAC,gBAzKK3C,kBAAkB,qBACG,KAAK;AA0KhC,eAAeA,kBAAkB"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
|
-
|
|
3
2
|
/**
|
|
4
3
|
* Just a simple utility class for displaying a popup menu.
|
|
5
4
|
*/
|
|
@@ -9,7 +8,6 @@ import ContextActionUtils, { isPromise } from "./ContextActionUtils.js";
|
|
|
9
8
|
import GlobalContextActions from "./GlobalContextActions.js";
|
|
10
9
|
import "./ContextActions.css";
|
|
11
10
|
var log = Log.module('ContextActions');
|
|
12
|
-
|
|
13
11
|
/**
|
|
14
12
|
* ContextActions that you add onto any component.
|
|
15
13
|
*
|
|
@@ -43,11 +41,11 @@ class ContextActions extends Component {
|
|
|
43
41
|
* Groups are separated by a separator item.
|
|
44
42
|
* Items within groups are ordered by their order property, then by their title.
|
|
45
43
|
*/
|
|
44
|
+
|
|
46
45
|
static triggerMenu(element, clientX, clientY, actions) {
|
|
47
46
|
if (actions.length === 0) {
|
|
48
47
|
return;
|
|
49
48
|
}
|
|
50
|
-
|
|
51
49
|
var mouseEvent = new MouseEvent('contextmenu', {
|
|
52
50
|
clientX,
|
|
53
51
|
clientY,
|
|
@@ -57,12 +55,9 @@ class ContextActions extends Component {
|
|
|
57
55
|
mouseEvent.contextActions = actions;
|
|
58
56
|
element.dispatchEvent(mouseEvent);
|
|
59
57
|
}
|
|
60
|
-
|
|
61
58
|
constructor(props) {
|
|
62
59
|
super(props);
|
|
63
|
-
|
|
64
60
|
_defineProperty(this, "container", void 0);
|
|
65
|
-
|
|
66
61
|
this.handleContextMenu = this.handleContextMenu.bind(this);
|
|
67
62
|
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
68
63
|
this.container = /*#__PURE__*/React.createRef();
|
|
@@ -71,7 +66,6 @@ class ContextActions extends Component {
|
|
|
71
66
|
keyboardActions: []
|
|
72
67
|
};
|
|
73
68
|
}
|
|
74
|
-
|
|
75
69
|
static getDerivedStateFromProps(props) {
|
|
76
70
|
if (props.actions == null || !Array.isArray(props.actions)) {
|
|
77
71
|
return {
|
|
@@ -79,7 +73,6 @@ class ContextActions extends Component {
|
|
|
79
73
|
keyboardActions: []
|
|
80
74
|
};
|
|
81
75
|
}
|
|
82
|
-
|
|
83
76
|
var globalActions = props.actions.filter(action => !isPromise(action) && typeof action !== 'function' && action.isGlobal);
|
|
84
77
|
var keyboardActions = props.actions.filter(action => !isPromise(action) && typeof action !== 'function' && (action.isGlobal === undefined || !action.isGlobal) && action.shortcut != null);
|
|
85
78
|
return {
|
|
@@ -87,92 +80,70 @@ class ContextActions extends Component {
|
|
|
87
80
|
keyboardActions
|
|
88
81
|
};
|
|
89
82
|
}
|
|
90
|
-
|
|
91
83
|
componentDidMount() {
|
|
92
84
|
var _this$container$curre;
|
|
93
|
-
|
|
94
85
|
if ((_this$container$curre = this.container.current) !== null && _this$container$curre !== void 0 && _this$container$curre.parentElement) {
|
|
95
86
|
this.container.current.parentElement.addEventListener('contextmenu', this.handleContextMenu);
|
|
96
87
|
this.container.current.parentElement.addEventListener('keydown', this.handleKeyDown);
|
|
97
88
|
}
|
|
98
89
|
}
|
|
99
|
-
|
|
100
90
|
componentWillUnmount() {
|
|
101
91
|
var _this$container$curre2;
|
|
102
|
-
|
|
103
92
|
if ((_this$container$curre2 = this.container.current) !== null && _this$container$curre2 !== void 0 && _this$container$curre2.parentElement) {
|
|
104
93
|
this.container.current.parentElement.removeEventListener('contextmenu', this.handleContextMenu);
|
|
105
94
|
this.container.current.parentElement.removeEventListener('keydown', this.handleKeyDown);
|
|
106
95
|
}
|
|
107
96
|
}
|
|
108
|
-
|
|
109
97
|
handleContextMenu(e) {
|
|
110
98
|
var {
|
|
111
99
|
ignoreClassNames = []
|
|
112
100
|
} = this.props;
|
|
113
|
-
|
|
114
101
|
if (ignoreClassNames.length > 0) {
|
|
115
102
|
var el = e.target;
|
|
116
|
-
|
|
117
103
|
var _loop = function _loop() {
|
|
118
104
|
var {
|
|
119
105
|
classList
|
|
120
106
|
} = el;
|
|
121
107
|
var ignoredClassName = ignoreClassNames.find(className => classList.contains(className));
|
|
122
|
-
|
|
123
108
|
if (ignoredClassName !== undefined) {
|
|
124
109
|
log.debug2("Contextmenu event ignored based on the target className \"".concat(ignoredClassName, "\""));
|
|
125
110
|
return {
|
|
126
111
|
v: void 0
|
|
127
112
|
};
|
|
128
113
|
}
|
|
129
|
-
|
|
130
114
|
el = el.parentElement;
|
|
131
115
|
};
|
|
132
|
-
|
|
133
116
|
while (el != null) {
|
|
134
117
|
var _ret = _loop();
|
|
135
|
-
|
|
136
118
|
if (typeof _ret === "object") return _ret.v;
|
|
137
119
|
}
|
|
138
120
|
}
|
|
139
|
-
|
|
140
121
|
if (!ContextActionUtils.isContextActionEvent(e)) {
|
|
141
122
|
e.contextActions = [];
|
|
142
123
|
}
|
|
143
|
-
|
|
144
124
|
if (!ContextActionUtils.isContextActionEvent(e)) {
|
|
145
125
|
return;
|
|
146
126
|
}
|
|
147
|
-
|
|
148
127
|
var {
|
|
149
128
|
actions
|
|
150
129
|
} = this.props;
|
|
151
|
-
|
|
152
130
|
if (actions != null) {
|
|
153
131
|
var contextActions = actions;
|
|
154
|
-
|
|
155
132
|
if (Array.isArray(contextActions)) {
|
|
156
133
|
contextActions = contextActions.filter(action => isPromise(action) || typeof action === 'function' || action.isGlobal === undefined || !action.isGlobal);
|
|
157
134
|
}
|
|
158
|
-
|
|
159
135
|
e.contextActions = e.contextActions.concat(contextActions);
|
|
160
136
|
}
|
|
161
|
-
|
|
162
137
|
log.debug('Received context menu event! Menu items are now: ', e.contextActions);
|
|
163
138
|
}
|
|
164
|
-
|
|
165
139
|
handleKeyDown(e) {
|
|
166
140
|
var {
|
|
167
141
|
keyboardActions
|
|
168
142
|
} = this.state;
|
|
169
|
-
|
|
170
143
|
for (var i = 0; i < keyboardActions.length; i += 1) {
|
|
171
144
|
var keyboardAction = keyboardActions[i];
|
|
172
|
-
|
|
173
145
|
if (!ContextActionUtils.actionsDisabled && keyboardAction.shortcut != null && keyboardAction.shortcut.matchesEvent(e)) {
|
|
174
146
|
var _keyboardAction$actio;
|
|
175
|
-
|
|
176
147
|
log.debug('Context hotkey matched!', e);
|
|
177
148
|
(_keyboardAction$actio = keyboardAction.action) === null || _keyboardAction$actio === void 0 ? void 0 : _keyboardAction$actio.call(keyboardAction, e);
|
|
178
149
|
e.stopPropagation();
|
|
@@ -181,7 +152,6 @@ class ContextActions extends Component {
|
|
|
181
152
|
}
|
|
182
153
|
}
|
|
183
154
|
}
|
|
184
|
-
|
|
185
155
|
render() {
|
|
186
156
|
var {
|
|
187
157
|
'data-testid': dataTestId
|
|
@@ -197,9 +167,7 @@ class ContextActions extends Component {
|
|
|
197
167
|
actions: globalActions
|
|
198
168
|
}));
|
|
199
169
|
}
|
|
200
|
-
|
|
201
170
|
}
|
|
202
|
-
|
|
203
171
|
_defineProperty(ContextActions, "groups", {
|
|
204
172
|
default: null,
|
|
205
173
|
high: 100,
|
|
@@ -208,6 +176,5 @@ _defineProperty(ContextActions, "groups", {
|
|
|
208
176
|
global: 100000,
|
|
209
177
|
edit: 100
|
|
210
178
|
});
|
|
211
|
-
|
|
212
179
|
export default ContextActions;
|
|
213
180
|
//# sourceMappingURL=ContextActions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextActions.js","names":["React","Component","Log","ContextActionUtils","isPromise","GlobalContextActions","log","module","ContextActions","triggerMenu","element","clientX","clientY","actions","length","mouseEvent","MouseEvent","bubbles","cancelable","contextActions","dispatchEvent","constructor","props","handleContextMenu","bind","handleKeyDown","container","createRef","state","globalActions","keyboardActions","getDerivedStateFromProps","Array","isArray","filter","action","isGlobal","undefined","shortcut","componentDidMount","current","parentElement","addEventListener","componentWillUnmount","removeEventListener","e","ignoreClassNames","el","target","classList","ignoredClassName","find","className","contains","debug2","isContextActionEvent","concat","debug","i","keyboardAction","actionsDisabled","matchesEvent","stopPropagation","preventDefault","render","dataTestId","default","high","medium","low","global","edit"],"sources":["../../src/context-actions/ContextActions.tsx"],"sourcesContent":["/**\n * Just a simple utility class for displaying a popup menu.\n */\nimport React, { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils, {\n ResolvableContextAction,\n isPromise,\n} from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\nimport GlobalContextActions from './GlobalContextActions';\nimport './ContextActions.scss';\n\nconst log = Log.module('ContextActions');\n\ninterface ContextActionsProps {\n actions: ResolvableContextAction | ResolvableContextAction[];\n ignoreClassNames?: string[];\n 'data-testid'?: string;\n}\n\ninterface ContextActionsState {\n globalActions: ContextAction[];\n keyboardActions: ContextAction[];\n}\n\n/**\n * ContextActions that you add onto any component.\n *\n * Usage:\n * let actions = [{\n * title: 'My Action', // Omit the title to hide it from the context menu\n * action: () => { alert('My Action Clicked!') }\n * actions: [] // Submenu of actions\n * icon: faPrint, // Limited to FontAwesome icons for now.\n * iconColor: '#ff0000, // Color to use for the icon\n * shortcut: Shortcut, // Defaults to null\n * isGlobal: false, // Global context action. Defaults to false.\n * group: ContextActions.groups.default, // What group to group the context action with\n * order: null, // Int where to order within group\n * disabled: true // disable action\n * menuElement: null // Custom menu element for displaying in context menu. When null, creates a default menu item based on title\n * }];\n *\n * <div>\n * Right click in this container\n * <ContextActions actions={actions}/>\n * </div>\n *\n * Right clicking the container will then build the context menu, bubbling up until an element with a ContextMenuRoot is on it.\n * You should generally have a ContextMenuRoot on the root node of your document.\n */\nclass ContextActions extends Component<\n ContextActionsProps,\n ContextActionsState\n> {\n /**\n * Group you can assign to context menu actions to group them together.\n * Lower group IDs appear at the top of the list.\n * Groups are separated by a separator item.\n * Items within groups are ordered by their order property, then by their title.\n */\n static groups = {\n default: null,\n high: 100,\n medium: 5000,\n low: 10000,\n global: 100000,\n\n edit: 100,\n };\n\n static triggerMenu(\n element: Element,\n clientX: number,\n clientY: number,\n actions: ContextAction[]\n ): void {\n if (actions.length === 0) {\n return;\n }\n\n const mouseEvent: Partial<ContextActionEvent> = new MouseEvent(\n 'contextmenu',\n {\n clientX,\n clientY,\n bubbles: true,\n cancelable: true,\n }\n );\n mouseEvent.contextActions = actions;\n\n element.dispatchEvent(mouseEvent as ContextActionEvent);\n }\n\n constructor(props: ContextActionsProps) {\n super(props);\n\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n\n this.container = React.createRef();\n\n this.state = { globalActions: [], keyboardActions: [] };\n }\n\n static getDerivedStateFromProps(\n props: ContextActionsProps\n ): ContextActionsState {\n if (props.actions == null || !Array.isArray(props.actions)) {\n return { globalActions: [], keyboardActions: [] };\n }\n const globalActions = props.actions.filter(\n action =>\n !isPromise(action) && typeof action !== 'function' && action.isGlobal\n ) as ContextAction[];\n const keyboardActions = props.actions.filter(\n action =>\n !isPromise(action) &&\n typeof action !== 'function' &&\n (action.isGlobal === undefined || !action.isGlobal) &&\n action.shortcut != null\n ) as ContextAction[];\n\n return { globalActions, keyboardActions };\n }\n\n componentDidMount(): void {\n if (this.container.current?.parentElement) {\n this.container.current.parentElement.addEventListener(\n 'contextmenu',\n this.handleContextMenu\n );\n this.container.current.parentElement.addEventListener(\n 'keydown',\n this.handleKeyDown\n );\n }\n }\n\n componentWillUnmount(): void {\n if (this.container.current?.parentElement) {\n this.container.current.parentElement.removeEventListener(\n 'contextmenu',\n this.handleContextMenu\n );\n this.container.current.parentElement.removeEventListener(\n 'keydown',\n this.handleKeyDown\n );\n }\n }\n\n container: React.RefObject<HTMLDivElement>;\n\n handleContextMenu(e: MouseEvent): void {\n const { ignoreClassNames = [] } = this.props;\n if (ignoreClassNames.length > 0) {\n let el = e.target as Element | null;\n while (el != null) {\n const { classList } = el;\n const ignoredClassName = ignoreClassNames.find(className =>\n classList.contains(className)\n );\n if (ignoredClassName !== undefined) {\n log.debug2(\n `Contextmenu event ignored based on the target className \"${ignoredClassName}\"`\n );\n return;\n }\n el = el.parentElement;\n }\n }\n if (!ContextActionUtils.isContextActionEvent(e)) {\n (e as ContextActionEvent).contextActions = [];\n }\n\n if (!ContextActionUtils.isContextActionEvent(e)) {\n return;\n }\n\n const { actions } = this.props;\n if (actions != null) {\n let contextActions = actions;\n if (Array.isArray(contextActions)) {\n contextActions = contextActions.filter(\n action =>\n isPromise(action) ||\n typeof action === 'function' ||\n action.isGlobal === undefined ||\n !action.isGlobal\n );\n }\n\n e.contextActions = e.contextActions.concat(contextActions);\n }\n\n log.debug(\n 'Received context menu event! Menu items are now: ',\n e.contextActions\n );\n }\n\n handleKeyDown(e: KeyboardEvent): void {\n const { keyboardActions } = this.state;\n for (let i = 0; i < keyboardActions.length; i += 1) {\n const keyboardAction = keyboardActions[i];\n if (\n !ContextActionUtils.actionsDisabled &&\n keyboardAction.shortcut != null &&\n keyboardAction.shortcut.matchesEvent(e)\n ) {\n log.debug('Context hotkey matched!', e);\n\n keyboardAction.action?.(e);\n\n e.stopPropagation();\n e.preventDefault();\n\n log.debug2('Matched hotkey returned false, key event not consumed');\n }\n }\n }\n\n render(): JSX.Element {\n const { 'data-testid': dataTestId } = this.props;\n const { globalActions } = this.state;\n return (\n <div\n className=\"context-actions-listener\"\n ref={this.container}\n data-testid={dataTestId}\n >\n <GlobalContextActions actions={globalActions} />\n </div>\n );\n }\n}\n\nexport default ContextActions;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ContextActions.js","names":["React","Component","Log","ContextActionUtils","isPromise","GlobalContextActions","log","module","ContextActions","triggerMenu","element","clientX","clientY","actions","length","mouseEvent","MouseEvent","bubbles","cancelable","contextActions","dispatchEvent","constructor","props","handleContextMenu","bind","handleKeyDown","container","createRef","state","globalActions","keyboardActions","getDerivedStateFromProps","Array","isArray","filter","action","isGlobal","undefined","shortcut","componentDidMount","current","parentElement","addEventListener","componentWillUnmount","removeEventListener","e","ignoreClassNames","el","target","classList","ignoredClassName","find","className","contains","debug2","isContextActionEvent","concat","debug","i","keyboardAction","actionsDisabled","matchesEvent","stopPropagation","preventDefault","render","dataTestId","default","high","medium","low","global","edit"],"sources":["../../src/context-actions/ContextActions.tsx"],"sourcesContent":["/**\n * Just a simple utility class for displaying a popup menu.\n */\nimport React, { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils, {\n ResolvableContextAction,\n isPromise,\n} from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\nimport GlobalContextActions from './GlobalContextActions';\nimport './ContextActions.scss';\n\nconst log = Log.module('ContextActions');\n\ninterface ContextActionsProps {\n actions: ResolvableContextAction | ResolvableContextAction[];\n ignoreClassNames?: string[];\n 'data-testid'?: string;\n}\n\ninterface ContextActionsState {\n globalActions: ContextAction[];\n keyboardActions: ContextAction[];\n}\n\n/**\n * ContextActions that you add onto any component.\n *\n * Usage:\n * let actions = [{\n * title: 'My Action', // Omit the title to hide it from the context menu\n * action: () => { alert('My Action Clicked!') }\n * actions: [] // Submenu of actions\n * icon: faPrint, // Limited to FontAwesome icons for now.\n * iconColor: '#ff0000, // Color to use for the icon\n * shortcut: Shortcut, // Defaults to null\n * isGlobal: false, // Global context action. Defaults to false.\n * group: ContextActions.groups.default, // What group to group the context action with\n * order: null, // Int where to order within group\n * disabled: true // disable action\n * menuElement: null // Custom menu element for displaying in context menu. When null, creates a default menu item based on title\n * }];\n *\n * <div>\n * Right click in this container\n * <ContextActions actions={actions}/>\n * </div>\n *\n * Right clicking the container will then build the context menu, bubbling up until an element with a ContextMenuRoot is on it.\n * You should generally have a ContextMenuRoot on the root node of your document.\n */\nclass ContextActions extends Component<\n ContextActionsProps,\n ContextActionsState\n> {\n /**\n * Group you can assign to context menu actions to group them together.\n * Lower group IDs appear at the top of the list.\n * Groups are separated by a separator item.\n * Items within groups are ordered by their order property, then by their title.\n */\n static groups = {\n default: null,\n high: 100,\n medium: 5000,\n low: 10000,\n global: 100000,\n\n edit: 100,\n };\n\n static triggerMenu(\n element: Element,\n clientX: number,\n clientY: number,\n actions: ContextAction[]\n ): void {\n if (actions.length === 0) {\n return;\n }\n\n const mouseEvent: Partial<ContextActionEvent> = new MouseEvent(\n 'contextmenu',\n {\n clientX,\n clientY,\n bubbles: true,\n cancelable: true,\n }\n );\n mouseEvent.contextActions = actions;\n\n element.dispatchEvent(mouseEvent as ContextActionEvent);\n }\n\n constructor(props: ContextActionsProps) {\n super(props);\n\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n\n this.container = React.createRef();\n\n this.state = { globalActions: [], keyboardActions: [] };\n }\n\n static getDerivedStateFromProps(\n props: ContextActionsProps\n ): ContextActionsState {\n if (props.actions == null || !Array.isArray(props.actions)) {\n return { globalActions: [], keyboardActions: [] };\n }\n const globalActions = props.actions.filter(\n action =>\n !isPromise(action) && typeof action !== 'function' && action.isGlobal\n ) as ContextAction[];\n const keyboardActions = props.actions.filter(\n action =>\n !isPromise(action) &&\n typeof action !== 'function' &&\n (action.isGlobal === undefined || !action.isGlobal) &&\n action.shortcut != null\n ) as ContextAction[];\n\n return { globalActions, keyboardActions };\n }\n\n componentDidMount(): void {\n if (this.container.current?.parentElement) {\n this.container.current.parentElement.addEventListener(\n 'contextmenu',\n this.handleContextMenu\n );\n this.container.current.parentElement.addEventListener(\n 'keydown',\n this.handleKeyDown\n );\n }\n }\n\n componentWillUnmount(): void {\n if (this.container.current?.parentElement) {\n this.container.current.parentElement.removeEventListener(\n 'contextmenu',\n this.handleContextMenu\n );\n this.container.current.parentElement.removeEventListener(\n 'keydown',\n this.handleKeyDown\n );\n }\n }\n\n container: React.RefObject<HTMLDivElement>;\n\n handleContextMenu(e: MouseEvent): void {\n const { ignoreClassNames = [] } = this.props;\n if (ignoreClassNames.length > 0) {\n let el = e.target as Element | null;\n while (el != null) {\n const { classList } = el;\n const ignoredClassName = ignoreClassNames.find(className =>\n classList.contains(className)\n );\n if (ignoredClassName !== undefined) {\n log.debug2(\n `Contextmenu event ignored based on the target className \"${ignoredClassName}\"`\n );\n return;\n }\n el = el.parentElement;\n }\n }\n if (!ContextActionUtils.isContextActionEvent(e)) {\n (e as ContextActionEvent).contextActions = [];\n }\n\n if (!ContextActionUtils.isContextActionEvent(e)) {\n return;\n }\n\n const { actions } = this.props;\n if (actions != null) {\n let contextActions = actions;\n if (Array.isArray(contextActions)) {\n contextActions = contextActions.filter(\n action =>\n isPromise(action) ||\n typeof action === 'function' ||\n action.isGlobal === undefined ||\n !action.isGlobal\n );\n }\n\n e.contextActions = e.contextActions.concat(contextActions);\n }\n\n log.debug(\n 'Received context menu event! Menu items are now: ',\n e.contextActions\n );\n }\n\n handleKeyDown(e: KeyboardEvent): void {\n const { keyboardActions } = this.state;\n for (let i = 0; i < keyboardActions.length; i += 1) {\n const keyboardAction = keyboardActions[i];\n if (\n !ContextActionUtils.actionsDisabled &&\n keyboardAction.shortcut != null &&\n keyboardAction.shortcut.matchesEvent(e)\n ) {\n log.debug('Context hotkey matched!', e);\n\n keyboardAction.action?.(e);\n\n e.stopPropagation();\n e.preventDefault();\n\n log.debug2('Matched hotkey returned false, key event not consumed');\n }\n }\n }\n\n render(): JSX.Element {\n const { 'data-testid': dataTestId } = this.props;\n const { globalActions } = this.state;\n return (\n <div\n className=\"context-actions-listener\"\n ref={this.container}\n data-testid={dataTestId}\n >\n <GlobalContextActions actions={globalActions} />\n </div>\n );\n }\n}\n\nexport default ContextActions;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,GAAG,MAAM,gBAAgB;AAAC,OAC1BC,kBAAkB,IAEvBC,SAAS;AAAA,OAGJC,oBAAoB;AAAA;AAG3B,IAAMC,GAAG,GAAGJ,GAAG,CAACK,MAAM,CAAC,gBAAgB,CAAC;AAaxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,SAASP,SAAS,CAGpC;EACA;AACF;AACA;AACA;AACA;AACA;;EAWE,OAAOQ,WAAW,CAChBC,OAAgB,EAChBC,OAAe,EACfC,OAAe,EACfC,OAAwB,EAClB;IACN,IAAIA,OAAO,CAACC,MAAM,KAAK,CAAC,EAAE;MACxB;IACF;IAEA,IAAMC,UAAuC,GAAG,IAAIC,UAAU,CAC5D,aAAa,EACb;MACEL,OAAO;MACPC,OAAO;MACPK,OAAO,EAAE,IAAI;MACbC,UAAU,EAAE;IACd,CAAC,CACF;IACDH,UAAU,CAACI,cAAc,GAAGN,OAAO;IAEnCH,OAAO,CAACU,aAAa,CAACL,UAAU,CAAuB;EACzD;EAEAM,WAAW,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,CAAC;IAAC;IAEb,IAAI,CAACC,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACC,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACD,IAAI,CAAC,IAAI,CAAC;IAElD,IAAI,CAACE,SAAS,gBAAG1B,KAAK,CAAC2B,SAAS,EAAE;IAElC,IAAI,CAACC,KAAK,GAAG;MAAEC,aAAa,EAAE,EAAE;MAAEC,eAAe,EAAE;IAAG,CAAC;EACzD;EAEA,OAAOC,wBAAwB,CAC7BT,KAA0B,EACL;IACrB,IAAIA,KAAK,CAACT,OAAO,IAAI,IAAI,IAAI,CAACmB,KAAK,CAACC,OAAO,CAACX,KAAK,CAACT,OAAO,CAAC,EAAE;MAC1D,OAAO;QAAEgB,aAAa,EAAE,EAAE;QAAEC,eAAe,EAAE;MAAG,CAAC;IACnD;IACA,IAAMD,aAAa,GAAGP,KAAK,CAACT,OAAO,CAACqB,MAAM,CACxCC,MAAM,IACJ,CAAC/B,SAAS,CAAC+B,MAAM,CAAC,IAAI,OAAOA,MAAM,KAAK,UAAU,IAAIA,MAAM,CAACC,QAAQ,CACrD;IACpB,IAAMN,eAAe,GAAGR,KAAK,CAACT,OAAO,CAACqB,MAAM,CAC1CC,MAAM,IACJ,CAAC/B,SAAS,CAAC+B,MAAM,CAAC,IAClB,OAAOA,MAAM,KAAK,UAAU,KAC3BA,MAAM,CAACC,QAAQ,KAAKC,SAAS,IAAI,CAACF,MAAM,CAACC,QAAQ,CAAC,IACnDD,MAAM,CAACG,QAAQ,IAAI,IAAI,CACP;IAEpB,OAAO;MAAET,aAAa;MAAEC;IAAgB,CAAC;EAC3C;EAEAS,iBAAiB,GAAS;IAAA;IACxB,6BAAI,IAAI,CAACb,SAAS,CAACc,OAAO,kDAAtB,sBAAwBC,aAAa,EAAE;MACzC,IAAI,CAACf,SAAS,CAACc,OAAO,CAACC,aAAa,CAACC,gBAAgB,CACnD,aAAa,EACb,IAAI,CAACnB,iBAAiB,CACvB;MACD,IAAI,CAACG,SAAS,CAACc,OAAO,CAACC,aAAa,CAACC,gBAAgB,CACnD,SAAS,EACT,IAAI,CAACjB,aAAa,CACnB;IACH;EACF;EAEAkB,oBAAoB,GAAS;IAAA;IAC3B,8BAAI,IAAI,CAACjB,SAAS,CAACc,OAAO,mDAAtB,uBAAwBC,aAAa,EAAE;MACzC,IAAI,CAACf,SAAS,CAACc,OAAO,CAACC,aAAa,CAACG,mBAAmB,CACtD,aAAa,EACb,IAAI,CAACrB,iBAAiB,CACvB;MACD,IAAI,CAACG,SAAS,CAACc,OAAO,CAACC,aAAa,CAACG,mBAAmB,CACtD,SAAS,EACT,IAAI,CAACnB,aAAa,CACnB;IACH;EACF;EAIAF,iBAAiB,CAACsB,CAAa,EAAQ;IACrC,IAAM;MAAEC,gBAAgB,GAAG;IAAG,CAAC,GAAG,IAAI,CAACxB,KAAK;IAC5C,IAAIwB,gBAAgB,CAAChC,MAAM,GAAG,CAAC,EAAE;MAC/B,IAAIiC,EAAE,GAAGF,CAAC,CAACG,MAAwB;MAAC;QAElC,IAAM;UAAEC;QAAU,CAAC,GAAGF,EAAE;QACxB,IAAMG,gBAAgB,GAAGJ,gBAAgB,CAACK,IAAI,CAACC,SAAS,IACtDH,SAAS,CAACI,QAAQ,CAACD,SAAS,CAAC,CAC9B;QACD,IAAIF,gBAAgB,KAAKb,SAAS,EAAE;UAClC/B,GAAG,CAACgD,MAAM,qEACoDJ,gBAAgB,QAC7E;UACD;YAAA;UAAA;QACF;QACAH,EAAE,GAAGA,EAAE,CAACN,aAAa;MAAC;MAXxB,OAAOM,EAAE,IAAI,IAAI,EAAE;QAAA;QAAA;MAYnB;IACF;IACA,IAAI,CAAC5C,kBAAkB,CAACoD,oBAAoB,CAACV,CAAC,CAAC,EAAE;MAC9CA,CAAC,CAAwB1B,cAAc,GAAG,EAAE;IAC/C;IAEA,IAAI,CAAChB,kBAAkB,CAACoD,oBAAoB,CAACV,CAAC,CAAC,EAAE;MAC/C;IACF;IAEA,IAAM;MAAEhC;IAAQ,CAAC,GAAG,IAAI,CAACS,KAAK;IAC9B,IAAIT,OAAO,IAAI,IAAI,EAAE;MACnB,IAAIM,cAAc,GAAGN,OAAO;MAC5B,IAAImB,KAAK,CAACC,OAAO,CAACd,cAAc,CAAC,EAAE;QACjCA,cAAc,GAAGA,cAAc,CAACe,MAAM,CACpCC,MAAM,IACJ/B,SAAS,CAAC+B,MAAM,CAAC,IACjB,OAAOA,MAAM,KAAK,UAAU,IAC5BA,MAAM,CAACC,QAAQ,KAAKC,SAAS,IAC7B,CAACF,MAAM,CAACC,QAAQ,CACnB;MACH;MAEAS,CAAC,CAAC1B,cAAc,GAAG0B,CAAC,CAAC1B,cAAc,CAACqC,MAAM,CAACrC,cAAc,CAAC;IAC5D;IAEAb,GAAG,CAACmD,KAAK,CACP,mDAAmD,EACnDZ,CAAC,CAAC1B,cAAc,CACjB;EACH;EAEAM,aAAa,CAACoB,CAAgB,EAAQ;IACpC,IAAM;MAAEf;IAAgB,CAAC,GAAG,IAAI,CAACF,KAAK;IACtC,KAAK,IAAI8B,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG5B,eAAe,CAAChB,MAAM,EAAE4C,CAAC,IAAI,CAAC,EAAE;MAClD,IAAMC,cAAc,GAAG7B,eAAe,CAAC4B,CAAC,CAAC;MACzC,IACE,CAACvD,kBAAkB,CAACyD,eAAe,IACnCD,cAAc,CAACrB,QAAQ,IAAI,IAAI,IAC/BqB,cAAc,CAACrB,QAAQ,CAACuB,YAAY,CAAChB,CAAC,CAAC,EACvC;QAAA;QACAvC,GAAG,CAACmD,KAAK,CAAC,yBAAyB,EAAEZ,CAAC,CAAC;QAEvC,yBAAAc,cAAc,CAACxB,MAAM,0DAArB,2BAAAwB,cAAc,EAAUd,CAAC,CAAC;QAE1BA,CAAC,CAACiB,eAAe,EAAE;QACnBjB,CAAC,CAACkB,cAAc,EAAE;QAElBzD,GAAG,CAACgD,MAAM,CAAC,uDAAuD,CAAC;MACrE;IACF;EACF;EAEAU,MAAM,GAAgB;IACpB,IAAM;MAAE,aAAa,EAAEC;IAAW,CAAC,GAAG,IAAI,CAAC3C,KAAK;IAChD,IAAM;MAAEO;IAAc,CAAC,GAAG,IAAI,CAACD,KAAK;IACpC,oBACE;MACE,SAAS,EAAC,0BAA0B;MACpC,GAAG,EAAE,IAAI,CAACF,SAAU;MACpB,eAAauC;IAAW,gBAExB,oBAAC,oBAAoB;MAAC,OAAO,EAAEpC;IAAc,EAAG,CAC5C;EAEV;AACF;AAAC,gBA1LKrB,cAAc,YAUF;EACd0D,OAAO,EAAE,IAAI;EACbC,IAAI,EAAE,GAAG;EACTC,MAAM,EAAE,IAAI;EACZC,GAAG,EAAE,KAAK;EACVC,MAAM,EAAE,MAAM;EAEdC,IAAI,EAAE;AACR,CAAC;AA0KH,eAAe/D,cAAc"}
|