@perses-dev/plugin-system 0.7.0 → 0.8.0

package/dist/components/PluginRegistry/plugin-indexes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-indexes.d.ts","sourceRoot":"","sources":["../../../src/components/PluginRegistry/plugin-indexes.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGnE,oBAAY,mBAAmB,GAAG,MAAM,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAAC;AAExE,MAAM,WAAW,aAAa;IAE5B,4BAA4B,EAAE,GAAG,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAEhE,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;CACrD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,mBAAmB,EAAE,mBAAmB,gCAoDxE"}

package/dist/components/PluginRegistry/plugin-indexes.js

@@ -0,0 +1 @@
+import{useEvent}from"@perses-dev/core";import{useCallback,useRef}from"react";import{getTypeAndKindKey}from"../../utils/cache-keys";export function usePluginIndexes(e){const n=useEvent((async()=>{const n=await e(),t=new Map,o=new Map;for(const e of n)for(const n of e.spec.plugins){const{pluginType:r,kind:s}=n,u=getTypeAndKindKey(r,s);t.has(u)&&console.warn(`Got more than one ${r} plugin for kind ${s}`),t.set(u,e);let c=o.get(r);void 0===c&&(c=[],o.set(r,c)),c.push(n)}return{pluginResourcesByTypeAndKind:t,pluginMetadataByType:o}})),t=useRef(void 0);return useCallback((()=>{let e=t.current;return void 0===e&&(e=n(),t.current=e,e.catch((()=>void 0===t.current))),e}),[n])}

package/dist/components/PluginRegistry/plugin-registry-model.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { JsonObject } from '@perses-dev/core';
+import { PluginImplementation, PluginMetadata, PluginType } from '../../model';
+export interface PluginRegistryContextType {
+    getPlugin<T extends PluginType>(pluginType: T, kind: string): Promise<PluginImplementation<T, JsonObject>>;
+    listPluginMetadata(pluginType: PluginType): Promise<PluginMetadata[]>;
+}
+export declare const PluginRegistryContext: import("react").Context<PluginRegistryContextType | undefined>;
+export declare function usePluginRegistry(): PluginRegistryContextType;
+//# sourceMappingURL=plugin-registry-model.d.ts.map

package/dist/components/PluginRegistry/plugin-registry-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-registry-model.d.ts","sourceRoot":"","sources":["../../../src/components/PluginRegistry/plugin-registry-model.ts"],"names":[],"mappings":";AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE/E,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,CAAC,SAAS,UAAU,EAAE,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;IAC3G,kBAAkB,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;CACvE;AAED,eAAO,MAAM,qBAAqB,gEAAkE,CAAC;AAErG,wBAAgB,iBAAiB,8BAMhC"}

package/dist/components/PluginRegistry/plugin-registry-model.js

@@ -0,0 +1 @@
+import{createContext,useContext}from"react";export const PluginRegistryContext=createContext(void 0);export function usePluginRegistry(){const t=useContext(PluginRegistryContext);if(void 0===t)throw new Error("PluginRegistryContext not found. Did you forget a provider?");return t}

package/dist/components/PluginRegistry/test-plugins/bert/index.d.ts

@@ -0,0 +1,4 @@
+import { PanelPlugin } from '../../../../model';
+export declare const BertPanel1: PanelPlugin;
+export declare const BertPanel2: PanelPlugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PluginRegistry/test-plugins/bert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PluginRegistry/test-plugins/bert/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,eAAO,MAAM,UAAU,EAAE,WAIxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,WAIxB,CAAC"}

package/dist/components/PluginRegistry/test-plugins/bert/index.js

@@ -0,0 +1 @@
+export const BertPanel1={PanelComponent:()=>null,OptionsEditorComponent:()=>null,createInitialOptions:()=>({})};export const BertPanel2={PanelComponent:()=>null,OptionsEditorComponent:()=>null,createInitialOptions:()=>({})};

package/dist/components/PluginRegistry/test-plugins/bert/plugin.json

