@perses-dev/dashboards 0.8.1 → 0.10.0

package/dist/context/DashboardProvider/layout-slice.js

@@ -0,0 +1,196 @@
+// 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.
+import { createPanelRef, getPanelKeyFromRef } from '@perses-dev/core';
+/**
+ * Curried function for creating a LayoutEditorSlice.
+ */ export function createLayoutSlice(layouts) {
+    // Return the state creator function for Zustand that uses the layouts provided as initial state
+    let id = -1;
+    function createPanelGroupId() {
+        id++;
+        return id;
+    }
+    var ref;
+    return (set, get)=>{
+        return {
+            layouts: layouts.map((layout)=>{
+                var ref1, ref2, ref3;
+                return {
+                    ...layout,
+                    id: createPanelGroupId(),
+                    title: (ref1 = layout.spec.display) === null || ref1 === void 0 ? void 0 : ref1.title,
+                    isCollapsed: (ref = !((ref2 = layout.spec.display) === null || ref2 === void 0 ? void 0 : (ref3 = ref2.collapse) === null || ref3 === void 0 ? void 0 : ref3.open)) !== null && ref !== void 0 ? ref : false,
+                    items: layout.spec.items
+                };
+            }),
+            getPanelKey ({ groupIndex , itemIndex  }) {
+                const { layouts  } = get();
+                const group = findGroup(layouts, groupIndex);
+                const item = findItem(group, itemIndex);
+                return getPanelKeyFromRef(item.content);
+            },
+            addPanelToGroup (panelKey, groupIndex) {
+                const { layouts  } = get();
+                const group = findGroup(layouts, groupIndex);
+                const gridItem = {
+                    x: 0,
+                    y: getYForNewRow(group),
+                    width: 12,
+                    height: 6,
+                    content: createPanelRef(panelKey)
+                };
+                set((state)=>{
+                    var ref;
+                    (ref = state.layouts[groupIndex]) === null || ref === void 0 ? void 0 : ref.items.push(gridItem);
+                });
+            },
+            movePanelToGroup ({ groupIndex , itemIndex  }, newGroupIndex) {
+                const { layouts  } = get();
+                // Find the existing item to make sure it exists
+                const group = findGroup(layouts, groupIndex);
+                const item = findItem(group, itemIndex);
+                // Find the new group and figure out where a new row should go
+                const newGroup = findGroup(layouts, newGroupIndex);
+                const newGroupY = getYForNewRow(newGroup);
+                set((state)=>{
+                    var // Remove the item from its current group
+                    ref, // Add a new item to the new group
+                    ref1;
+                    (ref = state.layouts[groupIndex]) === null || ref === void 0 ? void 0 : ref.items.splice(itemIndex, 1);
+                    (ref1 = state.layouts[newGroupIndex]) === null || ref1 === void 0 ? void 0 : ref1.items.push({
+                        x: 0,
+                        y: newGroupY,
+                        width: item.width,
+                        height: item.height,
+                        content: item.content
+                    });
+                });
+            },
+            // TODO: Maybe combine this into some kind of groupEditor state
+            updatePanelGroup (next, groupIndex) {
+                set((state)=>{
+                    if (groupIndex === undefined) {
+                        state.layouts.unshift({
+                            ...next,
+                            id: createPanelGroupId()
+                        });
+                    } else {
+                        const layout = state.layouts[groupIndex];
+                        if (layout === undefined) {
+                            throw new Error(`No layout at index ${groupIndex}`);
+                        }
+                        state.layouts[groupIndex] = {
+                            ...next,
+                            id: layout.id
+                        };
+                    }
+                });
+            },
+            swapPanelGroups (x, y) {
+                set((state)=>{
+                    if (x < 0 || x >= state.layouts.length || y < 0 || y >= state.layouts.length) {
+                        throw new Error('index out of bound');
+                    }
+                    const xPanelGroup = state.layouts[x];
+                    const yPanelGroup = state.layouts[y];
+                    if (xPanelGroup === undefined || yPanelGroup === undefined) {
+                        throw new Error('panel group is undefined');
+                    }
+                    // assign yPanelGroup to layouts[x] and assign xGroup to layouts[y], swapping two panel groups
+                    [state.layouts[x], state.layouts[y]] = [
+                        yPanelGroup,
+                        xPanelGroup
+                    ];
+                });
+            },
+            deletePanelInPanelGroup ({ groupIndex , itemIndex  }) {
+                set((state)=>{
+                    const group = state.layouts[groupIndex];
+                    if (group === undefined) {
+                        throw new Error(`No panel group found: ${groupIndex}`);
+                    }
+                    // remove panel from panel group
+                    group.items.splice(itemIndex, 1);
+                });
+            },
+            deletePanelGroup (groupIndex) {
+                const { layouts , deletePanels  } = get();
+                const group = layouts[groupIndex];
+                if (group === undefined) {
+                    throw new Error(`No panel group found: ${groupIndex}`);
+                }
+                // remove panels from group first
+                const panelsToBeDeleted = [];
+                for(let i = 0; i < group.items.length; i++){
+                    panelsToBeDeleted.push({
+                        groupIndex,
+                        itemIndex: i
+                    });
+                }
+                deletePanels(panelsToBeDeleted);
+                // remove group from state.layouts
+                set((state)=>{
+                    state.layouts.splice(groupIndex, 1);
+                });
+            },
+            // Return an object that maps each panel to the groups it belongs
+            mapPanelToPanelGroups () {
+                const map = {}; // { panel key: [group ids] }
+                get().layouts.forEach((group)=>{
+                    // for each panel in a group, add the group id to map[panelKey]
+                    group.items.forEach((panel)=>{
+                        const panelKey = getPanelKeyFromRef(panel.content);
+                        if (map[panelKey]) {
+                            var ref;
+                            (ref = map[panelKey]) === null || ref === void 0 ? void 0 : ref.push(group.id);
+                        } else {
+                            map[panelKey] = [
+                                group.id
+                            ];
+                        }
+                    });
+                });
+                return map;
+            }
+        };
+    };
+}
+// Helper to find a group and throw if not found
+function findGroup(layouts, groupIndex) {
+    const group = layouts[groupIndex];
+    if (group === undefined) {
+        throw new Error(`No layout at index ${groupIndex}`);
+    }
+    return group;
+}
+// Helper to get an item in a group and throw if not found
+function findItem(group, itemIndex) {
+    const item = group.items[itemIndex];
+    if (item === undefined) {
+        throw new Error(`No grid item found at position ${itemIndex}`);
+    }
+    return item;
+}
+// Given a Grid, will find the Y coordinate for adding a new row to the grid, taking into account the items present
+function getYForNewRow(group) {
+    let newRowY = 0;
+    for (const item of group.items){
+        const itemMaxY = item.y + item.height;
+        if (itemMaxY > newRowY) {
+            newRowY = itemMaxY;
+        }
+    }
+    return newRowY;
+}
+
+//# sourceMappingURL=layout-slice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/layout-slice.tsx"],"sourcesContent":["// Copyright 2022 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 { createPanelRef, getPanelKeyFromRef, GridItemDefinition, LayoutDefinition } from '@perses-dev/core';\nimport { StateCreator } from 'zustand';\nimport { Middleware } from './common';\nimport { PanelEditorSlice } from './panel-editing-slice';\n\nexport interface LayoutSlice {\n  layouts: PanelGroupDefinition[];\n\n  /**\n   * Given a LayoutItem location, returns the panel's unique key at that location.\n   */\n  getPanelKey: (layoutItem: LayoutItem) => string;\n\n  /**\n   * Add a panel with the specified key to an existing group.\n   */\n  addPanelToGroup: (panelKey: string, groupIndex: number) => void;\n\n  /**\n   * Move an existing Panel to a new panel group.\n   */\n  movePanelToGroup: (layoutItem: LayoutItem, newGroupIndex: number) => void;\n\n  /**\n   * Updates an existing panel group to, for example, change its display properties.\n   */\n  updatePanelGroup: (layout: Omit<PanelGroupDefinition, 'id'>, groupIndex?: number) => void;\n\n  /**\n   * Rearrange the order of panel groups by swapping the positions\n   */\n  swapPanelGroups: (xIndex: number, yIndex: number) => void;\n\n  /**\n   * Delete panel group and all the panels within the group\n   */\n  deletePanelGroup: (groupIndex: number) => void;\n\n  /**\n   * Delete panel in panel group\n   */\n  deletePanelInPanelGroup: (layoutItem: LayoutItem) => void;\n\n  /**\n   * Map panel to panel groups\n   */\n  mapPanelToPanelGroups: () => Record<string, PanelGroupDefinition['id'][]>;\n}\n\nexport interface PanelGroupDefinition {\n  id: number;\n  items: GridItemDefinition[];\n  isCollapsed?: boolean;\n  title?: string;\n}\n\n/**\n * The location of an item (e.g. a Panel) in layouts.\n */\nexport interface LayoutItem {\n  groupIndex: number;\n  itemIndex: number;\n}\n\n/**\n * Curried function for creating a LayoutEditorSlice.\n */\nexport function createLayoutSlice(\n  layouts: LayoutDefinition[]\n): StateCreator<LayoutSlice & PanelEditorSlice, Middleware, [], LayoutSlice> {\n  // Return the state creator function for Zustand that uses the layouts provided as initial state\n  let id = -1;\n\n  function createPanelGroupId() {\n    id++;\n    return id;\n  }\n\n  return (set, get) => ({\n    layouts: layouts.map((layout) => ({\n      ...layout,\n      id: createPanelGroupId(),\n      title: layout.spec.display?.title,\n      isCollapsed: !layout.spec.display?.collapse?.open ?? false,\n      items: layout.spec.items,\n    })),\n\n    getPanelKey({ groupIndex, itemIndex }) {\n      const { layouts } = get();\n      const group = findGroup(layouts, groupIndex);\n      const item = findItem(group, itemIndex);\n      return getPanelKeyFromRef(item.content);\n    },\n\n    addPanelToGroup(panelKey, groupIndex) {\n      const { layouts } = get();\n      const group = findGroup(layouts, groupIndex);\n      const gridItem: GridItemDefinition = {\n        x: 0,\n        y: getYForNewRow(group),\n        width: 12,\n        height: 6,\n        content: createPanelRef(panelKey),\n      };\n      set((state) => {\n        state.layouts[groupIndex]?.items.push(gridItem);\n      });\n    },\n\n    movePanelToGroup({ groupIndex, itemIndex }, newGroupIndex) {\n      const { layouts } = get();\n\n      // Find the existing item to make sure it exists\n      const group = findGroup(layouts, groupIndex);\n      const item = findItem(group, itemIndex);\n\n      // Find the new group and figure out where a new row should go\n      const newGroup = findGroup(layouts, newGroupIndex);\n      const newGroupY = getYForNewRow(newGroup);\n\n      set((state) => {\n        // Remove the item from its current group\n        state.layouts[groupIndex]?.items.splice(itemIndex, 1);\n\n        // Add a new item to the new group\n        state.layouts[newGroupIndex]?.items.push({\n          x: 0,\n          y: newGroupY,\n          width: item.width,\n          height: item.height,\n          content: item.content,\n        });\n      });\n    },\n\n    // TODO: Maybe combine this into some kind of groupEditor state\n    updatePanelGroup(next, groupIndex) {\n      set((state) => {\n        if (groupIndex === undefined) {\n          state.layouts.unshift({ ...next, id: createPanelGroupId() });\n        } else {\n          const layout = state.layouts[groupIndex];\n          if (layout === undefined) {\n            throw new Error(`No layout at index ${groupIndex}`);\n          }\n          state.layouts[groupIndex] = { ...next, id: layout.id };\n        }\n      });\n    },\n\n    swapPanelGroups(x, y) {\n      set((state) => {\n        if (x < 0 || x >= state.layouts.length || y < 0 || y >= state.layouts.length) {\n          throw new Error('index out of bound');\n        }\n        const xPanelGroup = state.layouts[x];\n        const yPanelGroup = state.layouts[y];\n\n        if (xPanelGroup === undefined || yPanelGroup === undefined) {\n          throw new Error('panel group is undefined');\n        }\n        // assign yPanelGroup to layouts[x] and assign xGroup to layouts[y], swapping two panel groups\n        [state.layouts[x], state.layouts[y]] = [yPanelGroup, xPanelGroup];\n      });\n    },\n\n    deletePanelInPanelGroup({ groupIndex, itemIndex }) {\n      set((state) => {\n        const group = state.layouts[groupIndex];\n        if (group === undefined) {\n          throw new Error(`No panel group found: ${groupIndex}`);\n        }\n        // remove panel from panel group\n        group.items.splice(itemIndex, 1);\n      });\n    },\n\n    deletePanelGroup(groupIndex) {\n      const { layouts, deletePanels } = get();\n      const group = layouts[groupIndex];\n      if (group === undefined) {\n        throw new Error(`No panel group found: ${groupIndex}`);\n      }\n\n      // remove panels from group first\n      const panelsToBeDeleted: LayoutItem[] = [];\n      for (let i = 0; i < group.items.length; i++) {\n        panelsToBeDeleted.push({ groupIndex, itemIndex: i });\n      }\n      deletePanels(panelsToBeDeleted);\n\n      // remove group from state.layouts\n      set((state) => {\n        state.layouts.splice(groupIndex, 1);\n      });\n    },\n\n    // Return an object that maps each panel to the groups it belongs\n    mapPanelToPanelGroups() {\n      const map: Record<string, PanelGroupDefinition['id'][]> = {}; // { panel key: [group ids] }\n      get().layouts.forEach((group) => {\n        // for each panel in a group, add the group id to map[panelKey]\n        group.items.forEach((panel) => {\n          const panelKey = getPanelKeyFromRef(panel.content);\n          if (map[panelKey]) {\n            map[panelKey]?.push(group.id);\n          } else {\n            map[panelKey] = [group.id];\n          }\n        });\n      });\n      return map;\n    },\n  });\n}\n\n// Helper to find a group and throw if not found\nfunction findGroup(layouts: PanelGroupDefinition[], groupIndex: number) {\n  const group = layouts[groupIndex];\n  if (group === undefined) {\n    throw new Error(`No layout at index ${groupIndex}`);\n  }\n  return group;\n}\n\n// Helper to get an item in a group and throw if not found\nfunction findItem(group: PanelGroupDefinition, itemIndex: number) {\n  const item = group.items[itemIndex];\n  if (item === undefined) {\n    throw new Error(`No grid item found at position ${itemIndex}`);\n  }\n  return item;\n}\n\n// Given a Grid, will find the Y coordinate for adding a new row to the grid, taking into account the items present\nfunction getYForNewRow(group: PanelGroupDefinition) {\n  let newRowY = 0;\n  for (const item of group.items) {\n    const itemMaxY = item.y + item.height;\n    if (itemMaxY > newRowY) {\n      newRowY = itemMaxY;\n    }\n  }\n  return newRowY;\n}\n"],"names":["createPanelRef","getPanelKeyFromRef","createLayoutSlice","layouts","id","createPanelGroupId","set","get","map","layout","title","spec","display","isCollapsed","collapse","open","items","getPanelKey","groupIndex","itemIndex","group","findGroup","item","findItem","content","addPanelToGroup","panelKey","gridItem","x","y","getYForNewRow","width","height","state","push","movePanelToGroup","newGroupIndex","newGroup","newGroupY","splice","updatePanelGroup","next","undefined","unshift","Error","swapPanelGroups","length","xPanelGroup","yPanelGroup","deletePanelInPanelGroup","deletePanelGroup","deletePanels","panelsToBeDeleted","i","mapPanelToPanelGroups","forEach","panel","newRowY","itemMaxY"],"mappings":"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"}

