@parca/profile 0.19.140 → 0.19.143

package/dist/ProfileTypeSelector/index.js

@@ -1,4 +1,10 @@
-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); }
+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,138 +17,221 @@ 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 { useMemo } from 'react';
 import { Select } from '@parca/components';
 import { TEST_IDS, testId } from '@parca/test-utils';
-export const wellKnownProfiles = {
-    'block:contentions:count:contentions:count': {
-        name: 'Block Contentions Total',
-        help: 'Stack traces that led to blocking on synchronization primitives.',
-    },
-    'block:delay:nanoseconds:contentions:count': {
-        name: 'Block Contention Time Total',
-        help: 'Time delayed stack traces caused by blocking on synchronization primitives.',
-    },
-    'fgprof:samples:count:wallclock:nanoseconds:delta': {
-        name: 'Fgprof Samples Total',
-        help: 'CPU profile samples observed regardless of their current On/Off CPU scheduling status',
-    },
-    'fgprof:time:nanoseconds:wallclock:nanoseconds:delta': {
-        name: 'Fgprof Samples Time Total',
-        help: 'CPU profile measured regardless of their current On/Off CPU scheduling status in nanoseconds',
-    },
-    'goroutine:goroutine:count:goroutine:count': {
-        name: 'Goroutine Created Total',
-        help: 'Stack traces that created all current goroutines.',
-    },
-    'memory:alloc_objects:count:space:bytes': {
-        name: 'Memory Allocated Objects Total',
-        help: 'A sampling of all past memory allocations by objects.',
-    },
-    'memory:alloc_space:bytes:space:bytes': {
-        name: 'Memory Allocated Bytes Total',
-        help: 'A sampling of all past memory allocations in bytes.',
-    },
-    'memory:alloc_objects:count:space:bytes:delta': {
-        name: 'Memory Allocated Objects Delta',
-        help: 'A sampling of all memory allocations during the observation by objects.',
-    },
-    'memory:alloc_space:bytes:space:bytes:delta': {
-        name: 'Memory Allocated Bytes Delta',
-        help: 'A sampling of all memory allocations during the observation in bytes.',
-    },
-    'memory:inuse_objects:count:space:bytes': {
-        name: 'Memory In-Use Objects',
-        help: 'A sampling of memory allocations of live objects by objects.',
-    },
-    'memory:inuse_space:bytes:space:bytes': {
-        name: 'Memory In-Use Bytes',
-        help: 'A sampling of memory allocations of live objects by bytes.',
-    },
-    'mutex:contentions:count:contentions:count': {
-        name: 'Mutex Contentions Total',
-        help: 'Stack traces of holders of contended mutexes.',
-    },
-    'mutex:delay:nanoseconds:contentions:count': {
-        name: 'Mutex Contention Time Total',
-        help: 'Time delayed stack traces caused by contended mutexes.',
-    },
-    'process_cpu:cpu:nanoseconds:cpu:nanoseconds:delta': {
-        name: 'Process CPU Nanoseconds',
-        help: 'CPU profile measured by the process itself in nanoseconds.',
-    },
-    'process_cpu:samples:count:cpu:nanoseconds:delta': {
-        name: 'Process CPU Samples',
-        help: 'CPU profile samples observed by the process itself.',
-    },
-    'parca_agent_cpu:samples:count:cpu:nanoseconds:delta': {
-        name: 'CPU Samples',
-        help: 'CPU profile samples observed by Parca Agent.',
-    },
-    'otel_profiling_agent_on_cpu:samples:count:cpu:nanoseconds:delta': {
-        name: 'On-CPU Samples',
-        help: 'On CPU profile samples observed by the Otel Profiling Agent.',
-    },
-    'go_opentelemetry_io_ebpf_profiler:samples:count:cpu:nanoseconds:delta': {
-        name: 'On-CPU',
-        help: 'On CPU profile samples as observed by the OpenTelemetry eBPF Profiler.',
-    },
-    'parca_agent:samples:count:cpu:nanoseconds:delta': {
-        name: 'On-CPU',
-        help: 'On CPU profile samples as observed by the Parca Agent.',
-    },
-    'parca_agent:wallclock:nanoseconds:samples:count:delta': {
-        name: 'Off-CPU',
-        help: 'Time spent off the CPU as observed by the Parca Agent.',
-    },
-    'parca_agent:cuda:nanoseconds:cuda:nanoseconds:delta': {
-        name: 'On-GPU',
-        help: 'Time spent on the GPU.',
-    },
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var wellKnownProfiles = {
+  'block:contentions:count:contentions:count': {
+    name: 'Block Contentions Total',
+    help: 'Stack traces that led to blocking on synchronization primitives.'
+  },
+  'block:delay:nanoseconds:contentions:count': {
+    name: 'Block Contention Time Total',
+    help: 'Time delayed stack traces caused by blocking on synchronization primitives.'
+  },
+  'fgprof:samples:count:wallclock:nanoseconds:delta': {
+    name: 'Fgprof Samples Total',
+    help: 'CPU profile samples observed regardless of their current On/Off CPU scheduling status'
+  },
+  'fgprof:time:nanoseconds:wallclock:nanoseconds:delta': {
+    name: 'Fgprof Samples Time Total',
+    help: 'CPU profile measured regardless of their current On/Off CPU scheduling status in nanoseconds'
+  },
+  'goroutine:goroutine:count:goroutine:count': {
+    name: 'Goroutine Created Total',
+    help: 'Stack traces that created all current goroutines.'
+  },
+  'memory:alloc_objects:count:space:bytes': {
+    name: 'Memory Allocated Objects Total',
+    help: 'A sampling of all past memory allocations by objects.'
+  },
+  'memory:alloc_space:bytes:space:bytes': {
+    name: 'Memory Allocated Bytes Total',
+    help: 'A sampling of all past memory allocations in bytes.'
+  },
+  'memory:alloc_objects:count:space:bytes:delta': {
+    name: 'Memory Allocated Objects Delta',
+    help: 'A sampling of all memory allocations during the observation by objects.'
+  },
+  'memory:alloc_space:bytes:space:bytes:delta': {
+    name: 'Memory Allocated Bytes Delta',
+    help: 'A sampling of all memory allocations during the observation in bytes.'
+  },
+  'memory:inuse_objects:count:space:bytes': {
+    name: 'Memory In-Use Objects',
+    help: 'A sampling of memory allocations of live objects by objects.'
+  },
+  'memory:inuse_space:bytes:space:bytes': {
+    name: 'Memory In-Use Bytes',
+    help: 'A sampling of memory allocations of live objects by bytes.'
+  },
+  'mutex:contentions:count:contentions:count': {
+    name: 'Mutex Contentions Total',
+    help: 'Stack traces of holders of contended mutexes.'
+  },
+  'mutex:delay:nanoseconds:contentions:count': {
+    name: 'Mutex Contention Time Total',
+    help: 'Time delayed stack traces caused by contended mutexes.'
+  },
+  'process_cpu:cpu:nanoseconds:cpu:nanoseconds:delta': {
+    name: 'Process CPU Nanoseconds',
+    help: 'CPU profile measured by the process itself in nanoseconds.'
+  },
+  'process_cpu:samples:count:cpu:nanoseconds:delta': {
+    name: 'Process CPU Samples',
+    help: 'CPU profile samples observed by the process itself.'
+  },
+  'parca_agent_cpu:samples:count:cpu:nanoseconds:delta': {
+    name: 'CPU Samples',
+    help: 'CPU profile samples observed by Parca Agent.'
+  },
+  'otel_profiling_agent_on_cpu:samples:count:cpu:nanoseconds:delta': {
+    name: 'On-CPU Samples',
+    help: 'On CPU profile samples observed by the Otel Profiling Agent.'
+  },
+  'go_opentelemetry_io_ebpf_profiler:samples:count:cpu:nanoseconds:delta': {
+    name: 'On-CPU',
+    help: 'On CPU profile samples as observed by the OpenTelemetry eBPF Profiler.'
+  },
+  'parca_agent:samples:count:cpu:nanoseconds:delta': {
+    name: 'On-CPU',
+    help: 'On CPU profile samples as observed by the Parca Agent.'
+  },
+  'parca_agent:wallclock:nanoseconds:samples:count:delta': {
+    name: 'Off-CPU',
+    help: 'Time spent off the CPU as observed by the Parca Agent.'
+  },
+  'parca_agent:cuda:nanoseconds:cuda:nanoseconds:delta': {
+    name: 'On-GPU',
+    help: 'Time spent on the GPU.'
+  }
 };
 export function flexibleWellKnownProfileMatching(name) {
-    const prefixExcludedName = name.split(':').slice(1).join(':');
-    const deltaExcludedName = prefixExcludedName.replace(/:delta$/, '');
-    const requiredKey = Object.keys(wellKnownProfiles).find(key => {
-        if (key.includes(deltaExcludedName)) {
-            return true;
-        }
-        return false;
-    });
-    return requiredKey != null ? wellKnownProfiles[requiredKey] : undefined;
+  var prefixExcludedName = name.split(':').slice(1).join(':');
+  var deltaExcludedName = prefixExcludedName.replace(/:delta$/, '');
+  var requiredKey = Object.keys(wellKnownProfiles).find(function (key) {
+    if (key.includes(deltaExcludedName)) {
+      return true;
+    }
+    return false;
+  });
+  return requiredKey != null ? wellKnownProfiles[requiredKey] : undefined;
 }
 export function profileSelectElement(name, flexibleKnownProfilesDetection) {
-    const wellKnown = !flexibleKnownProfilesDetection
-        ? wellKnownProfiles[name]
-        : flexibleWellKnownProfileMatching(name);
-    if (wellKnown === undefined)
-        return { active: _jsx(_Fragment, { children: name }), expanded: _jsx(_Fragment, { children: name }) };
-    const title = wellKnown.name.replace(/ /g, '\u00a0');
-    return {
-        active: _jsx(_Fragment, { children: title }),
-        expanded: (_jsxs(_Fragment, { children: [_jsx("span", { children: title }), _jsx("br", {}), _jsx("span", { className: "text-xs", children: wellKnown.help })] })),
-    };
+  var wellKnown = !flexibleKnownProfilesDetection ? wellKnownProfiles[name] : flexibleWellKnownProfileMatching(name);
+  if (wellKnown === undefined) return {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: name
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: name
+    })
+  };
+  var title = wellKnown.name.replace(/ /g, "\xA0");
+  return {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: title
+    }),
+    expanded: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("span", {
+        children: title
+      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("span", {
+        className: "text-xs",
+        children: wellKnown.help
+      })]
+    })
+  };
 }
