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

package/dist/cjs/context/DatasourceStoreProvider.js

@@ -16,16 +16,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DatasourceStoreProvider", {
     enumerable: true,
-    get: ()=>DatasourceStoreProvider
+    get: function() {
+        return DatasourceStoreProvider;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _core = require("@perses-dev/core");
-const _pluginSystem = require("@perses-dev/plugin-system");
+const _pluginsystem = require("@perses-dev/plugin-system");
 function DatasourceStoreProvider(props) {
-    const { dashboardResource , projectName , datasourceApi , onCreate , children  } = props;
+    const { projectName , datasourceApi , onCreate , children  } = props;
+    const [dashboardResource, setDashboardResource] = (0, _react.useState)(props.dashboardResource);
+    var _props_savedDatasources;
+    const [savedDatasources, setSavedDatasources] = (0, _react.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  } = (0, _pluginSystem.usePluginRegistry)();
+    const { getPlugin , listPluginMetadata  } = (0, _pluginsystem.usePluginRegistry)();
     const findDatasource = (0, _core.useEvent)(async (selector)=>{
         // Try to find it in dashboard spec
         if (dashboardResource) {
@@ -33,8 +38,12 @@ function DatasourceStoreProvider(props) {
             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
+                    })
                 };
             }
         }
@@ -43,8 +52,11 @@ function DatasourceStoreProvider(props) {
             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
+                    })
                 };
             }
         }
@@ -52,8 +64,10 @@ function DatasourceStoreProvider(props) {
         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}'`);
@@ -85,53 +99,104 @@ function DatasourceStoreProvider(props) {
         getPlugin,
         onCreate
     ]);
-    const listDatasourceMetadata = (0, _core.useEvent)(async (datasourcePluginKind)=>{
+    const listDatasourceSelectItems = (0, _core.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 = (0, _react.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 = (0, _react.useCallback)(()=>{
+        return savedDatasources;
+    }, [
+        savedDatasources
+    ]);
+    const setLocalDatasources = (0, _react.useCallback)((datasources)=>{
+        if (dashboardResource) {
+            setDashboardResource({
+                ...dashboardResource,
+                spec: {
+                    ...dashboardResource.spec,
+                    datasources: datasources
+                }
+            });
+        }
+    }, [
+        dashboardResource
+    ]);
     const ctxValue = (0, _react.useMemo)(()=>({
             getDatasource,
             getDatasourceClient,
-            listDatasourceMetadata
+            getLocalDatasources,
+            setLocalDatasources,
+            setSavedDatasources,
+            getSavedDatasources,
+            listDatasourceSelectItems
         }), [
         getDatasource,
         getDatasourceClient,
-        listDatasourceMetadata
+        getLocalDatasources,
+        setLocalDatasources,
+        listDatasourceSelectItems,
+        setSavedDatasources,
+        getSavedDatasources
     ]);
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.DatasourceStoreContext.Provider, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.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;
@@ -139,42 +204,98 @@ 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
     };
 }