@@ -0,0 +1,32 @@
+{
+    "kind": "PluginModule",
+    "metadata": { "name": "Bert" },
+    "spec": {
+        "plugins": [
+            {
+                "pluginType": "Panel",
+                "kind": "BertPanel1",
+                "display": {
+                    "name": "Bert Panel 1",
+                    "description": ""
+                }
+            },
+            {
+                "pluginType": "Panel",
+                "kind": "BertPanel2",
+                "display": {
+                    "name": "Bert Panel 2",
+                    "description": ""
+                }
+            },
+            {
+                "pluginType": "Variable",
+                "kind": "BertVariable",
+                "display": {
+                    "name": "Bert Variable",
+                    "description": ""
+                }
+            }
+        ]
+    }
+}

package/dist/components/PluginRegistry/test-plugins/ernie/index.d.ts

@@ -0,0 +1,3 @@
+import { VariablePlugin } from '../../../../model';
+export declare const ErnieVariable: VariablePlugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PluginRegistry/test-plugins/ernie/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PluginRegistry/test-plugins/ernie/index.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAQnD,eAAO,MAAM,aAAa,EAAE,cAE3B,CAAC"}

package/dist/components/PluginRegistry/test-plugins/ernie/index.js

@@ -0,0 +1 @@
+const data=[{label:"Grover",value:"Grover"},{label:"Snuffleupagus",value:"Snuffleupagus"}];export const ErnieVariable={useVariableOptions:()=>({loading:!1,error:void 0,data})};

package/dist/components/PluginRegistry/test-plugins/ernie/plugin.json

@@ -0,0 +1,24 @@
+{
+    "kind": "PluginModule",
+    "metadata": { "name": "Ernie" },
+    "spec": {
+        "plugins": [
+            {
+                "pluginType": "Variable",
+                "kind": "ErnieVariable",
+                "display": {
+                    "name": "Ernie Variable",
+                    "description": "A variable plugin that exists in the plugin module"
+                }
+            },
+            {
+                "pluginType": "Variable",
+                "kind": "MissingErnieVariable",
+                "display": {
+                    "name": "Ernie Variable",
+                    "description": "A variable plugin that exists here in the metadata, but is not in the plugin module"
+                }
+            }
+        ]
+    }
+}

package/dist/components/PluginRegistry/test-plugins/index.d.ts

@@ -0,0 +1,6 @@
+import { PluginRegistryProps } from '../PluginRegistry';
+/**
+ * Some props for testing the PluginRegistry that use the test plugins/metadata in this folder.
+ */
+export declare const testRegistryProps: Omit<PluginRegistryProps, 'children'>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PluginRegistry/test-plugins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginRegistry/test-plugins/index.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AASxD;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAYnE,CAAC"}

package/dist/components/PluginRegistry/test-plugins/index.js

@@ -0,0 +1 @@
+import bertResource from"./bert/plugin.json";import ernieResource from"./ernie/plugin.json";const testPlugins=new Map;testPlugins.set(bertResource,(()=>import("./bert"))),testPlugins.set(ernieResource,(()=>import("./ernie")));export const testRegistryProps={getInstalledPlugins:()=>{const e=Array.from(testPlugins.keys());return Promise.resolve(e)},importPluginModule:e=>{const t=testPlugins.get(e);if(void 0===t)throw new Error("Plugin not found");return t()}};

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
 export * from './PluginBoundary';
 export * from './PluginLoadingBoundary';
-export * from './PluginRegistry';
+export * from './PluginRegistry/legacy';
 //# sourceMappingURL=index.d.ts.map

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,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC"}

package/dist/components/index.js

@@ -1 +1 @@
-export*from"./PluginBoundary";export*from"./PluginLoadingBoundary";export*from"./PluginRegistry";
+export*from"./PluginBoundary";export*from"./PluginLoadingBoundary";export*from"./PluginRegistry/legacy";

package/dist/model/graph-queries.js

