@perses-dev/dashboards 0.27.0 → 0.29.0

package/dist/context/DashboardProvider/DashboardProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.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 { createStore, useStore } from 'zustand';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { shallow } from 'zustand/shallow';\nimport { createContext, ReactNode, useCallback, useContext, useEffect, useState } from 'react';\nimport { DashboardResource, Display, ProjectMetadata, RelativeTimeRange } from '@perses-dev/core';\nimport { usePlugin, usePluginRegistry } from '@perses-dev/plugin-system';\nimport { createPanelGroupEditorSlice, PanelGroupEditorSlice } from './panel-group-editor-slice';\nimport { convertLayoutsToPanelGroups, createPanelGroupSlice, PanelGroupSlice } from './panel-group-slice';\nimport { createPanelEditorSlice, PanelEditorSlice } from './panel-editor-slice';\nimport { createPanelSlice, PanelSlice } from './panel-slice';\nimport { createDeletePanelGroupSlice, DeletePanelGroupSlice } from './delete-panel-group-slice';\nimport { createDeletePanelSlice, DeletePanelSlice } from './delete-panel-slice';\nimport { createDiscardChangesDialogSlice, DiscardChangesConfirmationDialogSlice } from './discard-changes-dialog-slice';\nimport { createDuplicatePanelSlice, DuplicatePanelSlice } from './duplicate-panel-slice';\nimport { createEditJsonDialogSlice, EditJsonDialogSlice } from './edit-json-dialog-slice';\n\nexport interface DashboardStoreState\n  extends PanelGroupSlice,\n    PanelSlice,\n    PanelGroupEditorSlice,\n    DeletePanelGroupSlice,\n    PanelEditorSlice,\n    DeletePanelSlice,\n    DiscardChangesConfirmationDialogSlice,\n    DuplicatePanelSlice,\n    EditJsonDialogSlice {\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  defaultTimeRange: RelativeTimeRange;\n  setDashboard: (dashboard: DashboardResource) => void;\n  metadata: ProjectMetadata;\n  display?: Display;\n}\n\nexport interface DashboardStoreProps {\n  dashboardResource: DashboardResource;\n  isEditMode?: boolean;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: ReactNode;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T) {\n  const store = useContext(DashboardContext);\n  if (store === undefined) {\n    throw new Error('No DashboardContext found. Did you forget a Provider?');\n  }\n  return useStore(store, selector, shallow);\n}\n\nexport function DashboardProvider(props: DashboardProviderProps) {\n  const createDashboardStore = useCallback(initStore, [props]);\n\n  // load plugin to retrieve initial spec if default panel kind is defined\n  const { defaultPluginKinds } = usePluginRegistry();\n  const defaultPanelKind = defaultPluginKinds?.['Panel'] ?? '';\n  const { data: plugin } = usePlugin('Panel', defaultPanelKind);\n\n  const [store] = useState(createDashboardStore(props)); // prevent calling createDashboardStore every time it rerenders\n\n  useEffect(() => {\n    if (plugin === undefined) return;\n    const spec = plugin.createInitialOptions();\n    // set default panel kind and spec for add panel editor\n    store.setState({ initialValues: { kind: defaultPanelKind, spec } });\n  }, [plugin, store, defaultPanelKind]);\n\n  return (\n    <DashboardContext.Provider value={store as StoreApi<DashboardStoreState>}>\n      {props.children}\n    </DashboardContext.Provider>\n  );\n}\n\nfunction initStore(props: DashboardProviderProps) {\n  const {\n    initialState: { dashboardResource, isEditMode },\n  } = props;\n\n  const {\n    spec: { display, duration },\n    metadata,\n  } = dashboardResource;\n\n  let {\n    spec: { layouts, panels },\n  } = dashboardResource;\n\n  // Set fallbacks in case the frontend is used with a non-Perses backend\n  layouts = layouts ?? [];\n  panels = panels ?? {};\n\n  const store = createStore<DashboardStoreState>()(\n    immer(\n      devtools((...args) => {\n        const [set] = args;\n        return {\n          /* Groups */\n          ...createPanelGroupSlice(layouts)(...args),\n          ...createPanelGroupEditorSlice(...args),\n          ...createDeletePanelGroupSlice(...args),\n          /* Panels */\n          ...createPanelSlice(panels)(...args),\n          ...createPanelEditorSlice()(...args),\n          ...createDeletePanelSlice()(...args),\n          ...createDuplicatePanelSlice()(...args),\n          /* General */\n          ...createDiscardChangesDialogSlice(...args),\n          ...createEditJsonDialogSlice(...args),\n          metadata,\n          display,\n          defaultTimeRange: { pastDuration: duration },\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean) => set({ isEditMode }),\n          setDashboard: ({ metadata, spec: { display, panels = {}, layouts = [] } }) => {\n            set((state) => {\n              state.metadata = metadata;\n              state.display = display;\n              state.panels = panels;\n              const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n              state.panelGroups = panelGroups;\n              state.panelGroupOrder = panelGroupOrder;\n            });\n          },\n        };\n      })\n    )\n  );\n\n  return store;\n}\n"],"names":["createStore","useStore","devtools","immer","shallow","createContext","useCallback","useContext","useEffect","useState","usePlugin","usePluginRegistry","createPanelGroupEditorSlice","convertLayoutsToPanelGroups","createPanelGroupSlice","createPanelEditorSlice","createPanelSlice","createDeletePanelGroupSlice","createDeletePanelSlice","createDiscardChangesDialogSlice","createDuplicatePanelSlice","createEditJsonDialogSlice","DashboardContext","undefined","useDashboardStore","selector","store","Error","DashboardProvider","props","createDashboardStore","initStore","defaultPluginKinds","defaultPanelKind","data","plugin","spec","createInitialOptions","setState","initialValues","kind","Provider","value","children","initialState","dashboardResource","isEditMode","display","duration","metadata","layouts","panels","args","set","defaultTimeRange","pastDuration","setEditMode","setDashboard","state","panelGroups","panelGroupOrder"],"mappings":"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"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.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 { createStore, useStore } from 'zustand';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { shallow } from 'zustand/shallow';\nimport { createContext, ReactNode, useCallback, useContext, useEffect, useState } from 'react';\nimport { DashboardResource, Display, ProjectMetadata, RelativeTimeRange } from '@perses-dev/core';\nimport { usePlugin, usePluginRegistry } from '@perses-dev/plugin-system';\nimport { createPanelGroupEditorSlice, PanelGroupEditorSlice } from './panel-group-editor-slice';\nimport { convertLayoutsToPanelGroups, createPanelGroupSlice, PanelGroupSlice } from './panel-group-slice';\nimport { createPanelEditorSlice, PanelEditorSlice } from './panel-editor-slice';\nimport { createPanelSlice, PanelSlice } from './panel-slice';\nimport { createDeletePanelGroupSlice, DeletePanelGroupSlice } from './delete-panel-group-slice';\nimport { createDeletePanelSlice, DeletePanelSlice } from './delete-panel-slice';\nimport { createDiscardChangesDialogSlice, DiscardChangesConfirmationDialogSlice } from './discard-changes-dialog-slice';\nimport { createDuplicatePanelSlice, DuplicatePanelSlice } from './duplicate-panel-slice';\nimport { createEditJsonDialogSlice, EditJsonDialogSlice } from './edit-json-dialog-slice';\nimport { createPanelDefinition } from './common';\n\nexport interface DashboardStoreState\n  extends PanelGroupSlice,\n    PanelSlice,\n    PanelGroupEditorSlice,\n    DeletePanelGroupSlice,\n    PanelEditorSlice,\n    DeletePanelSlice,\n    DiscardChangesConfirmationDialogSlice,\n    DuplicatePanelSlice,\n    EditJsonDialogSlice {\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  defaultTimeRange: RelativeTimeRange;\n  setDashboard: (dashboard: DashboardResource) => void;\n  metadata: ProjectMetadata;\n  display?: Display;\n}\n\nexport interface DashboardStoreProps {\n  dashboardResource: DashboardResource;\n  isEditMode?: boolean;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: ReactNode;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T) {\n  const store = useContext(DashboardContext);\n  if (store === undefined) {\n    throw new Error('No DashboardContext found. Did you forget a Provider?');\n  }\n  return useStore(store, selector, shallow);\n}\n\nexport function DashboardProvider(props: DashboardProviderProps) {\n  const createDashboardStore = useCallback(initStore, [props]);\n\n  // load plugin to retrieve initial spec if default panel kind is defined\n  const { defaultPluginKinds } = usePluginRegistry();\n  const defaultPanelKind = defaultPluginKinds?.['Panel'] ?? '';\n  const { data: plugin } = usePlugin('Panel', defaultPanelKind);\n\n  const [store] = useState(createDashboardStore(props)); // prevent calling createDashboardStore every time it rerenders\n\n  useEffect(() => {\n    if (plugin === undefined) return;\n    const defaultPanelSpec = plugin.createInitialOptions();\n    // set default panel kind, spec, and queries for add panel editor\n    store.setState({\n      initialValues: {\n        panelDefinition: createPanelDefinition(defaultPanelKind, defaultPanelSpec),\n      },\n    });\n  }, [plugin, store, defaultPanelKind]);\n\n  return (\n    <DashboardContext.Provider value={store as StoreApi<DashboardStoreState>}>\n      {props.children}\n    </DashboardContext.Provider>\n  );\n}\n\nfunction initStore(props: DashboardProviderProps) {\n  const {\n    initialState: { dashboardResource, isEditMode },\n  } = props;\n\n  const {\n    spec: { display, duration },\n    metadata,\n  } = dashboardResource;\n\n  let {\n    spec: { layouts, panels },\n  } = dashboardResource;\n\n  // Set fallbacks in case the frontend is used with a non-Perses backend\n  layouts = layouts ?? [];\n  panels = panels ?? {};\n\n  const store = createStore<DashboardStoreState>()(\n    immer(\n      devtools((...args) => {\n        const [set] = args;\n        return {\n          /* Groups */\n          ...createPanelGroupSlice(layouts)(...args),\n          ...createPanelGroupEditorSlice(...args),\n          ...createDeletePanelGroupSlice(...args),\n          /* Panels */\n          ...createPanelSlice(panels)(...args),\n          ...createPanelEditorSlice()(...args),\n          ...createDeletePanelSlice()(...args),\n          ...createDuplicatePanelSlice()(...args),\n          /* General */\n          ...createDiscardChangesDialogSlice(...args),\n          ...createEditJsonDialogSlice(...args),\n          metadata,\n          display,\n          defaultTimeRange: { pastDuration: duration },\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean) => set({ isEditMode }),\n          setDashboard: ({ metadata, spec: { display, panels = {}, layouts = [] } }) => {\n            set((state) => {\n              state.metadata = metadata;\n              state.display = display;\n              state.panels = panels;\n              const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n              state.panelGroups = panelGroups;\n              state.panelGroupOrder = panelGroupOrder;\n            });\n          },\n        };\n      })\n    )\n  );\n\n  return store;\n}\n"],"names":["createStore","useStore","devtools","immer","shallow","createContext","useCallback","useContext","useEffect","useState","usePlugin","usePluginRegistry","createPanelGroupEditorSlice","convertLayoutsToPanelGroups","createPanelGroupSlice","createPanelEditorSlice","createPanelSlice","createDeletePanelGroupSlice","createDeletePanelSlice","createDiscardChangesDialogSlice","createDuplicatePanelSlice","createEditJsonDialogSlice","createPanelDefinition","DashboardContext","undefined","useDashboardStore","selector","store","Error","DashboardProvider","props","createDashboardStore","initStore","defaultPluginKinds","defaultPanelKind","data","plugin","defaultPanelSpec","createInitialOptions","setState","initialValues","panelDefinition","Provider","value","children","initialState","dashboardResource","isEditMode","spec","display","duration","metadata","layouts","panels","args","set","defaultTimeRange","pastDuration","setEditMode","setDashboard","state","panelGroups","panelGroupOrder"],"mappings":"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"}

package/dist/context/DashboardProvider/common.d.ts

@@ -1,3 +1,4 @@
+import { PanelDefinition, UnknownSpec } from '@perses-dev/core';
 /**
  * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).
  */
@@ -9,4 +10,5 @@ declare global {
  * Helper function to generate unique IDs for things in the dashboard store that don't have a "natural" ID.
  */
 export declare function generateId(): number;
+export declare function createPanelDefinition(defaultPanelKind?: string, defaultPanelSpec?: UnknownSpec): PanelDefinition;
 //# sourceMappingURL=common.d.ts.map

package/dist/context/DashboardProvider/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/common.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,oBAAY,UAAU,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC;AAEjF,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,gBAAgB,EAAE,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,wBAAgB,UAAU,WAKzB"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/common.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEhE;;GAEG;AACH,oBAAY,UAAU,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC;AAEjF,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,gBAAgB,EAAE,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,wBAAgB,UAAU,WAKzB;AAGD,wBAAgB,qBAAqB,CAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,WAAW,GAAG,eAAe,CAehH"}

package/dist/context/DashboardProvider/common.js

@@ -11,8 +11,6 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 /**
- * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).
- */ /**
  * Helper function to generate unique IDs for things in the dashboard store that don't have a "natural" ID.
  */ export function generateId() {
     if (globalThis.dashboardStoreId === undefined) {
@@ -20,5 +18,22 @@
     }
     return globalThis.dashboardStoreId++;
 }
+// Helper function to create initial PanelDefinitions
+export function createPanelDefinition(defaultPanelKind, defaultPanelSpec) {
+    return {
+        kind: 'Panel',
+        spec: {
+            display: {
+                name: '',
+                description: undefined
+            },
+            plugin: {
+                kind: defaultPanelKind !== null && defaultPanelKind !== void 0 ? defaultPanelKind : '',
+                spec: defaultPanelSpec !== null && defaultPanelSpec !== void 0 ? defaultPanelSpec : {}
+            },
+            queries: []
+        }
+    };
+}
 
 //# sourceMappingURL=common.js.map

package/dist/context/DashboardProvider/common.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/common.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\n/**\n * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).\n */\nexport type Middleware = [['zustand/immer', never], ['zustand/devtools', never]];\n\ndeclare global {\n  // eslint-disable-next-line no-var\n  var dashboardStoreId: number;\n}\n\n/**\n * Helper function to generate unique IDs for things in the dashboard store that don't have a \"natural\" ID.\n */\nexport function generateId() {\n  if (globalThis.dashboardStoreId === undefined) {\n    globalThis.dashboardStoreId = 0;\n  }\n  return globalThis.dashboardStoreId++;\n}\n"],"names":["generateId","globalThis","dashboardStoreId","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;AAEjC;;CAEC,GACD,AAOA;;CAEC,GACD,OAAO,SAASA,UAAU,GAAG;IAC3B,IAAIC,UAAU,CAACC,gBAAgB,KAAKC,SAAS,EAAE;QAC7CF,UAAU,CAACC,gBAAgB,GAAG,CAAC,CAAC;IAClC,CAAC;IACD,OAAOD,UAAU,CAACC,gBAAgB,EAAE,CAAC;AACvC,CAAC"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/common.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, UnknownSpec } from '@perses-dev/core';\n\n/**\n * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).\n */\nexport type Middleware = [['zustand/immer', never], ['zustand/devtools', never]];\n\ndeclare global {\n  // eslint-disable-next-line no-var\n  var dashboardStoreId: number;\n}\n\n/**\n * Helper function to generate unique IDs for things in the dashboard store that don't have a \"natural\" ID.\n */\nexport function generateId() {\n  if (globalThis.dashboardStoreId === undefined) {\n    globalThis.dashboardStoreId = 0;\n  }\n  return globalThis.dashboardStoreId++;\n}\n\n// Helper function to create initial PanelDefinitions\nexport function createPanelDefinition(defaultPanelKind?: string, defaultPanelSpec?: UnknownSpec): PanelDefinition {\n  return {\n    kind: 'Panel',\n    spec: {\n      display: {\n        name: '',\n        description: undefined,\n      },\n      plugin: {\n        kind: defaultPanelKind ?? '',\n        spec: defaultPanelSpec ?? {},\n      },\n      queries: [],\n    },\n  };\n}\n"],"names":["generateId","globalThis","dashboardStoreId","undefined","createPanelDefinition","defaultPanelKind","defaultPanelSpec","kind","spec","display","name","description","plugin","queries"],"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;AAcjC;;CAEC,GACD,OAAO,SAASA,UAAU,GAAG;IAC3B,IAAIC,UAAU,CAACC,gBAAgB,KAAKC,SAAS,EAAE;QAC7CF,UAAU,CAACC,gBAAgB,GAAG,CAAC,CAAC;IAClC,CAAC;IACD,OAAOD,UAAU,CAACC,gBAAgB,EAAE,CAAC;AACvC,CAAC;AAED,qDAAqD;AACrD,OAAO,SAASE,qBAAqB,CAACC,gBAAyB,EAAEC,gBAA8B,EAAmB;IAChH,OAAO;QACLC,IAAI,EAAE,OAAO;QACbC,IAAI,EAAE;YACJC,OAAO,EAAE;gBACPC,IAAI,EAAE,EAAE;gBACRC,WAAW,EAAER,SAAS;aACvB;YACDS,MAAM,EAAE;gBACNL,IAAI,EAAEF,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAI,EAAE;gBAC5BG,IAAI,EAAEF,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAI,EAAE;aAC7B;YACDO,OAAO,EAAE,EAAE;SACZ;KACF,CAAC;AACJ,CAAC"}

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

@@ -1,4 +1,4 @@
-import { UnknownSpec } from '@perses-dev/core';
+import { PanelDefinition } from '@perses-dev/core';
 import { StateCreator } from 'zustand';
 import { Middleware } from './common';
 import { PanelGroupSlice, PanelGroupItemId, PanelGroupId } from './panel-group-slice';
@@ -10,7 +10,7 @@ export interface PanelEditorSlice {
     /**
      * Initial values for add panel if default panel kind is defined
      */
-    initialValues?: Pick<PanelEditorValues, 'kind' | 'spec'>;
+    initialValues?: Pick<PanelEditorValues, 'panelDefinition'>;
     /**
      * State for the panel editor when its open, otherwise undefined when it's closed.
      */
@@ -46,11 +46,8 @@ export interface PanelEditorState {
  * Panel values that can be edited in the panel editor.
  */
 export interface PanelEditorValues {
-    name: string;
-    description: string;
     groupId: PanelGroupId;
-    kind: string;
-    spec: UnknownSpec;
+    panelDefinition: PanelDefinition;
 }
 /**
  * Curried function for creating the PanelEditorSlice.

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

@@ -1 +1 @@
-{"version":3,"file":"panel-editor-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-editor-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAmB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,YAAY,EAKb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAEzD;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,YAAY,EAAE,CAAC,YAAY,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CACrD;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,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,YAAY,CAEpD,gBAAgB,GAAG,UAAU,GAAG,eAAe,EAC/C,UAAU,EACV;CAAE,EACF,gBAAgB,CACjB,CAmJA"}
+{"version":3,"file":"panel-editor-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-editor-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAc,UAAU,EAAyB,MAAM,UAAU,CAAC;AACzE,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,YAAY,EAKb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;IAE3D;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,YAAY,EAAE,CAAC,YAAY,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CACrD;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,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,EAAE,eAAe,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,YAAY,CAEpD,gBAAgB,GAAG,UAAU,GAAG,eAAe,EAC/C,UAAU,EACV;CAAE,EACF,gBAAgB,CACjB,CA4IA"}

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

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { getYForNewRow, getValidPanelKey } from '../../utils/panelUtils';
-import { generateId } from './common';
+import { generateId, createPanelDefinition } from './common';
 import { addPanelGroup, createEmptyPanelGroup } from './panel-group-slice';
 /**
  * Curried function for creating the PanelEditorSlice.
@@ -34,20 +34,15 @@ import { addPanelGroup, createEmptyPanelGroup } from './panel-group-slice';
                 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 : '',
                         groupId: panelGroupItemId.panelGroupId,
-                        kind: panelToEdit.spec.plugin.kind,
-                        spec: panelToEdit.spec.plugin.spec
+                        panelDefinition: panelToEdit
                     },
                     applyChanges: (next)=>{
-                        const panelDefinititon = createPanelDefinitionFromEditorValues(next);
                         set((state)=>{
-                            state.panels[panelKey] = panelDefinititon;
+                            state.panels[panelKey] = next.panelDefinition;
                             // If the panel didn't change groups, nothing else to do
                             if (next.groupId === panelGroupId) {
                                 return;
@@ -93,7 +88,7 @@ import { addPanelGroup, createEmptyPanelGroup } from './panel-group-slice';
                 });
             },
             openAddPanel (panelGroupId) {
-                var ref, ref1;
+                var ref;
                 // If a panel group isn't supplied, add to the first group or create a group if there aren't any
                 let newGroup = undefined;
                 panelGroupId !== null && panelGroupId !== void 0 ? panelGroupId : panelGroupId = get().panelGroupOrder[0];
@@ -102,22 +97,19 @@ import { addPanelGroup, createEmptyPanelGroup } from './panel-group-slice';
                     newGroup.title = 'Panel Group';
                     panelGroupId = newGroup.id;
                 }
-                var ref2, ref3;
+                var ref1;
                 const editorState = {
                     mode: 'Add',
                     initialValues: {
-                        name: '',
-                        description: '',
                         groupId: panelGroupId,
-                        kind: (ref2 = (ref = get().initialValues) === null || ref === void 0 ? void 0 : ref.kind) !== null && ref2 !== void 0 ? ref2 : '',
-                        spec: (ref3 = (ref1 = get().initialValues) === null || ref1 === void 0 ? void 0 : ref1.spec) !== null && ref3 !== void 0 ? ref3 : {}
+                        panelDefinition: (ref1 = (ref = get().initialValues) === null || ref === void 0 ? void 0 : ref.panelDefinition) !== null && ref1 !== void 0 ? ref1 : createPanelDefinition()
                     },
                     applyChanges: (next)=>{
-                        const panelDef = createPanelDefinitionFromEditorValues(next);
-                        const panelKey = getValidPanelKey(next.name, get().panels);
+                        const name = next.panelDefinition.spec.display.name;
+                        const panelKey = getValidPanelKey(name, get().panels);
                         set((state)=>{
                             // Add a panel
-                            state.panels[panelKey] = panelDef;
+                            state.panels[panelKey] = next.panelDefinition;
                             // Also add a panel group item referencing the panel
                             const group = state.panelGroups[next.groupId];
                             if (group === undefined) {
@@ -152,21 +144,5 @@ import { addPanelGroup, createEmptyPanelGroup } from './panel-group-slice';
         };
     };
 }
-// 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-editor-slice.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-editor-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, UnknownSpec } from '@perses-dev/core';\nimport { StateCreator } from 'zustand';\nimport { getYForNewRow, getValidPanelKey } from '../../utils/panelUtils';\nimport { generateId, Middleware } from './common';\nimport {\n  PanelGroupSlice,\n  PanelGroupItemId,\n  PanelGroupId,\n  PanelGroupDefinition,\n  PanelGroupItemLayout,\n  addPanelGroup,\n  createEmptyPanelGroup,\n} from './panel-group-slice';\nimport { PanelSlice } from './panel-slice';\n\n/**\n * Slice that handles the visual editor state and actions for adding or editing Panels.\n */\nexport interface PanelEditorSlice {\n  /**\n   * Initial values for add panel if default panel kind is defined\n   */\n  initialValues?: Pick<PanelEditorValues, 'kind' | 'spec'>;\n\n  /**\n   * State for the panel editor when its open, otherwise undefined when it's closed.\n   */\n  panelEditor?: PanelEditorState;\n\n  /**\n   * Opens the editor for editing an existing panel by providing its layout coordinates.\n   */\n  openEditPanel: (panelGroupItemId: PanelGroupItemId) => void;\n\n  /**\n   * Opens the editor for adding a new Panel to a panel group.\n   */\n  openAddPanel: (panelGroupId?: PanelGroupId) => void;\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  groupId: PanelGroupId;\n  kind: string;\n  spec: UnknownSpec;\n}\n\n/**\n * Curried function for creating the PanelEditorSlice.\n */\nexport function createPanelEditorSlice(): StateCreator<\n  // Actions in here need to modify both Panels and Panel Groups state\n  PanelEditorSlice & PanelSlice & PanelGroupSlice,\n  Middleware,\n  [],\n  PanelEditorSlice\n> {\n  // Return the state creator function for Zustand that uses the panels provided as intitial state\n  return (set, get) => ({\n    panelEditor: undefined,\n\n    openEditPanel(panelGroupItemId) {\n      const { panels, panelGroups } = get();\n\n      // Figure out the panel key at that location\n      const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;\n      const panelKey = panelGroups[panelGroupId]?.itemPanelKeys[panelGroupLayoutId];\n      if (panelKey === undefined) {\n        throw new Error(`Could not find Panel Group item ${panelGroupItemId}`);\n      }\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          groupId: panelGroupItemId.panelGroupId,\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            // If the panel didn't change groups, nothing else to do\n            if (next.groupId === panelGroupId) {\n              return;\n            }\n\n            // Move panel to the new group\n            const existingGroup = state.panelGroups[panelGroupId];\n            if (existingGroup === undefined) {\n              throw new Error(`Missing panel group ${panelGroupId}`);\n            }\n\n            const existingLayoutIdx = existingGroup.itemLayouts.findIndex((layout) => layout.i === panelGroupLayoutId);\n            const existingLayout = existingGroup.itemLayouts[existingLayoutIdx];\n            const existingPanelKey = existingGroup.itemPanelKeys[panelGroupLayoutId];\n            if (existingLayoutIdx === -1 || existingLayout === undefined || existingPanelKey === undefined) {\n              throw new Error(`Missing panel group item ${panelGroupLayoutId}`);\n            }\n\n            // Remove item from the old group\n            existingGroup.itemLayouts.splice(existingLayoutIdx, 1);\n            delete existingGroup.itemPanelKeys[panelGroupLayoutId];\n\n            // Add item to the end of the new group\n            const newGroup = state.panelGroups[next.groupId];\n            if (newGroup === undefined) {\n              throw new Error(`Could not find new group ${next.groupId}`);\n            }\n\n            newGroup.itemLayouts.push({\n              i: existingLayout.i,\n              x: 0,\n              y: getYForNewRow(newGroup),\n              w: existingLayout.w,\n              h: existingLayout.h,\n            });\n            newGroup.itemPanelKeys[existingLayout.i] = existingPanelKey;\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    openAddPanel(panelGroupId) {\n      // If a panel group isn't supplied, add to the first group or create a group if there aren't any\n      let newGroup: PanelGroupDefinition | undefined = undefined;\n      panelGroupId ??= get().panelGroupOrder[0];\n      if (panelGroupId === undefined) {\n        newGroup = createEmptyPanelGroup();\n        newGroup.title = 'Panel Group';\n        panelGroupId = newGroup.id;\n      }\n\n      const editorState: PanelEditorState = {\n        mode: 'Add',\n        initialValues: {\n          name: '',\n          description: '',\n          groupId: panelGroupId,\n          kind: get().initialValues?.kind ?? '',\n          spec: get().initialValues?.spec ?? {},\n        },\n        applyChanges: (next) => {\n          const panelDef = createPanelDefinitionFromEditorValues(next);\n          const panelKey = getValidPanelKey(next.name, get().panels);\n\n          set((state) => {\n            // Add a panel\n            state.panels[panelKey] = panelDef;\n\n            // Also add a panel group item referencing the panel\n            const group = state.panelGroups[next.groupId];\n            if (group === undefined) {\n              throw new Error(`Missing panel group ${next.groupId}`);\n            }\n            const layout: PanelGroupItemLayout = {\n              i: generateId().toString(),\n              x: 0,\n              y: getYForNewRow(group),\n              w: 12,\n              h: 6,\n            };\n            group.itemLayouts.push(layout);\n            group.itemPanelKeys[layout.i] = panelKey;\n          });\n        },\n        close: () => {\n          set((state) => {\n            state.panelEditor = undefined;\n          });\n        },\n      };\n\n      set((state) => {\n        // Add the new panel group if one was created for the panel\n        if (newGroup !== undefined) {\n          addPanelGroup(state, newGroup);\n        }\n\n        // Open the editor with the new state\n        state.panelEditor = editorState;\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":["getYForNewRow","getValidPanelKey","generateId","addPanelGroup","createEmptyPanelGroup","createPanelEditorSlice","set","get","panelEditor","undefined","openEditPanel","panelGroupItemId","panelGroups","panels","panelGroupId","panelGroupItemLayoutId","panelGroupLayoutId","panelKey","itemPanelKeys","Error","panelToEdit","editorState","mode","initialValues","name","spec","display","description","groupId","kind","plugin","applyChanges","next","panelDefinititon","createPanelDefinitionFromEditorValues","state","existingGroup","existingLayoutIdx","itemLayouts","findIndex","layout","i","existingLayout","existingPanelKey","splice","newGroup","push","x","y","w","h","close","openAddPanel","panelGroupOrder","title","id","panelDef","group","toString","editorValues"],"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;AAIjC,SAASA,aAAa,EAAEC,gBAAgB,QAAQ,wBAAwB,CAAC;AACzE,SAASC,UAAU,QAAoB,UAAU,CAAC;AAClD,SAMEC,aAAa,EACbC,qBAAqB,QAChB,qBAAqB,CAAC;AA6D7B;;CAEC,GACD,OAAO,SAASC,sBAAsB,GAMpC;IACA,gGAAgG;IAChG,OAAO,CAACC,GAAG,EAAEC,GAAG;QAAM,OAAA;YACpBC,WAAW,EAAEC,SAAS;YAEtBC,aAAa,EAACC,gBAAgB,EAAE;oBAKbC,GAAyB;gBAJ1C,MAAM,EAAEC,MAAM,CAAA,EAAED,WAAW,CAAA,EAAE,GAAGL,GAAG,EAAE,AAAC;gBAEtC,4CAA4C;gBAC5C,MAAM,EAAEO,YAAY,CAAA,EAAEC,sBAAsB,EAAEC,kBAAkB,CAAA,EAAE,GAAGL,gBAAgB,AAAC;gBACtF,MAAMM,QAAQ,GAAGL,CAAAA,GAAyB,GAAzBA,WAAW,CAACE,YAAY,CAAC,cAAzBF,GAAyB,WAAe,GAAxCA,KAAAA,CAAwC,GAAxCA,GAAyB,CAAEM,aAAa,CAACF,kBAAkB,CAAC,AAAC;gBAC9E,IAAIC,QAAQ,KAAKR,SAAS,EAAE;oBAC1B,MAAM,IAAIU,KAAK,CAAC,CAAC,gCAAgC,EAAER,gBAAgB,CAAC,CAAC,CAAC,CAAC;gBACzE,CAAC;gBAED,yBAAyB;gBACzB,MAAMS,WAAW,GAAGP,MAAM,CAACI,QAAQ,CAAC,AAAC;gBACrC,IAAIG,WAAW,KAAKX,SAAS,EAAE;oBAC7B,MAAM,IAAIU,KAAK,CAAC,CAAC,4BAA4B,EAAEF,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC9D,CAAC;oBAMgBG,YAAoC;gBAJrD,MAAMC,WAAW,GAAqB;oBACpCC,IAAI,EAAE,MAAM;oBACZC,aAAa,EAAE;wBACbC,IAAI,EAAEJ,WAAW,CAACK,IAAI,CAACC,OAAO,CAACF,IAAI;wBACnCG,WAAW,EAAEP,CAAAA,YAAoC,GAApCA,WAAW,CAACK,IAAI,CAACC,OAAO,CAACC,WAAW,cAApCP,YAAoC,cAApCA,YAAoC,GAAI,EAAE;wBACvDQ,OAAO,EAAEjB,gBAAgB,CAACG,YAAY;wBACtCe,IAAI,EAAET,WAAW,CAACK,IAAI,CAACK,MAAM,CAACD,IAAI;wBAClCJ,IAAI,EAAEL,WAAW,CAACK,IAAI,CAACK,MAAM,CAACL,IAAI;qBACnC;oBACDM,YAAY,EAAE,CAACC,IAAI,GAAK;wBACtB,MAAMC,gBAAgB,GAAGC,qCAAqC,CAACF,IAAI,CAAC,AAAC;wBACrE1B,GAAG,CAAC,CAAC6B,KAAK,GAAK;4BACbA,KAAK,CAACtB,MAAM,CAACI,QAAQ,CAAC,GAAGgB,gBAAgB,CAAC;4BAE1C,wDAAwD;4BACxD,IAAID,IAAI,CAACJ,OAAO,KAAKd,YAAY,EAAE;gCACjC,OAAO;4BACT,CAAC;4BAED,8BAA8B;4BAC9B,MAAMsB,aAAa,GAAGD,KAAK,CAACvB,WAAW,CAACE,YAAY,CAAC,AAAC;4BACtD,IAAIsB,aAAa,KAAK3B,SAAS,EAAE;gCAC/B,MAAM,IAAIU,KAAK,CAAC,CAAC,oBAAoB,EAAEL,YAAY,CAAC,CAAC,CAAC,CAAC;4BACzD,CAAC;4BAED,MAAMuB,iBAAiB,GAAGD,aAAa,CAACE,WAAW,CAACC,SAAS,CAAC,CAACC,MAAM,GAAKA,MAAM,CAACC,CAAC,KAAKzB,kBAAkB,CAAC,AAAC;4BAC3G,MAAM0B,cAAc,GAAGN,aAAa,CAACE,WAAW,CAACD,iBAAiB,CAAC,AAAC;4BACpE,MAAMM,gBAAgB,GAAGP,aAAa,CAAClB,aAAa,CAACF,kBAAkB,CAAC,AAAC;4BACzE,IAAIqB,iBAAiB,KAAK,CAAC,CAAC,IAAIK,cAAc,KAAKjC,SAAS,IAAIkC,gBAAgB,KAAKlC,SAAS,EAAE;gCAC9F,MAAM,IAAIU,KAAK,CAAC,CAAC,yBAAyB,EAAEH,kBAAkB,CAAC,CAAC,CAAC,CAAC;4BACpE,CAAC;4BAED,iCAAiC;4BACjCoB,aAAa,CAACE,WAAW,CAACM,MAAM,CAACP,iBAAiB,EAAE,CAAC,CAAC,CAAC;4BACvD,OAAOD,aAAa,CAAClB,aAAa,CAACF,kBAAkB,CAAC,CAAC;4BAEvD,uCAAuC;4BACvC,MAAM6B,QAAQ,GAAGV,KAAK,CAACvB,WAAW,CAACoB,IAAI,CAACJ,OAAO,CAAC,AAAC;4BACjD,IAAIiB,QAAQ,KAAKpC,SAAS,EAAE;gCAC1B,MAAM,IAAIU,KAAK,CAAC,CAAC,yBAAyB,EAAEa,IAAI,CAACJ,OAAO,CAAC,CAAC,CAAC,CAAC;4BAC9D,CAAC;4BAEDiB,QAAQ,CAACP,WAAW,CAACQ,IAAI,CAAC;gCACxBL,CAAC,EAAEC,cAAc,CAACD,CAAC;gCACnBM,CAAC,EAAE,CAAC;gCACJC,CAAC,EAAEhD,aAAa,CAAC6C,QAAQ,CAAC;gCAC1BI,CAAC,EAAEP,cAAc,CAACO,CAAC;gCACnBC,CAAC,EAAER,cAAc,CAACQ,CAAC;6BACpB,CAAC,CAAC;4BACHL,QAAQ,CAAC3B,aAAa,CAACwB,cAAc,CAACD,CAAC,CAAC,GAAGE,gBAAgB,CAAC;wBAC9D,CAAC,CAAC,CAAC;oBACL,CAAC;oBACDQ,KAAK,EAAE,IAAM;wBACX7C,GAAG,CAAC,CAAC6B,KAAK,GAAK;4BACbA,KAAK,CAAC3B,WAAW,GAAGC,SAAS,CAAC;wBAChC,CAAC,CAAC,CAAC;oBACL,CAAC;iBACF,AAAC;gBAEF,qCAAqC;gBACrCH,GAAG,CAAC,CAAC6B,KAAK,GAAK;oBACbA,KAAK,CAAC3B,WAAW,GAAGa,WAAW,CAAC;gBAClC,CAAC,CAAC,CAAC;YACL,CAAC;YAED+B,YAAY,EAACtC,YAAY,EAAE;oBAgBfP,GAAmB,EACnBA,IAAmB;gBAhB7B,gGAAgG;gBAChG,IAAIsC,QAAQ,GAAqCpC,SAAS,AAAC;gBAC3DK,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAZA,YAAY,GAAKP,GAAG,EAAE,CAAC8C,eAAe,CAAC,CAAC,CAAC,CAAC;gBAC1C,IAAIvC,YAAY,KAAKL,SAAS,EAAE;oBAC9BoC,QAAQ,GAAGzC,qBAAqB,EAAE,CAAC;oBACnCyC,QAAQ,CAACS,KAAK,GAAG,aAAa,CAAC;oBAC/BxC,YAAY,GAAG+B,QAAQ,CAACU,EAAE,CAAC;gBAC7B,CAAC;oBAQShD,IAAyB,EACzBA,IAAyB;gBAPnC,MAAMc,WAAW,GAAqB;oBACpCC,IAAI,EAAE,KAAK;oBACXC,aAAa,EAAE;wBACbC,IAAI,EAAE,EAAE;wBACRG,WAAW,EAAE,EAAE;wBACfC,OAAO,EAAEd,YAAY;wBACrBe,IAAI,EAAEtB,CAAAA,IAAyB,GAAzBA,CAAAA,GAAmB,GAAnBA,GAAG,EAAE,CAACgB,aAAa,cAAnBhB,GAAmB,WAAM,GAAzBA,KAAAA,CAAyB,GAAzBA,GAAmB,CAAEsB,IAAI,cAAzBtB,IAAyB,cAAzBA,IAAyB,GAAI,EAAE;wBACrCkB,IAAI,EAAElB,CAAAA,IAAyB,GAAzBA,CAAAA,IAAmB,GAAnBA,GAAG,EAAE,CAACgB,aAAa,cAAnBhB,IAAmB,WAAM,GAAzBA,KAAAA,CAAyB,GAAzBA,IAAmB,CAAEkB,IAAI,cAAzBlB,IAAyB,cAAzBA,IAAyB,GAAI,EAAE;qBACtC;oBACDwB,YAAY,EAAE,CAACC,IAAI,GAAK;wBACtB,MAAMwB,QAAQ,GAAGtB,qCAAqC,CAACF,IAAI,CAAC,AAAC;wBAC7D,MAAMf,QAAQ,GAAGhB,gBAAgB,CAAC+B,IAAI,CAACR,IAAI,EAAEjB,GAAG,EAAE,CAACM,MAAM,CAAC,AAAC;wBAE3DP,GAAG,CAAC,CAAC6B,KAAK,GAAK;4BACb,cAAc;4BACdA,KAAK,CAACtB,MAAM,CAACI,QAAQ,CAAC,GAAGuC,QAAQ,CAAC;4BAElC,oDAAoD;4BACpD,MAAMC,KAAK,GAAGtB,KAAK,CAACvB,WAAW,CAACoB,IAAI,CAACJ,OAAO,CAAC,AAAC;4BAC9C,IAAI6B,KAAK,KAAKhD,SAAS,EAAE;gCACvB,MAAM,IAAIU,KAAK,CAAC,CAAC,oBAAoB,EAAEa,IAAI,CAACJ,OAAO,CAAC,CAAC,CAAC,CAAC;4BACzD,CAAC;4BACD,MAAMY,MAAM,GAAyB;gCACnCC,CAAC,EAAEvC,UAAU,EAAE,CAACwD,QAAQ,EAAE;gCAC1BX,CAAC,EAAE,CAAC;gCACJC,CAAC,EAAEhD,aAAa,CAACyD,KAAK,CAAC;gCACvBR,CAAC,EAAE,EAAE;gCACLC,CAAC,EAAE,CAAC;6BACL,AAAC;4BACFO,KAAK,CAACnB,WAAW,CAACQ,IAAI,CAACN,MAAM,CAAC,CAAC;4BAC/BiB,KAAK,CAACvC,aAAa,CAACsB,MAAM,CAACC,CAAC,CAAC,GAAGxB,QAAQ,CAAC;wBAC3C,CAAC,CAAC,CAAC;oBACL,CAAC;oBACDkC,KAAK,EAAE,IAAM;wBACX7C,GAAG,CAAC,CAAC6B,KAAK,GAAK;4BACbA,KAAK,CAAC3B,WAAW,GAAGC,SAAS,CAAC;wBAChC,CAAC,CAAC,CAAC;oBACL,CAAC;iBACF,AAAC;gBAEFH,GAAG,CAAC,CAAC6B,KAAK,GAAK;oBACb,2DAA2D;oBAC3D,IAAIU,QAAQ,KAAKpC,SAAS,EAAE;wBAC1BN,aAAa,CAACgC,KAAK,EAAEU,QAAQ,CAAC,CAAC;oBACjC,CAAC;oBAED,qCAAqC;oBACrCV,KAAK,CAAC3B,WAAW,GAAGa,WAAW,CAAC;gBAClC,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAA;KAAC,CAAC;AACL,CAAC;AAED,gDAAgD;AAChD,SAASa,qCAAqC,CAACyB,YAA+B,EAAmB;IAC/F,OAAO;QACL9B,IAAI,EAAE,OAAO;QACbJ,IAAI,EAAE;YACJC,OAAO,EAAE;gBACPF,IAAI,EAAEmC,YAAY,CAACnC,IAAI;gBACvBG,WAAW,EAAEgC,YAAY,CAAChC,WAAW,KAAK,EAAE,GAAGgC,YAAY,CAAChC,WAAW,GAAGlB,SAAS;aACpF;YACDqB,MAAM,EAAE;gBACND,IAAI,EAAE8B,YAAY,CAAC9B,IAAI;gBACvBJ,IAAI,EAAEkC,YAAY,CAAClC,IAAI;aACxB;SACF;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-editor-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 { getYForNewRow, getValidPanelKey } from '../../utils/panelUtils';\nimport { generateId, Middleware, createPanelDefinition } from './common';\nimport {\n  PanelGroupSlice,\n  PanelGroupItemId,\n  PanelGroupId,\n  PanelGroupDefinition,\n  PanelGroupItemLayout,\n  addPanelGroup,\n  createEmptyPanelGroup,\n} from './panel-group-slice';\nimport { PanelSlice } from './panel-slice';\n\n/**\n * Slice that handles the visual editor state and actions for adding or editing Panels.\n */\nexport interface PanelEditorSlice {\n  /**\n   * Initial values for add panel if default panel kind is defined\n   */\n  initialValues?: Pick<PanelEditorValues, 'panelDefinition'>;\n\n  /**\n   * State for the panel editor when its open, otherwise undefined when it's closed.\n   */\n  panelEditor?: PanelEditorState;\n\n  /**\n   * Opens the editor for editing an existing panel by providing its layout coordinates.\n   */\n  openEditPanel: (panelGroupItemId: PanelGroupItemId) => void;\n\n  /**\n   * Opens the editor for adding a new Panel to a panel group.\n   */\n  openAddPanel: (panelGroupId?: PanelGroupId) => void;\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  groupId: PanelGroupId;\n  panelDefinition: PanelDefinition;\n}\n\n/**\n * Curried function for creating the PanelEditorSlice.\n */\nexport function createPanelEditorSlice(): StateCreator<\n  // Actions in here need to modify both Panels and Panel Groups state\n  PanelEditorSlice & PanelSlice & PanelGroupSlice,\n  Middleware,\n  [],\n  PanelEditorSlice\n> {\n  // Return the state creator function for Zustand that uses the panels provided as intitial state\n  return (set, get) => ({\n    panelEditor: undefined,\n\n    openEditPanel(panelGroupItemId) {\n      const { panels, panelGroups } = get();\n\n      // Figure out the panel key at that location\n      const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;\n      const panelKey = panelGroups[panelGroupId]?.itemPanelKeys[panelGroupLayoutId];\n      if (panelKey === undefined) {\n        throw new Error(`Could not find Panel Group item ${panelGroupItemId}`);\n      }\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          groupId: panelGroupItemId.panelGroupId,\n          panelDefinition: panelToEdit,\n        },\n        applyChanges: (next) => {\n          set((state) => {\n            state.panels[panelKey] = next.panelDefinition;\n\n            // If the panel didn't change groups, nothing else to do\n            if (next.groupId === panelGroupId) {\n              return;\n            }\n\n            // Move panel to the new group\n            const existingGroup = state.panelGroups[panelGroupId];\n            if (existingGroup === undefined) {\n              throw new Error(`Missing panel group ${panelGroupId}`);\n            }\n\n            const existingLayoutIdx = existingGroup.itemLayouts.findIndex((layout) => layout.i === panelGroupLayoutId);\n            const existingLayout = existingGroup.itemLayouts[existingLayoutIdx];\n            const existingPanelKey = existingGroup.itemPanelKeys[panelGroupLayoutId];\n            if (existingLayoutIdx === -1 || existingLayout === undefined || existingPanelKey === undefined) {\n              throw new Error(`Missing panel group item ${panelGroupLayoutId}`);\n            }\n\n            // Remove item from the old group\n            existingGroup.itemLayouts.splice(existingLayoutIdx, 1);\n            delete existingGroup.itemPanelKeys[panelGroupLayoutId];\n\n            // Add item to the end of the new group\n            const newGroup = state.panelGroups[next.groupId];\n            if (newGroup === undefined) {\n              throw new Error(`Could not find new group ${next.groupId}`);\n            }\n\n            newGroup.itemLayouts.push({\n              i: existingLayout.i,\n              x: 0,\n              y: getYForNewRow(newGroup),\n              w: existingLayout.w,\n              h: existingLayout.h,\n            });\n            newGroup.itemPanelKeys[existingLayout.i] = existingPanelKey;\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    openAddPanel(panelGroupId) {\n      // If a panel group isn't supplied, add to the first group or create a group if there aren't any\n      let newGroup: PanelGroupDefinition | undefined = undefined;\n      panelGroupId ??= get().panelGroupOrder[0];\n      if (panelGroupId === undefined) {\n        newGroup = createEmptyPanelGroup();\n        newGroup.title = 'Panel Group';\n        panelGroupId = newGroup.id;\n      }\n\n      const editorState: PanelEditorState = {\n        mode: 'Add',\n        initialValues: {\n          groupId: panelGroupId,\n          panelDefinition: get().initialValues?.panelDefinition ?? createPanelDefinition(),\n        },\n        applyChanges: (next) => {\n          const name = next.panelDefinition.spec.display.name;\n          const panelKey = getValidPanelKey(name, get().panels);\n\n          set((state) => {\n            // Add a panel\n            state.panels[panelKey] = next.panelDefinition;\n\n            // Also add a panel group item referencing the panel\n            const group = state.panelGroups[next.groupId];\n            if (group === undefined) {\n              throw new Error(`Missing panel group ${next.groupId}`);\n            }\n            const layout: PanelGroupItemLayout = {\n              i: generateId().toString(),\n              x: 0,\n              y: getYForNewRow(group),\n              w: 12,\n              h: 6,\n            };\n            group.itemLayouts.push(layout);\n            group.itemPanelKeys[layout.i] = panelKey;\n          });\n        },\n        close: () => {\n          set((state) => {\n            state.panelEditor = undefined;\n          });\n        },\n      };\n\n      set((state) => {\n        // Add the new panel group if one was created for the panel\n        if (newGroup !== undefined) {\n          addPanelGroup(state, newGroup);\n        }\n\n        // Open the editor with the new state\n        state.panelEditor = editorState;\n      });\n    },\n  });\n}\n"],"names":["getYForNewRow","getValidPanelKey","generateId","createPanelDefinition","addPanelGroup","createEmptyPanelGroup","createPanelEditorSlice","set","get","panelEditor","undefined","openEditPanel","panelGroupItemId","panelGroups","panels","panelGroupId","panelGroupItemLayoutId","panelGroupLayoutId","panelKey","itemPanelKeys","Error","panelToEdit","editorState","mode","initialValues","groupId","panelDefinition","applyChanges","next","state","existingGroup","existingLayoutIdx","itemLayouts","findIndex","layout","i","existingLayout","existingPanelKey","splice","newGroup","push","x","y","w","h","close","openAddPanel","panelGroupOrder","title","id","name","spec","display","group","toString"],"mappings":"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"}

package/dist/stories/decorators/WithDataQueriesProvider.js

@@ -0,0 +1,33 @@
+// Copyright 2023 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 { jsx as _jsx } from "react/jsx-runtime";
+import { DataQueriesProvider } from '@perses-dev/plugin-system';
+// Type guard because storybook types parameters as `any`
+function isWithDataQueriesParameter(parameter) {
+    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
+}
+export const WithDataQueries = (Story, context)=>{
+    const initParameter = context.parameters.WithDataQueries;
+    const parameter = isWithDataQueriesParameter(initParameter) ? initParameter : {
+        props: {
+            definitions: []
+        }
+    };
+    const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
+    return /*#__PURE__*/ _jsx(DataQueriesProvider, {
+        ...props,
+        children: /*#__PURE__*/ _jsx(Story, {})
+    });
+};
+
+//# sourceMappingURL=WithDataQueriesProvider.js.map

package/dist/stories/decorators/WithDataQueriesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/stories/decorators/WithDataQueriesProvider.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 { Definition, UnknownSpec } from '@perses-dev/core';\nimport { DataQueriesProvider, DataQueriesProviderProps } from '@perses-dev/plugin-system';\nimport { StoryFn, StoryContext } from '@storybook/react';\n\nexport type WithDataQueriesProvideParameter = {\n  props: DataQueriesProviderProps;\n};\n\n// Type guard because storybook types parameters as `any`\nfunction isWithDataQueriesParameter(\n  parameter: unknown | WithDataQueriesProvideParameter\n): parameter is WithDataQueriesProvideParameter {\n  return !!parameter && typeof parameter === 'object' && 'props' in parameter;\n}\n\nexport const WithDataQueries = (Story: StoryFn, context: StoryContext<unknown>) => {\n  const initParameter = context.parameters.WithDataQueries;\n  const parameter = isWithDataQueriesParameter(initParameter)\n    ? initParameter\n    : { props: { definitions: [] as Array<Definition<UnknownSpec>> } };\n  const props = parameter?.props;\n\n  return (\n    <DataQueriesProvider {...props}>\n      <Story />\n    </DataQueriesProvider>\n  );\n};\n"],"names":["DataQueriesProvider","isWithDataQueriesParameter","parameter","WithDataQueries","Story","context","initParameter","parameters","props","definitions"],"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;AAEjC;AACA,SAASA,mBAAmB,QAAkC,2BAA2B,CAAC;AAO1F,yDAAyD;AACzD,SAASC,0BAA0B,CACjCC,SAAoD,EACN;IAC9C,OAAO,CAAC,CAACA,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ,IAAI,OAAO,IAAIA,SAAS,CAAC;AAC9E,CAAC;AAED,OAAO,MAAMC,eAAe,GAAG,CAACC,KAAc,EAAEC,OAA8B,GAAK;IACjF,MAAMC,aAAa,GAAGD,OAAO,CAACE,UAAU,CAACJ,eAAe,AAAC;IACzD,MAAMD,SAAS,GAAGD,0BAA0B,CAACK,aAAa,CAAC,GACvDA,aAAa,GACb;QAAEE,KAAK,EAAE;YAAEC,WAAW,EAAE,EAAE;SAAoC;KAAE,AAAC;IACrE,MAAMD,KAAK,GAAGN,SAAS,aAATA,SAAS,WAAO,GAAhBA,KAAAA,CAAgB,GAAhBA,SAAS,CAAEM,KAAK,AAAC;IAE/B,qBACE,KAACR,mBAAmB;QAAE,GAAGQ,KAAK;kBAC5B,cAAA,KAACJ,KAAK,KAAG;MACW,CACtB;AACJ,CAAC,CAAC"}

package/dist/stories/decorators/WithDatasourceStore.js

@@ -12,60 +12,15 @@
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DatasourceStoreProvider } from '@perses-dev/dashboards';
-import { EMPTY_DASHBOARD_RESOURCE } from './constants';
+import { defaultDatasourceProps } from '../../test';
 // Type guard because storybook types parameters as `any`
 function isWithDatasourceStoreParameter(parameter) {
     return !!parameter && typeof parameter === 'object' && 'props' in parameter;
 }
-const prometheusDemoUrl = 'https://prometheus.demo.do.prometheus.io';
-const prometheusDemo = {
-    kind: 'GlobalDatasource',
-    metadata: {
-        name: 'PrometheusDemo',
-        created_at: '0001-01-01T00:00:00Z',
-        updated_at: '0001-01-01T00:00:00Z',
-        version: 0
-    },
-    spec: {
-        default: true,
-        plugin: {
-            kind: 'PrometheusDatasource',
-            spec: {
-                direct_url: prometheusDemoUrl
-            }
-        }
-    }
-};
 export const WithDatasourceStore = (Story, context)=>{
     const initParameter = context.parameters.withDatasourceStore;
     const parameter = isWithDatasourceStoreParameter(initParameter) ? initParameter : undefined;
     const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
-    // This default currently defines the bare minimum to get a story working in
-    // the `Dashboard` storybook with the Prometheus demo api. We'll likely want
-    // to expand it to do more in the future.
-    const defaultDatasourceProps = {
-        dashboardResource: EMPTY_DASHBOARD_RESOURCE,
-        datasourceApi: {
-            getDatasource: ()=>{
-                return Promise.resolve(undefined);
-            },
-            getGlobalDatasource: (selector)=>{
-                if (selector.kind === 'PrometheusDatasource') {
-                    return Promise.resolve({
-                        resource: prometheusDemo,
-                        proxyUrl: prometheusDemoUrl
-                    });
-                }
-                return Promise.resolve(undefined);
-            },
-            listDatasources: ()=>{
-                return Promise.resolve([]);
-            },
-            listGlobalDatasources: ()=>{
-                return Promise.resolve([]);
-            }
-        }
-    };
     return /*#__PURE__*/ _jsx(DatasourceStoreProvider, {
         ...defaultDatasourceProps,
         ...props,

package/dist/stories/decorators/WithDatasourceStore.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/stories/decorators/WithDatasourceStore.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 { StoryFn, StoryContext } from '@storybook/react';\nimport { DatasourceStoreProvider, DatasourceStoreProviderProps } from '@perses-dev/dashboards';\nimport { GlobalDatasource } from '@perses-dev/core';\nimport { EMPTY_DASHBOARD_RESOURCE } from './constants';\n\nexport type WithDatasourceStoreParameter = {\n  props: Partial<DatasourceStoreProviderProps>;\n};\n\n// Type guard because storybook types parameters as `any`\nfunction isWithDatasourceStoreParameter(\n  parameter: unknown | WithDatasourceStoreParameter\n): parameter is WithDatasourceStoreParameter {\n  return !!parameter && typeof parameter === 'object' && 'props' in parameter;\n}\n\nconst prometheusDemoUrl = 'https://prometheus.demo.do.prometheus.io';\nconst prometheusDemo: GlobalDatasource = {\n  kind: 'GlobalDatasource',\n  metadata: {\n    name: 'PrometheusDemo',\n    created_at: '0001-01-01T00:00:00Z',\n    updated_at: '0001-01-01T00:00:00Z',\n    version: 0,\n  },\n  spec: {\n    default: true,\n    plugin: {\n      kind: 'PrometheusDatasource',\n      spec: { direct_url: prometheusDemoUrl },\n    },\n  },\n} as const;\n\nexport const WithDatasourceStore = (Story: StoryFn, context: StoryContext<unknown>) => {\n  const initParameter = context.parameters.withDatasourceStore;\n  const parameter = isWithDatasourceStoreParameter(initParameter) ? initParameter : undefined;\n  const props = parameter?.props;\n\n  // This default currently defines the bare minimum to get a story working in\n  // the `Dashboard` storybook with the Prometheus demo api. We'll likely want\n  // to expand it to do more in the future.\n  const defaultDatasourceProps: Pick<DatasourceStoreProviderProps, 'datasourceApi' | 'dashboardResource'> = {\n    dashboardResource: EMPTY_DASHBOARD_RESOURCE,\n    datasourceApi: {\n      getDatasource: () => {\n        return Promise.resolve(undefined);\n      },\n      getGlobalDatasource: (selector) => {\n        if (selector.kind === 'PrometheusDatasource') {\n          return Promise.resolve({ resource: prometheusDemo, proxyUrl: prometheusDemoUrl });\n        }\n\n        return Promise.resolve(undefined);\n      },\n      listDatasources: () => {\n        return Promise.resolve([]);\n      },\n      listGlobalDatasources: () => {\n        return Promise.resolve([]);\n      },\n    },\n  };\n\n  return (\n    <DatasourceStoreProvider {...defaultDatasourceProps} {...props}>\n      <Story />\n    </DatasourceStoreProvider>\n  );\n};\n"],"names":["DatasourceStoreProvider","EMPTY_DASHBOARD_RESOURCE","isWithDatasourceStoreParameter","parameter","prometheusDemoUrl","prometheusDemo","kind","metadata","name","created_at","updated_at","version","spec","default","plugin","direct_url","WithDatasourceStore","Story","context","initParameter","parameters","withDatasourceStore","undefined","props","defaultDatasourceProps","dashboardResource","datasourceApi","getDatasource","Promise","resolve","getGlobalDatasource","selector","resource","proxyUrl","listDatasources","listGlobalDatasources"],"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;AAEjC;AACA,SAASA,uBAAuB,QAAsC,wBAAwB,CAAC;AAE/F,SAASC,wBAAwB,QAAQ,aAAa,CAAC;AAMvD,yDAAyD;AACzD,SAASC,8BAA8B,CACrCC,SAAiD,EACN;IAC3C,OAAO,CAAC,CAACA,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ,IAAI,OAAO,IAAIA,SAAS,CAAC;AAC9E,CAAC;AAED,MAAMC,iBAAiB,GAAG,0CAA0C,AAAC;AACrE,MAAMC,cAAc,GAAqB;IACvCC,IAAI,EAAE,kBAAkB;IACxBC,QAAQ,EAAE;QACRC,IAAI,EAAE,gBAAgB;QACtBC,UAAU,EAAE,sBAAsB;QAClCC,UAAU,EAAE,sBAAsB;QAClCC,OAAO,EAAE,CAAC;KACX;IACDC,IAAI,EAAE;QACJC,OAAO,EAAE,IAAI;QACbC,MAAM,EAAE;YACNR,IAAI,EAAE,sBAAsB;YAC5BM,IAAI,EAAE;gBAAEG,UAAU,EAAEX,iBAAiB;aAAE;SACxC;KACF;CACF,AAAS,AAAC;AAEX,OAAO,MAAMY,mBAAmB,GAAG,CAACC,KAAc,EAAEC,OAA8B,GAAK;IACrF,MAAMC,aAAa,GAAGD,OAAO,CAACE,UAAU,CAACC,mBAAmB,AAAC;IAC7D,MAAMlB,SAAS,GAAGD,8BAA8B,CAACiB,aAAa,CAAC,GAAGA,aAAa,GAAGG,SAAS,AAAC;IAC5F,MAAMC,KAAK,GAAGpB,SAAS,aAATA,SAAS,WAAO,GAAhBA,KAAAA,CAAgB,GAAhBA,SAAS,CAAEoB,KAAK,AAAC;IAE/B,4EAA4E;IAC5E,4EAA4E;IAC5E,yCAAyC;IACzC,MAAMC,sBAAsB,GAA8E;QACxGC,iBAAiB,EAAExB,wBAAwB;QAC3CyB,aAAa,EAAE;YACbC,aAAa,EAAE,IAAM;gBACnB,OAAOC,OAAO,CAACC,OAAO,CAACP,SAAS,CAAC,CAAC;YACpC,CAAC;YACDQ,mBAAmB,EAAE,CAACC,QAAQ,GAAK;gBACjC,IAAIA,QAAQ,CAACzB,IAAI,KAAK,sBAAsB,EAAE;oBAC5C,OAAOsB,OAAO,CAACC,OAAO,CAAC;wBAAEG,QAAQ,EAAE3B,cAAc;wBAAE4B,QAAQ,EAAE7B,iBAAiB;qBAAE,CAAC,CAAC;gBACpF,CAAC;gBAED,OAAOwB,OAAO,CAACC,OAAO,CAACP,SAAS,CAAC,CAAC;YACpC,CAAC;YACDY,eAAe,EAAE,IAAM;gBACrB,OAAON,OAAO,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC7B,CAAC;YACDM,qBAAqB,EAAE,IAAM;gBAC3B,OAAOP,OAAO,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC7B,CAAC;SACF;KACF,AAAC;IAEF,qBACE,KAAC7B,uBAAuB;QAAE,GAAGwB,sBAAsB;QAAG,GAAGD,KAAK;kBAC5D,cAAA,KAACN,KAAK,KAAG;MACe,CAC1B;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/stories/decorators/WithDatasourceStore.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 { StoryFn, StoryContext } from '@storybook/react';\nimport { DatasourceStoreProvider, DatasourceStoreProviderProps } from '@perses-dev/dashboards';\nimport { defaultDatasourceProps } from '../../test';\n\nexport type WithDatasourceStoreParameter = {\n  props: Partial<DatasourceStoreProviderProps>;\n};\n\n// Type guard because storybook types parameters as `any`\nfunction isWithDatasourceStoreParameter(\n  parameter: unknown | WithDatasourceStoreParameter\n): parameter is WithDatasourceStoreParameter {\n  return !!parameter && typeof parameter === 'object' && 'props' in parameter;\n}\n\nexport const WithDatasourceStore = (Story: StoryFn, context: StoryContext<unknown>) => {\n  const initParameter = context.parameters.withDatasourceStore;\n  const parameter = isWithDatasourceStoreParameter(initParameter) ? initParameter : undefined;\n  const props = parameter?.props;\n\n  return (\n    <DatasourceStoreProvider {...defaultDatasourceProps} {...props}>\n      <Story />\n    </DatasourceStoreProvider>\n  );\n};\n"],"names":["DatasourceStoreProvider","defaultDatasourceProps","isWithDatasourceStoreParameter","parameter","WithDatasourceStore","Story","context","initParameter","parameters","withDatasourceStore","undefined","props"],"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;AAEjC;AACA,SAASA,uBAAuB,QAAsC,wBAAwB,CAAC;AAC/F,SAASC,sBAAsB,QAAQ,YAAY,CAAC;AAMpD,yDAAyD;AACzD,SAASC,8BAA8B,CACrCC,SAAiD,EACN;IAC3C,OAAO,CAAC,CAACA,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ,IAAI,OAAO,IAAIA,SAAS,CAAC;AAC9E,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAG,CAACC,KAAc,EAAEC,OAA8B,GAAK;IACrF,MAAMC,aAAa,GAAGD,OAAO,CAACE,UAAU,CAACC,mBAAmB,AAAC;IAC7D,MAAMN,SAAS,GAAGD,8BAA8B,CAACK,aAAa,CAAC,GAAGA,aAAa,GAAGG,SAAS,AAAC;IAC5F,MAAMC,KAAK,GAAGR,SAAS,aAATA,SAAS,WAAO,GAAhBA,KAAAA,CAAgB,GAAhBA,SAAS,CAAEQ,KAAK,AAAC;IAE/B,qBACE,KAACX,uBAAuB;QAAE,GAAGC,sBAAsB;QAAG,GAAGU,KAAK;kBAC5D,cAAA,KAACN,KAAK,KAAG;MACe,CAC1B;AACJ,CAAC,CAAC"}

package/dist/stories/decorators/WithPluginRegistry.js

@@ -39,6 +39,9 @@ const bundledPluginLoader = dynamicImportPluginLoader([
 export const WithPluginRegistry = (Story)=>{
     return /*#__PURE__*/ _jsx(PluginRegistry, {
         pluginLoader: bundledPluginLoader,
+        defaultPluginKinds: {
+            TimeSeriesQuery: 'PrometheusTimeSeriesQuery'
+        },
         children: /*#__PURE__*/ _jsx(Story, {})
     });
 };

package/dist/stories/decorators/WithPluginRegistry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/stories/decorators/WithPluginRegistry.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 { StoryFn } from '@storybook/react';\nimport {\n  PluginRegistry,\n  PluginLoader,\n  PluginModuleResource,\n  dynamicImportPluginLoader,\n} from '@perses-dev/plugin-system';\n\n// NOTE: the aliases we use for components break these top level imports, so we\n// import relatively.\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst prometheusResource = require('../../../../prometheus-plugin/plugin.json');\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst panelsResource = require('../../../../panels-plugin/plugin.json');\n\nconst bundledPluginLoader: PluginLoader = dynamicImportPluginLoader([\n  {\n    resource: prometheusResource as PluginModuleResource,\n    // This throws an error in CI (but not locally for some reason), likely because\n    // this package isn't a dependency for dashboards. We probably do not want to\n    // make it one solely for type-checking in storybook.\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    importPlugin: () => import('@perses-dev/prometheus-plugin'),\n  },\n  {\n    resource: panelsResource as PluginModuleResource,\n    // Same comment as above.\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    importPlugin: () => import('@perses-dev/panels-plugin'),\n  },\n]);\n\nexport const WithPluginRegistry = (Story: StoryFn) => {\n  return (\n    <PluginRegistry pluginLoader={bundledPluginLoader}>\n      <Story />\n    </PluginRegistry>\n  );\n};\n"],"names":["PluginRegistry","dynamicImportPluginLoader","prometheusResource","require","panelsResource","bundledPluginLoader","resource","importPlugin","WithPluginRegistry","Story","pluginLoader"],"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;AAEjC;AACA,SACEA,cAAc,EAGdC,yBAAyB,QACpB,2BAA2B,CAAC;AAEnC,+EAA+E;AAC/E,qBAAqB;AACrB,8DAA8D;AAC9D,MAAMC,kBAAkB,GAAGC,OAAO,CAAC,2CAA2C,CAAC,AAAC;AAChF,8DAA8D;AAC9D,MAAMC,cAAc,GAAGD,OAAO,CAAC,uCAAuC,CAAC,AAAC;AAExE,MAAME,mBAAmB,GAAiBJ,yBAAyB,CAAC;IAClE;QACEK,QAAQ,EAAEJ,kBAAkB;QAC5B,+EAA+E;QAC/E,6EAA6E;QAC7E,qDAAqD;QACrD,6DAA6D;QAC7D,aAAa;QACbK,YAAY,EAAE,IAAM,MAAM,CAAC,+BAA+B,CAAC;KAC5D;IACD;QACED,QAAQ,EAAEF,cAAc;QACxB,yBAAyB;QACzB,6DAA6D;QAC7D,aAAa;QACbG,YAAY,EAAE,IAAM,MAAM,CAAC,2BAA2B,CAAC;KACxD;CACF,CAAC,AAAC;AAEH,OAAO,MAAMC,kBAAkB,GAAG,CAACC,KAAc,GAAK;IACpD,qBACE,KAACT,cAAc;QAACU,YAAY,EAAEL,mBAAmB;kBAC/C,cAAA,KAACI,KAAK,KAAG;MACM,CACjB;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/stories/decorators/WithPluginRegistry.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 { StoryFn } from '@storybook/react';\nimport {\n  PluginRegistry,\n  PluginLoader,\n  PluginModuleResource,\n  dynamicImportPluginLoader,\n} from '@perses-dev/plugin-system';\n\n// NOTE: the aliases we use for components break these top level imports, so we\n// import relatively.\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst prometheusResource = require('../../../../prometheus-plugin/plugin.json');\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst panelsResource = require('../../../../panels-plugin/plugin.json');\n\nconst bundledPluginLoader: PluginLoader = dynamicImportPluginLoader([\n  {\n    resource: prometheusResource as PluginModuleResource,\n    // This throws an error in CI (but not locally for some reason), likely because\n    // this package isn't a dependency for dashboards. We probably do not want to\n    // make it one solely for type-checking in storybook.\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    importPlugin: () => import('@perses-dev/prometheus-plugin'),\n  },\n  {\n    resource: panelsResource as PluginModuleResource,\n    // Same comment as above.\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    importPlugin: () => import('@perses-dev/panels-plugin'),\n  },\n]);\n\nexport const WithPluginRegistry = (Story: StoryFn) => {\n  return (\n    <PluginRegistry\n      pluginLoader={bundledPluginLoader}\n      defaultPluginKinds={{ TimeSeriesQuery: 'PrometheusTimeSeriesQuery' }}\n    >\n      <Story />\n    </PluginRegistry>\n  );\n};\n"],"names":["PluginRegistry","dynamicImportPluginLoader","prometheusResource","require","panelsResource","bundledPluginLoader","resource","importPlugin","WithPluginRegistry","Story","pluginLoader","defaultPluginKinds","TimeSeriesQuery"],"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;AAEjC;AACA,SACEA,cAAc,EAGdC,yBAAyB,QACpB,2BAA2B,CAAC;AAEnC,+EAA+E;AAC/E,qBAAqB;AACrB,8DAA8D;AAC9D,MAAMC,kBAAkB,GAAGC,OAAO,CAAC,2CAA2C,CAAC,AAAC;AAChF,8DAA8D;AAC9D,MAAMC,cAAc,GAAGD,OAAO,CAAC,uCAAuC,CAAC,AAAC;AAExE,MAAME,mBAAmB,GAAiBJ,yBAAyB,CAAC;IAClE;QACEK,QAAQ,EAAEJ,kBAAkB;QAC5B,+EAA+E;QAC/E,6EAA6E;QAC7E,qDAAqD;QACrD,6DAA6D;QAC7D,aAAa;QACbK,YAAY,EAAE,IAAM,MAAM,CAAC,+BAA+B,CAAC;KAC5D;IACD;QACED,QAAQ,EAAEF,cAAc;QACxB,yBAAyB;QACzB,6DAA6D;QAC7D,aAAa;QACbG,YAAY,EAAE,IAAM,MAAM,CAAC,2BAA2B,CAAC;KACxD;CACF,CAAC,AAAC;AAEH,OAAO,MAAMC,kBAAkB,GAAG,CAACC,KAAc,GAAK;IACpD,qBACE,KAACT,cAAc;QACbU,YAAY,EAAEL,mBAAmB;QACjCM,kBAAkB,EAAE;YAAEC,eAAe,EAAE,2BAA2B;SAAE;kBAEpE,cAAA,KAACH,KAAK,KAAG;MACM,CACjB;AACJ,CAAC,CAAC"}

package/dist/stories/decorators/index.js

@@ -12,6 +12,7 @@
 // limitations under the License.
 export * from './constants';
 export * from './WithDashboard';
+export * from './WithDataQueriesProvider';
 export * from './WithDatasourceStore';
 export * from './WithPluginRegistry';
 export * from './WithQueryClient';

package/dist/stories/decorators/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/stories/decorators/index.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\nexport * from './constants';\nexport * from './WithDashboard';\nexport * from './WithDatasourceStore';\nexport * from './WithPluginRegistry';\nexport * from './WithQueryClient';\nexport * from './WithQueryParams';\nexport * from './WithTemplateVariables';\nexport * from './WithTimeRange';\n"],"names":[],"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;AAEjC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC"}
+{"version":3,"sources":["../../../src/stories/decorators/index.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\nexport * from './constants';\nexport * from './WithDashboard';\nexport * from './WithDataQueriesProvider';\nexport * from './WithDatasourceStore';\nexport * from './WithPluginRegistry';\nexport * from './WithQueryClient';\nexport * from './WithQueryParams';\nexport * from './WithTemplateVariables';\nexport * from './WithTimeRange';\n"],"names":[],"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;AAEjC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC"}

package/dist/test/datasource-provider.d.ts

@@ -0,0 +1,6 @@
+import { GlobalDatasource } from '@perses-dev/core';
+import { DatasourceStoreProviderProps } from '../context';
+export declare const prometheusDemoUrl = "https://prometheus.demo.do.prometheus.io";
+export declare const prometheusDemo: GlobalDatasource;
+export declare const defaultDatasourceProps: Pick<DatasourceStoreProviderProps, 'datasourceApi' | 'dashboardResource'>;
+//# sourceMappingURL=datasource-provider.d.ts.map

package/dist/test/datasource-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datasource-provider.d.ts","sourceRoot":"","sources":["../../src/test/datasource-provider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAG1D,eAAO,MAAM,iBAAiB,6CAA6C,CAAC;AAC5E,eAAO,MAAM,cAAc,EAAE,gBAenB,CAAC;AAKX,eAAO,MAAM,sBAAsB,EAAE,IAAI,CAAC,4BAA4B,EAAE,eAAe,GAAG,mBAAmB,CAoB5G,CAAC"}

package/dist/test/datasource-provider.js

@@ -0,0 +1,60 @@
+// Copyright 2023 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 { getTestDashboard } from './dashboard-provider';
+export const prometheusDemoUrl = 'https://prometheus.demo.do.prometheus.io';
+export const prometheusDemo = {
+    kind: 'GlobalDatasource',
+    metadata: {
+        name: 'PrometheusDemo',
+        created_at: '0001-01-01T00:00:00Z',
+        updated_at: '0001-01-01T00:00:00Z',
+        version: 0
+    },
+    spec: {
+        default: true,
+        plugin: {
+            kind: 'PrometheusDatasource',
+            spec: {
+                direct_url: prometheusDemoUrl
+            }
+        }
+    }
+};
+// This default currently defines the bare minimum to get a story working in
+// the `Dashboard` storybook with the Prometheus demo api. We'll likely want
+// to expand it to do more in the future.
+export const defaultDatasourceProps = {
+    dashboardResource: getTestDashboard(),
+    datasourceApi: {
+        getDatasource: ()=>{
+            return Promise.resolve(undefined);
+        },
+        getGlobalDatasource: (selector)=>{
+            if (selector.kind === 'PrometheusDatasource') {
+                return Promise.resolve({
+                    resource: prometheusDemo,
+                    proxyUrl: prometheusDemoUrl
+                });
+            }
+            return Promise.resolve(undefined);
+        },
+        listDatasources: ()=>{
+            return Promise.resolve([]);
+        },
+        listGlobalDatasources: ()=>{
+            return Promise.resolve([]);
+        }
+    }
+};
+
+//# sourceMappingURL=datasource-provider.js.map

package/dist/test/datasource-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/test/datasource-provider.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 { GlobalDatasource } from '@perses-dev/core';\nimport { DatasourceStoreProviderProps } from '../context';\nimport { getTestDashboard } from './dashboard-provider';\n\nexport const prometheusDemoUrl = 'https://prometheus.demo.do.prometheus.io';\nexport const prometheusDemo: GlobalDatasource = {\n  kind: 'GlobalDatasource',\n  metadata: {\n    name: 'PrometheusDemo',\n    created_at: '0001-01-01T00:00:00Z',\n    updated_at: '0001-01-01T00:00:00Z',\n    version: 0,\n  },\n  spec: {\n    default: true,\n    plugin: {\n      kind: 'PrometheusDatasource',\n      spec: { direct_url: prometheusDemoUrl },\n    },\n  },\n} as const;\n\n// This default currently defines the bare minimum to get a story working in\n// the `Dashboard` storybook with the Prometheus demo api. We'll likely want\n// to expand it to do more in the future.\nexport const defaultDatasourceProps: Pick<DatasourceStoreProviderProps, 'datasourceApi' | 'dashboardResource'> = {\n  dashboardResource: getTestDashboard(),\n  datasourceApi: {\n    getDatasource: () => {\n      return Promise.resolve(undefined);\n    },\n    getGlobalDatasource: (selector) => {\n      if (selector.kind === 'PrometheusDatasource') {\n        return Promise.resolve({ resource: prometheusDemo, proxyUrl: prometheusDemoUrl });\n      }\n\n      return Promise.resolve(undefined);\n    },\n    listDatasources: () => {\n      return Promise.resolve([]);\n    },\n    listGlobalDatasources: () => {\n      return Promise.resolve([]);\n    },\n  },\n};\n"],"names":["getTestDashboard","prometheusDemoUrl","prometheusDemo","kind","metadata","name","created_at","updated_at","version","spec","default","plugin","direct_url","defaultDatasourceProps","dashboardResource","datasourceApi","getDatasource","Promise","resolve","undefined","getGlobalDatasource","selector","resource","proxyUrl","listDatasources","listGlobalDatasources"],"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;AAIjC,SAASA,gBAAgB,QAAQ,sBAAsB,CAAC;AAExD,OAAO,MAAMC,iBAAiB,GAAG,0CAA0C,CAAC;AAC5E,OAAO,MAAMC,cAAc,GAAqB;IAC9CC,IAAI,EAAE,kBAAkB;IACxBC,QAAQ,EAAE;QACRC,IAAI,EAAE,gBAAgB;QACtBC,UAAU,EAAE,sBAAsB;QAClCC,UAAU,EAAE,sBAAsB;QAClCC,OAAO,EAAE,CAAC;KACX;IACDC,IAAI,EAAE;QACJC,OAAO,EAAE,IAAI;QACbC,MAAM,EAAE;YACNR,IAAI,EAAE,sBAAsB;YAC5BM,IAAI,EAAE;gBAAEG,UAAU,EAAEX,iBAAiB;aAAE;SACxC;KACF;CACF,AAAS,CAAC;AAEX,4EAA4E;AAC5E,4EAA4E;AAC5E,yCAAyC;AACzC,OAAO,MAAMY,sBAAsB,GAA8E;IAC/GC,iBAAiB,EAAEd,gBAAgB,EAAE;IACrCe,aAAa,EAAE;QACbC,aAAa,EAAE,IAAM;YACnB,OAAOC,OAAO,CAACC,OAAO,CAACC,SAAS,CAAC,CAAC;QACpC,CAAC;QACDC,mBAAmB,EAAE,CAACC,QAAQ,GAAK;YACjC,IAAIA,QAAQ,CAAClB,IAAI,KAAK,sBAAsB,EAAE;gBAC5C,OAAOc,OAAO,CAACC,OAAO,CAAC;oBAAEI,QAAQ,EAAEpB,cAAc;oBAAEqB,QAAQ,EAAEtB,iBAAiB;iBAAE,CAAC,CAAC;YACpF,CAAC;YAED,OAAOgB,OAAO,CAACC,OAAO,CAACC,SAAS,CAAC,CAAC;QACpC,CAAC;QACDK,eAAe,EAAE,IAAM;YACrB,OAAOP,OAAO,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC7B,CAAC;QACDO,qBAAqB,EAAE,IAAM;YAC3B,OAAOR,OAAO,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC7B,CAAC;KACF;CACF,CAAC"}

package/dist/test/index.d.ts

@@ -1,4 +1,5 @@
 export * from './dashboard-provider';
+export * from './datasource-provider';
 export * from './plugin-registry';
 export * from './render';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test/index.ts"],"names":[],"mappings":"AAaA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test/index.ts"],"names":[],"mappings":"AAaA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC"}

package/dist/test/index.js

@@ -11,6 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 export * from './dashboard-provider';
+export * from './datasource-provider';
 export * from './plugin-registry';
 export * from './render';