@perses-dev/pyroscope-plugin 0.2.0

package/lib/cjs/plugins/pyroscope-profile-query/index.js

@@ -0,0 +1,33 @@
+// Copyright 2025 The Perses 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./get-profile-data"), exports);
+_export_star(require("./PyroscopeProfileQuery"), exports);
+_export_star(require("./PyroscopeProfileQueryEditor"), exports);
+_export_star(require("./query-editor-model"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/plugins/pyroscope-profile-query/query-editor-model.js

@@ -0,0 +1,120 @@
+// Copyright 2025 The Perses 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useFiltersState: function() {
+        return useFiltersState;
+    },
+    useMaxNodesState: function() {
+        return useMaxNodesState;
+    },
+    useProfileTypeState: function() {
+        return useProfileTypeState;
+    },
+    useServiceState: function() {
+        return useServiceState;
+    }
+});
+const _react = require("react");
+const _immer = require("immer");
+function useMaxNodesState(props) {
+    const { onChange, value } = props;
+    const [maxNodes, setMaxNodes] = (0, _react.useState)(value.maxNodes ? value.maxNodes.toString() : '');
+    const [lastSyncedMaxNodes, setLastSyncedMaxNodes] = (0, _react.useState)(value.maxNodes);
+    if (value.maxNodes !== lastSyncedMaxNodes) {
+        setMaxNodes(value.maxNodes ? value.maxNodes.toString() : '');
+        setLastSyncedMaxNodes(value.maxNodes);
+    }
+    // maxNodes must be empty or an integer between 0 and max_flamegraph_nodes_max (0 < maxNodes <= max_flamegraph_nodes_max)
+    // what is the actual value of max_flamegraph_nodes_max?
+    // todo: add a constraint to the maxNodes related to max_flamegraph_nodes_max
+    const maxNodesHasError = !(maxNodes === '' || /^[0-9]+$/.test(maxNodes) && parseInt(maxNodes) > 0);
+    // Update our local state as the user types
+    const handleMaxNodesChange = (e)=>{
+        setMaxNodes(e);
+        // Propagate changes to the panel immediately
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.maxNodes = e === '' ? undefined : parseInt(e);
+        }));
+    };
+    return {
+        maxNodes,
+        handleMaxNodesChange,
+        maxNodesHasError
+    };
+}
+function useProfileTypeState(props) {
+    const { onChange, value } = props;
+    const [profileType, setProfileType] = (0, _react.useState)(value.profileType ? value.profileType : '');
+    const [lastSyncedProfileType, setLastSyncedProfileType] = (0, _react.useState)(value.profileType);
+    if (value.profileType !== lastSyncedProfileType) {
+        setProfileType(value.profileType);
+        setLastSyncedProfileType(value.profileType);
+    }
+    // Update our local state as the user types
+    const handleProfileTypeChange = (e)=>{
+        setProfileType(e);
+        // Propagate changes to the panel immediately
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.profileType = e;
+        }));
+    };
+    return {
+        profileType,
+        handleProfileTypeChange
+    };
+}
+function useServiceState(props) {
+    const { onChange, value } = props;
+    const [service, setService] = (0, _react.useState)(value.service ? value.service : '');
+    const [lastSyncedService, setLastSyncedService] = (0, _react.useState)(value.service);
+    if (value.service !== lastSyncedService) {
+        setService(value.service || '');
+        setLastSyncedService(value.service);
+    }
+    // Update our local state as the user types
+    const handleServiceChange = (e)=>{
+        setService(e);
+        // Propagate changes to the panel immediately
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.service = e;
+        }));
+    };
+    return {
+        service,
+        handleServiceChange
+    };
+}
+function useFiltersState(props) {
+    const { onChange, value } = props;
+    const [filters, setFilters] = (0, _react.useState)(value.filters ? value.filters : []);
+    const handleFiltersChange = (f)=>{
+        setFilters(f);
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.filters = f;
+        }));
+    };
+    return {
+        filters,
+        handleFiltersChange
+    };
+}

package/lib/cjs/setup-tests.js

@@ -0,0 +1,19 @@
+// Copyright 2025 The Perses 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+require("@testing-library/jest-dom");
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');

package/lib/cjs/test/index.js

@@ -0,0 +1,30 @@
+// Copyright 2025 The Perses 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./mock-data"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/test/mock-data.js

