@parca/profile 0.19.139 → 0.19.142

package/dist/SourceView/lang-detector/index.js

@@ -1,3 +1,6 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+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; }
 // 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,20 +13,31 @@
 // 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 * as hljsLangs from 'react-syntax-highlighter/dist/cjs/languages/hljs';
 import _extLangMap from './ext-to-lang.json';
-const extLangMap = _extLangMap;
-export const langaugeFromFile = (file) => {
-    const extension = file.split('.').pop() ?? '';
-    if (extLangMap[extension] == null) {
-        return 'text';
-    }
-    const langs = extLangMap[extension];
-    for (const lang of langs) {
-        // eslint-disable-next-line import/namespace
-        if (hljsLangs[lang] != null) {
-            return lang;
-        }
-    }
+var extLangMap = _extLangMap;
+export var langaugeFromFile = function langaugeFromFile(file) {
+  var _file$split$pop;
+  var extension = (_file$split$pop = file.split('.').pop()) !== null && _file$split$pop !== void 0 ? _file$split$pop : '';
+  if (extLangMap[extension] == null) {
     return 'text';
-};
+  }
+  var langs = extLangMap[extension];
+  var _iterator = _createForOfIteratorHelper(langs),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var lang = _step.value;
+      // eslint-disable-next-line import/namespace
+      if (hljsLangs[lang] != null) {
+        return lang;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return 'text';
+};

package/dist/SourceView/useSelectedLineRange.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,97 @@
 // 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 { useURLState } from '@parca/components';
-const useLineRange = () => {
-    const [sourceLine, setSourceLine] = useURLState('source_line');
-    const [startLine, endLine] = useMemo(() => {
-        if (sourceLine == null) {
-            return [-1, -1];
-        }
-        const [start, end] = sourceLine.split('-');
-        if (end === undefined) {
-            return [parseInt(start, 10), parseInt(start, 10)];
-        }
-        return [parseInt(start, 10), parseInt(end, 10)];
-    }, [sourceLine]);
-    const setLineRange = (start, end) => {
-        setSourceLine(`${start}-${end}`);
+var useLineRange = function useLineRange() {
+  var $ = _c(15);
+  var _useURLState = useURLState("source_line"),
+    _useURLState2 = _slicedToArray(_useURLState, 2),
+    sourceLine = _useURLState2[0],
+    setSourceLine = _useURLState2[1];
+  var t0;
+  bb0: {
+    if (sourceLine == null) {
+      var _t;
+      if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+        _t = [-1, -1];
+        $[0] = _t;
+      } else {
+        _t = $[0];
+      }
+      t0 = _t;
+      break bb0;
+    }
+    var _t2;
+    if ($[1] !== sourceLine) {
+      _t2 = sourceLine.split("-");
+      $[1] = sourceLine;
+      $[2] = _t2;
+    } else {
+      _t2 = $[2];
+    }
+    var _t3 = _t2,
+      _t4 = _slicedToArray(_t3, 2),
+      start = _t4[0],
+      end = _t4[1];
+    if (end === undefined) {
+      var _t5 = parseInt(start, 10);
+      var _t6 = parseInt(start, 10);
+      var _t7;
+      if ($[3] !== _t5 || $[4] !== _t6) {
+        _t7 = [_t5, _t6];
+        $[3] = _t5;
+        $[4] = _t6;
+        $[5] = _t7;
+      } else {
+        _t7 = $[5];
+      }
+      t0 = _t7;
+      break bb0;
+    }
+    var _t8 = parseInt(start, 10);
+    var t3 = parseInt(end, 10);
+    var t4;
+    if ($[6] !== _t8 || $[7] !== t3) {
+      t4 = [_t8, t3];
+      $[6] = _t8;
+      $[7] = t3;
+      $[8] = t4;
+    } else {
+      t4 = $[8];
+    }
+    t0 = t4;
+  }
+  var _t9 = t0,
+    _t0 = _slicedToArray(_t9, 2),
+    startLine = _t0[0],
+    endLine = _t0[1];
+  var t1;
+  if ($[9] !== setSourceLine) {
+    t1 = function t1(start_0, end_0) {
+      setSourceLine("".concat(start_0, "-").concat(end_0));
     };
-    return { startLine, endLine, setLineRange };
+    $[9] = setSourceLine;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  var setLineRange = t1;
+  var t2;
+  if ($[11] !== endLine || $[12] !== setLineRange || $[13] !== startLine) {
+    t2 = {
+      startLine: startLine,
+      endLine: endLine,
+      setLineRange: setLineRange
+    };
+    $[11] = endLine;
+    $[12] = setLineRange;
+    $[13] = startLine;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  return t2;
 };
-export default useLineRange;
+export default useLineRange;

package/dist/Table/ColorCell.js

@@ -1,2 +1,43 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
-export const ColorCell = ({ color, mappingFile }) => (_jsx("div", { className: "w-4 h-4 rounded-[4px]", style: { backgroundColor: color }, "data-tooltip-id": "table-color-tooltip", "data-tooltip-content": mappingFile }));
+export var ColorCell = function ColorCell(t0) {
+  var $ = _c(5);
+  var color = t0.color,
+    mappingFile = t0.mappingFile;
+  var t1;
+  if ($[0] !== color) {
+    t1 = {
+      backgroundColor: color
+    };
+    $[0] = color;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  var t2;
+  if ($[2] !== mappingFile || $[3] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      className: "w-4 h-4 rounded-[4px]",
+      style: t1,
+      "data-tooltip-id": "table-color-tooltip",
+      "data-tooltip-content": mappingFile
+    });
+    $[2] = mappingFile;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+};

package/dist/Table/ColumnsVisibility.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } 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.
@@ -11,12 +11,120 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 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 { Fragment } from 'react';
 import { Menu, Transition } from '@headlessui/react';
 import { Icon } from '@iconify/react';
-const ColumnsVisibility = ({ columns, visibility, setVisibility, }) => {
-    return (_jsx("div", { children: _jsxs(Menu, { as: "div", className: "relative text-left", children: [_jsx("div", { children: _jsxs(Menu.Button, { className: "relative w-full cursor-default rounded-md border bg-white py-2 pl-3 pr-10 text-left text-sm shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 dark:border-gray-600 dark:bg-gray-900 sm:text-sm", children: [_jsx("span", { className: "block overflow-x-hidden text-ellipsis", children: "Multiple" }), _jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 ml-3 flex items-center pr-2 text-gray-400", children: _jsx(Icon, { icon: "heroicons:chevron-down-20-solid", "aria-hidden": "true" }) })] }) }), _jsx(Transition, { as: Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx(Menu.Items, { className: "absolute left-0 z-10 mt-1 min-w-[400px] overflow-auto rounded-md bg-gray-50 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:border-gray-600 dark:bg-gray-900 dark:ring-white dark:ring-opacity-20 sm:text-sm", children: _jsx("div", { className: "p-4", children: _jsx("fieldset", { children: _jsx("div", { className: "space-y-5", children: columns.map(col => (_jsxs("div", { className: "relative flex items-start", children: [_jsx("div", { className: "flex h-6 items-center", children: _jsx("input", { id: col.id, name: col.id, type: "checkbox", className: "h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600", checked: visibility[col.id ?? ''] ?? false, onChange: () => {
-                                                        setVisibility(col.id ?? '', !visibility[col.id ?? '']);
-                                                    } }) }), _jsx("div", { className: "ml-3 text-sm leading-6", children: _jsx("label", { htmlFor: col.id, className: "font-medium text-gray-900 dark:text-gray-200", children: col.header }) })] }, col.id))) }) }) }) }) })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var ColumnsVisibility = function ColumnsVisibility(t0) {
+  var $ = _c(11);
+  var columns = t0.columns,
+    visibility = t0.visibility,
+    setVisibility = t0.setVisibility;
+  var t1;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t1 = /*#__PURE__*/_jsx("span", {
+      className: "block overflow-x-hidden text-ellipsis",
+      children: "Multiple"
+    });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  var t2;
+  if ($[1] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsxs(Menu.Button, {
+        className: "relative w-full cursor-default rounded-md border bg-white py-2 pl-3 pr-10 text-left text-sm shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 dark:border-gray-600 dark:bg-gray-900 sm:text-sm",
+        children: [t1, /*#__PURE__*/_jsx("span", {
+          className: "pointer-events-none absolute inset-y-0 right-0 ml-3 flex items-center pr-2 text-gray-400",
+          children: /*#__PURE__*/_jsx(Icon, {
+            icon: "heroicons:chevron-down-20-solid",
+            "aria-hidden": "true"
+          })
+        })]
+      })
+    });
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  var t3;
+  if ($[2] !== columns || $[3] !== setVisibility || $[4] !== visibility) {
+    var _t;
+    if ($[6] !== setVisibility || $[7] !== visibility) {
+      _t = function _t(col) {
+        var _visibility, _col$id;
+        return /*#__PURE__*/_jsxs("div", {
+          className: "relative flex items-start",
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "flex h-6 items-center",
+            children: /*#__PURE__*/_jsx("input", {
+              id: col.id,
+              name: col.id,
+              type: "checkbox",
+              className: "h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600",
+              checked: (_visibility = visibility[(_col$id = col.id) !== null && _col$id !== void 0 ? _col$id : ""]) !== null && _visibility !== void 0 ? _visibility : false,
+              onChange: function onChange() {
+                var _col$id2, _col$id3;
+                setVisibility((_col$id2 = col.id) !== null && _col$id2 !== void 0 ? _col$id2 : "", !visibility[(_col$id3 = col.id) !== null && _col$id3 !== void 0 ? _col$id3 : ""]);
+              }
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            className: "ml-3 text-sm leading-6",
+            children: /*#__PURE__*/_jsx("label", {
+              htmlFor: col.id,
+              className: "font-medium text-gray-900 dark:text-gray-200",
+              children: col.header
+            })
+          })]
+        }, col.id);
+      };
+      $[6] = setVisibility;
+      $[7] = visibility;
+      $[8] = _t;
+    } else {
+      _t = $[8];
+    }
+    t3 = columns.map(_t);
+    $[2] = columns;
+    $[3] = setVisibility;
+    $[4] = visibility;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  var t4;
+  if ($[9] !== t3) {
+    t4 = /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsxs(Menu, {
+        as: "div",
+        className: "relative text-left",
+        children: [t2, /*#__PURE__*/_jsx(Transition, {
+          as: Fragment,
+          leave: "transition ease-in duration-100",
+          leaveFrom: "opacity-100",
+          leaveTo: "opacity-0",
+          children: /*#__PURE__*/_jsx(Menu.Items, {
+            className: "absolute left-0 z-10 mt-1 min-w-[400px] overflow-auto rounded-md bg-gray-50 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:border-gray-600 dark:bg-gray-900 dark:ring-white dark:ring-opacity-20 sm:text-sm",
+            children: /*#__PURE__*/_jsx("div", {
+              className: "p-4",
+              children: /*#__PURE__*/_jsx("fieldset", {
+                children: /*#__PURE__*/_jsx("div", {
+                  className: "space-y-5",
+                  children: t3
+                })
+              })
+            })
+          })
+        })]
+      })
+    });
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
 };
