@parca/profile 0.19.140 → 0.19.143

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,28 +17,73 @@
 // 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 } from 'react';
 import { createParser, useQueryState } from 'nuqs';
-const lineRangeParser = createParser({
-    parse: (value) => {
-        const [start, end] = value.split('-');
-        const startNum = parseInt(start, 10);
-        if (isNaN(startNum))
-            return null;
-        const endNum = end !== undefined ? parseInt(end, 10) : startNum;
-        return { start: startNum, end: isNaN(endNum) ? startNum : endNum };
-    },
-    serialize: (value) => `${value.start}-${value.end}`,
-}).withOptions({ history: 'replace' });
-const useLineRange = () => {
-    const [lineRange, setRawLineRange] = useQueryState('source_line', lineRangeParser.withDefault({ start: -1, end: -1 }));
-    const setLineRange = useCallback((start, end) => {
-        void setRawLineRange({ start, end });
-    }, [setRawLineRange]);
+var lineRangeParser = createParser({
+  parse: function parse(value) {
+    var _value$split = value.split('-'),
+      _value$split2 = _slicedToArray(_value$split, 2),
+      start = _value$split2[0],
+      end = _value$split2[1];
+    var startNum = parseInt(start, 10);
+    if (isNaN(startNum)) return null;
+    var endNum = end !== undefined ? parseInt(end, 10) : startNum;
     return {
-        startLine: lineRange.start,
-        endLine: lineRange.end,
-        setLineRange,
+      start: startNum,
+      end: isNaN(endNum) ? startNum : endNum
     };
+  },
+  serialize: function serialize(value) {
+    return "".concat(value.start, "-").concat(value.end);
+  }
+}).withOptions({
+  history: 'replace'
+});
+var useLineRange = function useLineRange() {
+  var $ = _c(7);
+  var t0;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = lineRangeParser.withDefault({
+      start: -1,
+      end: -1
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  var _useQueryState = useQueryState("source_line", t0),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    lineRange = _useQueryState2[0],
+    setRawLineRange = _useQueryState2[1];
+  var t1;
+  if ($[1] !== setRawLineRange) {
+    t1 = function t1(start, end) {
+      setRawLineRange({
+        start: start,
+        end: end
+      });
+    };
+    $[1] = setRawLineRange;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  var setLineRange = t1;
+  var t2;
+  if ($[3] !== lineRange.end || $[4] !== lineRange.start || $[5] !== setLineRange) {
+    t2 = {
+      startLine: lineRange.start,
+      endLine: lineRange.end,
+      setLineRange: setLineRange
+    };
+    $[3] = lineRange.end;
+    $[4] = lineRange.start;
+    $[5] = setLineRange;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  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,34 +21,110 @@ 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 { useQueryState } from 'nuqs';
 import { useParcaContext } from '@parca/components';
 import { stringParam } from '../hooks/urlParsers';
 import { useDashboardItems } from '../hooks/useDashboardItems';
-const MoreDropdown = ({ functionName }) => {
-    const [_, setSandwichFunctionName] = useQueryState('sandwich_function_name', stringParam);
-    const { dashboardItems, setDashboardItems } = useDashboardItems();
-    const { enableSandwichView } = useParcaContext();
-    const onSandwichViewSelect = () => {
-        void 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(12);
+  var functionName = t0.functionName;
+  var _useQueryState = useQueryState("sandwich_function_name", stringParam),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    setSandwichFunctionName = _useQueryState2[1];
+  var _useDashboardItems = useDashboardItems(),
+    dashboardItems = _useDashboardItems.dashboardItems,
+    setDashboardItems = _useDashboardItems.setDashboardItems;
+  var _useParcaContext = useParcaContext(),
+    enableSandwichView = _useParcaContext.enableSandwichView;
+  var t1;
+  if ($[0] !== dashboardItems || $[1] !== functionName || $[2] !== setDashboardItems || $[3] !== setSandwichFunctionName) {
+    t1 = function t1() {
+      setSandwichFunctionName(functionName.trim());
+      setDashboardItems([].concat(_toConsumableArray(dashboardItems), ["sandwich"]));
     };
-    const menuItems = [];
+    $[0] = dashboardItems;
+    $[1] = functionName;
+    $[2] = setDashboardItems;
+    $[3] = setSandwichFunctionName;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  var onSandwichViewSelect = t1;
+  var menuItems;
+  if ($[5] !== enableSandwichView || $[6] !== onSandwichViewSelect) {
+    menuItems = [];
     if (enableSandwichView === true) {
-        menuItems.push({
-            label: 'Show in Sandwich view',
-            action: () => onSandwichViewSelect(),
-        });
-    }
-    if (menuItems.length === 0) {
-        return null;
+      var _t;
+      if ($[8] !== onSandwichViewSelect) {
+        _t = {
+          label: "Show in Sandwich view",
+          action: function action() {
+            return onSandwichViewSelect();
+          }
+        };
+        $[8] = onSandwichViewSelect;
+        $[9] = _t;
+      } else {
+        _t = $[9];
+      }
+      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)))] }))] })) }) }));
+    $[5] = enableSandwichView;
+    $[6] = onSandwichViewSelect;
+    $[7] = menuItems;
+  } else {
+    menuItems = $[7];
+  }
+  if (menuItems.length === 0) {
+    return null;
+  }
+  var t2;
+  if ($[10] !== menuItems) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      className: "relative",
+      children: /*#__PURE__*/_jsx(Menu, {
+        children: function children(t3) {
+          var open = t3.open,
+            close = t3.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)]
+            })]
+          });
+        }
+      })
+    });
+    $[10] = menuItems;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
 };
 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);
+}