@@ -1 +1 @@
-import{usePlugin}from"../components/PluginLoadingBoundary";export const useGraphQuery=r=>{const u=usePlugin("GraphQuery",r);return void 0===u?{loading:!0}:u.useGraphQuery(r)};
+import{usePlugin}from"../components/PluginLoadingBoundary";export const useGraphQuery=n=>{const r=usePlugin("GraphQuery",n.kind);return void 0===r?{loading:!0}:r.useGraphQuery(n)};

package/dist/model/index.d.ts

@@ -2,4 +2,5 @@ export * from './graph-queries';
 export * from './panels';
 export * from './plugins';
 export * from './variables';
+export * from './visual-editing';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAaA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAaA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/model/index.js

@@ -1 +1 @@
-export*from"./graph-queries";export*from"./panels";export*from"./plugins";export*from"./variables";
+export*from"./graph-queries";export*from"./panels";export*from"./plugins";export*from"./variables";export*from"./visual-editing";

package/dist/model/panels.d.ts

@@ -1,10 +1,13 @@
 /// <reference types="react" />
 import { JsonObject, PanelDefinition } from '@perses-dev/core';
+import { InitialOptionsCallback, OptionsEditor } from './visual-editing';
 /**
  * Plugin the provides custom visualizations inside of a Panel.
  */
 export interface PanelPlugin<Options extends JsonObject = JsonObject> {
     PanelComponent: React.ComponentType<PanelProps<Options>>;
+    OptionsEditorComponent: OptionsEditor<Options>;
+    createInitialOptions: InitialOptionsCallback<Options>;
 }
 /**
  * The props provided by Perses to a panel plugin's PanelComponent.
@@ -17,7 +20,7 @@ export interface PanelProps<Options extends JsonObject> {
     };
 }
 /**
- * Renders a PanelComponent from a panel plugin at runtime.
+ * Hook for using a panel plugin at runtime.
  */
-export declare const PanelComponent: PanelPlugin['PanelComponent'];
+export declare function usePanelPlugin(kind: string): PanelPlugin<JsonObject>;
 //# sourceMappingURL=panels.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"panels.d.ts","sourceRoot":"","sources":["../../src/model/panels.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAG/D;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,OAAO,SAAS,UAAU,GAAG,UAAU;IAClE,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1D;AAED;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,OAAO,SAAS,UAAU;IACpD,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAOxD,CAAC"}
