@parca/profile 0.19.140 → 0.19.143

package/dist/ProfileView/hooks/useResetFlameGraphState.js

@@ -1,3 +1,10 @@
+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.
@@ -10,16 +17,30 @@
 // 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 { stringParam } from '../../hooks/urlParsers';
-export const useResetFlameGraphState = () => {
-    const [val, setCurPath] = useQueryState('cur_path', stringParam);
-    return () => {
-        setTimeout(() => {
-            if (val === null) {
-                return;
-            }
-            void setCurPath(null);
-        });
+export var useResetFlameGraphState = function useResetFlameGraphState() {
+  var $ = _c(3);
+  var _useQueryState = useQueryState("cur_path", stringParam),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    val = _useQueryState2[0],
+    setCurPath = _useQueryState2[1];
+  var t0;
+  if ($[0] !== setCurPath || $[1] !== val) {
+    t0 = function t0() {
+      setTimeout(function () {
+        if (val === null) {
+          return;
+        }
+        setCurPath(null);
+      });
     };
-};
+    $[0] = setCurPath;
+    $[1] = val;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+};

package/dist/ProfileView/hooks/useResetStateOnProfileTypeChange.js

@@ -1,3 +1,10 @@
+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.
@@ -10,34 +17,71 @@
 // 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 { useQueryStates } from 'nuqs';
 import { stringParam } from '../../hooks/urlParsers';
 import { useProfileFilters } from '../components/ProfileFilters/useProfileFilters';
-export const useResetStateOnProfileTypeChange = () => {
-    const [state, setState] = useQueryStates({
-        group_by: stringParam,
-        cur_path: stringParam,
-        sum_by_a: stringParam,
-        sum_by_b: stringParam,
-        sandwich_function_name: stringParam,
-    }, { history: 'replace' });
-    const { resetFilters } = useProfileFilters();
-    return () => {
-        // Atomic reset: clear all params in single URL update
-        const updates = {};
-        if (state.group_by !== null)
-            updates.group_by = null;
-        if (state.cur_path !== null)
-            updates.cur_path = null;
-        if (state.sandwich_function_name !== null)
-            updates.sandwich_function_name = null;
-        if (state.sum_by_a !== null)
-            updates.sum_by_a = null;
-        if (state.sum_by_b !== null)
-            updates.sum_by_b = null;
-        if (Object.keys(updates).length > 0) {
-            void setState(updates);
-        }
-        resetFilters();
+export var useResetStateOnProfileTypeChange = function useResetStateOnProfileTypeChange() {
+  var $ = _c(10);
+  var t0;
+  var t1;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = {
+      group_by: stringParam,
+      cur_path: stringParam,
+      sum_by_a: stringParam,
+      sum_by_b: stringParam,
+      sandwich_function_name: stringParam
     };
-};
+    t1 = {
+      history: "replace"
+    };
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  var _useQueryStates = useQueryStates(t0, t1),
+    _useQueryStates2 = _slicedToArray(_useQueryStates, 2),
+    state = _useQueryStates2[0],
+    setState = _useQueryStates2[1];
+  var _useProfileFilters = useProfileFilters(),
+    resetFilters = _useProfileFilters.resetFilters;
+  var t2;
+  if ($[2] !== resetFilters || $[3] !== setState || $[4] !== state.cur_path || $[5] !== state.group_by || $[6] !== state.sandwich_function_name || $[7] !== state.sum_by_a || $[8] !== state.sum_by_b) {
+    t2 = function t2() {
+      var updates = {};
+      if (state.group_by !== null) {
+        updates.group_by = null;
+      }
+      if (state.cur_path !== null) {
+        updates.cur_path = null;
+      }
+      if (state.sandwich_function_name !== null) {
+        updates.sandwich_function_name = null;
+      }
+      if (state.sum_by_a !== null) {
+        updates.sum_by_a = null;
+      }
+      if (state.sum_by_b !== null) {
+        updates.sum_by_b = null;
+      }
+      if (Object.keys(updates).length > 0) {
+        setState(updates);
+      }
+      resetFilters();
+    };
+    $[2] = resetFilters;
+    $[3] = setState;
+    $[4] = state.cur_path;
+    $[5] = state.group_by;
+    $[6] = state.sandwich_function_name;
+    $[7] = state.sum_by_a;
+    $[8] = state.sum_by_b;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+};

package/dist/ProfileView/hooks/useResetStateOnSeriesChange.js

@@ -1,3 +1,10 @@
+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.
@@ -10,23 +17,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 { useQueryStates } from 'nuqs';
 import { stringParam } from '../../hooks/urlParsers';
-export const useResetStateOnSeriesChange = () => {
-    const [state, setState] = useQueryStates({
-        cur_path: stringParam,
-        sandwich_function_name: stringParam,
-    }, { history: 'replace' });
-    return () => {
-        setTimeout(() => {
-            const updates = {};
-            if (state.cur_path !== null)
-                updates.cur_path = null;
-            if (state.sandwich_function_name !== null)
-                updates.sandwich_function_name = null;
-            if (Object.keys(updates).length > 0) {
-                void setState(updates);
-            }
-        });
+export var useResetStateOnSeriesChange = function useResetStateOnSeriesChange() {
+  var $ = _c(5);
+  var t0;
+  var t1;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = {
+      cur_path: stringParam,
+      sandwich_function_name: stringParam
     };
-};
+    t1 = {
+      history: "replace"
+    };
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  var _useQueryStates = useQueryStates(t0, t1),
+    _useQueryStates2 = _slicedToArray(_useQueryStates, 2),
+    state = _useQueryStates2[0],
+    setState = _useQueryStates2[1];
+  var t2;
+  if ($[2] !== setState || $[3] !== state) {
+    t2 = function t2() {
+      setTimeout(function () {
+        var updates = {};
+        if (state.cur_path !== null) {
+          updates.cur_path = null;
+        }
+        if (state.sandwich_function_name !== null) {
+          updates.sandwich_function_name = null;
+        }
+        if (Object.keys(updates).length > 0) {
+          setState(updates);
+        }
+      });
+    };
+    $[2] = setState;
+    $[3] = state;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+};

package/dist/ProfileView/hooks/useVisualizationState.js

@@ -1,3 +1,14 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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.
@@ -10,79 +21,228 @@
 // 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, useMemo } from 'react';
 import { useQueryState } from 'nuqs';
 import { USER_PREFERENCES, useUserPreference } from '@parca/hooks';
-import { FIELD_FUNCTION_FILE_NAME, FIELD_FUNCTION_NAME, FIELD_LABELS, FIELD_LOCATION_ADDRESS, FIELD_MAPPING_FILE, } from '../../ProfileFlameGraph/FlameGraphArrow';
-import { flamechartDimensionParser, groupByParser, jsonParser, stringParam, } from '../../hooks/urlParsers';
+import { FIELD_FUNCTION_FILE_NAME, FIELD_FUNCTION_NAME, FIELD_LABELS, FIELD_LOCATION_ADDRESS, FIELD_MAPPING_FILE } from '../../ProfileFlameGraph/FlameGraphArrow';
+import { flamechartDimensionParser, groupByParser, jsonParser, stringParam } from '../../hooks/urlParsers';
 import { useColorBy } from '../../hooks/useColorBy';
 import { useResetFlameGraphState } from './useResetFlameGraphState';
-export const useVisualizationState = () => {
-    const [alignFunctionNamePreference, setAlignFunctionNamePreference] = useUserPreference(USER_PREFERENCES.ALIGN_FUNCTION_NAME.key);
-    const [curPathArrow, setRawCurPathArrow] = useQueryState('cur_path', jsonParser().withDefault([]));
-    const setCurPathArrow = useCallback((path) => {
-        void setRawCurPathArrow(path);
-    }, [setRawCurPathArrow]);
-    const [colorStackLegend] = useQueryState('color_stack_legend', stringParam);
-    const { colorBy, setColorBy } = useColorBy();
-    const [alignFunctionNameRaw, setStoreAlignFunctionName] = useQueryState('align_function_name', stringParam);
-    const alignFunctionName = alignFunctionNameRaw ?? alignFunctionNamePreference ?? 'left';
-    const [groupBy, setStoreGroupBy] = useQueryState('group_by', groupByParser.withDefault([FIELD_FUNCTION_NAME]));
-    const [sandwichFunctionName, setRawSandwichFunctionName] = useQueryState('sandwich_function_name', stringParam);
-    const setSandwichFunctionName = useCallback((name) => {
-        void setRawSandwichFunctionName(name);
-    }, [setRawSandwichFunctionName]);
-    const [flamechartDimension, setStoreFlamechartDimension] = useQueryState('flamechart_dimension', flamechartDimensionParser.withDefault([]));
-    const resetFlameGraphState = useResetFlameGraphState();
-    const levelsOfProfiling = useMemo(() => [
-        FIELD_FUNCTION_NAME,
-        FIELD_FUNCTION_FILE_NAME,
-        FIELD_LOCATION_ADDRESS,
-        FIELD_MAPPING_FILE,
-    ], []);
-    const setGroupBy = useCallback((keys) => {
-        void setStoreGroupBy(keys);
-    }, [setStoreGroupBy]);
-    const toggleGroupBy = useCallback((key) => {
-        if (groupBy.includes(key)) {
-            setGroupBy(groupBy.filter(v => v !== key));
-        }
-        else {
-            const filteredGroupBy = groupBy.filter(item => !levelsOfProfiling.includes(item));
-            setGroupBy([...filteredGroupBy, key]);
-        }
-        resetFlameGraphState();
-    }, [groupBy, setGroupBy, levelsOfProfiling, resetFlameGraphState]);
-    const setGroupByLabels = useCallback((labels) => {
-        setGroupBy(groupBy.filter(l => !l.startsWith(`${FIELD_LABELS}.`)).concat(labels));
-        resetFlameGraphState();
-    }, [groupBy, setGroupBy, resetFlameGraphState]);
-    const setFlamechartDimension = useCallback((labels) => {
-        void setStoreFlamechartDimension(labels.filter(l => l.startsWith(`${FIELD_LABELS}.`)));
-    }, [setStoreFlamechartDimension]);
-    const resetSandwichFunctionName = useCallback(() => {
-        setSandwichFunctionName(null);
-    }, [setSandwichFunctionName]);
-    const setAlignFunctionName = useCallback((value) => {
-        void setStoreAlignFunctionName(value);
-        setAlignFunctionNamePreference(value);
-    }, [setStoreAlignFunctionName, setAlignFunctionNamePreference]);
-    return {
-        curPathArrow,
-        setCurPathArrow,
-        colorStackLegend,
-        colorBy,
-        setColorBy,
-        groupBy,
-        setGroupBy,
-        toggleGroupBy,
-        setGroupByLabels,
-        flamechartDimension,
-        setFlamechartDimension,
-        sandwichFunctionName,
-        setSandwichFunctionName,
-        resetSandwichFunctionName,
-        alignFunctionName,
-        setAlignFunctionName,
+export var useVisualizationState = function useVisualizationState() {
+  var _ref;
+  var $ = _c(42);
+  var _useUserPreference = useUserPreference(USER_PREFERENCES.ALIGN_FUNCTION_NAME.key),
+    _useUserPreference2 = _slicedToArray(_useUserPreference, 2),
+    alignFunctionNamePreference = _useUserPreference2[0],
+    setAlignFunctionNamePreference = _useUserPreference2[1];
+  var t0;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = jsonParser().withDefault([]);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  var _useQueryState = useQueryState("cur_path", t0),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    curPathArrow = _useQueryState2[0],
+    setRawCurPathArrow = _useQueryState2[1];
+  var t1;
+  if ($[1] !== setRawCurPathArrow) {
+    t1 = function t1(path) {
+      setRawCurPathArrow(path);
     };
+    $[1] = setRawCurPathArrow;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  var setCurPathArrow = t1;
+  var _useQueryState3 = useQueryState("color_stack_legend", stringParam),
+    _useQueryState4 = _slicedToArray(_useQueryState3, 1),
+    colorStackLegend = _useQueryState4[0];
+  var _useColorBy = useColorBy(),
+    colorBy = _useColorBy.colorBy,
+    setColorBy = _useColorBy.setColorBy;
+  var _useQueryState5 = useQueryState("align_function_name", stringParam),
+    _useQueryState6 = _slicedToArray(_useQueryState5, 2),
+    alignFunctionNameRaw = _useQueryState6[0],
+    setStoreAlignFunctionName = _useQueryState6[1];
+  var alignFunctionName = (_ref = alignFunctionNameRaw !== null && alignFunctionNameRaw !== void 0 ? alignFunctionNameRaw : alignFunctionNamePreference) !== null && _ref !== void 0 ? _ref : "left";
+  var t2;
+  if ($[3] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t2 = groupByParser.withDefault([FIELD_FUNCTION_NAME]);
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  var _useQueryState7 = useQueryState("group_by", t2),
+    _useQueryState8 = _slicedToArray(_useQueryState7, 2),
+    groupBy = _useQueryState8[0],
+    setStoreGroupBy = _useQueryState8[1];
+  var _useQueryState9 = useQueryState("sandwich_function_name", stringParam),
+    _useQueryState0 = _slicedToArray(_useQueryState9, 2),
+    sandwichFunctionName = _useQueryState0[0],
+    setRawSandwichFunctionName = _useQueryState0[1];
+  var t3;
+  if ($[4] !== setRawSandwichFunctionName) {
+    t3 = function t3(name) {
+      setRawSandwichFunctionName(name);
+    };
+    $[4] = setRawSandwichFunctionName;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  var setSandwichFunctionName = t3;
+  var t4;
+  if ($[6] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t4 = flamechartDimensionParser.withDefault([]);
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  var _useQueryState1 = useQueryState("flamechart_dimension", t4),
+    _useQueryState10 = _slicedToArray(_useQueryState1, 2),
+    flamechartDimension = _useQueryState10[0],
+    setStoreFlamechartDimension = _useQueryState10[1];
+  var resetFlameGraphState = useResetFlameGraphState();
+  var t5;
+  if ($[7] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t5 = [FIELD_FUNCTION_NAME, FIELD_FUNCTION_FILE_NAME, FIELD_LOCATION_ADDRESS, FIELD_MAPPING_FILE];
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  var levelsOfProfiling = t5;
+  var t6;
+  if ($[8] !== setStoreGroupBy) {
+    t6 = function t6(keys) {
+      setStoreGroupBy(keys);
+    };
+    $[8] = setStoreGroupBy;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  var setGroupBy = t6;
+  var t7;
+  if ($[10] !== groupBy || $[11] !== resetFlameGraphState || $[12] !== setGroupBy) {
+    t7 = function t7(key) {
+      if (groupBy.includes(key)) {
+        setGroupBy(groupBy.filter(function (v) {
+          return v !== key;
+        }));
+      } else {
+        var filteredGroupBy = groupBy.filter(function (item) {
+          return !levelsOfProfiling.includes(item);
+        });
+        setGroupBy([].concat(_toConsumableArray(filteredGroupBy), [key]));
+      }
+      resetFlameGraphState();
+    };
+    $[10] = groupBy;
+    $[11] = resetFlameGraphState;
+    $[12] = setGroupBy;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  var toggleGroupBy = t7;
+  var t8;
+  if ($[14] !== groupBy || $[15] !== resetFlameGraphState || $[16] !== setGroupBy) {
+    t8 = function t8(labels) {
+      setGroupBy(groupBy.filter(_temp).concat(labels));
+      resetFlameGraphState();
+    };
+    $[14] = groupBy;
+    $[15] = resetFlameGraphState;
+    $[16] = setGroupBy;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  var setGroupByLabels = t8;
+  var t9;
+  if ($[18] !== setStoreFlamechartDimension) {
+    t9 = function t9(labels_0) {
+      setStoreFlamechartDimension(labels_0.filter(_temp2));
+    };
+    $[18] = setStoreFlamechartDimension;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  var setFlamechartDimension = t9;
+  var t10;
+  if ($[20] !== setSandwichFunctionName) {
+    t10 = function t10() {
+      setSandwichFunctionName(null);
+    };
+    $[20] = setSandwichFunctionName;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  var resetSandwichFunctionName = t10;
+  var t11;
+  if ($[22] !== setAlignFunctionNamePreference || $[23] !== setStoreAlignFunctionName) {
+    t11 = function t11(value) {
+      setStoreAlignFunctionName(value);
+      setAlignFunctionNamePreference(value);
+    };
+    $[22] = setAlignFunctionNamePreference;
+    $[23] = setStoreAlignFunctionName;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  var setAlignFunctionName = t11;
+  var t12;
+  if ($[25] !== alignFunctionName || $[26] !== colorBy || $[27] !== colorStackLegend || $[28] !== curPathArrow || $[29] !== flamechartDimension || $[30] !== groupBy || $[31] !== resetSandwichFunctionName || $[32] !== sandwichFunctionName || $[33] !== setAlignFunctionName || $[34] !== setColorBy || $[35] !== setCurPathArrow || $[36] !== setFlamechartDimension || $[37] !== setGroupBy || $[38] !== setGroupByLabels || $[39] !== setSandwichFunctionName || $[40] !== toggleGroupBy) {
+    t12 = {
+      curPathArrow: curPathArrow,
+      setCurPathArrow: setCurPathArrow,
+      colorStackLegend: colorStackLegend,
+      colorBy: colorBy,
+      setColorBy: setColorBy,
+      groupBy: groupBy,
+      setGroupBy: setGroupBy,
+      toggleGroupBy: toggleGroupBy,
+      setGroupByLabels: setGroupByLabels,
+      flamechartDimension: flamechartDimension,
+      setFlamechartDimension: setFlamechartDimension,
+      sandwichFunctionName: sandwichFunctionName,
+      setSandwichFunctionName: setSandwichFunctionName,
+      resetSandwichFunctionName: resetSandwichFunctionName,
+      alignFunctionName: alignFunctionName,
+      setAlignFunctionName: setAlignFunctionName
+    };
+    $[25] = alignFunctionName;
+    $[26] = colorBy;
+    $[27] = colorStackLegend;
+    $[28] = curPathArrow;
+    $[29] = flamechartDimension;
+    $[30] = groupBy;
+    $[31] = resetSandwichFunctionName;
+    $[32] = sandwichFunctionName;
+    $[33] = setAlignFunctionName;
+    $[34] = setColorBy;
+    $[35] = setCurPathArrow;
+    $[36] = setFlamechartDimension;
+    $[37] = setGroupBy;
+    $[38] = setGroupByLabels;
+    $[39] = setSandwichFunctionName;
+    $[40] = toggleGroupBy;
+    $[41] = t12;
+  } else {
+    t12 = $[41];
+  }
+  return t12;
 };
+function _temp(l) {
+  return !l.startsWith("".concat(FIELD_LABELS, "."));
+}
+function _temp2(l_0) {
+  return l_0.startsWith("".concat(FIELD_LABELS, "."));
+}