@parca/profile 0.19.139 → 0.19.142

package/dist/ProfileView/components/Toolbars/index.js

@@ -1,4 +1,21 @@
-import { jsx as _jsx, Fragment as _Fragment, 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.
+// 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 { Icon } from '@iconify/react';
 import { Button, useParcaContext } from '@parca/components';
 import { TEST_IDS, testId } from '@parca/test-utils';
@@ -10,30 +27,433 @@ import ShareButton from '../ShareButton';
 import ViewSelector from '../ViewSelector';
 import MultiLevelDropdown from './MultiLevelDropdown';
 import TableColumnsDropdown from './TableColumnsDropdown';
-export const TableToolbar = ({ profileType, total, filtered }) => {
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "flex w-full gap-2 items-end", children: _jsx(TableColumnsDropdown, { profileType: profileType, total: total, filtered: filtered }) }) }));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var TableToolbar = function TableToolbar(t0) {
+  var $ = _c(4);
+  var profileType = t0.profileType,
+    total = t0.total,
+    filtered = t0.filtered;
+  var t1;
+  if ($[0] !== filtered || $[1] !== profileType || $[2] !== total) {
+    t1 = /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx("div", {
+        className: "flex w-full gap-2 items-end",
+        children: /*#__PURE__*/_jsx(TableColumnsDropdown, {
+          profileType: profileType,
+          total: total,
+          filtered: filtered
+        })
+      })
+    });
+    $[0] = filtered;
+    $[1] = profileType;
+    $[2] = total;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+};
+export var FlameGraphToolbar = function FlameGraphToolbar(t0) {
+  var $ = _c(7);
+  var curPath = t0.curPath,
+    setNewCurPath = t0.setNewCurPath;
+  var t1;
+  if ($[0] !== setNewCurPath) {
+    t1 = function t1() {
+      return setNewCurPath([]);
+    };
+    $[0] = setNewCurPath;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  var t2 = curPath.length === 0;
+  var t3;
+  if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t3 = testId(TEST_IDS.FLAMEGRAPH_RESET_BUTTON);
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  var t4;
+  if ($[3] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t4 = /*#__PURE__*/_jsx(Icon, {
+      icon: "system-uicons:reset",
+      width: 20
+    });
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  var t5;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t5 = /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx("div", {
+        className: "flex w-full gap-2 items-end",
+        children: /*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({
+          variant: "neutral",
+          className: "gap-2 w-max h-fit",
+          onClick: t1,
+          disabled: t2,
+          id: "h-reset-graph"
+        }, t3), {}, {
+          children: ["Reset graph", t4]
+        }))
+      })
+    });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
 };
-export const FlameGraphToolbar = ({ curPath, setNewCurPath }) => {
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "flex w-full gap-2 items-end", children: _jsxs(Button, { variant: "neutral", className: "gap-2 w-max h-fit", onClick: () => setNewCurPath([]), disabled: curPath.length === 0, id: "h-reset-graph", ...testId(TEST_IDS.FLAMEGRAPH_RESET_BUTTON), children: ["Reset graph", _jsx(Icon, { icon: "system-uicons:reset", width: 20 })] }) }) }));
+export var SandwichFlameGraphToolbar = function SandwichFlameGraphToolbar(t0) {
+  var $ = _c(5);
+  var resetSandwichFunctionName = t0.resetSandwichFunctionName,
+    sandwichFunctionName = t0.sandwichFunctionName;
+  var t1;
+  if ($[0] !== resetSandwichFunctionName) {
+    t1 = function t1() {
+      return resetSandwichFunctionName();
+    };
+    $[0] = resetSandwichFunctionName;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  var t2 = sandwichFunctionName === undefined || sandwichFunctionName.length === 0;
+  var t3;
+  if ($[2] !== t1 || $[3] !== t2) {
+    t3 = /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx("div", {
+        className: "flex w-full gap-2 items-end justify-between",
+        children: /*#__PURE__*/_jsx(Button, {
+          color: "neutral",
+          onClick: t1,
+          className: "w-auto",
+          variant: "neutral",
+          disabled: t2,
+          children: "Reset view"
+        })
+      })
+    });
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
 };
