@parca/profile 0.19.142 → 0.19.143

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

@@ -34,9 +34,10 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Menu } from '@headlessui/react';
 import { Icon } from '@iconify/react';
 import cx from 'classnames';
-import { useURLState } from '@parca/components';
+import { useQueryState } from 'nuqs';
 import { USER_PREFERENCES, useUserPreference } from '@parca/hooks';
 import { FIELD_FUNCTION_FILE_NAME, FIELD_FUNCTION_NAME, FIELD_LOCATION_ADDRESS, FIELD_MAPPING_FILE } from '../../../ProfileFlameGraph/FlameGraphArrow';
+import { boolParam, hiddenBinariesParser, stringParam } from '../../../hooks/urlParsers';
 import { useProfileViewContext } from '../../context/ProfileViewContext';
 import SwitchMenuItem from './SwitchMenuItem';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
@@ -159,7 +160,7 @@ var _MenuItem = function MenuItem(_ref) {
   });
 };
 var MultiLevelDropdown = function MultiLevelDropdown(t0) {
-  var $ = _c(94);
+  var $ = _c(93);
   var onSelect = t0.onSelect,
     profileType = t0.profileType,
     groupBy = t0.groupBy,
@@ -176,34 +177,22 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
     setShouldOpenLeft = _useState4[1];
   var t1;
   if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t1 = {
-      defaultValue: FIELD_FUNCTION_NAME
-    };
+    t1 = stringParam.withDefault(FIELD_FUNCTION_NAME);
     $[0] = t1;
   } else {
     t1 = $[0];
   }
