@parca/profile 0.19.156 → 0.19.157

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.
Files changed (49) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/GraphTooltipArrow/useGraphTooltipMetaInfo/index.d.ts.map +1 -1
  3. package/dist/GraphTooltipArrow/useGraphTooltipMetaInfo/index.js +9 -3
  4. package/dist/ProfileFlameGraph/FlameGraphArrow/ContextMenu.js +3 -1
  5. package/dist/ProfileSelector/index.js +274 -265
  6. package/dist/ProfileView/components/ActionButtons/SortByDropdown.js +3 -1
  7. package/dist/ProfileView/components/InvertCallStack/index.d.ts.map +1 -1
  8. package/dist/ProfileView/components/InvertCallStack/index.js +55 -46
  9. package/dist/ProfileView/components/Toolbars/MultiLevelDropdown.d.ts.map +1 -1
  10. package/dist/ProfileView/components/Toolbars/MultiLevelDropdown.js +282 -255
  11. package/dist/ProfileView/components/Toolbars/TableColumnsDropdown.d.ts.map +1 -1
  12. package/dist/ProfileView/components/Toolbars/TableColumnsDropdown.js +141 -132
  13. package/dist/ProfileView/components/ViewSelector/index.d.ts.map +1 -1
  14. package/dist/ProfileView/components/ViewSelector/index.js +49 -40
  15. package/dist/ProfileView/context/DashboardContext.d.ts.map +1 -1
  16. package/dist/ProfileView/context/DashboardContext.js +37 -28
  17. package/dist/ProfileView/hooks/useResetFlameGraphState.d.ts.map +1 -1
  18. package/dist/ProfileView/hooks/useResetFlameGraphState.js +19 -10
  19. package/dist/ProfileView/hooks/useVisualizationState.d.ts.map +1 -1
  20. package/dist/ProfileView/hooks/useVisualizationState.js +122 -98
  21. package/dist/SourceView/useSelectedLineRange.js +2 -0
  22. package/dist/Table/MoreDropdown.d.ts.map +1 -1
  23. package/dist/Table/MoreDropdown.js +40 -31
  24. package/dist/Table/TableContextMenu.d.ts.map +1 -1
  25. package/dist/Table/TableContextMenu.js +3 -1
  26. package/dist/Table/index.d.ts.map +1 -1
  27. package/dist/Table/index.js +3 -1
  28. package/dist/hooks/useColorBy.d.ts.map +1 -1
  29. package/dist/hooks/useColorBy.js +27 -18
  30. package/dist/hooks/useQueryState.d.ts.map +1 -1
  31. package/dist/hooks/useQueryState.js +11 -3
  32. package/package.json +2 -2
  33. package/src/GraphTooltipArrow/useGraphTooltipMetaInfo/index.ts +12 -3
  34. package/src/ProfileFlameGraph/FlameGraphArrow/ContextMenu.tsx +1 -1
  35. package/src/ProfileSelector/index.tsx +1 -1
  36. package/src/ProfileView/components/ActionButtons/SortByDropdown.tsx +1 -1
  37. package/src/ProfileView/components/InvertCallStack/index.tsx +4 -1
  38. package/src/ProfileView/components/Toolbars/MultiLevelDropdown.tsx +6 -3
  39. package/src/ProfileView/components/Toolbars/TableColumnsDropdown.tsx +4 -1
  40. package/src/ProfileView/components/ViewSelector/index.tsx +4 -1
  41. package/src/ProfileView/context/DashboardContext.tsx +4 -1
  42. package/src/ProfileView/hooks/useResetFlameGraphState.ts +4 -1
  43. package/src/ProfileView/hooks/useVisualizationState.ts +7 -5
  44. package/src/SourceView/useSelectedLineRange.ts +1 -1
  45. package/src/Table/MoreDropdown.tsx +4 -1
  46. package/src/Table/TableContextMenu.tsx +4 -1
  47. package/src/Table/index.tsx +4 -1
  48. package/src/hooks/useColorBy.ts +4 -1
  49. package/src/hooks/useQueryState.ts +29 -18
@@ -160,7 +160,7 @@ var _MenuItem = function MenuItem(_ref) {
160
160
  });
161
161
  };