@@ -0,0 +1,151 @@
+// Copyright 2025 The Perses 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MOCK_LABEL_NAMES_RESPONSE: function() {
+        return MOCK_LABEL_NAMES_RESPONSE;
+    },
+    MOCK_LABEL_VALUES_RESPONSE_NAME_REGION: function() {
+        return MOCK_LABEL_VALUES_RESPONSE_NAME_REGION;
+    },
+    MOCK_PROFILE_TYPES_RESPONSE: function() {
+        return MOCK_PROFILE_TYPES_RESPONSE;
+    }
+});
+const MOCK_PROFILE_TYPES_RESPONSE = {
+    profileTypes: [
+        {
+            ID: 'block:contentions:count:contentions:count',
+            name: 'block',
+            sampleType: 'contentions',
+            sampleUnit: 'count',
+            periodType: 'contentions',
+            periodUnit: 'count'
+        },
+        {
+            ID: 'block:delay:nanoseconds:contentions:count',
+            name: 'block',
+            sampleType: 'delay',
+            sampleUnit: 'nanoseconds',
+            periodType: 'contentions',
+            periodUnit: 'count'
+        },
+        {
+            ID: 'goroutines:goroutine:count:goroutine:count',
+            name: 'goroutines',
+            sampleType: 'goroutine',
+            sampleUnit: 'count',
+            periodType: 'goroutine',
+            periodUnit: 'count'
+        },
+        {
+            ID: 'memory:alloc_objects:count:space:bytes',
+            name: 'memory',
+            sampleType: 'alloc_objects',
+            sampleUnit: 'count',
+            periodType: 'space',
+            periodUnit: 'bytes'
+        },
+        {
+            ID: 'memory:alloc_space:bytes:space:bytes',
+            name: 'memory',
+            sampleType: 'alloc_space',
+            sampleUnit: 'bytes',
+            periodType: 'space',
+            periodUnit: 'bytes'
+        },
+        {
+            ID: 'memory:inuse_objects:count:space:bytes',
+            name: 'memory',
+            sampleType: 'inuse_objects',
+            sampleUnit: 'count',
+            periodType: 'space',
+            periodUnit: 'bytes'
+        },
+        {
+            ID: 'memory:inuse_space:bytes:space:bytes',
+            name: 'memory',
+            sampleType: 'inuse_space',
+            sampleUnit: 'bytes',
+            periodType: 'space',
+            periodUnit: 'bytes'
+        },
+        {
+            ID: 'mutex:contentions:count:contentions:count',
+            name: 'mutex',
+            sampleType: 'contentions',
+            sampleUnit: 'count',
+            periodType: 'contentions',
+            periodUnit: 'count'
+        },
+        {
+            ID: 'mutex:delay:nanoseconds:contentions:count',
+            name: 'mutex',
+            sampleType: 'delay',
+            sampleUnit: 'nanoseconds',
+            periodType: 'contentions',
+            periodUnit: 'count'
+        },
+        {
+            ID: 'process_cpu:cpu:nanoseconds:cpu:nanoseconds',
+            name: 'process_cpu',
+            sampleType: 'cpu',
+            sampleUnit: 'nanoseconds',
+            periodType: 'cpu',
+            periodUnit: 'nanoseconds'
+        },
+        {
+            ID: 'process_cpu:samples:count:cpu:nanoseconds',
+            name: 'process_cpu',
+            sampleType: 'samples',
+            sampleUnit: 'count',
+            periodType: 'cpu',
+            periodUnit: 'nanoseconds'
+        }
+    ]
+};
+const MOCK_LABEL_NAMES_RESPONSE = {
+    names: [
+        '__name__',
+        '__period_type__',
+        '__period_unit__',
+        '__profile_type__',
+        '__service_name__',
+        '__type__',
+        '__unit__',
+        'hostname',
+        'pyroscope_spy',
+        'region',
+        'service_git_ref',
+        'service_name',
+        'service_repository',
+        'target',
+        'vehicle'
+    ]
+};
+const MOCK_LABEL_VALUES_RESPONSE_NAME_REGION = {
+    names: [
+        'ap-south',
+        'eu-north',
+        'us-east'
+    ]
+};

package/lib/cjs/test/setup-tests.js

