@perses-dev/dashboards 0.0.0-snapshot-panel-extra-content-2-2767e21 → 0.0.0-snapshot-scatter-chart-embed-8efdfab

package/dist/context/DashboardProvider/panel-slice.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-slice.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 { PanelDefinition } from '@perses-dev/core';\nimport { StateCreator } from 'zustand';\nimport { Middleware } from './common';\n\n/**\n * Slice with the state of Panels, along with any actions that modify only the Panels state.\n */\nexport interface PanelSlice {\n  panels: Record<string, PanelDefinition>;\n}\n\n/**\n * Curried function for creating the PanelSlice.\n */\nexport function createPanelSlice(panels: PanelSlice['panels']): StateCreator<PanelSlice, Middleware, [], PanelSlice> {\n  return () => ({\n    panels,\n  });\n}\n"],"names":["createPanelSlice","panels"],"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;AAajC;;CAEC,GACD,OAAO,SAASA,gBAAgB,CAACC,MAA4B,EAAwD;IACnH,OAAO,IAAO,CAAA;YACZA,MAAM;SACP,CAAA,AAAC,CAAC;AACL,CAAC"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-slice.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 { PanelDefinition } from '@perses-dev/core';\nimport { StateCreator } from 'zustand';\nimport { Middleware } from './common';\n\n/**\n * Slice with the state of Panels, along with any actions that modify only the Panels state.\n */\nexport interface PanelSlice {\n  panels: Record<string, PanelDefinition>;\n}\n\n/**\n * Curried function for creating the PanelSlice.\n */\nexport function createPanelSlice(panels: PanelSlice['panels']): StateCreator<PanelSlice, Middleware, [], PanelSlice> {\n  return () => ({\n    panels,\n  });\n}\n"],"names":["createPanelSlice","panels"],"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;AAajC;;CAEC,GACD,OAAO,SAASA,iBAAiBC,MAA4B;IAC3D,OAAO,IAAO,CAAA;YACZA;QACF,CAAA;AACF"}

package/dist/context/DashboardProvider/save-changes-dialog-slice.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/save-changes-dialog-slice.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 { StateCreator } from 'zustand';\nimport { Middleware } from './common';\n\nexport interface SaveChangesConfirmationDialogSlice {\n  saveChangesConfirmationDialog?: SaveChangesConfirmationDialogState;\n  openSaveChangesConfirmationDialog: (saveChangesConfirmationDialog: SaveChangesConfirmationDialogState) => void;\n  closeSaveChangesConfirmationDialog: () => void;\n}\n\nexport interface SaveChangesConfirmationDialogState {\n  onSaveChanges: (saveDefaultTimeRange: boolean, saveDefaultVariables: boolean) => void;\n  onCancel: () => void;\n  isSavedDurationModified: boolean;\n  isSavedVariableModified: boolean;\n  description?: string;\n}\n\nexport const createSaveChangesDialogSlice: StateCreator<\n  SaveChangesConfirmationDialogSlice,\n  Middleware,\n  [],\n  SaveChangesConfirmationDialogSlice\n> = (set) => ({\n  isOpen: false,\n\n  openSaveChangesConfirmationDialog(dialog) {\n    set(\n      (state) => {\n        state.saveChangesConfirmationDialog = dialog;\n      },\n      false,\n      'openSaveChangesConfirmationDialog'\n    );\n  },\n\n  closeSaveChangesConfirmationDialog() {\n    set(\n      (state) => {\n        state.saveChangesConfirmationDialog = undefined;\n      },\n      false,\n      'closeSaveChangesConfirmationDialog'\n    );\n  },\n});\n"],"names":["createSaveChangesDialogSlice","set","isOpen","openSaveChangesConfirmationDialog","dialog","state","saveChangesConfirmationDialog","closeSaveChangesConfirmationDialog","undefined"],"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;AAmBjC,OAAO,MAAMA,4BAA4B,GAKrC,CAACC,GAAG,GAAM,CAAA;QACZC,MAAM,EAAE,KAAK;QAEbC,iCAAiC,EAACC,MAAM,EAAE;YACxCH,GAAG,CACD,CAACI,KAAK,GAAK;gBACTA,KAAK,CAACC,6BAA6B,GAAGF,MAAM,CAAC;YAC/C,CAAC,EACD,KAAK,EACL,mCAAmC,CACpC,CAAC;QACJ,CAAC;QAEDG,kCAAkC,IAAG;YACnCN,GAAG,CACD,CAACI,KAAK,GAAK;gBACTA,KAAK,CAACC,6BAA6B,GAAGE,SAAS,CAAC;YAClD,CAAC,EACD,KAAK,EACL,oCAAoC,CACrC,CAAC;QACJ,CAAC;KACF,CAAA,AAAC,CAAC"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/save-changes-dialog-slice.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 { StateCreator } from 'zustand';\nimport { Middleware } from './common';\n\nexport interface SaveChangesConfirmationDialogSlice {\n  saveChangesConfirmationDialog?: SaveChangesConfirmationDialogState;\n  openSaveChangesConfirmationDialog: (saveChangesConfirmationDialog: SaveChangesConfirmationDialogState) => void;\n  closeSaveChangesConfirmationDialog: () => void;\n}\n\nexport interface SaveChangesConfirmationDialogState {\n  onSaveChanges: (saveDefaultTimeRange: boolean, saveDefaultVariables: boolean) => void;\n  onCancel: () => void;\n  isSavedDurationModified: boolean;\n  isSavedVariableModified: boolean;\n  description?: string;\n}\n\nexport const createSaveChangesDialogSlice: StateCreator<\n  SaveChangesConfirmationDialogSlice,\n  Middleware,\n  [],\n  SaveChangesConfirmationDialogSlice\n> = (set) => ({\n  isOpen: false,\n\n  openSaveChangesConfirmationDialog(dialog) {\n    set(\n      (state) => {\n        state.saveChangesConfirmationDialog = dialog;\n      },\n      false,\n      'openSaveChangesConfirmationDialog'\n    );\n  },\n\n  closeSaveChangesConfirmationDialog() {\n    set(\n      (state) => {\n        state.saveChangesConfirmationDialog = undefined;\n      },\n      false,\n      'closeSaveChangesConfirmationDialog'\n    );\n  },\n});\n"],"names":["createSaveChangesDialogSlice","set","isOpen","openSaveChangesConfirmationDialog","dialog","state","saveChangesConfirmationDialog","closeSaveChangesConfirmationDialog","undefined"],"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;AAmBjC,OAAO,MAAMA,+BAKT,CAACC,MAAS,CAAA;QACZC,QAAQ;QAERC,mCAAkCC,MAAM;YACtCH,IACE,CAACI;gBACCA,MAAMC,gCAAgCF;YACxC,GACA,OACA;QAEJ;QAEAG;YACEN,IACE,CAACI;gBACCA,MAAMC,gCAAgCE;YACxC,GACA,OACA;QAEJ;IACF,CAAA,EAAG"}