package/dist/context/DashboardProvider/panel-editing-slice.d.ts

@@ -0,0 +1,70 @@
+import { PanelDefinition, UnknownSpec } from '@perses-dev/core';
+import { StateCreator } from 'zustand';
+import { Middleware } from './common';
+import { LayoutSlice, LayoutItem } from './layout-slice';
+export interface PanelEditorSlice {
+    panels: Record<string, PanelDefinition>;
+    deletePanelDialog?: DeletePanelDialog;
+    /**
+     * State for the panel editor when its open, otherwise undefined when it's closed.
+     */
+    panelEditor?: PanelEditorState;
+    /**
+     * Edit an existing panel by providing its layout coordinates.
+     */
+    editPanel: (item: LayoutItem) => void;
+    /**
+     * Add a new Panel to a panel group.
+     */
+    addPanel: (initialGroup: number) => void;
+    /**
+     * Delete panels
+     */
+    deletePanels: (panels: LayoutItem[]) => void;
+    /**
+     * Open delete panel dialog
+     */
+    openDeletePanelDialog: (item: LayoutItem) => void;
+    /**
+     * Close delete panel dialog
+     */
+    closeDeletePanelDialog: () => void;
+}
+export interface DeletePanelDialog {
+    panelKey: string;
+    panelName: string;
+    layoutItem: LayoutItem;
+}
+export interface PanelEditorState {
+    /**
+     * Whether we're adding a new panel, or editing an existing panel.
+     */
+    mode: 'Add' | 'Edit';
+    /**
+     * Initial values for the things that can be edited about a panel.
+     */
+    initialValues: PanelEditorValues;
+    /**
+     * Applies changes, but doesn't close the editor.
+     */
+    applyChanges: (next: PanelEditorValues) => void;
+    /**
+     * Close the editor.
+     */
+    close: () => void;
+}
+/**
+ * Panel values that can be edited in the panel editor.
+ */
+export interface PanelEditorValues {
+    name: string;
+    description: string;
+    groupIndex: number;
+    kind: string;
+    spec: UnknownSpec;
+}
+/**
+ * Curried function for creating the PanelEditorSlice.
+ */
+export declare function createPanelEditorSlice(panels: PanelEditorSlice['panels']): StateCreator<PanelEditorSlice & LayoutSlice, Middleware, [], PanelEditorSlice>;
+//# sourceMappingURL=panel-editing-slice.d.ts.map

