@parca/profile 0.19.140 → 0.19.143

package/dist/ProfileView/components/ProfileFilters/index.js

@@ -1,4 +1,16 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 _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 _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 _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; }
+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,6 +23,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } 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 { useCallback } from 'react';
 import { Icon } from '@iconify/react';
 import cx from 'classnames';
@@ -19,221 +32,511 @@ import { TEST_IDS, testId } from '@parca/test-utils';
 import { useProfileViewContext } from '../../context/ProfileViewContext';
 import { getPresetByKey, getPresetsForProfileType, isPresetKey } from './filterPresets';
 import { useProfileFilters } from './useProfileFilters';
-export const isFilterComplete = (filter) => {
-    // For preset filters, only need type and value
-    if (filter.type != null && isPresetKey(filter.type)) {
-        return filter.value !== '' && filter.type != null;
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var isFilterComplete = function isFilterComplete(filter) {
+  // For preset filters, only need type and value
+  if (filter.type != null && isPresetKey(filter.type)) {
+    return filter.value !== '' && filter.type != null;
+  }
+  // For regular filters, need all fields
+  return filter.value !== '' && filter.type != null && filter.field != null && filter.matchType != null;
+};
+var getFilterTypeItems = function getFilterTypeItems(currentProfileType) {
+  return [{
+    key: 'stack',
+    element: {
+      active: /*#__PURE__*/_jsx(_Fragment, {
+        children: "Stack Filter"
+      }),
+      expanded: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
+          children: "Stack Filter"
+        }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("span", {
+          className: "text-xs",
+          children: "Filters entire call stacks"
+        })]
+      })
     }
-    // For regular filters, need all fields
-    return (filter.value !== '' && filter.type != null && filter.field != null && filter.matchType != null);
+  }, {
+    key: 'frame',
+    element: {
+      active: /*#__PURE__*/_jsx(_Fragment, {
+        children: "Frame Filter"
+      }),
+      expanded: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
+          children: "Frame Filter"
+        }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("span", {
+          className: "text-xs",
+          children: "Filters individual frames"
+        })]
+      })
+    }
+  }].concat(_toConsumableArray(getPresetsForProfileType(currentProfileType).map(function (preset) {
+    return {
+      key: preset.key,
+      element: {
+        active: /*#__PURE__*/_jsx(_Fragment, {
+          children: preset.name
+        }),
+        expanded: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx("span", {
+            children: preset.name
+          }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("span", {
+            className: "text-xs",
+            children: preset.description
+          })]
+        })
+      }
+    };
+  })));
 };