-export const SandwichFlameGraphToolbar = ({ resetSandwichFunctionName, sandwichFunctionName, }) => {
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "flex w-full gap-2 items-end justify-between", children: _jsx(Button, { color: "neutral", onClick: () => resetSandwichFunctionName(), className: "w-auto", variant: "neutral", disabled: sandwichFunctionName === undefined || sandwichFunctionName.length === 0, children: "Reset view" }) }) }));
+var Divider = function Divider() {
+  var $ = _c(1);
+  var t0;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/_jsx("div", {
+      className: "border-t mt-4 border-gray-200 dark:border-gray-700 h-[1px] w-full pb-4"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
 };
-const Divider = () => (_jsx("div", { className: "border-t mt-4 border-gray-200 dark:border-gray-700 h-[1px] w-full pb-4" }));
-export const VisualisationToolbar = ({ groupBy, toggleGroupBy, setGroupByLabels, flamechartDimension, setFlamechartDimension, profileType, profileSource, queryClient, onDownloadPProf, pprofdownloading, profileViewExternalSubActions, curPath, setNewCurPath, total, filtered, showVisualizationSelector = true, alignFunctionName, setAlignFunctionName, colorBy, setColorBy, metadata: { labels: groupByLabels, refetch: metadataRefetch, loading: metadataLoading }, }) => {
-    const { dashboardItems } = useDashboard();
-    const isTableViz = dashboardItems?.includes('table');
-    const isTableVizOnly = dashboardItems?.length === 1 && isTableViz;
-    const isGraphViz = dashboardItems?.includes('flamegraph');
-    const isGraphVizOnly = dashboardItems?.length === 1 && isGraphViz;
-    const isFlamechartViz = dashboardItems?.includes('flamechart');
-    const isFlamechartVizOnly = dashboardItems?.length === 1 && isFlamechartViz;
-    const { enableFlamechartFiltering } = useParcaContext();
-    const req = profileSource?.QueryRequest();
+export var VisualisationToolbar = function VisualisationToolbar(t0) {
+  var $ = _c(76);
+  var groupBy = t0.groupBy,
+    toggleGroupBy = t0.toggleGroupBy,
+    setGroupByLabels = t0.setGroupByLabels,
+    flamechartDimension = t0.flamechartDimension,
+    setFlamechartDimension = t0.setFlamechartDimension,
+    profileType = t0.profileType,
+    profileSource = t0.profileSource,
+    queryClient = t0.queryClient,
+    onDownloadPProf = t0.onDownloadPProf,
+    pprofdownloading = t0.pprofdownloading,
+    profileViewExternalSubActions = t0.profileViewExternalSubActions,
+    curPath = t0.curPath,
+    setNewCurPath = t0.setNewCurPath,
+    total = t0.total,
+    filtered = t0.filtered,
+    t1 = t0.showVisualizationSelector,
+    alignFunctionName = t0.alignFunctionName,
+    setAlignFunctionName = t0.setAlignFunctionName,
+    colorBy = t0.colorBy,
+    setColorBy = t0.setColorBy,
+    t2 = t0.metadata;
+  var showVisualizationSelector = t1 === undefined ? true : t1;
+  var groupByLabels = t2.labels,
+    metadataRefetch = t2.refetch,
+    metadataLoading = t2.loading;
+  var _useDashboard = useDashboard(),
+    dashboardItems = _useDashboard.dashboardItems;
+  var t3;
+  if ($[0] !== dashboardItems) {
+    t3 = dashboardItems === null || dashboardItems === void 0 ? void 0 : dashboardItems.includes("table");
+    $[0] = dashboardItems;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  var isTableViz = t3;
+  var isTableVizOnly = (dashboardItems === null || dashboardItems === void 0 ? void 0 : dashboardItems.length) === 1 && isTableViz;
+  var t4;
+  if ($[2] !== dashboardItems) {
+    t4 = dashboardItems === null || dashboardItems === void 0 ? void 0 : dashboardItems.includes("flamegraph");
+    $[2] = dashboardItems;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  var isGraphViz = t4;
+  var isGraphVizOnly = (dashboardItems === null || dashboardItems === void 0 ? void 0 : dashboardItems.length) === 1 && isGraphViz;
+  var t5;
+  if ($[4] !== dashboardItems) {
+    t5 = dashboardItems === null || dashboardItems === void 0 ? void 0 : dashboardItems.includes("flamechart");
+    $[4] = dashboardItems;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  var isFlamechartViz = t5;
+  var isFlamechartVizOnly = (dashboardItems === null || dashboardItems === void 0 ? void 0 : dashboardItems.length) === 1 && isFlamechartViz;
+  var _useParcaContext = useParcaContext(),
+    enableFlamechartFiltering = _useParcaContext.enableFlamechartFiltering;
+  var req;
+  if ($[6] !== groupBy || $[7] !== profileSource) {
+    req = profileSource === null || profileSource === void 0 ? void 0 : profileSource.QueryRequest();
     if (req !== null && req !== undefined) {
-        req.groupBy = {
-            fields: groupBy ?? [],
+      var _t;
+      if ($[9] !== groupBy) {
+        _t = groupBy !== null && groupBy !== void 0 ? groupBy : [];
+        $[9] = groupBy;
+        $[10] = _t;
+      } else {
+        _t = $[10];
+      }
+      var _t2;
+      if ($[11] !== _t) {
+        _t2 = {
+          fields: _t
         };
+        $[11] = _t;
+        $[12] = _t2;
+      } else {
+        _t2 = $[12];
+      }
+      req.groupBy = _t2;
     }
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex w-full justify-between items-start gap-2", children: [_jsxs("div", { className: "flex gap-2 items-start", children: [isGraphViz && (_jsxs(_Fragment, { children: [_jsx(GroupByDropdown, { groupBy: groupBy, labels: groupByLabels, setGroupByLabels: setGroupByLabels, metadataRefetch: metadataRefetch, metadataLoading: metadataLoading }), _jsx(InvertCallStack, {})] })), isFlamechartViz && (_jsx(GroupByDropdown, { groupBy: flamechartDimension, labels: groupByLabels, setGroupByLabels: setFlamechartDimension, metadataRefetch: metadataRefetch, metadataLoading: metadataLoading, label: "Samples group by" })), _jsxs("div", { className: "flex mt-5", children: [(!isFlamechartVizOnly || enableFlamechartFiltering === true) && _jsx(ProfileFilters, {}), profileViewExternalSubActions != null ? profileViewExternalSubActions : null] })] }), _jsxs("div", { className: "flex gap-2 mt-5", children: [_jsx(MultiLevelDropdown, { groupBy: groupBy, toggleGroupBy: toggleGroupBy, profileType: profileType, onSelect: () => { }, isTableVizOnly: isTableVizOnly, alignFunctionName: alignFunctionName, setAlignFunctionName: setAlignFunctionName, colorBy: colorBy, setColorBy: setColorBy }), _jsx(ShareButton, { profileSource: profileSource, queryClient: queryClient, queryRequest: req, onDownloadPProf: onDownloadPProf, pprofdownloading: pprofdownloading ?? false, profileViewExternalSubActions: profileViewExternalSubActions }), showVisualizationSelector ? _jsx(ViewSelector, { profileSource: profileSource }) : null] })] }), isGraphVizOnly && (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsx(FlameGraphToolbar, { curPath: curPath, setNewCurPath: setNewCurPath })] })), isTableVizOnly && (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsx(TableToolbar, { profileType: profileType, total: total, filtered: filtered })] }))] }));
+    $[6] = groupBy;
+    $[7] = profileSource;
+    $[8] = req;
+  } else {
+    req = $[8];
+  }
+  var t6;
+  if ($[13] !== groupBy || $[14] !== groupByLabels || $[15] !== isGraphViz || $[16] !== metadataLoading || $[17] !== metadataRefetch || $[18] !== setGroupByLabels) {
+    t6 = isGraphViz && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(GroupByDropdown, {
+        groupBy: groupBy,
+        labels: groupByLabels,
+        setGroupByLabels: setGroupByLabels,
+        metadataRefetch: metadataRefetch,
+        metadataLoading: metadataLoading
+      }), /*#__PURE__*/_jsx(InvertCallStack, {})]
+    });
+    $[13] = groupBy;
+    $[14] = groupByLabels;
+    $[15] = isGraphViz;
+    $[16] = metadataLoading;
+    $[17] = metadataRefetch;
+    $[18] = setGroupByLabels;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  var t7;
+  if ($[20] !== flamechartDimension || $[21] !== groupByLabels || $[22] !== isFlamechartViz || $[23] !== metadataLoading || $[24] !== metadataRefetch || $[25] !== setFlamechartDimension) {
+    t7 = isFlamechartViz && /*#__PURE__*/_jsx(GroupByDropdown, {
+      groupBy: flamechartDimension,
+      labels: groupByLabels,
+      setGroupByLabels: setFlamechartDimension,
+      metadataRefetch: metadataRefetch,
+      metadataLoading: metadataLoading,
+      label: "Samples group by"
+    });
+    $[20] = flamechartDimension;
+    $[21] = groupByLabels;
+    $[22] = isFlamechartViz;
+    $[23] = metadataLoading;
+    $[24] = metadataRefetch;
+    $[25] = setFlamechartDimension;
+    $[26] = t7;
+  } else {
+    t7 = $[26];
+  }
+  var t8;
+  if ($[27] !== enableFlamechartFiltering || $[28] !== isFlamechartVizOnly) {
+    t8 = (!isFlamechartVizOnly || enableFlamechartFiltering === true) && /*#__PURE__*/_jsx(ProfileFilters, {});
+    $[27] = enableFlamechartFiltering;
+    $[28] = isFlamechartVizOnly;
+    $[29] = t8;
+  } else {
+    t8 = $[29];
+  }
+  var t9 = profileViewExternalSubActions != null ? profileViewExternalSubActions : null;
+  var t10;
+  if ($[30] !== t8 || $[31] !== t9) {
+    t10 = /*#__PURE__*/_jsxs("div", {
+      className: "flex mt-5",
+      children: [t8, t9]
+    });
+    $[30] = t8;
+    $[31] = t9;
+    $[32] = t10;
+  } else {
+    t10 = $[32];
+  }
+  var t11;
+  if ($[33] !== t10 || $[34] !== t6 || $[35] !== t7) {
+    t11 = /*#__PURE__*/_jsxs("div", {
+      className: "flex gap-2 items-start",
+      children: [t6, t7, t10]
+    });
+    $[33] = t10;
+    $[34] = t6;
+    $[35] = t7;
+    $[36] = t11;
+  } else {
+    t11 = $[36];
+  }
+  var t12;
+  if ($[37] !== alignFunctionName || $[38] !== colorBy || $[39] !== groupBy || $[40] !== isTableVizOnly || $[41] !== profileType || $[42] !== setAlignFunctionName || $[43] !== setColorBy || $[44] !== toggleGroupBy) {
+    t12 = /*#__PURE__*/_jsx(MultiLevelDropdown, {
+      groupBy: groupBy,
+      toggleGroupBy: toggleGroupBy,
+      profileType: profileType,
+      onSelect: _temp,
+      isTableVizOnly: isTableVizOnly,
+      alignFunctionName: alignFunctionName,
+      setAlignFunctionName: setAlignFunctionName,
+      colorBy: colorBy,
+      setColorBy: setColorBy
+    });
+    $[37] = alignFunctionName;
+    $[38] = colorBy;
+    $[39] = groupBy;
+    $[40] = isTableVizOnly;
+    $[41] = profileType;
+    $[42] = setAlignFunctionName;
+    $[43] = setColorBy;
+    $[44] = toggleGroupBy;
+    $[45] = t12;
+  } else {
+    t12 = $[45];
+  }
+  var t13 = pprofdownloading !== null && pprofdownloading !== void 0 ? pprofdownloading : false;
+  var t14;
+  if ($[46] !== onDownloadPProf || $[47] !== profileSource || $[48] !== profileViewExternalSubActions || $[49] !== queryClient || $[50] !== req || $[51] !== t13) {
+    t14 = /*#__PURE__*/_jsx(ShareButton, {
+      profileSource: profileSource,
+      queryClient: queryClient,
+      queryRequest: req,
+      onDownloadPProf: onDownloadPProf,
+      pprofdownloading: t13,
+      profileViewExternalSubActions: profileViewExternalSubActions
+    });
+    $[46] = onDownloadPProf;
+    $[47] = profileSource;
+    $[48] = profileViewExternalSubActions;
+    $[49] = queryClient;
+    $[50] = req;
+    $[51] = t13;
+    $[52] = t14;
+  } else {
+    t14 = $[52];
+  }
+  var t15;
+  if ($[53] !== profileSource || $[54] !== showVisualizationSelector) {
+    t15 = showVisualizationSelector ? /*#__PURE__*/_jsx(ViewSelector, {
+      profileSource: profileSource
+    }) : null;
+    $[53] = profileSource;
+    $[54] = showVisualizationSelector;
+    $[55] = t15;
+  } else {
+    t15 = $[55];
+  }
+  var t16;
+  if ($[56] !== t12 || $[57] !== t14 || $[58] !== t15) {
+    t16 = /*#__PURE__*/_jsxs("div", {
+      className: "flex gap-2 mt-5",
+      children: [t12, t14, t15]
+    });
+    $[56] = t12;
+    $[57] = t14;
+    $[58] = t15;
+    $[59] = t16;
+  } else {
+    t16 = $[59];
+  }
+  var t17;
+  if ($[60] !== t11 || $[61] !== t16) {
+    t17 = /*#__PURE__*/_jsxs("div", {
+      className: "flex w-full justify-between items-start gap-2",
+      children: [t11, t16]
+    });
+    $[60] = t11;
+    $[61] = t16;
+    $[62] = t17;
+  } else {
+    t17 = $[62];
+  }
+  var t18;
+  if ($[63] !== curPath || $[64] !== isGraphVizOnly || $[65] !== setNewCurPath) {
+    t18 = isGraphVizOnly && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(FlameGraphToolbar, {
+        curPath: curPath,
+        setNewCurPath: setNewCurPath
+      })]
+    });
+    $[63] = curPath;
+    $[64] = isGraphVizOnly;
+    $[65] = setNewCurPath;
+    $[66] = t18;
+  } else {
+    t18 = $[66];
+  }
+  var t19;
+  if ($[67] !== filtered || $[68] !== isTableVizOnly || $[69] !== profileType || $[70] !== total) {
+    t19 = isTableVizOnly && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(TableToolbar, {
+        profileType: profileType,
+        total: total,
+        filtered: filtered
+      })]
+    });
+    $[67] = filtered;
+    $[68] = isTableVizOnly;
+    $[69] = profileType;
+    $[70] = total;
+    $[71] = t19;
+  } else {
+    t19 = $[71];
+  }
+  var t20;
+  if ($[72] !== t17 || $[73] !== t18 || $[74] !== t19) {
+    t20 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t17, t18, t19]
+    });
+    $[72] = t17;
+    $[73] = t18;
+    $[74] = t19;
+    $[75] = t20;
+  } else {
+    t20 = $[75];
+  }
+  return t20;
 };
+function _temp() {}