@perses-dev/plugin-system 0.27.0 → 0.29.0

package/dist/cjs/runtime/DataQueriesProvider/index.js

@@ -0,0 +1,29 @@
+// 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
+});
+_exportStar(require("./DataQueriesProvider"), exports);
+_exportStar(require("./model"), exports);
+function _exportStar(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/runtime/DataQueriesProvider/model.js

@@ -0,0 +1,16 @@
+// 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
+});

package/dist/cjs/runtime/index.js

@@ -19,6 +19,7 @@ _exportStar(require("./plugin-registry"), exports);
 _exportStar(require("./template-variables"), exports);
 _exportStar(require("./TimeRangeProvider"), exports);
 _exportStar(require("./time-series-queries"), exports);
+_exportStar(require("./DataQueriesProvider"), exports);
 function _exportStar(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {

package/dist/cjs/test/render.js

@@ -41,11 +41,14 @@ function renderWithContext(ui, renderOptions, contextOptions) {
         },
         logger: testLogger
     });
+    var ref;
     return (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
         client: queryClient,
         children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginRegistry.PluginRegistry, {
             pluginLoader: _testPlugins.testPluginLoader,
-            defaultPluginKinds: contextOptions === null || contextOptions === void 0 ? void 0 : contextOptions.defaultPluginKinds,
+            defaultPluginKinds: (ref = contextOptions === null || contextOptions === void 0 ? void 0 : contextOptions.defaultPluginKinds) !== null && ref !== void 0 ? ref : {
+                TimeSeriesQuery: 'PrometheusTimeSeriesQuery'
+            },
             children: ui
         })
     }), renderOptions);

package/dist/cjs/test/test-plugins/bert/index.js

@@ -25,27 +25,33 @@ _export(exports, {
     BertPanel2: ()=>BertPanel2
 });
 const _jsxRuntime = require("react/jsx-runtime");
+function BertPanel1Editor({ value , onChange  }) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)("label", {
+                htmlFor: "editor-input",
+                children: "BertPanel1 editor"
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)("input", {
+                type: "text",
+                id: "editor-input",
+                value: value.option1,
+                onChange: (e)=>onChange({
+                        ...value,
+                        option1: e.target.value
+                    })
+            })
+        ]
+    });
+}
 const BertPanel1 = {
     PanelComponent: ()=>null,
-    PanelQueryEditorComponent: function BertPanel1Editor({ value , onChange  }) {
-        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
-            children: [
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)("label", {
-                    htmlFor: "editor-input",
-                    children: "BertPanel1 editor"
-                }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)("input", {
-                    type: "text",
-                    id: "editor-input",
-                    value: value.option1,
-                    onChange: (e)=>onChange({
-                            ...value,
-                            option1: e.target.value
-                        })
-                })
-            ]
-        });
-    },
+    panelOptionsEditorComponents: [
+        {
+            label: 'Editor',
+            content: BertPanel1Editor
+        }
+    ],
     createInitialOptions: ()=>({
             option1: ''
         })
@@ -86,5 +92,6 @@ const BertPanel2 = {
     ],
     createInitialOptions: ()=>({
             option2: ''
-        })
+        }),
+    hideQueryEditor: true
 };

package/dist/cjs/test/test-plugins/ernie/index.js

@@ -14,9 +14,15 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "ErnieVariable", {
-    enumerable: true,
-    get: ()=>ErnieVariable
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ErnieVariable1: ()=>ErnieVariable1,
+    ErnieVariable2: ()=>ErnieVariable2
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const data = [
@@ -29,7 +35,7 @@ const data = [
         value: 'Snuffleupagus'
     }
 ];
-const ErnieVariable = {
+const ErnieVariable1 = {
     getVariableOptions: async ()=>({
             data
         }),
@@ -56,3 +62,30 @@ const ErnieVariable = {
             variableOption: ''
         })
 };
+const ErnieVariable2 = {
+    getVariableOptions: async ()=>({
+            data
+        }),
+    OptionsEditorComponent: function ErnieVariableEditor({ value , onChange  }) {
+        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+            children: [
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)("label", {
+                    htmlFor: "editor-input",
+                    children: "ErnieVariable2 editor"
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)("input", {
+                    type: "text",
+                    id: "editor-input",
+                    value: value.variableOption2,
+                    onChange: (e)=>onChange({
+                            ...value,
+                            variableOption2: e.target.value
+                        })
+                })
+            ]
+        });
+    },
+    createInitialOptions: ()=>({
+            variableOption2: ''
+        })
+};

package/dist/cjs/test-utils/mock-plugin-registry.js