package/dist/context/DashboardProvider/panel-editing-slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-editing-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-editing-slice.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B;;OAEG;IACH,SAAS,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,qBAAqB,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAElD;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,GACjC,YAAY,CAAC,gBAAgB,GAAG,WAAW,EAAE,UAAU,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAyHhF"}

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

@@ -0,0 +1,152 @@
+// 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.
+import { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';
+/**
+ * Curried function for creating the PanelEditorSlice.
+ */ export function createPanelEditorSlice(panels) {
+    // Return the state creator function for Zustand that uses the panels provided as intitial state
+    return (set, get)=>{
+        return {
+            panels,
+            panelEditor: undefined,
+            editPanel (item) {
+                const { panels , getPanelKey  } = get();
+                // Ask the layout store for the panel key at that location
+                const panelKey = getPanelKey(item);
+                // Find the panel to edit
+                const panelToEdit = panels[panelKey];
+                if (panelToEdit === undefined) {
+                    throw new Error(`Cannot find Panel with key '${panelKey}'`);
+                }
+                var _description;
+                const editorState = {
+                    mode: 'Edit',
+                    initialValues: {
+                        name: panelToEdit.spec.display.name,
+                        description: (_description = panelToEdit.spec.display.description) !== null && _description !== void 0 ? _description : '',
+                        groupIndex: item.groupIndex,
+                        kind: panelToEdit.spec.plugin.kind,
+                        spec: panelToEdit.spec.plugin.spec
+                    },
+                    applyChanges: (next)=>{
+                        const panelDefinititon = createPanelDefinitionFromEditorValues(next);
+                        set((state)=>{
+                            state.panels[panelKey] = panelDefinititon;
+                        });
+                        // Move the panel to another group if it changed
+                        if (next.groupIndex !== item.groupIndex) {
+                            get().movePanelToGroup(item, next.groupIndex);
+                        }
+                    },
+                    close: ()=>{
+                        set((state)=>{
+                            state.panelEditor = undefined;
+                        });
+                    }
+                };
+                // Open the editor with the new state
+                set((state)=>{
+                    state.panelEditor = editorState;
+                });
+            },
+            addPanel (initialGroup) {
+                const editorState = {
+                    mode: 'Add',
+                    initialValues: {
+                        name: '',
+                        description: '',
+                        groupIndex: initialGroup,
+                        // TODO: If we knew what plugins were available (and how to create the initial spec), we might be able to
+                        // set a smarter default here?
+                        kind: '',
+                        spec: {}
+                    },
+                    applyChanges: (next)=>{
+                        const panelDef = createPanelDefinitionFromEditorValues(next);
+                        const panelKey = removeWhiteSpacesAndSpecialCharacters(next.name);
+                        set((state)=>{
+                            state.panels[panelKey] = panelDef;
+                        });
+                        get().addPanelToGroup(panelKey, next.groupIndex);
+                    },
+                    close: ()=>{
+                        set((state)=>{
+                            state.panelEditor = undefined;
+                        });
+                    }
+                };
+                // Open the editor with the new state
+                set((state)=>{
+                    state.panelEditor = editorState;
+                });
+            },
+            deletePanels (items) {
+                const { mapPanelToPanelGroups , deletePanelInPanelGroup , getPanelKey  } = get();
+                const map = mapPanelToPanelGroups();
+                // get panel key first before deleting panel from panel group since getPanelKey relies on index
+                const panels = items.map((panel)=>{
+                    return {
+                        ...panel,
+                        panelKey: getPanelKey(panel)
+                    };
+                });
+                panels.forEach(({ panelKey , ...panel })=>{
+                    var ref;
+                    deletePanelInPanelGroup(panel);
+                    // make sure panel is only referenced in one panel group before deleting it from state.panels
+                    if (map[panelKey] && ((ref = map[panelKey]) === null || ref === void 0 ? void 0 : ref.length) === 1) {
+                        set((state)=>{
+                            delete state.panels[panelKey];
+                        });
+                    }
+                });
+            },
+            openDeletePanelDialog (item) {
+                set((state)=>{
+                    var ref;
+                    const { panels , getPanelKey  } = get();
+                    const panelKey = getPanelKey(item);
+                    var _name;
+                    state.deletePanelDialog = {
+                        panelKey,
+                        panelName: (_name = (ref = panels[panelKey]) === null || ref === void 0 ? void 0 : ref.spec.display.name) !== null && _name !== void 0 ? _name : '',
+                        layoutItem: item
+                    };
+                });
+            },
+            closeDeletePanelDialog () {
+                set((state)=>{
+                    state.deletePanelDialog = undefined;
+                });
+            }
+        };
+    };
+}
+// Helper to create PanelDefinitions when saving
+function createPanelDefinitionFromEditorValues(editorValues) {
+    return {
+        kind: 'Panel',
+        spec: {
+            display: {
+                name: editorValues.name,
+                description: editorValues.description !== '' ? editorValues.description : undefined
+            },
+            plugin: {
+                kind: editorValues.kind,
+                spec: editorValues.spec
+            }
+        }
+    };
+}
+
+//# sourceMappingURL=panel-editing-slice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-editing-slice.tsx"],"sourcesContent":["// Copyright 2022 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, UnknownSpec } from '@perses-dev/core';\nimport { StateCreator } from 'zustand';\nimport { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';\nimport { Middleware } from './common';\nimport { LayoutSlice, LayoutItem } from './layout-slice';\n\nexport interface PanelEditorSlice {\n  panels: Record<string, PanelDefinition>;\n  deletePanelDialog?: DeletePanelDialog;\n  /**\n   * State for the panel editor when its open, otherwise undefined when it's closed.\n   */\n  panelEditor?: PanelEditorState;\n\n  /**\n   * Edit an existing panel by providing its layout coordinates.\n   */\n  editPanel: (item: LayoutItem) => void;\n\n  /**\n   * Add a new Panel to a panel group.\n   */\n  addPanel: (initialGroup: number) => void;\n\n  /**\n   * Delete panels\n   */\n  deletePanels: (panels: LayoutItem[]) => void;\n\n  /**\n   * Open delete panel dialog\n   */\n  openDeletePanelDialog: (item: LayoutItem) => void;\n\n  /**\n   * Close delete panel dialog\n   */\n  closeDeletePanelDialog: () => void;\n}\n\nexport interface DeletePanelDialog {\n  panelKey: string;\n  panelName: string;\n  layoutItem: LayoutItem;\n}\n\nexport interface PanelEditorState {\n  /**\n   * Whether we're adding a new panel, or editing an existing panel.\n   */\n  mode: 'Add' | 'Edit';\n\n  /**\n   * Initial values for the things that can be edited about a panel.\n   */\n  initialValues: PanelEditorValues;\n\n  /**\n   * Applies changes, but doesn't close the editor.\n   */\n  applyChanges: (next: PanelEditorValues) => void;\n\n  /**\n   * Close the editor.\n   */\n  close: () => void;\n}\n\n/**\n * Panel values that can be edited in the panel editor.\n */\nexport interface PanelEditorValues {\n  name: string;\n  description: string;\n  groupIndex: number;\n  kind: string;\n  spec: UnknownSpec;\n}\n\n/**\n * Curried function for creating the PanelEditorSlice.\n */\nexport function createPanelEditorSlice(\n  panels: PanelEditorSlice['panels']\n): StateCreator<PanelEditorSlice & LayoutSlice, Middleware, [], PanelEditorSlice> {\n  // Return the state creator function for Zustand that uses the panels provided as intitial state\n  return (set, get) => ({\n    panels,\n\n    panelEditor: undefined,\n\n    editPanel(item) {\n      const { panels, getPanelKey } = get();\n\n      // Ask the layout store for the panel key at that location\n      const panelKey = getPanelKey(item);\n\n      // Find the panel to edit\n      const panelToEdit = panels[panelKey];\n      if (panelToEdit === undefined) {\n        throw new Error(`Cannot find Panel with key '${panelKey}'`);\n      }\n\n      const editorState: PanelEditorState = {\n        mode: 'Edit',\n        initialValues: {\n          name: panelToEdit.spec.display.name,\n          description: panelToEdit.spec.display.description ?? '',\n          groupIndex: item.groupIndex,\n          kind: panelToEdit.spec.plugin.kind,\n          spec: panelToEdit.spec.plugin.spec,\n        },\n        applyChanges: (next) => {\n          const panelDefinititon = createPanelDefinitionFromEditorValues(next);\n          set((state) => {\n            state.panels[panelKey] = panelDefinititon;\n          });\n\n          // Move the panel to another group if it changed\n          if (next.groupIndex !== item.groupIndex) {\n            get().movePanelToGroup(item, next.groupIndex);\n          }\n        },\n        close: () => {\n          set((state) => {\n            state.panelEditor = undefined;\n          });\n        },\n      };\n\n      // Open the editor with the new state\n      set((state) => {\n        state.panelEditor = editorState;\n      });\n    },\n\n    addPanel(initialGroup) {\n      const editorState: PanelEditorState = {\n        mode: 'Add',\n        initialValues: {\n          name: '',\n          description: '',\n          groupIndex: initialGroup,\n          // TODO: If we knew what plugins were available (and how to create the initial spec), we might be able to\n          // set a smarter default here?\n          kind: '',\n          spec: {},\n        },\n        applyChanges: (next) => {\n          const panelDef = createPanelDefinitionFromEditorValues(next);\n          const panelKey = removeWhiteSpacesAndSpecialCharacters(next.name);\n          set((state) => {\n            state.panels[panelKey] = panelDef;\n          });\n          get().addPanelToGroup(panelKey, next.groupIndex);\n        },\n        close: () => {\n          set((state) => {\n            state.panelEditor = undefined;\n          });\n        },\n      };\n\n      // Open the editor with the new state\n      set((state) => {\n        state.panelEditor = editorState;\n      });\n    },\n\n    deletePanels(items: LayoutItem[]) {\n      const { mapPanelToPanelGroups, deletePanelInPanelGroup, getPanelKey } = get();\n      const map = mapPanelToPanelGroups();\n      // get panel key first before deleting panel from panel group since getPanelKey relies on index\n      const panels = items.map((panel) => {\n        return { ...panel, panelKey: getPanelKey(panel) };\n      });\n      panels.forEach(({ panelKey, ...panel }) => {\n        deletePanelInPanelGroup(panel);\n        // make sure panel is only referenced in one panel group before deleting it from state.panels\n        if (map[panelKey] && map[panelKey]?.length === 1) {\n          set((state) => {\n            delete state.panels[panelKey];\n          });\n        }\n      });\n    },\n\n    openDeletePanelDialog(item: LayoutItem) {\n      set((state) => {\n        const { panels, getPanelKey } = get();\n        const panelKey = getPanelKey(item);\n        state.deletePanelDialog = {\n          panelKey,\n          panelName: panels[panelKey]?.spec.display.name ?? '',\n          layoutItem: item,\n        };\n      });\n    },\n\n    closeDeletePanelDialog() {\n      set((state) => {\n        state.deletePanelDialog = undefined;\n      });\n    },\n  });\n}\n\n// Helper to create PanelDefinitions when saving\nfunction createPanelDefinitionFromEditorValues(editorValues: PanelEditorValues): PanelDefinition {\n  return {\n    kind: 'Panel',\n    spec: {\n      display: {\n        name: editorValues.name,\n        description: editorValues.description !== '' ? editorValues.description : undefined,\n      },\n      plugin: {\n        kind: editorValues.kind,\n        spec: editorValues.spec,\n      },\n    },\n  };\n}\n"],"names":["removeWhiteSpacesAndSpecialCharacters","createPanelEditorSlice","panels","set","get","panelEditor","undefined","editPanel","item","getPanelKey","panelKey","panelToEdit","Error","editorState","mode","initialValues","name","spec","display","description","groupIndex","kind","plugin","applyChanges","next","panelDefinititon","createPanelDefinitionFromEditorValues","state","movePanelToGroup","close","addPanel","initialGroup","panelDef","addPanelToGroup","deletePanels","items","mapPanelToPanelGroups","deletePanelInPanelGroup","map","panel","forEach","length","openDeletePanelDialog","deletePanelDialog","panelName","layoutItem","closeDeletePanelDialog","editorValues"],"mappings":"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"}

package/dist/context/DashboardProvider/panel-group-slice.d.ts

@@ -0,0 +1,15 @@
+import { StateCreator } from 'zustand';
+import { Middleware } from './common';
+export interface PanelGroupDialog {
+    groupIndex?: number;
+}
+export interface PanelGroupSlice {
+    panelGroupDialog?: PanelGroupDialog;
+    openPanelGroupDialog: (groupIndex?: number) => void;
+    closePanelGroupDialog: () => void;
+    deletePanelGroupDialog?: PanelGroupDialog;
+    openDeletePanelGroupDialog: (groupIndex: number) => void;
+    closeDeletePanelGroupDialog: () => void;
+}
+export declare const createPanelGroupSlice: StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice>;
+//# sourceMappingURL=panel-group-slice.d.ts.map

package/dist/context/DashboardProvider/panel-group-slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-group-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-group-slice.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,oBAAoB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,gBAAgB,CAAC;IAC1C,0BAA0B,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,2BAA2B,EAAE,MAAM,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,qBAAqB,EAAE,YAAY,CAAC,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,eAAe,CAiB/F,CAAC"}

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

@@ -0,0 +1,32 @@
+// 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.
+export const createPanelGroupSlice = (set)=>({
+        openPanelGroupDialog: (groupIndex)=>set((state)=>{
+                state.panelGroupDialog = {
+                    groupIndex
+                };
+            }),
+        closePanelGroupDialog: ()=>set((state)=>{
+                state.panelGroupDialog = undefined;
+            }),
+        openDeletePanelGroupDialog: (groupIndex)=>set((state)=>{
+                state.deletePanelGroupDialog = {
+                    groupIndex
+                };
+            }),
+        closeDeletePanelGroupDialog: ()=>set((state)=>{
+                state.deletePanelGroupDialog = undefined;
+            })
+    });
+
+//# sourceMappingURL=panel-group-slice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.tsx"],"sourcesContent":["// Copyright 2022 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 PanelGroupDialog {\n  groupIndex?: number;\n}\n\nexport interface PanelGroupSlice {\n  panelGroupDialog?: PanelGroupDialog;\n  openPanelGroupDialog: (groupIndex?: number) => void;\n  closePanelGroupDialog: () => void;\n  deletePanelGroupDialog?: PanelGroupDialog;\n  openDeletePanelGroupDialog: (groupIndex: number) => void;\n  closeDeletePanelGroupDialog: () => void;\n}\n\nexport const createPanelGroupSlice: StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice> = (set) => ({\n  openPanelGroupDialog: (groupIndex?: number) =>\n    set((state) => {\n      state.panelGroupDialog = { groupIndex };\n    }),\n  closePanelGroupDialog: () =>\n    set((state) => {\n      state.panelGroupDialog = undefined;\n    }),\n  openDeletePanelGroupDialog: (groupIndex: number) =>\n    set((state) => {\n      state.deletePanelGroupDialog = { groupIndex };\n    }),\n  closeDeletePanelGroupDialog: () =>\n    set((state) => {\n      state.deletePanelGroupDialog = undefined;\n    }),\n});\n"],"names":["createPanelGroupSlice","set","openPanelGroupDialog","groupIndex","state","panelGroupDialog","closePanelGroupDialog","undefined","openDeletePanelGroupDialog","deletePanelGroupDialog","closeDeletePanelGroupDialog"],"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;AAkBjC,OAAO,MAAMA,qBAAqB,GAAmE,CAACC,GAAG,GAAM,CAAA;QAC7GC,oBAAoB,EAAE,CAACC,UAAmB,GACxCF,GAAG,CAAC,CAACG,KAAK,GAAK;gBACbA,KAAK,CAACC,gBAAgB,GAAG;oBAAEF,UAAU;iBAAE,CAAC;YAC1C,CAAC,CAAC;QACJG,qBAAqB,EAAE,IACrBL,GAAG,CAAC,CAACG,KAAK,GAAK;gBACbA,KAAK,CAACC,gBAAgB,GAAGE,SAAS,CAAC;YACrC,CAAC,CAAC;QACJC,0BAA0B,EAAE,CAACL,UAAkB,GAC7CF,GAAG,CAAC,CAACG,KAAK,GAAK;gBACbA,KAAK,CAACK,sBAAsB,GAAG;oBAAEN,UAAU;iBAAE,CAAC;YAChD,CAAC,CAAC;QACJO,2BAA2B,EAAE,IAC3BT,GAAG,CAAC,CAACG,KAAK,GAAK;gBACbA,KAAK,CAACK,sBAAsB,GAAGF,SAAS,CAAC;YAC3C,CAAC,CAAC;KACL,CAAA,AAAC,CAAC"}

package/dist/context/DatasourceStoreProvider.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { DashboardResource, Datasource, DatasourceSelector, GlobalDatasource } from '@perses-dev/core';
+export interface DatasourceStoreProviderProps {
+    dashboardResource: DashboardResource;
+    datasourceApi: DatasourceApi;
+    children?: React.ReactNode;
+}
+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[]>;
+    listGlobalDatasources: (pluginKind?: string) => Promise<GlobalDatasource[]>;
+}
+/**
+ * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.
+ */
+export declare function DatasourceStoreProvider(props: DatasourceStoreProviderProps): JSX.Element;
+//# sourceMappingURL=DatasourceStoreProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasourceStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/DatasourceStoreProvider.tsx"],"names":[],"mappings":";AAcA,OAAO,EACL,iBAAiB,EAEjB,UAAU,EACV,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAQ1B,MAAM,WAAW,4BAA4B;IAC3C,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;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,eAkG1E"}