package/dist/context/DatasourceStoreProvider.d.ts

@@ -1,23 +1,28 @@
 import { ReactNode } from 'react';
-import { DashboardResource, Datasource, DatasourceSelector, GlobalDatasource } from '@perses-dev/core';
+import { DashboardResource, ProjectDatasource, DatasourceSelector, DatasourceSpec, GlobalDatasource } from '@perses-dev/core';
 import { DatasourceClient } from '@perses-dev/plugin-system';
 export interface DatasourceStoreProviderProps {
     dashboardResource?: DashboardResource;
     projectName?: string;
     datasourceApi: DatasourceApi;
     children?: ReactNode;
+    savedDatasources?: Record<string, DatasourceSpec>;
     onCreate?: (client: DatasourceClient) => DatasourceClient;
 }
+export declare type BuildDatasourceProxyUrlParams = {
+    project?: string;
+    dashboard?: string;
+    name: string;
+};
+export declare type BuildDatasourceProxyUrlFunc = (p: BuildDatasourceProxyUrlParams) => string;
+/**
+ * The external API for fetching datasource resources
+ */
 export interface DatasourceApi {
-    getDatasource: (project: string, selector: DatasourceSelector) => Promise<{
-        resource: Datasource;
-        proxyUrl: string;
-    } | undefined>;
-    getGlobalDatasource: (selector: DatasourceSelector) => Promise<{
-        resource: GlobalDatasource;
-        proxyUrl: string;
-    } | undefined>;
-    listDatasources: (project: string, pluginKind?: string) => Promise<Datasource[]>;
+    buildProxyUrl?: BuildDatasourceProxyUrlFunc;
+    getDatasource: (project: string, selector: DatasourceSelector) => Promise<ProjectDatasource | undefined>;
+    getGlobalDatasource: (selector: DatasourceSelector) => Promise<GlobalDatasource | undefined>;
+    listDatasources: (project: string, pluginKind?: string) => Promise<ProjectDatasource[]>;
     listGlobalDatasources: (pluginKind?: string) => Promise<GlobalDatasource[]>;
 }
 /**

package/dist/context/DatasourceStoreProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatasourceStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/DatasourceStoreProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AACxD,OAAO,EACL,iBAAiB,EAEjB,UAAU,EACV,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAKL,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,4BAA4B;IAC3C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,gBAAgB,CAAC;CAC3D;AAGD,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,CACb,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,kBAAkB,KACzB,OAAO,CAAC;QAAE,QAAQ,EAAE,UAAU,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;IAErE,mBAAmB,EAAE,CACnB,QAAQ,EAAE,kBAAkB,KACzB,OAAO,CAAC;QAAE,QAAQ,EAAE,gBAAgB,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;IAE3E,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAEjF,qBAAqB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC;CAC7E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eA4G1E"}
+{"version":3,"file":"DatasourceStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/DatasourceStoreProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAClE,OAAO,EACL,iBAAiB,EAEjB,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAKL,gBAAgB,EAEjB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,4BAA4B;IAC3C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,gBAAgB,CAAC;CAC3D;AAED,oBAAY,6BAA6B,GAAG;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,2BAA2B,GAAG,CAAC,CAAC,EAAE,6BAA6B,KAAK,MAAM,CAAC;AAEvF;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,aAAa,CAAC,EAAE,2BAA2B,CAAC;IAE5C,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,KAAK,OAAO,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAC;IAEzG,mBAAmB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAE7F,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAExF,qBAAqB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC;CAC7E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eA8K1E"}

package/dist/context/DatasourceStoreProvider.js

@@ -11,13 +11,16 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { useEvent } from '@perses-dev/core';
 import { DatasourceStoreContext, usePluginRegistry } from '@perses-dev/plugin-system';
 /**
  * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.
  */ export function DatasourceStoreProvider(props) {
-    const { dashboardResource , projectName , datasourceApi , onCreate , children  } = props;
+    const { projectName , datasourceApi , onCreate , children  } = props;
+    const [dashboardResource, setDashboardResource] = useState(props.dashboardResource);
+    var _props_savedDatasources;
+    const [savedDatasources, setSavedDatasources] = useState((_props_savedDatasources = props.savedDatasources) !== null && _props_savedDatasources !== void 0 ? _props_savedDatasources : {});
     const project = projectName !== null && projectName !== void 0 ? projectName : dashboardResource === null || dashboardResource === void 0 ? void 0 : dashboardResource.metadata.project;
     const { getPlugin , listPluginMetadata  } = usePluginRegistry();
     const findDatasource = useEvent(async (selector)=>{
@@ -27,8 +30,12 @@ import { DatasourceStoreContext, usePluginRegistry } from '@perses-dev/plugin-sy
             const dashboardDatasource = findDashboardDatasource(datasources, selector);
             if (dashboardDatasource !== undefined) {
                 return {
-                    spec: dashboardDatasource,
-                    proxyUrl: undefined
+                    spec: dashboardDatasource.spec,
+                    proxyUrl: buildDatasourceProxyUrl(datasourceApi, {
+                        project: dashboardResource.metadata.project,
+                        dashboard: dashboardResource.metadata.name,
+                        name: dashboardDatasource.name
+                    })
                 };
             }
         }
@@ -37,8 +44,11 @@ import { DatasourceStoreContext, usePluginRegistry } from '@perses-dev/plugin-sy
             const datasource = await datasourceApi.getDatasource(project, selector);
             if (datasource !== undefined) {
                 return {
-                    spec: datasource.resource.spec,
-                    proxyUrl: datasource.proxyUrl
+                    spec: datasource.spec,
+                    proxyUrl: buildDatasourceProxyUrl(datasourceApi, {
+                        project: datasource.metadata.project,
+                        name: datasource.metadata.name
+                    })
                 };
             }
         }
@@ -46,8 +56,10 @@ import { DatasourceStoreContext, usePluginRegistry } from '@perses-dev/plugin-sy
         const globalDatasource = await datasourceApi.getGlobalDatasource(selector);
         if (globalDatasource !== undefined) {
             return {
-                spec: globalDatasource.resource.spec,
-                proxyUrl: globalDatasource.proxyUrl
+                spec: globalDatasource.spec,
+                proxyUrl: buildDatasourceProxyUrl(datasourceApi, {
+                    name: globalDatasource.metadata.name
+                })
             };
         }
         throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);
