@parca/profile 0.19.140 → 0.19.142

package/dist/ProfileSelector/CompareButton.js

@@ -1,4 +1,16 @@
-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 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 _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; }
+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.
@@ -11,19 +23,127 @@ 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 { useState } from 'react';
 import { usePopper } from 'react-popper';
 import { Button } from '@parca/components';
-const CompareButton = ({ disabled, onClick, }) => {
-    const [compareHover, setCompareHover] = useState(false);
-    const [comparePopperReferenceElement, setComparePopperReferenceElement] = useState(null);
-    const [comparePopperElement, setComparePopperElement] = useState(null);
-    const { styles, attributes } = usePopper(comparePopperReferenceElement, comparePopperElement, {
-        placement: 'bottom',
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var CompareButton = function CompareButton(t0) {
+  var $ = _c(14);
+  var disabled = t0.disabled,
+    onClick = t0.onClick;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    compareHover = _useState2[0],
+    setCompareHover = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    comparePopperReferenceElement = _useState4[0],
+    setComparePopperReferenceElement = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    comparePopperElement = _useState6[0],
+    setComparePopperElement = _useState6[1];
+  var t1;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t1 = {
+      placement: "bottom"
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  var _usePopper = usePopper(comparePopperReferenceElement, comparePopperElement, t1),
+    styles = _usePopper.styles,
+    attributes = _usePopper.attributes;
+  if (disabled) {
+    var _t;
+    if ($[1] === Symbol["for"]("react.memo_cache_sentinel")) {
+      _t = /*#__PURE__*/_jsx(_Fragment, {});
+      $[1] = _t;
+    } else {
+      _t = $[1];
+    }
+    return _t;
+  }
+  var t2;
+  var t3;
+  if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t2 = function t2() {
+      return setCompareHover(true);
+    };
+    t3 = function t3() {
+      return setCompareHover(false);
+    };
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  var t4;
+  if ($[4] !== disabled || $[5] !== onClick) {
+    t4 = /*#__PURE__*/_jsx(Button, {
+      variant: "neutral",
+      disabled: disabled,
+      onClick: onClick,
+      onMouseEnter: t2,
+      onMouseLeave: t3,
+      id: "h-compare-button",
+      children: "Compare"
+    });
+    $[4] = disabled;
+    $[5] = onClick;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  var t5;
+  if ($[7] !== attributes || $[8] !== compareHover || $[9] !== styles) {
+    t5 = compareHover && /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+      ref: setComparePopperElement,
+      style: styles.popper
+    }, attributes.popper), {}, {
+      className: "z-50",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "flex",
+        children: /*#__PURE__*/_jsxs("div", {
+          className: "relative mx-2",
+          children: [/*#__PURE__*/_jsx("svg", {
+            className: "left-0 h-1 w-full text-black",
+            x: "0px",
+            y: "0px",
+            viewBox: "0 0 255 127.5",
+            children: /*#__PURE__*/_jsx("polygon", {
+              className: "fill-current",
+              points: "0,127.5 127.5,0 255,127.5"
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            className: "right-0 w-40 rounded bg-black px-3 py-2 text-xs text-white",
+            children: "Compare two profiles and see the relative difference between them more clearly."
+          })]
+        })
+      })
+    }));
+    $[7] = attributes;
+    $[8] = compareHover;
+    $[9] = styles;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  var t6;
+  if ($[11] !== t4 || $[12] !== t5) {
+    t6 = /*#__PURE__*/_jsxs("div", {
+      ref: setComparePopperReferenceElement,
+      children: [t4, t5]
     });
-    const compareExplanation = 'Compare two profiles and see the relative difference between them more clearly.';
-    if (disabled)
-        return _jsx(_Fragment, {});
-    return (_jsxs("div", { ref: setComparePopperReferenceElement, children: [_jsx(Button, { variant: "neutral", disabled: disabled, onClick: onClick, onMouseEnter: () => setCompareHover(true), onMouseLeave: () => setCompareHover(false), id: "h-compare-button", children: "Compare" }), compareHover && (_jsx("div", { ref: setComparePopperElement, style: styles.popper, ...attributes.popper, className: "z-50", children: _jsx("div", { className: "flex", children: _jsxs("div", { className: "relative mx-2", children: [_jsx("svg", { className: "left-0 h-1 w-full text-black", x: "0px", y: "0px", viewBox: "0 0 255 127.5", children: _jsx("polygon", { className: "fill-current", points: "0,127.5 127.5,0 255,127.5" }) }), _jsx("div", { className: "right-0 w-40 rounded bg-black px-3 py-2 text-xs text-white", children: compareExplanation })] }) }) }))] }));
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  return t6;
 };
-export default CompareButton;
+export default CompareButton;

package/dist/ProfileSelector/MetricsGraphSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricsGraphSection.d.ts","sourceRoot":"","sources":["../../src/ProfileSelector/MetricsGraphSection.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAQ,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACxD,OAAO,EAAC,aAAa,EAAkB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;AAIpC,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,UAAU,wBAAwB;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gCAAgC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,kBAAkB,CAAC;IAChC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChF,KAAK,EAAE,KAAK,CAAC;IACb,qBAAqB,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,kBAAkB,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CACX,kBAAkB,CAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAC,EACtE,UAAU,CAAC,EAAE,MAAM,KAChB,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gCAAgC,EAChC,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,qBAAqB,EACrB,WAAW,EACX,mBAA2B,EAC3B,iBAAyB,GAC1B,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CA8HxC"}
+{"version":3,"file":"MetricsGraphSection.d.ts","sourceRoot":"","sources":["../../src/ProfileSelector/MetricsGraphSection.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAQ,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACxD,OAAO,EAAC,aAAa,EAAoC,MAAM,mBAAmB,CAAC;AACnF,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;AAIpC,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,UAAU,wBAAwB;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gCAAgC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,kBAAkB,CAAC;IAChC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChF,KAAK,EAAE,KAAK,CAAC;IACb,qBAAqB,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,kBAAkB,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CACX,kBAAkB,CAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAC,EACtE,UAAU,CAAC,EAAE,MAAM,KAChB,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gCAAgC,EAChC,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,qBAAqB,EACrB,WAAW,EACX,mBAA2B,EAC3B,iBAAyB,GAC1B,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAmIxC"}

package/dist/ProfileSelector/MetricsGraphSection.js

@@ -1,4 +1,16 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } 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 _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; }
+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); }
+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.
@@ -11,76 +23,236 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } 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 cx from 'classnames';
-import { useParcaContext } from '@parca/components';
+import { useParcaContext, useURLStateBatch } from '@parca/components';
 import { Query } from '@parca/parser';
 import { useMetricsGraphDimensions } from '../MetricsGraph/useMetricsGraphDimensions';
 import ProfileMetricsGraph, { ProfileMetricsEmptyState } from '../ProfileMetricsGraph';
 import { useResetStateOnSeriesChange } from '../ProfileView/hooks/useResetStateOnSeriesChange';