@@ -0,0 +1,17 @@
+// Copyright 2025 The Perses 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+require("@testing-library/jest-dom/extend-expect");

package/lib/cjs/utils/types.js

@@ -0,0 +1,25 @@
+// Copyright 2025 The Perses 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "computeFilterExpr", {
+    enumerable: true,
+    get: function() {
+        return computeFilterExpr;
+    }
+});
+function computeFilterExpr(filters) {
+    return `${filters.filter((filter)=>filter.labelName !== '' && filter.labelValue !== '').map((filter)=>`${filter.labelName}${filter.operator}"${filter.labelValue}"`).join(',')}`;
+}

package/lib/cjs/utils/use-query.js

@@ -0,0 +1,112 @@
+// Copyright 2025 The Perses 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    filterLabelNamesOptions: function() {
+        return filterLabelNamesOptions;
+    },
+    useLabelNames: function() {
+        return useLabelNames;
+    },
+    useLabelValues: function() {
+        return useLabelValues;
+    },
+    useProfileTypes: function() {
+        return useProfileTypes;
+    },
+    useServices: function() {
+        return useServices;
+    }
+});
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _reactquery = require("@tanstack/react-query");
+function useLabelNames(datasource) {
+    const { data: client } = (0, _pluginsystem.useDatasourceClient)(datasource);
+    return (0, _reactquery.useQuery)({
+        enabled: !!client,
+        queryKey: [
+            'searchLabelNames',
+            'datasource',
+            datasource
+        ],
+        queryFn: async ()=>{
+            return await client.searchLabelNames({}, {
+                'content-type': 'application/json'
+            }, {});
+        }
+    });
+}
+function useLabelValues(datasource, labelName) {
+    const { data: client } = (0, _pluginsystem.useDatasourceClient)(datasource);
+    return (0, _reactquery.useQuery)({
+        enabled: !!client,
+        queryKey: [
+            'searchLabelValues',
+            labelName,
+            'datasource',
+            datasource
+        ],
+        queryFn: async ()=>{
+            return await client.searchLabelValues({}, {
+                'content-type': 'application/json'
+            }, {
+                name: labelName
+            });
+        }
+    });
+}
+function useProfileTypes(datasource) {
+    const { data: client } = (0, _pluginsystem.useDatasourceClient)(datasource);
+    return (0, _reactquery.useQuery)({
+        enabled: !!client,
+        queryKey: [
+            'searchProfileTypes',
+            'datasource',
+            datasource
+        ],
+        queryFn: async ()=>{
+            return await client.searchProfileTypes({}, {
+                'content-type': 'application/json'
+            }, {});
+        }
+    });
+}
+function useServices(datasource) {
+    const { data: client } = (0, _pluginsystem.useDatasourceClient)(datasource);
+    return (0, _reactquery.useQuery)({
+        enabled: !!client,
+        queryKey: [
+            'searchServices',
+            'datasource',
+            datasource
+        ],
+        queryFn: async ()=>{
+            return await client.searchServices({}, {
+                'content-type': 'application/json'
+            });
+        }
+    });
+}
+function filterLabelNamesOptions(labelNamesOptions) {
+    const regex = /^__.*__$/;
+    return labelNamesOptions.filter((labelName)=>!regex.test(labelName) && labelName !== 'service_name');
+}

package/lib/components/AddFilterItem.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export interface AddFilterItemProps {
+    onClick: () => void;
+}
+export declare function AddFilterItem(props: AddFilterItemProps): ReactElement;
+//# sourceMappingURL=AddFilterItem.d.ts.map

package/lib/components/AddFilterItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddFilterItem.d.ts","sourceRoot":"","sources":["../../../src/components/AddFilterItem.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAQrE"}

package/lib/components/AddFilterItem.js

@@ -0,0 +1,25 @@
+// Copyright 2025 The Perses 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";
+import PlusIcon from 'mdi-material-ui/Plus';
+import { ToolbarIconButton } from '@perses-dev/components';
+export function AddFilterItem(props) {
+    const { onClick } = props;
+    return /*#__PURE__*/ _jsx(ToolbarIconButton, {
+        "aria-label": "add filter",
+        onClick: onClick,
+        children: /*#__PURE__*/ _jsx(PlusIcon, {})
+    });
+}
+
+//# sourceMappingURL=AddFilterItem.js.map