162
162
  var MultiLevelDropdown = function MultiLevelDropdown(t0) {
163
- var $ = _c(93);
163
+ var $ = _c(96);
164
164
  var onSelect = t0.onSelect,
165
165
  profileType = t0.profileType,
166
166
  groupBy = t0.groupBy,
@@ -185,11 +185,29 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
185
185
  var _useQueryState = useQueryState("sort_by", t1),
186
186
  _useQueryState2 = _slicedToArray(_useQueryState, 1),
187
187
  storeSortBy = _useQueryState2[0];
188
- var _useQueryState3 = useQueryState("color_stack_legend", stringParam),
188
+ var t2;
189
+ if ($[1] === Symbol["for"]("react.memo_cache_sentinel")) {
190
+ t2 = stringParam.withOptions({
191
+ history: "push"
192
+ });
193
+ $[1] = t2;
194
+ } else {
195
+ t2 = $[1];
196
+ }
197
+ var _useQueryState3 = useQueryState("color_stack_legend", t2),
189
198
  _useQueryState4 = _slicedToArray(_useQueryState3, 2),
190
199
  colorStackLegend = _useQueryState4[0],
191
200
  setStoreColorStackLegend = _useQueryState4[1];
192
- var _useQueryState5 = useQueryState("hidden_binaries", hiddenBinariesParser),
201
+ var t3;
202
+ if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
203
+ t3 = hiddenBinariesParser.withOptions({
204
+ history: "push"
205
+ });
206
+ $[2] = t3;
207
+ } else {
208
+ t3 = $[2];
209
+ }
210
+ var _useQueryState5 = useQueryState("hidden_binaries", t3),
193
211
  _useQueryState6 = _slicedToArray(_useQueryState5, 2),
194
212
  hiddenBinaries = _useQueryState6[0],
195
213
  setHiddenBinaries = _useQueryState6[1];
@@ -201,15 +219,24 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
201
219
  var isColorStackLegendEnabled = colorStackLegend === "true";
202
220
  var isLeftAligned = alignFunctionName === "left";
203
221
  var compareAbsoluteDefault = (profileType === null || profileType === void 0 ? void 0 : profileType.delta) === false;
204
- var _useQueryState7 = useQueryState("compare_absolute", boolParam),
222
+ var t4;
223
+ if ($[3] === Symbol["for"]("react.memo_cache_sentinel")) {
224
+ t4 = boolParam.withOptions({
225
+ history: "push"
226
+ });
227
+ $[3] = t4;
228
+ } else {
229
+ t4 = $[3];
230
+ }
231
+ var _useQueryState7 = useQueryState("compare_absolute", t4),
205
232
  _useQueryState8 = _slicedToArray(_useQueryState7, 2),
206
233
  compareAbsolute = _useQueryState8[0],
207
234
  setCompareAbsolute = _useQueryState8[1];
208
235
  var isCompareAbsolute = compareAbsolute !== null && compareAbsolute !== void 0 ? compareAbsolute : compareAbsoluteDefault;
