@parca/profile 0.19.140 → 0.19.143

package/dist/Table/hooks/useTableConfiguration.js

@@ -1,4 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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,178 +17,328 @@ import { jsx as _jsx } 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 { useEffect, useMemo, useState } from 'react';
+
+import { useMemo } from 'react';
 import { createColumnHelper } from '@tanstack/table-core';
 import { useQueryState } from 'nuqs';
 import { valueFormatter } from '@parca/utilities';
 import { tableColumnsParser } from '../../hooks/urlParsers';
 import { ColorCell } from '../ColorCell';
 import { addPlusSign, ratioString } from '../utils/functions';
-export function useTableConfiguration({ unit = '', total, filtered, compareMode, }) {
-    const columnHelper = createColumnHelper();
-    const [tableColumns] = useQueryState('table_columns', tableColumnsParser);
-    const [columnVisibility, setColumnVisibility] = useState(() => {
-        return {
-            color: true,
-            flat: true,
-            flatPercentage: false,
-            flatDiff: compareMode,
-            flatDiffPercentage: false,
-            cumulative: true,
-            cumulativePercentage: false,
-            cumulativeDiff: compareMode,
-            cumulativeDiffPercentage: false,
-            name: true,
-            functionSystemName: false,
-            functionFileName: false,
-            mappingFile: false,
-        };
+import { jsx as _jsx } from "react/jsx-runtime";
+export function useTableConfiguration(t0) {
+  var $ = _c(44);
+  var t1 = t0.unit,
+    total = t0.total,
+    filtered = t0.filtered,
+    compareMode = t0.compareMode;
+  var unit = t1 === undefined ? "" : t1;
+  var t2;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t2 = createColumnHelper();
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  var columnHelper = t2;
+  var _useQueryState = useQueryState("table_columns", tableColumnsParser),
+    _useQueryState2 = _slicedToArray(_useQueryState, 1),
+    tableColumns = _useQueryState2[0];
+  var defaults;
+  if ($[1] !== compareMode || $[2] !== tableColumns) {
+    defaults = {
+      color: true,
+      flat: true,
+      flatPercentage: false,
+      flatDiff: compareMode,
+      flatDiffPercentage: false,
+      cumulative: true,
+      cumulativePercentage: false,
+      cumulativeDiff: compareMode,
+      cumulativeDiffPercentage: false,
+      name: true,
+      functionSystemName: false,
+      functionFileName: false,
+      mappingFile: false
+    };
+    if (Array.isArray(tableColumns)) {
+      Object.keys(defaults).forEach(function (column) {
+        defaults[column] = tableColumns.includes(column);
+      });
+    }
+    $[1] = compareMode;
+    $[2] = tableColumns;
+    $[3] = defaults;
+  } else {
+    defaults = $[3];
+  }
+  var columnVisibility = defaults;
+  var t3;
+  if ($[4] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t3 = columnHelper.accessor("colorProperty", {
+      id: "color",
+      header: "",
+      cell: _temp,
+      size: 10,
+      enableSorting: false
+    });
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  var t4;
+  if ($[5] !== unit) {
+    t4 = columnHelper.accessor("flat", {
+      id: "flat",
+      header: "Flat",
+      cell: function cell(info_0) {
+        return valueFormatter(info_0.getValue(), unit, 2);
+      },
+      size: 80,
+      meta: {
+        align: "right"
+      },
+      invertSorting: true
+    });
+    $[5] = unit;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  var t5;
+  if ($[7] !== filtered || $[8] !== total) {
+    t5 = columnHelper.accessor("flat", {
+      id: "flatPercentage",
+      header: "Flat (%)",
+      cell: function cell(info_1) {
+        return ratioString(info_1.getValue(), total, filtered);
+      },
+      size: 120,
+      meta: {
+        align: "right"
+      },
+      invertSorting: true
+    });
+    $[7] = filtered;
+    $[8] = total;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  var t6;
+  if ($[10] !== unit) {
+    t6 = columnHelper.accessor("flatDiff", {
+      id: "flatDiff",
+      header: "Flat Diff",
+      cell: function cell(info_2) {
+        return addPlusSign(valueFormatter(info_2.getValue(), unit, 2));
+      },
+      size: 120,
+      meta: {
+        align: "right"
+      },
+      invertSorting: true
+    });
+    $[10] = unit;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  var t7;
+  if ($[12] !== filtered || $[13] !== total) {
+    t7 = columnHelper.accessor("flatDiff", {
+      id: "flatDiffPercentage",
+      header: "Flat Diff (%)",
+      cell: function cell(info_3) {
+        return ratioString(info_3.getValue(), total, filtered);
+      },
+      size: 120,
+      meta: {
+        align: "right"
+      },
+      invertSorting: true
+    });
+    $[12] = filtered;
+    $[13] = total;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  var t8;
+  if ($[15] !== unit) {
+    t8 = columnHelper.accessor("cumulative", {
+      id: "cumulative",
+      header: "Cumulative",
+      cell: function cell(info_4) {
+        return valueFormatter(info_4.getValue(), unit, 2);
+      },
+      size: 150,
+      meta: {
+        align: "right"
+      },
+      invertSorting: true
+    });
+    $[15] = unit;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  var t9;
+  if ($[17] !== filtered || $[18] !== total) {
+    t9 = columnHelper.accessor("cumulative", {
+      id: "cumulativePercentage",
+      header: "Cumulative (%)",
+      cell: function cell(info_5) {
+        return ratioString(info_5.getValue(), total, filtered);
+      },
+      size: 150,
+      meta: {
+        align: "right"
+      },
+      invertSorting: true
+    });
+    $[17] = filtered;
+    $[18] = total;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  var t10;
+  if ($[20] !== unit) {
+    t10 = columnHelper.accessor("cumulativeDiff", {
+      id: "cumulativeDiff",
+      header: "Cumulative Diff",
+      cell: function cell(info_6) {
+        return addPlusSign(valueFormatter(info_6.getValue(), unit, 2));
+      },
+      size: 170,
+      meta: {
+        align: "right"
+      },
+      invertSorting: true
     });
-    useEffect(() => {
-        if (Array.isArray(tableColumns)) {
-            setColumnVisibility(prevState => {
-                const newState = { ...prevState };
-                Object.keys(newState).forEach(column => {
-                    newState[column] = tableColumns.includes(column);
-                });
-                return newState;
-            });
-        }
-    }, [tableColumns]);
-    const columns = useMemo(() => {
-        const baseColumns = [
-            columnHelper.accessor('colorProperty', {
-                id: 'color',
-                header: '',
-                cell: info => {
-                    const color = info.getValue();
-                    return _jsx(ColorCell, { color: color.color, mappingFile: color.mappingFile });
-                },
-                size: 10,
-                enableSorting: false,
-            }),
-            columnHelper.accessor('flat', {
-                id: 'flat',
-                header: 'Flat',
-                cell: info => valueFormatter(info.getValue(), unit, 2),
-                size: 80,
-                meta: {
-                    align: 'right',
-                },
-                invertSorting: true,
-            }),
-            columnHelper.accessor('flat', {
-                id: 'flatPercentage',
-                header: 'Flat (%)',
-                cell: info => {
-                    return ratioString(info.getValue(), total, filtered);
-                },
-                size: 120,
-                meta: {
-                    align: 'right',
-                },
-                invertSorting: true,
-            }),
-            columnHelper.accessor('flatDiff', {
-                id: 'flatDiff',
-                header: 'Flat Diff',
-                cell: info => addPlusSign(valueFormatter(info.getValue(), unit, 2)),
-                size: 120,
-                meta: {
-                    align: 'right',
-                },
-                invertSorting: true,
-            }),
-            columnHelper.accessor('flatDiff', {
-                id: 'flatDiffPercentage',
-                header: 'Flat Diff (%)',
-                cell: info => {
-                    return ratioString(info.getValue(), total, filtered);
-                },
-                size: 120,
-                meta: {
-                    align: 'right',
-                },
-                invertSorting: true,
-            }),
-            columnHelper.accessor('cumulative', {
-                id: 'cumulative',
-                header: 'Cumulative',
-                cell: info => valueFormatter(info.getValue(), unit, 2),
-                size: 150,
-                meta: {
-                    align: 'right',
-                },
-                invertSorting: true,
-            }),
-            columnHelper.accessor('cumulative', {
-                id: 'cumulativePercentage',
-                header: 'Cumulative (%)',
-                cell: info => {
-                    return ratioString(info.getValue(), total, filtered);
-                },
-                size: 150,
-                meta: {
-                    align: 'right',
-                },
-                invertSorting: true,
-            }),
-            columnHelper.accessor('cumulativeDiff', {
-                id: 'cumulativeDiff',
-                header: 'Cumulative Diff',
-                cell: info => addPlusSign(valueFormatter(info.getValue(), unit, 2)),
-                size: 170,
-                meta: {
-                    align: 'right',
-                },
-                invertSorting: true,
-            }),
-            columnHelper.accessor('cumulativeDiff', {
-                id: 'cumulativeDiffPercentage',
-                header: 'Cumulative Diff (%)',
-                cell: info => {
-                    return ratioString(info.getValue(), total, filtered);
-                },
-                size: 170,
-                meta: {
-                    align: 'right',
-                },
-                invertSorting: true,
-            }),
-            columnHelper.accessor('name', {
-                id: 'name',
-                header: 'Name',
-                cell: info => info.getValue(),
-            }),
-            columnHelper.accessor('functionSystemName', {
-                id: 'functionSystemName',
-                header: 'Function System Name',
-                cell: info => info.getValue(),
-            }),
-            columnHelper.accessor('functionFileName', {
-                id: 'functionFileName',
-                header: 'Function File Name',
-                cell: info => info.getValue(),
-            }),
-            columnHelper.accessor('mappingFile', {
-                id: 'mappingFile',
-                header: 'Mapping File',
-                cell: info => info.getValue(),
-            }),
-        ];
-        return baseColumns;
-    }, [unit, total, filtered, columnHelper]);
-    const initialSorting = useMemo(() => {
-        return [
-            {
-                id: compareMode ? 'flatDiff' : 'flat',
-                desc: false,
-            },
-        ];
-    }, [compareMode]);
-    return {
-        columns,
-        initialSorting,
-        columnVisibility,
+    $[20] = unit;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  var t11;
+  if ($[22] !== filtered || $[23] !== total) {
+    t11 = columnHelper.accessor("cumulativeDiff", {
+      id: "cumulativeDiffPercentage",
+      header: "Cumulative Diff (%)",
+      cell: function cell(info_7) {
+        return ratioString(info_7.getValue(), total, filtered);
+      },
+      size: 170,
+      meta: {
+        align: "right"
+      },
+      invertSorting: true
+    });
+    $[22] = filtered;
+    $[23] = total;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  var t12;
+  var t13;
+  var t14;
+  var t15;
+  if ($[25] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t12 = columnHelper.accessor("name", {
+      id: "name",
+      header: "Name",
+      cell: _temp2
+    });
+    t13 = columnHelper.accessor("functionSystemName", {
+      id: "functionSystemName",
+      header: "Function System Name",
+      cell: _temp3
+    });
+    t14 = columnHelper.accessor("functionFileName", {
+      id: "functionFileName",
+      header: "Function File Name",
+      cell: _temp4
+    });
+    t15 = columnHelper.accessor("mappingFile", {
+      id: "mappingFile",
+      header: "Mapping File",
+      cell: _temp5
+    });
+    $[25] = t12;
+    $[26] = t13;
+    $[27] = t14;
+    $[28] = t15;
+  } else {
+    t12 = $[25];
+    t13 = $[26];
+    t14 = $[27];
+    t15 = $[28];
+  }
+  var t16;
+  if ($[29] !== t10 || $[30] !== t11 || $[31] !== t4 || $[32] !== t5 || $[33] !== t6 || $[34] !== t7 || $[35] !== t8 || $[36] !== t9) {
+    t16 = [t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15];
+    $[29] = t10;
+    $[30] = t11;
+    $[31] = t4;
+    $[32] = t5;
+    $[33] = t6;
+    $[34] = t7;
+    $[35] = t8;
+    $[36] = t9;
+    $[37] = t16;
+  } else {
+    t16 = $[37];
+  }
+  var baseColumns = t16;
+  var columns = baseColumns;
+  var t17 = compareMode ? "flatDiff" : "flat";
+  var t18;
+  if ($[38] !== t17) {
+    t18 = [{
+      id: t17,
+      desc: false
+    }];
+    $[38] = t17;
+    $[39] = t18;
+  } else {
+    t18 = $[39];
+  }
+  var initialSorting = t18;
+  var t19;
+  if ($[40] !== columnVisibility || $[41] !== columns || $[42] !== initialSorting) {
+    t19 = {
+      columns: columns,
+      initialSorting: initialSorting,
+      columnVisibility: columnVisibility
     };
+    $[40] = columnVisibility;
+    $[41] = columns;
+    $[42] = initialSorting;
+    $[43] = t19;
+  } else {
+    t19 = $[43];
+  }
+  return t19;
+}
+function _temp5(info_11) {
+  return info_11.getValue();
+}
+function _temp4(info_10) {
+  return info_10.getValue();
+}
+function _temp3(info_9) {
+  return info_9.getValue();
+}
+function _temp2(info_8) {
+  return info_8.getValue();
 }
+function _temp(info) {
+  var color = info.getValue();
+  return /*#__PURE__*/_jsx(ColorCell, {
+    color: color.color,
+    mappingFile: color.mappingFile
+  });
+}