@parca/profile 0.19.140 → 0.19.143

package/dist/MetricsGraph/useMetricsGraphDimensions.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react-compiler-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,32 +11,52 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
+
 import { useWindowSize } from 'react-use';
 import { useParcaContext } from '@parca/components';
-const margin = 50;
-export const useMetricsGraphDimensions = (comparing, maxHeight = 402) => {
-    let { width } = useWindowSize();
-    const { profileExplorer } = useParcaContext();
-    if (profileExplorer == null) {
-        return {
-            width: 0,
-            height: 0,
-            heightStyle: '0',
-            margin: 0,
-        };
+var margin = 50;
+export var useMetricsGraphDimensions = function useMetricsGraphDimensions(comparing, t0) {
+  var $ = _c(5);
+  var maxHeight = t0 === undefined ? 402 : t0;
+  var _useWindowSize = useWindowSize(),
+    width = _useWindowSize.width;
+  var _useParcaContext = useParcaContext(),
+    profileExplorer = _useParcaContext.profileExplorer;
+  if (profileExplorer == null) {
+    var _t;
+    if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+      _t = {
+        width: 0,
+        height: 0,
+        heightStyle: "0",
+        margin: 0
+      };
+      $[0] = _t;
+    } else {
+      _t = $[0];
     }
-    width = width - profileExplorer.PaddingX;
-    if (comparing) {
-        width = width / 2 - 32;
-    }
-    const height = Math.min(width / 2.5, maxHeight);
-    const heightStyle = `min(${maxHeight + margin}px, ${comparing
-        ? profileExplorer.metricsGraph.maxHeightStyle.compareMode
-        : profileExplorer.metricsGraph.maxHeightStyle.default})`;
-    return {
-        width,
-        height,
-        heightStyle,
-        margin,
+    return _t;
+  }
+  width = width - profileExplorer.PaddingX;
+  if (comparing) {
+    width = width / 2 - 32;
+  }
+  var height = Math.min(width / 2.5, maxHeight);
+  var heightStyle = "min(".concat(maxHeight + margin, "px, ").concat(comparing ? profileExplorer.metricsGraph.maxHeightStyle.compareMode : profileExplorer.metricsGraph.maxHeightStyle["default"], ")");
+  var t1;
+  if ($[1] !== height || $[2] !== heightStyle || $[3] !== width) {
+    t1 = {
+      width: width,
+      height: height,
+      heightStyle: heightStyle,
+      margin: margin
     };
-};
+    $[1] = height;
+    $[2] = heightStyle;
+    $[3] = width;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
+};

package/dist/MetricsGraph/utils/colorMapping.js

@@ -10,27 +10,34 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
+
 import * as d3 from 'd3';
+
 // Cache to store color mappings
-const colorCache = new Map();
+var colorCache = new Map();
+
 // Create a color scale using d3's category10 scheme
-const colorScale = d3.scaleOrdinal(d3.schemeCategory10);
+var colorScale = d3.scaleOrdinal(d3.schemeCategory10);
+
 /**
  * Generates a consistent color for a series based on its identifying properties
  */
 export function getSeriesColor(labels) {
-    // Create a key from all labels to ensure unique identification
-    const key = labels
-        .filter(l => l.name !== '__type__' && l.name !== 'limit') // ignore injected virtual labels
-        .map(l => `${l.name}=${l.value}`)
-        .sort()
-        .join(',');
-    // Return cached color if exists
-    if (colorCache.has(key)) {
-        return colorCache.get(key);
-    }
-    // Generate new color and cache it
-    const color = colorScale(key);
-    colorCache.set(key, color);
-    return color;
-}
+  // Create a key from all labels to ensure unique identification
+  var key = labels.filter(function (l) {
+    return l.name !== '__type__' && l.name !== 'limit';
+  }) // ignore injected virtual labels
+  .map(function (l) {
+    return "".concat(l.name, "=").concat(l.value);
+  }).sort().join(',');
+
+  // Return cached color if exists
+  if (colorCache.has(key)) {
+    return colorCache.get(key);
+  }
+
+  // Generate new color and cache it
+  var color = colorScale(key);
+  colorCache.set(key, color);
+  return color;
+}

package/dist/MetricsSeries/index.js

@@ -1,8 +1,71 @@
+import { c as _c } from "react-compiler-runtime"; // Copyright 2022 The Parca Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
-const MetricsSeries = ({ data, line, color, strokeWidth, strokeDasharray = '', strokeLinecap = 'round', onClick, }) => (_jsx("g", { className: "line-group", children: _jsx("path", { className: "line", d: line(data.values) ?? undefined, style: {
-            stroke: color,
-            strokeWidth,
-            strokeDasharray,
-            strokeLinecap,
-        }, onClick: onClick }) }));
-export default MetricsSeries;
+var MetricsSeries = function MetricsSeries(t0) {
+  var $ = _c(12);
+  var data = t0.data,
+    line = t0.line,
+    color = t0.color,
+    strokeWidth = t0.strokeWidth,
+    t1 = t0.strokeDasharray,
+    t2 = t0.strokeLinecap,
+    onClick = t0.onClick;
+  var strokeDasharray = t1 === undefined ? "" : t1;
+  var strokeLinecap = t2 === undefined ? "round" : t2;
+  var t3;
+  if ($[0] !== data.values || $[1] !== line) {
+    var _line;
+    t3 = (_line = line(data.values)) !== null && _line !== void 0 ? _line : undefined;
+    $[0] = data.values;
+    $[1] = line;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  var t4;
+  if ($[3] !== color || $[4] !== strokeDasharray || $[5] !== strokeLinecap || $[6] !== strokeWidth) {
+    t4 = {
+      stroke: color,
+      strokeWidth: strokeWidth,
+      strokeDasharray: strokeDasharray,
+      strokeLinecap: strokeLinecap
+    };
+    $[3] = color;
+    $[4] = strokeDasharray;
+    $[5] = strokeLinecap;
+    $[6] = strokeWidth;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  var t5;
+  if ($[8] !== onClick || $[9] !== t3 || $[10] !== t4) {
+    t5 = /*#__PURE__*/_jsx("g", {
+      className: "line-group",
+      children: /*#__PURE__*/_jsx("path", {
+        className: "line",
+        d: t3,
+        style: t4,
+        onClick: onClick
+      })
+    });
+    $[8] = onClick;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  return t5;
+};
+export default MetricsSeries;

package/dist/PreSelectedMatchers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PreSelectedMatchers/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAatE,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwKxC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PreSelectedMatchers/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAatE,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyKxC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/PreSelectedMatchers/index.js

@@ -1,4 +1,21 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -11,7 +28,10 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { useCallback, useEffect, useRef, useState } from 'react';
+
+/* eslint-disable react-hooks/refs */
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Icon } from '@iconify/react';
 import cx from 'classnames';
 import { useGrpcMetadata, useParcaContext } from '@parca/components';
@@ -20,106 +40,233 @@ import { millisToProtoTimestamp, sanitizeLabelValue } from '@parca/utilities';
 import CustomSelect from '../SimpleMatchers/Select';
 import { useUnifiedLabels } from '../contexts/UnifiedLabelsContext';
 import { useQueryState } from '../hooks/useQueryState';
-const PreSelectedMatchers = ({ labelNames }) => {
-    const [labelValuesMap, setLabelValuesMap] = useState({});
-    const [isLoading, setIsLoading] = useState({});
-    const metadata = useGrpcMetadata();
-    const { queryServiceClient: parcaQueryClient } = useParcaContext();
-    const { suffix } = useUnifiedLabels();
-    const { draftSelection, setDraftMatchers, commitDraft, draftParsedQuery } = useQueryState({ suffix });
-    const currentMatchers = draftParsedQuery?.matchersString();
-    const profileType = draftParsedQuery?.profileType().toString();
-    const start = draftSelection.from;
-    const end = draftSelection.to;
-    const parseCurrentMatchers = useCallback((matchersString) => {
-        const matches = matchersString.match(/(\w+)="([^"]+)"/g);
-        if (matches === null)
-            return {};
-        return matches.reduce((acc, match) => {
-            const [label, value] = match.split('=');
-            if (label !== undefined) {
-                acc[label] = value.replace(/"/g, '');
-            }
-            return acc;
-        }, 
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        {});
-    }, []);
-    const initialSelections = parseCurrentMatchers(currentMatchers ?? '');
-    const selectionsRef = useRef(initialSelections);
-    const commitDraftRef = useRef(commitDraft);
-    const timeoutRef = useRef(null);
-    useEffect(() => {
-        commitDraftRef.current = commitDraft;
-    }, [commitDraft]);
-    useEffect(() => {
-        selectionsRef.current = initialSelections;
-    }, [initialSelections]);
-    const fetchLabelValues = useCallback(async (labelName) => {
-        try {
-            const response = await parcaQueryClient.values({
-                labelName,
-                match: [],
-                profileType,
-                ...(start !== undefined && end !== undefined
-                    ? {
-                        start: millisToProtoTimestamp(start),
-                        end: millisToProtoTimestamp(end),
-                    }
-                    : {}),
-            }, { meta: metadata }).response;
-            return sanitizeLabelValue(response.labelValues);
-        }
-        catch (error) {
-            console.error('Error fetching label values:', error);
-            return [];
-        }
-    }, [parcaQueryClient, metadata, profileType, start, end]);
-    const fetchAllLabelValues = useCallback(async () => {
-        const newLabelValuesMap = {};
-        const newIsLoading = {};
-        for (const labelName of labelNames) {
-            newIsLoading[labelName] = true;
-            setIsLoading(prev => ({ ...prev, [labelName]: true }));
-            const values = await fetchLabelValues(labelName);
-            newLabelValuesMap[labelName] = values;
-            newIsLoading[labelName] = false;
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var PreSelectedMatchers = function PreSelectedMatchers(_ref) {
+  'use no memo';
+
+  var labelNames = _ref.labelNames;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    labelValuesMap = _useState2[0],
+    setLabelValuesMap = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var metadata = useGrpcMetadata();
+  var _useParcaContext = useParcaContext(),
+    parcaQueryClient = _useParcaContext.queryServiceClient;
+  var _useUnifiedLabels = useUnifiedLabels(),
+    suffix = _useUnifiedLabels.suffix;
+  var _useQueryState = useQueryState({
+      suffix: suffix
+    }),
+    draftSelection = _useQueryState.draftSelection,
+    setDraftMatchers = _useQueryState.setDraftMatchers,
+    commitDraft = _useQueryState.commitDraft,
+    draftParsedQuery = _useQueryState.draftParsedQuery;
+  var currentMatchers = draftParsedQuery === null || draftParsedQuery === void 0 ? void 0 : draftParsedQuery.matchersString();
+  var profileType = draftParsedQuery === null || draftParsedQuery === void 0 ? void 0 : draftParsedQuery.profileType().toString();
+  var start = draftSelection.from;
+  var end = draftSelection.to;
+  var parseCurrentMatchers = useCallback(function (matchersString) {
+    var matches = matchersString.match(/(\w+)="([^"]+)"/g);
+    if (matches === null) return {};
+    return matches.reduce(function (acc, match) {
+      var _match$split = match.split('='),
+        _match$split2 = _slicedToArray(_match$split, 2),
+        label = _match$split2[0],
+        value = _match$split2[1];
+      if (label !== undefined) {
+        acc[label] = value.replace(/"/g, '');
+      }
+      return acc;
+    },
+    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+    {});
+  }, []);
+  var initialSelections = parseCurrentMatchers(currentMatchers !== null && currentMatchers !== void 0 ? currentMatchers : '');
+  var selectionsRef = useRef(initialSelections);
+  var commitDraftRef = useRef(commitDraft);
+  var timeoutRef = useRef(null);
+  useEffect(function () {
+    commitDraftRef.current = commitDraft;
+  }, [commitDraft]);
+  useEffect(function () {
+    selectionsRef.current = initialSelections;
+  }, [initialSelections]);
+  var fetchLabelValues = useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(labelName) {
+      var response, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            _context.p = 0;
+            _context.n = 1;
+            return parcaQueryClient.values(_objectSpread({
+              labelName: labelName,
+              match: [],
+              profileType: profileType
+            }, start !== undefined && end !== undefined ? {
+              start: millisToProtoTimestamp(start),
+              end: millisToProtoTimestamp(end)
+            } : {}), {
+              meta: metadata
+            }).response;
+          case 1:
+            response = _context.v;
+            return _context.a(2, sanitizeLabelValue(response.labelValues));
+          case 2:
+            _context.p = 2;
+            _t = _context.v;
+            console.error('Error fetching label values:', _t);
+            return _context.a(2, []);
         }
-        setLabelValuesMap(newLabelValuesMap);
-        setIsLoading(newIsLoading);
-    }, [labelNames, fetchLabelValues]);
-    useEffect(() => {
-        void fetchAllLabelValues();
-    }, [fetchAllLabelValues]);
-    const updateMatcherString = useCallback(() => {
-        const matcherParts = Object.entries(selectionsRef.current)
-            .filter(([_, v]) => v !== null && v !== '')
-            .map(([ln, v]) => `${ln}="${v}"`);
-        const matcherString = matcherParts.join(',');
-        setDraftMatchers(matcherString);
-        if (timeoutRef.current !== null) {
-            clearTimeout(timeoutRef.current);
+      }, _callee, null, [[0, 2]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [parcaQueryClient, metadata, profileType, start, end]);
+  var fetchAllLabelValues = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+    var newLabelValuesMap, newIsLoading, _iterator, _step, _loop, _t2;
+    return _regenerator().w(function (_context3) {
+      while (1) switch (_context3.p = _context3.n) {
+        case 0:
+          newLabelValuesMap = {};
+          newIsLoading = {};
+          _iterator = _createForOfIteratorHelper(labelNames);
+          _context3.p = 1;
+          _loop = /*#__PURE__*/_regenerator().m(function _loop() {
+            var labelName_0, values;
+            return _regenerator().w(function (_context2) {
+              while (1) switch (_context2.n) {
+                case 0:
+                  labelName_0 = _step.value;
+                  newIsLoading[labelName_0] = true;
+                  setIsLoading(function (prev) {
+                    return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, labelName_0, true));
+                  });
+                  _context2.n = 1;
+                  return fetchLabelValues(labelName_0);
+                case 1:
+                  values = _context2.v;
+                  newLabelValuesMap[labelName_0] = values;
+                  newIsLoading[labelName_0] = false;
+                case 2:
+                  return _context2.a(2);
+              }
+            }, _loop);
+          });
+          _iterator.s();
+        case 2:
+          if ((_step = _iterator.n()).done) {
+            _context3.n = 4;
+            break;
+          }
+          return _context3.d(_regeneratorValues(_loop()), 3);
+        case 3:
+          _context3.n = 2;
+          break;
+        case 4:
+          _context3.n = 6;
+          break;
+        case 5:
+          _context3.p = 5;
+          _t2 = _context3.v;
+          _iterator.e(_t2);
+        case 6:
+          _context3.p = 6;
+          _iterator.f();
+          return _context3.f(6);
+        case 7:
+          setLabelValuesMap(newLabelValuesMap);
+          setIsLoading(newIsLoading);
+        case 8:
+          return _context3.a(2);
+      }
+    }, _callee2, null, [[1, 5, 6, 7]]);
+  })), [labelNames, fetchLabelValues]);
+  useEffect(function () {
+    void fetchAllLabelValues();
+  }, [fetchAllLabelValues]);
+  var updateMatcherString = useCallback(function () {
+    var matcherParts = Object.entries(selectionsRef.current).filter(function (_ref4) {
+      var _ref5 = _slicedToArray(_ref4, 2),
+        _ = _ref5[0],
+        v = _ref5[1];
+      return v !== null && v !== '';
+    }).map(function (_ref6) {
+      var _ref7 = _slicedToArray(_ref6, 2),
+        ln = _ref7[0],
+        v_0 = _ref7[1];
+      return "".concat(ln, "=\"").concat(v_0, "\"");
+    });
+    var matcherString = matcherParts.join(',');
+    setDraftMatchers(matcherString);
+    if (timeoutRef.current !== null) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(function () {
+      commitDraftRef.current();
+    }, 300);
+  }, [setDraftMatchers]);
+  var handleSelection = useCallback(function (labelName_1, value_0) {
+    selectionsRef.current = _objectSpread(_objectSpread({}, selectionsRef.current), {}, _defineProperty({}, labelName_1, value_0));
+    updateMatcherString();
+  }, [updateMatcherString]);
+  var handleReset = useCallback(function (labelName_2) {
+    handleSelection(labelName_2, null);
+  }, [handleSelection]);
+  var transformValuesForSelect = useCallback(function (values_0) {
+    return values_0.map(function (value_1) {
+      return {
+        key: value_1,
+        element: {
+          active: /*#__PURE__*/_jsx(_Fragment, {
+            children: value_1
+          }),
+          expanded: /*#__PURE__*/_jsx(_Fragment, {
+            children: value_1
+          })
         }
-        timeoutRef.current = setTimeout(() => {
-            commitDraftRef.current();
-        }, 300);
-    }, [setDraftMatchers]);
-    const handleSelection = useCallback((labelName, value) => {
-        selectionsRef.current = {
-            ...selectionsRef.current,
-            [labelName]: value,
-        };
-        updateMatcherString();
-    }, [updateMatcherString]);
-    const handleReset = useCallback((labelName) => {
-        handleSelection(labelName, null);
-    }, [handleSelection]);
-    const transformValuesForSelect = useCallback((values) => {
-        return values.map(value => ({
-            key: value,
-            element: { active: _jsx(_Fragment, { children: value }), expanded: _jsx(_Fragment, { children: value }) },
-        }));
-    }, []);
-    return (_jsx("div", { className: "flex flex-wrap gap-2", ...testId(TEST_IDS.VIEW_MATCHERS_CONTAINER), children: labelNames.map(labelName => (_jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "relative border shadow-sm px-4 py-2 text-left cursor-default focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 text-sm flex gap-2 items-center justify-between bg-gray-100 dark:bg-gray-700 rounded-l-md border-gray-300 dark:border-gray-600", children: labelName }), _jsx(CustomSelect, { searchable: true, placeholder: "Select value", items: transformValuesForSelect(labelValuesMap[labelName] ?? []), onSelection: (value) => handleSelection(labelName, value), selectedKey: selectionsRef.current[labelName] ?? undefined, className: cx('rounded-l-none border-l-0', selectionsRef.current[labelName] != null && 'border-r-0 rounded-r-none'), loading: isLoading[labelName] ?? false }), selectionsRef.current[labelName] != null && (_jsx("button", { onClick: () => handleReset(labelName), className: "p-2 border-gray-200 bg-white dark:bg-gray-900 dark:border-gray-600 border rounded-r-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", "aria-label": `Reset ${labelName} selection`, children: _jsx(Icon, { icon: "mdi:close", className: "h-5 w-5 text-gray-400", "aria-hidden": "true" }) }))] }, labelName))) }));
+      };
+    });
+  }, []);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: "flex flex-wrap gap-2"
+  }, testId(TEST_IDS.VIEW_MATCHERS_CONTAINER)), {}, {
+    children: labelNames.map(function (labelName_3) {
+      var _labelValuesMap$label, _selectionsRef$curren, _isLoading$labelName_;
+      return /*#__PURE__*/_jsxs("div", {
+        className: "flex items-center",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "relative border shadow-sm px-4 py-2 text-left cursor-default focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 text-sm flex gap-2 items-center justify-between bg-gray-100 dark:bg-gray-700 rounded-l-md border-gray-300 dark:border-gray-600",
+          children: labelName_3
+        }), /*#__PURE__*/_jsx(CustomSelect, {
+          searchable: true,
+          placeholder: "Select value",
+          items: transformValuesForSelect((_labelValuesMap$label = labelValuesMap[labelName_3]) !== null && _labelValuesMap$label !== void 0 ? _labelValuesMap$label : []),
+          onSelection: function onSelection(value_2) {
+            return handleSelection(labelName_3, value_2);
+          },
+          selectedKey: (_selectionsRef$curren = selectionsRef.current[labelName_3]) !== null && _selectionsRef$curren !== void 0 ? _selectionsRef$curren : undefined,
+          className: cx('rounded-l-none border-l-0', selectionsRef.current[labelName_3] != null && 'border-r-0 rounded-r-none'),
+          loading: (_isLoading$labelName_ = isLoading[labelName_3]) !== null && _isLoading$labelName_ !== void 0 ? _isLoading$labelName_ : false
+        }), selectionsRef.current[labelName_3] != null && /*#__PURE__*/_jsx("button", {
+          onClick: function onClick() {
+            return handleReset(labelName_3);
+          },
+          className: "p-2 border-gray-200 bg-white dark:bg-gray-900 dark:border-gray-600 border rounded-r-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
+          "aria-label": "Reset ".concat(labelName_3, " selection"),
+          children: /*#__PURE__*/_jsx(Icon, {
+            icon: "mdi:close",
+            className: "h-5 w-5 text-gray-400",
+            "aria-hidden": "true"
+          })
+        })]
+      }, labelName_3);
+    })
+  }));
 };
-export default PreSelectedMatchers;
+export default PreSelectedMatchers;

package/dist/ProfileExplorer/ProfileExplorerCompare.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileExplorerCompare.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/ProfileExplorerCompare.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAGjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAOvD,UAAU,2BAA2B;IACnC,WAAW,EAAE,kBAAkB,CAAC;IAChC,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,QAAA,MAAM,sBAAsB,GAAI,8BAG7B,2BAA2B,KAAG,GAAG,CAAC,OA+GpC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ProfileExplorerCompare.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/ProfileExplorerCompare.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAGjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAOvD,UAAU,2BAA2B;IACnC,WAAW,EAAE,kBAAkB,CAAC;IAChC,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,QAAA,MAAM,sBAAsB,GAAI,8BAG7B,2BAA2B,KAAG,GAAG,CAAC,OAsHpC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}