+{"version":3,"file":"panels.d.ts","sourceRoot":"","sources":["../../src/model/panels.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEzE;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,OAAO,SAAS,UAAU,GAAG,UAAU;IAClE,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IACzD,sBAAsB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/C,oBAAoB,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;CACvD;AAED;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,OAAO,SAAS,UAAU;IACpD,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC,UAAU,CAAC,CAQpE"}

package/dist/model/panels.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{usePlugin}from"../components/PluginLoadingBoundary";export const PanelComponent=n=>{const o=usePlugin("Panel",n.definition);if(void 0===o)return null;const{PanelComponent:e}=o;return _jsx(e,{...n})};
+import{usePlugin}from"../components/PluginLoadingBoundary";export function usePanelPlugin(n){const l=usePlugin("Panel",n);return void 0!==l?l:defaultPanelPlugin}const defaultPanelPlugin={PanelComponent:()=>null,OptionsEditorComponent:()=>null,createInitialOptions:()=>({})};

package/dist/model/plugins.d.ts

@@ -1,30 +1,29 @@
-import { JsonObject, ResourceMetadata, VariableDefinition, PanelDefinition } from '@perses-dev/core';
+import { JsonObject, ResourceMetadata, ListVariableDefinition, PanelDefinition } from '@perses-dev/core';
 import { GraphQueryDefinition, GraphQueryPlugin } from './graph-queries';
 import { PanelPlugin } from './panels';
 import { VariablePlugin } from './variables';
-export interface PluginResource {
-    kind: 'Plugin';
+/**
+ * Information about a module/package that contains plugins.
+ */
+export interface PluginModuleResource {
+    kind: 'PluginModule';
     metadata: ResourceMetadata;
     spec: PluginSpec;
 }
 export interface PluginSpec {
-    supported_kinds: Record<string, PluginType>;
+    plugins: PluginMetadata[];
 }
 /**
- * A JavaScript module with Perses plugins.
+ * Metadata about an individual plugin that's part of a PluginModule.
  */
-export interface PluginModule {
-    setup: PluginSetupFunction;
+export interface PluginMetadata {
+    pluginType: PluginType;
+    kind: string;
+    display: {
+        name: string;
+        description?: string;
+    };
 }
-/**
- * When a PluginModule is loaded, this function is called to allow the module
- * to register plugins with Perses.
- */
-export declare type PluginSetupFunction = (registerPlugin: RegisterPlugin) => void;
-/**
- * Callback function that registers a plugin with Perses.
- */
-export declare type RegisterPlugin = <Options extends JsonObject>(config: PluginRegistrationConfig<Options>) => void;
 /**
  * All supported plugin type values as an array for use at runtime.
  */
@@ -35,7 +34,7 @@ export declare const ALL_PLUGIN_TYPES: readonly ["Variable", "Panel", "GraphQuer
 export declare type PluginType = typeof ALL_PLUGIN_TYPES[number];
 declare type SupportedPlugins<Options extends JsonObject> = {
     Variable: {
-        Def: VariableDefinition<Options>;
+        Def: ListVariableDefinition<Options>;
         Impl: VariablePlugin<Options>;
     };
     Panel: {
@@ -48,28 +47,14 @@ declare type SupportedPlugins<Options extends JsonObject> = {
     };
 };
 /**
- * The definition handled for a given plugin type.
+ * Union type of all available plugin implementations.
  */
-export declare type PluginDefinition<Type extends PluginType, Options extends JsonObject> = SupportedPlugins<Options>[Type]['Def'];
+export declare type Plugin<Options extends JsonObject> = {
+    [Type in PluginType]: PluginImplementation<Type, Options>;
+}[PluginType];
 /**
  * The implementation for a given plugin type.
  */
 export declare type PluginImplementation<Type extends PluginType, Options extends JsonObject> = SupportedPlugins<Options>[Type]['Impl'];
-/**
- * Configuration (including the plugin implementation) that's expected when
- * registering a plugin with Perses.
- */
-export declare type PluginRegistrationConfig<Options extends JsonObject> = {
-    [Type in PluginType]: PluginConfig<Type, Options>;
-}[PluginType];
-/**
- * Configuration expected for a particular plugin type.
- */
-export declare type PluginConfig<Type extends PluginType, Options extends JsonObject> = {
-    pluginType: Type;
-    kind: string;
-    validate?: (config: PluginDefinition<Type, JsonObject>) => string[];
-    plugin: PluginImplementation<Type, Options>;
-};
 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,UAAU,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACrG,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CAC7C;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,mBAAmB,CAAC;CAC5B;AAED;;;GAGG;AACH,oBAAY,mBAAmB,GAAG,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;AAE3E;;GAEG;AACH,oBAAY,cAAc,GAAG,CAAC,OAAO,SAAS,UAAU,EAAE,MAAM,EAAE,wBAAwB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;AAE7G;;GAEG;AACH,eAAO,MAAM,gBAAgB,8CAA+C,CAAC;AAE7E;;GAEG;AACH,oBAAY,UAAU,GAAG,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAGzD,aAAK,gBAAgB,CAAC,OAAO,SAAS,UAAU,IAAI;IAClD,QAAQ,EAAE;QACR,GAAG,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;QACjC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;KAC/B,CAAC;IACF,KAAK,EAAE;QACL,GAAG,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;QAC9B,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;KAC5B,CAAC;IACF,UAAU,EAAE;QACV,GAAG,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;QACnC,IAAI,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;KACjC,CAAC;CACH,CAAC;AAEF;;GAEG;AACH,oBAAY,gBAAgB,CAC1B,IAAI,SAAS,UAAU,EACvB,OAAO,SAAS,UAAU,IACxB,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;AAE3C;;GAEG;AACH,oBAAY,oBAAoB,CAC9B,IAAI,SAAS,UAAU,EACvB,OAAO,SAAS,UAAU,IACxB,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C;;;GAGG;AACH,oBAAY,wBAAwB,CAAC,OAAO,SAAS,UAAU,IAAI;KAChE,IAAI,IAAI,UAAU,GAAG,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC;CAClD,CAAC,UAAU,CAAC,CAAC;AAEd;;GAEG;AACH,oBAAY,YAAY,CAAC,IAAI,SAAS,UAAU,EAAE,OAAO,SAAS,UAAU,IAAI;IAC9E,UAAU,EAAE,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,MAAM,EAAE,CAAC;IACpE,MAAM,EAAE,oBAAoB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;CAC7C,CAAC"}
+{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../src/model/plugins.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACzG,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,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;;GAEG;AACH,eAAO,MAAM,gBAAgB,8CAA+C,CAAC;AAE7E;;GAEG;AACH,oBAAY,UAAU,GAAG,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAGzD,aAAK,gBAAgB,CAAC,OAAO,SAAS,UAAU,IAAI;IAClD,QAAQ,EAAE;QACR,GAAG,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;QACrC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;KAC/B,CAAC;IACF,KAAK,EAAE;QACL,GAAG,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;QAC9B,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;KAC5B,CAAC;IACF,UAAU,EAAE;QACV,GAAG,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;QACnC,IAAI,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;KACjC,CAAC;CACH,CAAC;AAEF;;GAEG;AACH,oBAAY,MAAM,CAAC,OAAO,SAAS,UAAU,IAAI;KAC9C,IAAI,IAAI,UAAU,GAAG,oBAAoB,CAAC,IAAI,EAAE,OAAO,CAAC;CAC1D,CAAC,UAAU,CAAC,CAAC;AAEd;;GAEG;AACH,oBAAY,oBAAoB,CAC9B,IAAI,SAAS,UAAU,EACvB,OAAO,SAAS,UAAU,IACxB,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/model/variables.d.ts

@@ -1,4 +1,4 @@
-import { JsonObject, VariableDefinition } from '@perses-dev/core';
+import { JsonObject, ListVariableDefinition, VariableOption } from '@perses-dev/core';
 /**
  * Plugin for handling custom VariableDefinitions.
  */
@@ -9,8 +9,8 @@ export interface VariablePlugin<Options extends JsonObject = JsonObject> {
  * Plugin hook responsible for getting the options of a custom variable
  * definition.
  */
-export declare type UseVariableOptionsHook<Options extends JsonObject> = (definition: VariableDefinition<Options>) => {
-    data: string[];
+export declare type UseVariableOptionsHook<Options extends JsonObject = JsonObject> = (definition: ListVariableDefinition<Options>) => {
+    data: VariableOption[];
     loading: boolean;
     error?: Error;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/model/variables.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGlE;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,OAAO,SAAS,UAAU,GAAG,UAAU;IACrE,kBAAkB,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;CACrD;AAED;;;GAGG;AACH,oBAAY,sBAAsB,CAAC,OAAO,SAAS,UAAU,IAAI,CAAC,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK;IAC5G,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAOnE,CAAC"}
+{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/model/variables.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGtF;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,OAAO,SAAS,UAAU,GAAG,UAAU;IACrE,kBAAkB,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;CACrD;AAED;;;GAGG;AACH,oBAAY,sBAAsB,CAAC,OAAO,SAAS,UAAU,GAAG,UAAU,IAAI,CAC5E,UAAU,EAAE,sBAAsB,CAAC,OAAO,CAAC,KACxC;IACH,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAOnE,CAAC"}

package/dist/model/variables.js

@@ -1 +1 @@
-import{usePlugin}from"../components/PluginLoadingBoundary";export const useVariableOptions=n=>{const o=usePlugin("Variable",n);return void 0===o?{data:[],loading:!0}:o.useVariableOptions(n)};
+import{usePlugin}from"../components/PluginLoadingBoundary";export const useVariableOptions=n=>{const i=usePlugin("Variable",n.kind);return void 0===i?{data:[],loading:!0}:i.useVariableOptions(n)};

package/dist/model/visual-editing.d.ts

@@ -0,0 +1,18 @@
+import { JsonObject } from '@perses-dev/core';
+import React from 'react';
+/**
+ * A component for visual editing of a plugin's options.
+ */
+export declare type OptionsEditor<Options extends JsonObject = JsonObject> = React.ComponentType<OptionsEditorProps<Options>>;
+/**
+ * Common props passed to options editor components.
+ */
+export interface OptionsEditorProps<Options extends JsonObject = JsonObject> {
+    value: Options;
+    onChange: (next: Options) => void;
+}
+/**
+ * Callback for creating initial/empty options for a plugin.
+ */
+export declare type InitialOptionsCallback<Options extends JsonObject> = () => Options;
+//# sourceMappingURL=visual-editing.d.ts.map

package/dist/model/visual-editing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-editing.d.ts","sourceRoot":"","sources":["../../src/model/visual-editing.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,oBAAY,aAAa,CAAC,OAAO,SAAS,UAAU,GAAG,UAAU,IAAI,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;AAEtH;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,OAAO,SAAS,UAAU,GAAG,UAAU;IAGzE,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,oBAAY,sBAAsB,CAAC,OAAO,SAAS,UAAU,IAAI,MAAM,OAAO,CAAC"}

package/dist/model/visual-editing.js

@@ -0,0 +1 @@
+export{};

package/dist/runtime/index.d.ts

@@ -1,4 +1,5 @@
 export * from './datasources';
 export * from './template-variables';
 export * from './time-range';
+export * from './query-string';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAaA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAaA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/runtime/index.js

@@ -1 +1 @@
-export*from"./datasources";export*from"./template-variables";export*from"./time-range";
+export*from"./datasources";export*from"./template-variables";export*from"./time-range";export*from"./query-string";

package/dist/runtime/plugins.d.ts

@@ -0,0 +1,23 @@
+import { JsonObject } from '@perses-dev/core';
+import { UseQueryOptions } from 'react-query';
+import { PluginImplementation, PluginMetadata, PluginType } from '../model';
+declare type UsePluginOptions<T extends PluginType> = Omit<UseQueryOptions<PluginImplementation<T, JsonObject>, unknown, PluginImplementation<T, JsonObject>, string>, 'queryKey' | 'queryFn'>;
+/**
+ * Loads a plugin and returns the plugin implementation, along with loading/error state.
+ */
+export declare function usePlugin<T extends PluginType>(pluginType: T, kind: string, options?: UsePluginOptions<T>): {
+    plugin: PluginImplementation<T, JsonObject> | undefined;
+    isLoading: boolean;
+    error: unknown;
+};
+declare type UseListPluginMetadataOptions = Omit<UseQueryOptions<PluginMetadata[], unknown, PluginMetadata[], string>, 'queryKey' | 'queryFn'>;
+/**
+ * Gets a list of plugin metadata for the specified plugin type and returns it, along with loading/error state.
+ */
+export declare function useListPluginMetadata(pluginType: PluginType, options?: UseListPluginMetadataOptions): {
+    pluginMetadata: PluginMetadata[] | undefined;
+    isLoading: boolean;
+    error: unknown;
+};
+export {};
+//# sourceMappingURL=plugins.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../src/runtime/plugins.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAY,eAAe,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAI5E,aAAK,gBAAgB,CAAC,CAAC,SAAS,UAAU,IAAI,IAAI,CAChD,eAAe,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAC1G,UAAU,GAAG,SAAS,CACvB,CAAC;AAEF;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,UAAU,EAAE,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC;;;;EAKzG;AAGD,aAAK,4BAA4B,GAAG,IAAI,CACtC,eAAe,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EACpE,UAAU,GAAG,SAAS,CACvB,CAAC;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,4BAA4B;;;;EAKnG"}

package/dist/runtime/plugins.js

@@ -0,0 +1 @@
+import{useQuery}from"react-query";import{usePluginRegistry}from"../components/PluginRegistry";import{getTypeAndKindKey}from"../utils/cache-keys";export function usePlugin(e,r,i){const{getPlugin:t}=usePluginRegistry(),n=getTypeAndKindKey(e,r),{data:u,isLoading:s,error:o}=useQuery(n,(()=>t(e,r)),i);return{plugin:u,isLoading:s,error:o}}export function useListPluginMetadata(e,r){const{listPluginMetadata:i}=usePluginRegistry(),t=e,{data:n,isLoading:u,error:s}=useQuery(t,(()=>i(e)),r);return{pluginMetadata:n,isLoading:u,error:s}}

package/dist/runtime/query-string.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface QueryString {
+    queryString: URLSearchParams;
+    setQueryString?: (queryString: URLSearchParams) => void;
+}
+export declare const QueryStringContext: import("react").Context<QueryString | undefined>;
+/**
+ * Gets the current query params at runtime.
+ */
+export declare function useQueryString(): QueryString;
+//# sourceMappingURL=query-string.d.ts.map

package/dist/runtime/query-string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-string.d.ts","sourceRoot":"","sources":["../../src/runtime/query-string.tsx"],"names":[],"mappings":";AAeA,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,eAAe,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,kBAAkB,kDAAoD,CAAC;AAEpF;;GAEG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAM5C"}

package/dist/runtime/query-string.js

@@ -0,0 +1 @@
+import{createContext,useContext}from"react";export const QueryStringContext=createContext(void 0);export function useQueryString(){const t=useContext(QueryStringContext);if(void 0===t)throw new Error("No QueryStringContext found. Did you forget a Provider?");return t}

package/dist/runtime/template-variables.d.ts

@@ -1,17 +1,8 @@
 /// <reference types="react" />
-export interface TemplateVariables {
-    variables: Record<string, VariableState>;
-}
-/**
- * The value and options for a template variable.
- */
-export interface VariableState {
-    value: string | string[];
-    options?: string[];
-}
-export declare const TemplateVariablesContext: import("react").Context<TemplateVariables | undefined>;
-/**
- * Gets TemplateVariables at runtime.
- */
-export declare function useTemplateVariables(): TemplateVariables;
+import { VariableStateMap } from '@perses-dev/core';
+export declare type TemplateVariableSrv = {
+    state: VariableStateMap;
+};
+export declare const TemplateVariableContext: import("react").Context<TemplateVariableSrv | undefined>;
+export declare function useTemplateVariableValues(names?: string[]): VariableStateMap;
 //# sourceMappingURL=template-variables.d.ts.map

package/dist/runtime/template-variables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template-variables.d.ts","sourceRoot":"","sources":["../../src/runtime/template-variables.ts"],"names":[],"mappings":";AAeA,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB,wDAA0D,CAAC;AAEhG;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,iBAAiB,CAMxD"}
+{"version":3,"file":"template-variables.d.ts","sourceRoot":"","sources":["../../src/runtime/template-variables.ts"],"names":[],"mappings":";AAcA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,0DAA4D,CAAC;AAUjG,wBAAgB,yBAAyB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,oBAgBzD"}

package/dist/runtime/template-variables.js

@@ -1 +1 @@
-import{createContext,useContext}from"react";export const TemplateVariablesContext=createContext(void 0);export function useTemplateVariables(){const e=useContext(TemplateVariablesContext);if(void 0===e)throw new Error("No TemplateVariablesContext found. Did you forget a Provider?");return e}
+import{createContext,useContext}from"react";export const TemplateVariableContext=createContext(void 0);function useTemplateVariableContext(){const e=useContext(TemplateVariableContext);if(void 0===e)throw new Error("No TemplateVariableContext found. Did you forget a Provider?");return e}export function useTemplateVariableValues(e){const{state:t}=useTemplateVariableContext();if(void 0===e)return t;const o={};return e.forEach((e=>{const r=t[e];r&&(o[e]=r)})),o}

package/dist/runtime/time-range.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { AbsoluteTimeRange, DurationString } from '@perses-dev/core';
+import { AbsoluteTimeRange, TimeRangeValue } from '@perses-dev/core';
 export interface TimeRange {
     timeRange: AbsoluteTimeRange;
-    defaultDuration: DurationString;
+    setTimeRange: (value: TimeRangeValue) => void;
 }
 export declare const TimeRangeContext: import("react").Context<TimeRange | undefined>;
 /**

package/dist/runtime/time-range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-range.d.ts","sourceRoot":"","sources":["../../src/runtime/time-range.ts"],"names":[],"mappings":";AAcA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAErE,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,eAAe,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,gDAAkD,CAAC;AAEhF;;GAEG;AACH,wBAAgB,YAAY,IAAI,SAAS,CAMxC"}
+{"version":3,"file":"time-range.d.ts","sourceRoot":"","sources":["../../src/runtime/time-range.ts"],"names":[],"mappings":";AAcA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAErE,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,gBAAgB,gDAAkD,CAAC;AAEhF;;GAEG;AACH,wBAAgB,YAAY,IAAI,SAAS,CAMxC"}

package/dist/test/render.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { RenderOptions } from '@testing-library/react';
+/**
+ * Test helper to render a React component with some common app-level providers wrapped around it.
+ */
+export declare function renderWithContext(ui: React.ReactElement, options?: Omit<RenderOptions, 'queries'>): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+//# sourceMappingURL=render.d.ts.map

package/dist/test/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/test/render.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAU,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAM/D;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,gIAEjG"}

package/dist/test/render.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{render}from"@testing-library/react";import{QueryClient,QueryClientProvider}from"react-query";const queryClient=new QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1,retry:!1}}});export function renderWithContext(e,r){return render(_jsx(QueryClientProvider,{client:queryClient,children:e}),r)}

package/dist/test/setup-tests.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/extend-expect';
+//# sourceMappingURL=setup-tests.d.ts.map

package/dist/test/setup-tests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-tests.d.ts","sourceRoot":"","sources":["../../src/test/setup-tests.ts"],"names":[],"mappings":"AAgBA,OAAO,yCAAyC,CAAC"}

package/dist/test/setup-tests.js

@@ -0,0 +1 @@
+import{setLogger}from"react-query";import"@testing-library/jest-dom/extend-expect";setLogger({log:console.log,warn:console.warn,error:()=>{}});

package/dist/utils/cache-keys.d.ts

@@ -0,0 +1,6 @@
+import { PluginType } from '../model';
+/**
+ * Gets a unique key for a plugin type/kind that can be used as a cache key.
+ */
+export declare function getTypeAndKindKey(pluginType: PluginType, kind: string): string;
+//# sourceMappingURL=cache-keys.d.ts.map

package/dist/utils/cache-keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache-keys.d.ts","sourceRoot":"","sources":["../../src/utils/cache-keys.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,UAErE"}

package/dist/utils/cache-keys.js

@@ -0,0 +1 @@
+export function getTypeAndKindKey(e,n){return`${e}:${n}`}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/plugin-system",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "The plugin feature in Pereses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -18,19 +18,19 @@
     "clean": "rimraf dist/",
     "build": "tsc --build",
     "build:cjs": "tsc --project ./tsconfig.cjs.json",
-    "test": "echo 'no test to run' && exit 0",
+    "test": "TZ=UTC jest",
     "lint": "eslint src --ext .ts,.tsx",
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@perses-dev/components": "^0.7.0",
-    "@perses-dev/core": "^0.7.0",
+    "@perses-dev/components": "^0.8.0",
+    "@perses-dev/core": "^0.8.0",
     "immer": "^9.0.15",
     "use-immer": "^0.7.0"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^17.0.2 || ^18.0.0",
+    "react-dom": "^17.0.2 || ^18.0.0",
     "react-query": "^3.34.16"
   },
   "files": [