@@ -60,7 +60,10 @@ function mockPluginRegistry(...mockPlugins) {
         }
     };
     return {
-        pluginLoader
+        pluginLoader,
+        defaultPluginKinds: {
+            TimeSeriesQuery: 'PrometheusTimeSeriesQuery'
+        }
     };
 }
 function getMockPluginName(pluginType, kind) {

package/dist/components/PanelSpecEditor/PanelSpecEditor.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { PanelDefinition, QueryDefinition, UnknownSpec } from '@perses-dev/core';
+export interface PanelSpecEditorProps {
+    panelDefinition: PanelDefinition;
+    onQueriesChange: (queries: QueryDefinition[]) => void;
+    onPluginSpecChange: (spec: UnknownSpec) => void;
+    onJSONChange: (panelDefinition: PanelDefinition) => void;
+}
+export declare function PanelSpecEditor(props: PanelSpecEditorProps): JSX.Element | null;
+//# sourceMappingURL=PanelSpecEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PanelSpecEditor.d.ts","sourceRoot":"","sources":["../../../src/components/PanelSpecEditor/PanelSpecEditor.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMjF,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;IAChD,YAAY,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAC;CAC1D;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,sBA0C1D"}

package/dist/components/PanelSpecEditor/PanelSpecEditor.js

@@ -0,0 +1,69 @@
+// 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 } from "react/jsx-runtime";
+import { ErrorAlert, JSONEditor } from '@perses-dev/components';
+import { usePlugin } from '../../runtime';
+import { OptionsEditorTabs } from '../OptionsEditorTabs';
+import { TimeSeriesQueryEditor } from '../TimeSeriesQueryEditor';
+export function PanelSpecEditor(props) {
+    const { panelDefinition , onJSONChange , onQueriesChange , onPluginSpecChange  } = props;
+    const { kind  } = panelDefinition.spec.plugin;
+    const { data: plugin , isLoading , error  } = usePlugin('Panel', kind);
+    if (error) {
+        return /*#__PURE__*/ _jsx(ErrorAlert, {
+            error: error
+        });
+    }
+    // TODO: Proper loading indicator
+    if (isLoading) {
+        return null;
+    }
+    if (plugin === undefined) {
+        throw new Error(`Missing implementation for panel plugin with kind '${kind}'`);
+    }
+    const { panelOptionsEditorComponents , hideQueryEditor  } = plugin;
+    let tabs = [];
+    if (!hideQueryEditor) {
+        var _queries;
+        // Since we only support TimeSeriesQuery for now, we will always show a TimeSeriesQueryEditor
+        tabs.push({
+            label: 'Query',
+            content: /*#__PURE__*/ _jsx(TimeSeriesQueryEditor, {
+                queries: (_queries = panelDefinition.spec.queries) !== null && _queries !== void 0 ? _queries : [],
+                onChange: onQueriesChange
+            })
+        });
+    }
+    if (panelOptionsEditorComponents !== undefined) {
+        tabs = tabs.concat(panelOptionsEditorComponents.map(({ label , content: OptionsEditorComponent  })=>({
+                label,
+                content: /*#__PURE__*/ _jsx(OptionsEditorComponent, {
+                    value: panelDefinition.spec.plugin.spec,
+                    onChange: onPluginSpecChange
+                })
+            })));
+    }
+    // always show json editor by default
+    tabs.push({
+        label: 'JSON',
+        content: /*#__PURE__*/ _jsx(JSONEditor, {
+            value: panelDefinition,
+            onChange: onJSONChange
+        })
+    });
+    return /*#__PURE__*/ _jsx(OptionsEditorTabs, {
+        tabs: tabs
+    }, tabs.length);
+}
+
+//# sourceMappingURL=PanelSpecEditor.js.map

package/dist/components/PanelSpecEditor/PanelSpecEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PanelSpecEditor/PanelSpecEditor.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 { ErrorAlert, JSONEditor } from '@perses-dev/components';\nimport { PanelDefinition, QueryDefinition, UnknownSpec } from '@perses-dev/core';\nimport { usePlugin } from '../../runtime';\nimport { PanelPlugin } from '../../model';\nimport { OptionsEditorTabsProps, OptionsEditorTabs } from '../OptionsEditorTabs';\nimport { TimeSeriesQueryEditor } from '../TimeSeriesQueryEditor';\n\nexport interface PanelSpecEditorProps {\n  panelDefinition: PanelDefinition;\n  onQueriesChange: (queries: QueryDefinition[]) => void;\n  onPluginSpecChange: (spec: UnknownSpec) => void;\n  onJSONChange: (panelDefinition: PanelDefinition) => void;\n}\n\nexport function PanelSpecEditor(props: PanelSpecEditorProps) {\n  const { panelDefinition, onJSONChange, onQueriesChange, onPluginSpecChange } = props;\n  const { kind } = panelDefinition.spec.plugin;\n  const { data: plugin, isLoading, error } = usePlugin('Panel', kind);\n\n  if (error) {\n    return <ErrorAlert error={error} />;\n  }\n\n  // TODO: Proper loading indicator\n  if (isLoading) {\n    return null;\n  }\n\n  if (plugin === undefined) {\n    throw new Error(`Missing implementation for panel plugin with kind '${kind}'`);\n  }\n\n  const { panelOptionsEditorComponents, hideQueryEditor } = plugin as PanelPlugin;\n  let tabs: OptionsEditorTabsProps['tabs'] = [];\n\n  if (!hideQueryEditor) {\n    // Since we only support TimeSeriesQuery for now, we will always show a TimeSeriesQueryEditor\n    tabs.push({\n      label: 'Query',\n      content: <TimeSeriesQueryEditor queries={panelDefinition.spec.queries ?? []} onChange={onQueriesChange} />,\n    });\n  }\n\n  if (panelOptionsEditorComponents !== undefined) {\n    tabs = tabs.concat(\n      panelOptionsEditorComponents.map(({ label, content: OptionsEditorComponent }) => ({\n        label,\n        content: <OptionsEditorComponent value={panelDefinition.spec.plugin.spec} onChange={onPluginSpecChange} />,\n      }))\n    );\n  }\n\n  // always show json editor by default\n  tabs.push({ label: 'JSON', content: <JSONEditor value={panelDefinition} onChange={onJSONChange} /> });\n\n  return <OptionsEditorTabs key={tabs.length} tabs={tabs} />;\n}\n"],"names":["ErrorAlert","JSONEditor","usePlugin","OptionsEditorTabs","TimeSeriesQueryEditor","PanelSpecEditor","props","panelDefinition","onJSONChange","onQueriesChange","onPluginSpecChange","kind","spec","plugin","data","isLoading","error","undefined","Error","panelOptionsEditorComponents","hideQueryEditor","tabs","push","label","content","queries","onChange","concat","map","OptionsEditorComponent","value","length"],"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;AAAA,SAASA,UAAU,EAAEC,UAAU,QAAQ,wBAAwB,CAAC;AAEhE,SAASC,SAAS,QAAQ,eAAe,CAAC;AAE1C,SAAiCC,iBAAiB,QAAQ,sBAAsB,CAAC;AACjF,SAASC,qBAAqB,QAAQ,0BAA0B,CAAC;AASjE,OAAO,SAASC,eAAe,CAACC,KAA2B,EAAE;IAC3D,MAAM,EAAEC,eAAe,CAAA,EAAEC,YAAY,CAAA,EAAEC,eAAe,CAAA,EAAEC,kBAAkB,CAAA,EAAE,GAAGJ,KAAK,AAAC;IACrF,MAAM,EAAEK,IAAI,CAAA,EAAE,GAAGJ,eAAe,CAACK,IAAI,CAACC,MAAM,AAAC;IAC7C,MAAM,EAAEC,IAAI,EAAED,MAAM,CAAA,EAAEE,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAE,GAAGd,SAAS,CAAC,OAAO,EAAES,IAAI,CAAC,AAAC;IAEpE,IAAIK,KAAK,EAAE;QACT,qBAAO,KAAChB,UAAU;YAACgB,KAAK,EAAEA,KAAK;UAAI,CAAC;IACtC,CAAC;IAED,iCAAiC;IACjC,IAAID,SAAS,EAAE;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAIF,MAAM,KAAKI,SAAS,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,CAAC,mDAAmD,EAAEP,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACjF,CAAC;IAED,MAAM,EAAEQ,4BAA4B,CAAA,EAAEC,eAAe,CAAA,EAAE,GAAGP,MAAM,AAAe,AAAC;IAChF,IAAIQ,IAAI,GAAmC,EAAE,AAAC;IAE9C,IAAI,CAACD,eAAe,EAAE;YAIuBb,QAA4B;QAHvE,6FAA6F;QAC7Fc,IAAI,CAACC,IAAI,CAAC;YACRC,KAAK,EAAE,OAAO;YACdC,OAAO,gBAAE,KAACpB,qBAAqB;gBAACqB,OAAO,EAAElB,CAAAA,QAA4B,GAA5BA,eAAe,CAACK,IAAI,CAACa,OAAO,cAA5BlB,QAA4B,cAA5BA,QAA4B,GAAI,EAAE;gBAAEmB,QAAQ,EAAEjB,eAAe;cAAI;SAC3G,CAAC,CAAC;IACL,CAAC;IAED,IAAIU,4BAA4B,KAAKF,SAAS,EAAE;QAC9CI,IAAI,GAAGA,IAAI,CAACM,MAAM,CAChBR,4BAA4B,CAACS,GAAG,CAAC,CAAC,EAAEL,KAAK,CAAA,EAAEC,OAAO,EAAEK,sBAAsB,CAAA,EAAE,GAAM,CAAA;gBAChFN,KAAK;gBACLC,OAAO,gBAAE,KAACK,sBAAsB;oBAACC,KAAK,EAAEvB,eAAe,CAACK,IAAI,CAACC,MAAM,CAACD,IAAI;oBAAEc,QAAQ,EAAEhB,kBAAkB;kBAAI;aAC3G,CAAA,AAAC,CAAC,CACJ,CAAC;IACJ,CAAC;IAED,qCAAqC;IACrCW,IAAI,CAACC,IAAI,CAAC;QAAEC,KAAK,EAAE,MAAM;QAAEC,OAAO,gBAAE,KAACvB,UAAU;YAAC6B,KAAK,EAAEvB,eAAe;YAAEmB,QAAQ,EAAElB,YAAY;UAAI;KAAE,CAAC,CAAC;IAEtG,qBAAO,KAACL,iBAAiB;QAAmBkB,IAAI,EAAEA,IAAI;OAAvBA,IAAI,CAACU,MAAM,CAAgB,CAAC;AAC7D,CAAC"}

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

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

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

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

package/dist/components/PanelSpecEditor/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 './PanelSpecEditor';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PanelSpecEditor/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 './PanelSpecEditor';\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,mBAAmB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PluginEditor.d.ts","sourceRoot":"","sources":["../../../src/components/PluginEditor/PluginEditor.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,iBAAiB,EAAmB,MAAM,qBAAqB,CAAC;AAEzE;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAsBpD"}
+{"version":3,"file":"PluginEditor.d.ts","sourceRoot":"","sources":["../../../src/components/PluginEditor/PluginEditor.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,iBAAiB,EAAmB,MAAM,qBAAqB,CAAC;AAEzE;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAqBpD"}

package/dist/components/PluginEditor/PluginEditor.js

@@ -12,8 +12,8 @@
 // limitations under the License.
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, FormControl, FormHelperText, InputLabel } from '@mui/material';
-import { PluginKindSelect } from '../PluginKindSelect';
-import { PluginSpecEditor } from '../PluginSpecEditor';
+import { PluginKindSelect } from '../PluginKindSelect/PluginKindSelect';
+import { PluginSpecEditor } from '../PluginSpecEditor/PluginSpecEditor';
 import { usePluginEditor } from './plugin-editor-api';
 /**
  * A combination `PluginKindSelect` and `PluginSpecEditor` component. This is meant for editing the `plugin` property

package/dist/components/PluginEditor/PluginEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PluginEditor/PluginEditor.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, FormControl, FormHelperText, InputLabel } from '@mui/material';\nimport { PluginKindSelect } from '../PluginKindSelect';\nimport { PluginSpecEditor } from '../PluginSpecEditor';\nimport { PluginEditorProps, usePluginEditor } from './plugin-editor-api';\n\n/**\n * A combination `PluginKindSelect` and `PluginSpecEditor` component. This is meant for editing the `plugin` property\n * that's common in our JSON specs where a user selects a plugin `kind` and then edits the `spec` via that plugin's\n * editor component. It takes care of transitioning from one plugin kind to another \"all at once\" so that when the\n * plugin's kind changes, the spec is also changed at the same time so those options editor components don't see a\n * previous plugin's spec state. If you just want this behavior, but in a different UI layout from this, try the\n * `usePluginEditor` hook that powers this component.\n */\nexport function PluginEditor(props: PluginEditorProps) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { value, pluginType, pluginKindLabel, onChange: _, ...others } = props;\n  const { pendingKind, isLoading, error, onKindChange, onSpecChange } = usePluginEditor(props);\n  return (\n    <Box {...others}>\n      <FormControl margin=\"dense\" fullWidth={false} disabled={isLoading} error={error !== null} sx={{ mb: 1 }}>\n        {/* TODO: How to ensure ids are unique? */}\n        <InputLabel id=\"plugin-kind-label\">{pluginKindLabel}</InputLabel>\n        <PluginKindSelect\n          labelId=\"plugin-kind-label\"\n          label={pluginKindLabel}\n          pluginType={pluginType}\n          value={pendingKind !== '' ? pendingKind : value.kind}\n          onChange={onKindChange}\n        />\n        <FormHelperText>{error?.message ?? ''}</FormHelperText>\n      </FormControl>\n\n      <PluginSpecEditor pluginType={pluginType} pluginKind={value.kind} value={value.spec} onChange={onSpecChange} />\n    </Box>\n  );\n}\n"],"names":["Box","FormControl","FormHelperText","InputLabel","PluginKindSelect","PluginSpecEditor","usePluginEditor","PluginEditor","props","value","pluginType","pluginKindLabel","onChange","_","others","pendingKind","isLoading","error","onKindChange","onSpecChange","margin","fullWidth","disabled","sx","mb","id","labelId","label","kind","message","pluginKind","spec"],"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;AAAA,SAASA,GAAG,EAAEC,WAAW,EAAEC,cAAc,EAAEC,UAAU,QAAQ,eAAe,CAAC;AAC7E,SAASC,gBAAgB,QAAQ,qBAAqB,CAAC;AACvD,SAASC,gBAAgB,QAAQ,qBAAqB,CAAC;AACvD,SAA4BC,eAAe,QAAQ,qBAAqB,CAAC;AAEzE;;;;;;;CAOC,GACD,OAAO,SAASC,YAAY,CAACC,KAAwB,EAAE;IACrD,6DAA6D;IAC7D,MAAM,EAAEC,KAAK,CAAA,EAAEC,UAAU,CAAA,EAAEC,eAAe,CAAA,EAAEC,QAAQ,EAAEC,CAAC,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGN,KAAK,AAAC;IAC7E,MAAM,EAAEO,WAAW,CAAA,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAEC,YAAY,CAAA,EAAEC,YAAY,CAAA,EAAE,GAAGb,eAAe,CAACE,KAAK,CAAC,AAAC;QAatES,GAAc;IAZrC,qBACE,MAACjB,GAAG;QAAE,GAAGc,MAAM;;0BACb,MAACb,WAAW;gBAACmB,MAAM,EAAC,OAAO;gBAACC,SAAS,EAAE,KAAK;gBAAEC,QAAQ,EAAEN,SAAS;gBAAEC,KAAK,EAAEA,KAAK,KAAK,IAAI;gBAAEM,EAAE,EAAE;oBAAEC,EAAE,EAAE,CAAC;iBAAE;;kCAErG,KAACrB,UAAU;wBAACsB,EAAE,EAAC,mBAAmB;kCAAEd,eAAe;sBAAc;kCACjE,KAACP,gBAAgB;wBACfsB,OAAO,EAAC,mBAAmB;wBAC3BC,KAAK,EAAEhB,eAAe;wBACtBD,UAAU,EAAEA,UAAU;wBACtBD,KAAK,EAAEM,WAAW,KAAK,EAAE,GAAGA,WAAW,GAAGN,KAAK,CAACmB,IAAI;wBACpDhB,QAAQ,EAAEM,YAAY;sBACtB;kCACF,KAAChB,cAAc;kCAAEe,CAAAA,GAAc,GAAdA,KAAK,aAALA,KAAK,WAAS,GAAdA,KAAAA,CAAc,GAAdA,KAAK,CAAEY,OAAO,cAAdZ,GAAc,cAAdA,GAAc,GAAI,EAAE;sBAAkB;;cAC3C;0BAEd,KAACZ,gBAAgB;gBAACK,UAAU,EAAEA,UAAU;gBAAEoB,UAAU,EAAErB,KAAK,CAACmB,IAAI;gBAAEnB,KAAK,EAAEA,KAAK,CAACsB,IAAI;gBAAEnB,QAAQ,EAAEO,YAAY;cAAI;;MAC3G,CACN;AACJ,CAAC"}
+{"version":3,"sources":["../../../src/components/PluginEditor/PluginEditor.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, FormControl, FormHelperText, InputLabel } from '@mui/material';\nimport { PluginKindSelect } from '../PluginKindSelect/PluginKindSelect';\nimport { PluginSpecEditor } from '../PluginSpecEditor/PluginSpecEditor';\nimport { PluginEditorProps, usePluginEditor } from './plugin-editor-api';\n\n/**\n * A combination `PluginKindSelect` and `PluginSpecEditor` component. This is meant for editing the `plugin` property\n * that's common in our JSON specs where a user selects a plugin `kind` and then edits the `spec` via that plugin's\n * editor component. It takes care of transitioning from one plugin kind to another \"all at once\" so that when the\n * plugin's kind changes, the spec is also changed at the same time so those options editor components don't see a\n * previous plugin's spec state. If you just want this behavior, but in a different UI layout from this, try the\n * `usePluginEditor` hook that powers this component.\n */\nexport function PluginEditor(props: PluginEditorProps) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { value, pluginType, pluginKindLabel, onChange: _, ...others } = props;\n  const { pendingKind, isLoading, error, onKindChange, onSpecChange } = usePluginEditor(props);\n  return (\n    <Box {...others}>\n      <FormControl margin=\"dense\" fullWidth={false} disabled={isLoading} error={error !== null} sx={{ mb: 1 }}>\n        {/* TODO: How to ensure ids are unique? */}\n        <InputLabel id=\"plugin-kind-label\">{pluginKindLabel}</InputLabel>\n        <PluginKindSelect\n          labelId=\"plugin-kind-label\"\n          label={pluginKindLabel}\n          pluginType={pluginType}\n          value={pendingKind !== '' ? pendingKind : value.kind}\n          onChange={onKindChange}\n        />\n        <FormHelperText>{error?.message ?? ''}</FormHelperText>\n      </FormControl>\n      <PluginSpecEditor pluginType={pluginType} pluginKind={value.kind} value={value.spec} onChange={onSpecChange} />\n    </Box>\n  );\n}\n"],"names":["Box","FormControl","FormHelperText","InputLabel","PluginKindSelect","PluginSpecEditor","usePluginEditor","PluginEditor","props","value","pluginType","pluginKindLabel","onChange","_","others","pendingKind","isLoading","error","onKindChange","onSpecChange","margin","fullWidth","disabled","sx","mb","id","labelId","label","kind","message","pluginKind","spec"],"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;AAAA,SAASA,GAAG,EAAEC,WAAW,EAAEC,cAAc,EAAEC,UAAU,QAAQ,eAAe,CAAC;AAC7E,SAASC,gBAAgB,QAAQ,sCAAsC,CAAC;AACxE,SAASC,gBAAgB,QAAQ,sCAAsC,CAAC;AACxE,SAA4BC,eAAe,QAAQ,qBAAqB,CAAC;AAEzE;;;;;;;CAOC,GACD,OAAO,SAASC,YAAY,CAACC,KAAwB,EAAE;IACrD,6DAA6D;IAC7D,MAAM,EAAEC,KAAK,CAAA,EAAEC,UAAU,CAAA,EAAEC,eAAe,CAAA,EAAEC,QAAQ,EAAEC,CAAC,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGN,KAAK,AAAC;IAC7E,MAAM,EAAEO,WAAW,CAAA,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAEC,YAAY,CAAA,EAAEC,YAAY,CAAA,EAAE,GAAGb,eAAe,CAACE,KAAK,CAAC,AAAC;QAatES,GAAc;IAZrC,qBACE,MAACjB,GAAG;QAAE,GAAGc,MAAM;;0BACb,MAACb,WAAW;gBAACmB,MAAM,EAAC,OAAO;gBAACC,SAAS,EAAE,KAAK;gBAAEC,QAAQ,EAAEN,SAAS;gBAAEC,KAAK,EAAEA,KAAK,KAAK,IAAI;gBAAEM,EAAE,EAAE;oBAAEC,EAAE,EAAE,CAAC;iBAAE;;kCAErG,KAACrB,UAAU;wBAACsB,EAAE,EAAC,mBAAmB;kCAAEd,eAAe;sBAAc;kCACjE,KAACP,gBAAgB;wBACfsB,OAAO,EAAC,mBAAmB;wBAC3BC,KAAK,EAAEhB,eAAe;wBACtBD,UAAU,EAAEA,UAAU;wBACtBD,KAAK,EAAEM,WAAW,KAAK,EAAE,GAAGA,WAAW,GAAGN,KAAK,CAACmB,IAAI;wBACpDhB,QAAQ,EAAEM,YAAY;sBACtB;kCACF,KAAChB,cAAc;kCAAEe,CAAAA,GAAc,GAAdA,KAAK,aAALA,KAAK,WAAS,GAAdA,KAAAA,CAAc,GAAdA,KAAK,CAAEY,OAAO,cAAdZ,GAAc,cAAdA,GAAc,GAAI,EAAE;sBAAkB;;cAC3C;0BACd,KAACZ,gBAAgB;gBAACK,UAAU,EAAEA,UAAU;gBAAEoB,UAAU,EAAErB,KAAK,CAACmB,IAAI;gBAAEnB,KAAK,EAAEA,KAAK,CAACsB,IAAI;gBAAEnB,QAAQ,EAAEO,YAAY;cAAI;;MAC3G,CACN;AACJ,CAAC"}

package/dist/components/PluginEditor/plugin-editor-api.d.ts

@@ -12,7 +12,9 @@ export interface PluginEditorProps extends Omit<BoxProps, OmittedMuiProps> {
 /**
  * Props needed by the usePluginEditor hook.
  */
-export declare type UsePluginEditorProps = Pick<PluginEditorProps, 'pluginType' | 'value' | 'onChange'>;
+export declare type UsePluginEditorProps = Pick<PluginEditorProps, 'pluginType' | 'value' | 'onChange'> & {
+    onHideQueryEditorChange?: (isHidden: boolean) => void;
+};
 /**
  * Returns the state/handlers that power the `PluginEditor` component. Useful for custom components that want to provide
  * a different UI, but want the same behavior of changing `kind` and `spec` together on plugin kind changes. Also
@@ -25,6 +27,7 @@ export declare function usePluginEditor(props: UsePluginEditorProps): {
     error: Error | null;
     onKindChange: (event: import("@mui/material").SelectChangeEvent<string>, child: import("react").ReactNode) => void;
     onSpecChange: (next: UnknownSpec) => void;
+    rememberCurrentSpecState: () => void;
 };
 export {};
 //# sourceMappingURL=plugin-editor-api.d.ts.map

package/dist/components/PluginEditor/plugin-editor-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-editor-api.d.ts","sourceRoot":"","sources":["../../../src/components/PluginEditor/plugin-editor-api.ts"],"names":[],"mappings":";AAaA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAY,MAAM,kBAAkB,CAAC;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAOzC,aAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,QAAQ,EAAE,eAAe,CAAC;IACxE,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACnD;AAID;;GAEG;AACH,oBAAY,oBAAoB,GAAG,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;AAEhG;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB;;;;;;EA+E1D"}
+{"version":3,"file":"plugin-editor-api.d.ts","sourceRoot":"","sources":["../../../src/components/PluginEditor/plugin-editor-api.ts"],"names":[],"mappings":";AAaA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAY,MAAM,kBAAkB,CAAC;AAGrE,OAAO,EAAe,UAAU,EAAE,MAAM,aAAa,CAAC;AAOtD,aAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,QAAQ,EAAE,eAAe,CAAC;IACxE,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACnD;AAKD;;GAEG;AACH,oBAAY,oBAAoB,GAAG,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IAChG,uBAAuB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB;;;;;;;EAqG1D"}

package/dist/components/PluginEditor/plugin-editor-api.js

@@ -20,9 +20,11 @@ import { usePlugin, usePluginRegistry } from '../../runtime';
  * remembers previous `spec` values that it's seen, allowing and restores those values if a user switches the plugin
  * kind back.
  */ export function usePluginEditor(props) {
-    const { pluginType , value  } = props;
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    const { pluginType , value , onHideQueryEditorChange =()=>{}  } = props; // setting onHideQueryEditorChange to empty function here because useEvent requires a function
     // Keep a stable reference so we don't run the effect below when we don't need to
     const onChange = useEvent(props.onChange);
+    const onHideQuery = useEvent(onHideQueryEditorChange);
     // The previous spec state for PluginType and kind and a helper function for remembering current values
     const prevSpecState = useRef({
         [pluginType]: {
@@ -37,6 +39,10 @@ import { usePlugin, usePluginRegistry } from '../../runtime';
         }
         byPluginType[value.kind] = value.spec;
     });
+    // The previous hide query state for each panel kind
+    const hideQueryState = useRef({
+        [value.kind]: false
+    });
     const { defaultPluginKinds  } = usePluginRegistry();
     const defaultPluginKind = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds[pluginType];
     const initPendingKind = !value.kind && defaultPluginKind ? defaultPluginKind : '';
@@ -55,12 +61,23 @@ import { usePlugin, usePluginRegistry } from '../../runtime';
             kind: pendingKind,
             spec: plugin.createInitialOptions()
         });
+        if (pluginType === 'Panel') {
+            const panelPlugin = plugin;
+            hideQueryState.current[pendingKind] = !!panelPlugin.hideQueryEditor;
+            if (!!panelPlugin.hideQueryEditor !== hideQueryState.current[value.kind]) {
+                onHideQuery(!!panelPlugin.hideQueryEditor);
+            }
+        }
         setPendingKind('');
     }, [
         pendingKind,
         plugin,
         rememberCurrentSpecState,
-        onChange
+        onChange,
+        onHideQuery,
+        hideQueryState,
+        pluginType,
+        value.kind
     ]);
     /**
    * When the user tries to change the plugin kind, make sure we have the correct spec for that plugin kind before we
@@ -76,10 +93,13 @@ import { usePlugin, usePluginRegistry } from '../../runtime';
                 kind: nextKind,
                 spec: previousState
             });
-            return;
+        } else {
+            // Otherwise, kick off the async loading process
+            setPendingKind(nextKind);
+        }
+        if (pluginType === 'Panel' && hideQueryState.current[nextKind] !== undefined && hideQueryState.current[value.kind] !== hideQueryState.current[nextKind]) {
+            onHideQuery(!!hideQueryState.current[nextKind]);
         }
-        // Otherwise, kick off the async loading process
-        setPendingKind(nextKind);
     };
     /**
    * Spec changes are independent and always just set the spec state.
@@ -93,7 +113,8 @@ import { usePlugin, usePluginRegistry } from '../../runtime';
         isLoading: isFetching,
         error,
         onKindChange,
-        onSpecChange
+        onSpecChange,
+        rememberCurrentSpecState
     };
 }
 

package/dist/components/PluginEditor/plugin-editor-api.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PluginEditor/plugin-editor-api.ts"],"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 { BoxProps } from '@mui/material';\nimport { Definition, UnknownSpec, useEvent } from '@perses-dev/core';\nimport { useState, useRef, useEffect } from 'react';\nimport { produce } from 'immer';\nimport { PluginType } from '../../model';\nimport { PluginKindSelectProps } from '../PluginKindSelect';\nimport { PluginSpecEditorProps } from '../PluginSpecEditor';\nimport { usePlugin, usePluginRegistry } from '../../runtime';\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\nexport interface PluginEditorProps extends Omit<BoxProps, OmittedMuiProps> {\n  pluginType: PluginType;\n  pluginKindLabel: string;\n  value: Definition<UnknownSpec>;\n  onChange: (next: Definition<UnknownSpec>) => void;\n}\n\ntype PreviousSpecState = Record<string, Record<string, UnknownSpec>>;\n\n/**\n * Props needed by the usePluginEditor hook.\n */\nexport type UsePluginEditorProps = Pick<PluginEditorProps, 'pluginType' | 'value' | 'onChange'>;\n\n/**\n * Returns the state/handlers that power the `PluginEditor` component. Useful for custom components that want to provide\n * a different UI, but want the same behavior of changing `kind` and `spec` together on plugin kind changes. Also\n * remembers previous `spec` values that it's seen, allowing and restores those values if a user switches the plugin\n * kind back.\n */\nexport function usePluginEditor(props: UsePluginEditorProps) {\n  const { pluginType, value } = props;\n\n  // Keep a stable reference so we don't run the effect below when we don't need to\n  const onChange = useEvent(props.onChange);\n\n  // The previous spec state for PluginType and kind and a helper function for remembering current values\n  const prevSpecState = useRef<PreviousSpecState>({\n    [pluginType]: { [value.kind]: value.spec },\n  });\n\n  const rememberCurrentSpecState = useEvent(() => {\n    let byPluginType = prevSpecState.current[pluginType];\n    if (byPluginType === undefined) {\n      byPluginType = {};\n      prevSpecState.current[pluginType] = byPluginType;\n    }\n    byPluginType[value.kind] = value.spec;\n  });\n\n  const { defaultPluginKinds } = usePluginRegistry();\n  const defaultPluginKind = defaultPluginKinds?.[pluginType];\n  const initPendingKind = !value.kind && defaultPluginKind ? defaultPluginKind : '';\n\n  // When kind changes and we haven't loaded that plugin before, we will need to enter a \"pending\" state so that we\n  // can generate proper initial spec values that match the new plugin kind\n  const [pendingKind, setPendingKind] = useState(initPendingKind);\n  const { data: plugin, isFetching, error } = usePlugin(pluginType, pendingKind);\n\n  useEffect(() => {\n    // Nothing to do if no new plugin kind is pending\n    if (pendingKind === '') return;\n\n    // Can't get spec value until we have a plugin\n    if (plugin === undefined) return;\n\n    // Fire an onChange to change to the pending kind with initial values from the plugin\n    rememberCurrentSpecState();\n    onChange({\n      kind: pendingKind,\n      spec: plugin.createInitialOptions(),\n    });\n    setPendingKind('');\n  }, [pendingKind, plugin, rememberCurrentSpecState, onChange]);\n\n  /**\n   * When the user tries to change the plugin kind, make sure we have the correct spec for that plugin kind before we\n   * make the switch.\n   */\n  const onKindChange: PluginKindSelectProps['onChange'] = (e) => {\n    const nextKind = e.target.value;\n\n    // If we already have state for this plugin type/kind from a previous selection, just use it\n    const previousState = prevSpecState.current[pluginType]?.[nextKind];\n    if (previousState !== undefined) {\n      rememberCurrentSpecState();\n      onChange({\n        kind: nextKind,\n        spec: previousState,\n      });\n      return;\n    }\n\n    // Otherwise, kick off the async loading process\n    setPendingKind(nextKind);\n  };\n\n  /**\n   * Spec changes are independent and always just set the spec state.\n   */\n  const onSpecChange: PluginSpecEditorProps['onChange'] = (next) => {\n    onChange(\n      produce(value, (draft) => {\n        draft.spec = next;\n      })\n    );\n  };\n\n  return { pendingKind, isLoading: isFetching, error, onKindChange, onSpecChange };\n}\n"],"names":["useEvent","useState","useRef","useEffect","produce","usePlugin","usePluginRegistry","usePluginEditor","props","pluginType","value","onChange","prevSpecState","kind","spec","rememberCurrentSpecState","byPluginType","current","undefined","defaultPluginKinds","defaultPluginKind","initPendingKind","pendingKind","setPendingKind","data","plugin","isFetching","error","createInitialOptions","onKindChange","e","nextKind","target","previousState","onSpecChange","next","draft","isLoading"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/PluginEditor/plugin-editor-api.ts"],"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 { BoxProps } from '@mui/material';\nimport { Definition, UnknownSpec, useEvent } from '@perses-dev/core';\nimport { useState, useRef, useEffect } from 'react';\nimport { produce } from 'immer';\nimport { PanelPlugin, PluginType } from '../../model';\nimport { PluginKindSelectProps } from '../PluginKindSelect/PluginKindSelect';\nimport { PluginSpecEditorProps } from '../PluginSpecEditor/PluginSpecEditor';\nimport { usePlugin, usePluginRegistry } from '../../runtime';\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\nexport interface PluginEditorProps extends Omit<BoxProps, OmittedMuiProps> {\n  pluginType: PluginType;\n  pluginKindLabel: string;\n  value: Definition<UnknownSpec>;\n  onChange: (next: Definition<UnknownSpec>) => void;\n}\n\ntype PreviousSpecState = Record<string, Record<string, UnknownSpec>>;\ntype HideQueryEditorState = Record<string, boolean>;\n\n/**\n * Props needed by the usePluginEditor hook.\n */\nexport type UsePluginEditorProps = Pick<PluginEditorProps, 'pluginType' | 'value' | 'onChange'> & {\n  onHideQueryEditorChange?: (isHidden: boolean) => void;\n};\n\n/**\n * Returns the state/handlers that power the `PluginEditor` component. Useful for custom components that want to provide\n * a different UI, but want the same behavior of changing `kind` and `spec` together on plugin kind changes. Also\n * remembers previous `spec` values that it's seen, allowing and restores those values if a user switches the plugin\n * kind back.\n */\nexport function usePluginEditor(props: UsePluginEditorProps) {\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  const { pluginType, value, onHideQueryEditorChange = () => {} } = props; // setting onHideQueryEditorChange to empty function here because useEvent requires a function\n\n  // Keep a stable reference so we don't run the effect below when we don't need to\n  const onChange = useEvent(props.onChange);\n  const onHideQuery = useEvent(onHideQueryEditorChange);\n\n  // The previous spec state for PluginType and kind and a helper function for remembering current values\n  const prevSpecState = useRef<PreviousSpecState>({\n    [pluginType]: { [value.kind]: value.spec },\n  });\n  const rememberCurrentSpecState = useEvent(() => {\n    let byPluginType = prevSpecState.current[pluginType];\n    if (byPluginType === undefined) {\n      byPluginType = {};\n      prevSpecState.current[pluginType] = byPluginType;\n    }\n    byPluginType[value.kind] = value.spec;\n  });\n\n  // The previous hide query state for each panel kind\n  const hideQueryState = useRef<HideQueryEditorState>({\n    [value.kind]: false,\n  });\n\n  const { defaultPluginKinds } = usePluginRegistry();\n  const defaultPluginKind = defaultPluginKinds?.[pluginType];\n  const initPendingKind = !value.kind && defaultPluginKind ? defaultPluginKind : '';\n\n  // When kind changes and we haven't loaded that plugin before, we will need to enter a \"pending\" state so that we\n  // can generate proper initial spec values that match the new plugin kind\n  const [pendingKind, setPendingKind] = useState(initPendingKind);\n  const { data: plugin, isFetching, error } = usePlugin(pluginType, pendingKind);\n\n  useEffect(() => {\n    // Nothing to do if no new plugin kind is pending\n    if (pendingKind === '') return;\n\n    // Can't get spec value until we have a plugin\n    if (plugin === undefined) return;\n\n    // Fire an onChange to change to the pending kind with initial values from the plugin\n    rememberCurrentSpecState();\n    onChange({\n      kind: pendingKind,\n      spec: plugin.createInitialOptions(),\n    });\n\n    if (pluginType === 'Panel') {\n      const panelPlugin = plugin as PanelPlugin;\n      hideQueryState.current[pendingKind] = !!panelPlugin.hideQueryEditor;\n      if (!!panelPlugin.hideQueryEditor !== hideQueryState.current[value.kind]) {\n        onHideQuery(!!panelPlugin.hideQueryEditor);\n      }\n    }\n\n    setPendingKind('');\n  }, [pendingKind, plugin, rememberCurrentSpecState, onChange, onHideQuery, hideQueryState, pluginType, value.kind]);\n\n  /**\n   * When the user tries to change the plugin kind, make sure we have the correct spec for that plugin kind before we\n   * make the switch.\n   */\n  const onKindChange: PluginKindSelectProps['onChange'] = (e) => {\n    const nextKind = e.target.value;\n\n    // If we already have state for this plugin type/kind from a previous selection, just use it\n    const previousState = prevSpecState.current[pluginType]?.[nextKind];\n    if (previousState !== undefined) {\n      rememberCurrentSpecState();\n      onChange({\n        kind: nextKind,\n        spec: previousState,\n      });\n    } else {\n      // Otherwise, kick off the async loading process\n      setPendingKind(nextKind);\n    }\n\n    if (\n      pluginType === 'Panel' &&\n      hideQueryState.current[nextKind] !== undefined &&\n      hideQueryState.current[value.kind] !== hideQueryState.current[nextKind]\n    ) {\n      onHideQuery(!!hideQueryState.current[nextKind]);\n    }\n  };\n\n  /**\n   * Spec changes are independent and always just set the spec state.\n   */\n  const onSpecChange: PluginSpecEditorProps['onChange'] = (next) => {\n    onChange(\n      produce(value, (draft) => {\n        draft.spec = next;\n      })\n    );\n  };\n\n  return { pendingKind, isLoading: isFetching, error, onKindChange, onSpecChange, rememberCurrentSpecState };\n}\n"],"names":["useEvent","useState","useRef","useEffect","produce","usePlugin","usePluginRegistry","usePluginEditor","props","pluginType","value","onHideQueryEditorChange","onChange","onHideQuery","prevSpecState","kind","spec","rememberCurrentSpecState","byPluginType","current","undefined","hideQueryState","defaultPluginKinds","defaultPluginKind","initPendingKind","pendingKind","setPendingKind","data","plugin","isFetching","error","createInitialOptions","panelPlugin","hideQueryEditor","onKindChange","e","nextKind","target","previousState","onSpecChange","next","draft","isLoading"],"mappings":"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"}

package/dist/components/{PluginKindSelect.d.ts → PluginKindSelect/PluginKindSelect.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SelectProps } from '@mui/material';
-import { PluginType } from '../model';
+import { PluginType } from '../../model';
 export interface PluginKindSelectProps extends Omit<SelectProps<string>, 'children'> {
     pluginType: PluginType;
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"PluginKindSelect.d.ts","sourceRoot":"","sources":["../../../src/components/PluginKindSelect/PluginKindSelect.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAU,WAAW,EAAY,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzC,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAClF,UAAU,EAAE,UAAU,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAiB5D"}

package/dist/components/{PluginKindSelect.js → PluginKindSelect/PluginKindSelect.js}

@@ -12,7 +12,7 @@
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Select, MenuItem } from '@mui/material';
-import { useListPluginMetadata } from '../runtime';
+import { useListPluginMetadata } from '../../runtime';
 /**
  * Displays a MUI Select input for selecting a plugin's kind from a list of all the available plugins of a specific
  * plugin type. (e.g. "Show a list of all the Panel plugins" or "Show a list of all the Variable plugins").

package/dist/components/PluginKindSelect/PluginKindSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PluginKindSelect/PluginKindSelect.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 { Select, SelectProps, MenuItem } from '@mui/material';\nimport { PluginType } from '../../model';\nimport { useListPluginMetadata } from '../../runtime';\n\nexport interface PluginKindSelectProps extends Omit<SelectProps<string>, 'children'> {\n  pluginType: PluginType;\n}\n\n/**\n * Displays a MUI Select input for selecting a plugin's kind from a list of all the available plugins of a specific\n * plugin type. (e.g. \"Show a list of all the Panel plugins\" or \"Show a list of all the Variable plugins\").\n */\nexport function PluginKindSelect(props: PluginKindSelectProps) {\n  const { pluginType, value: propValue, ...others } = props;\n  const { data, isLoading } = useListPluginMetadata(pluginType);\n\n  // Pass an empty value while options are still loading so MUI doesn't complain about us using an \"out of range\" value\n  const value = propValue !== '' && isLoading ? '' : propValue;\n\n  // TODO: Does this need a loading indicator of some kind?\n  return (\n    <Select sx={{ minWidth: 120 }} {...others} value={value}>\n      {data?.map((metadata) => (\n        <MenuItem key={metadata.kind} value={metadata.kind}>\n          {metadata.display.name}\n        </MenuItem>\n      ))}\n    </Select>\n  );\n}\n"],"names":["Select","MenuItem","useListPluginMetadata","PluginKindSelect","props","pluginType","value","propValue","others","data","isLoading","sx","minWidth","map","metadata","kind","display","name"],"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;AAAA,SAASA,MAAM,EAAeC,QAAQ,QAAQ,eAAe,CAAC;AAE9D,SAASC,qBAAqB,QAAQ,eAAe,CAAC;AAMtD;;;CAGC,GACD,OAAO,SAASC,gBAAgB,CAACC,KAA4B,EAAE;IAC7D,MAAM,EAAEC,UAAU,CAAA,EAAEC,KAAK,EAAEC,SAAS,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGJ,KAAK,AAAC;IAC1D,MAAM,EAAEK,IAAI,CAAA,EAAEC,SAAS,CAAA,EAAE,GAAGR,qBAAqB,CAACG,UAAU,CAAC,AAAC;IAE9D,qHAAqH;IACrH,MAAMC,KAAK,GAAGC,SAAS,KAAK,EAAE,IAAIG,SAAS,GAAG,EAAE,GAAGH,SAAS,AAAC;IAE7D,yDAAyD;IACzD,qBACE,KAACP,MAAM;QAACW,EAAE,EAAE;YAAEC,QAAQ,EAAE,GAAG;SAAE;QAAG,GAAGJ,MAAM;QAAEF,KAAK,EAAEA,KAAK;kBACpDG,IAAI,aAAJA,IAAI,WAAK,GAATA,KAAAA,CAAS,GAATA,IAAI,CAAEI,GAAG,CAAC,CAACC,QAAQ,iBAClB,KAACb,QAAQ;gBAAqBK,KAAK,EAAEQ,QAAQ,CAACC,IAAI;0BAC/CD,QAAQ,CAACE,OAAO,CAACC,IAAI;eADTH,QAAQ,CAACC,IAAI,CAEjB,AACZ,CAAC;MACK,CACT;AACJ,CAAC"}

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

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

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

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

package/dist/components/PluginKindSelect/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 './PluginKindSelect';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PluginKindSelect/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 './PluginKindSelect';\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,oBAAoB,CAAC"}

package/dist/components/PluginRegistry/PluginRegistry.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { PluginLoader, DefaultPluginKinds } from '../../model';
 export interface PluginRegistryProps {
-    children?: React.ReactNode;
     pluginLoader: PluginLoader;
-    defaultPluginKinds?: DefaultPluginKinds;
+    defaultPluginKinds: DefaultPluginKinds;
+    children?: React.ReactNode;
 }
 /**
  * PluginRegistryContext provider that keeps track of all available plugins and provides an API for getting them or

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

@@ -1 +1 @@
-{"version":3,"file":"PluginRegistry.d.ts","sourceRoot":"","sources":["../../../src/components/PluginRegistry/PluginRegistry.tsx"],"names":[],"mappings":";AAeA,OAAO,EAKL,YAAY,EACZ,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAIrB,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAoExD"}
+{"version":3,"file":"PluginRegistry.d.ts","sourceRoot":"","sources":["../../../src/components/PluginRegistry/PluginRegistry.tsx"],"names":[],"mappings":";AAeA,OAAO,EAKL,YAAY,EACZ,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAIrB,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,YAAY,CAAC;IAC3B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAoExD"}