package/lib/components/AddFilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/AddFilterItem.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactElement } from 'react';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport { ToolbarIconButton } from '@perses-dev/components';\n\nexport interface AddFilterItemProps {\n  onClick: () => void;\n}\n\nexport function AddFilterItem(props: AddFilterItemProps): ReactElement {\n  const { onClick } = props;\n\n  return (\n    <ToolbarIconButton aria-label=\"add filter\" onClick={onClick}>\n      <PlusIcon />\n    </ToolbarIconButton>\n  );\n}\n"],"names":["PlusIcon","ToolbarIconButton","AddFilterItem","props","onClick","aria-label"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,OAAOA,cAAc,uBAAuB;AAC5C,SAASC,iBAAiB,QAAQ,yBAAyB;AAM3D,OAAO,SAASC,cAAcC,KAAyB;IACrD,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,qBACE,KAACF;QAAkBI,cAAW;QAAaD,SAASA;kBAClD,cAAA,KAACJ;;AAGP"}

package/lib/components/DeleteFilterItem.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export interface DeleteFilterItemProps {
+    onClick: () => void;
+}
+export declare function DeleteFilterItem(props: DeleteFilterItemProps): ReactElement;
+//# sourceMappingURL=DeleteFilterItem.d.ts.map

package/lib/components/DeleteFilterItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteFilterItem.d.ts","sourceRoot":"","sources":["../../../src/components/DeleteFilterItem.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAe3E"}

package/lib/components/DeleteFilterItem.js

@@ -0,0 +1,29 @@
+// Copyright 2025 The Perses 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";
+import CloseIcon from 'mdi-material-ui/Close';
+import { ToolbarIconButton } from '@perses-dev/components';
+export function DeleteFilterItem(props) {
+    const { onClick } = props;
+    return /*#__PURE__*/ _jsx(ToolbarIconButton, {
+        sx: {
+            borderTopLeftRadius: '0',
+            borderBottomLeftRadius: '0'
+        },
+        "aria-label": "delete filter",
+        onClick: onClick,
+        children: /*#__PURE__*/ _jsx(CloseIcon, {})
+    });
+}
+
+//# sourceMappingURL=DeleteFilterItem.js.map

package/lib/components/DeleteFilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DeleteFilterItem.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactElement } from 'react';\nimport CloseIcon from 'mdi-material-ui/Close';\nimport { ToolbarIconButton } from '@perses-dev/components';\n\nexport interface DeleteFilterItemProps {\n  onClick: () => void;\n}\n\nexport function DeleteFilterItem(props: DeleteFilterItemProps): ReactElement {\n  const { onClick } = props;\n\n  return (\n    <ToolbarIconButton\n      sx={{\n        borderTopLeftRadius: '0',\n        borderBottomLeftRadius: '0',\n      }}\n      aria-label=\"delete filter\"\n      onClick={onClick}\n    >\n      <CloseIcon />\n    </ToolbarIconButton>\n  );\n}\n"],"names":["CloseIcon","ToolbarIconButton","DeleteFilterItem","props","onClick","sx","borderTopLeftRadius","borderBottomLeftRadius","aria-label"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,OAAOA,eAAe,wBAAwB;AAC9C,SAASC,iBAAiB,QAAQ,yBAAyB;AAM3D,OAAO,SAASC,iBAAiBC,KAA4B;IAC3D,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,qBACE,KAACF;QACCI,IAAI;YACFC,qBAAqB;YACrBC,wBAAwB;QAC1B;QACAC,cAAW;QACXJ,SAASA;kBAET,cAAA,KAACJ;;AAGP"}

package/lib/components/FilterItem.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { PyroscopeDatasourceSelector } from '../model';
+import { LabelFilter } from '../utils/types';
+export interface FilterItemProps {
+    datasource: PyroscopeDatasourceSelector;
+    value: LabelFilter;
+    onChange?: (value: LabelFilter) => void;
+    deleteItem?: () => void;
+}
+export declare function FilterItem(props: FilterItemProps): ReactElement;
+//# sourceMappingURL=FilterItem.d.ts.map

package/lib/components/FilterItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterItem.d.ts","sourceRoot":"","sources":["../../../src/components/FilterItem.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAM3D,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,2BAA2B,CAAC;IACxC,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAgC/D"}