@parca/profile 0.19.156 → 0.19.158

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 +8 -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 +20 -5
  32. package/package.json +3 -3
  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 +38 -20
@@ -162,7 +162,7 @@ export var useProfileTypes = function useProfileTypes(client, start, end) {
162
162
  return t5;
163
163
  };
164
164
  var ProfileSelector = function ProfileSelector(t0) {
165
- var $ = _c(132);
165
+ var $ = _c(133);
166
166
  var queryClient = t0.queryClient,
167
167
  closeProfile = t0.closeProfile,
168
168
  enforcedProfileName = t0.enforcedProfileName,
@@ -179,51 +179,60 @@ var ProfileSelector = function ProfileSelector(t0) {
179
179
  var _useParcaContext = useParcaContext(),
180
180
  externalProfilerComponent = _useParcaContext.externalProfilerComponent,
181
181
  additionalMetricsGraph = _useParcaContext.additionalMetricsGraph;
182
- var _useNuqsQueryState = useNuqsQueryState("query_browser_mode", stringParam),
182
+ var t4;
183
+ if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
184
+ t4 = stringParam.withOptions({
185
+ history: "replace"
186
+ });
187
+ $[0] = t4;
188
+ } else {
189
+ t4 = $[0];
190
+ }
191
+ var _useNuqsQueryState = useNuqsQueryState("query_browser_mode", t4),
183
192
  _useNuqsQueryState2 = _slicedToArray(_useNuqsQueryState, 2),
184
193
  queryBrowserMode = _useNuqsQueryState2[0],
185
194
  setRawQueryBrowserMode = _useNuqsQueryState2[1];
186
- var t4;
187
- if ($[0] !== setRawQueryBrowserMode) {
188
- t4 = function t4(mode) {
195
+ var t5;
196
+ if ($[1] !== setRawQueryBrowserMode) {
197
+ t5 = function t5(mode) {
189
198
  setRawQueryBrowserMode(mode);
190
199
  };
191
- $[0] = setRawQueryBrowserMode;
192
- $[1] = t4;
200
+ $[1] = setRawQueryBrowserMode;
201
+ $[2] = t5;
193
202
  } else {
194
- t4 = $[1];
203
+ t5 = $[2];
195
204
  }
196
- var setQueryBrowserMode = t4;
205
+ var setQueryBrowserMode = t5;
197
206
  var profileFilterDefaults = externalProfilerComponent === null || externalProfilerComponent === void 0 ? void 0 : externalProfilerComponent.profileFilterDefaults;
198
207
  var _useProfileFilters = useProfileFilters(),
199
208
  forceApplyFilters = _useProfileFilters.forceApplyFilters;
200
- var t5;
201
- if ($[2] !== forceApplyFilters || $[3] !== profileFilterDefaults) {
202
- t5 = function t5() {
209
+ var t6;
210
+ if ($[3] !== forceApplyFilters || $[4] !== profileFilterDefaults) {
211
+ t6 = function t6() {
203
212
  if (profileFilterDefaults != null && profileFilterDefaults.length > 0) {
204
213
  forceApplyFilters(profileFilterDefaults);
205
214
  }
206
215
  };
207
- $[2] = forceApplyFilters;
208
- $[3] = profileFilterDefaults;
209
- $[4] = t5;
216
+ $[3] = forceApplyFilters;
217
+ $[4] = profileFilterDefaults;
218
+ $[5] = t6;
210
219
  } else {
211
- t5 = $[4];
220
+ t6 = $[5];
212
221
  }
213
- var handleProfileTypeChange = t5;
214
- var t6;
215
- if ($[5] !== handleProfileTypeChange || $[6] !== suffix) {
216
- t6 = {
222
+ var handleProfileTypeChange = t6;
223
+ var t7;
224
+ if ($[6] !== handleProfileTypeChange || $[7] !== suffix) {
225
+ t7 = {
217
226
  suffix: suffix,
218
227
  onProfileTypeChange: handleProfileTypeChange
219
228
  };
220
- $[5] = handleProfileTypeChange;
221
- $[6] = suffix;
222
- $[7] = t6;
229
+ $[6] = handleProfileTypeChange;
230
+ $[7] = suffix;
231
+ $[8] = t7;
223
232
  } else {
224
- t6 = $[7];
233
+ t7 = $[8];
225
234
  }
226
- var _useQueryState = useQueryState(t6),
235
+ var _useQueryState = useQueryState(t7),
227
236
  querySelection = _useQueryState.querySelection,
228
237
  draftSelection = _useQueryState.draftSelection,
229
238
  setDraftExpression = _useQueryState.setDraftExpression,
@@ -236,17 +245,17 @@ var ProfileSelector = function ProfileSelector(t0) {
236
245
  setProfileSelection = _useQueryState.setProfileSelection,
237
246
  sumByLoading = _useQueryState.sumByLoading,
238
247
  draftParsedQuery = _useQueryState.draftParsedQuery;
239
- var t7;
240
- if ($[8] !== draftSelection.from || $[9] !== draftSelection.timeSelection || $[10] !== draftSelection.to) {
241
- t7 = DateTimeRange.fromRangeKey(draftSelection.timeSelection, draftSelection.from, draftSelection.to);
242
- $[8] = draftSelection.from;
243
- $[9] = draftSelection.timeSelection;
244
- $[10] = draftSelection.to;
245
- $[11] = t7;
248
+ var t8;
249
+ if ($[9] !== draftSelection.from || $[10] !== draftSelection.timeSelection || $[11] !== draftSelection.to) {
250
+ t8 = DateTimeRange.fromRangeKey(draftSelection.timeSelection, draftSelection.from, draftSelection.to);
251
+ $[9] = draftSelection.from;
252
+ $[10] = draftSelection.timeSelection;
253
+ $[11] = draftSelection.to;
254
+ $[12] = t8;
246
255
  } else {
247
- t7 = $[11];
256
+ t8 = $[12];
248
257
  }
249
- var _useState = useState(t7),
258
+ var _useState = useState(t8),
250
259
  _useState2 = _slicedToArray(_useState, 2),
251
260
  timeRangeSelection = _useState2[0],
252
261
  setTimeRangeSelection = _useState2[1];
@@ -276,69 +285,69 @@ var ProfileSelector = function ProfileSelector(t0) {
276
285
  _useState10 = _slicedToArray(_useState1, 2),
277
286
  advancedModeForQueryBrowser = _useState10[0],
278
287
  setAdvancedModeForQueryBrowser = _useState10[1];
279
- var t8;
280
- if ($[12] !== setDraftTimeRange) {
281
- t8 = function t8(range) {
288
+ var t9;
289
+ if ($[13] !== setDraftTimeRange) {
290
+ t9 = function t9(range) {
282
291
  setTimeRangeSelection(range);
283
292
  setDraftTimeRange(range.getFromMs(), range.getToMs(), range.getRangeKey());
284
293
  };
285
- $[12] = setDraftTimeRange;
286
- $[13] = t8;
287
- } else {
288
- t8 = $[13];
289
- }
290
- var handleTimeRangeChange = t8;
291
- var t9;
292
- if ($[14] !== queryExpressionString) {
293
- t9 = Query.parse(queryExpressionString).profileType();
294
- $[14] = queryExpressionString;
295
- $[15] = t9;
294
+ $[13] = setDraftTimeRange;
295
+ $[14] = t9;
296
296
  } else {
297
- t9 = $[15];
297
+ t9 = $[14];
298
298
  }
299
- var profileType = t9;
299
+ var handleTimeRangeChange = t9;
300
300
  var t10;
301
- if ($[16] !== timeRangeSelection) {
302
- t10 = timeRangeSelection.getFromMs();
303
- $[16] = timeRangeSelection;
304
- $[17] = t10;
301
+ if ($[15] !== queryExpressionString) {
302
+ t10 = Query.parse(queryExpressionString).profileType();
303
+ $[15] = queryExpressionString;
304
+ $[16] = t10;
305
305
  } else {
306
- t10 = $[17];
306
+ t10 = $[16];
307
307
  }
308
- var from = t10;
308
+ var profileType = t10;
309
309
  var t11;
310
- if ($[18] !== timeRangeSelection) {
311
- t11 = timeRangeSelection.getToMs();
312
- $[18] = timeRangeSelection;
313
- $[19] = t11;
310
+ if ($[17] !== timeRangeSelection) {
311
+ t11 = timeRangeSelection.getFromMs();
312
+ $[17] = timeRangeSelection;
313
+ $[18] = t11;
314
+ } else {
315
+ t11 = $[18];
316
+ }
317
+ var from = t11;
318
+ var t12;
319
+ if ($[19] !== timeRangeSelection) {
320
+ t12 = timeRangeSelection.getToMs();
321
+ $[19] = timeRangeSelection;
322
+ $[20] = t12;
314
323
  } else {
315
- t11 = $[19];
324
+ t12 = $[20];
316
325
  }
317
- var to = t11;
326
+ var to = t12;
318
327
  var _useProfileTypes = useProfileTypes(queryClient, from, to),
319
328
  profileTypesLoading = _useProfileTypes.loading,
320
329
  profileTypesData = _useProfileTypes.data,
321
330
  error = _useProfileTypes.error;
322
- var t12;
323
- if ($[20] !== profileType) {
324
- t12 = profileType.toString();
325
- $[20] = profileType;
326
- $[21] = t12;
331
+ var t13;
332
+ if ($[21] !== profileType) {
333
+ t13 = profileType.toString();
334
+ $[21] = profileType;
335
+ $[22] = t13;
327
336
  } else {
328
- t12 = $[21];
337
+ t13 = $[22];
329
338
  }
330
- var _useLabelNames = useLabelNames(queryClient, t12, from, to),
339
+ var _useLabelNames = useLabelNames(queryClient, t13, from, to),
331
340
  result = _useLabelNames.result;
332
- var t13;
333
- if ($[22] !== result.response) {
341
+ var t14;
342
+ if ($[23] !== result.response) {
334
343
  var _result$response;
335
- t13 = ((_result$response = result.response) === null || _result$response === void 0 ? void 0 : _result$response.labelNames) === undefined ? [] : result.response.labelNames;
336
- $[22] = result.response;
337
- $[23] = t13;
344
+ t14 = ((_result$response = result.response) === null || _result$response === void 0 ? void 0 : _result$response.labelNames) === undefined ? [] : result.response.labelNames;
345
+ $[23] = result.response;
346
+ $[24] = t14;
338
347
  } else {
339
- t13 = $[23];
348
+ t14 = $[24];
340
349
  }
341
- var labels = t13;
350
+ var labels = t14;
342
351
  var _useState11 = useState(enforcedProfileName),
343
352
  _useState12 = _slicedToArray(_useState11, 2),
344
353
  prevEnforcedProfileName = _useState12[0],
@@ -364,41 +373,41 @@ var ProfileSelector = function ProfileSelector(t0) {
364
373
  setQueryExpressionString(querySelection.expression);
365
374
  }
366
375
  }
367
- var t14;
368
- if ($[24] !== enforcedProfileName || $[25] !== queryExpressionString) {
369
- t14 = function t14() {
376
+ var t15;
377
+ if ($[25] !== enforcedProfileName || $[26] !== queryExpressionString) {
378
+ t15 = function t15() {
370
379
  var pq = Query.parse(queryExpressionString);
371
380
  var _pq$setProfileName = pq.setProfileName(enforcedProfileName),
372
381
  _pq$setProfileName2 = _slicedToArray(_pq$setProfileName, 1),
373
382
  q_0 = _pq$setProfileName2[0];
374
383
  return q_0;
375
384
  };
376
- $[24] = enforcedProfileName;
377
- $[25] = queryExpressionString;
378
- $[26] = t14;
385
+ $[25] = enforcedProfileName;
386
+ $[26] = queryExpressionString;
387
+ $[27] = t15;
379
388
  } else {
380
- t14 = $[26];
389
+ t15 = $[27];
381
390
  }
382
- var enforcedProfileNameQuery = t14;
391
+ var enforcedProfileNameQuery = t15;
383
392
  var query;
384
- var t15;
385
- if ($[27] !== enforcedProfileName || $[28] !== enforcedProfileNameQuery || $[29] !== queryExpressionString) {
393
+ var t16;
394
+ if ($[28] !== enforcedProfileName || $[29] !== enforcedProfileNameQuery || $[30] !== queryExpressionString) {
386
395
  query = enforcedProfileName !== "" ? enforcedProfileNameQuery() : Query.parse(queryExpressionString);
387
- t15 = query.profileName();
388
- $[27] = enforcedProfileName;
389
- $[28] = enforcedProfileNameQuery;
390
- $[29] = queryExpressionString;
391
- $[30] = query;
392
- $[31] = t15;
396
+ t16 = query.profileName();
397
+ $[28] = enforcedProfileName;
398
+ $[29] = enforcedProfileNameQuery;
399
+ $[30] = queryExpressionString;
400
+ $[31] = query;
401
+ $[32] = t16;
393
402
  } else {
394
- query = $[30];
395
- t15 = $[31];
403
+ query = $[31];
404
+ t16 = $[32];
396
405
  }
397
- var selectedProfileName = t15;
398
- var t16;
399
- if ($[32] !== commitDraft || $[33] !== onSearchHook || $[34] !== timeRangeSelection) {
400
- t16 = function t16(t17) {
401
- var updateTs = t17 === undefined ? false : t17;
406
+ var selectedProfileName = t16;
407
+ var t17;
408
+ if ($[33] !== commitDraft || $[34] !== onSearchHook || $[35] !== timeRangeSelection) {
409
+ t17 = function t17(t18) {
410
+ var updateTs = t18 === undefined ? false : t18;
402
411
  if (onSearchHook != null) {
403
412
  onSearchHook();
404
413
  }
@@ -415,30 +424,30 @@ var ProfileSelector = function ProfileSelector(t0) {
415
424
  commitDraft();
416
425
  }
417
426
  };
418
- $[32] = commitDraft;
419
- $[33] = onSearchHook;
420
- $[34] = timeRangeSelection;
421
- $[35] = t16;
427
+ $[33] = commitDraft;
428
+ $[34] = onSearchHook;
429
+ $[35] = timeRangeSelection;
430
+ $[36] = t17;
422
431
  } else {
423
- t16 = $[35];
432
+ t17 = $[36];
424
433
  }
425
- var setQueryExpression = t16;
426
- var t17;
427
- if ($[36] !== selectedProfileName || $[37] !== setDraftMatchers) {
428
- t17 = function t17(matchers) {
434
+ var setQueryExpression = t17;
435
+ var t18;
436
+ if ($[37] !== selectedProfileName || $[38] !== setDraftMatchers) {
437
+ t18 = function t18(matchers) {
429
438
  setDraftMatchers(matchers);
430
439
  setQueryExpressionString("".concat(selectedProfileName, "{").concat(matchers, "}"));
431
440
  };
432
- $[36] = selectedProfileName;
433
- $[37] = setDraftMatchers;
434
- $[38] = t17;
441
+ $[37] = selectedProfileName;
442
+ $[38] = setDraftMatchers;
443
+ $[39] = t18;
435
444
  } else {
436
- t17 = $[38];
445
+ t18 = $[39];
437
446
  }
438
- var setMatchersString = t17;
439
- var t18;
440
- if ($[39] !== query || $[40] !== setDraftProfileName) {
441
- t18 = function t18(profileName) {
447
+ var setMatchersString = t18;
448
+ var t19;
449
+ if ($[40] !== query || $[41] !== setDraftProfileName) {
450
+ t19 = function t19(profileName) {
442
451
  if (profileName === undefined) {
443
452
  return;
444
453
  }
@@ -452,43 +461,43 @@ var ProfileSelector = function ProfileSelector(t0) {
452
461
  setQueryExpressionString(q_1);
453
462
  }
454
463
  };
455
- $[39] = query;
456
- $[40] = setDraftProfileName;
457
- $[41] = t18;
464
+ $[40] = query;
465
+ $[41] = setDraftProfileName;
466
+ $[42] = t19;
458
467
  } else {
459
- t18 = $[41];
468
+ t19 = $[42];
460
469
  }
461
- var setProfileName = t18;
462
- var t19 = externalProfilerComponent === null || externalProfilerComponent === void 0 ? void 0 : externalProfilerComponent.defaultProfileType;
463
- var t20;
464
- if ($[42] !== profileTypesData || $[43] !== querySelection || $[44] !== selectedProfileName || $[45] !== setProfileName || $[46] !== setQueryExpression || $[47] !== sumByLoading || $[48] !== t19) {
465
- t20 = {
470
+ var setProfileName = t19;
471
+ var t20 = externalProfilerComponent === null || externalProfilerComponent === void 0 ? void 0 : externalProfilerComponent.defaultProfileType;
472
+ var t21;
473
+ if ($[43] !== profileTypesData || $[44] !== querySelection || $[45] !== selectedProfileName || $[46] !== setProfileName || $[47] !== setQueryExpression || $[48] !== sumByLoading || $[49] !== t20) {
474
+ t21 = {
466
475
  selectedProfileName: selectedProfileName,
467
476
  profileTypesData: profileTypesData,
468
477
  setProfileName: setProfileName,
469
478
  setQueryExpression: setQueryExpression,
470
479
  querySelection: querySelection,
471
480
  loading: sumByLoading,
472
- defaultProfileType: t19
481
+ defaultProfileType: t20
473
482
  };
474
- $[42] = profileTypesData;
475
- $[43] = querySelection;
476
- $[44] = selectedProfileName;
477
- $[45] = setProfileName;
478
- $[46] = setQueryExpression;
479
- $[47] = sumByLoading;
480
- $[48] = t19;
483
+ $[43] = profileTypesData;
484
+ $[44] = querySelection;
485
+ $[45] = selectedProfileName;
486
+ $[46] = setProfileName;
487
+ $[47] = setQueryExpression;
488
+ $[48] = sumByLoading;
481
489
  $[49] = t20;
490
+ $[50] = t21;
482
491
  } else {
483
- t20 = $[49];
492
+ t21 = $[50];
484
493
  }
485
- useAutoQuerySelector(t20);
494
+ useAutoQuerySelector(t21);
486
495
  var searchDisabled = queryExpressionString === undefined || queryExpressionString === "" || queryExpressionString === "{}";
487
496
  var queryBrowserRef = useRef(null);
488
497
  var sumByRef = useRef(null);
489
- var t21;
490
- if ($[50] !== additionalMetricsGraph || $[51] !== commitDraft || $[52] !== handleTimeRangeChange || $[53] !== queryClient || $[54] !== querySelection || $[55] !== setQueryExpression || $[56] !== suffix || $[57] !== timeRangeSelection) {
491
- t21 = additionalMetricsGraph === null || additionalMetricsGraph === void 0 ? void 0 : additionalMetricsGraph({
498
+ var t22;
499
+ if ($[51] !== additionalMetricsGraph || $[52] !== commitDraft || $[53] !== handleTimeRangeChange || $[54] !== queryClient || $[55] !== querySelection || $[56] !== setQueryExpression || $[57] !== suffix || $[58] !== timeRangeSelection) {
500
+ t22 = additionalMetricsGraph === null || additionalMetricsGraph === void 0 ? void 0 : additionalMetricsGraph({
492
501
  querySelection: querySelection,
493
502
  queryClient: queryClient,
494
503
  suffix: suffix,
@@ -505,55 +514,55 @@ var ProfileSelector = function ProfileSelector(t0) {
505
514
  });
506
515
  }
507
516
  });
508
- $[50] = additionalMetricsGraph;
509
- $[51] = commitDraft;
510
- $[52] = handleTimeRangeChange;
511
- $[53] = queryClient;
512
- $[54] = querySelection;
513
- $[55] = setQueryExpression;
514
- $[56] = suffix;
515
- $[57] = timeRangeSelection;
516
- $[58] = t21;
517
- } else {
518
- t21 = $[58];
519
- }
520
- var t22;
521
- if ($[59] !== profileType || $[60] !== selectedProfileName) {
522
- t22 = selectedProfileName !== null && selectedProfileName !== void 0 ? selectedProfileName : profileType.toString();
523
- $[59] = profileType;
524
- $[60] = selectedProfileName;
525
- $[61] = t22;
526
- } else {
527
- t22 = $[61];
517
+ $[51] = additionalMetricsGraph;
518
+ $[52] = commitDraft;
519
+ $[53] = handleTimeRangeChange;
520
+ $[54] = queryClient;
521
+ $[55] = querySelection;
522
+ $[56] = setQueryExpression;
523
+ $[57] = suffix;
524
+ $[58] = timeRangeSelection;
525
+ $[59] = t22;
526
+ } else {
527
+ t22 = $[59];
528
528
  }
529
529
  var t23;
530
- if ($[62] !== timeRangeSelection) {
531
- t23 = timeRangeSelection.getFromMs();
532
- $[62] = timeRangeSelection;
533
- $[63] = t23;
530
+ if ($[60] !== profileType || $[61] !== selectedProfileName) {
531
+ t23 = selectedProfileName !== null && selectedProfileName !== void 0 ? selectedProfileName : profileType.toString();
532
+ $[60] = profileType;
533
+ $[61] = selectedProfileName;
534
+ $[62] = t23;
534
535
  } else {
535
- t23 = $[63];
536
+ t23 = $[62];
536
537
  }
537
538
  var t24;
538
- if ($[64] !== timeRangeSelection) {
539
- t24 = timeRangeSelection.getToMs();
540
- $[64] = timeRangeSelection;
541
- $[65] = t24;
539
+ if ($[63] !== timeRangeSelection) {
540
+ t24 = timeRangeSelection.getFromMs();
541
+ $[63] = timeRangeSelection;
542
+ $[64] = t24;
542
543
  } else {
543
- t24 = $[65];
544
+ t24 = $[64];
544
545
  }
545
546
  var t25;
546
- if ($[66] !== draftSelection.sumBy) {
547
- var _draftSelection$sumBy;
548
- t25 = (_draftSelection$sumBy = draftSelection.sumBy) !== null && _draftSelection$sumBy !== void 0 ? _draftSelection$sumBy : [];
549
- $[66] = draftSelection.sumBy;
550
- $[67] = t25;
547
+ if ($[65] !== timeRangeSelection) {
548
+ t25 = timeRangeSelection.getToMs();
549
+ $[65] = timeRangeSelection;
550
+ $[66] = t25;
551
551
  } else {
552
- t25 = $[67];
552
+ t25 = $[66];
553
553
  }
554
554
  var t26;
555
- if ($[68] !== advancedModeForQueryBrowser || $[69] !== commitDraft || $[70] !== draftParsedQuery || $[71] !== draftSelection || $[72] !== error || $[73] !== externalProfilerComponent || $[74] !== handleTimeRangeChange || $[75] !== labels || $[76] !== profileType || $[77] !== profileTypesData || $[78] !== profileTypesLoading || $[79] !== query || $[80] !== queryClient || $[81] !== searchDisabled || $[82] !== selectedProfileName || $[83] !== setDraftMatchers || $[84] !== setDraftSumBy || $[85] !== setMatchersString || $[86] !== setProfileName || $[87] !== setQueryBrowserMode || $[88] !== setQueryExpression || $[89] !== showProfileTypeSelector || $[90] !== showSumBySelector || $[91] !== sumByLoading || $[92] !== t25 || $[93] !== timeRangeSelection) {
556
- t26 = /*#__PURE__*/_jsx(LabelsSource, {
555
+ if ($[67] !== draftSelection.sumBy) {
556
+ var _draftSelection$sumBy;
557
+ t26 = (_draftSelection$sumBy = draftSelection.sumBy) !== null && _draftSelection$sumBy !== void 0 ? _draftSelection$sumBy : [];
558
+ $[67] = draftSelection.sumBy;
559
+ $[68] = t26;
560
+ } else {
561
+ t26 = $[68];
562
+ }
563
+ var t27;
564
+ if ($[69] !== advancedModeForQueryBrowser || $[70] !== commitDraft || $[71] !== draftParsedQuery || $[72] !== draftSelection || $[73] !== error || $[74] !== externalProfilerComponent || $[75] !== handleTimeRangeChange || $[76] !== labels || $[77] !== profileType || $[78] !== profileTypesData || $[79] !== profileTypesLoading || $[80] !== query || $[81] !== queryClient || $[82] !== searchDisabled || $[83] !== selectedProfileName || $[84] !== setDraftMatchers || $[85] !== setDraftSumBy || $[86] !== setMatchersString || $[87] !== setProfileName || $[88] !== setQueryBrowserMode || $[89] !== setQueryExpression || $[90] !== showProfileTypeSelector || $[91] !== showSumBySelector || $[92] !== sumByLoading || $[93] !== t26 || $[94] !== timeRangeSelection) {
565
+ t27 = /*#__PURE__*/_jsx(LabelsSource, {
557
566
  children: /*#__PURE__*/_jsx(QueryControls, {
558
567
  showProfileTypeSelector: showProfileTypeSelector,
559
568
  showSumBySelector: showSumBySelector,
@@ -574,7 +583,7 @@ var ProfileSelector = function ProfileSelector(t0) {
574
583
  queryClient: queryClient,
575
584
  sumByRef: sumByRef,
576
585
  labels: labels,
577
- sumBySelection: t25,
586
+ sumBySelection: t26,
578
587
  sumBySelectionLoading: sumByLoading,
579
588
  setUserSumBySelection: setDraftSumBy,
580
589
  profileType: profileType,
@@ -586,65 +595,65 @@ var ProfileSelector = function ProfileSelector(t0) {
586
595
  commitDraft: commitDraft
587
596
  })
588
597
  });
589
- $[68] = advancedModeForQueryBrowser;
590
- $[69] = commitDraft;
591
- $[70] = draftParsedQuery;
592
- $[71] = draftSelection;
593
- $[72] = error;
594
- $[73] = externalProfilerComponent;
595
- $[74] = handleTimeRangeChange;
596
- $[75] = labels;
597
- $[76] = profileType;
598
- $[77] = profileTypesData;
599
- $[78] = profileTypesLoading;
600
- $[79] = query;
601
- $[80] = queryClient;
602
- $[81] = searchDisabled;
603
- $[82] = selectedProfileName;
604
- $[83] = setDraftMatchers;
605
- $[84] = setDraftSumBy;
606
- $[85] = setMatchersString;
607
- $[86] = setProfileName;
608
- $[87] = setQueryBrowserMode;
609
- $[88] = setQueryExpression;
610
- $[89] = showProfileTypeSelector;
611
- $[90] = showSumBySelector;
612
- $[91] = sumByLoading;
613
- $[92] = t25;
614
- $[93] = timeRangeSelection;
615
- $[94] = t26;
616
- } else {
617
- t26 = $[94];
598
+ $[69] = advancedModeForQueryBrowser;
599
+ $[70] = commitDraft;
600
+ $[71] = draftParsedQuery;
601
+ $[72] = draftSelection;
602
+ $[73] = error;
603
+ $[74] = externalProfilerComponent;
604
+ $[75] = handleTimeRangeChange;
605
+ $[76] = labels;
606
+ $[77] = profileType;
607
+ $[78] = profileTypesData;
608
+ $[79] = profileTypesLoading;
609
+ $[80] = query;
610
+ $[81] = queryClient;
611
+ $[82] = searchDisabled;
612
+ $[83] = selectedProfileName;
613
+ $[84] = setDraftMatchers;
614
+ $[85] = setDraftSumBy;
615
+ $[86] = setMatchersString;
616
+ $[87] = setProfileName;
617
+ $[88] = setQueryBrowserMode;
618
+ $[89] = setQueryExpression;
619
+ $[90] = showProfileTypeSelector;
620
+ $[91] = showSumBySelector;
621
+ $[92] = sumByLoading;
622
+ $[93] = t26;
623
+ $[94] = timeRangeSelection;
624
+ $[95] = t27;
625
+ } else {
626
+ t27 = $[95];
618
627
  }
619
- var t27;
620
- if ($[95] !== query || $[96] !== queryClient || $[97] !== setMatchersString || $[98] !== setQueryExpression || $[99] !== suffix || $[100] !== t22 || $[101] !== t23 || $[102] !== t24 || $[103] !== t26) {
621
- t27 = /*#__PURE__*/_jsx(LabelsQueryProvider, {
628
+ var t28;
629
+ if ($[96] !== query || $[97] !== queryClient || $[98] !== setMatchersString || $[99] !== setQueryExpression || $[100] !== suffix || $[101] !== t23 || $[102] !== t24 || $[103] !== t25 || $[104] !== t27) {
630
+ t28 = /*#__PURE__*/_jsx(LabelsQueryProvider, {
622
631
  setMatchersString: setMatchersString,
623
632
  runQuery: setQueryExpression,
624
633
  currentQuery: query,
625
- profileType: t22,
634
+ profileType: t23,
626
635
  queryClient: queryClient,
627
- start: t23,
628
- end: t24,
636
+ start: t24,
637
+ end: t25,
629
638
  suffix: suffix,
630
- children: t26
639
+ children: t27
631
640
  });
632
- $[95] = query;
633
- $[96] = queryClient;
634
- $[97] = setMatchersString;
635
- $[98] = setQueryExpression;
636
- $[99] = suffix;
637
- $[100] = t22;
641
+ $[96] = query;
642
+ $[97] = queryClient;
643
+ $[98] = setMatchersString;
644
+ $[99] = setQueryExpression;
645
+ $[100] = suffix;
638
646
  $[101] = t23;
639
647
  $[102] = t24;
640
- $[103] = t26;
648
+ $[103] = t25;
641
649
  $[104] = t27;
650
+ $[105] = t28;
642
651
  } else {
643
- t27 = $[104];
652
+ t28 = $[105];
644
653
  }
645
- var t28;
646
- if ($[105] !== closeProfile || $[106] !== comparing) {
647
- t28 = comparing && /*#__PURE__*/_jsx("div", {
654
+ var t29;
655
+ if ($[106] !== closeProfile || $[107] !== comparing) {
656
+ t29 = comparing && /*#__PURE__*/_jsx("div", {
648
657
  children: /*#__PURE__*/_jsx(IconButton, _objectSpread({
649
658
  onClick: function onClick() {
650
659
  return closeProfile();
@@ -652,29 +661,29 @@ var ProfileSelector = function ProfileSelector(t0) {
652
661
  icon: /*#__PURE__*/_jsx(CloseIcon, {})
653
662
  }, testId(TEST_IDS.COMPARE_CLOSE_BUTTON)))
654
663
  });
655
- $[105] = closeProfile;
656
- $[106] = comparing;
657
- $[107] = t28;
664
+ $[106] = closeProfile;
665
+ $[107] = comparing;
666
+ $[108] = t29;
658
667
  } else {
659
- t28 = $[107];
668
+ t29 = $[108];
660
669
  }
661
- var t29;
662
- if ($[108] !== t21 || $[109] !== t27 || $[110] !== t28) {
663
- t29 = /*#__PURE__*/_jsxs("div", {
670
+ var t30;
671
+ if ($[109] !== t22 || $[110] !== t28 || $[111] !== t29) {
672
+ t30 = /*#__PURE__*/_jsxs("div", {
664
673
  className: "mb-2 flex flex-col",
665
- children: [t21, t27, t28]
674
+ children: [t22, t28, t29]
666
675
  });
667
- $[108] = t21;
668
- $[109] = t27;
676
+ $[109] = t22;
669
677
  $[110] = t28;
670
678
  $[111] = t29;
679
+ $[112] = t30;
671
680
  } else {
672
- t29 = $[111];
681
+ t30 = $[112];
673
682
  }
674
- var t30 = !profileTypesLoading && ((profileTypesData === null || profileTypesData === void 0 ? void 0 : profileTypesData.types) == null || profileTypesData.types.length === 0);
675
- var t31;
676
- if ($[112] !== commitDraft || $[113] !== comparing || $[114] !== handleTimeRangeChange || $[115] !== profileSelection || $[116] !== profileTypesLoading || $[117] !== query || $[118] !== queryClient || $[119] !== queryExpressionString || $[120] !== querySelection || $[121] !== setDisplayHideMetricsGraphButton || $[122] !== setDraftExpression || $[123] !== setProfileSelection || $[124] !== setQueryExpression || $[125] !== showMetricsGraph || $[126] !== sumByLoading || $[127] !== t30) {
677
- t31 = /*#__PURE__*/_jsx(MetricsGraphSection, {
683
+ var t31 = !profileTypesLoading && ((profileTypesData === null || profileTypesData === void 0 ? void 0 : profileTypesData.types) == null || profileTypesData.types.length === 0);
684
+ var t32;
685
+ if ($[113] !== commitDraft || $[114] !== comparing || $[115] !== handleTimeRangeChange || $[116] !== profileSelection || $[117] !== profileTypesLoading || $[118] !== query || $[119] !== queryClient || $[120] !== queryExpressionString || $[121] !== querySelection || $[122] !== setDisplayHideMetricsGraphButton || $[123] !== setDraftExpression || $[124] !== setProfileSelection || $[125] !== setQueryExpression || $[126] !== showMetricsGraph || $[127] !== sumByLoading || $[128] !== t31) {
686
+ t32 = /*#__PURE__*/_jsx(MetricsGraphSection, {
678
687
  showMetricsGraph: showMetricsGraph,
679
688
  setDisplayHideMetricsGraphButton: setDisplayHideMetricsGraphButton,
680
689
  querySelection: querySelection,
@@ -692,40 +701,40 @@ var ProfileSelector = function ProfileSelector(t0) {
692
701
  setNewQueryExpression: setDraftExpression,
693
702
  commitDraft: commitDraft,
694
703
  profileTypesLoading: profileTypesLoading,
695
- hasNoProfileTypes: t30
704
+ hasNoProfileTypes: t31
696
705
  });
697
- $[112] = commitDraft;
698
- $[113] = comparing;
699
- $[114] = handleTimeRangeChange;
700
- $[115] = profileSelection;
701
- $[116] = profileTypesLoading;
702
- $[117] = query;
703
- $[118] = queryClient;
704
- $[119] = queryExpressionString;
705
- $[120] = querySelection;
706
- $[121] = setDisplayHideMetricsGraphButton;
707
- $[122] = setDraftExpression;
708
- $[123] = setProfileSelection;
709
- $[124] = setQueryExpression;
710
- $[125] = showMetricsGraph;
711
- $[126] = sumByLoading;
712
- $[127] = t30;
706
+ $[113] = commitDraft;
707
+ $[114] = comparing;
708
+ $[115] = handleTimeRangeChange;
709
+ $[116] = profileSelection;
710
+ $[117] = profileTypesLoading;
711
+ $[118] = query;
712
+ $[119] = queryClient;
713
+ $[120] = queryExpressionString;
714
+ $[121] = querySelection;
715
+ $[122] = setDisplayHideMetricsGraphButton;
716
+ $[123] = setDraftExpression;
717
+ $[124] = setProfileSelection;
718
+ $[125] = setQueryExpression;
719
+ $[126] = showMetricsGraph;
720
+ $[127] = sumByLoading;
713
721
  $[128] = t31;
722
+ $[129] = t32;
714
723
  } else {
715
- t31 = $[128];
724
+ t32 = $[129];
716
725
  }
717
- var t32;
718
- if ($[129] !== t29 || $[130] !== t31) {
719
- t32 = /*#__PURE__*/_jsxs(_Fragment, {
720
- children: [t29, t31]
726
+ var t33;
727
+ if ($[130] !== t30 || $[131] !== t32) {
728
+ t33 = /*#__PURE__*/_jsxs(_Fragment, {
729
+ children: [t30, t32]
721
730
  });
722
- $[129] = t29;
723
- $[130] = t31;
731
+ $[130] = t30;
724
732
  $[131] = t32;
733
+ $[132] = t33;
725
734
  } else {
726
- t32 = $[131];
735
+ t33 = $[132];
727
736
  }
728
- return t32;
737
+ return t33;
729
738
  };
730
739
  export default ProfileSelector;
731
740
  var LabelsSource = function LabelsSource(t0) {