-export const constructProfileName = (type) => {
-    return `${type.name}:${type.sampleType}:${type.sampleUnit}:${type.periodType}:${type.periodUnit}${type.delta ? ':delta' : ''}`;
+export var constructProfileName = function constructProfileName(type) {
+  return "".concat(type.name, ":").concat(type.sampleType, ":").concat(type.sampleUnit, ":").concat(type.periodType, ":").concat(type.periodUnit).concat(type.delta ? ':delta' : '');
 };
-export const normalizeProfileTypesData = (types) => {
-    return types.map(constructProfileName).sort((a, b) => {
-        return a.localeCompare(b);
-    });
+export var normalizeProfileTypesData = function normalizeProfileTypesData(types) {
+  return types.map(constructProfileName).sort(function (a, b) {
+    return a.localeCompare(b);
+  });
 };
-const ProfileTypeSelector = ({ profileTypesData, loading = false, error, selectedKey, onSelection, flexibleKnownProfilesDetection = false, disabled, }) => {
-    const profileNames = useMemo(() => {
-        return (error === undefined || error == null) &&
-            profileTypesData !== undefined &&
-            profileTypesData != null
-            ? normalizeProfileTypesData(profileTypesData.types)
-            : [];
-    }, [profileTypesData, error]);
-    const profileLabels = (profileNames.length > 0 ? profileNames : selectedKey != null ? [selectedKey] : []).map(name => ({
-        key: name,
-        element: profileSelectElement(name, flexibleKnownProfilesDetection),
-    }));
-    return (_jsx(Select, { items: profileLabels, selectedKey: selectedKey, onSelection: onSelection, placeholder: "Select profile type...", loading: loading, className: "bg-white h-profile-type-dropdown", disabled: disabled, ...testId(TEST_IDS.PROFILE_TYPE_SELECTOR) }));
+var ProfileTypeSelector = function ProfileTypeSelector(t0) {
+  var $ = _c(18);
+  var profileTypesData = t0.profileTypesData,
+    t1 = t0.loading,
+    error = t0.error,
+    selectedKey = t0.selectedKey,
+    onSelection = t0.onSelection,
+    t2 = t0.flexibleKnownProfilesDetection,
+    disabled = t0.disabled;
+  var loading = t1 === undefined ? false : t1;
+  var flexibleKnownProfilesDetection = t2 === undefined ? false : t2;
+  var t3;
+  if ($[0] !== error || $[1] !== profileTypesData) {
+    t3 = (error === undefined || error == null) && profileTypesData !== undefined && profileTypesData != null ? normalizeProfileTypesData(profileTypesData.types) : [];
+    $[0] = error;
+    $[1] = profileTypesData;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  var profileNames = t3;
+  var t4;
+  if ($[3] !== profileNames || $[4] !== selectedKey) {
+    t4 = profileNames.length > 0 ? profileNames : selectedKey != null ? [selectedKey] : [];
+    $[3] = profileNames;
+    $[4] = selectedKey;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  var t5;
+  if ($[6] !== flexibleKnownProfilesDetection || $[7] !== t4) {
+    var _t;
+    if ($[9] !== flexibleKnownProfilesDetection) {
+      _t = function _t(name) {
+        return {
+          key: name,
+          element: profileSelectElement(name, flexibleKnownProfilesDetection)
+        };
+      };
+      $[9] = flexibleKnownProfilesDetection;
+      $[10] = _t;
+    } else {
+      _t = $[10];
+    }
+    t5 = t4.map(_t);
+    $[6] = flexibleKnownProfilesDetection;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  var profileLabels = t5;
+  var t6;
+  if ($[11] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t6 = testId(TEST_IDS.PROFILE_TYPE_SELECTOR);
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  var t7;
+  if ($[12] !== disabled || $[13] !== loading || $[14] !== onSelection || $[15] !== profileLabels || $[16] !== selectedKey) {
+    t7 = /*#__PURE__*/_jsx(Select, _objectSpread({
+      items: profileLabels,
+      selectedKey: selectedKey,
+      onSelection: onSelection,
+      placeholder: "Select profile type...",
+      loading: loading,
+      className: "bg-white h-profile-type-dropdown",
+      disabled: disabled
+    }, t6));
+    $[12] = disabled;
+    $[13] = loading;
+    $[14] = onSelection;
+    $[15] = profileLabels;
+    $[16] = selectedKey;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
 };
-export default ProfileTypeSelector;
+export default ProfileTypeSelector;

package/dist/ProfileView/components/ActionButtons/GroupByDropdown.js

@@ -1,6 +1,52 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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 React from 'react';
 import GroupByLabelsDropdown from '../GroupByLabelsDropdown';
-const GroupByControls = ({ groupBy, labels, setGroupByLabels, metadataRefetch, metadataLoading, label, }) => {
-    return (_jsx("div", { className: "relative flex", id: "h-group-by-controls", children: _jsx(GroupByLabelsDropdown, { labels: labels, groupBy: groupBy, setGroupByLabels: setGroupByLabels, metadataRefetch: metadataRefetch, metadataLoading: metadataLoading, label: label }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+var GroupByControls = function GroupByControls(t0) {
+  var $ = _c(7);
+  var groupBy = t0.groupBy,
+    labels = t0.labels,
+    setGroupByLabels = t0.setGroupByLabels,
+    metadataRefetch = t0.metadataRefetch,
+    metadataLoading = t0.metadataLoading,
+    label = t0.label;
+  var t1;
+  if ($[0] !== groupBy || $[1] !== label || $[2] !== labels || $[3] !== metadataLoading || $[4] !== metadataRefetch || $[5] !== setGroupByLabels) {
+    t1 = /*#__PURE__*/_jsx("div", {
+      className: "relative flex",
+      id: "h-group-by-controls",
+      children: /*#__PURE__*/_jsx(GroupByLabelsDropdown, {
+        labels: labels,
+        groupBy: groupBy,
+        setGroupByLabels: setGroupByLabels,
+        metadataRefetch: metadataRefetch,
+        metadataLoading: metadataLoading,
+        label: label
+      })
+    });
+    $[0] = groupBy;
+    $[1] = label;
+    $[2] = labels;
+    $[3] = metadataLoading;
+    $[4] = metadataRefetch;
+    $[5] = setGroupByLabels;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
 };
-export default GroupByControls;
+export default GroupByControls;

package/dist/ProfileView/components/ActionButtons/SortByDropdown.js

@@ -1,4 +1,10 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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,39 +17,138 @@ import { jsx as _jsx, Fragment as _Fragment, 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 { useQueryState } from 'nuqs';
 import { Select } from '@parca/components';
-import { FIELD_CUMULATIVE, FIELD_DIFF, FIELD_FUNCTION_NAME, } from '../../../ProfileFlameGraph/FlameGraphArrow';
+import { FIELD_CUMULATIVE, FIELD_DIFF, FIELD_FUNCTION_NAME } from '../../../ProfileFlameGraph/FlameGraphArrow';
 import { stringParam } from '../../../hooks/urlParsers';
 import { useProfileViewContext } from '../../context/ProfileViewContext';
-const SortByDropdown = () => {
-    const [storeSortBy, setStoreSortBy] = useQueryState('sort_by', stringParam.withDefault(FIELD_FUNCTION_NAME));
-    const { compareMode } = useProfileViewContext();
-    return (_jsxs("div", { children: [_jsx("label", { className: "text-sm", children: "Sort by" }), _jsx(Select, { className: "!px-3", items: [
-                    {
-                        key: FIELD_FUNCTION_NAME,
-                        disabled: false,
-                        element: {
-                            active: _jsx(_Fragment, { children: "Function" }),
-                            expanded: (_jsx(_Fragment, { children: _jsx("span", { children: "Function" }) })),
-                        },
-                    },
-                    {
-                        key: FIELD_CUMULATIVE,
-                        disabled: false,
-                        element: {
-                            active: _jsx(_Fragment, { children: "Cumulative" }),
-                            expanded: (_jsx(_Fragment, { children: _jsx("span", { children: "Cumulative" }) })),
-                        },
-                    },
-                    {
-                        key: FIELD_DIFF,
-                        disabled: !compareMode,
-                        element: {
-                            active: _jsx(_Fragment, { children: "Diff" }),
-                            expanded: (_jsx(_Fragment, { children: _jsx("span", { children: "Diff" }) })),
-                        },
-                    },
-                ], selectedKey: storeSortBy, onSelection: key => void setStoreSortBy(key), placeholder: 'Sort By', primary: false, disabled: false, id: "h-sort-by-filter" })] }));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var SortByDropdown = function SortByDropdown() {
+  var $ = _c(13);
+  var t0;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = stringParam.withDefault(FIELD_FUNCTION_NAME);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  var _useQueryState = useQueryState("sort_by", t0),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    storeSortBy = _useQueryState2[0],
+    setStoreSortBy = _useQueryState2[1];
+  var _useProfileViewContex = useProfileViewContext(),
+    compareMode = _useProfileViewContex.compareMode;
+  var t1;
+  if ($[1] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t1 = /*#__PURE__*/_jsx("label", {
+      className: "text-sm",
+      children: "Sort by"
+    });
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  var t2;
+  if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t2 = {
+      key: FIELD_FUNCTION_NAME,
+      disabled: false,
+      element: {
+        active: /*#__PURE__*/_jsx(_Fragment, {
+          children: "Function"
+        }),
+        expanded: /*#__PURE__*/_jsx(_Fragment, {
+          children: /*#__PURE__*/_jsx("span", {
+            children: "Function"
+          })
+        })
+      }
+    };
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  var t3;
+  if ($[3] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t3 = {
+      key: FIELD_CUMULATIVE,
+      disabled: false,
+      element: {
+        active: /*#__PURE__*/_jsx(_Fragment, {
+          children: "Cumulative"
+        }),
+        expanded: /*#__PURE__*/_jsx(_Fragment, {
+          children: /*#__PURE__*/_jsx("span", {
+            children: "Cumulative"
+          })
+        })
+      }
+    };
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  var t4 = !compareMode;
+  var t5;
+  if ($[4] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t5 = {
+      active: /*#__PURE__*/_jsx(_Fragment, {
+        children: "Diff"
+      }),
+      expanded: /*#__PURE__*/_jsx(_Fragment, {
+        children: /*#__PURE__*/_jsx("span", {
+          children: "Diff"
+        })
+      })
+    };
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  var t6;
+  if ($[5] !== t4) {
+    t6 = [t2, t3, {
+      key: FIELD_DIFF,
+      disabled: t4,
+      element: t5
+    }];
+    $[5] = t4;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  var t7;
+  if ($[7] !== setStoreSortBy) {
+    t7 = function t7(key) {
+      return void setStoreSortBy(key);
+    };
+    $[7] = setStoreSortBy;
+    $[8] = t7;
+  } else {
+    t7 = $[8];
+  }
+  var t8;
+  if ($[9] !== storeSortBy || $[10] !== t6 || $[11] !== t7) {
+    t8 = /*#__PURE__*/_jsxs("div", {
+      children: [t1, /*#__PURE__*/_jsx(Select, {
+        className: "!px-3",
+        items: t6,
+        selectedKey: storeSortBy,
+        onSelection: t7,
+        placeholder: "Sort By",
+        primary: false,
+        disabled: false,
+        id: "h-sort-by-filter"
+      })]
+    });
+    $[9] = storeSortBy;
+    $[10] = t6;
+    $[11] = t7;
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  return t8;
 };
-export default SortByDropdown;
+export default SortByDropdown;