@deephaven/dashboard 0.5.2-beta.0 → 0.6.1-demo.10
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/Dashboard.d.ts +2 -1
- package/dist/Dashboard.d.ts.map +1 -1
- package/dist/Dashboard.js +37 -61
- package/dist/Dashboard.js.map +1 -1
- package/dist/DashboardLayout.d.ts +3 -1
- package/dist/DashboardLayout.d.ts.map +1 -1
- package/dist/DashboardLayout.js +63 -93
- package/dist/DashboardLayout.js.map +1 -1
- package/dist/DashboardUtils.js +16 -9
- package/dist/DashboardUtils.js.map +1 -1
- package/dist/PanelErrorBoundary.js +41 -73
- package/dist/PanelErrorBoundary.js.map +1 -1
- package/dist/PanelManager.js +216 -259
- package/dist/PanelManager.js.map +1 -1
- package/dist/PanelPlaceholder.js +3 -3
- package/dist/PanelPlaceholder.js.map +1 -1
- package/dist/index.js +13 -13
- package/dist/index.js.map +1 -1
- package/dist/layout/GLPropTypes.js +3 -3
- package/dist/layout/GLPropTypes.js.map +1 -1
- package/dist/layout/GoldenLayoutThemeExport.js.map +1 -1
- package/dist/layout/LayoutUtils.d.ts +8 -1
- package/dist/layout/LayoutUtils.d.ts.map +1 -1
- package/dist/layout/LayoutUtils.js +632 -677
- package/dist/layout/LayoutUtils.js.map +1 -1
- package/dist/layout/golden-layout.js +2 -2
- package/dist/layout/golden-layout.js.map +1 -1
- package/dist/layout/hooks.js +7 -9
- package/dist/layout/hooks.js.map +1 -1
- package/dist/layout/index.js +4 -4
- package/dist/layout/index.js.map +1 -1
- package/dist/redux/actions.js +8 -14
- package/dist/redux/actions.js.map +1 -1
- package/dist/redux/index.js +6 -21
- package/dist/redux/index.js.map +1 -1
- package/dist/redux/reducers/dashboardData.js +1 -1
- package/dist/redux/reducers/dashboardData.js.map +1 -1
- package/dist/redux/reducers/index.js +2 -2
- package/dist/redux/reducers/index.js.map +1 -1
- package/dist/redux/selectors.js +4 -6
- package/dist/redux/selectors.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +19 -24
package/dist/PanelManager.js
CHANGED
|
@@ -2,35 +2,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
2
2
|
|
|
3
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
4
4
|
|
|
5
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
6
|
-
|
|
7
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
8
|
-
|
|
9
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
10
|
-
|
|
11
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
12
|
-
|
|
13
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
14
|
-
|
|
15
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
16
|
-
|
|
17
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18
|
-
|
|
19
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
20
|
-
|
|
21
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
22
|
-
|
|
23
5
|
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; }
|
|
24
6
|
|
|
25
7
|
import Log from '@deephaven/log';
|
|
26
|
-
import PanelEvent from
|
|
27
|
-
import LayoutUtils from
|
|
8
|
+
import PanelEvent from "./PanelEvent.js";
|
|
9
|
+
import LayoutUtils from "./layout/LayoutUtils.js";
|
|
28
10
|
var log = Log.module('PanelManager');
|
|
29
11
|
|
|
30
12
|
/**
|
|
31
13
|
* Class to keep track of which panels are open, have been closed, and also events to close panels.
|
|
32
14
|
*/
|
|
33
|
-
|
|
15
|
+
class PanelManager {
|
|
34
16
|
/**
|
|
35
17
|
* @param layout The GoldenLayout object to attach to
|
|
36
18
|
* @param hydrateComponent Function to hydrate a panel from a dehydrated state
|
|
@@ -39,20 +21,12 @@ var PanelManager = /*#__PURE__*/function () {
|
|
|
39
21
|
* @param closed Array of closed panels in a dehydrated state
|
|
40
22
|
* @param onPanelsUpdated Triggered when the panels are updated
|
|
41
23
|
*/
|
|
42
|
-
|
|
43
|
-
var hydrateComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] :
|
|
44
|
-
|
|
45
|
-
};
|
|
46
|
-
var dehydrateComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (name, config) {
|
|
47
|
-
return config;
|
|
48
|
-
};
|
|
24
|
+
constructor(layout) {
|
|
25
|
+
var hydrateComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (name, props) => props;
|
|
26
|
+
var dehydrateComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : (name, config) => config;
|
|
49
27
|
var openedMap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : new Map();
|
|
50
28
|
var closed = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
|
|
51
|
-
var onPanelsUpdated = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] :
|
|
52
|
-
return undefined;
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
_classCallCheck(this, PanelManager);
|
|
29
|
+
var onPanelsUpdated = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : () => undefined;
|
|
56
30
|
|
|
57
31
|
_defineProperty(this, "layout", void 0);
|
|
58
32
|
|
|
@@ -83,255 +57,238 @@ var PanelManager = /*#__PURE__*/function () {
|
|
|
83
57
|
|
|
84
58
|
this.openedMap = new Map(openedMap); // Closed panels are stored in their dehydrated state
|
|
85
59
|
|
|
86
|
-
this.closed =
|
|
60
|
+
this.closed = [...closed];
|
|
87
61
|
this.startListening();
|
|
88
62
|
}
|
|
89
63
|
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
}, {
|
|
103
|
-
key: "stopListening",
|
|
104
|
-
value: function stopListening() {
|
|
105
|
-
var eventHub = this.layout.eventHub;
|
|
106
|
-
eventHub.off(PanelEvent.FOCUS, this.handleFocus);
|
|
107
|
-
eventHub.off(PanelEvent.MOUNT, this.handleMount);
|
|
108
|
-
eventHub.off(PanelEvent.UNMOUNT, this.handleUnmount);
|
|
109
|
-
eventHub.off(PanelEvent.REOPEN, this.handleReopen);
|
|
110
|
-
eventHub.off(PanelEvent.DELETE, this.handleDeleted);
|
|
111
|
-
eventHub.off(PanelEvent.CLOSED, this.handleClosed);
|
|
112
|
-
eventHub.off(PanelEvent.CLOSE, this.handleControlClose);
|
|
113
|
-
}
|
|
114
|
-
}, {
|
|
115
|
-
key: "getClosedPanelConfigsOfType",
|
|
116
|
-
value: function getClosedPanelConfigsOfType(typeString) {
|
|
117
|
-
return this.closed.filter(function (panel) {
|
|
118
|
-
return panel.component === typeString;
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
}, {
|
|
122
|
-
key: "getOpenedPanels",
|
|
123
|
-
value: function getOpenedPanels() {
|
|
124
|
-
return Array.from(this.openedMap.values());
|
|
125
|
-
}
|
|
126
|
-
}, {
|
|
127
|
-
key: "getOpenedPanelConfigs",
|
|
128
|
-
value: function getOpenedPanelConfigs() {
|
|
129
|
-
return this.getOpenedPanels().map(function (panel) {
|
|
130
|
-
var glContainer = panel.props.glContainer;
|
|
131
|
-
return LayoutUtils.getComponentConfigFromContainer(glContainer);
|
|
132
|
-
});
|
|
133
|
-
}
|
|
134
|
-
}, {
|
|
135
|
-
key: "getOpenedPanelConfigsOfType",
|
|
136
|
-
value: function getOpenedPanelConfigsOfType(typeString) {
|
|
137
|
-
return this.getOpenedPanelConfigs().filter(function (config) {
|
|
138
|
-
return config != null && config.component === typeString;
|
|
139
|
-
});
|
|
140
|
-
}
|
|
141
|
-
}, {
|
|
142
|
-
key: "getOpenedPanelById",
|
|
143
|
-
value: function getOpenedPanelById(panelId) {
|
|
144
|
-
return this.openedMap.get(panelId);
|
|
145
|
-
}
|
|
146
|
-
}, {
|
|
147
|
-
key: "getContainerByPanelId",
|
|
148
|
-
value: function getContainerByPanelId(panelId) {
|
|
149
|
-
var _ref;
|
|
150
|
-
|
|
151
|
-
var stack = LayoutUtils.getStackForConfig(this.layout.root, {
|
|
152
|
-
id: panelId
|
|
153
|
-
});
|
|
154
|
-
return (_ref = stack && LayoutUtils.getContentItemInStack(stack, {
|
|
155
|
-
id: panelId
|
|
156
|
-
})) !== null && _ref !== void 0 ? _ref : null;
|
|
157
|
-
}
|
|
158
|
-
}, {
|
|
159
|
-
key: "getLastUsedPanel",
|
|
160
|
-
value: function getLastUsedPanel(matcher) {
|
|
161
|
-
var opened = this.getOpenedPanels();
|
|
64
|
+
startListening() {
|
|
65
|
+
var {
|
|
66
|
+
eventHub
|
|
67
|
+
} = this.layout;
|
|
68
|
+
eventHub.on(PanelEvent.FOCUS, this.handleFocus);
|
|
69
|
+
eventHub.on(PanelEvent.MOUNT, this.handleMount);
|
|
70
|
+
eventHub.on(PanelEvent.UNMOUNT, this.handleUnmount);
|
|
71
|
+
eventHub.on(PanelEvent.REOPEN, this.handleReopen);
|
|
72
|
+
eventHub.on(PanelEvent.DELETE, this.handleDeleted);
|
|
73
|
+
eventHub.on(PanelEvent.CLOSED, this.handleClosed);
|
|
74
|
+
eventHub.on(PanelEvent.CLOSE, this.handleControlClose);
|
|
75
|
+
}
|
|
162
76
|
|
|
163
|
-
|
|
164
|
-
|
|
77
|
+
stopListening() {
|
|
78
|
+
var {
|
|
79
|
+
eventHub
|
|
80
|
+
} = this.layout;
|
|
81
|
+
eventHub.off(PanelEvent.FOCUS, this.handleFocus);
|
|
82
|
+
eventHub.off(PanelEvent.MOUNT, this.handleMount);
|
|
83
|
+
eventHub.off(PanelEvent.UNMOUNT, this.handleUnmount);
|
|
84
|
+
eventHub.off(PanelEvent.REOPEN, this.handleReopen);
|
|
85
|
+
eventHub.off(PanelEvent.DELETE, this.handleDeleted);
|
|
86
|
+
eventHub.off(PanelEvent.CLOSED, this.handleClosed);
|
|
87
|
+
eventHub.off(PanelEvent.CLOSE, this.handleControlClose);
|
|
88
|
+
}
|
|
165
89
|
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
}
|
|
90
|
+
getClosedPanelConfigsOfType(typeString) {
|
|
91
|
+
return this.closed.filter(panel => panel.component === typeString);
|
|
92
|
+
}
|
|
170
93
|
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
}
|
|
174
|
-
key: "getLastUsedPanelOfType",
|
|
175
|
-
value: function getLastUsedPanelOfType(type) {
|
|
176
|
-
return this.getLastUsedPanel(function (panel) {
|
|
177
|
-
return panel instanceof type;
|
|
178
|
-
});
|
|
179
|
-
}
|
|
180
|
-
}, {
|
|
181
|
-
key: "updatePanel",
|
|
182
|
-
value: function updatePanel(panel) {
|
|
183
|
-
var panelId = LayoutUtils.getIdFromPanel(panel);
|
|
184
|
-
|
|
185
|
-
if (!panelId) {
|
|
186
|
-
log.error('updatePanel Panel did not have an ID', panel);
|
|
187
|
-
return;
|
|
188
|
-
}
|
|
94
|
+
getOpenedPanels() {
|
|
95
|
+
return Array.from(this.openedMap.values());
|
|
96
|
+
}
|
|
189
97
|
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
98
|
+
getOpenedPanelConfigs() {
|
|
99
|
+
return this.getOpenedPanels().map(panel => {
|
|
100
|
+
var {
|
|
101
|
+
glContainer
|
|
102
|
+
} = panel.props;
|
|
103
|
+
return LayoutUtils.getComponentConfigFromContainer(glContainer);
|
|
104
|
+
});
|
|
105
|
+
}
|
|
193
106
|
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
}, {
|
|
198
|
-
key: "removePanel",
|
|
199
|
-
value: function removePanel(panel) {
|
|
200
|
-
var panelId = LayoutUtils.getIdFromPanel(panel);
|
|
201
|
-
|
|
202
|
-
if (!panelId) {
|
|
203
|
-
log.error('removePanel Panel did not have an ID', panel);
|
|
204
|
-
return;
|
|
205
|
-
}
|
|
107
|
+
getOpenedPanelConfigsOfType(typeString) {
|
|
108
|
+
return this.getOpenedPanelConfigs().filter(config => config != null && config.component === typeString);
|
|
109
|
+
}
|
|
206
110
|
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
}
|
|
111
|
+
getOpenedPanelById(panelId) {
|
|
112
|
+
return this.openedMap.get(panelId);
|
|
113
|
+
}
|
|
211
114
|
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
// when replacing existing panels in openComponent/openComponentInStack.
|
|
215
|
-
// Skip map delete if the panelId entry already refers to the new panel.
|
|
216
|
-
log.debug("Panel argument doesn't match the open panels map entry for ".concat(panelId, ", removePanel ignored"));
|
|
217
|
-
return;
|
|
218
|
-
}
|
|
115
|
+
getContainerByPanelId(panelId) {
|
|
116
|
+
var _ref;
|
|
219
117
|
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
118
|
+
var stack = LayoutUtils.getStackForConfig(this.layout.root, {
|
|
119
|
+
id: panelId
|
|
120
|
+
});
|
|
121
|
+
return (_ref = stack && LayoutUtils.getContentItemInStack(stack, {
|
|
122
|
+
id: panelId
|
|
123
|
+
})) !== null && _ref !== void 0 ? _ref : null;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
getLastUsedPanel(matcher) {
|
|
127
|
+
var opened = this.getOpenedPanels();
|
|
128
|
+
|
|
129
|
+
for (var i = opened.length - 1; i >= 0; i -= 1) {
|
|
130
|
+
var _panel = opened[i];
|
|
131
|
+
|
|
132
|
+
if (matcher == null || matcher(_panel)) {
|
|
133
|
+
return _panel;
|
|
232
134
|
}
|
|
233
135
|
}
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
key: "handleUnmount",
|
|
249
|
-
value: function handleUnmount(panel) {
|
|
250
|
-
log.debug2('Unmount: ', panel);
|
|
251
|
-
this.removePanel(panel);
|
|
252
|
-
this.sendUpdate();
|
|
136
|
+
|
|
137
|
+
return undefined;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
getLastUsedPanelOfType(type) {
|
|
141
|
+
return this.getLastUsedPanel(panel => panel instanceof type);
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
updatePanel(panel) {
|
|
145
|
+
var panelId = LayoutUtils.getIdFromPanel(panel);
|
|
146
|
+
|
|
147
|
+
if (!panelId) {
|
|
148
|
+
log.error('updatePanel Panel did not have an ID', panel);
|
|
149
|
+
return;
|
|
253
150
|
}
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
var props = panelConfig.props;
|
|
270
|
-
props = this.hydrateComponent(component, props);
|
|
271
|
-
|
|
272
|
-
var config = _objectSpread(_objectSpread({}, panelConfig), {}, {
|
|
273
|
-
props: props
|
|
274
|
-
});
|
|
275
|
-
|
|
276
|
-
var root = this.layout.root;
|
|
277
|
-
LayoutUtils.openComponent({
|
|
278
|
-
root: root,
|
|
279
|
-
config: config,
|
|
280
|
-
replaceConfig: replaceConfig
|
|
281
|
-
});
|
|
151
|
+
|
|
152
|
+
log.debug2("Updating panel ID ".concat(panelId, " in open panels map")); // Delete the entry before it's set to maintain correct ordering in the open panels map.
|
|
153
|
+
// The last updated (focused) panel should be the last inserted.
|
|
154
|
+
// Deleting the entry from the map directly instead of calling this.removePanel to skip the checks.
|
|
155
|
+
|
|
156
|
+
this.openedMap.delete(panelId);
|
|
157
|
+
this.openedMap.set(panelId, panel);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
removePanel(panel) {
|
|
161
|
+
var panelId = LayoutUtils.getIdFromPanel(panel);
|
|
162
|
+
|
|
163
|
+
if (!panelId) {
|
|
164
|
+
log.error('removePanel Panel did not have an ID', panel);
|
|
165
|
+
return;
|
|
282
166
|
}
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
this.removeClosedPanelConfig(panelConfig);
|
|
288
|
-
this.sendUpdate();
|
|
167
|
+
|
|
168
|
+
if (!this.openedMap.has(panelId)) {
|
|
169
|
+
log.error("Missing panel ID ".concat(panelId, " in open panels map"));
|
|
170
|
+
return;
|
|
289
171
|
}
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
//
|
|
294
|
-
//
|
|
295
|
-
log.
|
|
296
|
-
|
|
297
|
-
this.sendUpdate();
|
|
172
|
+
|
|
173
|
+
if (this.openedMap.get(panelId) !== panel) {
|
|
174
|
+
// We mount a new panel before un-mounting the existing one
|
|
175
|
+
// when replacing existing panels in openComponent/openComponentInStack.
|
|
176
|
+
// Skip map delete if the panelId entry already refers to the new panel.
|
|
177
|
+
log.debug("Panel argument doesn't match the open panels map entry for ".concat(panelId, ", removePanel ignored"));
|
|
178
|
+
return;
|
|
298
179
|
}
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
180
|
+
|
|
181
|
+
log.debug2("Removing panel ID ".concat(panelId, " from open panels map"));
|
|
182
|
+
this.openedMap.delete(panelId);
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
removeClosedPanelConfig(panelConfig) {
|
|
186
|
+
var index = this.closed.findIndex(closedConfig => closedConfig === panelConfig || closedConfig.id && panelConfig.id && closedConfig.id === panelConfig.id);
|
|
187
|
+
|
|
188
|
+
if (index >= 0) {
|
|
189
|
+
this.closed.splice(index, 1);
|
|
307
190
|
}
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
handleFocus(panel) {
|
|
194
|
+
log.debug2('Focus: ', panel);
|
|
195
|
+
this.updatePanel(panel);
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
handleMount(panel) {
|
|
199
|
+
log.debug2('Mount: ', panel);
|
|
200
|
+
this.updatePanel(panel);
|
|
201
|
+
this.sendUpdate();
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
handleUnmount(panel) {
|
|
205
|
+
log.debug2('Unmount: ', panel);
|
|
206
|
+
this.removePanel(panel);
|
|
207
|
+
this.sendUpdate();
|
|
208
|
+
}
|
|
209
|
+
/**
|
|
210
|
+
*
|
|
211
|
+
* @param {Object} panelConfig The config to hydrate and load
|
|
212
|
+
* @param {Object} replaceConfig The config to place
|
|
213
|
+
*/
|
|
312
214
|
|
|
313
|
-
if (config) {
|
|
314
|
-
var dehydratedConfig = this.dehydrateComponent(config.component, config);
|
|
315
215
|
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
216
|
+
handleReopen(panelConfig) {
|
|
217
|
+
var replaceConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
218
|
+
log.debug2('Reopen:', panelConfig, replaceConfig);
|
|
219
|
+
this.removeClosedPanelConfig(panelConfig); // Don't need to send an update yet, it will get sent when component is mounted
|
|
220
|
+
// Rehydrate the panel before adding it back
|
|
221
|
+
|
|
222
|
+
var {
|
|
223
|
+
component
|
|
224
|
+
} = panelConfig;
|
|
225
|
+
var {
|
|
226
|
+
props
|
|
227
|
+
} = panelConfig;
|
|
228
|
+
props = this.hydrateComponent(component, props);
|
|
229
|
+
|
|
230
|
+
var config = _objectSpread(_objectSpread({}, panelConfig), {}, {
|
|
231
|
+
props
|
|
232
|
+
});
|
|
233
|
+
|
|
234
|
+
var {
|
|
235
|
+
root
|
|
236
|
+
} = this.layout;
|
|
237
|
+
LayoutUtils.openComponent({
|
|
238
|
+
root,
|
|
239
|
+
config,
|
|
240
|
+
replaceConfig
|
|
241
|
+
});
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
handleDeleted(panelConfig) {
|
|
245
|
+
log.debug2('Deleted:', panelConfig);
|
|
246
|
+
this.removeClosedPanelConfig(panelConfig);
|
|
247
|
+
this.sendUpdate();
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
handleClosed(panelId, glContainer) {
|
|
251
|
+
// Panel component should be already unmounted at this point
|
|
252
|
+
// so the emitted event sends the container object instead of the panel.
|
|
253
|
+
log.debug2('Closed: ', panelId);
|
|
254
|
+
this.addClosedPanel(glContainer);
|
|
255
|
+
this.sendUpdate();
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
handleControlClose(id) {
|
|
259
|
+
var config = {
|
|
260
|
+
id
|
|
261
|
+
};
|
|
262
|
+
var {
|
|
263
|
+
root
|
|
264
|
+
} = this.layout;
|
|
265
|
+
LayoutUtils.closeComponent(root, config);
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
addClosedPanel(glContainer) {
|
|
269
|
+
var config = LayoutUtils.getComponentConfigFromContainer(glContainer);
|
|
270
|
+
|
|
271
|
+
if (config) {
|
|
272
|
+
var dehydratedConfig = this.dehydrateComponent(config.component, config);
|
|
273
|
+
|
|
274
|
+
if (dehydratedConfig) {
|
|
275
|
+
this.closed.push(dehydratedConfig);
|
|
319
276
|
}
|
|
320
277
|
}
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
sendUpdate() {
|
|
281
|
+
var {
|
|
282
|
+
closed,
|
|
283
|
+
openedMap
|
|
284
|
+
} = this;
|
|
285
|
+
this.onPanelsUpdated({
|
|
286
|
+
closed: [...closed],
|
|
287
|
+
openedMap: new Map(openedMap)
|
|
288
|
+
});
|
|
289
|
+
}
|
|
332
290
|
|
|
333
|
-
|
|
334
|
-
}();
|
|
291
|
+
}
|
|
335
292
|
|
|
336
293
|
_defineProperty(PanelManager, "MAX_CLOSED_PANEL_COUNT", 100);
|
|
337
294
|
|
package/dist/PanelManager.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/PanelManager.ts"],"names":["Log","PanelEvent","LayoutUtils","log","module","PanelManager","layout","hydrateComponent","name","props","dehydrateComponent","config","openedMap","Map","closed","onPanelsUpdated","undefined","handleFocus","bind","handleMount","handleUnmount","handleReopen","handleDeleted","handleClosed","handleControlClose","startListening","eventHub","on","FOCUS","MOUNT","UNMOUNT","REOPEN","DELETE","CLOSED","CLOSE","off","typeString","filter","panel","component","Array","from","values","getOpenedPanels","map","glContainer","getComponentConfigFromContainer","getOpenedPanelConfigs","panelId","get","stack","getStackForConfig","root","id","getContentItemInStack","matcher","opened","i","length","type","getLastUsedPanel","getIdFromPanel","error","debug2","set","has","debug","panelConfig","index","findIndex","closedConfig","splice","updatePanel","sendUpdate","removePanel","replaceConfig","removeClosedPanelConfig","openComponent","addClosedPanel","closeComponent","dehydratedConfig","push"],"mappings":"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","sourcesContent":["import { ComponentType } from 'react';\nimport GoldenLayout, { ReactComponentConfig } from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport PanelEvent from './PanelEvent';\nimport LayoutUtils from './layout/LayoutUtils';\nimport { PanelComponent, PanelProps } from './DashboardPlugin';\n\nconst log = Log.module('PanelManager');\n\nexport type PanelHydraterFunction = (\n name: string,\n props: PanelProps\n) => PanelProps;\n\nexport type PanelDehydraterFunction = (\n name: string,\n config: ReactComponentConfig\n) => ReactComponentConfig;\n\nexport type ClosedPanel = ReactComponentConfig;\n\nexport type ClosedPanels = ClosedPanel[];\n\nexport type OpenedPanelMap = Map<string, PanelComponent>;\n\nexport type PanelsUpdateData = {\n closed: ClosedPanels;\n openedMap: OpenedPanelMap;\n};\n\nexport type PanelsUpdateCallback = (panelUpdateData: PanelsUpdateData) => void;\n\n/**\n * Class to keep track of which panels are open, have been closed, and also events to close panels.\n */\nclass PanelManager {\n static MAX_CLOSED_PANEL_COUNT = 100;\n\n layout: GoldenLayout;\n\n hydrateComponent: PanelHydraterFunction;\n\n dehydrateComponent: PanelDehydraterFunction;\n\n onPanelsUpdated: PanelsUpdateCallback;\n\n closed: ClosedPanels;\n\n openedMap: OpenedPanelMap;\n\n /**\n * @param layout The GoldenLayout object to attach to\n * @param hydrateComponent Function to hydrate a panel from a dehydrated state\n * @param dehydrateComponent Function to dehydrate a panel\n * @param openedMap Map of opened panels\n * @param closed Array of closed panels in a dehydrated state\n * @param onPanelsUpdated Triggered when the panels are updated\n */\n constructor(\n layout: GoldenLayout,\n hydrateComponent: PanelHydraterFunction = (name, props) => props,\n dehydrateComponent: PanelDehydraterFunction = (name, config) => config,\n openedMap: OpenedPanelMap = new Map(),\n closed: ClosedPanel[] = [],\n onPanelsUpdated: PanelsUpdateCallback = () => undefined\n ) {\n this.handleFocus = this.handleFocus.bind(this);\n this.handleMount = this.handleMount.bind(this);\n // Panel can be unmounted on error but still keep the tab until it's closed\n // Use PanelEvent.MOUNT/UNMOUNT to track open (active) panels\n // and PanelEvent.CLOSED for cleanup (delete links, add panel to closed panels list, etc)\n this.handleUnmount = this.handleUnmount.bind(this);\n this.handleReopen = this.handleReopen.bind(this);\n this.handleDeleted = this.handleDeleted.bind(this);\n this.handleClosed = this.handleClosed.bind(this);\n this.handleControlClose = this.handleControlClose.bind(this);\n\n this.layout = layout;\n this.hydrateComponent = hydrateComponent;\n this.dehydrateComponent = dehydrateComponent;\n this.onPanelsUpdated = onPanelsUpdated;\n\n // Store the opened and closed panels\n this.openedMap = new Map(openedMap);\n\n // Closed panels are stored in their dehydrated state\n this.closed = [...closed];\n\n this.startListening();\n }\n\n startListening(): void {\n const { eventHub } = this.layout;\n eventHub.on(PanelEvent.FOCUS, this.handleFocus);\n eventHub.on(PanelEvent.MOUNT, this.handleMount);\n eventHub.on(PanelEvent.UNMOUNT, this.handleUnmount);\n eventHub.on(PanelEvent.REOPEN, this.handleReopen);\n eventHub.on(PanelEvent.DELETE, this.handleDeleted);\n eventHub.on(PanelEvent.CLOSED, this.handleClosed);\n eventHub.on(PanelEvent.CLOSE, this.handleControlClose);\n }\n\n stopListening(): void {\n const { eventHub } = this.layout;\n eventHub.off(PanelEvent.FOCUS, this.handleFocus);\n eventHub.off(PanelEvent.MOUNT, this.handleMount);\n eventHub.off(PanelEvent.UNMOUNT, this.handleUnmount);\n eventHub.off(PanelEvent.REOPEN, this.handleReopen);\n eventHub.off(PanelEvent.DELETE, this.handleDeleted);\n eventHub.off(PanelEvent.CLOSED, this.handleClosed);\n eventHub.off(PanelEvent.CLOSE, this.handleControlClose);\n }\n\n getClosedPanelConfigsOfType(typeString: string): ClosedPanels {\n return this.closed.filter(panel => panel.component === typeString);\n }\n\n getOpenedPanels(): PanelComponent[] {\n return Array.from(this.openedMap.values());\n }\n\n getOpenedPanelConfigs(): GoldenLayout.ReactComponentConfig[] {\n return this.getOpenedPanels().map(panel => {\n const { glContainer } = panel.props;\n return LayoutUtils.getComponentConfigFromContainer(glContainer);\n });\n }\n\n getOpenedPanelConfigsOfType(\n typeString: string\n ): GoldenLayout.ReactComponentConfig[] {\n return this.getOpenedPanelConfigs().filter(\n config => config != null && config.component === typeString\n );\n }\n\n getOpenedPanelById(panelId: string): PanelComponent | undefined {\n return this.openedMap.get(panelId);\n }\n\n getContainerByPanelId(panelId: string): GoldenLayout.Container {\n const stack = LayoutUtils.getStackForConfig(this.layout.root, {\n id: panelId,\n });\n return (\n (stack && LayoutUtils.getContentItemInStack(stack, { id: panelId })) ??\n null\n );\n }\n\n getLastUsedPanel<T extends PanelComponent = PanelComponent>(\n matcher: (panel: PanelComponent) => boolean\n ): T | undefined {\n const opened = this.getOpenedPanels();\n for (let i = opened.length - 1; i >= 0; i -= 1) {\n const panel = opened[i];\n if (matcher == null || matcher(panel)) {\n return panel as T;\n }\n }\n\n return undefined;\n }\n\n getLastUsedPanelOfType(type: ComponentType): PanelComponent | undefined {\n return this.getLastUsedPanel(panel => panel instanceof type);\n }\n\n updatePanel(panel: PanelComponent): void {\n const panelId = LayoutUtils.getIdFromPanel(panel);\n if (!panelId) {\n log.error('updatePanel Panel did not have an ID', panel);\n return;\n }\n log.debug2(`Updating panel ID ${panelId} in open panels map`);\n // Delete the entry before it's set to maintain correct ordering in the open panels map.\n // The last updated (focused) panel should be the last inserted.\n // Deleting the entry from the map directly instead of calling this.removePanel to skip the checks.\n this.openedMap.delete(panelId);\n this.openedMap.set(panelId, panel);\n }\n\n removePanel(panel: PanelComponent): void {\n const panelId = LayoutUtils.getIdFromPanel(panel);\n if (!panelId) {\n log.error('removePanel Panel did not have an ID', panel);\n return;\n }\n if (!this.openedMap.has(panelId)) {\n log.error(`Missing panel ID ${panelId} in open panels map`);\n return;\n }\n if (this.openedMap.get(panelId) !== panel) {\n // We mount a new panel before un-mounting the existing one\n // when replacing existing panels in openComponent/openComponentInStack.\n // Skip map delete if the panelId entry already refers to the new panel.\n log.debug(\n `Panel argument doesn't match the open panels map entry for ${panelId}, removePanel ignored`\n );\n return;\n }\n log.debug2(`Removing panel ID ${panelId} from open panels map`);\n this.openedMap.delete(panelId);\n }\n\n removeClosedPanelConfig(panelConfig: ClosedPanel): void {\n const index = this.closed.findIndex(\n closedConfig =>\n closedConfig === panelConfig ||\n (closedConfig.id &&\n panelConfig.id &&\n closedConfig.id === panelConfig.id)\n );\n if (index >= 0) {\n this.closed.splice(index, 1);\n }\n }\n\n handleFocus(panel: PanelComponent): void {\n log.debug2('Focus: ', panel);\n this.updatePanel(panel);\n }\n\n handleMount(panel: PanelComponent): void {\n log.debug2('Mount: ', panel);\n this.updatePanel(panel);\n this.sendUpdate();\n }\n\n handleUnmount(panel: PanelComponent): void {\n log.debug2('Unmount: ', panel);\n this.removePanel(panel);\n this.sendUpdate();\n }\n\n /**\n *\n * @param {Object} panelConfig The config to hydrate and load\n * @param {Object} replaceConfig The config to place\n */\n handleReopen(panelConfig: ClosedPanel, replaceConfig = null): void {\n log.debug2('Reopen:', panelConfig, replaceConfig);\n\n this.removeClosedPanelConfig(panelConfig);\n // Don't need to send an update yet, it will get sent when component is mounted\n\n // Rehydrate the panel before adding it back\n const { component } = panelConfig;\n let { props } = panelConfig;\n props = this.hydrateComponent(component, props);\n\n const config = {\n ...panelConfig,\n props,\n };\n\n const { root } = this.layout;\n LayoutUtils.openComponent({ root, config, replaceConfig });\n }\n\n handleDeleted(panelConfig: ClosedPanel): void {\n log.debug2('Deleted:', panelConfig);\n\n this.removeClosedPanelConfig(panelConfig);\n\n this.sendUpdate();\n }\n\n handleClosed(panelId: string, glContainer: GoldenLayout.Container): void {\n // Panel component should be already unmounted at this point\n // so the emitted event sends the container object instead of the panel.\n log.debug2('Closed: ', panelId);\n this.addClosedPanel(glContainer);\n this.sendUpdate();\n }\n\n handleControlClose(id: string): void {\n const config = { id };\n const { root } = this.layout;\n LayoutUtils.closeComponent(root, config);\n }\n\n addClosedPanel(glContainer: GoldenLayout.Container): void {\n const config = LayoutUtils.getComponentConfigFromContainer(glContainer);\n if (config) {\n const dehydratedConfig = this.dehydrateComponent(\n config.component,\n config\n );\n if (dehydratedConfig) {\n this.closed.push(dehydratedConfig);\n }\n }\n }\n\n sendUpdate(): void {\n const { closed, openedMap } = this;\n this.onPanelsUpdated({\n closed: [...closed],\n openedMap: new Map(openedMap),\n });\n }\n}\n\nexport default PanelManager;\n"],"file":"PanelManager.js"}
|
|
1
|
+
{"version":3,"sources":["../src/PanelManager.ts"],"names":["Log","PanelEvent","LayoutUtils","log","module","PanelManager","constructor","layout","hydrateComponent","name","props","dehydrateComponent","config","openedMap","Map","closed","onPanelsUpdated","undefined","handleFocus","bind","handleMount","handleUnmount","handleReopen","handleDeleted","handleClosed","handleControlClose","startListening","eventHub","on","FOCUS","MOUNT","UNMOUNT","REOPEN","DELETE","CLOSED","CLOSE","stopListening","off","getClosedPanelConfigsOfType","typeString","filter","panel","component","getOpenedPanels","Array","from","values","getOpenedPanelConfigs","map","glContainer","getComponentConfigFromContainer","getOpenedPanelConfigsOfType","getOpenedPanelById","panelId","get","getContainerByPanelId","stack","getStackForConfig","root","id","getContentItemInStack","getLastUsedPanel","matcher","opened","i","length","getLastUsedPanelOfType","type","updatePanel","getIdFromPanel","error","debug2","delete","set","removePanel","has","debug","removeClosedPanelConfig","panelConfig","index","findIndex","closedConfig","splice","sendUpdate","replaceConfig","openComponent","addClosedPanel","closeComponent","dehydratedConfig","push"],"mappings":"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","sourcesContent":["import { ComponentType } from 'react';\nimport GoldenLayout, { ReactComponentConfig } from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport PanelEvent from './PanelEvent';\nimport LayoutUtils from './layout/LayoutUtils';\nimport { PanelComponent, PanelProps } from './DashboardPlugin';\n\nconst log = Log.module('PanelManager');\n\nexport type PanelHydraterFunction = (\n name: string,\n props: PanelProps\n) => PanelProps;\n\nexport type PanelDehydraterFunction = (\n name: string,\n config: ReactComponentConfig\n) => ReactComponentConfig;\n\nexport type ClosedPanel = ReactComponentConfig;\n\nexport type ClosedPanels = ClosedPanel[];\n\nexport type OpenedPanelMap = Map<string, PanelComponent>;\n\nexport type PanelsUpdateData = {\n closed: ClosedPanels;\n openedMap: OpenedPanelMap;\n};\n\nexport type PanelsUpdateCallback = (panelUpdateData: PanelsUpdateData) => void;\n\n/**\n * Class to keep track of which panels are open, have been closed, and also events to close panels.\n */\nclass PanelManager {\n static MAX_CLOSED_PANEL_COUNT = 100;\n\n layout: GoldenLayout;\n\n hydrateComponent: PanelHydraterFunction;\n\n dehydrateComponent: PanelDehydraterFunction;\n\n onPanelsUpdated: PanelsUpdateCallback;\n\n closed: ClosedPanels;\n\n openedMap: OpenedPanelMap;\n\n /**\n * @param layout The GoldenLayout object to attach to\n * @param hydrateComponent Function to hydrate a panel from a dehydrated state\n * @param dehydrateComponent Function to dehydrate a panel\n * @param openedMap Map of opened panels\n * @param closed Array of closed panels in a dehydrated state\n * @param onPanelsUpdated Triggered when the panels are updated\n */\n constructor(\n layout: GoldenLayout,\n hydrateComponent: PanelHydraterFunction = (name, props) => props,\n dehydrateComponent: PanelDehydraterFunction = (name, config) => config,\n openedMap: OpenedPanelMap = new Map(),\n closed: ClosedPanel[] = [],\n onPanelsUpdated: PanelsUpdateCallback = () => undefined\n ) {\n this.handleFocus = this.handleFocus.bind(this);\n this.handleMount = this.handleMount.bind(this);\n // Panel can be unmounted on error but still keep the tab until it's closed\n // Use PanelEvent.MOUNT/UNMOUNT to track open (active) panels\n // and PanelEvent.CLOSED for cleanup (delete links, add panel to closed panels list, etc)\n this.handleUnmount = this.handleUnmount.bind(this);\n this.handleReopen = this.handleReopen.bind(this);\n this.handleDeleted = this.handleDeleted.bind(this);\n this.handleClosed = this.handleClosed.bind(this);\n this.handleControlClose = this.handleControlClose.bind(this);\n\n this.layout = layout;\n this.hydrateComponent = hydrateComponent;\n this.dehydrateComponent = dehydrateComponent;\n this.onPanelsUpdated = onPanelsUpdated;\n\n // Store the opened and closed panels\n this.openedMap = new Map(openedMap);\n\n // Closed panels are stored in their dehydrated state\n this.closed = [...closed];\n\n this.startListening();\n }\n\n startListening(): void {\n const { eventHub } = this.layout;\n eventHub.on(PanelEvent.FOCUS, this.handleFocus);\n eventHub.on(PanelEvent.MOUNT, this.handleMount);\n eventHub.on(PanelEvent.UNMOUNT, this.handleUnmount);\n eventHub.on(PanelEvent.REOPEN, this.handleReopen);\n eventHub.on(PanelEvent.DELETE, this.handleDeleted);\n eventHub.on(PanelEvent.CLOSED, this.handleClosed);\n eventHub.on(PanelEvent.CLOSE, this.handleControlClose);\n }\n\n stopListening(): void {\n const { eventHub } = this.layout;\n eventHub.off(PanelEvent.FOCUS, this.handleFocus);\n eventHub.off(PanelEvent.MOUNT, this.handleMount);\n eventHub.off(PanelEvent.UNMOUNT, this.handleUnmount);\n eventHub.off(PanelEvent.REOPEN, this.handleReopen);\n eventHub.off(PanelEvent.DELETE, this.handleDeleted);\n eventHub.off(PanelEvent.CLOSED, this.handleClosed);\n eventHub.off(PanelEvent.CLOSE, this.handleControlClose);\n }\n\n getClosedPanelConfigsOfType(typeString: string): ClosedPanels {\n return this.closed.filter(panel => panel.component === typeString);\n }\n\n getOpenedPanels(): PanelComponent[] {\n return Array.from(this.openedMap.values());\n }\n\n getOpenedPanelConfigs(): GoldenLayout.ReactComponentConfig[] {\n return this.getOpenedPanels().map(panel => {\n const { glContainer } = panel.props;\n return LayoutUtils.getComponentConfigFromContainer(glContainer);\n });\n }\n\n getOpenedPanelConfigsOfType(\n typeString: string\n ): GoldenLayout.ReactComponentConfig[] {\n return this.getOpenedPanelConfigs().filter(\n config => config != null && config.component === typeString\n );\n }\n\n getOpenedPanelById(panelId: string): PanelComponent | undefined {\n return this.openedMap.get(panelId);\n }\n\n getContainerByPanelId(panelId: string): GoldenLayout.Container {\n const stack = LayoutUtils.getStackForConfig(this.layout.root, {\n id: panelId,\n });\n return (\n (stack && LayoutUtils.getContentItemInStack(stack, { id: panelId })) ??\n null\n );\n }\n\n getLastUsedPanel<T extends PanelComponent = PanelComponent>(\n matcher: (panel: PanelComponent) => boolean\n ): T | undefined {\n const opened = this.getOpenedPanels();\n for (let i = opened.length - 1; i >= 0; i -= 1) {\n const panel = opened[i];\n if (matcher == null || matcher(panel)) {\n return panel as T;\n }\n }\n\n return undefined;\n }\n\n getLastUsedPanelOfType(type: ComponentType): PanelComponent | undefined {\n return this.getLastUsedPanel(panel => panel instanceof type);\n }\n\n updatePanel(panel: PanelComponent): void {\n const panelId = LayoutUtils.getIdFromPanel(panel);\n if (!panelId) {\n log.error('updatePanel Panel did not have an ID', panel);\n return;\n }\n log.debug2(`Updating panel ID ${panelId} in open panels map`);\n // Delete the entry before it's set to maintain correct ordering in the open panels map.\n // The last updated (focused) panel should be the last inserted.\n // Deleting the entry from the map directly instead of calling this.removePanel to skip the checks.\n this.openedMap.delete(panelId);\n this.openedMap.set(panelId, panel);\n }\n\n removePanel(panel: PanelComponent): void {\n const panelId = LayoutUtils.getIdFromPanel(panel);\n if (!panelId) {\n log.error('removePanel Panel did not have an ID', panel);\n return;\n }\n if (!this.openedMap.has(panelId)) {\n log.error(`Missing panel ID ${panelId} in open panels map`);\n return;\n }\n if (this.openedMap.get(panelId) !== panel) {\n // We mount a new panel before un-mounting the existing one\n // when replacing existing panels in openComponent/openComponentInStack.\n // Skip map delete if the panelId entry already refers to the new panel.\n log.debug(\n `Panel argument doesn't match the open panels map entry for ${panelId}, removePanel ignored`\n );\n return;\n }\n log.debug2(`Removing panel ID ${panelId} from open panels map`);\n this.openedMap.delete(panelId);\n }\n\n removeClosedPanelConfig(panelConfig: ClosedPanel): void {\n const index = this.closed.findIndex(\n closedConfig =>\n closedConfig === panelConfig ||\n (closedConfig.id &&\n panelConfig.id &&\n closedConfig.id === panelConfig.id)\n );\n if (index >= 0) {\n this.closed.splice(index, 1);\n }\n }\n\n handleFocus(panel: PanelComponent): void {\n log.debug2('Focus: ', panel);\n this.updatePanel(panel);\n }\n\n handleMount(panel: PanelComponent): void {\n log.debug2('Mount: ', panel);\n this.updatePanel(panel);\n this.sendUpdate();\n }\n\n handleUnmount(panel: PanelComponent): void {\n log.debug2('Unmount: ', panel);\n this.removePanel(panel);\n this.sendUpdate();\n }\n\n /**\n *\n * @param {Object} panelConfig The config to hydrate and load\n * @param {Object} replaceConfig The config to place\n */\n handleReopen(panelConfig: ClosedPanel, replaceConfig = null): void {\n log.debug2('Reopen:', panelConfig, replaceConfig);\n\n this.removeClosedPanelConfig(panelConfig);\n // Don't need to send an update yet, it will get sent when component is mounted\n\n // Rehydrate the panel before adding it back\n const { component } = panelConfig;\n let { props } = panelConfig;\n props = this.hydrateComponent(component, props);\n\n const config = {\n ...panelConfig,\n props,\n };\n\n const { root } = this.layout;\n LayoutUtils.openComponent({ root, config, replaceConfig });\n }\n\n handleDeleted(panelConfig: ClosedPanel): void {\n log.debug2('Deleted:', panelConfig);\n\n this.removeClosedPanelConfig(panelConfig);\n\n this.sendUpdate();\n }\n\n handleClosed(panelId: string, glContainer: GoldenLayout.Container): void {\n // Panel component should be already unmounted at this point\n // so the emitted event sends the container object instead of the panel.\n log.debug2('Closed: ', panelId);\n this.addClosedPanel(glContainer);\n this.sendUpdate();\n }\n\n handleControlClose(id: string): void {\n const config = { id };\n const { root } = this.layout;\n LayoutUtils.closeComponent(root, config);\n }\n\n addClosedPanel(glContainer: GoldenLayout.Container): void {\n const config = LayoutUtils.getComponentConfigFromContainer(glContainer);\n if (config) {\n const dehydratedConfig = this.dehydrateComponent(\n config.component,\n config\n );\n if (dehydratedConfig) {\n this.closed.push(dehydratedConfig);\n }\n }\n }\n\n sendUpdate(): void {\n const { closed, openedMap } = this;\n this.onPanelsUpdated({\n closed: [...closed],\n openedMap: new Map(openedMap),\n });\n }\n}\n\nexport default PanelManager;\n"],"file":"PanelManager.js"}
|
package/dist/PanelPlaceholder.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import "./PanelPlaceholder.css";
|
|
3
|
-
import LayoutUtils from
|
|
3
|
+
import LayoutUtils from "./layout/LayoutUtils.js";
|
|
4
4
|
/**
|
|
5
5
|
* Displays a placeholder for unregistered panel types.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
var PanelPlaceholder = /*#__PURE__*/React.forwardRef(
|
|
8
|
+
var PanelPlaceholder = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
9
9
|
var component = LayoutUtils.getComponentNameFromPanel({
|
|
10
|
-
props
|
|
10
|
+
props
|
|
11
11
|
});
|
|
12
12
|
return /*#__PURE__*/React.createElement("div", {
|
|
13
13
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/PanelPlaceholder.jsx"],"names":["React","LayoutUtils","PanelPlaceholder","forwardRef","props","ref","component","getComponentNameFromPanel"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB
|
|
1
|
+
{"version":3,"sources":["../src/PanelPlaceholder.jsx"],"names":["React","LayoutUtils","PanelPlaceholder","forwardRef","props","ref","component","getComponentNameFromPanel"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;OAEOC,W;AAEP;AACA;AACA;;AACA,IAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxD,MAAMC,SAAS,GAAGL,WAAW,CAACM,yBAAZ,CAAsC;AAAEH,IAAAA;AAAF,GAAtC,CAAlB;AACA,sBACE;AAAK,IAAA,GAAG,EAAEC,GAAV;AAAe,IAAA,SAAS,EAAC;AAAzB,qBACmBC,SADnB,0BADF;AAKD,CAPwB,CAAzB;AASA,eAAeJ,gBAAf","sourcesContent":["import React from 'react';\nimport './PanelPlaceholder.scss';\nimport LayoutUtils from './layout/LayoutUtils';\n\n/**\n * Displays a placeholder for unregistered panel types.\n */\nconst PanelPlaceholder = React.forwardRef((props, ref) => {\n const component = LayoutUtils.getComponentNameFromPanel({ props });\n return (\n <div ref={ref} className=\"panel-placeholder\">\n Component "{component}" is not registered.\n </div>\n );\n});\n\nexport default PanelPlaceholder;\n"],"file":"PanelPlaceholder.js"}
|