@parca/profile 0.16.183 → 0.16.185

package/dist/TopTable/index.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,57 +16,54 @@ import { createColumnHelper } from '@tanstack/react-table';
 import { Button, Table, useURLState } from '@parca/components';
 import { getLastItem, isSearchMatch, parseParams, valueFormatter, } from '@parca/utilities';
 import { hexifyAddress } from '../utils';
-export var RowLabel = function (meta) {
-    var _a, _b, _c, _d, _e, _f;
+export const RowLabel = (meta) => {
     if (meta === undefined)
         return '<unknown>';
-    var mapping = "".concat(((_a = meta === null || meta === void 0 ? void 0 : meta.mapping) === null || _a === void 0 ? void 0 : _a.file) !== undefined && ((_b = meta === null || meta === void 0 ? void 0 : meta.mapping) === null || _b === void 0 ? void 0 : _b.file) !== ''
-        ? "[".concat((_c = getLastItem(meta.mapping.file)) !== null && _c !== void 0 ? _c : '', "]")
-        : '');
-    if (((_d = meta.function) === null || _d === void 0 ? void 0 : _d.name) !== undefined && ((_e = meta.function) === null || _e === void 0 ? void 0 : _e.name) !== '')
-        return "".concat(mapping, " ").concat(meta.function.name);
-    var address = hexifyAddress((_f = meta.location) === null || _f === void 0 ? void 0 : _f.address);
-    var fallback = "".concat(mapping, " ").concat(address);
+    const mapping = `${meta?.mapping?.file !== undefined && meta?.mapping?.file !== ''
+        ? `[${getLastItem(meta.mapping.file) ?? ''}]`
+        : ''}`;
+    if (meta.function?.name !== undefined && meta.function?.name !== '')
+        return `${mapping} ${meta.function.name}`;
+    const address = hexifyAddress(meta.location?.address);
+    const fallback = `${mapping} ${address}`;
     return fallback === '' ? '<unknown>' : fallback;
 };
-var columnHelper = createColumnHelper();
-var addPlusSign = function (num) {
+const columnHelper = createColumnHelper();
+const addPlusSign = (num) => {
     if (num.charAt(0) === '0' || num.charAt(0) === '-') {
         return num;
     }
-    return "+".concat(num);
+    return `+${num}`;
 };
-export var TopTable = React.memo(function TopTable(_a) {
-    var _b;
-    var top = _a.data, unit = _a.sampleUnit, navigateTo = _a.navigateTo, loading = _a.loading, currentSearchString = _a.currentSearchString, setActionButtons = _a.setActionButtons;
-    var router = parseParams(window === null || window === void 0 ? void 0 : window.location.search);
-    var rawDashboardItems = useURLState({ param: 'dashboard_items' })[0];
-    var rawcompareMode = useURLState({ param: 'compare_a' })[0];
-    var compareMode = rawcompareMode === undefined ? false : rawcompareMode === 'true';
-    var dashboardItems = useMemo(function () {
+export const TopTable = React.memo(function TopTable({ data: top, sampleUnit: unit, navigateTo, loading, currentSearchString, setActionButtons, }) {
+    const router = parseParams(window?.location.search);
+    const [rawDashboardItems] = useURLState({ param: 'dashboard_items' });
+    const [rawcompareMode] = useURLState({ param: 'compare_a' });
+    const compareMode = rawcompareMode === undefined ? false : rawcompareMode === 'true';
+    const dashboardItems = useMemo(() => {
         if (rawDashboardItems !== undefined) {
             return rawDashboardItems;
         }
         return ['icicle'];
     }, [rawDashboardItems]);
-    var columns = useMemo(function () {
-        var cols = [
+    const columns = useMemo(() => {
+        const cols = [
             columnHelper.accessor('meta', {
-                header: function () { return _jsx("span", __assign({ className: "text-left" }, { children: "Name" })); },
-                cell: function (info) {
-                    var meta = info.row.original.meta;
-                    var name = RowLabel(meta);
+                header: () => _jsx("span", { className: "text-left", children: "Name" }),
+                cell: info => {
+                    const meta = info.row.original.meta;
+                    const name = RowLabel(meta);
                     return name;
                 },
-                sortingFn: function (a, b) {
-                    var aName = RowLabel(a.original.meta);
-                    var bName = RowLabel(b.original.meta);
+                sortingFn: (a, b) => {
+                    const aName = RowLabel(a.original.meta);
+                    const bName = RowLabel(b.original.meta);
                     return aName.localeCompare(bName);
                 },
             }),
             columnHelper.accessor('flat', {
-                header: function () { return 'Flat'; },
-                cell: function (info) { return valueFormatter(Number(info.getValue()), unit, 2); },
+                header: () => 'Flat',
+                cell: info => valueFormatter(info.getValue(), unit, 2),
                 size: 150,
                 meta: {
                     align: 'right',
@@ -85,8 +71,8 @@ export var TopTable = React.memo(function TopTable(_a) {
                 sortDescFirst: true,
             }),
             columnHelper.accessor('cumulative', {
-                header: function () { return 'Cumulative'; },
-                cell: function (info) { return valueFormatter(Number(info.getValue()), unit, 2); },
+                header: () => 'Cumulative',
+                cell: info => valueFormatter(info.getValue(), unit, 2),
                 size: 150,
                 meta: {
                     align: 'right',
@@ -96,8 +82,8 @@ export var TopTable = React.memo(function TopTable(_a) {
         ];
         if (compareMode) {
             cols.push(columnHelper.accessor('diff', {
-                header: function () { return 'Diff'; },
-                cell: function (info) { return addPlusSign(valueFormatter(Number(info.getValue()), unit, 2)); },
+                header: () => 'Diff',
+                cell: info => addPlusSign(valueFormatter(info.getValue(), unit, 2)),
                 size: 150,
                 meta: {
                     align: 'right',
@@ -107,50 +93,56 @@ export var TopTable = React.memo(function TopTable(_a) {
         }
         return cols;
     }, [unit, compareMode]);
-    var selectSpan = useCallback(function (span) {
+    const selectSpan = useCallback((span) => {
         if (navigateTo != null) {
-            navigateTo('/', __assign(__assign({}, router), { search_string: span.trim() }), { replace: true });
+            navigateTo('/', {
+                ...router,
+                ...{ search_string: span.trim() },
+            }, { replace: true });
         }
     }, [navigateTo, router]);
-    var onRowClick = useCallback(function (row) {
+    const onRowClick = useCallback((row) => {
         // If there is only one dashboard item, we don't want to select a span
         if (dashboardItems.length <= 1) {
             return;
         }
-        var meta = row.meta;
+        const meta = row.meta;
         if (meta === undefined) {
             return;
         }
-        var name = RowLabel(meta);
+        const name = RowLabel(meta);
         selectSpan(name);
     }, [selectSpan, dashboardItems.length]);
-    var shouldHighlightRow = useCallback(function (row) {
-        var meta = row.meta;
+    const shouldHighlightRow = useCallback((row) => {
+        const meta = row.meta;
         if (meta === undefined)
             return false;
-        var name = RowLabel(meta);
+        const name = RowLabel(meta);
         return isSearchMatch(currentSearchString, name);
     }, [currentSearchString]);
-    var enableHighlighting = useMemo(function () {
-        return currentSearchString != null && (currentSearchString === null || currentSearchString === void 0 ? void 0 : currentSearchString.length) > 0;
+    const enableHighlighting = useMemo(() => {
+        return currentSearchString != null && currentSearchString?.length > 0;
     }, [currentSearchString]);
-    var clearSelection = useCallback(function () {
+    const clearSelection = useCallback(() => {
         if (navigateTo != null) {
-            navigateTo('/', __assign(__assign({}, router), { search_string: '' }), { replace: true });
+            navigateTo('/', {
+                ...router,
+                ...{ search_string: '' },
+            }, { replace: true });
         }
     }, [navigateTo, router]);
-    useEffect(function () {
+    useEffect(() => {
         if (setActionButtons === undefined) {
             return;
         }
-        setActionButtons(dashboardItems.length > 1 ? (_jsx(Button, __assign({ color: "neutral", onClick: clearSelection, className: "w-auto", variant: "neutral", disabled: currentSearchString === undefined || currentSearchString.length === 0 }, { children: "Clear selection" }))) : (_jsx(_Fragment, {})));
+        setActionButtons(dashboardItems.length > 1 ? (_jsx(Button, { color: "neutral", onClick: clearSelection, className: "w-auto", variant: "neutral", disabled: currentSearchString === undefined || currentSearchString.length === 0, children: "Clear selection" })) : (_jsx(_Fragment, {})));
     }, [dashboardItems, clearSelection, currentSearchString, setActionButtons]);
-    var initialSorting = useMemo(function () {
+    const initialSorting = useMemo(() => {
         return [{ id: compareMode ? 'diff' : 'cumulative', desc: true }];
     }, [compareMode]);
-    var total = top != null ? top.list.length : 0;
+    const total = top != null ? top.list.length : 0;
     if (total === 0 && !loading)
         return _jsx(_Fragment, { children: "Profile has no samples" });
-    return (_jsx("div", __assign({ className: "relative" }, { children: _jsx("div", __assign({ className: "font-robotoMono h-[80vh] w-full overflow-scroll" }, { children: _jsx(Table, { data: (_b = top === null || top === void 0 ? void 0 : top.list) !== null && _b !== void 0 ? _b : [], columns: columns, initialSorting: initialSorting, onRowClick: onRowClick, enableHighlighting: enableHighlighting, shouldHighlightRow: shouldHighlightRow, usePointerCursor: dashboardItems.length > 1 }) })) })));
+    return (_jsx("div", { className: "relative", children: _jsx("div", { className: "font-robotoMono h-[80vh] w-full overflow-scroll", children: _jsx(Table, { data: top?.list ?? [], columns: columns, initialSorting: initialSorting, onRowClick: onRowClick, enableHighlighting: enableHighlighting, shouldHighlightRow: shouldHighlightRow, usePointerCursor: dashboardItems.length > 1 }) }) }));
 });
 export default TopTable;

package/dist/components/DiffLegend.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,13 +16,12 @@ import { Popover, Transition } from '@headlessui/react';
 import { usePopper } from 'react-popper';
 import { selectDarkMode, useAppSelector } from '@parca/store';
 import { getIncreasedSpanColor, getNewSpanColor, getReducedSpanColor } from '@parca/utilities';
-var transparencyValues = [-100, -80, -60, -40, -20, 0, 20, 40, 60, 80, 100];
-var DiffLegendBar = function (_a) {
-    var onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
-    var isDarkMode = useAppSelector(selectDarkMode);
-    return (_jsx("div", __assign({ className: "m-2 flex items-center" }, { children: transparencyValues.map(function (value) {
-            var valueAsPercentage = value / 100;
-            var absoluteValue = Math.abs(valueAsPercentage);
+const transparencyValues = [-100, -80, -60, -40, -20, 0, 20, 40, 60, 80, 100];
+const DiffLegendBar = ({ onMouseEnter, onMouseLeave, }) => {
+    const isDarkMode = useAppSelector(selectDarkMode);
+    return (_jsx("div", { className: "m-2 flex items-center", children: transparencyValues.map(value => {
+            const valueAsPercentage = value / 100;
+            const absoluteValue = Math.abs(valueAsPercentage);
             return (_jsx("div", { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, className: "h-4 w-8", style: {
                     backgroundColor: absoluteValue === 0
                         ? getNewSpanColor(isDarkMode)
@@ -41,22 +29,22 @@ var DiffLegendBar = function (_a) {
                             ? getIncreasedSpanColor(absoluteValue, isDarkMode)
                             : getReducedSpanColor(absoluteValue, isDarkMode),
                 } }, valueAsPercentage));
-        }) })));
+        }) }));
 };
-var DiffLegend = function () {
-    var _a = useState(false), showLegendTooltip = _a[0], setShowLegendTooltip = _a[1];
-    var _b = useState(null), popperElement = _b[0], setPopperElement = _b[1];
-    var _c = useState(null), referenceElement = _c[0], setReferenceElement = _c[1];
-    var _d = usePopper(referenceElement, popperElement, {
+const DiffLegend = () => {
+    const [showLegendTooltip, setShowLegendTooltip] = useState(false);
+    const [popperElement, setPopperElement] = useState(null);
+    const [referenceElement, setReferenceElement] = useState(null);
+    const { styles, attributes } = usePopper(referenceElement, popperElement, {
         placement: 'auto-start',
         strategy: 'absolute',
-    }), styles = _d.styles, attributes = _d.attributes;
-    var handleMouseEnter = function () {
+    });
+    const handleMouseEnter = () => {
         setShowLegendTooltip(true);
     };
-    var handleMouseLeave = function () {
+    const handleMouseLeave = () => {
         setShowLegendTooltip(false);
     };
-    return (_jsxs("div", __assign({ className: "mt-1 mb-2" }, { children: [_jsxs("div", __assign({ ref: setReferenceElement, className: "flex items-center justify-center" }, { children: [_jsx("span", { children: "Better" }), _jsx(DiffLegendBar, { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }), _jsx("span", { children: "Worse" })] })), _jsx(Popover, __assign({ className: "relative" }, { children: function () { return (_jsx(Transition, __assign({ show: showLegendTooltip, as: Fragment, enter: "transition ease-out duration-200", enterFrom: "opacity-0 translate-y-1", enterTo: "opacity-100 translate-y-0", leave: "transition ease-in duration-150", leaveFrom: "opacity-100 translate-y-0", leaveTo: "opacity-0 translate-y-1" }, { children: _jsx(Popover.Panel, __assign({ ref: setPopperElement, style: styles.popper }, attributes.popper, { children: _jsx("div", __assign({ className: "overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5" }, { children: _jsxs("div", __assign({ className: "bg-gray-50 p-4 dark:bg-gray-800" }, { children: [_jsx("div", { className: "flex items-center justify-center" }), _jsx("span", __assign({ className: "block text-sm text-gray-500 dark:text-gray-50" }, { children: "This is a differential icicle graph, where a purple-colored node means unchanged, and the darker the red, the worse the node got, and the darker the green, the better the node got." }))] })) })) })) }))); } }))] })));
+    return (_jsxs("div", { className: "mt-1 mb-2", children: [_jsxs("div", { ref: setReferenceElement, className: "flex items-center justify-center", children: [_jsx("span", { children: "Better" }), _jsx(DiffLegendBar, { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }), _jsx("span", { children: "Worse" })] }), _jsx(Popover, { className: "relative", children: () => (_jsx(Transition, { show: showLegendTooltip, as: Fragment, enter: "transition ease-out duration-200", enterFrom: "opacity-0 translate-y-1", enterTo: "opacity-100 translate-y-0", leave: "transition ease-in duration-150", leaveFrom: "opacity-100 translate-y-0", leaveTo: "opacity-0 translate-y-1", children: _jsx(Popover.Panel, { ref: setPopperElement, style: styles.popper, ...attributes.popper, children: _jsx("div", { className: "overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5", children: _jsxs("div", { className: "bg-gray-50 p-4 dark:bg-gray-800", children: [_jsx("div", { className: "flex items-center justify-center" }), _jsx("span", { className: "block text-sm text-gray-500 dark:text-gray-50", children: "This is a differential icicle graph, where a purple-colored node means unchanged, and the darker the red, the worse the node got, and the darker the green, the better the node got." })] }) }) }) })) })] }));
 };
 export default DiffLegend;

package/dist/components/ProfileShareButton/ResultBox.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,23 +16,20 @@ import { Icon } from '@iconify/react';
 import cx from 'classnames';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { Button } from '@parca/components';
-var timeoutHandle = null;
-var ResultBox = function (_a) {
-    var _b;
-    var value = _a.value, _c = _a.className, className = _c === void 0 ? '' : _c;
-    var _d = useState(false), isCopied = _d[0], setIsCopied = _d[1];
-    var onCopy = function () {
-        var _a, _b;
+let timeoutHandle = null;
+const ResultBox = ({ value, className = '' }) => {
+    const [isCopied, setIsCopied] = useState(false);
+    const onCopy = () => {
         if (typeof window === 'undefined') {
             return;
         }
         setIsCopied(true);
-        (_b = (_a = window.document) === null || _a === void 0 ? void 0 : _a.activeElement) === null || _b === void 0 ? void 0 : _b.blur();
+        window.document?.activeElement?.blur();
         if (timeoutHandle != null) {
             clearTimeout(timeoutHandle);
         }
-        timeoutHandle = setTimeout(function () { return setIsCopied(false); }, 3000);
+        timeoutHandle = setTimeout(() => setIsCopied(false), 3000);
     };
-    return (_jsxs("div", __assign({ className: cx('flex w-full flex-row', (_b = {}, _b[className] = (className === null || className === void 0 ? void 0 : className.length) > 0, _b)) }, { children: [_jsx("span", __assign({ className: "flex w-16 items-center justify-center rounded-l border border-r-0" }, { children: _jsx(Icon, { icon: "ant-design:link-outlined" }) })), _jsx("input", { type: "text", className: "w-full flex-grow border bg-inherit px-1 py-2 text-sm", value: value, readOnly: true }), _jsx(CopyToClipboard, __assign({ text: value, onCopy: onCopy }, { children: _jsx(Button, __assign({ variant: "link", className: "w-fit items-center whitespace-nowrap rounded-none rounded-r border border-l-0 p-4 !text-indigo-600 dark:!text-indigo-400" }, { children: isCopied ? 'Copied!' : 'Copy Link' })) }))] })));
+    return (_jsxs("div", { className: cx('flex w-full flex-row', { [className]: className?.length > 0 }), children: [_jsx("span", { className: "flex w-16 items-center justify-center rounded-l border border-r-0", children: _jsx(Icon, { icon: "ant-design:link-outlined" }) }), _jsx("input", { type: "text", className: "w-full flex-grow border bg-inherit px-1 py-2 text-sm", value: value, readOnly: true }), _jsx(CopyToClipboard, { text: value, onCopy: onCopy, children: _jsx(Button, { variant: "link", className: "w-fit items-center whitespace-nowrap rounded-none rounded-r border border-l-0 p-4 !text-indigo-600 dark:!text-indigo-400", children: isCopied ? 'Copied!' : 'Copy Link' }) })] }));
 };
 export default ResultBox;

package/dist/components/ProfileShareButton/index.js

@@ -1,50 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
@@ -62,58 +15,46 @@ import { useState } from 'react';
 import { Icon } from '@iconify/react';
 import { Button, Modal, useGrpcMetadata } from '@parca/components';
 import ResultBox from './ResultBox';
-var ProfileShareModal = function (_a) {
-    var isOpen = _a.isOpen, closeModal = _a.closeModal, queryRequest = _a.queryRequest, queryClient = _a.queryClient;
-    var _b = useState(false), isShared = _b[0], setIsShared = _b[1];
-    var _c = useState(false), loading = _c[0], setLoading = _c[1];
-    var _d = useState(''), error = _d[0], setError = _d[1];
-    var _e = useState(''), description = _e[0], setDescription = _e[1];
-    var _f = useState(''), sharedLink = _f[0], setSharedLink = _f[1];
-    var metadata = useGrpcMetadata();
-    var isFormDataValid = function () { return true; };
-    var handleSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, err_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    setLoading(true);
-                    return [4 /*yield*/, queryClient.shareProfile({ queryRequest: queryRequest, description: description }, { meta: metadata })];
-                case 1:
-                    response = (_a.sent()).response;
-                    setSharedLink(response.link);
-                    setLoading(false);
-                    setIsShared(true);
-                    return [3 /*break*/, 3];
-                case 2:
-                    err_1 = _a.sent();
-                    if (err_1 instanceof Error) {
-                        console.error(err_1);
-                        setLoading(false);
-                        // https://github.com/microsoft/TypeScript/issues/38347
-                        // eslint-disable-next-line @typescript-eslint/no-base-to-string
-                        setError(err_1.toString());
-                    }
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+const ProfileShareModal = ({ isOpen, closeModal, queryRequest, queryClient, }) => {
+    const [isShared, setIsShared] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState('');
+    const [description, setDescription] = useState('');
+    const [sharedLink, setSharedLink] = useState('');
+    const metadata = useGrpcMetadata();
+    const isFormDataValid = () => true;
+    const handleSubmit = async () => {
+        try {
+            setLoading(true);
+            const { response } = await queryClient.shareProfile({ queryRequest, description }, { meta: metadata });
+            setSharedLink(response.link);
+            setLoading(false);
+            setIsShared(true);
+        }
+        catch (err) {
+            if (err instanceof Error) {
+                console.error(err);
+                setLoading(false);
+                // https://github.com/microsoft/TypeScript/issues/38347
+                // eslint-disable-next-line @typescript-eslint/no-base-to-string
+                setError(err.toString());
             }
-        });
-    }); };
-    var onClose = function () {
+        }
+    };
+    const onClose = () => {
         setLoading(false);
         setError('');
         setDescription('');
         setIsShared(false);
         closeModal();
     };
-    return (_jsx(Modal, __assign({ isOpen: isOpen, closeModal: onClose, title: "Share Profile", className: "w-[420px]" }, { children: _jsxs("form", __assign({ className: "py-2" }, { children: [_jsx("p", __assign({ className: "text-sm text-gray-500 dark:text-gray-300" }, { children: "Note: Shared profiles can be accessed by anyone with the link, even from people outside your organisation." })), !isShared || (error === null || error === void 0 ? void 0 : error.length) > 0 ? (_jsxs(_Fragment, { children: [_jsx("p", __assign({ className: "mt-3 mb-2 text-sm text-gray-500 dark:text-gray-300" }, { children: "Enter a description (optional)" })), _jsx("textarea", { className: "w-full border bg-inherit px-2 py-2 text-sm text-gray-500 dark:text-gray-300", value: description, onChange: function (e) { return setDescription(e.target.value); } }), _jsx(Button, __assign({ className: "mt-4", onClick: function (e) {
+    return (_jsx(Modal, { isOpen: isOpen, closeModal: onClose, title: "Share Profile", className: "w-[420px]", children: _jsxs("form", { className: "py-2", children: [_jsx("p", { className: "text-sm text-gray-500 dark:text-gray-300", children: "Note: Shared profiles can be accessed by anyone with the link, even from people outside your organisation." }), !isShared || error?.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-3 mb-2 text-sm text-gray-500 dark:text-gray-300", children: "Enter a description (optional)" }), _jsx("textarea", { className: "w-full border bg-inherit px-2 py-2 text-sm text-gray-500 dark:text-gray-300", value: description, onChange: e => setDescription(e.target.value) }), _jsx(Button, { className: "mt-4", onClick: e => {
                                 e.preventDefault();
                                 void handleSubmit();
-                            }, disabled: loading || !isFormDataValid(), type: "submit" }, { children: loading ? 'Sharing' : 'Share' })), error !== '' ? _jsx("p", { children: "Something went wrong please try again" }) : null] })) : (_jsxs(_Fragment, { children: [_jsx(ResultBox, { value: sharedLink, className: "mt-4" }), _jsx("div", __assign({ className: "mt-8 flex justify-center" }, { children: _jsx(Button, __assign({ variant: "neutral", className: "w-fit", onClick: onClose }, { children: "Close" })) }))] }))] })) })));
+                            }, disabled: loading || !isFormDataValid(), type: "submit", children: loading ? 'Sharing' : 'Share' }), error !== '' ? _jsx("p", { children: "Something went wrong please try again" }) : null] })) : (_jsxs(_Fragment, { children: [_jsx(ResultBox, { value: sharedLink, className: "mt-4" }), _jsx("div", { className: "mt-8 flex justify-center", children: _jsx(Button, { variant: "neutral", className: "w-fit", onClick: onClose, children: "Close" }) })] }))] }) }));
 };
-var ProfileShareButton = function (_a) {
-    var queryRequest = _a.queryRequest, queryClient = _a.queryClient, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
-    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
-    return (_jsxs(_Fragment, { children: [_jsx(Button, __assign({ color: "neutral", onClick: function () { return setIsOpen(true); }, disabled: disabled }, { children: _jsx(Icon, { icon: "ei:share-apple", width: 20 }) })), _jsx(ProfileShareModal, { isOpen: isOpen, closeModal: function () { return setIsOpen(false); }, queryRequest: queryRequest, queryClient: queryClient })] }));
+const ProfileShareButton = ({ queryRequest, queryClient, disabled = false }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { color: "neutral", onClick: () => setIsOpen(true), disabled: disabled, children: _jsx(Icon, { icon: "ei:share-apple", width: 20 }) }), _jsx(ProfileShareModal, { isOpen: isOpen, closeModal: () => setIsOpen(false), queryRequest: queryRequest, queryClient: queryClient })] }));
 };
 export default ProfileShareButton;

package/dist/useDelayedLoader.js

@@ -11,22 +11,21 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { useEffect, useState } from 'react';
-var useDelayedLoader = function (isLoading, options) {
-    if (isLoading === void 0) { isLoading = false; }
-    var _a = (options !== null && options !== void 0 ? options : {}).delay, delay = _a === void 0 ? 500 : _a;
-    var _b = useState(false), isLoaderVisible = _b[0], setIsLoaderVisible = _b[1];
-    useEffect(function () {
-        var showLoaderTimeout;
+const useDelayedLoader = (isLoading = false, options) => {
+    const { delay = 500 } = options ?? {};
+    const [isLoaderVisible, setIsLoaderVisible] = useState(false);
+    useEffect(() => {
+        let showLoaderTimeout;
         if (isLoading && !isLoaderVisible) {
             // if the request takes longer than half a second, show the loading icon
-            showLoaderTimeout = setTimeout(function () {
+            showLoaderTimeout = setTimeout(() => {
                 setIsLoaderVisible(true);
             }, delay);
         }
         else if (!isLoading && isLoaderVisible) {
             setIsLoaderVisible(false);
         }
-        return function () { return clearTimeout(showLoaderTimeout); };
+        return () => clearTimeout(showLoaderTimeout);
     }, [isLoading, isLoaderVisible, delay]);
     return isLoaderVisible;
 };

package/dist/useGrpcQuery/index.js

@@ -10,55 +10,13 @@
 // 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.
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { useQuery } from '@tanstack/react-query';
-var useGrpcQuery = function (_a) {
-    var key = _a.key, queryFn = _a.queryFn, _b = _a.options, _c = _b === void 0 ? {} : _b, _d = _c.enabled, enabled = _d === void 0 ? true : _d, staleTime = _c.staleTime;
-    return useQuery(key, function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, queryFn()];
-                case 1: return [2 /*return*/, _a.sent()];
-            }
-        });
-    }); }, {
-        enabled: enabled,
-        staleTime: staleTime,
+const useGrpcQuery = ({ key, queryFn, options: { enabled = true, staleTime } = {}, }) => {
+    return useQuery(key, async () => {
+        return await queryFn();
+    }, {
+        enabled,
+        staleTime,
     });
 };
 export default useGrpcQuery;