@perses-dev/plugin-system 0.0.0-snapshot-panel-extra-content-3-17f9c42 → 0.0.0-snapshot-scatterplot-fix-imports-95e1b59

package/dist/components/TimeSeriesQueryEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TimeSeriesQueryEditor/index.tsx"],"sourcesContent":["// Copyright 2023 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\nexport * from './TimeSeriesQueryEditor';\n"],"names":[],"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;AAEjC,cAAc,yBAAyB,CAAC"}
+{"version":3,"sources":["../../../src/components/TimeSeriesQueryEditor/index.tsx"],"sourcesContent":["// Copyright 2023 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\nexport * from './TimeSeriesQueryEditor';\n"],"names":[],"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;AAEjC,cAAc,0BAA0B"}

package/dist/components/TraceQueryEditor/TraceQueryEditor.d.ts

@@ -0,0 +1,8 @@
+import { QueryDefinition } from '@perses-dev/core';
+import { TraceQueryDefinition } from '../../runtime';
+export interface TraceQueryEditorProps {
+    queries?: TraceQueryDefinition[];
+    onChange: (queries: QueryDefinition[]) => void;
+}
+export declare function TraceQueryEditor({ queries, onChange }: TraceQueryEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TraceQueryEditor.d.ts.map

package/dist/components/TraceQueryEditor/TraceQueryEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceQueryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TraceQueryEditor/TraceQueryEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKnD,OAAO,EAAa,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAKhE,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;CAChD;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAY,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAyGjF"}

package/dist/components/TraceQueryEditor/TraceQueryEditor.js

@@ -0,0 +1,130 @@
+// Copyright 2023 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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Stack } from '@mui/material';
+import AddIcon from 'mdi-material-ui/Plus';
+import { useState } from 'react';
+import { produce } from 'immer';
+import { usePlugin } from '../../runtime';
+import { TraceQueryInput } from './TraceQueryInput';
+const DEFAULT_QUERY_PLUGIN_TYPE = 'TraceQuery';
+export function TraceQueryEditor({ queries = [], onChange }) {
+    const hasMoreThanOneQuery = queries.length > 1;
+    const defaultTraceQueryKind = 'TempoTraceQuery';
+    // State for which queries are collapsed
+    // TODO: Would be easier if we had IDs for queries.
+    const [queriesCollapsed, setQueriesCollapsed] = useState(queries.map(()=>false));
+    const { data: defaultQueryPlugin } = usePlugin(DEFAULT_QUERY_PLUGIN_TYPE, defaultTraceQueryKind, {
+        useErrorBoundary: true,
+        enabled: true
+    });
+    // Query handlers
+    const handleQueryChange = (index, queryDef)=>{
+        onChange(produce(queries, (draft)=>{
+            if (draft) {
+                draft[index] = queryDef;
+            } else {
+                draft = [
+                    queryDef
+                ];
+            }
+        }));
+    };
+    const handleQueryAdd = ()=>{
+        if (!defaultQueryPlugin) return;
+        onChange(produce(queries, (draft)=>{
+            const queryDef = {
+                kind: DEFAULT_QUERY_PLUGIN_TYPE,
+                spec: {
+                    plugin: {
+                        kind: defaultTraceQueryKind,
+                        spec: defaultQueryPlugin.createInitialOptions()
+                    }
+                }
+            };
+            if (draft) {
+                draft.push(queryDef);
+            } else {
+                draft = [
+                    ...queries,
+                    queryDef
+                ];
+            }
+        }));
+        setQueriesCollapsed((queriesCollapsed)=>{
+            queriesCollapsed.push(false);
+            return [
+                ...queriesCollapsed
+            ];
+        });
+    };
+    const handleQueryDelete = (index)=>{
+        onChange(produce(queries, (draft)=>{
+            draft.splice(index, 1);
+        }));
+        setQueriesCollapsed((queriesCollapsed)=>{
+            queriesCollapsed.splice(index, 1);
+            return [
+                ...queriesCollapsed
+            ];
+        });
+    };
+    const handleQueryCollapseExpand = (index)=>{
+        setQueriesCollapsed((queriesCollapsed)=>{
+            queriesCollapsed[index] = !queriesCollapsed[index];
+            return [
+                ...queriesCollapsed
+            ];
+        });
+    };
+    // show one query input if queries is empty
+    const queryDefinitions = queries.length ? queries : [
+        {
+            kind: 'TraceQuery',
+            spec: {
+                plugin: {
+                    kind: 'TempoTraceQuery',
+                    spec: {
+                        query: ''
+                    }
+                }
+            }
+        }
+    ];
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Stack, {
+                spacing: 1,
+                children: queryDefinitions.map((query, i)=>/*#__PURE__*/ _jsx(TraceQueryInput, {
+                        index: i,
+                        query: query,
+                        isCollapsed: !!queriesCollapsed[i],
+                        onChange: handleQueryChange,
+                        onDelete: hasMoreThanOneQuery ? handleQueryDelete : undefined,
+                        onCollapseExpand: handleQueryCollapseExpand
+                    }, i))
+            }),
+            /*#__PURE__*/ _jsx(Button, {
+                variant: "contained",
+                startIcon: /*#__PURE__*/ _jsx(AddIcon, {}),
+                sx: {
+                    marginTop: 1
+                },
+                onClick: handleQueryAdd,
+                children: "Add Query"
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=TraceQueryEditor.js.map

package/dist/components/TraceQueryEditor/TraceQueryEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TraceQueryEditor/TraceQueryEditor.tsx"],"sourcesContent":["// Copyright 2023 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 { QueryDefinition } from '@perses-dev/core';\nimport { Button, Stack } from '@mui/material';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport { useState } from 'react';\nimport { produce } from 'immer';\nimport { usePlugin, TraceQueryDefinition } from '../../runtime';\nimport { TraceQueryInput } from './TraceQueryInput';\n\nconst DEFAULT_QUERY_PLUGIN_TYPE = 'TraceQuery';\n\nexport interface TraceQueryEditorProps {\n  queries?: TraceQueryDefinition[];\n  onChange: (queries: QueryDefinition[]) => void;\n}\n\nexport function TraceQueryEditor({ queries = [], onChange }: TraceQueryEditorProps) {\n  const hasMoreThanOneQuery = queries.length > 1;\n  const defaultTraceQueryKind = 'TempoTraceQuery';\n\n  // State for which queries are collapsed\n  // TODO: Would be easier if we had IDs for queries.\n  const [queriesCollapsed, setQueriesCollapsed] = useState(queries.map(() => false));\n\n  const { data: defaultQueryPlugin } = usePlugin(DEFAULT_QUERY_PLUGIN_TYPE, defaultTraceQueryKind, {\n    useErrorBoundary: true,\n    enabled: true,\n  });\n\n  // Query handlers\n  const handleQueryChange = (index: number, queryDef: TraceQueryDefinition) => {\n    onChange(\n      produce(queries, (draft) => {\n        if (draft) {\n          draft[index] = queryDef;\n        } else {\n          draft = [queryDef];\n        }\n      })\n    );\n  };\n\n  const handleQueryAdd = () => {\n    if (!defaultQueryPlugin) return;\n    onChange(\n      produce(queries, (draft) => {\n        const queryDef: TraceQueryDefinition = {\n          kind: DEFAULT_QUERY_PLUGIN_TYPE,\n          spec: {\n            plugin: { kind: defaultTraceQueryKind, spec: defaultQueryPlugin.createInitialOptions() },\n          },\n        };\n        if (draft) {\n          draft.push(queryDef);\n        } else {\n          draft = [...queries, queryDef];\n        }\n      })\n    );\n    setQueriesCollapsed((queriesCollapsed) => {\n      queriesCollapsed.push(false);\n      return [...queriesCollapsed];\n    });\n  };\n\n  const handleQueryDelete = (index: number) => {\n    onChange(\n      produce(queries, (draft) => {\n        draft.splice(index, 1);\n      })\n    );\n    setQueriesCollapsed((queriesCollapsed) => {\n      queriesCollapsed.splice(index, 1);\n      return [...queriesCollapsed];\n    });\n  };\n\n  const handleQueryCollapseExpand = (index: number) => {\n    setQueriesCollapsed((queriesCollapsed) => {\n      queriesCollapsed[index] = !queriesCollapsed[index];\n      return [...queriesCollapsed];\n    });\n  };\n\n  // show one query input if queries is empty\n  const queryDefinitions: TraceQueryDefinition[] = queries.length\n    ? queries\n    : [\n        {\n          kind: 'TraceQuery',\n          spec: {\n            plugin: {\n              kind: 'TempoTraceQuery',\n              spec: {\n                query: '',\n              },\n            },\n          },\n        },\n      ];\n\n  return (\n    <>\n      <Stack spacing={1}>\n        {queryDefinitions.map((query: TraceQueryDefinition, i: number) => (\n          <TraceQueryInput\n            key={i}\n            index={i}\n            query={query}\n            isCollapsed={!!queriesCollapsed[i]}\n            onChange={handleQueryChange}\n            onDelete={hasMoreThanOneQuery ? handleQueryDelete : undefined}\n            onCollapseExpand={handleQueryCollapseExpand}\n          />\n        ))}\n      </Stack>\n      <Button variant=\"contained\" startIcon={<AddIcon />} sx={{ marginTop: 1 }} onClick={handleQueryAdd}>\n        Add Query\n      </Button>\n    </>\n  );\n}\n"],"names":["Button","Stack","AddIcon","useState","produce","usePlugin","TraceQueryInput","DEFAULT_QUERY_PLUGIN_TYPE","TraceQueryEditor","queries","onChange","hasMoreThanOneQuery","length","defaultTraceQueryKind","queriesCollapsed","setQueriesCollapsed","map","data","defaultQueryPlugin","useErrorBoundary","enabled","handleQueryChange","index","queryDef","draft","handleQueryAdd","kind","spec","plugin","createInitialOptions","push","handleQueryDelete","splice","handleQueryCollapseExpand","queryDefinitions","query","spacing","i","isCollapsed","onDelete","undefined","onCollapseExpand","variant","startIcon","sx","marginTop","onClick"],"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,SAASA,MAAM,EAAEC,KAAK,QAAQ,gBAAgB;AAC9C,OAAOC,aAAa,uBAAuB;AAC3C,SAASC,QAAQ,QAAQ,QAAQ;AACjC,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAASC,SAAS,QAA8B,gBAAgB;AAChE,SAASC,eAAe,QAAQ,oBAAoB;AAEpD,MAAMC,4BAA4B;AAOlC,OAAO,SAASC,iBAAiB,EAAEC,UAAU,EAAE,EAAEC,QAAQ,EAAyB;IAChF,MAAMC,sBAAsBF,QAAQG,MAAM,GAAG;IAC7C,MAAMC,wBAAwB;IAE9B,wCAAwC;IACxC,mDAAmD;IACnD,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGZ,SAASM,QAAQO,GAAG,CAAC,IAAM;IAE3E,MAAM,EAAEC,MAAMC,kBAAkB,EAAE,GAAGb,UAAUE,2BAA2BM,uBAAuB;QAC/FM,kBAAkB;QAClBC,SAAS;IACX;IAEA,iBAAiB;IACjB,MAAMC,oBAAoB,CAACC,OAAeC;QACxCb,SACEN,QAAQK,SAAS,CAACe;YAChB,IAAIA,OAAO;gBACTA,KAAK,CAACF,MAAM,GAAGC;YACjB,OAAO;gBACLC,QAAQ;oBAACD;iBAAS;YACpB;QACF;IAEJ;IAEA,MAAME,iBAAiB;QACrB,IAAI,CAACP,oBAAoB;QACzBR,SACEN,QAAQK,SAAS,CAACe;YAChB,MAAMD,WAAiC;gBACrCG,MAAMnB;gBACNoB,MAAM;oBACJC,QAAQ;wBAAEF,MAAMb;wBAAuBc,MAAMT,mBAAmBW,oBAAoB;oBAAG;gBACzF;YACF;YACA,IAAIL,OAAO;gBACTA,MAAMM,IAAI,CAACP;YACb,OAAO;gBACLC,QAAQ;uBAAIf;oBAASc;iBAAS;YAChC;QACF;QAEFR,oBAAoB,CAACD;YACnBA,iBAAiBgB,IAAI,CAAC;YACtB,OAAO;mBAAIhB;aAAiB;QAC9B;IACF;IAEA,MAAMiB,oBAAoB,CAACT;QACzBZ,SACEN,QAAQK,SAAS,CAACe;YAChBA,MAAMQ,MAAM,CAACV,OAAO;QACtB;QAEFP,oBAAoB,CAACD;YACnBA,iBAAiBkB,MAAM,CAACV,OAAO;YAC/B,OAAO;mBAAIR;aAAiB;QAC9B;IACF;IAEA,MAAMmB,4BAA4B,CAACX;QACjCP,oBAAoB,CAACD;YACnBA,gBAAgB,CAACQ,MAAM,GAAG,CAACR,gBAAgB,CAACQ,MAAM;YAClD,OAAO;mBAAIR;aAAiB;QAC9B;IACF;IAEA,2CAA2C;IAC3C,MAAMoB,mBAA2CzB,QAAQG,MAAM,GAC3DH,UACA;QACE;YACEiB,MAAM;YACNC,MAAM;gBACJC,QAAQ;oBACNF,MAAM;oBACNC,MAAM;wBACJQ,OAAO;oBACT;gBACF;YACF;QACF;KACD;IAEL,qBACE;;0BACE,KAAClC;gBAAMmC,SAAS;0BACbF,iBAAiBlB,GAAG,CAAC,CAACmB,OAA6BE,kBAClD,KAAC/B;wBAECgB,OAAOe;wBACPF,OAAOA;wBACPG,aAAa,CAAC,CAACxB,gBAAgB,CAACuB,EAAE;wBAClC3B,UAAUW;wBACVkB,UAAU5B,sBAAsBoB,oBAAoBS;wBACpDC,kBAAkBR;uBANbI;;0BAUX,KAACrC;gBAAO0C,SAAQ;gBAAYC,yBAAW,KAACzC;gBAAY0C,IAAI;oBAAEC,WAAW;gBAAE;gBAAGC,SAASrB;0BAAgB;;;;AAKzG"}

package/dist/components/TraceQueryEditor/TraceQueryInput.d.ts

@@ -0,0 +1,12 @@
+import { TraceQueryDefinition } from '../../runtime';
+interface TraceQueryInputProps {
+    query: TraceQueryDefinition;
+    index: number;
+    onChange: (index: number, query: TraceQueryDefinition) => void;
+    onCollapseExpand: (index: number) => void;
+    isCollapsed?: boolean;
+    onDelete?: (index: number) => void;
+}
+export declare const TraceQueryInput: ({ index, query, isCollapsed, onDelete, onChange, onCollapseExpand, }: TraceQueryInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TraceQueryInput.d.ts.map

package/dist/components/TraceQueryEditor/TraceQueryInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceQueryInput.d.ts","sourceRoot":"","sources":["../../../src/components/TraceQueryEditor/TraceQueryInput.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAErD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,oBAAoB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/D,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAWD,eAAO,MAAM,eAAe,yEAOzB,oBAAoB,4CAsBtB,CAAC"}

package/dist/components/TraceQueryEditor/TraceQueryInput.js

@@ -0,0 +1,83 @@
+// Copyright 2023 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, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, IconButton, Typography, Box } from '@mui/material';
+import ChevronDown from 'mdi-material-ui/ChevronDown';
+import ChevronRight from 'mdi-material-ui/ChevronRight';
+import DeleteIcon from 'mdi-material-ui/DeleteOutline';
+import produce from 'immer';
+import { PluginEditor } from '../PluginEditor';
+export const TraceQueryInput = ({ index, query, isCollapsed, onDelete, onChange, onCollapseExpand })=>{
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                alignItems: "center",
+                borderBottom: 1,
+                borderColor: (theme)=>theme.palette.divider,
+                children: [
+                    /*#__PURE__*/ _jsx(IconButton, {
+                        size: "small",
+                        onClick: ()=>onCollapseExpand(index),
+                        children: isCollapsed ? /*#__PURE__*/ _jsx(ChevronRight, {}) : /*#__PURE__*/ _jsx(ChevronDown, {})
+                    }),
+                    /*#__PURE__*/ _jsxs(Typography, {
+                        variant: "overline",
+                        component: "h4",
+                        children: [
+                            "Query ",
+                            index + 1
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(IconButton, {
+                        size: "small",
+                        // Use `visibility` to ensure that the row has the same height when delete button is visible or not visible
+                        sx: {
+                            marginLeft: 'auto',
+                            visibility: `${onDelete ? 'visible' : 'hidden'}`
+                        },
+                        onClick: ()=>onDelete && onDelete(index),
+                        children: /*#__PURE__*/ _jsx(DeleteIcon, {})
+                    })
+                ]
+            }),
+            !isCollapsed && /*#__PURE__*/ _jsx(QueryEditor, {
+                value: query,
+                onChange: (next)=>onChange(index, next)
+            })
+        ]
+    }, index);
+};
+/**
+ * Displays an editor for TraceQueryDefinition objects.
+ */ function QueryEditor(props) {
+    const { value, onChange, ...others } = props;
+    const { spec: { plugin } } = value;
+    const handlePluginChange = (next)=>{
+        onChange(produce(value, (draft)=>{
+            draft.spec.plugin = next;
+        }));
+    };
+    return /*#__PURE__*/ _jsx(Box, {
+        ...others,
+        children: /*#__PURE__*/ _jsx(PluginEditor, {
+            pluginType: "TraceQuery",
+            pluginKindLabel: "Query Type",
+            value: plugin,
+            onChange: handlePluginChange
+        })
+    });
+}
+
+//# sourceMappingURL=TraceQueryInput.js.map

package/dist/components/TraceQueryEditor/TraceQueryInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TraceQueryEditor/TraceQueryInput.tsx"],"sourcesContent":["// Copyright 2023 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 { Stack, IconButton, Typography, BoxProps, Box } from '@mui/material';\nimport ChevronDown from 'mdi-material-ui/ChevronDown';\nimport ChevronRight from 'mdi-material-ui/ChevronRight';\nimport DeleteIcon from 'mdi-material-ui/DeleteOutline';\nimport produce from 'immer';\nimport { PluginEditor, PluginEditorProps } from '../PluginEditor';\nimport { TraceQueryDefinition } from '../../runtime';\n\ninterface TraceQueryInputProps {\n  query: TraceQueryDefinition;\n  index: number;\n  onChange: (index: number, query: TraceQueryDefinition) => void;\n  onCollapseExpand: (index: number) => void;\n  isCollapsed?: boolean;\n  onDelete?: (index: number) => void;\n}\n\n// Props on MUI Box that we don't want people to pass because we're either redefining them or providing them in\n// this component\ntype OmittedMuiProps = 'children' | 'value' | 'onChange';\n\ninterface QueryEditorProps extends Omit<BoxProps, OmittedMuiProps> {\n  value: TraceQueryDefinition;\n  onChange: (next: TraceQueryDefinition) => void;\n}\n\nexport const TraceQueryInput = ({\n  index,\n  query,\n  isCollapsed,\n  onDelete,\n  onChange,\n  onCollapseExpand,\n}: TraceQueryInputProps) => {\n  return (\n    <Stack key={index} spacing={1}>\n      <Stack direction=\"row\" alignItems=\"center\" borderBottom={1} borderColor={(theme) => theme.palette.divider}>\n        <IconButton size=\"small\" onClick={() => onCollapseExpand(index)}>\n          {isCollapsed ? <ChevronRight /> : <ChevronDown />}\n        </IconButton>\n        <Typography variant=\"overline\" component=\"h4\">\n          Query {index + 1}\n        </Typography>\n        <IconButton\n          size=\"small\"\n          // Use `visibility` to ensure that the row has the same height when delete button is visible or not visible\n          sx={{ marginLeft: 'auto', visibility: `${onDelete ? 'visible' : 'hidden'}` }}\n          onClick={() => onDelete && onDelete(index)}\n        >\n          <DeleteIcon />\n        </IconButton>\n      </Stack>\n      {!isCollapsed && <QueryEditor value={query} onChange={(next) => onChange(index, next)} />}\n    </Stack>\n  );\n};\n\n/**\n * Displays an editor for TraceQueryDefinition objects.\n */\nfunction QueryEditor(props: QueryEditorProps) {\n  const { value, onChange, ...others } = props;\n  const {\n    spec: { plugin },\n  } = value;\n\n  const handlePluginChange: PluginEditorProps['onChange'] = (next) => {\n    onChange(\n      produce(value, (draft) => {\n        draft.spec.plugin = next;\n      })\n    );\n  };\n\n  return (\n    <Box {...others}>\n      <PluginEditor pluginType=\"TraceQuery\" pluginKindLabel=\"Query Type\" value={plugin} onChange={handlePluginChange} />\n    </Box>\n  );\n}\n"],"names":["Stack","IconButton","Typography","Box","ChevronDown","ChevronRight","DeleteIcon","produce","PluginEditor","TraceQueryInput","index","query","isCollapsed","onDelete","onChange","onCollapseExpand","spacing","direction","alignItems","borderBottom","borderColor","theme","palette","divider","size","onClick","variant","component","sx","marginLeft","visibility","QueryEditor","value","next","props","others","spec","plugin","handlePluginChange","draft","pluginType","pluginKindLabel"],"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;;AAEjC,SAASA,KAAK,EAAEC,UAAU,EAAEC,UAAU,EAAYC,GAAG,QAAQ,gBAAgB;AAC7E,OAAOC,iBAAiB,8BAA8B;AACtD,OAAOC,kBAAkB,+BAA+B;AACxD,OAAOC,gBAAgB,gCAAgC;AACvD,OAAOC,aAAa,QAAQ;AAC5B,SAASC,YAAY,QAA2B,kBAAkB;AAqBlE,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,KAAK,EACLC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,gBAAgB,EACK;IACrB,qBACE,MAACf;QAAkBgB,SAAS;;0BAC1B,MAAChB;gBAAMiB,WAAU;gBAAMC,YAAW;gBAASC,cAAc;gBAAGC,aAAa,CAACC,QAAUA,MAAMC,OAAO,CAACC,OAAO;;kCACvG,KAACtB;wBAAWuB,MAAK;wBAAQC,SAAS,IAAMV,iBAAiBL;kCACtDE,4BAAc,KAACP,kCAAkB,KAACD;;kCAErC,MAACF;wBAAWwB,SAAQ;wBAAWC,WAAU;;4BAAK;4BACrCjB,QAAQ;;;kCAEjB,KAACT;wBACCuB,MAAK;wBACL,2GAA2G;wBAC3GI,IAAI;4BAAEC,YAAY;4BAAQC,YAAY,CAAC,EAAEjB,WAAW,YAAY,SAAS,CAAC;wBAAC;wBAC3EY,SAAS,IAAMZ,YAAYA,SAASH;kCAEpC,cAAA,KAACJ;;;;YAGJ,CAACM,6BAAe,KAACmB;gBAAYC,OAAOrB;gBAAOG,UAAU,CAACmB,OAASnB,SAASJ,OAAOuB;;;OAjBtEvB;AAoBhB,EAAE;AAEF;;CAEC,GACD,SAASqB,YAAYG,KAAuB;IAC1C,MAAM,EAAEF,KAAK,EAAElB,QAAQ,EAAE,GAAGqB,QAAQ,GAAGD;IACvC,MAAM,EACJE,MAAM,EAAEC,MAAM,EAAE,EACjB,GAAGL;IAEJ,MAAMM,qBAAoD,CAACL;QACzDnB,SACEP,QAAQyB,OAAO,CAACO;YACdA,MAAMH,IAAI,CAACC,MAAM,GAAGJ;QACtB;IAEJ;IAEA,qBACE,KAAC9B;QAAK,GAAGgC,MAAM;kBACb,cAAA,KAAC3B;YAAagC,YAAW;YAAaC,iBAAgB;YAAaT,OAAOK;YAAQvB,UAAUwB;;;AAGlG"}

package/dist/components/TraceQueryEditor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TraceQueryEditor';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TraceQueryEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TraceQueryEditor/index.tsx"],"names":[],"mappings":"AAaA,cAAc,oBAAoB,CAAC"}

package/dist/components/TraceQueryEditor/index.js

@@ -0,0 +1,15 @@
+// Copyright 2023 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.
+export * from './TraceQueryEditor';
+
+//# sourceMappingURL=index.js.map

package/dist/components/TraceQueryEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TraceQueryEditor/index.tsx"],"sourcesContent":["// Copyright 2023 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\nexport * from './TraceQueryEditor';\n"],"names":[],"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;AAEjC,cAAc,qBAAqB"}

package/dist/components/Variables/VariableEditorForm/VariableEditorForm.d.ts

@@ -1,12 +1,14 @@
-/// <reference types="react" />
-import { VariableDefinition } from '@perses-dev/core';
-export declare type Action = 'create' | 'read' | 'update';
-interface VariableEditFormProps {
+import { DispatchWithoutAction } from 'react';
+import { VariableDefinition, Action } from '@perses-dev/core';
+interface VariableEditorFormProps {
     initialVariableDefinition: VariableDefinition;
-    onChange: (def: VariableDefinition) => void;
-    onCancel: () => void;
-    action?: Action;
+    initialAction: Action;
+    isDraft: boolean;
+    isReadonly?: boolean;
+    onSave: (def: VariableDefinition) => void;
+    onClose: () => void;
+    onDelete?: DispatchWithoutAction;
 }
-export declare function VariableEditForm(props: VariableEditFormProps): JSX.Element;
+export declare function VariableEditorForm(props: VariableEditorFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=VariableEditorForm.d.ts.map

package/dist/components/Variables/VariableEditorForm/VariableEditorForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VariableEditorForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Variables/VariableEditorForm/VariableEditorForm.tsx"],"names":[],"mappings":";AAgCA,OAAO,EAAE,kBAAkB,EAA0B,MAAM,kBAAkB,CAAC;AA6B9E,oBAAY,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElD,UAAU,qBAAqB;IAC7B,yBAAyB,EAAE,kBAAkB,CAAC;IAC9C,QAAQ,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAoT5D"}
+{"version":3,"file":"VariableEditorForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Variables/VariableEditorForm/VariableEditorForm.tsx"],"names":[],"mappings":"AAaA,OAAc,EAAE,qBAAqB,EAAkC,MAAM,OAAO,CAAC;AAcrF,OAAO,EAAE,kBAAkB,EAA0B,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAgBtF,UAAU,uBAAuB;IAC/B,yBAAyB,EAAE,kBAAkB,CAAC;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAqfhE"}