@perses-dev/explore 0.44.0-rc2 → 0.45.0-rc0

package/dist/views/ViewExplore/ViewExploreApp.js

@@ -13,26 +13,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@mui/material';
 import { ChartsProvider, useChartsTheme } from '@perses-dev/components';
-import { PanelEditorForm } from '../../components/PanelEditor/PanelEditorForm';
+import React from 'react';
+import { TimeSeriesExplorer } from '../../components/TimeSeriesExplorer/TimeSeriesExplorer';
 export function ViewExploreApp(props) {
     const { exploreTitleComponent } = props;
     const chartsTheme = useChartsTheme();
-    const data = {
-        groupId: 0,
-        panelDefinition: {
-            kind: 'Panel',
-            spec: {
-                display: {
-                    name: ''
-                },
-                plugin: {
-                    kind: 'TimeSeriesChart',
-                    spec: {}
-                },
-                queries: []
-            }
-        }
-    };
     return /*#__PURE__*/ _jsx(Box, {
         sx: {
             flexGrow: 1,
@@ -44,9 +29,7 @@ export function ViewExploreApp(props) {
         children: /*#__PURE__*/ _jsx(ChartsProvider, {
             chartsTheme: chartsTheme,
             enablePinning: false,
-            children: /*#__PURE__*/ _jsx(PanelEditorForm, {
-                initialAction: "update",
-                initialValues: data,
+            children: /*#__PURE__*/ _jsx(TimeSeriesExplorer, {
                 exploreTitleComponent: exploreTitleComponent
             })
         })

package/dist/views/ViewExplore/ViewExploreApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ViewExplore/ViewExploreApp.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 { Box } from '@mui/material';\nimport { ChartsProvider, useChartsTheme } from '@perses-dev/components';\nimport { PanelEditorValues } from '@perses-dev/dashboards';\nimport { PanelEditorForm } from '../../components/PanelEditor/PanelEditorForm';\n\nexport interface ViewAppProps {\n  exploreTitleComponent?: JSX.Element;\n}\n\nexport function ViewExploreApp(props: ViewAppProps) {\n  const { exploreTitleComponent } = props;\n\n  const chartsTheme = useChartsTheme();\n  const data: PanelEditorValues = {\n    groupId: 0,\n    panelDefinition: {\n      kind: 'Panel',\n      spec: {\n        display: {\n          name: '',\n        },\n        plugin: {\n          kind: 'TimeSeriesChart',\n          spec: {},\n        },\n        queries: [],\n      },\n    },\n  };\n\n  return (\n    <Box\n      sx={{\n        flexGrow: 1,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <ChartsProvider chartsTheme={chartsTheme} enablePinning={false}>\n        <PanelEditorForm initialAction=\"update\" initialValues={data} exploreTitleComponent={exploreTitleComponent} />\n      </ChartsProvider>\n    </Box>\n  );\n}\n"],"names":["Box","ChartsProvider","useChartsTheme","PanelEditorForm","ViewExploreApp","props","exploreTitleComponent","chartsTheme","data","groupId","panelDefinition","kind","spec","display","name","plugin","queries","sx","flexGrow","overflowX","overflowY","flexDirection","enablePinning","initialAction","initialValues"],"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,GAAG,QAAQ,gBAAgB;AACpC,SAASC,cAAc,EAAEC,cAAc,QAAQ,yBAAyB;AAExE,SAASC,eAAe,QAAQ,+CAA+C;AAM/E,OAAO,SAASC,eAAeC,KAAmB;IAChD,MAAM,EAAEC,qBAAqB,EAAE,GAAGD;IAElC,MAAME,cAAcL;IACpB,MAAMM,OAA0B;QAC9BC,SAAS;QACTC,iBAAiB;YACfC,MAAM;YACNC,MAAM;gBACJC,SAAS;oBACPC,MAAM;gBACR;gBACAC,QAAQ;oBACNJ,MAAM;oBACNC,MAAM,CAAC;gBACT;gBACAI,SAAS,EAAE;YACb;QACF;IACF;IAEA,qBACE,KAAChB;QACCiB,IAAI;YACFC,UAAU;YACVC,WAAW;YACXC,WAAW;YACXP,SAAS;YACTQ,eAAe;QACjB;kBAEA,cAAA,KAACpB;YAAeM,aAAaA;YAAae,eAAe;sBACvD,cAAA,KAACnB;gBAAgBoB,eAAc;gBAASC,eAAehB;gBAAMF,uBAAuBA;;;;AAI5F"}
+{"version":3,"sources":["../../../src/views/ViewExplore/ViewExploreApp.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 { Box } from '@mui/material';\nimport { ChartsProvider, useChartsTheme } from '@perses-dev/components';\nimport React from 'react';\nimport { TimeSeriesExplorer } from '../../components/TimeSeriesExplorer/TimeSeriesExplorer';\n\nexport interface ViewAppProps {\n  exploreTitleComponent?: React.ReactNode;\n}\n\nexport function ViewExploreApp(props: ViewAppProps) {\n  const { exploreTitleComponent } = props;\n\n  const chartsTheme = useChartsTheme();\n\n  return (\n    <Box\n      sx={{\n        flexGrow: 1,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <ChartsProvider chartsTheme={chartsTheme} enablePinning={false}>\n        <TimeSeriesExplorer exploreTitleComponent={exploreTitleComponent} />\n      </ChartsProvider>\n    </Box>\n  );\n}\n"],"names":["Box","ChartsProvider","useChartsTheme","React","TimeSeriesExplorer","ViewExploreApp","props","exploreTitleComponent","chartsTheme","sx","flexGrow","overflowX","overflowY","display","flexDirection","enablePinning"],"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,GAAG,QAAQ,gBAAgB;AACpC,SAASC,cAAc,EAAEC,cAAc,QAAQ,yBAAyB;AACxE,OAAOC,WAAW,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ,yDAAyD;AAM5F,OAAO,SAASC,eAAeC,KAAmB;IAChD,MAAM,EAAEC,qBAAqB,EAAE,GAAGD;IAElC,MAAME,cAAcN;IAEpB,qBACE,KAACF;QACCS,IAAI;YACFC,UAAU;YACVC,WAAW;YACXC,WAAW;YACXC,SAAS;YACTC,eAAe;QACjB;kBAEA,cAAA,KAACb;YAAeO,aAAaA;YAAaO,eAAe;sBACvD,cAAA,KAACX;gBAAmBG,uBAAuBA;;;;AAInD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/explore",
-  "version": "0.44.0-rc2",
+  "version": "0.45.0-rc0",
   "description": "The explore feature in Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -23,16 +23,15 @@
     "build:types": "tsc --project tsconfig.build.json",
     "type-check": "tsc --noEmit",
     "start": "concurrently -P \"npm:build:* -- {*}\" -- --watch",
-    "test": "cross-env TZ=UTC jest",
-    "test:watch": "npm run test -- --watch",
     "lint": "eslint src --ext .ts,.tsx",
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@perses-dev/components": "0.44.0-rc2",
-    "@perses-dev/core": "0.44.0-rc2",
-    "@perses-dev/plugin-system": "0.44.0-rc2",
-    "@perses-dev/dashboards": "0.44.0-rc2",
+    "@perses-dev/components": "0.45.0-rc0",
+    "@perses-dev/core": "0.45.0-rc0",
+    "@perses-dev/panels-plugin": "0.45.0-rc0",
+    "@perses-dev/plugin-system": "0.45.0-rc0",
+    "@perses-dev/dashboards": "0.45.0-rc0",
     "@types/react-grid-layout": "^1.3.2",
     "date-fns": "^2.28.0",
     "immer": "^9.0.15",
@@ -46,8 +45,8 @@
     "zustand": "^4.3.3"
   },
   "devDependencies": {
-    "@perses-dev/internal-utils": "0.44.0-rc2",
-    "@perses-dev/storybook": "0.44.0-rc2",
+    "@perses-dev/internal-utils": "0.45.0-rc0",
+    "@perses-dev/storybook": "0.45.0-rc0",
     "history": "^5.3.0",
     "intersection-observer": "^0.12.2"
   },

package/dist/cjs/components/PanelEditor/PanelEditorForm.js

@@ -1,138 +0,0 @@
-// 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "PanelEditorForm", {
-    enumerable: true,
-    get: function() {
-        return PanelEditorForm;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _dashboards = require("@perses-dev/dashboards");
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _reacthookform = require("react-hook-form");
-const _material = require("@mui/material");
-const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
-const _components = require("@perses-dev/components");
-const _TimeSeriesQueryEditor = require("../TimeSeriesQueryEditor");
-const _ExploreToolbar = require("../ExploreToolbar");
-const _useTimeSeriesQueryEditorActions = require("../../context/useTimeSeriesQueryEditorActions");
-const _usePanelEditor = require("../../context/usePanelEditor");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function PanelEditorForm(props) {
-    const { exploreTitleComponent, initialValues: { panelDefinition: initialPanelDef } } = props;
-    const { setQueries, setPlugin, panelDefinition } = (0, _usePanelEditor.usePanelEditor)(initialPanelDef);
-    const { plugin } = panelDefinition.spec;
-    var _panelDefinition_spec_queries;
-    const queries = (_panelDefinition_spec_queries = panelDefinition.spec.queries) !== null && _panelDefinition_spec_queries !== void 0 ? _panelDefinition_spec_queries : [];
-    // Use common plugin editor logic even though we've split the inputs up in this form
-    const pluginEditor = (0, _pluginsystem.usePluginEditor)({
-        pluginType: 'Panel',
-        value: {
-            kind: plugin.kind,
-            spec: plugin.spec
-        },
-        onChange: (plugin)=>{
-            setPlugin(plugin);
-        },
-        onHideQueryEditorChange: (isHidden)=>{
-            setQueries(undefined, isHidden);
-        }
-    });
-    const onChange = (queries)=>setQueries(queries);
-    const { handleQueryChange, handleQueryAdd, handleQueryCollapseExpand, handleQueryDelete, queriesCollapsed, defaultTimeSeriesQueryKind } = (0, _useTimeSeriesQueryEditorActions.useTimeSeriesQueryEditorActions)({
-        onChange,
-        queries
-    });
-    const form = (0, _reacthookform.useForm)({
-        mode: 'onBlur',
-        defaultValues: {
-            type: pluginEditor.pendingKind ? pluginEditor.pendingKind : plugin.kind
-        }
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        sx: {
-            width: '100%'
-        },
-        px: 2,
-        pb: 2,
-        pt: 1.5,
-        gap: 2,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ExploreToolbar.ExploreToolbar, {
-                exploreTitleComponent: exploreTitleComponent
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.FormProvider, {
-                ...form,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Grid, {
-                    container: true,
-                    spacing: 2,
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
-                            item: true,
-                            xs: 12,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                gap: 1,
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeSeriesQueryEditor.TimeSeriesQueryEditor, {
-                                        handleQueryChange: handleQueryChange,
-                                        handleQueryCollapseExpand: handleQueryCollapseExpand,
-                                        handleQueryDelete: handleQueryDelete,
-                                        queriesCollapsed: queriesCollapsed,
-                                        queries: queries,
-                                        defaultTimeSeriesQueryKind: defaultTimeSeriesQueryKind
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                                        variant: "contained",
-                                        startIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {}),
-                                        sx: {
-                                            marginRight: 'auto'
-                                        },
-                                        onClick: handleQueryAdd,
-                                        children: "Add Query"
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
-                            item: true,
-                            xs: 12,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                gap: 1,
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                        variant: "h4",
-                                        children: "Preview"
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ErrorBoundary, {
-                                        FallbackComponent: _components.ErrorAlert,
-                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.PanelPreview, {
-                                            panelDefinition: panelDefinition
-                                        })
-                                    })
-                                ]
-                            })
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-}

package/dist/cjs/components/TimeSeriesQueryEditor/TimeSeriesQueryEditor.js

@@ -1,51 +0,0 @@
-// 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TimeSeriesQueryEditor", {
-    enumerable: true,
-    get: function() {
-        return TimeSeriesQueryEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _TimeSeriesQueryInput = require("./TimeSeriesQueryInput");
-function TimeSeriesQueryEditor(props) {
-    const { queries, handleQueryChange, handleQueryCollapseExpand, handleQueryDelete, queriesCollapsed, defaultTimeSeriesQueryKind } = props;
-    const hasMoreThanOneQuery = queries.length > 1;
-    const queryDefinitions = queries.length ? queries : [
-        {
-            kind: 'TimeSeriesQuery',
-            spec: {
-                plugin: {
-                    kind: defaultTimeSeriesQueryKind,
-                    spec: {
-                        query: ''
-                    }
-                }
-            }
-        }
-    ];
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-        children: queryDefinitions.map((query, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeSeriesQueryInput.TimeSeriesQueryInput, {
-                index: i,
-                query: query,
-                onChange: handleQueryChange,
-                isCollapsed: !!queriesCollapsed[i],
-                onDelete: hasMoreThanOneQuery ? handleQueryDelete : undefined,
-                onCollapseExpand: handleQueryCollapseExpand
-            }, i))
-    });
-}

package/dist/cjs/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.js

@@ -1,96 +0,0 @@
-// 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TimeSeriesQueryInput", {
-    enumerable: true,
-    get: function() {
-        return TimeSeriesQueryInput;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _ChevronDown = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronDown"));
-const _ChevronRight = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronRight"));
-const _DeleteOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/DeleteOutline"));
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _immer = /*#__PURE__*/ _interop_require_default(require("immer"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function TimeSeriesQueryInput(props) {
-    const { index, query, isCollapsed, onDelete, onChange, onCollapseExpand } = props;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        spacing: 1,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                direction: "row",
-                alignItems: "center",
-                borderBottom: 1,
-                borderColor: (theme)=>theme.palette.divider,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                        size: "small",
-                        onClick: ()=>onCollapseExpand(index),
-                        children: isCollapsed ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChevronRight.default, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChevronDown.default, {})
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
-                        variant: "overline",
-                        component: "h4",
-                        children: [
-                            "Query ",
-                            index + 1
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.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__*/ (0, _jsxruntime.jsx)(_DeleteOutline.default, {})
-                    })
-                ]
-            }),
-            !isCollapsed && /*#__PURE__*/ (0, _jsxruntime.jsx)(QueryEditor, {
-                value: query,
-                onChange: (next)=>onChange(index, next)
-            })
-        ]
-    }, index);
-}
-function QueryEditor(props) {
-    const { value, onChange, ...others } = props;
-    const { spec: { plugin } } = value;
-    const handlePluginChange = (next)=>{
-        onChange((0, _immer.default)(value, (draft)=>{
-            draft.spec.plugin = next;
-        }));
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-        ...others,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.PluginEditor, {
-            isExplore: true,
-            pluginType: "TimeSeriesQuery",
-            pluginKindLabel: "Query Type",
-            value: plugin,
-            onChange: handlePluginChange
-        })
-    });
-}

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

@@ -1,30 +0,0 @@
-// 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./TimeSeriesQueryEditor"), 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/dist/cjs/context/usePanelEditor.js

@@ -1,89 +0,0 @@
-// 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "usePanelEditor", {
-    enumerable: true,
-    get: function() {
-        return usePanelEditor;
-    }
-});
-const _react = require("react");
-const usePanelEditor = (panelDefinition)=>{
-    const { display, plugin: pluginDefinition, queries: initialQueries } = panelDefinition.spec;
-    const [name, setName] = (0, _react.useState)(display.name);
-    const [description, setDescription] = (0, _react.useState)(display.description);
-    const [plugin, setPlugin] = (0, _react.useState)(pluginDefinition);
-    // need to keep track of prevQueries if switching from a panel with no queries (ex: markdown) to one with queries
-    const [prevQueries, setPrevQueries] = (0, _react.useState)(initialQueries);
-    const [currentQueries, setCurrentQueries] = (0, _react.useState)(initialQueries);
-    /**
-   * If hideQueryEditor is true, set panelDefinition.spec.queries to undefined.
-   * If hideQueryEditor is false and query is undefined, set panelDefinition.spec.queries to previous queries.
-   */ const setQueries = (0, _react.useCallback)((queries, hideQueryEditor)=>{
-        if (hideQueryEditor) {
-            setPrevQueries(currentQueries);
-            setCurrentQueries(undefined);
-        } else {
-            setCurrentQueries(queries === undefined ? prevQueries : queries);
-        }
-    }, [
-        setCurrentQueries,
-        currentQueries,
-        setPrevQueries,
-        prevQueries
-    ]);
-    // reset panel definition
-    const setPanelDefinition = (0, _react.useCallback)((panelDefinition)=>{
-        const { display, plugin, queries } = panelDefinition.spec;
-        setName(display.name);
-        setDescription(display.description);
-        setPlugin(plugin);
-        setQueries(queries);
-    }, [
-        setName,
-        setDescription,
-        setPlugin,
-        setQueries
-    ]);
-    return (0, _react.useMemo)(()=>({
-            panelDefinition: {
-                kind: 'Panel',
-                spec: {
-                    display: {
-                        name,
-                        description
-                    },
-                    plugin,
-                    queries: currentQueries
-                }
-            },
-            setName,
-            setDescription,
-            setQueries,
-            setPlugin,
-            setPanelDefinition
-        }), [
-        name,
-        description,
-        plugin,
-        currentQueries,
-        setName,
-        setDescription,
-        setQueries,
-        setPlugin,
-        setPanelDefinition
-    ]);
-};

