@perses-dev/plugin-system 0.27.0 → 0.29.0

package/dist/components/PluginRegistry/PluginRegistry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PluginRegistry/PluginRegistry.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 { UnknownSpec, useEvent } from '@perses-dev/core';\nimport { useRef, useCallback, useMemo } from 'react';\nimport {\n  PluginModuleResource,\n  PluginType,\n  PluginImplementation,\n  Plugin,\n  PluginLoader,\n  DefaultPluginKinds,\n} from '../../model';\nimport { PluginRegistryContext } from '../../runtime';\nimport { usePluginIndexes, getTypeAndKindKey } from './plugin-indexes';\n\nexport interface PluginRegistryProps {\n  children?: React.ReactNode;\n  pluginLoader: PluginLoader;\n  defaultPluginKinds?: DefaultPluginKinds;\n}\n\n/**\n * PluginRegistryContext provider that keeps track of all available plugins and provides an API for getting them or\n * querying the metadata about them.\n */\nexport function PluginRegistry(props: PluginRegistryProps) {\n  const {\n    pluginLoader: { getInstalledPlugins, importPluginModule },\n    children,\n    defaultPluginKinds,\n  } = props;\n\n  const getPluginIndexes = usePluginIndexes(getInstalledPlugins);\n\n  // De-dupe calls to import plugin modules\n  const importCache = useRef(new Map<PluginModuleResource, Promise<unknown>>());\n\n  // Do useEvent here since this accesses the importPluginModule prop and we want a stable reference to it for the\n  // callback below\n  const loadPluginModule = useEvent((resource: PluginModuleResource) => {\n    let request = importCache.current.get(resource);\n    if (request === undefined) {\n      request = importPluginModule(resource);\n      importCache.current.set(resource, request);\n\n      // Remove failed requests from the cache so they can potentially be retried\n      request.catch(() => importCache.current.delete(resource));\n    }\n    return request;\n  });\n\n  const getPlugin = useCallback(\n    async <T extends PluginType>(pluginType: T, kind: string): Promise<PluginImplementation<T>> => {\n      // Get the indexes of the installed plugins\n      const pluginIndexes = await getPluginIndexes();\n\n      // Figure out what module the plugin is in by looking in the index\n      const typeAndKindKey = getTypeAndKindKey(pluginType, kind);\n      const resource = pluginIndexes.pluginResourcesByTypeAndKind.get(typeAndKindKey);\n      if (resource === undefined) {\n        throw new Error(`A ${pluginType} plugin for kind '${kind}' is not installed`);\n      }\n\n      // Treat the plugin module as a bunch of named exports that have plugins\n      const pluginModule = (await loadPluginModule(resource)) as Record<string, Plugin<UnknownSpec>>;\n\n      // We currently assume that plugin modules will have named exports that match the kinds they handle\n      const plugin = pluginModule[kind];\n      if (plugin === undefined) {\n        throw new Error(\n          `The ${pluginType} plugin for kind '${kind}' is missing from the ${resource.metadata.name} plugin module`\n        );\n      }\n\n      return plugin as PluginImplementation<T>;\n    },\n    [getPluginIndexes, loadPluginModule]\n  );\n\n  const listPluginMetadata = useCallback(\n    async (pluginType: PluginType) => {\n      const pluginIndexes = await getPluginIndexes();\n      return pluginIndexes.pluginMetadataByType.get(pluginType) ?? [];\n    },\n    [getPluginIndexes]\n  );\n\n  // Create the registry's context value and render\n  const context = useMemo(\n    () => ({ getPlugin, listPluginMetadata, defaultPluginKinds }),\n    [getPlugin, listPluginMetadata, defaultPluginKinds]\n  );\n  return <PluginRegistryContext.Provider value={context}>{children}</PluginRegistryContext.Provider>;\n}\n"],"names":["useEvent","useRef","useCallback","useMemo","PluginRegistryContext","usePluginIndexes","getTypeAndKindKey","PluginRegistry","props","pluginLoader","getInstalledPlugins","importPluginModule","children","defaultPluginKinds","getPluginIndexes","importCache","Map","loadPluginModule","resource","request","current","get","undefined","set","catch","delete","getPlugin","pluginType","kind","pluginIndexes","typeAndKindKey","pluginResourcesByTypeAndKind","Error","pluginModule","plugin","metadata","name","listPluginMetadata","pluginMetadataByType","context","Provider","value"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/PluginRegistry/PluginRegistry.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 { UnknownSpec, useEvent } from '@perses-dev/core';\nimport { useRef, useCallback, useMemo } from 'react';\nimport {\n  PluginModuleResource,\n  PluginType,\n  PluginImplementation,\n  Plugin,\n  PluginLoader,\n  DefaultPluginKinds,\n} from '../../model';\nimport { PluginRegistryContext } from '../../runtime';\nimport { usePluginIndexes, getTypeAndKindKey } from './plugin-indexes';\n\nexport interface PluginRegistryProps {\n  pluginLoader: PluginLoader;\n  defaultPluginKinds: DefaultPluginKinds;\n  children?: React.ReactNode;\n}\n\n/**\n * PluginRegistryContext provider that keeps track of all available plugins and provides an API for getting them or\n * querying the metadata about them.\n */\nexport function PluginRegistry(props: PluginRegistryProps) {\n  const {\n    pluginLoader: { getInstalledPlugins, importPluginModule },\n    children,\n    defaultPluginKinds,\n  } = props;\n\n  const getPluginIndexes = usePluginIndexes(getInstalledPlugins);\n\n  // De-dupe calls to import plugin modules\n  const importCache = useRef(new Map<PluginModuleResource, Promise<unknown>>());\n\n  // Do useEvent here since this accesses the importPluginModule prop and we want a stable reference to it for the\n  // callback below\n  const loadPluginModule = useEvent((resource: PluginModuleResource) => {\n    let request = importCache.current.get(resource);\n    if (request === undefined) {\n      request = importPluginModule(resource);\n      importCache.current.set(resource, request);\n\n      // Remove failed requests from the cache so they can potentially be retried\n      request.catch(() => importCache.current.delete(resource));\n    }\n    return request;\n  });\n\n  const getPlugin = useCallback(\n    async <T extends PluginType>(pluginType: T, kind: string): Promise<PluginImplementation<T>> => {\n      // Get the indexes of the installed plugins\n      const pluginIndexes = await getPluginIndexes();\n\n      // Figure out what module the plugin is in by looking in the index\n      const typeAndKindKey = getTypeAndKindKey(pluginType, kind);\n      const resource = pluginIndexes.pluginResourcesByTypeAndKind.get(typeAndKindKey);\n      if (resource === undefined) {\n        throw new Error(`A ${pluginType} plugin for kind '${kind}' is not installed`);\n      }\n\n      // Treat the plugin module as a bunch of named exports that have plugins\n      const pluginModule = (await loadPluginModule(resource)) as Record<string, Plugin<UnknownSpec>>;\n\n      // We currently assume that plugin modules will have named exports that match the kinds they handle\n      const plugin = pluginModule[kind];\n      if (plugin === undefined) {\n        throw new Error(\n          `The ${pluginType} plugin for kind '${kind}' is missing from the ${resource.metadata.name} plugin module`\n        );\n      }\n\n      return plugin as PluginImplementation<T>;\n    },\n    [getPluginIndexes, loadPluginModule]\n  );\n\n  const listPluginMetadata = useCallback(\n    async (pluginType: PluginType) => {\n      const pluginIndexes = await getPluginIndexes();\n      return pluginIndexes.pluginMetadataByType.get(pluginType) ?? [];\n    },\n    [getPluginIndexes]\n  );\n\n  // Create the registry's context value and render\n  const context = useMemo(\n    () => ({ getPlugin, listPluginMetadata, defaultPluginKinds }),\n    [getPlugin, listPluginMetadata, defaultPluginKinds]\n  );\n  return <PluginRegistryContext.Provider value={context}>{children}</PluginRegistryContext.Provider>;\n}\n"],"names":["useEvent","useRef","useCallback","useMemo","PluginRegistryContext","usePluginIndexes","getTypeAndKindKey","PluginRegistry","props","pluginLoader","getInstalledPlugins","importPluginModule","children","defaultPluginKinds","getPluginIndexes","importCache","Map","loadPluginModule","resource","request","current","get","undefined","set","catch","delete","getPlugin","pluginType","kind","pluginIndexes","typeAndKindKey","pluginResourcesByTypeAndKind","Error","pluginModule","plugin","metadata","name","listPluginMetadata","pluginMetadataByType","context","Provider","value"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { UnknownSpec } from '@perses-dev/core';
-import { OptionsEditorProps, PluginType } from '../model';
+import { OptionsEditorProps, PluginType } from '../../model';
 export interface PluginSpecEditorProps extends OptionsEditorProps<UnknownSpec> {
     pluginType: PluginType;
     pluginKind: string;

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

@@ -0,0 +1 @@
+{"version":3,"file":"PluginSpecEditor.d.ts","sourceRoot":"","sources":["../../../src/components/PluginSpecEditor/PluginSpecEditor.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG7D,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IAC5E,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,sBA4B5D"}

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

@@ -11,9 +11,8 @@
 // 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 { ErrorAlert } from '@perses-dev/components';
+import { usePlugin } from '../../runtime';
 export function PluginSpecEditor(props) {
     const { pluginType , pluginKind , ...others } = props;
     const { data: plugin , isLoading , error  } = usePlugin(pluginType, pluginKind);
@@ -30,34 +29,7 @@ export function PluginSpecEditor(props) {
         throw new Error(`Missing implementation for ${pluginType} plugin with kind '${pluginKind}'`);
     }
     if (pluginType === 'Panel') {
-        const { PanelQueryEditorComponent , panelOptionsEditorComponents  } = plugin;
-        let tabs = [];
-        if (PanelQueryEditorComponent !== undefined) {
-            tabs.push({
-                label: 'Query',
-                content: /*#__PURE__*/ _jsx(PanelQueryEditorComponent, {
-                    ...others
-                })
-            });
-        }
-        if (panelOptionsEditorComponents !== undefined) {
-            tabs = tabs.concat(panelOptionsEditorComponents.map(({ label , content: OptionsEditorComponent  })=>({
-                    label,
-                    content: /*#__PURE__*/ _jsx(OptionsEditorComponent, {
-                        ...others
-                    })
-                })));
-        }
-        // always show json editor by default
-        tabs.push({
-            label: 'JSON',
-            content: /*#__PURE__*/ _jsx(JSONEditor, {
-                ...others
-            })
-        });
-        return /*#__PURE__*/ _jsx(OptionsEditorTabs, {
-            tabs: tabs
-        });
+        throw new Error('This editor should not be used for panel type. Please use Panel Spec Editor instead.');
     }
     const { OptionsEditorComponent  } = plugin;
     if (OptionsEditorComponent !== undefined) {

package/dist/components/PluginSpecEditor/PluginSpecEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PluginSpecEditor/PluginSpecEditor.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 } from '@perses-dev/components';\nimport { UnknownSpec } from '@perses-dev/core';\nimport { OptionsEditorProps, PluginType } from '../../model';\nimport { usePlugin } from '../../runtime';\n\nexport interface PluginSpecEditorProps extends OptionsEditorProps<UnknownSpec> {\n  pluginType: PluginType;\n  pluginKind: string;\n}\n\nexport function PluginSpecEditor(props: PluginSpecEditorProps) {\n  const { pluginType, pluginKind, ...others } = props;\n  const { data: plugin, isLoading, error } = usePlugin(pluginType, pluginKind);\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 ${pluginType} plugin with kind '${pluginKind}'`);\n  }\n\n  if (pluginType === 'Panel') {\n    throw new Error('This editor should not be used for panel type. Please use Panel Spec Editor instead.');\n  }\n\n  const { OptionsEditorComponent } = plugin;\n\n  if (OptionsEditorComponent !== undefined) {\n    return <OptionsEditorComponent {...others} />;\n  }\n\n  return null;\n}\n"],"names":["ErrorAlert","usePlugin","PluginSpecEditor","props","pluginType","pluginKind","others","data","plugin","isLoading","error","undefined","Error","OptionsEditorComponent"],"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,QAAQ,wBAAwB,CAAC;AAGpD,SAASC,SAAS,QAAQ,eAAe,CAAC;AAO1C,OAAO,SAASC,gBAAgB,CAACC,KAA4B,EAAE;IAC7D,MAAM,EAAEC,UAAU,CAAA,EAAEC,UAAU,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGH,KAAK,AAAC;IACpD,MAAM,EAAEI,IAAI,EAAEC,MAAM,CAAA,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAE,GAAGT,SAAS,CAACG,UAAU,EAAEC,UAAU,CAAC,AAAC;IAE7E,IAAIK,KAAK,EAAE;QACT,qBAAO,KAACV,UAAU;YAACU,KAAK,EAAEA,KAAK;UAAI,CAAC;IACtC,CAAC;IAED,iCAAiC;IACjC,IAAID,SAAS,EAAE;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAID,MAAM,KAAKG,SAAS,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,CAAC,2BAA2B,EAAER,UAAU,CAAC,mBAAmB,EAAEC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/F,CAAC;IAED,IAAID,UAAU,KAAK,OAAO,EAAE;QAC1B,MAAM,IAAIQ,KAAK,CAAC,sFAAsF,CAAC,CAAC;IAC1G,CAAC;IAED,MAAM,EAAEC,sBAAsB,CAAA,EAAE,GAAGL,MAAM,AAAC;IAE1C,IAAIK,sBAAsB,KAAKF,SAAS,EAAE;QACxC,qBAAO,KAACE,sBAAsB;YAAE,GAAGP,MAAM;UAAI,CAAC;IAChD,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PluginSpecEditor/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 './PluginSpecEditor';\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/TimeSeriesQueryEditor/TimeSeriesQueryEditor.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TimeSeriesQueryDefinition, QueryDefinition } from '@perses-dev/core';
+export interface TimeSeriesQueryEditorProps {
+    queries?: TimeSeriesQueryDefinition[];
+    onChange: (queries: QueryDefinition[]) => void;
+}
+export declare function TimeSeriesQueryEditor({ queries, onChange }: TimeSeriesQueryEditorProps): JSX.Element;
+//# sourceMappingURL=TimeSeriesQueryEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSeriesQueryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TimeSeriesQueryEditor/TimeSeriesQueryEditor.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAM9E,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,EAAE,yBAAyB,EAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;CAChD;AAED,wBAAgB,qBAAqB,CAAC,EAAE,OAAY,EAAE,QAAQ,EAAE,EAAE,0BAA0B,eAwG3F"}

package/dist/components/TimeSeriesQueryEditor/TimeSeriesQueryEditor.js

@@ -0,0 +1,131 @@
+// 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 { useState } from 'react';
+import { produce } from 'immer';
+import { Button, Stack } from '@mui/material';
+import AddIcon from 'mdi-material-ui/Plus';
+import { usePlugin, usePluginRegistry } from '../../runtime';
+import { TimeSeriesQueryInput } from './TimeSeriesQueryInput';
+const DEFAULT_QUERY_PLUGIN_TYPE = 'TimeSeriesQuery';
+export function TimeSeriesQueryEditor({ queries =[] , onChange  }) {
+    const hasMoreThanOneQuery = queries.length > 1;
+    const { defaultPluginKinds  } = usePluginRegistry();
+    var ref;
+    const defaultTimeSeriesQueryKind = (ref = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds[DEFAULT_QUERY_PLUGIN_TYPE]) !== null && ref !== void 0 ? ref : '';
+    const { data: defaultQueryPlugin  } = usePlugin(DEFAULT_QUERY_PLUGIN_TYPE, defaultTimeSeriesQueryKind, {
+        useErrorBoundary: true,
+        enabled: true
+    });
+    // State for which queries are collapsed
+    // TODO: Would be easier if we had IDs for queries.
+    const [queriesCollapsed, setQueriesCollapsed] = useState(queries.map(()=>false));
+    // 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: defaultTimeSeriesQueryKind,
+                        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
+            ];
+        });
+    };
+    var ref1;
+    // show one query input if queries is empty
+    const queryDefinitions = queries.length ? queries : [
+        {
+            kind: 'TimeSeriesQuery',
+            spec: {
+                plugin: {
+                    kind: (ref1 = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds['TimeSeriesQuery']) !== null && ref1 !== void 0 ? ref1 : '',
+                    spec: {
+                        query: ''
+                    }
+                }
+            }
+        }
+    ];
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                variant: "contained",
+                startIcon: /*#__PURE__*/ _jsx(AddIcon, {}),
+                sx: {
+                    marginLeft: 'auto'
+                },
+                onClick: handleQueryAdd,
+                children: "Add Query"
+            }),
+            queryDefinitions.map((query, i)=>/*#__PURE__*/ _jsx(TimeSeriesQueryInput, {
+                    index: i,
+                    query: query,
+                    isCollapsed: !!queriesCollapsed[i],
+                    onChange: handleQueryChange,
+                    onDelete: hasMoreThanOneQuery ? handleQueryDelete : undefined,
+                    onCollapseExpand: handleQueryCollapseExpand
+                }, i))
+        ]
+    });
+}
+
+//# sourceMappingURL=TimeSeriesQueryEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TimeSeriesQueryEditor/TimeSeriesQueryEditor.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 { useState } from 'react';\nimport { produce } from 'immer';\nimport { Button, Stack } from '@mui/material';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport { TimeSeriesQueryDefinition, QueryDefinition } from '@perses-dev/core';\nimport { usePlugin, usePluginRegistry } from '../../runtime';\nimport { TimeSeriesQueryInput } from './TimeSeriesQueryInput';\n\nconst DEFAULT_QUERY_PLUGIN_TYPE = 'TimeSeriesQuery';\n\nexport interface TimeSeriesQueryEditorProps {\n  queries?: TimeSeriesQueryDefinition[];\n  onChange: (queries: QueryDefinition[]) => void;\n}\n\nexport function TimeSeriesQueryEditor({ queries = [], onChange }: TimeSeriesQueryEditorProps) {\n  const hasMoreThanOneQuery = queries.length > 1;\n  const { defaultPluginKinds } = usePluginRegistry();\n  const defaultTimeSeriesQueryKind = defaultPluginKinds?.[DEFAULT_QUERY_PLUGIN_TYPE] ?? '';\n\n  const { data: defaultQueryPlugin } = usePlugin(DEFAULT_QUERY_PLUGIN_TYPE, defaultTimeSeriesQueryKind, {\n    useErrorBoundary: true,\n    enabled: true,\n  });\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  // Query handlers\n  const handleQueryChange = (index: number, queryDef: TimeSeriesQueryDefinition) => {\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: TimeSeriesQueryDefinition = {\n          kind: DEFAULT_QUERY_PLUGIN_TYPE,\n          spec: {\n            plugin: { kind: defaultTimeSeriesQueryKind, 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: TimeSeriesQueryDefinition[] = queries.length\n    ? queries\n    : [\n        {\n          kind: 'TimeSeriesQuery',\n          spec: {\n            plugin: {\n              kind: defaultPluginKinds?.['TimeSeriesQuery'] ?? '',\n              spec: {\n                query: '',\n              },\n            },\n          },\n        },\n      ];\n\n  return (\n    <Stack spacing={1}>\n      <Button variant=\"contained\" startIcon={<AddIcon />} sx={{ marginLeft: 'auto' }} onClick={handleQueryAdd}>\n        Add Query\n      </Button>\n      {queryDefinitions.map((query: TimeSeriesQueryDefinition, i: number) => (\n        <TimeSeriesQueryInput\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  );\n}\n"],"names":["useState","produce","Button","Stack","AddIcon","usePlugin","usePluginRegistry","TimeSeriesQueryInput","DEFAULT_QUERY_PLUGIN_TYPE","TimeSeriesQueryEditor","queries","onChange","hasMoreThanOneQuery","length","defaultPluginKinds","defaultTimeSeriesQueryKind","data","defaultQueryPlugin","useErrorBoundary","enabled","queriesCollapsed","setQueriesCollapsed","map","handleQueryChange","index","queryDef","draft","handleQueryAdd","kind","spec","plugin","createInitialOptions","push","handleQueryDelete","splice","handleQueryCollapseExpand","queryDefinitions","query","spacing","variant","startIcon","sx","marginLeft","onClick","i","isCollapsed","onDelete","undefined","onCollapseExpand"],"mappings":"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"}

package/dist/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TimeSeriesQueryDefinition } from '@perses-dev/core';
+interface TimeSeriesQueryInputProps {
+    query: TimeSeriesQueryDefinition;
+    index: number;
+    onChange: (index: number, query: TimeSeriesQueryDefinition) => void;
+    onCollapseExpand: (index: number) => void;
+    isCollapsed?: boolean;
+    onDelete?: (index: number) => void;
+}
+export declare const TimeSeriesQueryInput: ({ index, query, isCollapsed, onDelete, onChange, onCollapseExpand, }: TimeSeriesQueryInputProps) => JSX.Element;
+export {};
+//# sourceMappingURL=TimeSeriesQueryInput.d.ts.map

package/dist/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSeriesQueryInput.d.ts","sourceRoot":"","sources":["../../../src/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAO7D,UAAU,yBAAyB;IACjC,KAAK,EAAE,yBAAyB,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpE,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;AAED,eAAO,MAAM,oBAAoB,yEAO9B,yBAAyB,gBAsB3B,CAAC"}

package/dist/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.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 produce from 'immer';
+import { Stack, IconButton, Typography, Box } from '@mui/material';
+import DeleteIcon from 'mdi-material-ui/DeleteOutline';
+import ChevronDown from 'mdi-material-ui/ChevronDown';
+import ChevronRight from 'mdi-material-ui/ChevronRight';
+import { PluginEditor } from '../PluginEditor';
+export const TimeSeriesQueryInput = ({ 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 TimeSeriesQueryDefinition 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: "TimeSeriesQuery",
+            pluginKindLabel: "Query Type",
+            value: plugin,
+            onChange: handlePluginChange
+        })
+    });
+}
+
+//# sourceMappingURL=TimeSeriesQueryInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.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 produce from 'immer';\nimport { TimeSeriesQueryDefinition } from '@perses-dev/core';\nimport { Stack, IconButton, Typography, BoxProps, Box } from '@mui/material';\nimport DeleteIcon from 'mdi-material-ui/DeleteOutline';\nimport ChevronDown from 'mdi-material-ui/ChevronDown';\nimport ChevronRight from 'mdi-material-ui/ChevronRight';\nimport { PluginEditor, PluginEditorProps } from '../PluginEditor';\n\ninterface TimeSeriesQueryInputProps {\n  query: TimeSeriesQueryDefinition;\n  index: number;\n  onChange: (index: number, query: TimeSeriesQueryDefinition) => void;\n  onCollapseExpand: (index: number) => void;\n  isCollapsed?: boolean;\n  onDelete?: (index: number) => void;\n}\n\nexport const TimeSeriesQueryInput = ({\n  index,\n  query,\n  isCollapsed,\n  onDelete,\n  onChange,\n  onCollapseExpand,\n}: TimeSeriesQueryInputProps) => {\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// 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: TimeSeriesQueryDefinition;\n  onChange: (next: TimeSeriesQueryDefinition) => void;\n}\n\n/**\n * Displays an editor for TimeSeriesQueryDefinition 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      {/* If TimeSeriesQuery plugins ever have common props on the definition, the inputs could go here */}\n      <PluginEditor\n        pluginType=\"TimeSeriesQuery\"\n        pluginKindLabel=\"Query Type\"\n        value={plugin}\n        onChange={handlePluginChange}\n      />\n    </Box>\n  );\n}\n"],"names":["produce","Stack","IconButton","Typography","Box","DeleteIcon","ChevronDown","ChevronRight","PluginEditor","TimeSeriesQueryInput","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;AAAA,OAAOA,OAAO,MAAM,OAAO,CAAC;AAE5B,SAASC,KAAK,EAAEC,UAAU,EAAEC,UAAU,EAAYC,GAAG,QAAQ,eAAe,CAAC;AAC7E,OAAOC,UAAU,MAAM,+BAA+B,CAAC;AACvD,OAAOC,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAOC,YAAY,MAAM,8BAA8B,CAAC;AACxD,SAASC,YAAY,QAA2B,iBAAiB,CAAC;AAWlE,OAAO,MAAMC,oBAAoB,GAAG,CAAC,EACnCC,KAAK,CAAA,EACLC,KAAK,CAAA,EACLC,WAAW,CAAA,EACXC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,gBAAgB,CAAA,EACU,GAAK;IAC/B,qBACE,MAACd,KAAK;QAAae,OAAO,EAAE,CAAC;;0BAC3B,MAACf,KAAK;gBAACgB,SAAS,EAAC,KAAK;gBAACC,UAAU,EAAC,QAAQ;gBAACC,YAAY,EAAE,CAAC;gBAAEC,WAAW,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,OAAO,CAACC,OAAO;;kCACvG,KAACrB,UAAU;wBAACsB,IAAI,EAAC,OAAO;wBAACC,OAAO,EAAE,IAAMV,gBAAgB,CAACL,KAAK,CAAC;kCAC5DE,WAAW,iBAAG,KAACL,YAAY,KAAG,iBAAG,KAACD,WAAW,KAAG;sBACtC;kCACb,MAACH,UAAU;wBAACuB,OAAO,EAAC,UAAU;wBAACC,SAAS,EAAC,IAAI;;4BAAC,QACtC;4BAACjB,KAAK,GAAG,CAAC;;sBACL;kCACb,KAACR,UAAU;wBACTsB,IAAI,EAAC,OAAO;wBACZ,2GAA2G;wBAC3GI,EAAE,EAAE;4BAAEC,UAAU,EAAE,MAAM;4BAAEC,UAAU,EAAE,CAAC,EAAEjB,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;yBAAE;wBAC5EY,OAAO,EAAE,IAAMZ,QAAQ,IAAIA,QAAQ,CAACH,KAAK,CAAC;kCAE1C,cAAA,KAACL,UAAU,KAAG;sBACH;;cACP;YACP,CAACO,WAAW,kBAAI,KAACmB,WAAW;gBAACC,KAAK,EAAErB,KAAK;gBAAEG,QAAQ,EAAE,CAACmB,IAAI,GAAKnB,QAAQ,CAACJ,KAAK,EAAEuB,IAAI,CAAC;cAAI;;OAjB/EvB,KAAK,CAkBT,CACR;AACJ,CAAC,CAAC;AAWF;;CAEC,GACD,SAASqB,WAAW,CAACG,KAAuB,EAAE;IAC5C,MAAM,EAAEF,KAAK,CAAA,EAAElB,QAAQ,CAAA,EAAE,GAAGqB,MAAM,EAAE,GAAGD,KAAK,AAAC;IAC7C,MAAM,EACJE,IAAI,EAAE,EAAEC,MAAM,CAAA,EAAE,CAAA,IACjB,GAAGL,KAAK,AAAC;IAEV,MAAMM,kBAAkB,GAAkC,CAACL,IAAI,GAAK;QAClEnB,QAAQ,CACNd,OAAO,CAACgC,KAAK,EAAE,CAACO,KAAK,GAAK;YACxBA,KAAK,CAACH,IAAI,CAACC,MAAM,GAAGJ,IAAI,CAAC;QAC3B,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,AAAC;IAEF,qBACE,KAAC7B,GAAG;QAAE,GAAG+B,MAAM;kBAEb,cAAA,KAAC3B,YAAY;YACXgC,UAAU,EAAC,iBAAiB;YAC5BC,eAAe,EAAC,YAAY;YAC5BT,KAAK,EAAEK,MAAM;YACbvB,QAAQ,EAAEwB,kBAAkB;UAC5B;MACE,CACN;AACJ,CAAC"}

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

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

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

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

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

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

@@ -0,0 +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"}

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './CalculationSelector';
 export * from './DatasourceSelect';
 export * from './OptionsEditorTabs';
+export * from './PanelSpecEditor';
 export * from './PluginEditor';
 export * from './PluginKindSelect';
 export * from './PluginRegistry';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}

package/dist/components/index.js

@@ -13,6 +13,7 @@
 export * from './CalculationSelector';
 export * from './DatasourceSelect';
 export * from './OptionsEditorTabs';
+export * from './PanelSpecEditor';
 export * from './PluginEditor';
 export * from './PluginKindSelect';
 export * from './PluginRegistry';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.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\nexport * from './CalculationSelector';\nexport * from './DatasourceSelect';\nexport * from './OptionsEditorTabs';\nexport * from './PluginEditor';\nexport * from './PluginKindSelect';\nexport * from './PluginRegistry';\nexport * from './PluginSpecEditor';\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,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
+{"version":3,"sources":["../../src/components/index.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\nexport * from './CalculationSelector';\nexport * from './DatasourceSelect';\nexport * from './OptionsEditorTabs';\nexport * from './PanelSpecEditor';\nexport * from './PluginEditor';\nexport * from './PluginKindSelect';\nexport * from './PluginRegistry';\nexport * from './PluginSpecEditor';\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,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}

package/dist/model/panels.d.ts

@@ -1,5 +1,5 @@
-import { UnknownSpec } from '@perses-dev/core';
 import React from 'react';
+import { UnknownSpec } from '@perses-dev/core';
 import { OptionsEditorTab } from '../components';
 import { OptionsEditorProps, Plugin } from './plugin-base';
 export declare type PanelOptionsEditorComponent<T> = Pick<OptionsEditorTab, 'label'> & {
@@ -10,14 +10,15 @@ export declare type PanelOptionsEditorComponent<T> = Pick<OptionsEditorTab, 'lab
  */
 export interface PanelPlugin<Spec = UnknownSpec> extends Plugin<Spec> {
     PanelComponent: React.ComponentType<PanelProps<Spec>>;
-    /**
-     * React component for the content of "Query" tab
-     */
-    PanelQueryEditorComponent?: React.ComponentType<OptionsEditorProps<Spec>>;
     /**
      * React components for custom tabs
      */
     panelOptionsEditorComponents?: Array<PanelOptionsEditorComponent<Spec>>;
+    /**
+     * If true, query editor will be hidden for panel plugin
+     * @default false
+     */
+    hideQueryEditor?: boolean;
 }
 /**
  * The props provided by Perses to a panel plugin's PanelComponent.

package/dist/model/panels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panels.d.ts","sourceRoot":"","sources":["../../src/model/panels.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE3D,oBAAY,2BAA2B,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAAG;IAC7E,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;CACrD,CAAC;AACF;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,IAAI,GAAG,WAAW,CAAE,SAAQ,MAAM,CAAC,IAAI,CAAC;IACnE,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;IACtD;;OAEG;IACH,yBAAyB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1E;;OAEG;IACH,4BAA4B,CAAC,EAAE,KAAK,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC;CACzE;AAED;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,IAAI;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,iBAAiB,CAAC,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH"}
+{"version":3,"file":"panels.d.ts","sourceRoot":"","sources":["../../src/model/panels.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE3D,oBAAY,2BAA2B,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAAG;IAC7E,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;CACrD,CAAC;AACF;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,IAAI,GAAG,WAAW,CAAE,SAAQ,MAAM,CAAC,IAAI,CAAC;IACnE,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;IACtD;;OAEG;IACH,4BAA4B,CAAC,EAAE,KAAK,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC;IACxE;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,IAAI;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,iBAAiB,CAAC,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH"}

package/dist/model/panels.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/panels.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 { UnknownSpec } from '@perses-dev/core';\nimport React from 'react';\nimport { OptionsEditorTab } from '../components';\nimport { OptionsEditorProps, Plugin } from './plugin-base';\n\nexport type PanelOptionsEditorComponent<T> = Pick<OptionsEditorTab, 'label'> & {\n  content: React.ComponentType<OptionsEditorProps<T>>;\n};\n/**\n * Plugin the provides custom visualizations inside of a Panel.\n */\nexport interface PanelPlugin<Spec = UnknownSpec> extends Plugin<Spec> {\n  PanelComponent: React.ComponentType<PanelProps<Spec>>;\n  /**\n   * React component for the content of \"Query\" tab\n   */\n  PanelQueryEditorComponent?: React.ComponentType<OptionsEditorProps<Spec>>;\n  /**\n   * React components for custom tabs\n   */\n  panelOptionsEditorComponents?: Array<PanelOptionsEditorComponent<Spec>>;\n}\n\n/**\n * The props provided by Perses to a panel plugin's PanelComponent.\n */\nexport interface PanelProps<Spec> {\n  spec: Spec;\n  contentDimensions?: {\n    width: number;\n    height: number;\n  };\n}\n"],"names":["React"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,OAAOA,KAAK,MAAM,OAAO,CAAC"}
+{"version":3,"sources":["../../src/model/panels.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 React from 'react';\nimport { UnknownSpec } from '@perses-dev/core';\nimport { OptionsEditorTab } from '../components';\nimport { OptionsEditorProps, Plugin } from './plugin-base';\n\nexport type PanelOptionsEditorComponent<T> = Pick<OptionsEditorTab, 'label'> & {\n  content: React.ComponentType<OptionsEditorProps<T>>;\n};\n/**\n * Plugin the provides custom visualizations inside of a Panel.\n */\nexport interface PanelPlugin<Spec = UnknownSpec> extends Plugin<Spec> {\n  PanelComponent: React.ComponentType<PanelProps<Spec>>;\n  /**\n   * React components for custom tabs\n   */\n  panelOptionsEditorComponents?: Array<PanelOptionsEditorComponent<Spec>>;\n  /**\n   * If true, query editor will be hidden for panel plugin\n   * @default false\n   */\n  hideQueryEditor?: boolean;\n}\n\n/**\n * The props provided by Perses to a panel plugin's PanelComponent.\n */\nexport interface PanelProps<Spec> {\n  spec: Spec;\n  contentDimensions?: {\n    width: number;\n    height: number;\n  };\n}\n"],"names":["React"],"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,OAAOA,KAAK,MAAM,OAAO,CAAC"}

package/dist/model/plugin-base.d.ts

@@ -1,3 +1,4 @@
+import { QueryDefinition } from '@perses-dev/core';
 import React from 'react';
 /**
  * Base type of all plugin implementations.
@@ -19,4 +20,10 @@ export interface OptionsEditorProps<Spec> {
     value: Spec;
     onChange: (next: Spec) => void;
 }
+/**
+ * Common props passed to query editor component
+ */
+export interface QueryEditorProps<Spec> extends OptionsEditorProps<Spec> {
+    queries: QueryDefinition[];
+}
 //# sourceMappingURL=plugin-base.d.ts.map

package/dist/model/plugin-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-base.d.ts","sourceRoot":"","sources":["../../src/model/plugin-base.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,MAAM,CAAC,IAAI;IAC1B;;OAEG;IACH,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvE;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,IAAI;IAGtC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC"}
+{"version":3,"file":"plugin-base.d.ts","sourceRoot":"","sources":["../../src/model/plugin-base.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,MAAM,CAAC,IAAI;IAC1B;;OAEG;IACH,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvE;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,IAAI;IAGtC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,IAAI,CAAE,SAAQ,kBAAkB,CAAC,IAAI,CAAC;IACtE,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B"}

package/dist/model/plugin-base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/plugin-base.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 React from 'react';\n\n/**\n * Base type of all plugin implementations.\n */\nexport interface Plugin<Spec> {\n  /**\n   * React component for editing the plugin's options in the UI.\n   */\n  OptionsEditorComponent?: React.ComponentType<OptionsEditorProps<Spec>>;\n\n  /**\n   * Callback for creating the initial options for the plugin.\n   */\n  createInitialOptions: () => Spec;\n}\n\n/**\n * Common props passed to options editor components.\n */\nexport interface OptionsEditorProps<Spec> {\n  // TODO: These are temporary and may not actually make sense, so replace\n  // with whatever makes sense as visual editing evolves\n  value: Spec;\n  onChange: (next: Spec) => void;\n}\n"],"names":["React"],"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,OAAOA,KAAK,MAAM,OAAO,CAAC"}
+{"version":3,"sources":["../../src/model/plugin-base.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 { QueryDefinition } from '@perses-dev/core';\nimport React from 'react';\n\n/**\n * Base type of all plugin implementations.\n */\nexport interface Plugin<Spec> {\n  /**\n   * React component for editing the plugin's options in the UI.\n   */\n  OptionsEditorComponent?: React.ComponentType<OptionsEditorProps<Spec>>;\n\n  /**\n   * Callback for creating the initial options for the plugin.\n   */\n  createInitialOptions: () => Spec;\n}\n\n/**\n * Common props passed to options editor components.\n */\nexport interface OptionsEditorProps<Spec> {\n  // TODO: These are temporary and may not actually make sense, so replace\n  // with whatever makes sense as visual editing evolves\n  value: Spec;\n  onChange: (next: Spec) => void;\n}\n\n/**\n * Common props passed to query editor component\n */\nexport interface QueryEditorProps<Spec> extends OptionsEditorProps<Spec> {\n  queries: QueryDefinition[];\n}\n"],"names":["React"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,OAAOA,KAAK,MAAM,OAAO,CAAC"}

package/dist/model/plugins.d.ts

@@ -50,5 +50,7 @@ export declare type PluginImplementation<Type extends PluginType> = SupportedPlu
 /**
  * Default plugin kinds by plugin type.
  */
-export declare type DefaultPluginKinds = Partial<Record<PluginType, string>>;
+declare type PluginKinds = Partial<Record<PluginType, string>>;
+export declare type DefaultPluginKinds = Required<Pick<PluginKinds, 'TimeSeriesQuery'>> & Omit<PluginKinds, 'TimeSeriesQuery'>;
+export {};
 //# sourceMappingURL=plugins.d.ts.map

package/dist/model/plugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../src/model/plugins.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED;;;GAGG;AACH,oBAAY,UAAU,GAAG;KAEtB,CAAC,IAAI,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK;CAC3F,CAAC,MAAM,gBAAgB,CAAC,CAAC;AAE1B;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,WAAW,CAAC;IACnB,eAAe,EAAE,qBAAqB,CAAC;IACvC,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED;;GAEG;AACH,oBAAY,oBAAoB,CAAC,IAAI,SAAS,UAAU,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAEnF;;GAEG;AACH,oBAAY,kBAAkB,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC"}
+{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../src/model/plugins.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED;;;GAGG;AACH,oBAAY,UAAU,GAAG;KAEtB,CAAC,IAAI,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK;CAC3F,CAAC,MAAM,gBAAgB,CAAC,CAAC;AAE1B;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,WAAW,CAAC;IACnB,eAAe,EAAE,qBAAqB,CAAC;IACvC,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED;;GAEG;AACH,oBAAY,oBAAoB,CAAC,IAAI,SAAS,UAAU,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAEnF;;GAEG;AACH,aAAK,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AACvD,oBAAY,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC"}