-export function MetricsGraphSection({ showMetricsGraph, setDisplayHideMetricsGraphButton, querySelection, profileSelection, comparing, sumBy, defaultSumByLoading, queryClient, queryExpressionString, setTimeRangeSelection, selectQuery, setProfileSelection, query, setNewQueryExpression, commitDraft, profileTypesLoading = false, hasNoProfileTypes = false, }) {
-    const resetStateOnSeriesChange = useResetStateOnSeriesChange();
-    const { profileExplorer } = useParcaContext();
-    const { heightStyle } = useMetricsGraphDimensions(comparing, profileExplorer?.metricsGraph.height);
-    const handleTimeRangeChange = (range) => {
-        const from = range.getFromMs();
-        const to = range.getToMs();
-        let mergedProfileParams = {};
-        if (query.profileType().delta) {
-            mergedProfileParams = { mergeFrom: from * 1000000, mergeTo: to * 1000000 };
-        }
-        setTimeRangeSelection(range);
-        selectQuery({
-            expression: queryExpressionString,
-            from,
-            to,
-            timeSelection: range.getRangeKey(),
-            ...mergedProfileParams,
-        });
-    };
-    const addLabelMatcher = (labels) => {
-        // When a user clicks on a label on the metrics graph tooltip,
-        // replace single `\` in the `value` string with doubles `\\` if available.
-        const replaceBackslash = (value) => {
-            return value.includes('\\') ? value.replaceAll('\\', '\\\\') : value;
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function MetricsGraphSection(t0) {
+  var $ = _c(37);
+  var showMetricsGraph = t0.showMetricsGraph,
+    setDisplayHideMetricsGraphButton = t0.setDisplayHideMetricsGraphButton,
+    querySelection = t0.querySelection,
+    profileSelection = t0.profileSelection,
+    comparing = t0.comparing,
+    sumBy = t0.sumBy,
+    defaultSumByLoading = t0.defaultSumByLoading,
+    queryClient = t0.queryClient,
+    queryExpressionString = t0.queryExpressionString,
+    setTimeRangeSelection = t0.setTimeRangeSelection,
+    selectQuery = t0.selectQuery,
+    setProfileSelection = t0.setProfileSelection,
+    query = t0.query,
+    setNewQueryExpression = t0.setNewQueryExpression,
+    commitDraft = t0.commitDraft,
+    t1 = t0.profileTypesLoading,
+    t2 = t0.hasNoProfileTypes;
+  var profileTypesLoading = t1 === undefined ? false : t1;
+  var hasNoProfileTypes = t2 === undefined ? false : t2;
+  var resetStateOnSeriesChange = useResetStateOnSeriesChange();
+  var batchUpdates = useURLStateBatch();
+  var _useParcaContext = useParcaContext(),
+    profileExplorer = _useParcaContext.profileExplorer;
+  var _useMetricsGraphDimen = useMetricsGraphDimensions(comparing, profileExplorer === null || profileExplorer === void 0 ? void 0 : profileExplorer.metricsGraph.height),
+    heightStyle = _useMetricsGraphDimen.heightStyle;
+  var t3;
+  if ($[0] !== query || $[1] !== queryExpressionString || $[2] !== selectQuery || $[3] !== setTimeRangeSelection) {
+    t3 = function t3(range) {
+      var from = range.getFromMs();
+      var to = range.getToMs();
+      var mergedProfileParams = {};
+      if (query.profileType().delta) {
+        mergedProfileParams = {
+          mergeFrom: from * 1000000,
+          mergeTo: to * 1000000
         };
-        let newQuery;
-        let hasChanged;
-        if (Array.isArray(labels)) {
-            const newLabels = labels.map(({ key, value }) => {
-                const newValue = replaceBackslash(value);
-                return { key, value: newValue };
-            });
-            const [query, changed] = Query.parse(queryExpressionString).setMultipleMatchers(newLabels);
-            hasChanged = changed;
-            newQuery = query;
-        }
-        else {
-            const { key, value } = labels;
-            const newValue = replaceBackslash(value);
-            const [query, changed] = Query.parse(queryExpressionString).setMatcher(key, newValue);
-            hasChanged = changed;
-            newQuery = query;
-        }
-        if (hasChanged) {
-            // Immediately apply the filter when adding label matchers from the graph
-            setNewQueryExpression(newQuery.toString());
-            commitDraft(undefined, newQuery.toString());
-        }
+      }
+      setTimeRangeSelection(range);
+      selectQuery(_objectSpread({
+        expression: queryExpressionString,
+        from: from,
+        to: to,
+        timeSelection: range.getRangeKey()
+      }, mergedProfileParams));
     };
-    const handlePointClick = (timestamp, labels, queryExpression, duration) => {
-        let query = Query.parse(queryExpression);
-        labels.forEach(l => {
-            const [newQuery, updated] = query.setMatcher(l.name, l.value);
-            if (updated) {
-                query = newQuery;
-            }
+    $[0] = query;
+    $[1] = queryExpressionString;
+    $[2] = selectQuery;
+    $[3] = setTimeRangeSelection;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  var handleTimeRangeChange = t3;
+  var t4;
+  if ($[5] !== batchUpdates || $[6] !== commitDraft || $[7] !== queryExpressionString || $[8] !== setNewQueryExpression) {
+    t4 = function t4(labels) {
+      var replaceBackslash = _temp;
+      var newQuery;
+      var hasChanged;
+      if (Array.isArray(labels)) {
+        var newLabels = labels.map(function (t5) {
+          var key = t5.key,
+            value_0 = t5.value;
+          var newValue = replaceBackslash(value_0);
+          return {
+            key: key,
+            value: newValue
+          };
+        });
+        var _Query$parse$setMulti = Query.parse(queryExpressionString).setMultipleMatchers(newLabels),
+          _Query$parse$setMulti2 = _slicedToArray(_Query$parse$setMulti, 2),
+          query_0 = _Query$parse$setMulti2[0],
+          changed = _Query$parse$setMulti2[1];
+        hasChanged = changed;
+        newQuery = query_0;
+      } else {
+        var key_0 = labels.key,
+          value_1 = labels.value;
+        var newValue_0 = replaceBackslash(value_1);
+        var _Query$parse$setMatch = Query.parse(queryExpressionString).setMatcher(key_0, newValue_0),
+          _Query$parse$setMatch2 = _slicedToArray(_Query$parse$setMatch, 2),
+          query_1 = _Query$parse$setMatch2[0],
+          changed_0 = _Query$parse$setMatch2[1];
+        hasChanged = changed_0;
+        newQuery = query_1;
+      }
+      if (hasChanged) {
+        batchUpdates(function () {
+          setNewQueryExpression(newQuery.toString());
+          commitDraft(undefined, newQuery.toString());
         });
-        const mergeFrom = timestamp;
-        const mergeTo = query.profileType().delta ? mergeFrom + BigInt(duration) : mergeFrom;
-        resetStateOnSeriesChange(); // reset some state when a new series is selected
-        setProfileSelection(mergeFrom, mergeTo, query);
+      }
+    };
+    $[5] = batchUpdates;
+    $[6] = commitDraft;
+    $[7] = queryExpressionString;
+    $[8] = setNewQueryExpression;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  var addLabelMatcher = t4;
+  var t5;
+  if ($[10] !== batchUpdates || $[11] !== resetStateOnSeriesChange || $[12] !== setProfileSelection) {
+    t5 = function t5(timestamp, labels_0, queryExpression, duration) {
+      var query_2 = Query.parse(queryExpression);
+      labels_0.forEach(function (l) {
+        var _query_2$setMatcher = query_2.setMatcher(l.name, l.value),
+          _query_2$setMatcher2 = _slicedToArray(_query_2$setMatcher, 2),
+          newQuery_0 = _query_2$setMatcher2[0],
+          updated = _query_2$setMatcher2[1];
+        if (updated) {
+          query_2 = newQuery_0;
+        }
+      });
+      var mergeFrom = timestamp;
+      var mergeTo = query_2.profileType().delta ? mergeFrom + BigInt(duration) : mergeFrom;
+      batchUpdates(function () {
+        resetStateOnSeriesChange();
+        setProfileSelection(mergeFrom, mergeTo, query_2);
+      });
     };
-    return (_jsxs("div", { className: cx('relative', { 'py-4': !showMetricsGraph }), children: [setDisplayHideMetricsGraphButton != null ? (_jsxs("button", { onClick: () => setDisplayHideMetricsGraphButton(!showMetricsGraph), className: cx('hidden px-3 py-1 text-sm font-medium text-gray-700 dark:text-gray-200 bg-gray-100 rounded-md hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:bg-gray-900 z-[5]', showMetricsGraph && 'absolute right-0 bottom-3 !flex', !showMetricsGraph && 'relative !flex ml-auto'), children: [showMetricsGraph ? 'Hide' : 'Show', " Metrics Graph"] })) : null, showMetricsGraph && (_jsx(_Fragment, { children: _jsx("div", { style: { height: heightStyle }, children: (querySelection.expression !== '' || defaultSumByLoading) &&
-                        querySelection.from !== undefined &&
-                        querySelection.to !== undefined ? (_jsx(_Fragment, { children: _jsx(ProfileMetricsGraph, { queryClient: queryClient, queryExpression: querySelection.expression, from: querySelection.from, to: querySelection.to, profile: profileSelection, comparing: comparing, sumBy: sumBy ?? [], sumByLoading: defaultSumByLoading, setTimeRange: handleTimeRangeChange, addLabelMatcher: addLabelMatcher, onPointClick: handlePointClick }) })) : profileSelection === null && !profileTypesLoading ? (_jsx("div", { className: "p-2", children: hasNoProfileTypes ? (_jsx(ProfileMetricsEmptyState, { message: "No profiling data found in the selected time range. Try selecting a longer time range." })) : (_jsx(ProfileMetricsEmptyState, { message: "Please select a profile type and click 'Search' to begin." })) })) : null }) }))] }));
+    $[10] = batchUpdates;
+    $[11] = resetStateOnSeriesChange;
+    $[12] = setProfileSelection;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  var handlePointClick = t5;
+  var t6 = !showMetricsGraph;
+  var t7;
+  if ($[14] !== t6) {
+    t7 = cx("relative", {
+      "py-4": t6
+    });
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  var t8;
+  if ($[16] !== setDisplayHideMetricsGraphButton || $[17] !== showMetricsGraph) {
+    t8 = setDisplayHideMetricsGraphButton != null ? /*#__PURE__*/_jsxs("button", {
+      onClick: function onClick() {
+        return setDisplayHideMetricsGraphButton(!showMetricsGraph);
+      },
+      className: cx("hidden px-3 py-1 text-sm font-medium text-gray-700 dark:text-gray-200 bg-gray-100 rounded-md hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:bg-gray-900 z-[5]", showMetricsGraph && "absolute right-0 bottom-3 !flex", !showMetricsGraph && "relative !flex ml-auto"),
+      children: [showMetricsGraph ? "Hide" : "Show", " Metrics Graph"]
+    }) : null;
+    $[16] = setDisplayHideMetricsGraphButton;
+    $[17] = showMetricsGraph;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  var t9;
+  if ($[19] !== addLabelMatcher || $[20] !== comparing || $[21] !== defaultSumByLoading || $[22] !== handlePointClick || $[23] !== handleTimeRangeChange || $[24] !== hasNoProfileTypes || $[25] !== heightStyle || $[26] !== profileSelection || $[27] !== profileTypesLoading || $[28] !== queryClient || $[29] !== querySelection || $[30] !== showMetricsGraph || $[31] !== sumBy) {
+    t9 = showMetricsGraph && /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          height: heightStyle
+        },
+        children: (querySelection.expression !== "" || defaultSumByLoading) && querySelection.from !== undefined && querySelection.to !== undefined ? /*#__PURE__*/_jsx(_Fragment, {
+          children: /*#__PURE__*/_jsx(ProfileMetricsGraph, {
+            queryClient: queryClient,
+            queryExpression: querySelection.expression,
+            from: querySelection.from,
+            to: querySelection.to,
+            profile: profileSelection,
+            comparing: comparing,
+            sumBy: sumBy !== null && sumBy !== void 0 ? sumBy : [],
+            sumByLoading: defaultSumByLoading,
+            setTimeRange: handleTimeRangeChange,
+            addLabelMatcher: addLabelMatcher,
+            onPointClick: handlePointClick
+          })
+        }) : profileSelection === null && !profileTypesLoading ? /*#__PURE__*/_jsx("div", {
+          className: "p-2",
+          children: hasNoProfileTypes ? /*#__PURE__*/_jsx(ProfileMetricsEmptyState, {
+            message: "No profiling data found in the selected time range. Try selecting a longer time range."
+          }) : /*#__PURE__*/_jsx(ProfileMetricsEmptyState, {
+            message: "Please select a profile type and click 'Search' to begin."
+          })
+        }) : null
+      })
+    });
+    $[19] = addLabelMatcher;
+    $[20] = comparing;
+    $[21] = defaultSumByLoading;
+    $[22] = handlePointClick;
+    $[23] = handleTimeRangeChange;
+    $[24] = hasNoProfileTypes;
+    $[25] = heightStyle;
+    $[26] = profileSelection;
+    $[27] = profileTypesLoading;
+    $[28] = queryClient;
+    $[29] = querySelection;
+    $[30] = showMetricsGraph;
+    $[31] = sumBy;
+    $[32] = t9;
+  } else {
+    t9 = $[32];
+  }
+  var t10;
+  if ($[33] !== t7 || $[34] !== t8 || $[35] !== t9) {
+    t10 = /*#__PURE__*/_jsxs("div", {
+      className: t7,
+      children: [t8, t9]
+    });
+    $[33] = t7;
+    $[34] = t8;
+    $[35] = t9;
+    $[36] = t10;
+  } else {
+    t10 = $[36];
+  }
+  return t10;
 }
+function _temp(value) {
+  return value.includes("\\") ? value.replaceAll("\\", "\\\\") : value;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileSelector/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAoD,MAAM,OAAO,CAAC;AAElG,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAGlD,OAAO,EAAsB,oBAAoB,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAK5F,OAAO,EAAyB,KAAK,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAgB/E,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,uBAAuB;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,UAAU,oBAAqB,SAAQ,uBAAuB;IAC5D,WAAW,EAAE,kBAAkB,CAAC;IAChC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,gCAAgC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACrE,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,GAC1B,QAAQ,kBAAkB,EAC1B,QAAQ,MAAM,EACd,MAAM,MAAM,KACX,mBAsBF,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,kMAYtB,oBAAoB,KAAG,GAAG,CAAC,OA8Q7B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileSelector/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAyC,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAsB,oBAAoB,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAY5F,OAAO,EAAyB,KAAK,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAe/E,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,uBAAuB;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,UAAU,oBAAqB,SAAQ,uBAAuB;IAC5D,WAAW,EAAE,kBAAkB,CAAC;IAChC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,gCAAgC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACrE,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,GAC1B,QAAQ,kBAAkB,EAC1B,QAAQ,MAAM,EACd,MAAM,MAAM,KACX,mBAsBF,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,kMAYtB,oBAAoB,KAAG,GAAG,CAAC,OA+R7B,CAAC;AAEF,eAAe,eAAe,CAAC"}