@perses-dev/dashboards 0.8.1 → 0.9.0

package/dist/cjs/components/Variables/VariableList.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TemplateVariableList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 // Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -14,14 +10,105 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const context_1 = require("../../context");
-const Variable_1 = require("./Variable");
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TemplateVariableList", {
+    enumerable: true,
+    get: ()=>TemplateVariableList
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
+const _material = require("@mui/material");
+const _context = require("../../context");
+const _variable = require("./Variable");
 function TemplateVariableList() {
-    const [isEditing, setIsEditing] = (0, react_1.useState)(false);
-    const variableDefinitions = (0, context_1.useTemplateVariableDefinitions)();
-    const { isEditMode } = (0, context_1.useEditMode)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { m: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: 'right', open: isEditing, onClose: () => setIsEditing(false), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { width: 900, p: 4, children: [(0, jsx_runtime_1.jsx)(material_1.TableContainer, { component: material_1.Paper, children: (0, jsx_runtime_1.jsxs)(material_1.Table, { sx: { minWidth: 650 }, "aria-label": "simple table", children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Variable Name" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: "Type" })] }) }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: variableDefinitions.map((v) => ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { sx: { '&:last-child td, &:last-child th': { border: 0 } }, children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { component: "th", scope: "row", sx: { fontWeight: 'bold' }, children: v.name }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: v.kind })] }, v.name))) })] }) }), (0, jsx_runtime_1.jsx)("pre", { children: JSON.stringify(variableDefinitions, null, 2) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { display: 'flex', justifyContent: "space-between", children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: 'row', spacing: 2, children: [variableDefinitions.map((v) => ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(Variable_1.TemplateVariable, { name: v.name }, v.name) }, v.name))), isEditMode && (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => setIsEditing(true), children: "Modify Variables" })] }) })] }));
+    const [isEditing, setIsEditing] = (0, _react.useState)(false);
+    const variableDefinitions = (0, _context.useTemplateVariableDefinitions)();
+    const { isEditMode  } = (0, _context.useEditMode)();
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Drawer, {
+                anchor: 'right',
+                open: isEditing,
+                onClose: ()=>setIsEditing(false),
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+                    width: 900,
+                    p: 4,
+                    children: [
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableContainer, {
+                            component: _material.Paper,
+                            children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Table, {
+                                sx: {
+                                    minWidth: 650
+                                },
+                                "aria-label": "simple table",
+                                children: [
+                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableHead, {
+                                        children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.TableRow, {
+                                            children: [
+                                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                                    children: "Variable Name"
+                                                }),
+                                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                                    align: "right",
+                                                    children: "Type"
+                                                })
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableBody, {
+                                        children: variableDefinitions.map((v)=>/*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.TableRow, {
+                                                sx: {
+                                                    '&:last-child td, &:last-child th': {
+                                                        border: 0
+                                                    }
+                                                },
+                                                children: [
+                                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                                        component: "th",
+                                                        scope: "row",
+                                                        sx: {
+                                                            fontWeight: 'bold'
+                                                        },
+                                                        children: v.spec.name
+                                                    }),
+                                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                                        align: "right",
+                                                        children: v.kind
+                                                    })
+                                                ]
+                                            }, v.spec.name))
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)("pre", {
+                            children: JSON.stringify(variableDefinitions, null, 2)
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+                display: 'flex',
+                justifyContent: "space-between",
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+                    direction: 'row',
+                    spacing: 2,
+                    children: [
+                        variableDefinitions.map((v)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_variable.TemplateVariable, {
+                                    name: v.spec.name
+                                }, v.spec.name)
+                            }, v.spec.name)),
+                        isEditMode && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
+                            onClick: ()=>setIsEditing(true),
+                            children: "Modify Variables"
+                        })
+                    ]
+                })
+            })
+        ]
+    });
 }
-exports.TemplateVariableList = TemplateVariableList;

package/dist/cjs/components/Variables/index.js

@@ -1,4 +1,3 @@
-"use strict";
 // Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -11,20 +10,20 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Variable"), exports);
-__exportStar(require("./VariableList"), exports);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./Variable"), exports);
+_exportStar(require("./VariableList"), exports);
+function _exportStar(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
+            enumerable: true,
+            get: function() {
+                return from[k];
+            }
+        });
+    });
+    return from;
+}

package/dist/cjs/components/index.js

@@ -1,4 +1,3 @@
-"use strict";
 // Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -11,23 +10,24 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Dashboard"), exports);
-__exportStar(require("./GridLayout"), exports);
-__exportStar(require("./Panel"), exports);
-__exportStar(require("./TimeRangeControls"), exports);
-__exportStar(require("./Variables"), exports);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./Dashboard"), exports);
+_exportStar(require("./GridLayout"), exports);
+_exportStar(require("./Panel"), exports);
+_exportStar(require("./PanelDrawer"), exports);
+_exportStar(require("./TimeRangeControls"), exports);
+_exportStar(require("./Variables"), exports);
+function _exportStar(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
+            enumerable: true,
+            get: function() {
+                return from[k];
+            }
+        });
+    });
+    return from;
+}

package/dist/cjs/context/DashboardAppSlice.js

@@ -1,4 +1,3 @@
-"use strict";
 // Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -11,35 +10,48 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDashboardApp = exports.createDashboardAppSlice = void 0;
-const immer_1 = require("zustand/middleware/immer");
-const DashboardProvider_1 = require("./DashboardProvider");
-exports.createDashboardAppSlice = (0, immer_1.immer)((set) => ({
-    openPanelDrawer: ({ groupIndex, panelKey }) => set((state) => {
-        state.panelDrawer = {
-            groupIndex,
-            panelKey,
-        };
-    }),
-    closePanelDrawer: () => set((state) => {
-        state.panelDrawer = undefined;
-    }),
-    openPanelGroupDialog: (groupIndex) => set((state) => {
-        state.panelGroupDialog = { groupIndex };
-    }),
-    closePanelGroupDialog: () => set((state) => {
-        state.panelGroupDialog = undefined;
-    }),
-}));
-function useDashboardApp() {
-    return (0, DashboardProvider_1.useDashboardStore)(({ panelDrawer, openPanelDrawer, closePanelDrawer, panelGroupDialog, openPanelGroupDialog, closePanelGroupDialog, }) => ({
-        panelDrawer,
-        openPanelDrawer,
-        closePanelDrawer,
-        panelGroupDialog,
-        openPanelGroupDialog,
-        closePanelGroupDialog,
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    createDashboardAppSlice: ()=>createDashboardAppSlice,
+    useDashboardApp: ()=>useDashboardApp
+});
+const _immer = require("zustand/middleware/immer");
+const _dashboardProvider = require("./DashboardProvider");
+const createDashboardAppSlice = (0, _immer.immer)((set)=>({
+        openPanelDrawer: ({ groupIndex , panelKey  })=>set((state)=>{
+                state.panelDrawer = {
+                    groupIndex,
+                    panelKey
+                };
+            }),
+        closePanelDrawer: ()=>set((state)=>{
+                state.panelDrawer = undefined;
+            }),
+        openPanelGroupDialog: (groupIndex)=>set((state)=>{
+                state.panelGroupDialog = {
+                    groupIndex
+                };
+            }),
+        closePanelGroupDialog: ()=>set((state)=>{
+                state.panelGroupDialog = undefined;
+            })
     }));
+function useDashboardApp() {
+    return (0, _dashboardProvider.useDashboardStore)(({ panelDrawer , openPanelDrawer , closePanelDrawer , panelGroupDialog , openPanelGroupDialog , closePanelGroupDialog ,  })=>({
+            panelDrawer,
+            openPanelDrawer,
+            closePanelDrawer,
+            panelGroupDialog,
+            openPanelGroupDialog,
+            closePanelGroupDialog
+        }));
 }
-exports.useDashboardApp = useDashboardApp;

package/dist/cjs/context/DashboardProvider.js

@@ -1,10 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashboardProvider = exports.useDashboardStore = exports.useDashboard = exports.useEditMode = exports.usePanels = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 // Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -17,82 +10,119 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-const zustand_1 = require("zustand");
-const immer_1 = require("zustand/middleware/immer");
-const shallow_1 = __importDefault(require("zustand/shallow"));
-const react_1 = require("react");
-const immer_2 = __importDefault(require("immer"));
-const DashboardAppSlice_1 = require("./DashboardAppSlice");
-const LayoutsSlice_1 = require("./LayoutsSlice");
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    usePanels: ()=>usePanels,
+    useEditMode: ()=>useEditMode,
+    useDashboard: ()=>useDashboard,
+    DashboardContext: ()=>DashboardContext,
+    useDashboardStore: ()=>useDashboardStore,
+    DashboardProvider: ()=>DashboardProvider
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _zustand = require("zustand");
+const _immer = require("zustand/middleware/immer");
+const _shallow = /*#__PURE__*/ _interopRequireDefault(require("zustand/shallow"));
+const _react = require("react");
+const _immer1 = /*#__PURE__*/ _interopRequireDefault(require("immer"));
+const _dashboardAppSlice = require("./DashboardAppSlice");
+const _layoutsSlice = require("./LayoutsSlice");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function usePanels() {
-    return useDashboardStore(({ panels, updatePanel }) => ({ panels, updatePanel }));
+    return useDashboardStore(({ panels , updatePanel  })=>({
+            panels,
+            updatePanel
+        }));
 }
-exports.usePanels = usePanels;
 function useEditMode() {
-    return useDashboardStore(({ isEditMode, setEditMode }) => ({ isEditMode, setEditMode }));
+    return useDashboardStore(({ isEditMode , setEditMode  })=>({
+            isEditMode,
+            setEditMode
+        }));
 }
-exports.useEditMode = useEditMode;
 function useDashboard() {
-    const selectDashboardSpec = (state) => {
-        return (0, immer_2.default)(state.dashboard, (draftState) => {
+    const selectDashboardSpec = (state)=>{
+        return (0, _immer1.default)(state.dashboard, (draftState)=>{
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             draftState.panels = state.panels;
             draftState.layouts = state.layouts;
         });
     };
     const dashboard = useDashboardStore(selectDashboardSpec);
-    return { dashboard };
+    return {
+        dashboard
+    };
 }
-exports.useDashboard = useDashboard;
-const DashboardContext = (0, react_1.createContext)(undefined);
+const DashboardContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
 function useDashboardStore(selector) {
-    const store = (0, react_1.useContext)(DashboardContext);
+    const store = (0, _react.useContext)(DashboardContext);
     if (store === undefined) {
         throw new Error('No DashboardContext found. Did you forget a Provider?');
     }
-    return (0, zustand_1.useStore)(store, selector, shallow_1.default);
+    return (0, _zustand.useStore)(store, selector, _shallow.default);
 }
-exports.useDashboardStore = useDashboardStore;
 function DashboardProvider(props) {
-    const { children, initialState: { dashboardSpec, isEditMode }, } = props;
-    const { layouts, panels } = dashboardSpec;
-    const dashboardStore = (0, zustand_1.createStore)()((0, immer_1.immer)((set, get, api) => {
+    const { children , initialState: { dashboardSpec , isEditMode  } ,  } = props;
+    const { layouts , panels  } = dashboardSpec;
+    const dashboardStore = (0, _zustand.createStore)()((0, _immer.immer)((set, get, api)=>{
         return {
-            ...(0, DashboardAppSlice_1.createDashboardAppSlice)(set, get, api, []),
-            ...(0, LayoutsSlice_1.createLayoutsSlice)(set, get, api, []),
+            ...(0, _dashboardAppSlice.createDashboardAppSlice)(set, get, api, []),
+            ...(0, _layoutsSlice.createLayoutsSlice)(set, get, api, []),
             layouts,
             panels,
             dashboard: dashboardSpec,
-            updatePanel: (name, panel, groupIndex = 0) => set((state) => {
-                var _a, _b;
-                // add new panel to layouts if panels[name] is undefined
-                if (state.panels[name] === undefined) {
-                    // find maximum y so new panel is added to the end of the grid
-                    let maxY = 0;
-                    (_a = state.layouts[groupIndex]) === null || _a === void 0 ? void 0 : _a.spec.items.forEach((layout) => {
-                        if (layout.y > maxY) {
-                            maxY = layout.y;
+            updatePanel: (name, panel, groupIndex = 0)=>{
+                return set((state)=>{
+                    // add new panel to layouts if panels[name] is undefined
+                    if (state.panels[name] === undefined) {
+                        var ref;
+                        // find maximum y so new panel is added to the end of the grid
+                        let maxY = 0;
+                        (ref = state.layouts[groupIndex]) === null || ref === void 0 ? void 0 : ref.spec.items.forEach((layout)=>{
+                            if (layout.y > maxY) {
+                                maxY = layout.y;
+                            }
+                        });
+                        const panelLayout = {
+                            x: 0,
+                            y: maxY + 1,
+                            width: 12,
+                            height: 6,
+                            content: {
+                                $ref: `#/spec/panels/${name}`
+                            }
+                        };
+                        const layouts = state.layouts;
+                        if (layouts && layouts[groupIndex]) {
+                            var ref1;
+                            (ref1 = layouts[groupIndex]) === null || ref1 === void 0 ? void 0 : ref1.spec.items.push(panelLayout);
                         }
-                    });
-                    const panelLayout = {
-                        x: 0,
-                        y: maxY + 1,
-                        width: 12,
-                        height: 6,
-                        content: { $ref: `#/spec/panels/${name}` },
-                    };
-                    const layouts = state.layouts;
-                    if (layouts && layouts[groupIndex]) {
-                        (_b = layouts[groupIndex]) === null || _b === void 0 ? void 0 : _b.spec.items.push(panelLayout);
                     }
-                }
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                state.panels[name] = panel;
-            }),
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    state.panels[name] = panel;
+                });
+            },
             isEditMode: !!isEditMode,
-            setEditMode: (isEditMode) => set({ isEditMode }),
+            setEditMode: (isEditMode)=>set({
+                    isEditMode
+                })
         };
     }));
-    return ((0, jsx_runtime_1.jsx)(DashboardContext.Provider, { value: dashboardStore, children: children }));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(DashboardContext.Provider, {
+        value: dashboardStore,
+        children: children
+    });
 }
-exports.DashboardProvider = DashboardProvider;

package/dist/cjs/context/DatasourceStoreProvider.js

@@ -0,0 +1,68 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DatasourceStoreProvider", {
+    enumerable: true,
+    get: ()=>DatasourceStoreProvider
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
+const _core = require("@perses-dev/core");
+const _pluginSystem = require("@perses-dev/plugin-system");
+function DatasourceStoreProvider(props) {
+    const { dashboardResource , datasourceApi , children  } = props;
+    const getDatasource = (0, _core.useEvent)(async (selector)=>{
+        // Try to find it in dashboard spec
+        const { datasources  } = dashboardResource.spec;
+        const dashboardDatasource = findDashboardDatasource(datasources, selector);
+        if (dashboardDatasource !== undefined) {
+            return dashboardDatasource;
+        }
+        // Try to find it at the project level as a Datasource resource
+        const { project  } = dashboardResource.metadata;
+        const datasource = await datasourceApi.getDatasource(project, selector);
+        if (datasource !== undefined) {
+            return datasource.spec;
+        }
+        // Try to find it at the global level as a GlobalDatasource resource
+        const globalDatasource = await datasourceApi.getGlobalDatasource(selector);
+        if (globalDatasource !== undefined) {
+            return globalDatasource.spec;
+        }
+        throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);
+    });
+    const ctxValue = (0, _react.useMemo)(()=>({
+            getDatasource
+        }), [
+        getDatasource
+    ]);
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.DatasourceStoreContext.Provider, {
+        value: ctxValue,
+        children: children
+    });
+}
+// Helper to find a datasource in the list embedded in a dashboard spec
+function findDashboardDatasource(dashboardDatasources, selector) {
+    if (dashboardDatasources === undefined) return undefined;
+    // If using a name in the selector...
+    if (selector.name !== undefined) {
+        const named = dashboardDatasources[selector.name];
+        if (named === undefined) return undefined;
+        return named.plugin.kind === selector.kind ? 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);
+}

package/dist/cjs/context/LayoutsSlice.js

@@ -1,4 +1,3 @@
-"use strict";
 // Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -11,32 +10,46 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLayouts = exports.createLayoutsSlice = void 0;
-const immer_1 = require("zustand/middleware/immer");
-const DashboardProvider_1 = require("./DashboardProvider");
-exports.createLayoutsSlice = (0, immer_1.immer)((set) => ({
-    updateLayout: (layout, index) => set((state) => {
-        if (index === undefined) {
-            state.layouts.unshift(layout);
-        }
-        else {
-            state.layouts[index] = layout;
-        }
-    }),
-    addItemToLayout: (index, item) => set((state) => {
-        var _a;
-        const layouts = state.layouts;
-        if (layouts && layouts[index]) {
-            (_a = layouts[index]) === null || _a === void 0 ? void 0 : _a.spec.items.push(item);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    createLayoutsSlice: ()=>createLayoutsSlice,
+    useLayouts: ()=>useLayouts
+});
+const _immer = require("zustand/middleware/immer");
+const _dashboardProvider = require("./DashboardProvider");
+const createLayoutsSlice = (0, _immer.immer)((set)=>{
+    return {
+        updateLayout: (layout, index)=>set((state)=>{
+                if (index === undefined) {
+                    state.layouts.unshift(layout);
+                } else {
+                    state.layouts[index] = layout;
+                }
+            }),
+        addItemToLayout: (index, item)=>{
+            return set((state)=>{
+                const layouts = state.layouts;
+                if (layouts && layouts[index]) {
+                    var ref;
+                    (ref = layouts[index]) === null || ref === void 0 ? void 0 : ref.spec.items.push(item);
+                }
+            });
         }
-    }),
-}));
+    };
+});
 function useLayouts() {
-    return (0, DashboardProvider_1.useDashboardStore)(({ layouts, updateLayout, addItemToLayout }) => ({
-        layouts,
-        updateLayout,
-        addItemToLayout,
-    }));
+    return (0, _dashboardProvider.useDashboardStore)(({ layouts , updateLayout , addItemToLayout  })=>({
+            layouts,
+            updateLayout,
+            addItemToLayout
+        }));
 }
-exports.useLayouts = useLayouts;