-const getFilterTypeItems = (currentProfileType) => [
-    {
-        key: 'stack',
-        element: {
-            active: _jsx(_Fragment, { children: "Stack Filter" }),
-            expanded: (_jsxs(_Fragment, { children: [_jsx("span", { children: "Stack Filter" }), _jsx("br", {}), _jsx("span", { className: "text-xs", children: "Filters entire call stacks" })] })),
-        },
-    },
-    {
-        key: 'frame',
-        element: {
-            active: _jsx(_Fragment, { children: "Frame Filter" }),
-            expanded: (_jsxs(_Fragment, { children: [_jsx("span", { children: "Frame Filter" }), _jsx("br", {}), _jsx("span", { className: "text-xs", children: "Filters individual frames" })] })),
-        },
-    },
-    ...getPresetsForProfileType(currentProfileType).map(preset => ({
-        key: preset.key,
-        element: {
-            active: _jsx(_Fragment, { children: preset.name }),
-            expanded: (_jsxs(_Fragment, { children: [_jsx("span", { children: preset.name }), _jsx("br", {}), _jsx("span", { className: "text-xs", children: preset.description })] })),
-        },
-    })),
-];
-const fieldItems = [
-    {
-        key: 'function_name',
-        element: {
-            active: _jsx(_Fragment, { children: "Function" }),
-            expanded: _jsx(_Fragment, { children: "Function Name" }),
-        },
-    },
-    {
-        key: 'binary',
-        element: {
-            active: _jsx(_Fragment, { children: "Binary" }),
-            expanded: _jsx(_Fragment, { children: "Binary/Executable Name" }),
-        },
-    },
-    {
-        key: 'system_name',
-        element: {
-            active: _jsx(_Fragment, { children: "System Name" }),
-            expanded: _jsx(_Fragment, { children: "System Name" }),
-        },
-    },
-    {
-        key: 'filename',
-        element: {
-            active: _jsx(_Fragment, { children: "Filename" }),
-            expanded: _jsx(_Fragment, { children: "Source Filename" }),
-        },
-    },
-    {
-        key: 'address',
-        element: {
-            active: _jsx(_Fragment, { children: "Address" }),
-            expanded: _jsx(_Fragment, { children: "Memory Address" }),
-        },
-    },
-    {
-        key: 'line_number',
-        element: {
-            active: _jsx(_Fragment, { children: "Line Number" }),
-            expanded: _jsx(_Fragment, { children: "Source Line Number" }),
-        },
-    },
-];
-const stringMatchTypeItems = [
-    {
-        key: 'equal',
-        element: {
-            active: _jsx(_Fragment, { children: "Equals" }),
-            expanded: _jsx(_Fragment, { children: "Equals" }),
-        },
-    },
-    {
-        key: 'not_equal',
-        element: {
-            active: _jsx(_Fragment, { children: "Not Equals" }),
-            expanded: _jsx(_Fragment, { children: "Not Equals" }),
-        },
-    },
-    {
-        key: 'contains',
-        element: {
-            active: _jsx(_Fragment, { children: "Contains" }),
-            expanded: _jsx(_Fragment, { children: "Contains" }),
-        },
-    },
-    {
-        key: 'not_contains',
-        element: {
-            active: _jsx(_Fragment, { children: "Not Contains" }),
-            expanded: _jsx(_Fragment, { children: "Not Contains" }),
-        },
-    },
-    {
-        key: 'starts_with',
-        element: {
-            active: _jsx(_Fragment, { children: "Starts With" }),
-            expanded: _jsx(_Fragment, { children: "Starts With" }),
-        },
-    },
-    {
-        key: 'not_starts_with',
-        element: {
-            active: _jsx(_Fragment, { children: "Not Starts With" }),
-            expanded: _jsx(_Fragment, { children: "Not Starts With" }),
-        },
-    },
-];
-const numberMatchTypeItems = [
-    {
-        key: 'equal',
-        element: {
-            active: _jsx(_Fragment, { children: "Equals" }),
-            expanded: _jsx(_Fragment, { children: "Equals" }),
-        },
-    },
-    {
-        key: 'not_equal',
-        element: {
-            active: _jsx(_Fragment, { children: "Not Equals" }),
-            expanded: _jsx(_Fragment, { children: "Not Equals" }),
-        },
-    },
-];
-const ProfileFilters = ({ readOnly = false } = {}) => {
-    const { profileSource } = useProfileViewContext();
-    const currentProfileType = profileSource?.ProfileType()?.toString();
-    const filterTypeItems = getFilterTypeItems(currentProfileType);
-    const { localFilters, appliedFilters, hasUnsavedChanges, onApplyFilters, addFilter, removeFilter, updateFilter, resetFilters, } = useProfileFilters();
-    const handleKeyDown = useCallback((e) => {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            if (e.currentTarget.value.trim() === '') {
-                return;
-            }
-            onApplyFilters();
+var fieldItems = [{
+  key: 'function_name',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Function"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Function Name"
+    })
+  }
+}, {
+  key: 'binary',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Binary"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Binary/Executable Name"
+    })
+  }
+}, {
+  key: 'system_name',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "System Name"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "System Name"
+    })
+  }
+}, {
+  key: 'filename',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Filename"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Source Filename"
+    })
+  }
+}, {
+  key: 'address',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Address"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Memory Address"
+    })
+  }
+}, {
+  key: 'line_number',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Line Number"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Source Line Number"
+    })
+  }
+}];
+var stringMatchTypeItems = [{
+  key: 'equal',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Equals"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Equals"
+    })
+  }
+}, {
+  key: 'not_equal',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Not Equals"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Not Equals"
+    })
+  }
+}, {
+  key: 'contains',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Contains"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Contains"
+    })
+  }
+}, {
+  key: 'not_contains',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Not Contains"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Not Contains"
+    })
+  }
+}, {
+  key: 'starts_with',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Starts With"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Starts With"
+    })
+  }
+}, {
+  key: 'not_starts_with',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Not Starts With"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Not Starts With"
+    })
+  }
+}];
+var numberMatchTypeItems = [{
+  key: 'equal',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Equals"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Equals"
+    })
+  }
+}, {
+  key: 'not_equal',
+  element: {
+    active: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Not Equals"
+    }),
+    expanded: /*#__PURE__*/_jsx(_Fragment, {
+      children: "Not Equals"
+    })
+  }
+}];
+var ProfileFilters = function ProfileFilters(t0) {
+  var $ = _c(49);
+  var t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  var _t = t1,
+    t2 = _t.readOnly;
+  var readOnly = t2 === undefined ? false : t2;
+  var _useProfileViewContex = useProfileViewContext(),
+    profileSource = _useProfileViewContex.profileSource;
+  var t3;
+  if ($[2] !== profileSource) {
+    var _profileSource$Profil;
+    var currentProfileType = profileSource === null || profileSource === void 0 || (_profileSource$Profil = profileSource.ProfileType()) === null || _profileSource$Profil === void 0 ? void 0 : _profileSource$Profil.toString();
+    t3 = getFilterTypeItems(currentProfileType);
+    $[2] = profileSource;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  var filterTypeItems = t3;
+  var _useProfileFilters = useProfileFilters(),
+    localFilters = _useProfileFilters.localFilters,
+    appliedFilters = _useProfileFilters.appliedFilters,
+    hasUnsavedChanges = _useProfileFilters.hasUnsavedChanges,
+    onApplyFilters = _useProfileFilters.onApplyFilters,
+    addFilter = _useProfileFilters.addFilter,
+    removeFilter = _useProfileFilters.removeFilter,
+    updateFilter = _useProfileFilters.updateFilter,
+    resetFilters = _useProfileFilters.resetFilters;
+  var t4;
+  if ($[4] !== onApplyFilters) {
+    t4 = function t4(e) {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        if (e.currentTarget.value.trim() === "") {
+          return;
         }
-    }, [onApplyFilters]);
-    const filtersToRender = localFilters.length > 0 ? localFilters : appliedFilters ?? [];
-    return (_jsxs("div", { className: "flex gap-2 w-full items-start", ...testId(TEST_IDS.PROFILE_FILTERS_CONTAINER), children: [_jsxs("div", { className: "flex-1 flex flex-wrap gap-2", children: [filtersToRender.map(filter => {
-                        const isNumberField = filter.field === 'address' || filter.field === 'line_number';
-                        const matchTypeItems = isNumberField ? numberMatchTypeItems : stringMatchTypeItems;
-                        const isPresetFilter = filter.type != null && isPresetKey(filter.type);
-                        return (_jsxs("div", { className: "flex items-center gap-0", children: [_jsx(Select, { items: filterTypeItems, selectedKey: filter.type, placeholder: "Select Filter", disabled: readOnly, ...testId(TEST_IDS.FILTER_TYPE_SELECT), flyoutTestId: "filter-type-select-flyout", onSelection: key => {
-                                        // Check if this is a preset selection
-                                        if (isPresetKey(key)) {
-                                            const preset = getPresetByKey(key);
-                                            if (preset != null) {
-                                                updateFilter(filter.id, {
-                                                    type: preset.key,
-                                                    field: undefined,
-                                                    matchType: undefined,
-                                                    value: preset.name,
-                                                });
-                                            }
-                                        }
-                                        else {
-                                            const newType = key;
-                                            // Check if we're converting a preset filter to a regular filter
-                                            if (filter.type != null && isPresetKey(filter.type)) {
-                                                updateFilter(filter.id, {
-                                                    type: newType,
-                                                    field: 'function_name',
-                                                    matchType: 'contains',
-                                                    value: '',
-                                                });
-                                            }
-                                            else {
-                                                updateFilter(filter.id, {
-                                                    type: newType,
-                                                    field: filter.field ?? 'function_name',
-                                                    matchType: filter.matchType ?? 'contains',
-                                                });
-                                            }
-                                        }
-                                    }, className: cx('gap-0 focus:z-50 focus:relative focus:outline-1', readOnly ? '' : 'pr-1', readOnly && isPresetFilter ? 'rounded-md' : 'rounded-l-md rounded-r-none', !readOnly && (isPresetFilter ? 'rounded-r-none border-r-0' : 'rounded-r-none'), readOnly ? 'w-auto' : filter.type != null ? 'border-r-0 w-auto' : 'w-32'), hideCaretDropdown: readOnly }), filter.type != null && !isPresetFilter && (_jsxs(_Fragment, { children: [_jsx(Select, { items: fieldItems, selectedKey: filter.field ?? '', disabled: readOnly, ...testId(TEST_IDS.FILTER_FIELD_SELECT), flyoutTestId: "filter-field-select-flyout", onSelection: key => {
-                                                const newField = key;
-                                                const isNewFieldNumber = newField === 'address' || newField === 'line_number';
-                                                const isCurrentFieldNumber = filter.field === 'address' || filter.field === 'line_number';
-                                                if (isNewFieldNumber !== isCurrentFieldNumber) {
-                                                    updateFilter(filter.id, {
-                                                        field: newField,
-                                                        matchType: 'equal',
-                                                    });
-                                                }
-                                                else {
-                                                    updateFilter(filter.id, { field: newField });
-                                                }
-                                            }, className: cx('rounded-none border-r-0 w-32 gap-0 focus:z-50 focus:relative focus:outline-1', readOnly ? '' : 'pr-1'), hideCaretDropdown: readOnly }), _jsx(Select, { items: matchTypeItems, selectedKey: filter.matchType ?? '', disabled: readOnly, ...testId(TEST_IDS.FILTER_MATCH_TYPE_SELECT), flyoutTestId: "filter-match-type-select-flyout", onSelection: key => updateFilter(filter.id, { matchType: key }), className: cx('rounded-none border-r-0 gap-0 focus:z-50 focus:relative focus:outline-1', readOnly ? '' : 'pr-1'), hideCaretDropdown: readOnly }), _jsx(Input, { placeholder: "Value", value: filter.value, disabled: readOnly, onChange: e => updateFilter(filter.id, { value: e.target.value }), onKeyDown: handleKeyDown, className: "rounded-none w-36 text-sm focus:outline-1", ...testId(TEST_IDS.FILTER_VALUE_INPUT) })] })), !readOnly && (_jsx(Button, { variant: "neutral", ...testId(TEST_IDS.FILTER_REMOVE_BUTTON), onClick: () => {
-                                        // If we're displaying local filters and this is the last one, reset everything
-                                        if (localFilters.length > 0 && localFilters.length === 1) {
-                                            resetFilters();
-                                        }
-                                        // If we're displaying applied filters and this is the last one, reset everything
-                                        else if (localFilters.length === 0 && filtersToRender.length === 1) {
-                                            resetFilters();
-                                        }
-                                        // Otherwise, just remove this specific filter
-                                        else {
-                                            removeFilter(filter.id);
-                                        }
-                                    }, className: cx('h-[38px] p-3', filter.type != null
-                                        ? 'rounded-none rounded-r-md'
-                                        : 'rounded-l-none rounded-r-md'), children: _jsx(Icon, { icon: "mdi:close", className: "h-4 w-4" }) }))] }, filter.id));
-                    }), !readOnly && localFilters.length > 0 && (_jsx(Button, { variant: "neutral", onClick: addFilter, className: "p-3 h-[38px]", ...testId(TEST_IDS.ADD_FILTER_BUTTON), children: _jsx(Icon, { icon: "mdi:filter-plus-outline", className: "h-4 w-4" }) })), !readOnly && localFilters.length === 0 && (appliedFilters?.length ?? 0) === 0 && (_jsxs(Button, { variant: "neutral", onClick: addFilter, className: "flex items-center gap-2", ...testId(TEST_IDS.ADD_FILTER_BUTTON), children: [_jsx(Icon, { icon: "mdi:filter-outline", className: "h-4 w-4" }), _jsx("span", { children: "Filter" })] }))] }), !readOnly && localFilters.length > 0 && (_jsx(Button, { variant: "primary", onClick: onApplyFilters, disabled: !hasUnsavedChanges || !localFilters.some(isFilterComplete), className: cx('flex items-center gap-2 sticky top-0'), ...testId(TEST_IDS.APPLY_FILTERS_BUTTON), children: _jsx("span", { children: "Apply" }) }))] }));
+        onApplyFilters();
+      }
+    };
+    $[4] = onApplyFilters;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  var handleKeyDown = t4;
+  var t5;
+  if ($[6] !== appliedFilters || $[7] !== localFilters) {
+    t5 = localFilters.length > 0 ? localFilters : appliedFilters !== null && appliedFilters !== void 0 ? appliedFilters : [];
+    $[6] = appliedFilters;
+    $[7] = localFilters;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  var filtersToRender = t5;
+  var t6;
+  if ($[9] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t6 = testId(TEST_IDS.PROFILE_FILTERS_CONTAINER);
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  var t7;
+  if ($[10] !== filterTypeItems || $[11] !== filtersToRender || $[12] !== handleKeyDown || $[13] !== localFilters.length || $[14] !== readOnly || $[15] !== removeFilter || $[16] !== resetFilters || $[17] !== updateFilter) {
+    var _t2;
+    if ($[19] !== filterTypeItems || $[20] !== filtersToRender.length || $[21] !== handleKeyDown || $[22] !== localFilters.length || $[23] !== readOnly || $[24] !== removeFilter || $[25] !== resetFilters || $[26] !== updateFilter) {
+      _t2 = function _t2(filter) {
+        var _filter$field2, _filter$matchType2;
+        var isNumberField = filter.field === "address" || filter.field === "line_number";
+        var matchTypeItems = isNumberField ? numberMatchTypeItems : stringMatchTypeItems;
+        var isPresetFilter = filter.type != null && isPresetKey(filter.type);
+        return /*#__PURE__*/_jsxs("div", {
+          className: "flex items-center gap-0",
+          children: [/*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
+            items: filterTypeItems,
+            selectedKey: filter.type,
+            placeholder: "Select Filter",
+            disabled: readOnly
+          }, testId(TEST_IDS.FILTER_TYPE_SELECT)), {}, {
+            flyoutTestId: "filter-type-select-flyout",
+            onSelection: function onSelection(key) {
+              if (isPresetKey(key)) {
+                var preset = getPresetByKey(key);
+                if (preset != null) {
+                  updateFilter(filter.id, {
+                    type: preset.key,
+                    field: undefined,
+                    matchType: undefined,
+                    value: preset.name
+                  });
+                }
+              } else {
+                var newType = key;
+                if (filter.type != null && isPresetKey(filter.type)) {
+                  updateFilter(filter.id, {
+                    type: newType,
+                    field: "function_name",
+                    matchType: "contains",
+                    value: ""
+                  });
+                } else {
+                  var _filter$field, _filter$matchType;
+                  updateFilter(filter.id, {
+                    type: newType,
+                    field: (_filter$field = filter.field) !== null && _filter$field !== void 0 ? _filter$field : "function_name",
+                    matchType: (_filter$matchType = filter.matchType) !== null && _filter$matchType !== void 0 ? _filter$matchType : "contains"
+                  });
+                }
+              }
+            },
+            className: cx("gap-0 focus:z-50 focus:relative focus:outline-1", readOnly ? "" : "pr-1", readOnly && isPresetFilter ? "rounded-md" : "rounded-l-md rounded-r-none", !readOnly && (isPresetFilter ? "rounded-r-none border-r-0" : "rounded-r-none"), readOnly ? "w-auto" : filter.type != null ? "border-r-0 w-auto" : "w-32"),
+            hideCaretDropdown: readOnly
+          })), filter.type != null && !isPresetFilter && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
+              items: fieldItems,
+              selectedKey: (_filter$field2 = filter.field) !== null && _filter$field2 !== void 0 ? _filter$field2 : "",
+              disabled: readOnly
+            }, testId(TEST_IDS.FILTER_FIELD_SELECT)), {}, {
+              flyoutTestId: "filter-field-select-flyout",
+              onSelection: function onSelection(key_0) {
+                var newField = key_0;
+                var isNewFieldNumber = newField === "address" || newField === "line_number";
+                var isCurrentFieldNumber = filter.field === "address" || filter.field === "line_number";
+                if (isNewFieldNumber !== isCurrentFieldNumber) {
+                  updateFilter(filter.id, {
+                    field: newField,
+                    matchType: "equal"
+                  });
+                } else {
+                  updateFilter(filter.id, {
+                    field: newField
+                  });
+                }
+              },
+              className: cx("rounded-none border-r-0 w-32 gap-0 focus:z-50 focus:relative focus:outline-1", readOnly ? "" : "pr-1"),
+              hideCaretDropdown: readOnly
+            })), /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
+              items: matchTypeItems,
+              selectedKey: (_filter$matchType2 = filter.matchType) !== null && _filter$matchType2 !== void 0 ? _filter$matchType2 : "",
+              disabled: readOnly
+            }, testId(TEST_IDS.FILTER_MATCH_TYPE_SELECT)), {}, {
+              flyoutTestId: "filter-match-type-select-flyout",
+              onSelection: function onSelection(key_1) {
+                return updateFilter(filter.id, {
+                  matchType: key_1
+                });
+              },
+              className: cx("rounded-none border-r-0 gap-0 focus:z-50 focus:relative focus:outline-1", readOnly ? "" : "pr-1"),
+              hideCaretDropdown: readOnly
+            })), /*#__PURE__*/_jsx(Input, _objectSpread({
+              placeholder: "Value",
+              value: filter.value,
+              disabled: readOnly,
+              onChange: function onChange(e_0) {
+                return updateFilter(filter.id, {
+                  value: e_0.target.value
+                });
+              },
+              onKeyDown: handleKeyDown,
+              className: "rounded-none w-36 text-sm focus:outline-1"
+            }, testId(TEST_IDS.FILTER_VALUE_INPUT)))]
+          }), !readOnly && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+            variant: "neutral"
+          }, testId(TEST_IDS.FILTER_REMOVE_BUTTON)), {}, {
+            onClick: function onClick() {
+              if (localFilters.length > 0 && localFilters.length === 1) {
+                resetFilters();
+              } else {
+                if (localFilters.length === 0 && filtersToRender.length === 1) {
+                  resetFilters();
+                } else {
+                  removeFilter(filter.id);
+                }
+              }
+            },
+            className: cx("h-[38px] p-3", filter.type != null ? "rounded-none rounded-r-md" : "rounded-l-none rounded-r-md"),
+            children: /*#__PURE__*/_jsx(Icon, {
+              icon: "mdi:close",
+              className: "h-4 w-4"
+            })
+          }))]
+        }, filter.id);
+      };
+      $[19] = filterTypeItems;
+      $[20] = filtersToRender.length;
+      $[21] = handleKeyDown;
+      $[22] = localFilters.length;
+      $[23] = readOnly;
+      $[24] = removeFilter;
+      $[25] = resetFilters;
+      $[26] = updateFilter;
+      $[27] = _t2;
+    } else {
+      _t2 = $[27];
+    }
+    t7 = filtersToRender.map(_t2);
+    $[10] = filterTypeItems;
+    $[11] = filtersToRender;
+    $[12] = handleKeyDown;
+    $[13] = localFilters.length;
+    $[14] = readOnly;
+    $[15] = removeFilter;
+    $[16] = resetFilters;
+    $[17] = updateFilter;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  var t8;
+  if ($[28] !== addFilter || $[29] !== localFilters.length || $[30] !== readOnly) {
+    t8 = !readOnly && localFilters.length > 0 && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      variant: "neutral",
+      onClick: addFilter,
+      className: "p-3 h-[38px]"
+    }, testId(TEST_IDS.ADD_FILTER_BUTTON)), {}, {
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: "mdi:filter-plus-outline",
+        className: "h-4 w-4"
+      })
+    }));
+    $[28] = addFilter;
+    $[29] = localFilters.length;
+    $[30] = readOnly;
+    $[31] = t8;
+  } else {
+    t8 = $[31];
+  }
+  var t9;
+  if ($[32] !== addFilter || $[33] !== (appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.length) || $[34] !== localFilters.length || $[35] !== readOnly) {
+    var _appliedFilters$lengt;
+    t9 = !readOnly && localFilters.length === 0 && ((_appliedFilters$lengt = appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.length) !== null && _appliedFilters$lengt !== void 0 ? _appliedFilters$lengt : 0) === 0 && /*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({
+      variant: "neutral",
+      onClick: addFilter,
+      className: "flex items-center gap-2"
+    }, testId(TEST_IDS.ADD_FILTER_BUTTON)), {}, {
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: "mdi:filter-outline",
+        className: "h-4 w-4"
+      }), /*#__PURE__*/_jsx("span", {
+        children: "Filter"
+      })]
+    }));
+    $[32] = addFilter;
+    $[33] = appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.length;
+    $[34] = localFilters.length;
+    $[35] = readOnly;
+    $[36] = t9;
+  } else {
+    t9 = $[36];
+  }
+  var t10;
+  if ($[37] !== t7 || $[38] !== t8 || $[39] !== t9) {
+    t10 = /*#__PURE__*/_jsxs("div", {
+      className: "flex-1 flex flex-wrap gap-2",
+      children: [t7, t8, t9]
+    });
+    $[37] = t7;
+    $[38] = t8;
+    $[39] = t9;
+    $[40] = t10;
+  } else {
+    t10 = $[40];
+  }
+  var t11;
+  if ($[41] !== hasUnsavedChanges || $[42] !== localFilters || $[43] !== onApplyFilters || $[44] !== readOnly) {
+    t11 = !readOnly && localFilters.length > 0 && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      variant: "primary",
+      onClick: onApplyFilters,
+      disabled: !hasUnsavedChanges || !localFilters.some(isFilterComplete),
+      className: cx("flex items-center gap-2 sticky top-0")
+    }, testId(TEST_IDS.APPLY_FILTERS_BUTTON)), {}, {
+      children: /*#__PURE__*/_jsx("span", {
+        children: "Apply"
+      })
+    }));
+    $[41] = hasUnsavedChanges;
+    $[42] = localFilters;
+    $[43] = onApplyFilters;
+    $[44] = readOnly;
+    $[45] = t11;
+  } else {
+    t11 = $[45];
+  }
+  var t12;
+  if ($[46] !== t10 || $[47] !== t11) {
+    t12 = /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+      className: "flex gap-2 w-full items-start"
+    }, t6), {}, {
+      children: [t10, t11]
+    }));
+    $[46] = t10;
+    $[47] = t11;
+    $[48] = t12;
+  } else {
+    t12 = $[48];
+  }
+  return t12;
 };
-export default ProfileFilters;
+export default ProfileFilters;