package/dist/cjs/context/useTimeSeriesQueryEditorActions.js

@@ -1,132 +0,0 @@
-// 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useTimeSeriesQueryEditorActions", {
-    enumerable: true,
-    get: function() {
-        return useTimeSeriesQueryEditorActions;
-    }
-});
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _immer = /*#__PURE__*/ _interop_require_default(require("immer"));
-const _react = require("react");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const DEFAULT_QUERY_PLUGIN_TYPE = 'TimeSeriesQuery';
-const useTimeSeriesQueryEditorActions = (props)=>{
-    const { queries, onChange } = props;
-    const { defaultPluginKinds } = (0, _pluginsystem.usePluginRegistry)();
-    var _defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE;
-    const defaultTimeSeriesQueryKind = (_defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds[DEFAULT_QUERY_PLUGIN_TYPE]) !== null && _defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE !== void 0 ? _defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE : '';
-    const { data: defaultQueryPlugin } = (0, _pluginsystem.usePlugin)(DEFAULT_QUERY_PLUGIN_TYPE, defaultTimeSeriesQueryKind, {
-        useErrorBoundary: true,
-        enabled: true
-    });
-    const [queriesCollapsed, setQueriesCollapsed] = (0, _react.useState)(queries.map(()=>false));
-    const handleQueryChange = (0, _react.useCallback)((index, queryDef)=>{
-        onChange((0, _immer.default)(queries, (draft)=>{
-            if (draft) {
-                draft[index] = queryDef;
-                return;
-            }
-            draft = [
-                queryDef
-            ];
-        }));
-    }, [
-        onChange,
-        queries
-    ]);
-    const handleQueryAdd = (0, _react.useCallback)(()=>{
-        if (!defaultQueryPlugin) return;
-        onChange((0, _immer.default)(queries, (draft)=>{
-            const queryDef = {
-                kind: DEFAULT_QUERY_PLUGIN_TYPE,
-                spec: {
-                    plugin: {
-                        kind: defaultTimeSeriesQueryKind,
-                        spec: defaultQueryPlugin.createInitialOptions()
-                    }
-                }
-            };
-            if (draft) {
-                draft.push(queryDef);
-            } else {
-                draft = [
-                    ...queries,
-                    queryDef
-                ];
-            }
-        }));
-        setQueriesCollapsed((queriesCollapsed)=>{
-            queriesCollapsed.push(false);
-            return [
-                ...queriesCollapsed
-            ];
-        });
-    }, [
-        defaultQueryPlugin,
-        defaultTimeSeriesQueryKind,
-        onChange,
-        queries,
-        setQueriesCollapsed
-    ]);
-    const handleQueryDelete = (0, _react.useCallback)((index)=>{
-        onChange((0, _immer.default)(queries, (draft)=>{
-            draft.splice(index, 1);
-        }));
-        setQueriesCollapsed((queriesCollapsed)=>{
-            queriesCollapsed.splice(index, 1);
-            return [
-                ...queriesCollapsed
-            ];
-        });
-    }, [
-        onChange,
-        setQueriesCollapsed,
-        queries
-    ]);
-    const handleQueryCollapseExpand = (0, _react.useCallback)((index)=>{
-        setQueriesCollapsed((queriesCollapsed)=>{
-            queriesCollapsed[index] = !queriesCollapsed[index];
-            return [
-                ...queriesCollapsed
-            ];
-        });
-    }, [
-        setQueriesCollapsed
-    ]);
-    return (0, _react.useMemo)(()=>{
-        return {
-            handleQueryChange,
-            handleQueryAdd,
-            handleQueryDelete,
-            handleQueryCollapseExpand,
-            queriesCollapsed,
-            defaultTimeSeriesQueryKind
-        };
-    }, [
-        handleQueryChange,
-        handleQueryAdd,
-        handleQueryDelete,
-        handleQueryCollapseExpand,
-        queriesCollapsed,
-        defaultTimeSeriesQueryKind
-    ]);
-};

package/dist/components/PanelEditor/PanelEditorForm.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { PanelEditorValues } from '@perses-dev/dashboards';
-import { Action, PanelDefinition, QueryDefinition, UnknownSpec } from '@perses-dev/core';
-export interface PanelEditorProps {
-    initialValues: PanelEditorValues;
-    initialAction: Action;
-    exploreTitleComponent?: JSX.Element;
-}
-export interface PanelSpecEditorProps {
-    panelDefinition: PanelDefinition;
-    onQueriesChange: (queries: QueryDefinition[]) => void;
-    onPluginSpecChange: (spec: UnknownSpec) => void;
-}
-export declare function PanelEditorForm(props: PanelEditorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PanelEditorForm.d.ts.map

package/dist/components/PanelEditor/PanelEditorForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelEditorForm.d.ts","sourceRoot":"","sources":["../../../src/components/PanelEditor/PanelEditorForm.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,wBAAwB,CAAC;AAMzE,OAAO,EAAE,MAAM,EAAc,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAOrG,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,iBAAiB,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACrC;AAED,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,eAAe,CAAC;IACjC,eAAe,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACtD,kBAAkB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CAyEtD"}