-  var _useURLState = useURLState("sort_by", t1),
-    _useURLState2 = _slicedToArray(_useURLState, 1),
-    storeSortBy = _useURLState2[0];
-  var _useURLState3 = useURLState("color_stack_legend"),
-    _useURLState4 = _slicedToArray(_useURLState3, 2),
-    colorStackLegend = _useURLState4[0],
-    setStoreColorStackLegend = _useURLState4[1];
-  var t2;
-  if ($[1] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t2 = {
-      defaultValue: [],
-      alwaysReturnArray: true
-    };
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  var _useURLState5 = useURLState("hidden_binaries", t2),
-    _useURLState6 = _slicedToArray(_useURLState5, 2),
-    hiddenBinaries = _useURLState6[0],
-    setHiddenBinaries = _useURLState6[1];
+  var _useQueryState = useQueryState("sort_by", t1),
+    _useQueryState2 = _slicedToArray(_useQueryState, 1),
+    storeSortBy = _useQueryState2[0];
+  var _useQueryState3 = useQueryState("color_stack_legend", stringParam),
+    _useQueryState4 = _slicedToArray(_useQueryState3, 2),
+    colorStackLegend = _useQueryState4[0],
+    setStoreColorStackLegend = _useQueryState4[1];
+  var _useQueryState5 = useQueryState("hidden_binaries", hiddenBinariesParser),
+    _useQueryState6 = _slicedToArray(_useQueryState5, 2),
+    hiddenBinaries = _useQueryState6[0],
+    setHiddenBinaries = _useQueryState6[1];
   var _useProfileViewContex = useProfileViewContext(),
     compareMode = _useProfileViewContex.compareMode;
   var _useUserPreference = useUserPreference(USER_PREFERENCES.FLAMEGRAPH_COLOR_PROFILE.key),
@@ -211,17 +200,16 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
     colorProfileName = _useUserPreference2[0];
   var isColorStackLegendEnabled = colorStackLegend === "true";
   var isLeftAligned = alignFunctionName === "left";
-  var compareAbsoluteDefault = (profileType === null || profileType === void 0 ? void 0 : profileType.delta) === false ? "true" : "false";
-  var _useURLState7 = useURLState("compare_absolute"),
-    _useURLState8 = _slicedToArray(_useURLState7, 2),
-    t3 = _useURLState8[0],
-    setCompareAbsolute = _useURLState8[1];
-  var compareAbsolute = t3 === undefined ? compareAbsoluteDefault : t3;
-  var isCompareAbsolute = compareAbsolute === "true";
-  var t4;
-  var t5;
-  if ($[2] !== isTableVizOnly) {
-    t4 = function t4() {
+  var compareAbsoluteDefault = (profileType === null || profileType === void 0 ? void 0 : profileType.delta) === false;
+  var _useQueryState7 = useQueryState("compare_absolute", boolParam),
+    _useQueryState8 = _slicedToArray(_useQueryState7, 2),
+    compareAbsolute = _useQueryState8[0],
+    setCompareAbsolute = _useQueryState8[1];
+  var isCompareAbsolute = compareAbsolute !== null && compareAbsolute !== void 0 ? compareAbsolute : compareAbsoluteDefault;
+  var t2;
+  var t3;
+  if ($[1] !== isTableVizOnly) {
+    t2 = function t2() {
       var checkOverflow = function checkOverflow() {
         if (dropdownRef.current !== null) {
           var rect = dropdownRef.current.getBoundingClientRect();
@@ -238,348 +226,348 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
         return window.removeEventListener("resize", checkOverflow);
       };
     };
-    t5 = [isTableVizOnly];
-    $[2] = isTableVizOnly;
-    $[3] = t4;
-    $[4] = t5;
+    t3 = [isTableVizOnly];
+    $[1] = isTableVizOnly;
+    $[2] = t2;
+    $[3] = t3;
   } else {
-    t4 = $[3];
-    t5 = $[4];
+    t2 = $[2];
+    t3 = $[3];
   }
-  useEffect(t4, t5);
-  var t6;
-  if ($[5] !== hiddenBinaries || $[6] !== setHiddenBinaries) {
-    t6 = function t6(index) {
+  useEffect(t2, t3);
+  var t4;
+  if ($[4] !== hiddenBinaries || $[5] !== setHiddenBinaries) {
+    t4 = function t4(index) {
       var updatedBinaries = _toConsumableArray(hiddenBinaries);
       updatedBinaries.splice(index, 1);
       setHiddenBinaries(updatedBinaries);
     };
-    $[5] = hiddenBinaries;
-    $[6] = setHiddenBinaries;
-    $[7] = t6;
+    $[4] = hiddenBinaries;
+    $[5] = setHiddenBinaries;
+    $[6] = t4;
   } else {
-    t6 = $[7];
+    t4 = $[6];
   }
-  var handleBinaryToggle = t6;
-  var t7;
-  if ($[8] !== setStoreColorStackLegend) {
-    t7 = function t7(value) {
+  var handleBinaryToggle = t4;
+  var t5;
+  if ($[7] !== setStoreColorStackLegend) {
+    t5 = function t5(value) {
       setStoreColorStackLegend(value);
     };
-    $[8] = setStoreColorStackLegend;
-    $[9] = t7;
+    $[7] = setStoreColorStackLegend;
+    $[8] = t5;
   } else {
-    t7 = $[9];
+    t5 = $[8];
   }
-  var setColorStackLegend = t7;
-  var t8;
-  if ($[10] !== setHiddenBinaries) {
-    t8 = function t8() {
+  var setColorStackLegend = t5;
+  var t6;
+  if ($[9] !== setHiddenBinaries) {
+    t6 = function t6() {
       setHiddenBinaries([]);
     };
-    $[10] = setHiddenBinaries;
-    $[11] = t8;
+    $[9] = setHiddenBinaries;
+    $[10] = t6;
   } else {
-    t8 = $[11];
+    t6 = $[10];
   }
-  var resetLegend = t8;
-  var t9;
-  if ($[12] !== toggleGroupBy) {
-    t9 = {
+  var resetLegend = t6;
+  var t7;
+  if ($[11] !== toggleGroupBy) {
+    t7 = {
       label: "Function",
       onclick: function onclick() {
         return toggleGroupBy(FIELD_FUNCTION_NAME);
       },
       value: FIELD_FUNCTION_NAME
     };
-    $[12] = toggleGroupBy;
-    $[13] = t9;
+    $[11] = toggleGroupBy;
+    $[12] = t7;
   } else {
-    t9 = $[13];
+    t7 = $[12];
   }
-  var t10;
-  if ($[14] !== toggleGroupBy) {
-    t10 = {
+  var t8;
+  if ($[13] !== toggleGroupBy) {
+    t8 = {
       label: "Binary",
       onclick: function onclick() {
         return toggleGroupBy(FIELD_MAPPING_FILE);
       },
       value: FIELD_MAPPING_FILE
     };
-    $[14] = toggleGroupBy;
-    $[15] = t10;
+    $[13] = toggleGroupBy;
+    $[14] = t8;
   } else {
-    t10 = $[15];
+    t8 = $[14];
   }
-  var t11;
-  if ($[16] !== toggleGroupBy) {
-    t11 = {
+  var t9;
+  if ($[15] !== toggleGroupBy) {
+    t9 = {
       label: "Code",
       onclick: function onclick() {
         return toggleGroupBy(FIELD_FUNCTION_FILE_NAME);
       },
       value: FIELD_FUNCTION_FILE_NAME
     };
-    $[16] = toggleGroupBy;
-    $[17] = t11;
+    $[15] = toggleGroupBy;
+    $[16] = t9;
   } else {
-    t11 = $[17];
+    t9 = $[16];
   }
-  var t12;
-  if ($[18] !== toggleGroupBy) {
-    t12 = {
+  var t10;
+  if ($[17] !== toggleGroupBy) {
+    t10 = {
       label: "Address",
       onclick: function onclick() {
         return toggleGroupBy(FIELD_LOCATION_ADDRESS);
       },
       value: FIELD_LOCATION_ADDRESS
     };
-    $[18] = toggleGroupBy;
-    $[19] = t12;
+    $[17] = toggleGroupBy;
+    $[18] = t10;
   } else {
-    t12 = $[19];
+    t10 = $[18];
   }
-  var t13;
-  if ($[20] !== t10 || $[21] !== t11 || $[22] !== t12 || $[23] !== t9) {
-    t13 = [t9, t10, t11, t12];
-    $[20] = t10;
-    $[21] = t11;
-    $[22] = t12;
-    $[23] = t9;
-    $[24] = t13;
+  var t11;
+  if ($[19] !== t10 || $[20] !== t7 || $[21] !== t8 || $[22] !== t9) {
+    t11 = [t7, t8, t9, t10];
+    $[19] = t10;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
+    $[23] = t11;
   } else {
-    t13 = $[24];
+    t11 = $[23];
   }
-  var t14 = !!isTableVizOnly;
-  var t15;
-  if ($[25] !== t13 || $[26] !== t14) {
-    t15 = {
+  var t12 = !!isTableVizOnly;
+  var t13;
+  if ($[24] !== t11 || $[25] !== t12) {
+    t13 = {
       label: "Levels",
       id: "h-levels-filter",
-      items: t13,
-      hide: t14,
+      items: t11,
+      hide: t12,
       icon: "heroicons-solid:bars-3"
     };
-    $[25] = t13;
-    $[26] = t14;
-    $[27] = t15;
+    $[24] = t11;
+    $[25] = t12;
+    $[26] = t13;
   } else {
-    t15 = $[27];
+    t13 = $[26];
   }
-  var t16;
-  if ($[28] !== setColorBy) {
-    t16 = {
+  var t14;
+  if ($[27] !== setColorBy) {
+    t14 = {
       label: "Binary",
       onclick: function onclick() {
         return setColorBy("binary");
       },
       value: "binary"
     };
-    $[28] = setColorBy;
-    $[29] = t16;
+    $[27] = setColorBy;
+    $[28] = t14;
   } else {
-    t16 = $[29];
+    t14 = $[28];
   }
-  var t17;
-  if ($[30] !== setColorBy) {
-    t17 = {
+  var t15;
+  if ($[29] !== setColorBy) {
+    t15 = {
       label: "Filename",
       onclick: function onclick() {
         return setColorBy("filename");
       },
       value: "filename"
     };
-    $[30] = setColorBy;
-    $[31] = t17;
+    $[29] = setColorBy;
+    $[30] = t15;
   } else {
-    t17 = $[31];
+    t15 = $[30];
   }
-  var t18;
-  if ($[32] !== t16 || $[33] !== t17) {
-    t18 = {
+  var t16;
+  if ($[31] !== t14 || $[32] !== t15) {
+    t16 = {
       label: "Color by",
       id: "h-color-by-filter",
-      items: [t16, t17],
+      items: [t14, t15],
       hide: false,
       icon: "carbon:color-palette"
     };
-    $[32] = t16;
-    $[33] = t17;
-    $[34] = t18;
+    $[31] = t14;
+    $[32] = t15;
+    $[33] = t16;
   } else {
-    t18 = $[34];
+    t16 = $[33];
   }
-  var t19 = isColorStackLegendEnabled ? "Hide legend" : "Show legend";
-  var t20;
-  if ($[35] !== isColorStackLegendEnabled || $[36] !== setColorStackLegend) {
-    t20 = function t20() {
+  var t17 = isColorStackLegendEnabled ? "Hide legend" : "Show legend";
+  var t18;
+  if ($[34] !== isColorStackLegendEnabled || $[35] !== setColorStackLegend) {
+    t18 = function t18() {
       return setColorStackLegend(isColorStackLegendEnabled ? "false" : "true");
     };
-    $[35] = isColorStackLegendEnabled;
-    $[36] = setColorStackLegend;
-    $[37] = t20;
+    $[34] = isColorStackLegendEnabled;
+    $[35] = setColorStackLegend;
+    $[36] = t18;
   } else {
-    t20 = $[37];
-  }
-  var t21 = compareMode || colorProfileName === "default";
-  var t22 = isColorStackLegendEnabled ? "ph:eye-closed" : "ph:eye";
-  var t23;
-  if ($[38] !== t19 || $[39] !== t20 || $[40] !== t21 || $[41] !== t22) {
-    t23 = {
-      label: t19,
-      onclick: t20,
-      hide: t21,
+    t18 = $[36];
+  }
+  var t19 = compareMode || colorProfileName === "default";
+  var t20 = isColorStackLegendEnabled ? "ph:eye-closed" : "ph:eye";
+  var t21;
+  if ($[37] !== t17 || $[38] !== t18 || $[39] !== t19 || $[40] !== t20) {
+    t21 = {
+      label: t17,
+      onclick: t18,
+      hide: t19,
       id: "h-show-legend-button",
-      icon: t22
+      icon: t20
     };
-    $[38] = t19;
-    $[39] = t20;
-    $[40] = t21;
-    $[41] = t22;
-    $[42] = t23;
+    $[37] = t17;
+    $[38] = t18;
+    $[39] = t19;
+    $[40] = t20;
+    $[41] = t21;
   } else {
-    t23 = $[42];
+    t21 = $[41];
   }
-  var t24 = isLeftAligned ? "Right-align function names" : "Left-align function names";
-  var t25;
-  if ($[43] !== isLeftAligned || $[44] !== setAlignFunctionName) {
-    t25 = function t25() {
+  var t22 = isLeftAligned ? "Right-align function names" : "Left-align function names";
+  var t23;
+  if ($[42] !== isLeftAligned || $[43] !== setAlignFunctionName) {
+    t23 = function t23() {
       return setAlignFunctionName(isLeftAligned ? "right" : "left");
     };
-    $[43] = isLeftAligned;
-    $[44] = setAlignFunctionName;
-    $[45] = t25;
+    $[42] = isLeftAligned;
+    $[43] = setAlignFunctionName;
+    $[44] = t23;
   } else {
-    t25 = $[45];
-  }
-  var t26 = !!isTableVizOnly;
-  var t27 = isLeftAligned ? "ic:outline-align-horizontal-right" : "ic:outline-align-horizontal-left";
-  var t28;
-  if ($[46] !== t24 || $[47] !== t25 || $[48] !== t26 || $[49] !== t27) {
-    t28 = {
-      label: t24,
-      onclick: t25,
+    t23 = $[44];
+  }
+  var t24 = !!isTableVizOnly;
+  var t25 = isLeftAligned ? "ic:outline-align-horizontal-right" : "ic:outline-align-horizontal-left";
+  var t26;
+  if ($[45] !== t22 || $[46] !== t23 || $[47] !== t24 || $[48] !== t25) {
+    t26 = {
+      label: t22,
+      onclick: t23,
       id: "h-align-function-names",
-      hide: t26,
-      icon: t27
+      hide: t24,
+      icon: t25
     };
-    $[46] = t24;
-    $[47] = t25;
-    $[48] = t26;
-    $[49] = t27;
-    $[50] = t28;
+    $[45] = t22;
+    $[46] = t23;
+    $[47] = t24;
+    $[48] = t25;
+    $[49] = t26;
   } else {
-    t28 = $[50];
+    t26 = $[49];
   }
-  var t29 = isCompareAbsolute ? "Compare Relative" : "Compare Absolute";
-  var t30;
-  if ($[51] !== isCompareAbsolute || $[52] !== setCompareAbsolute) {
-    t30 = function t30() {
-      return setCompareAbsolute(isCompareAbsolute ? "false" : "true");
+  var t27 = isCompareAbsolute ? "Compare Relative" : "Compare Absolute";
+  var t28;
+  if ($[50] !== isCompareAbsolute || $[51] !== setCompareAbsolute) {
+    t28 = function t28() {
+      return void setCompareAbsolute(!isCompareAbsolute);
     };
-    $[51] = isCompareAbsolute;
-    $[52] = setCompareAbsolute;
-    $[53] = t30;
+    $[50] = isCompareAbsolute;
+    $[51] = setCompareAbsolute;
+    $[52] = t28;
   } else {
-    t30 = $[53];
-  }
-  var t31 = !compareMode;
-  var t32 = isCompareAbsolute ? "fluent-mdl2:compare" : "fluent-mdl2:compare-uneven";
-  var t33;
-  if ($[54] !== t29 || $[55] !== t30 || $[56] !== t31 || $[57] !== t32) {
-    t33 = {
-      label: t29,
-      onclick: t30,
-      hide: t31,
-      icon: t32
+    t28 = $[52];
+  }
+  var t29 = !compareMode;
+  var t30 = isCompareAbsolute ? "fluent-mdl2:compare" : "fluent-mdl2:compare-uneven";
+  var t31;
+  if ($[53] !== t27 || $[54] !== t28 || $[55] !== t29 || $[56] !== t30) {
+    t31 = {
+      label: t27,
+      onclick: t28,
+      hide: t29,
+      icon: t30
     };
-    $[54] = t29;
-    $[55] = t30;
-    $[56] = t31;
-    $[57] = t32;
-    $[58] = t33;
+    $[53] = t27;
+    $[54] = t28;
+    $[55] = t29;
+    $[56] = t30;
+    $[57] = t31;
   } else {
-    t33 = $[58];
+    t31 = $[57];
   }
-  var t34 = !!isTableVizOnly;
-  var t35;
-  if ($[59] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t35 = /*#__PURE__*/_jsx(SwitchMenuItem, {
+  var t32 = !!isTableVizOnly;
+  var t33;
+  if ($[58] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t33 = /*#__PURE__*/_jsx(SwitchMenuItem, {
       label: "Dock graph tooltip",
       id: "h-dock-graph-meta-info",
       userPreferenceDetails: USER_PREFERENCES.GRAPH_METAINFO_DOCKED
     });
-    $[59] = t35;
+    $[58] = t33;
   } else {
-    t35 = $[59];
+    t33 = $[58];
   }
-  var t36;
-  if ($[60] !== t34) {
-    t36 = {
+  var t34;
+  if ($[59] !== t32) {
+    t34 = {
       label: "Dock Graph MetaInfo",
-      hide: t34,
-      customSubmenu: t35,
+      hide: t32,
+      customSubmenu: t33,
       renderAsDiv: true
     };
+    $[59] = t32;
     $[60] = t34;
-    $[61] = t36;
   } else {
-    t36 = $[61];
+    t34 = $[60];
   }
-  var t37 = !!isTableVizOnly;
-  var t38;
-  if ($[62] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t38 = /*#__PURE__*/_jsx(SwitchMenuItem, {
+  var t35 = !!isTableVizOnly;
+  var t36;
+  if ($[61] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t36 = /*#__PURE__*/_jsx(SwitchMenuItem, {
       label: "Highlight similar stacks when hovering over a node",
       id: "h-highlight-similar-stacks",
       userPreferenceDetails: USER_PREFERENCES.HIGHLIGHT_SIMILAR_STACKS
     });
-    $[62] = t38;
+    $[61] = t36;
   } else {
-    t38 = $[62];
+    t36 = $[61];
   }
-  var t39;
-  if ($[63] !== t37) {
-    t39 = {
+  var t37;
+  if ($[62] !== t35) {
+    t37 = {
       label: "Highlight similar stacks when hovering over a node",
-      hide: t37,
-      customSubmenu: t38,
+      hide: t35,
+      customSubmenu: t36,
       renderAsDiv: true
     };
+    $[62] = t35;
     $[63] = t37;
-    $[64] = t39;
   } else {
-    t39 = $[64];
+    t37 = $[63];
   }
-  var t40 = hiddenBinaries === undefined || hiddenBinaries.length === 0;
-  var t41;
-  if ($[65] !== resetLegend) {
-    t41 = function t41() {
+  var t38 = hiddenBinaries.length === 0;
+  var t39;
+  if ($[64] !== resetLegend) {
+    t39 = function t39() {
       return resetLegend();
     };
-    $[65] = resetLegend;
-    $[66] = t41;
+    $[64] = resetLegend;
+    $[65] = t39;
   } else {
-    t41 = $[66];
+    t39 = $[65];
   }
-  var t42;
-  if ($[67] !== t40 || $[68] !== t41) {
-    t42 = {
+  var t40;
+  if ($[66] !== t38 || $[67] !== t39) {
+    t40 = {
       label: "Reset Legend",
-      hide: t40,
-      onclick: t41,
+      hide: t38,
+      onclick: t39,
       id: "h-reset-legend-button",
       icon: "system-uicons:reset"
     };
-    $[67] = t40;
-    $[68] = t41;
-    $[69] = t42;
+    $[66] = t38;
+    $[67] = t39;
+    $[68] = t40;
   } else {
-    t42 = $[69];
+    t40 = $[68];
   }
-  var t43;
-  if ($[70] !== handleBinaryToggle || $[71] !== hiddenBinaries) {
-    t43 = hiddenBinaries === null || hiddenBinaries === void 0 ? void 0 : hiddenBinaries.map(function (binary, index_0) {
+  var t41;
+  if ($[69] !== handleBinaryToggle || $[70] !== hiddenBinaries) {
+    t41 = hiddenBinaries.map(function (binary, index_0) {
       return {
         label: binary,
         customSubmenu: /*#__PURE__*/_jsxs("div", {
@@ -599,55 +587,55 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
         })
       };
     });
-    $[70] = handleBinaryToggle;
-    $[71] = hiddenBinaries;
-    $[72] = t43;
+    $[69] = handleBinaryToggle;
+    $[70] = hiddenBinaries;
+    $[71] = t41;
   } else {
-    t43 = $[72];
+    t41 = $[71];
   }
-  var t44 = hiddenBinaries === undefined || hiddenBinaries.length === 0;
-  var t45;
-  if ($[73] !== t43 || $[74] !== t44) {
-    t45 = {
+  var t42 = hiddenBinaries.length === 0;
+  var t43;
+  if ($[72] !== t41 || $[73] !== t42) {
+    t43 = {
       label: "Hidden Binaries",
       id: "h-hidden-binaries",
-      items: t43,
-      hide: t44,
+      items: t41,
+      hide: t42,
       icon: "ph:eye-closed"
     };
-    $[73] = t43;
-    $[74] = t44;
-    $[75] = t45;
+    $[72] = t41;
+    $[73] = t42;
+    $[74] = t43;
   } else {
-    t45 = $[75];
-  }
-  var t46;
-  if ($[76] !== t15 || $[77] !== t18 || $[78] !== t23 || $[79] !== t28 || $[80] !== t33 || $[81] !== t36 || $[82] !== t39 || $[83] !== t42 || $[84] !== t45) {
-    t46 = [t15, t18, t23, t28, t33, t36, t39, t42, t45];
-    $[76] = t15;
-    $[77] = t18;
-    $[78] = t23;
-    $[79] = t28;
-    $[80] = t33;
-    $[81] = t36;
-    $[82] = t39;
-    $[83] = t42;
-    $[84] = t45;
-    $[85] = t46;
+    t43 = $[74];
+  }
+  var t44;
+  if ($[75] !== t13 || $[76] !== t16 || $[77] !== t21 || $[78] !== t26 || $[79] !== t31 || $[80] !== t34 || $[81] !== t37 || $[82] !== t40 || $[83] !== t43) {
+    t44 = [t13, t16, t21, t26, t31, t34, t37, t40, t43];
+    $[75] = t13;
+    $[76] = t16;
+    $[77] = t21;
+    $[78] = t26;
+    $[79] = t31;
+    $[80] = t34;
+    $[81] = t37;
+    $[82] = t40;
+    $[83] = t43;
+    $[84] = t44;
   } else {
-    t46 = $[85];
+    t44 = $[84];
   }
-  var menuItems = t46;
-  var t47;
-  if ($[86] !== colorBy || $[87] !== groupBy || $[88] !== isTableVizOnly || $[89] !== menuItems || $[90] !== onSelect || $[91] !== shouldOpenLeft || $[92] !== storeSortBy) {
-    t47 = /*#__PURE__*/_jsx("div", {
+  var menuItems = t44;
+  var t45;
+  if ($[85] !== colorBy || $[86] !== groupBy || $[87] !== isTableVizOnly || $[88] !== menuItems || $[89] !== onSelect || $[90] !== shouldOpenLeft || $[91] !== storeSortBy) {
+    t45 = /*#__PURE__*/_jsx("div", {
       className: "relative inline-block text-left",
       id: "h-visualisation-toolbar-actions",
       ref: dropdownRef,
       children: /*#__PURE__*/_jsx(Menu, {
-        children: function children(t48) {
-          var open = t48.open,
-            close = t48.close;
+        children: function children(t46) {
+          var open = t46.open,
+            close = t46.close;
           return /*#__PURE__*/_jsxs(_Fragment, {
             children: [/*#__PURE__*/_jsxs(Menu.Button, {
               className: "flex dark:bg-gray-900 dark:border-gray-600 justify-center w-full px-4 py-2 text-sm font-normal text-gray-600 dark:text-gray-200 bg-white rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 border border-gray-200 pr-[1.7rem]",
@@ -673,7 +661,7 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
                   onSelect: onSelect,
                   closeDropdown: close,
                   activeValueForSortBy: storeSortBy,
-                  activeValueForColorBy: colorBy === undefined || colorBy === "" ? "binary" : colorBy,
+                  activeValueForColorBy: colorBy,
                   activeValuesForLevel: groupBy,
                   renderAsDiv: item_0.renderAsDiv
                 }), index_1);
@@ -683,18 +671,18 @@ var MultiLevelDropdown = function MultiLevelDropdown(t0) {
         }
       })
     });
-    $[86] = colorBy;
-    $[87] = groupBy;
-    $[88] = isTableVizOnly;
-    $[89] = menuItems;
-    $[90] = onSelect;
-    $[91] = shouldOpenLeft;
-    $[92] = storeSortBy;
-    $[93] = t47;
+    $[85] = colorBy;
+    $[86] = groupBy;
+    $[87] = isTableVizOnly;
+    $[88] = menuItems;
+    $[89] = onSelect;
+    $[90] = shouldOpenLeft;
+    $[91] = storeSortBy;
+    $[92] = t45;
   } else {
-    t47 = $[93];
+    t45 = $[92];
   }
-  return t47;
+  return t45;
 };
 export default MultiLevelDropdown;
 function _temp(item) {