@@ -79,53 +91,104 @@ import { DatasourceStoreContext, usePluginRegistry } from '@perses-dev/plugin-sy
         getPlugin,
         onCreate
     ]);
-    const listDatasourceMetadata = useEvent(async (datasourcePluginKind)=>{
+    const listDatasourceSelectItems = useEvent(async (datasourcePluginKind)=>{
         const [pluginMetadata, datasources, globalDatasources] = await Promise.all([
             listPluginMetadata('Datasource'),
             project ? datasourceApi.listDatasources(project, datasourcePluginKind) : [],
             datasourceApi.listGlobalDatasources(datasourcePluginKind)
         ]);
-        // Find the metadata for the plugin type they asked for so we can use it for the name of the default datasource
+        // Find the metadata for the plugin type they asked for, so we can use it for the name of the default datasource
         const datasourcePluginMetadata = pluginMetadata.find((metadata)=>metadata.kind === datasourcePluginKind);
         if (datasourcePluginMetadata === undefined) {
             throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginKind}'`);
         }
-        // Get helper for de-duping results properly
-        const { results , addResult  } = buildListDatasourceMetadataResults(datasourcePluginMetadata.display.name);
-        // Start with dashboard datasources that have highest precedence
+        // Get helper for computing results properly
+        const { results , addItem  } = buildDatasourceSelectItemGroups(datasourcePluginMetadata.display.name);
+        // Start with dashboard datasources with the highest precedence
         if (dashboardResource === null || dashboardResource === void 0 ? void 0 : dashboardResource.spec.datasources) {
             for(const selectorName in dashboardResource.spec.datasources){
                 const spec = dashboardResource.spec.datasources[selectorName];
                 if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;
-                addResult(spec, selectorName);
+                const saved = selectorName in savedDatasources;
+                addItem({
+                    spec,
+                    selectorName,
+                    selectorGroup: 'dashboard',
+                    saved
+                });
             }
         }
         // Now look at project-level datasources
         for (const datasource of datasources){
-            const selectorName1 = datasource.metadata.name;
-            addResult(datasource.spec, selectorName1);
+            const selectorName = datasource.metadata.name;
+            addItem({
+                spec: datasource.spec,
+                selectorName,
+                selectorGroup: 'project',
+                editLink: `/projects/${project}/datasources`
+            });
         }
         // And finally global datasources
         for (const globalDatasource of globalDatasources){
-            const selectorName2 = globalDatasource.metadata.name;
-            addResult(globalDatasource.spec, selectorName2);
+            const selectorName = globalDatasource.metadata.name;
+            addItem({
+                spec: globalDatasource.spec,
+                selectorName,
+                selectorGroup: 'global',
+                editLink: '/admin/datasources'
+            });
         }
         return results;
     });
+    const getLocalDatasources = useCallback(()=>{
+        var _dashboardResource_spec_datasources;
+        return (_dashboardResource_spec_datasources = dashboardResource === null || dashboardResource === void 0 ? void 0 : dashboardResource.spec.datasources) !== null && _dashboardResource_spec_datasources !== void 0 ? _dashboardResource_spec_datasources : {};
+    }, [
+        dashboardResource
+    ]);
+    const getSavedDatasources = useCallback(()=>{
+        return savedDatasources;
+    }, [
+        savedDatasources
+    ]);
+    const setLocalDatasources = useCallback((datasources)=>{
+        if (dashboardResource) {
+            setDashboardResource({
+                ...dashboardResource,
+                spec: {
+                    ...dashboardResource.spec,
+                    datasources: datasources
+                }
+            });
+        }
+    }, [
+        dashboardResource
+    ]);
     const ctxValue = useMemo(()=>({
             getDatasource,
             getDatasourceClient,
-            listDatasourceMetadata
+            getLocalDatasources,
+            setLocalDatasources,
+            setSavedDatasources,
+            getSavedDatasources,
+            listDatasourceSelectItems
         }), [
         getDatasource,
         getDatasourceClient,
-        listDatasourceMetadata
+        getLocalDatasources,
+        setLocalDatasources,
+        listDatasourceSelectItems,
+        setSavedDatasources,
+        getSavedDatasources
     ]);
     return /*#__PURE__*/ _jsx(DatasourceStoreContext.Provider, {
         value: ctxValue,
         children: children
     });
 }