209
- var t2;
210
- var t3;
211
- if ($[1] !== isTableVizOnly) {
212
- t2 = function t2() {
236
+ var t5;
237
+ var t6;
238
+ if ($[4] !== isTableVizOnly) {
239
+ t5 = function t5() {
213
240
  var checkOverflow = function checkOverflow() {
214
241
  if (dropdownRef.current !== null) {
215
242
  var rect = dropdownRef.current.getBoundingClientRect();
@@ -226,290 +253,265 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
226
253
  return window.removeEventListener("resize", checkOverflow);
227
254
  };
228
255
  };
229
- t3 = [isTableVizOnly];
230
- $[1] = isTableVizOnly;
231
- $[2] = t2;
232
- $[3] = t3;
256
+ t6 = [isTableVizOnly];
257
+ $[4] = isTableVizOnly;
258
+ $[5] = t5;
259
+ $[6] = t6;
233
260
  } else {
234
- t2 = $[2];
235
- t3 = $[3];
261
+ t5 = $[5];
262
+ t6 = $[6];
236
263
  }
237
- useEffect(t2, t3);
238
- var t4;
239
- if ($[4] !== hiddenBinaries || $[5] !== setHiddenBinaries) {
240
- t4 = function t4(index) {
264
+ useEffect(t5, t6);
265
+ var t7;
266
+ if ($[7] !== hiddenBinaries || $[8] !== setHiddenBinaries) {
267
+ t7 = function t7(index) {
241
268
  var updatedBinaries = _toConsumableArray(hiddenBinaries);
242
269
  updatedBinaries.splice(index, 1);
243
270
  setHiddenBinaries(updatedBinaries);
244
271
  };
245
- $[4] = hiddenBinaries;
246
- $[5] = setHiddenBinaries;
247
- $[6] = t4;
272
+ $[7] = hiddenBinaries;
273
+ $[8] = setHiddenBinaries;
274
+ $[9] = t7;
248
275
  } else {
249
- t4 = $[6];
276
+ t7 = $[9];
250
277
  }
251
- var handleBinaryToggle = t4;
252
- var t5;
253
- if ($[7] !== setStoreColorStackLegend) {
254
- t5 = function t5(value) {
278
+ var handleBinaryToggle = t7;
279
+ var t8;
280
+ if ($[10] !== setStoreColorStackLegend) {
281
+ t8 = function t8(value) {
255
282
  setStoreColorStackLegend(value);
256
283
  };
257
- $[7] = setStoreColorStackLegend;
258
- $[8] = t5;
284
+ $[10] = setStoreColorStackLegend;
285
+ $[11] = t8;
259
286
  } else {
260
- t5 = $[8];
287
+ t8 = $[11];
261
288
  }
262
- var setColorStackLegend = t5;
263
- var t6;
264
- if ($[9] !== setHiddenBinaries) {
265
- t6 = function t6() {
289
+ var setColorStackLegend = t8;
290
+ var t9;
291
+ if ($[12] !== setHiddenBinaries) {
292
+ t9 = function t9() {
266
293
  setHiddenBinaries([]);
267
294
  };
268
- $[9] = setHiddenBinaries;
269
- $[10] = t6;
295
+ $[12] = setHiddenBinaries;
296
+ $[13] = t9;
270
297
  } else {
271
- t6 = $[10];
298
+ t9 = $[13];
272
299
  }
273
- var resetLegend = t6;
274
- var t7;
275
- if ($[11] !== toggleGroupBy) {
276
- t7 = {
300
+ var resetLegend = t9;
301
+ var t10;
302
+ if ($[14] !== toggleGroupBy) {
303
+ t10 = {
277
304
  label: "Function",
278
305
  onclick: function onclick() {
279
306
  return toggleGroupBy(FIELD_FUNCTION_NAME);
280
307
  },
281
308
  value: FIELD_FUNCTION_NAME
282
309
  };
283
- $[11] = toggleGroupBy;
284
- $[12] = t7;
310
+ $[14] = toggleGroupBy;
311
+ $[15] = t10;
285
312
  } else {
286
- t7 = $[12];
313
+ t10 = $[15];
287
314
  }
288
- var t8;
289
- if ($[13] !== toggleGroupBy) {
290
- t8 = {
315
+ var t11;
316
+ if ($[16] !== toggleGroupBy) {
317
+ t11 = {
291
318
  label: "Binary",
292
319
  onclick: function onclick() {
293
320
  return toggleGroupBy(FIELD_MAPPING_FILE);
294
321
  },
295
322
  value: FIELD_MAPPING_FILE
296
323
  };
297
- $[13] = toggleGroupBy;
298
- $[14] = t8;
324
+ $[16] = toggleGroupBy;
325
+ $[17] = t11;
299
326
  } else {
300
- t8 = $[14];
327
+ t11 = $[17];
301
328
  }
302
- var t9;
303
- if ($[15] !== toggleGroupBy) {
304
- t9 = {
329
+ var t12;
330
+ if ($[18] !== toggleGroupBy) {
331
+ t12 = {
305
332
  label: "Code",
306
333
  onclick: function onclick() {
307
334
  return toggleGroupBy(FIELD_FUNCTION_FILE_NAME);
308
335
  },
309
336
  value: FIELD_FUNCTION_FILE_NAME
310
337
  };
311
- $[15] = toggleGroupBy;
312
- $[16] = t9;
338
+ $[18] = toggleGroupBy;
339
+ $[19] = t12;
313
340
  } else {
314
- t9 = $[16];
341
+ t12 = $[19];
315
342
  }
316
- var t10;
317
- if ($[17] !== toggleGroupBy) {
318
- t10 = {
343
+ var t13;
344
+ if ($[20] !== toggleGroupBy) {
345
+ t13 = {
319
346
  label: "Address",
320
347
  onclick: function onclick() {
321
348
  return toggleGroupBy(FIELD_LOCATION_ADDRESS);
322
349
  },
323
350
  value: FIELD_LOCATION_ADDRESS
324
351
  };
325
- $[17] = toggleGroupBy;
326
- $[18] = t10;
352
+ $[20] = toggleGroupBy;
353
+ $[21] = t13;
327
354
  } else {
328
- t10 = $[18];
355
+ t13 = $[21];
329
356
  }
330
- var t11;
331
- if ($[19] !== t10 || $[20] !== t7 || $[21] !== t8 || $[22] !== t9) {
332
- t11 = [t7, t8, t9, t10];
333
- $[19] = t10;
334
- $[20] = t7;
335
- $[21] = t8;
336
- $[22] = t9;
357
+ var t14;
358
+ if ($[22] !== t10 || $[23] !== t11 || $[24] !== t12 || $[25] !== t13) {
359
+ t14 = [t10, t11, t12, t13];
360
+ $[22] = t10;
337
361
  $[23] = t11;
362
+ $[24] = t12;
363
+ $[25] = t13;
364
+ $[26] = t14;
338
365
  } else {
339
- t11 = $[23];
366
+ t14 = $[26];
340
367
  }
341
- var t12 = !!isTableVizOnly;
342
- var t13;
343
- if ($[24] !== t11 || $[25] !== t12) {
344
- t13 = {
368
+ var t15 = !!isTableVizOnly;
369
+ var t16;
370
+ if ($[27] !== t14 || $[28] !== t15) {
371
+ t16 = {
345
372
  label: "Levels",
346
373
  id: "h-levels-filter",
347
- items: t11,
348
- hide: t12,
374
+ items: t14,
375
+ hide: t15,
349
376
  icon: "heroicons-solid:bars-3"
350
377
  };
351
- $[24] = t11;
352
- $[25] = t12;
353
- $[26] = t13;
378
+ $[27] = t14;
379
+ $[28] = t15;
380
+ $[29] = t16;
354
381
  } else {
355
- t13 = $[26];
382
+ t16 = $[29];
356
383
  }
357
- var t14;
358
- if ($[27] !== setColorBy) {
359
- t14 = {
384
+ var t17;
385
+ if ($[30] !== setColorBy) {
386
+ t17 = {
360
387
  label: "Binary",
361
388
  onclick: function onclick() {
362
389
  return setColorBy("binary");
363
390
  },
364
391
  value: "binary"
365
392
  };
366
- $[27] = setColorBy;
367
- $[28] = t14;
393
+ $[30] = setColorBy;
394
+ $[31] = t17;
368
395
  } else {
369
- t14 = $[28];
396
+ t17 = $[31];
370
397
  }
371
- var t15;
372
- if ($[29] !== setColorBy) {
373
- t15 = {
398
+ var t18;
399
+ if ($[32] !== setColorBy) {
400
+ t18 = {
374
401
  label: "Filename",
375
402
  onclick: function onclick() {
376
403
  return setColorBy("filename");
377
404
  },
378
405
  value: "filename"
379
406
  };
380
- $[29] = setColorBy;
381
- $[30] = t15;
407
+ $[32] = setColorBy;
408
+ $[33] = t18;
382
409
  } else {
383
- t15 = $[30];
410
+ t18 = $[33];
384
411
  }
385
- var t16;
386
- if ($[31] !== t14 || $[32] !== t15) {
387
- t16 = {
412
+ var t19;
413
+ if ($[34] !== t17 || $[35] !== t18) {
414
+ t19 = {
388
415
  label: "Color by",
389
416
  id: "h-color-by-filter",
390
- items: [t14, t15],
417
+ items: [t17, t18],
391
418
  hide: false,
392
419
  icon: "carbon:color-palette"
393
420
  };
394
- $[31] = t14;
395
- $[32] = t15;
396
- $[33] = t16;
421
+ $[34] = t17;
422
+ $[35] = t18;
423
+ $[36] = t19;
397
424
  } else {
398
- t16 = $[33];
425
+ t19 = $[36];
399
426
  }
400
- var t17 = isColorStackLegendEnabled ? "Hide legend" : "Show legend";
401
- var t18;
402
- if ($[34] !== isColorStackLegendEnabled || $[35] !== setColorStackLegend) {
403
- t18 = function t18() {
427
+ var t20 = isColorStackLegendEnabled ? "Hide legend" : "Show legend";
428
+ var t21;
429
+ if ($[37] !== isColorStackLegendEnabled || $[38] !== setColorStackLegend) {
430
+ t21 = function t21() {
404
431
  return setColorStackLegend(isColorStackLegendEnabled ? "false" : "true");
405
432
  };
406
- $[34] = isColorStackLegendEnabled;
407
- $[35] = setColorStackLegend;
408
- $[36] = t18;
433
+ $[37] = isColorStackLegendEnabled;
434
+ $[38] = setColorStackLegend;
435
+ $[39] = t21;
409
436
  } else {
410
- t18 = $[36];
437
+ t21 = $[39];
411
438
  }
412
- var t19 = compareMode || colorProfileName === "default";
413
- var t20 = isColorStackLegendEnabled ? "ph:eye-closed" : "ph:eye";
414
- var t21;
415
- if ($[37] !== t17 || $[38] !== t18 || $[39] !== t19 || $[40] !== t20) {
416
- t21 = {
417
- label: t17,
418
- onclick: t18,
419
- hide: t19,
439
+ var t22 = compareMode || colorProfileName === "default";
440
+ var t23 = isColorStackLegendEnabled ? "ph:eye-closed" : "ph:eye";
441
+ var t24;
442
+ if ($[40] !== t20 || $[41] !== t21 || $[42] !== t22 || $[43] !== t23) {
443
+ t24 = {
444
+ label: t20,
445
+ onclick: t21,
446
+ hide: t22,
420
447
  id: "h-show-legend-button",
421
- icon: t20
448
+ icon: t23
422
449
  };
423
- $[37] = t17;
424
- $[38] = t18;
425
- $[39] = t19;
426
450
  $[40] = t20;
427
451
  $[41] = t21;
452
+ $[42] = t22;
453
+ $[43] = t23;
454
+ $[44] = t24;
428
455
  } else {
429
- t21 = $[41];
456
+ t24 = $[44];
430
457
  }
431
- var t22 = isLeftAligned ? "Right-align function names" : "Left-align function names";
432
- var t23;
433
- if ($[42] !== isLeftAligned || $[43] !== setAlignFunctionName) {
434
- t23 = function t23() {
458
+ var t25 = isLeftAligned ? "Right-align function names" : "Left-align function names";
459
+ var t26;
460
+ if ($[45] !== isLeftAligned || $[46] !== setAlignFunctionName) {
461
+ t26 = function t26() {
435
462
  return setAlignFunctionName(isLeftAligned ? "right" : "left");
436
463
  };
437
- $[42] = isLeftAligned;
438
- $[43] = setAlignFunctionName;
439
- $[44] = t23;
464
+ $[45] = isLeftAligned;
465
+ $[46] = setAlignFunctionName;
466
+ $[47] = t26;
440
467
  } else {
441
- t23 = $[44];
468
+ t26 = $[47];
442
469
  }
443
- var t24 = !!isTableVizOnly;
444
- var t25 = isLeftAligned ? "ic:outline-align-horizontal-right" : "ic:outline-align-horizontal-left";
445
- var t26;
446
- if ($[45] !== t22 || $[46] !== t23 || $[47] !== t24 || $[48] !== t25) {
447
- t26 = {
448
- label: t22,
449
- onclick: t23,
470
+ var t27 = !!isTableVizOnly;
471
+ var t28 = isLeftAligned ? "ic:outline-align-horizontal-right" : "ic:outline-align-horizontal-left";
472
+ var t29;
473
+ if ($[48] !== t25 || $[49] !== t26 || $[50] !== t27 || $[51] !== t28) {
474
+ t29 = {
475
+ label: t25,
476
+ onclick: t26,
450
477
  id: "h-align-function-names",
451
- hide: t24,
452
- icon: t25
478
+ hide: t27,
479
+ icon: t28
453
480
  };
454
- $[45] = t22;
455
- $[46] = t23;
456
- $[47] = t24;
457
481
  $[48] = t25;
458
482
  $[49] = t26;
483
+ $[50] = t27;
484
+ $[51] = t28;
485
+ $[52] = t29;
459
486
  } else {
460
- t26 = $[49];
487
+ t29 = $[52];
461
488
  }
462
- var t27 = isCompareAbsolute ? "Compare Relative" : "Compare Absolute";
463
- var t28;
464
- if ($[50] !== isCompareAbsolute || $[51] !== setCompareAbsolute) {
465
- t28 = function t28() {
466
- return void setCompareAbsolute(!isCompareAbsolute);
467
- };
468
- $[50] = isCompareAbsolute;
469
- $[51] = setCompareAbsolute;
470
- $[52] = t28;
471
- } else {
472
- t28 = $[52];
473
- }
474
- var t29 = !compareMode;
475
- var t30 = isCompareAbsolute ? "fluent-mdl2:compare" : "fluent-mdl2:compare-uneven";
489
+ var t30 = isCompareAbsolute ? "Compare Relative" : "Compare Absolute";
476
490
  var t31;
477
- if ($[53] !== t27 || $[54] !== t28 || $[55] !== t29 || $[56] !== t30) {
478
- t31 = {
479
- label: t27,
480
- onclick: t28,
481
- hide: t29,
482
- icon: t30
491
+ if ($[53] !== isCompareAbsolute || $[54] !== setCompareAbsolute) {
492
+ t31 = function t31() {
493
+ return void setCompareAbsolute(!isCompareAbsolute);
483
494
  };
484
- $[53] = t27;
485
- $[54] = t28;
486
- $[55] = t29;
487
- $[56] = t30;
488
- $[57] = t31;
495
+ $[53] = isCompareAbsolute;
496
+ $[54] = setCompareAbsolute;
497
+ $[55] = t31;
489
498
  } else {
490
- t31 = $[57];
491
- }
492
- var t32 = !!isTableVizOnly;
493
- var t33;
494
- if ($[58] === Symbol["for"]("react.memo_cache_sentinel")) {
495
- t33 = /*#__PURE__*/_jsx(SwitchMenuItem, {
496
- label: "Dock graph tooltip",
497
- id: "h-dock-graph-meta-info",
498
- userPreferenceDetails: USER_PREFERENCES.GRAPH_METAINFO_DOCKED
499
- });
500
- $[58] = t33;
501
- } else {
502
- t33 = $[58];
499
+ t31 = $[55];
503
500
  }
501
+ var t32 = !compareMode;
502
+ var t33 = isCompareAbsolute ? "fluent-mdl2:compare" : "fluent-mdl2:compare-uneven";
504
503
  var t34;
505
- if ($[59] !== t32) {
504
+ if ($[56] !== t30 || $[57] !== t31 || $[58] !== t32 || $[59] !== t33) {
506
505
  t34 = {
507
- label: "Dock Graph MetaInfo",
506
+ label: t30,
507
+ onclick: t31,
508
508
  hide: t32,
509
- customSubmenu: t33,
510
- renderAsDiv: true
509
+ icon: t33
511
510
  };
512
- $[59] = t32;
511
+ $[56] = t30;
512
+ $[57] = t31;
513
+ $[58] = t32;
514
+ $[59] = t33;
513
515
  $[60] = t34;
514
516
  } else {
515
517
  t34 = $[60];
@@ -518,9 +520,9 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
518
520
  var t36;
519
521
  if ($[61] === Symbol["for"]("react.memo_cache_sentinel")) {
520
522
  t36 = /*#__PURE__*/_jsx(SwitchMenuItem, {
521
- label: "Highlight similar stacks when hovering over a node",
522
- id: "h-highlight-similar-stacks",
523
- userPreferenceDetails: USER_PREFERENCES.HIGHLIGHT_SIMILAR_STACKS
523
+ label: "Dock graph tooltip",
524
+ id: "h-dock-graph-meta-info",
525
+ userPreferenceDetails: USER_PREFERENCES.GRAPH_METAINFO_DOCKED
524
526
  });
525
527
  $[61] = t36;
526
528
  } else {
@@ -529,7 +531,7 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
529
531
  var t37;
530
532
  if ($[62] !== t35) {
531
533
  t37 = {
532
- label: "Highlight similar stacks when hovering over a node",
534
+ label: "Dock Graph MetaInfo",
533
535
  hide: t35,
534
536
  customSubmenu: t36,
535
537
  renderAsDiv: true
@@ -539,35 +541,60 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
539
541
  } else {
540
542
  t37 = $[63];
541
543
  }
542
- var t38 = hiddenBinaries.length === 0;
544
+ var t38 = !!isTableVizOnly;
543
545
  var t39;
544
- if ($[64] !== resetLegend) {
545
- t39 = function t39() {
546
- return resetLegend();
547
- };
548
- $[64] = resetLegend;
549
- $[65] = t39;
546
+ if ($[64] === Symbol["for"]("react.memo_cache_sentinel")) {
547
+ t39 = /*#__PURE__*/_jsx(SwitchMenuItem, {
548
+ label: "Highlight similar stacks when hovering over a node",
549
+ id: "h-highlight-similar-stacks",
550
+ userPreferenceDetails: USER_PREFERENCES.HIGHLIGHT_SIMILAR_STACKS
551
+ });
552
+ $[64] = t39;
550
553
  } else {
551
- t39 = $[65];
554
+ t39 = $[64];
552
555
  }
553
556
  var t40;
554
- if ($[66] !== t38 || $[67] !== t39) {
557
+ if ($[65] !== t38) {
555
558
  t40 = {
556
- label: "Reset Legend",
559
+ label: "Highlight similar stacks when hovering over a node",
557
560
  hide: t38,
558
- onclick: t39,
561
+ customSubmenu: t39,
562
+ renderAsDiv: true
563
+ };
564
+ $[65] = t38;
565
+ $[66] = t40;
566
+ } else {
567
+ t40 = $[66];
568
+ }
569
+ var t41 = hiddenBinaries.length === 0;
570
+ var t42;
571
+ if ($[67] !== resetLegend) {
572
+ t42 = function t42() {
573
+ return resetLegend();
574
+ };
575
+ $[67] = resetLegend;
576
+ $[68] = t42;
577
+ } else {
578
+ t42 = $[68];
579
+ }
580
+ var t43;
581
+ if ($[69] !== t41 || $[70] !== t42) {
582
+ t43 = {
583
+ label: "Reset Legend",
584
+ hide: t41,
585
+ onclick: t42,
559
586
  id: "h-reset-legend-button",
560
587
  icon: "system-uicons:reset"
561
588
  };
562
- $[66] = t38;
563
- $[67] = t39;
564
- $[68] = t40;
589
+ $[69] = t41;
590
+ $[70] = t42;
591
+ $[71] = t43;
565
592
  } else {
566
- t40 = $[68];
593
+ t43 = $[71];
567
594
  }
568
- var t41;
569
- if ($[69] !== handleBinaryToggle || $[70] !== hiddenBinaries) {
570
- t41 = hiddenBinaries.map(function (binary, index_0) {
595
+ var t44;
596
+ if ($[72] !== handleBinaryToggle || $[73] !== hiddenBinaries) {
597
+ t44 = hiddenBinaries.map(function (binary, index_0) {
571
598
  return {
572
599
  label: binary,
573
600
  customSubmenu: /*#__PURE__*/_jsxs("div", {
@@ -587,55 +614,55 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
587
614
  })
588
615
  };
589
616
  });
590
- $[69] = handleBinaryToggle;
591
- $[70] = hiddenBinaries;
592
- $[71] = t41;
617
+ $[72] = handleBinaryToggle;
618
+ $[73] = hiddenBinaries;
619
+ $[74] = t44;
593
620
  } else {
594
- t41 = $[71];
621
+ t44 = $[74];
595
622
  }
596
- var t42 = hiddenBinaries.length === 0;
597
- var t43;
598
- if ($[72] !== t41 || $[73] !== t42) {
599
- t43 = {
623
+ var t45 = hiddenBinaries.length === 0;
624
+ var t46;
625
+ if ($[75] !== t44 || $[76] !== t45) {
626
+ t46 = {
600
627
  label: "Hidden Binaries",
601
628
  id: "h-hidden-binaries",
602
- items: t41,
603
- hide: t42,
629
+ items: t44,
630
+ hide: t45,
604
631
  icon: "ph:eye-closed"
605
632
  };
606
- $[72] = t41;
607
- $[73] = t42;
608
- $[74] = t43;
633
+ $[75] = t44;
634
+ $[76] = t45;
635
+ $[77] = t46;
609
636
  } else {
610
- t43 = $[74];
637
+ t46 = $[77];
611
638
  }
612
- var t44;
613
- if ($[75] !== t13 || $[76] !== t16 || $[77] !== t21 || $[78] !== t26 || $[79] !== t31 || $[80] !== t34 || $[81] !== t37 || $[82] !== t40 || $[83] !== t43) {
614
- t44 = [t13, t16, t21, t26, t31, t34, t37, t40, t43];
615
- $[75] = t13;
616
- $[76] = t16;
617
- $[77] = t21;
618
- $[78] = t26;
619
- $[79] = t31;
620
- $[80] = t34;
621
- $[81] = t37;
622
- $[82] = t40;
623
- $[83] = t43;
624
- $[84] = t44;
625
- } else {
626
- t44 = $[84];
627
- }
628
- var menuItems = t44;
629
- var t45;
630
- if ($[85] !== colorBy || $[86] !== groupBy || $[87] !== isTableVizOnly || $[88] !== menuItems || $[89] !== onSelect || $[90] !== shouldOpenLeft || $[91] !== storeSortBy) {
631
- t45 = /*#__PURE__*/_jsx("div", {
639
+ var t47;
640
+ if ($[78] !== t16 || $[79] !== t19 || $[80] !== t24 || $[81] !== t29 || $[82] !== t34 || $[83] !== t37 || $[84] !== t40 || $[85] !== t43 || $[86] !== t46) {
641
+ t47 = [t16, t19, t24, t29, t34, t37, t40, t43, t46];
642
+ $[78] = t16;
643
+ $[79] = t19;
644
+ $[80] = t24;
645
+ $[81] = t29;
646
+ $[82] = t34;
647
+ $[83] = t37;
648
+ $[84] = t40;
649
+ $[85] = t43;
650
+ $[86] = t46;
651
+ $[87] = t47;
652
+ } else {
653
+ t47 = $[87];
654
+ }
655
+ var menuItems = t47;
656
+ var t48;
657
+ if ($[88] !== colorBy || $[89] !== groupBy || $[90] !== isTableVizOnly || $[91] !== menuItems || $[92] !== onSelect || $[93] !== shouldOpenLeft || $[94] !== storeSortBy) {
658
+ t48 = /*#__PURE__*/_jsx("div", {
632
659
  className: "relative inline-block text-left",
633
660
  id: "h-visualisation-toolbar-actions",
634
661
  ref: dropdownRef,
635
662
  children: /*#__PURE__*/_jsx(Menu, {
636
- children: function children(t46) {
637
- var open = t46.open,
638
- close = t46.close;
663
+ children: function children(t49) {
664
+ var open = t49.open,
665
+ close = t49.close;
639
666
  return /*#__PURE__*/_jsxs(_Fragment, {
640
667
  children: [/*#__PURE__*/_jsxs(Menu.Button, {
641
668
  className: "flex dark:bg-gray-900 dark:border-gray-600 justify-center w-full px-4 py-2 text-sm font-normal text-gray-600 dark:text-gray-200 bg-white rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 border border-gray-200 pr-[1.7rem]",
@@ -671,18 +698,18 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
671
698
  }
672
699
  })
673
700
  });
674
- $[85] = colorBy;
675
- $[86] = groupBy;
676
- $[87] = isTableVizOnly;
677
- $[88] = menuItems;
678
- $[89] = onSelect;
679
- $[90] = shouldOpenLeft;
680
- $[91] = storeSortBy;
681
- $[92] = t45;
682
- } else {
683
- t45 = $[92];
684
- }
685
- return t45;
701
+ $[88] = colorBy;
702
+ $[89] = groupBy;
703
+ $[90] = isTableVizOnly;
704
+ $[91] = menuItems;
705
+ $[92] = onSelect;
706
+ $[93] = shouldOpenLeft;
707
+ $[94] = storeSortBy;
708
+ $[95] = t48;
709
+ } else {
710
+ t48 = $[95];
711
+ }
712
+ return t48;
686
713
  };
687
714
  export default MultiLevelDropdown;
688
715
  function _temp(item) {