-export default ColumnsVisibility;
+export default ColumnsVisibility;

package/dist/Table/MoreDropdown.js

@@ -1,4 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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.
@@ -11,37 +21,121 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
+
 import { Menu } from '@headlessui/react';
 import { Icon } from '@iconify/react';
 import { useParcaContext, useURLState, useURLStateBatch } from '@parca/components';
-const MoreDropdown = ({ functionName }) => {
-    const [_, setSandwichFunctionName] = useURLState('sandwich_function_name');
-    const [dashboardItems, setDashboardItems] = useURLState('dashboard_items', {
-        alwaysReturnArray: true,
-    });
-    const { enableSandwichView } = useParcaContext();
-    const batchUpdates = useURLStateBatch();
-    const onSandwichViewSelect = () => {
-        // Batch updates to combine setSandwichFunctionName + setDashboardItems into single URL navigation
-        batchUpdates(() => {
-            setSandwichFunctionName(functionName.trim());
-            setDashboardItems([...dashboardItems, 'sandwich']);
-        });
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var MoreDropdown = function MoreDropdown(t0) {
+  var $ = _c(14);
+  var functionName = t0.functionName;
+  var _useURLState = useURLState("sandwich_function_name"),
+    _useURLState2 = _slicedToArray(_useURLState, 2),
+    setSandwichFunctionName = _useURLState2[1];
+  var t1;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t1 = {
+      alwaysReturnArray: true
     };
-    const menuItems = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  var _useURLState3 = useURLState("dashboard_items", t1),
+    _useURLState4 = _slicedToArray(_useURLState3, 2),
+    dashboardItems = _useURLState4[0],
+    setDashboardItems = _useURLState4[1];
+  var _useParcaContext = useParcaContext(),
+    enableSandwichView = _useParcaContext.enableSandwichView;
+  var batchUpdates = useURLStateBatch();
+  var t2;
+  if ($[1] !== batchUpdates || $[2] !== dashboardItems || $[3] !== functionName || $[4] !== setDashboardItems || $[5] !== setSandwichFunctionName) {
+    t2 = function t2() {
+      batchUpdates(function () {
+        setSandwichFunctionName(functionName.trim());
+        setDashboardItems([].concat(_toConsumableArray(dashboardItems), ["sandwich"]));
+      });
+    };
+    $[1] = batchUpdates;
+    $[2] = dashboardItems;
+    $[3] = functionName;
+    $[4] = setDashboardItems;
+    $[5] = setSandwichFunctionName;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  var onSandwichViewSelect = t2;
+  var menuItems;
+  if ($[7] !== enableSandwichView || $[8] !== onSandwichViewSelect) {
+    menuItems = [];
     if (enableSandwichView === true) {
-        menuItems.push({
-            label: 'Show in Sandwich view',
-            action: () => onSandwichViewSelect(),
-        });
-    }
-    if (menuItems.length === 0) {
-        return null;
+      var _t;
+      if ($[10] !== onSandwichViewSelect) {
+        _t = {
+          label: "Show in Sandwich view",
+          action: function action() {
+            return onSandwichViewSelect();
+          }
+        };
+        $[10] = onSandwichViewSelect;
+        $[11] = _t;
+      } else {
+        _t = $[11];
+      }
+      menuItems.push(_t);
     }
-    return (_jsx("div", { className: "relative", children: _jsx(Menu, { children: ({ open, close }) => (_jsxs(_Fragment, { children: [_jsx(Menu.Button, { onClick: () => {
-                            if (open) {
-                                close();
-                            }
-                        }, className: "inline-flex font-sans dark:bg-gray-900 dark:border-gray-600 justify-center w-full 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", children: _jsx(Icon, { icon: "mdi:dots-horizontal" }) }), open && (_jsxs(Menu.Items, { className: "font-sans absolute z-30 left-0 w-56 mt-2 py-2 origin-top-right bg-white rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none border dark:bg-gray-900 dark:border-gray-600", children: [_jsx("span", { className: "text-xs text-gray-400 capitalize px-4 py-3", children: "actions" }), menuItems.map(item => (_jsx(Menu.Button, { className: "group mb-px flex w-full items-center rounded-md px-4 py-2 text-sm text-gray-900 dark:text-white hover:bg-indigo-500 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500", onClick: item.action, children: item.label }, item.label)))] }))] })) }) }));
+    $[7] = enableSandwichView;
+    $[8] = onSandwichViewSelect;
+    $[9] = menuItems;
+  } else {
+    menuItems = $[9];
+  }
+  if (menuItems.length === 0) {
+    return null;
+  }
+  var t3;
+  if ($[12] !== menuItems) {
+    t3 = /*#__PURE__*/_jsx("div", {
+      className: "relative",
+      children: /*#__PURE__*/_jsx(Menu, {
+        children: function children(t4) {
+          var open = t4.open,
+            close = t4.close;
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Menu.Button, {
+              onClick: function onClick() {
+                if (open) {
+                  close();
+                }
+              },
+              className: "inline-flex font-sans dark:bg-gray-900 dark:border-gray-600 justify-center w-full 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",
+              children: /*#__PURE__*/_jsx(Icon, {
+                icon: "mdi:dots-horizontal"
+              })
+            }), open && /*#__PURE__*/_jsxs(Menu.Items, {
+              className: "font-sans absolute z-30 left-0 w-56 mt-2 py-2 origin-top-right bg-white rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none border dark:bg-gray-900 dark:border-gray-600",
+              children: [/*#__PURE__*/_jsx("span", {
+                className: "text-xs text-gray-400 capitalize px-4 py-3",
+                children: "actions"
+              }), menuItems.map(_temp)]
+            })]
+          });
+        }
+      })
+    });
+    $[12] = menuItems;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return t3;
 };
 export default MoreDropdown;
+function _temp(item) {
+  return /*#__PURE__*/_jsx(Menu.Button, {
+    className: "group mb-px flex w-full items-center rounded-md px-4 py-2 text-sm text-gray-900 dark:text-white hover:bg-indigo-500 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500",
+    onClick: item.action,
+    children: item.label
+  }, item.label);
+}