+function buildDatasourceProxyUrl(api, params) {
+    return api.buildProxyUrl ? api.buildProxyUrl(params) : '';
+}
 // Helper to find a datasource in the list embedded in a dashboard spec
 function findDashboardDatasource(dashboardDatasources, selector) {
     if (dashboardDatasources === undefined) return undefined;
@@ -133,43 +196,99 @@ function findDashboardDatasource(dashboardDatasources, selector) {
     if (selector.name !== undefined) {
         const named = dashboardDatasources[selector.name];
         if (named === undefined) return undefined;
-        return named.plugin.kind === selector.kind ? named : undefined;
+        return named.plugin.kind === selector.kind ? {
+            name: selector.name,
+            spec: named
+        } : undefined;
     }
     // If only using a kind, try to find one with that kind that is the default
-    return Object.values(dashboardDatasources).find((ds)=>ds.plugin.kind === selector.kind && ds.default === true);
+    const result = Object.entries(dashboardDatasources).find((entry)=>entry[1].plugin.kind === selector.kind && entry[1].default);
+    if (!result) {
+        return undefined;
+    }
+    return {
+        name: result[0],
+        spec: result[1]
+    };
 }
-// Helper for building a list of DatasourceMetadata results that will take care of de-duping already used selectors
-function buildListDatasourceMetadataResults(pluginDisplayName) {
+/**
+ * Helper for building a list of DatasourceSelectItemGroup results.
+ * @param pluginDisplayName
+ */ function buildDatasourceSelectItemGroups(pluginDisplayName) {
     const results = [];
     const usedNames = new Set();
-    let defaultAdded = false;
-    const addResult = (spec, selectorName)=>{
-        var ref;
-        // If we haven't added a default yet and this is a default, add default option to the beginning of the results
-        if (spec.default && defaultAdded === false) {
-            results.unshift({
-                name: `Default ${pluginDisplayName}`,
-                selector: {
-                    kind: spec.plugin.kind
-                }
+    let isFirst = true;
+    let explicitDefaultAdded = false;
+    const groupIndices = {};
+    let currentGroupIndex = 1; // 0 is the default group, always there as it contains at least the first item.
+    const addItem = ({ spec , selectorName , selectorGroup: group , editLink , saved  })=>{
+        var _spec_display;
+        group = group !== null && group !== void 0 ? group : '';
+        // Ensure the default group is always present as soon as an item is added.
+        if (isFirst) {
+            results.push({
+                group: `Default ${pluginDisplayName}`,
+                items: []
             });
-            defaultAdded = true;
         }
-        // If we already have a datasource with this selector name, ignore it, otherwise add to end of list
-        if (usedNames.has(selectorName)) return;
-        var ref1;
-        results.push({
-            name: (ref1 = (ref = spec.display) === null || ref === void 0 ? void 0 : ref.name) !== null && ref1 !== void 0 ? ref1 : selectorName,
+        var _groupIndices_group;
+        // Create the group if necessary
+        let selectItemGroup = results[(_groupIndices_group = groupIndices[group]) !== null && _groupIndices_group !== void 0 ? _groupIndices_group : -1];
+        if (!selectItemGroup) {
+            groupIndices[group] = currentGroupIndex;
+            selectItemGroup = {
+                items: [],
+                group,
+                editLink
+            };
+            results[currentGroupIndex] = selectItemGroup;
+            currentGroupIndex++;
+        }
+        // Add item to the group
+        const isOverridden = usedNames.has(selectorName);
+        var _spec_display_name;
+        selectItemGroup.items.push({
+            name: (_spec_display_name = (_spec_display = spec.display) === null || _spec_display === void 0 ? void 0 : _spec_display.name) !== null && _spec_display_name !== void 0 ? _spec_display_name : selectorName,
+            overridden: isOverridden,
+            saved,
             selector: {
                 kind: spec.plugin.kind,
-                name: selectorName
+                name: selectorName,
+                group
             }
         });
         usedNames.add(selectorName);
+        const isExplicitDefault = !isOverridden && spec.default && !explicitDefaultAdded;
+        if (results[0] && (isFirst || isExplicitDefault)) {
+            // If we haven't added a default yet and this is a default, add default option to the beginning of the results
+            results[0].items = [
+                {
+                    name: `Default (${selectorName} from ${group})`,
+                    selector: {
+                        kind: spec.plugin.kind
+                    }
+                }
+            ];
+            // We consider that we added the default datasource only if it has been explicitly set as default.
+            // If we add this datasource as default just because it's the first, it still needs to be overridable by
+            // another datasource explicitly set as default.
+            explicitDefaultAdded = isExplicitDefault;
+        }
+        // At the end, we make sure the overriding item(s) is well flagged so
+        if (isOverridden) {
+            for(let i = explicitDefaultAdded ? 1 : 0; i < currentGroupIndex; i++){
+                var _results_i;
+                var _results_i_items;
+                ((_results_i_items = (_results_i = results[i]) === null || _results_i === void 0 ? void 0 : _results_i.items) !== null && _results_i_items !== void 0 ? _results_i_items : []).filter((item)=>item.selector.name === selectorName).forEach((item)=>{
+                    item.overriding = true;
+                });
+            }
+        }
+        isFirst = false;
     };
     return {
         results,
-        addResult
+        addItem
     };
 }
 

package/dist/context/DatasourceStoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/DatasourceStoreProvider.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 { ReactNode, useCallback, useMemo } from 'react';\nimport {\n  DashboardResource,\n  DashboardSpec,\n  Datasource,\n  DatasourceSelector,\n  DatasourceSpec,\n  GlobalDatasource,\n  useEvent,\n} from '@perses-dev/core';\nimport {\n  DatasourceStoreContext,\n  DatasourceStore,\n  usePluginRegistry,\n  DatasourceMetadata,\n  DatasourceClient,\n} from '@perses-dev/plugin-system';\n\nexport interface DatasourceStoreProviderProps {\n  dashboardResource?: DashboardResource;\n  projectName?: string;\n  datasourceApi: DatasourceApi;\n  children?: ReactNode;\n  onCreate?: (client: DatasourceClient) => DatasourceClient;\n}\n\n// The external API for fetching datasource resources\nexport interface DatasourceApi {\n  getDatasource: (\n    project: string,\n    selector: DatasourceSelector\n  ) => Promise<{ resource: Datasource; proxyUrl: string } | undefined>;\n\n  getGlobalDatasource: (\n    selector: DatasourceSelector\n  ) => Promise<{ resource: GlobalDatasource; proxyUrl: string } | undefined>;\n\n  listDatasources: (project: string, pluginKind?: string) => Promise<Datasource[]>;\n\n  listGlobalDatasources: (pluginKind?: string) => Promise<GlobalDatasource[]>;\n}\n\n/**\n * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.\n */\nexport function DatasourceStoreProvider(props: DatasourceStoreProviderProps) {\n  const { dashboardResource, projectName, datasourceApi, onCreate, children } = props;\n  const project = projectName ?? dashboardResource?.metadata.project;\n\n  const { getPlugin, listPluginMetadata } = usePluginRegistry();\n\n  const findDatasource = useEvent(async (selector: DatasourceSelector) => {\n    // Try to find it in dashboard spec\n    if (dashboardResource) {\n      const { datasources } = dashboardResource.spec;\n      const dashboardDatasource = findDashboardDatasource(datasources, selector);\n      if (dashboardDatasource !== undefined) {\n        return { spec: dashboardDatasource, proxyUrl: undefined };\n      }\n    }\n\n    if (project) {\n      // Try to find it at the project level as a Datasource resource\n      const datasource = await datasourceApi.getDatasource(project, selector);\n      if (datasource !== undefined) {\n        return { spec: datasource.resource.spec, proxyUrl: datasource.proxyUrl };\n      }\n    }\n\n    // Try to find it at the global level as a GlobalDatasource resource\n    const globalDatasource = await datasourceApi.getGlobalDatasource(selector);\n    if (globalDatasource !== undefined) {\n      return { spec: globalDatasource.resource.spec, proxyUrl: globalDatasource.proxyUrl };\n    }\n\n    throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);\n  });\n\n  // Gets a datasource spec for a given selector\n  const getDatasource = useCallback(\n    async (selector: DatasourceSelector): Promise<DatasourceSpec> => {\n      const { spec } = await findDatasource(selector);\n      return spec;\n    },\n    [findDatasource]\n  );\n\n  // Given a Datasource selector, finds the spec for it and then uses its corresponding plugin the create a client\n  const getDatasourceClient = useCallback(\n    async function getClient<Client extends DatasourceClient>(selector: DatasourceSelector): Promise<Client> {\n      const { kind } = selector;\n      const [{ spec, proxyUrl }, plugin] = await Promise.all([findDatasource(selector), getPlugin('Datasource', kind)]);\n\n      // allows extending client\n      const client = plugin.createClient(spec.plugin.spec, { proxyUrl }) as Client;\n      if (onCreate !== undefined) {\n        return onCreate(client) as Client;\n      }\n      return client;\n    },\n    [findDatasource, getPlugin, onCreate]\n  );\n\n  const listDatasourceMetadata = useEvent(async (datasourcePluginKind: string): Promise<DatasourceMetadata[]> => {\n    const [pluginMetadata, datasources, globalDatasources] = await Promise.all([\n      listPluginMetadata('Datasource'),\n      project ? datasourceApi.listDatasources(project, datasourcePluginKind) : [],\n      datasourceApi.listGlobalDatasources(datasourcePluginKind),\n    ]);\n\n    // Find the metadata for the plugin type they asked for so we can use it for the name of the default datasource\n    const datasourcePluginMetadata = pluginMetadata.find((metadata) => metadata.kind === datasourcePluginKind);\n    if (datasourcePluginMetadata === undefined) {\n      throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginKind}'`);\n    }\n\n    // Get helper for de-duping results properly\n    const { results, addResult } = buildListDatasourceMetadataResults(datasourcePluginMetadata.display.name);\n\n    // Start with dashboard datasources that have highest precedence\n    if (dashboardResource?.spec.datasources) {\n      for (const selectorName in dashboardResource.spec.datasources) {\n        const spec = dashboardResource.spec.datasources[selectorName];\n        if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;\n        addResult(spec, selectorName);\n      }\n    }\n\n    // Now look at project-level datasources\n    for (const datasource of datasources) {\n      const selectorName = datasource.metadata.name;\n      addResult(datasource.spec, selectorName);\n    }\n\n    // And finally global datasources\n    for (const globalDatasource of globalDatasources) {\n      const selectorName = globalDatasource.metadata.name;\n      addResult(globalDatasource.spec, selectorName);\n    }\n\n    return results;\n  });\n\n  const ctxValue: DatasourceStore = useMemo(\n    () => ({\n      getDatasource,\n      getDatasourceClient,\n      listDatasourceMetadata,\n    }),\n    [getDatasource, getDatasourceClient, listDatasourceMetadata]\n  );\n\n  return <DatasourceStoreContext.Provider value={ctxValue}>{children}</DatasourceStoreContext.Provider>;\n}\n\n// Helper to find a datasource in the list embedded in a dashboard spec\nfunction findDashboardDatasource(dashboardDatasources: DashboardSpec['datasources'], selector: DatasourceSelector) {\n  if (dashboardDatasources === undefined) return undefined;\n\n  // If using a name in the selector...\n  if (selector.name !== undefined) {\n    const named = dashboardDatasources[selector.name];\n    if (named === undefined) return undefined;\n    return named.plugin.kind === selector.kind ? named : undefined;\n  }\n\n  // If only using a kind, try to find one with that kind that is the default\n  return Object.values(dashboardDatasources).find((ds) => ds.plugin.kind === selector.kind && ds.default === true);\n}\n\n// Helper for building a list of DatasourceMetadata results that will take care of de-duping already used selectors\nfunction buildListDatasourceMetadataResults(pluginDisplayName: string) {\n  const results: DatasourceMetadata[] = [];\n  const usedNames = new Set<string>();\n  let defaultAdded = false;\n  const addResult = (spec: DatasourceSpec, selectorName: string) => {\n    // If we haven't added a default yet and this is a default, add default option to the beginning of the results\n    if (spec.default && defaultAdded === false) {\n      results.unshift({\n        name: `Default ${pluginDisplayName}`,\n        selector: {\n          kind: spec.plugin.kind,\n        },\n      });\n      defaultAdded = true;\n    }\n\n    // If we already have a datasource with this selector name, ignore it, otherwise add to end of list\n    if (usedNames.has(selectorName)) return;\n\n    results.push({\n      name: spec.display?.name ?? selectorName,\n      selector: {\n        kind: spec.plugin.kind,\n        name: selectorName,\n      },\n    });\n    usedNames.add(selectorName);\n  };\n\n  return { results, addResult };\n}\n"],"names":["useCallback","useMemo","useEvent","DatasourceStoreContext","usePluginRegistry","DatasourceStoreProvider","props","dashboardResource","projectName","datasourceApi","onCreate","children","project","metadata","getPlugin","listPluginMetadata","findDatasource","selector","datasources","spec","dashboardDatasource","findDashboardDatasource","undefined","proxyUrl","datasource","getDatasource","resource","globalDatasource","getGlobalDatasource","Error","kind","name","getDatasourceClient","getClient","plugin","Promise","all","client","createClient","listDatasourceMetadata","datasourcePluginKind","pluginMetadata","globalDatasources","listDatasources","listGlobalDatasources","datasourcePluginMetadata","find","results","addResult","buildListDatasourceMetadataResults","display","selectorName","ctxValue","Provider","value","dashboardDatasources","named","Object","values","ds","default","pluginDisplayName","usedNames","Set","defaultAdded","unshift","has","push","add"],"mappings":"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"}
+{"version":3,"sources":["../../src/context/DatasourceStoreProvider.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 { ReactNode, useCallback, useMemo, useState } from 'react';\nimport {\n  DashboardResource,\n  DashboardSpec,\n  ProjectDatasource,\n  DatasourceSelector,\n  DatasourceSpec,\n  GlobalDatasource,\n  useEvent,\n} from '@perses-dev/core';\nimport {\n  DatasourceStoreContext,\n  DatasourceStore,\n  DatasourceSelectItemGroup,\n  usePluginRegistry,\n  DatasourceClient,\n  DatasourceSelectItem,\n} from '@perses-dev/plugin-system';\n\nexport interface DatasourceStoreProviderProps {\n  dashboardResource?: DashboardResource;\n  projectName?: string;\n  datasourceApi: DatasourceApi;\n  children?: ReactNode;\n  savedDatasources?: Record<string, DatasourceSpec>;\n  onCreate?: (client: DatasourceClient) => DatasourceClient;\n}\n\nexport type BuildDatasourceProxyUrlParams = {\n  project?: string;\n  dashboard?: string;\n  name: string;\n};\n\nexport type BuildDatasourceProxyUrlFunc = (p: BuildDatasourceProxyUrlParams) => string;\n\n/**\n * The external API for fetching datasource resources\n */\nexport interface DatasourceApi {\n  buildProxyUrl?: BuildDatasourceProxyUrlFunc;\n\n  getDatasource: (project: string, selector: DatasourceSelector) => Promise<ProjectDatasource | undefined>;\n\n  getGlobalDatasource: (selector: DatasourceSelector) => Promise<GlobalDatasource | undefined>;\n\n  listDatasources: (project: string, pluginKind?: string) => Promise<ProjectDatasource[]>;\n\n  listGlobalDatasources: (pluginKind?: string) => Promise<GlobalDatasource[]>;\n}\n\n/**\n * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.\n */\nexport function DatasourceStoreProvider(props: DatasourceStoreProviderProps) {\n  const { projectName, datasourceApi, onCreate, children } = props;\n  const [dashboardResource, setDashboardResource] = useState(props.dashboardResource);\n  const [savedDatasources, setSavedDatasources] = useState<Record<string, DatasourceSpec>>(\n    props.savedDatasources ?? {}\n  );\n  const project = projectName ?? dashboardResource?.metadata.project;\n\n  const { getPlugin, listPluginMetadata } = usePluginRegistry();\n\n  const findDatasource = useEvent(async (selector: DatasourceSelector) => {\n    // Try to find it in dashboard spec\n    if (dashboardResource) {\n      const { datasources } = dashboardResource.spec;\n      const dashboardDatasource = findDashboardDatasource(datasources, selector);\n      if (dashboardDatasource !== undefined) {\n        return {\n          spec: dashboardDatasource.spec,\n          proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n            project: dashboardResource.metadata.project,\n            dashboard: dashboardResource.metadata.name,\n            name: dashboardDatasource.name,\n          }),\n        };\n      }\n    }\n\n    if (project) {\n      // Try to find it at the project level as a Datasource resource\n      const datasource = await datasourceApi.getDatasource(project, selector);\n      if (datasource !== undefined) {\n        return {\n          spec: datasource.spec,\n          proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n            project: datasource.metadata.project,\n            name: datasource.metadata.name,\n          }),\n        };\n      }\n    }\n\n    // Try to find it at the global level as a GlobalDatasource resource\n    const globalDatasource = await datasourceApi.getGlobalDatasource(selector);\n    if (globalDatasource !== undefined) {\n      return {\n        spec: globalDatasource.spec,\n        proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n          name: globalDatasource.metadata.name,\n        }),\n      };\n    }\n\n    throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);\n  });\n\n  // Gets a datasource spec for a given selector\n  const getDatasource = useCallback(\n    async (selector: DatasourceSelector): Promise<DatasourceSpec> => {\n      const { spec } = await findDatasource(selector);\n      return spec;\n    },\n    [findDatasource]\n  );\n\n  // Given a Datasource selector, finds the spec for it and then uses its corresponding plugin the create a client\n  const getDatasourceClient = useCallback(\n    async function getClient<Client extends DatasourceClient>(selector: DatasourceSelector): Promise<Client> {\n      const { kind } = selector;\n      const [{ spec, proxyUrl }, plugin] = await Promise.all([findDatasource(selector), getPlugin('Datasource', kind)]);\n\n      // allows extending client\n      const client = plugin.createClient(spec.plugin.spec, { proxyUrl }) as Client;\n      if (onCreate !== undefined) {\n        return onCreate(client) as Client;\n      }\n      return client;\n    },\n    [findDatasource, getPlugin, onCreate]\n  );\n\n  const listDatasourceSelectItems = useEvent(\n    async (datasourcePluginKind: string): Promise<DatasourceSelectItemGroup[]> => {\n      const [pluginMetadata, datasources, globalDatasources] = await Promise.all([\n        listPluginMetadata('Datasource'),\n        project ? datasourceApi.listDatasources(project, datasourcePluginKind) : [],\n        datasourceApi.listGlobalDatasources(datasourcePluginKind),\n      ]);\n\n      // Find the metadata for the plugin type they asked for, so we can use it for the name of the default datasource\n      const datasourcePluginMetadata = pluginMetadata.find((metadata) => metadata.kind === datasourcePluginKind);\n      if (datasourcePluginMetadata === undefined) {\n        throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginKind}'`);\n      }\n\n      // Get helper for computing results properly\n      const { results, addItem } = buildDatasourceSelectItemGroups(datasourcePluginMetadata.display.name);\n\n      // Start with dashboard datasources with the highest precedence\n      if (dashboardResource?.spec.datasources) {\n        for (const selectorName in dashboardResource.spec.datasources) {\n          const spec = dashboardResource.spec.datasources[selectorName];\n          if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;\n\n          const saved = selectorName in savedDatasources;\n          addItem({ spec, selectorName, selectorGroup: 'dashboard', saved });\n        }\n      }\n\n      // Now look at project-level datasources\n      for (const datasource of datasources) {\n        const selectorName = datasource.metadata.name;\n        addItem({\n          spec: datasource.spec,\n          selectorName,\n          selectorGroup: 'project',\n          editLink: `/projects/${project}/datasources`,\n        });\n      }\n\n      // And finally global datasources\n      for (const globalDatasource of globalDatasources) {\n        const selectorName = globalDatasource.metadata.name;\n        addItem({ spec: globalDatasource.spec, selectorName, selectorGroup: 'global', editLink: '/admin/datasources' });\n      }\n\n      return results;\n    }\n  );\n\n  const getLocalDatasources = useCallback((): Record<string, DatasourceSpec> => {\n    return dashboardResource?.spec.datasources ?? {};\n  }, [dashboardResource]);\n\n  const getSavedDatasources = useCallback((): Record<string, DatasourceSpec> => {\n    return savedDatasources;\n  }, [savedDatasources]);\n\n  const setLocalDatasources = useCallback(\n    (datasources: Record<string, DatasourceSpec>) => {\n      if (dashboardResource) {\n        setDashboardResource({\n          ...dashboardResource,\n          spec: {\n            ...dashboardResource.spec,\n            datasources: datasources,\n          },\n        });\n      }\n    },\n    [dashboardResource]\n  );\n\n  const ctxValue: DatasourceStore = useMemo(\n    () => ({\n      getDatasource,\n      getDatasourceClient,\n      getLocalDatasources,\n      setLocalDatasources,\n      setSavedDatasources,\n      getSavedDatasources,\n      listDatasourceSelectItems,\n    }),\n    [\n      getDatasource,\n      getDatasourceClient,\n      getLocalDatasources,\n      setLocalDatasources,\n      listDatasourceSelectItems,\n      setSavedDatasources,\n      getSavedDatasources,\n    ]\n  );\n\n  return <DatasourceStoreContext.Provider value={ctxValue}>{children}</DatasourceStoreContext.Provider>;\n}\n\nfunction buildDatasourceProxyUrl(api: DatasourceApi, params: BuildDatasourceProxyUrlParams): string {\n  return api.buildProxyUrl ? api.buildProxyUrl(params) : '';\n}\n\n// Helper to find a datasource in the list embedded in a dashboard spec\nfunction findDashboardDatasource(\n  dashboardDatasources: DashboardSpec['datasources'],\n  selector: DatasourceSelector\n): { name: string; spec: DatasourceSpec } | undefined {\n  if (dashboardDatasources === undefined) return undefined;\n\n  // If using a name in the selector...\n  if (selector.name !== undefined) {\n    const named = dashboardDatasources[selector.name];\n    if (named === undefined) return undefined;\n    return named.plugin.kind === selector.kind ? { name: selector.name, spec: named } : undefined;\n  }\n\n  // If only using a kind, try to find one with that kind that is the default\n  const result = Object.entries(dashboardDatasources).find(\n    (entry) => entry[1].plugin.kind === selector.kind && entry[1].default\n  );\n  if (!result) {\n    return undefined;\n  }\n  return { name: result[0], spec: result[1] };\n}\n\ninterface AddDatasouceSelectItemParams {\n  spec: DatasourceSpec;\n  selectorName: string;\n  selectorGroup?: string;\n  editLink?: string;\n  saved?: boolean;\n}\n\ntype AddDatasourceSelectItemFunc = (params: AddDatasouceSelectItemParams) => void;\n\n/**\n * Helper for building a list of DatasourceSelectItemGroup results.\n * @param pluginDisplayName\n */\nfunction buildDatasourceSelectItemGroups(pluginDisplayName: string): {\n  results: DatasourceSelectItemGroup[];\n  addItem: AddDatasourceSelectItemFunc;\n} {\n  const results: DatasourceSelectItemGroup[] = [];\n  const usedNames = new Set<string>();\n  let isFirst = true;\n  let explicitDefaultAdded = false;\n  const groupIndices: Record<string, number> = {};\n  let currentGroupIndex = 1; // 0 is the default group, always there as it contains at least the first item.\n\n  const addItem = ({ spec, selectorName, selectorGroup: group, editLink, saved }: AddDatasouceSelectItemParams) => {\n    group = group ?? '';\n\n    // Ensure the default group is always present as soon as an item is added.\n    if (isFirst) {\n      results.push({\n        group: `Default ${pluginDisplayName}`,\n        items: [],\n      });\n    }\n\n    // Create the group if necessary\n    let selectItemGroup = results[groupIndices[group] ?? -1];\n    if (!selectItemGroup) {\n      groupIndices[group] = currentGroupIndex;\n      selectItemGroup = { items: [], group, editLink };\n      results[currentGroupIndex] = selectItemGroup;\n      currentGroupIndex++;\n    }\n\n    // Add item to the group\n    const isOverridden = usedNames.has(selectorName);\n    selectItemGroup.items.push({\n      name: spec.display?.name ?? selectorName,\n      overridden: isOverridden,\n      saved,\n      selector: {\n        kind: spec.plugin.kind,\n        name: selectorName,\n        group,\n      },\n    });\n    usedNames.add(selectorName);\n\n    const isExplicitDefault = !isOverridden && spec.default && !explicitDefaultAdded;\n    if (results[0] && (isFirst || isExplicitDefault)) {\n      // If we haven't added a default yet and this is a default, add default option to the beginning of the results\n      results[0].items = [\n        {\n          name: `Default (${selectorName} from ${group})`,\n          selector: {\n            kind: spec.plugin.kind,\n          },\n        },\n      ];\n      // We consider that we added the default datasource only if it has been explicitly set as default.\n      // If we add this datasource as default just because it's the first, it still needs to be overridable by\n      // another datasource explicitly set as default.\n      explicitDefaultAdded = isExplicitDefault;\n    }\n\n    // At the end, we make sure the overriding item(s) is well flagged so\n    if (isOverridden) {\n      for (let i = explicitDefaultAdded ? 1 : 0; i < currentGroupIndex; i++) {\n        (results[i]?.items ?? [])\n          .filter((item: DatasourceSelectItem) => item.selector.name === selectorName)\n          .forEach((item: DatasourceSelectItem) => {\n            item.overriding = true;\n          });\n      }\n    }\n\n    isFirst = false;\n  };\n\n  return { results, addItem };\n}\n"],"names":["useCallback","useMemo","useState","useEvent","DatasourceStoreContext","usePluginRegistry","DatasourceStoreProvider","props","projectName","datasourceApi","onCreate","children","dashboardResource","setDashboardResource","savedDatasources","setSavedDatasources","project","metadata","getPlugin","listPluginMetadata","findDatasource","selector","datasources","spec","dashboardDatasource","findDashboardDatasource","undefined","proxyUrl","buildDatasourceProxyUrl","dashboard","name","datasource","getDatasource","globalDatasource","getGlobalDatasource","Error","kind","getDatasourceClient","getClient","plugin","Promise","all","client","createClient","listDatasourceSelectItems","datasourcePluginKind","pluginMetadata","globalDatasources","listDatasources","listGlobalDatasources","datasourcePluginMetadata","find","results","addItem","buildDatasourceSelectItemGroups","display","selectorName","saved","selectorGroup","editLink","getLocalDatasources","getSavedDatasources","setLocalDatasources","ctxValue","Provider","value","api","params","buildProxyUrl","dashboardDatasources","named","result","Object","entries","entry","default","pluginDisplayName","usedNames","Set","isFirst","explicitDefaultAdded","groupIndices","currentGroupIndex","group","push","items","selectItemGroup","isOverridden","has","overridden","add","isExplicitDefault","i","filter","item","forEach","overriding"],"mappings":"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"}

package/dist/context/TemplateVariableProvider/TemplateVariableProvider.d.ts

@@ -1,12 +1,13 @@
-/// <reference types="react" />
-import { VariableStateMap, VariableState, VariableOption } from '@perses-dev/plugin-system';
-import { VariableName, VariableValue, VariableDefinition } from '@perses-dev/core';
+import { ReactNode } from 'react';
+import { VariableStateMap, VariableState, VariableStoreStateMap, VariableOption } from '@perses-dev/plugin-system';
+import { VariableName, VariableValue, VariableDefinition, BuiltinVariableDefinition } from '@perses-dev/core';
 declare type TemplateVariableStore = {
     variableDefinitions: VariableDefinition[];
-    variableState: VariableStateMap;
-    setVariableValue: (variableName: VariableName, value: VariableValue) => void;
-    setVariableOptions: (name: VariableName, options: VariableOption[]) => void;
-    setVariableLoading: (name: VariableName, loading: boolean) => void;
+    externalVariableDefinitions: ExternalVariableDefinition[];
+    variableState: VariableStoreStateMap;
+    setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;
+    setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;
+    setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;
     setVariableDefinitions: (definitions: VariableDefinition[]) => void;
     setVariableDefaultValues: () => VariableDefinition[];
     getSavedVariablesStatus: () => {
@@ -14,15 +15,29 @@ declare type TemplateVariableStore = {
         modifiedVariableNames: string[];
     };
 };
+export declare function useTemplateVariableStoreCtx(): Omit<Omit<import("zustand").StoreApi<TemplateVariableStore>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: TemplateVariableStore | Partial<TemplateVariableStore> | ((state: TemplateVariableStore) => TemplateVariableStore | Partial<TemplateVariableStore>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: TemplateVariableStore | Partial<TemplateVariableStore> | ((state: import("immer/dist/internal").WritableDraft<TemplateVariableStore>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+};
 export declare function useTemplateVariableValues(variableNames?: string[]): VariableStateMap;
-export declare function useTemplateVariable(name: string): {
+/**
+ * Get the state and definition of a variable from the Template variables context.
+ * @param name name of the variable
+ * @param source if given, it searches in the external variables
+ */
+export declare function useTemplateVariable(name: string, source?: string): {
     state: VariableState | undefined;
     definition: VariableDefinition | undefined;
 };
 export declare function useTemplateVariableActions(): {
-    setVariableValue: (variableName: string, value: VariableValue) => void;
-    setVariableLoading: (name: string, loading: boolean) => void;
-    setVariableOptions: (name: string, options: VariableOption[]) => void;
+    setVariableValue: (variableName: string, value: VariableValue, source?: string | undefined) => void;
+    setVariableLoading: (name: string, loading: boolean, source?: string | undefined) => void;
+    setVariableOptions: (name: string, options: VariableOption[], source?: string | undefined) => void;
     setVariableDefinitions: (definitions: VariableDefinition[]) => void;
     setVariableDefaultValues: () => VariableDefinition[];
     getSavedVariablesStatus: () => {
@@ -31,11 +46,32 @@ export declare function useTemplateVariableActions(): {
     };
 };
 export declare function useTemplateVariableDefinitions(): VariableDefinition[];
+export declare function useTemplateExternalVariableDefinitions(): ExternalVariableDefinition[];
 export declare function useTemplateVariableStore(): TemplateVariableStore;
+export declare type ExternalVariableDefinition = {
+    source: string;
+    tooltip?: {
+        title?: string;
+        description?: string;
+    };
+    editLink?: string;
+    definitions: VariableDefinition[];
+};
 export interface TemplateVariableProviderProps {
-    children: React.ReactNode;
+    children: ReactNode;
     initialVariableDefinitions?: VariableDefinition[];
+    /**
+     * The external variables allow you to give to the provider some additional variables, not defined in the dashboard and static.
+     * It means that you won´t be able to update them from the dashboard itself, but you will see them appear and will be able
+     * to modify their runtime value as any other variable.
+     * If one of the external variable has the same name as a local one, it will be marked as overridden.
+     * You can define one list of variable definition by source and as many source as you want.
+     * The order of the sources is important as first one will take precedence on the following ones, in case they have same names.
+     */
+    externalVariableDefinitions?: ExternalVariableDefinition[];
+    builtinVariables?: BuiltinVariableDefinition[];
 }
-export declare function TemplateVariableProvider({ children, initialVariableDefinitions }: TemplateVariableProviderProps): JSX.Element;
+export declare function TemplateVariableProvider({ children, initialVariableDefinitions, externalVariableDefinitions, builtinVariables, }: TemplateVariableProviderProps): JSX.Element;
+export declare function TemplateVariableProviderWithQueryParams({ children, initialVariableDefinitions, externalVariableDefinitions, builtinVariables, }: TemplateVariableProviderProps): JSX.Element;
 export {};
 //# sourceMappingURL=TemplateVariableProvider.d.ts.map

package/dist/context/TemplateVariableProvider/TemplateVariableProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateVariableProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TemplateVariableProvider/TemplateVariableProvider.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAA2B,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACrH,OAAO,EAAkC,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAKnH,aAAK,qBAAqB,GAAG;IAC3B,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,aAAa,EAAE,gBAAgB,CAAC;IAChC,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7E,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,sBAAsB,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACpE,wBAAwB,EAAE,MAAM,kBAAkB,EAAE,CAAC;IACrD,uBAAuB,EAAE,MAAM;QAAE,uBAAuB,EAAE,OAAO,CAAC;QAAC,qBAAqB,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CACtG,CAAC;AAaF,wBAAgB,yBAAyB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,oBAqBjE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM;;;EAU/C;AAED,wBAAgB,0BAA0B;;;;;;;;;;EAYzC;AAED,wBAAgB,8BAA8B,yBAG7C;AAED,wBAAgB,wBAAwB,0BAGvC;AA0JD,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACnD;AAED,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,0BAA+B,EAAE,EAAE,6BAA6B,eASpH"}
+{"version":3,"file":"TemplateVariableProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TemplateVariableProvider/TemplateVariableProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAiB,SAAS,EAAiC,MAAM,OAAO,CAAC;AAKhF,OAAO,EAEL,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,cAAc,EAGf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,YAAY,EACZ,aAAa,EACb,kBAAkB,EAGlB,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAK1B,aAAK,qBAAqB,GAAG;IAC3B,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,2BAA2B,EAAE,0BAA0B,EAAE,CAAC;IAC1D,aAAa,EAAE,qBAAqB,CAAC;IACrC,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7F,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,sBAAsB,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACpE,wBAAwB,EAAE,MAAM,kBAAkB,EAAE,CAAC;IACrD,uBAAuB,EAAE,MAAM;QAAE,uBAAuB,EAAE,OAAO,CAAC;QAAC,qBAAqB,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CACtG,CAAC;AAKF,wBAAgB,2BAA2B;;;;;;;;EAM1C;AAED,wBAAgB,yBAAyB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,oBAoCjE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM;;;EAWhE;AAED,wBAAgB,0BAA0B;;;;;;;;;;EAYzC;AAED,wBAAgB,8BAA8B,yBAG7C;AAED,wBAAgB,sCAAsC,iCAGrD;AAED,wBAAgB,wBAAwB,0BAGvC;AAyPD,oBAAY,0BAA0B,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,kBAAkB,EAAE,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAClD;;;;;;;OAOG;IACH,2BAA2B,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAC3D,gBAAgB,CAAC,EAAE,yBAAyB,EAAE,CAAC;CAChD;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,0BAA+B,EAC/B,2BAAgC,EAChC,gBAAqB,GACtB,EAAE,6BAA6B,eAQ/B;AAED,wBAAgB,uCAAuC,CAAC,EACtD,QAAQ,EACR,0BAA+B,EAC/B,2BAAgC,EAChC,gBAAqB,GACtB,EAAE,6BAA6B,eAY/B"}