@perses-dev/dashboards 0.54.0-beta.4 → 0.54.0-beta.6

package/dist/context/AnnotationProvider/AnnotationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/AnnotationProvider/AnnotationProvider.tsx"],"sourcesContent":["// Copyright 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 { createContext, ReactNode, useContext, useState } from 'react';\nimport { AnnotationData, AnnotationSpec } from '@perses-dev/spec';\nimport { createStore, StoreApi, useStore } from 'zustand';\nimport { useStoreWithEqualityFn } from 'zustand/traditional';\nimport { shallow } from 'zustand/shallow';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { AnnotationHydrationWrapper } from './AnnotationHydrationWrapper';\n\nexport type AnnotationState = {\n  data: AnnotationData[] | null;\n  isPending: boolean;\n  error?: Error;\n};\n\nexport type AnnotationStateMap = {\n  [name: string]: AnnotationState;\n};\n\ntype AnnotationStoreState = {\n  annotationSpecs: AnnotationSpec[];\n  annotationState: AnnotationStateMap;\n};\n\ntype AnnotationStoreActions = {\n  setAnnotationSpecs: (definitions: AnnotationSpec[]) => void;\n  setAnnotationState: (name: string, state: AnnotationState) => void;\n};\n\ntype AnnotationStore = AnnotationStoreState & AnnotationStoreActions;\n\nconst AnnotationStoreContext = createContext<StoreApi<AnnotationStore> | undefined>(undefined);\n\nexport function useAnnotationStoreCtx(): StoreApi<AnnotationStore> {\n  const context = useContext(AnnotationStoreContext);\n  if (!context) {\n    return createAnnotationStore({ initialAnnotationSpecs: [] });\n  }\n  return context;\n}\n\nexport function useAnnotationSpecs(): AnnotationSpec[] {\n  const store = useAnnotationStoreCtx();\n  return useStore(store, (s) => s.annotationSpecs);\n}\n\nexport function useAnnotationStates(annotationNames?: string[]): AnnotationStateMap {\n  const store = useAnnotationStoreCtx();\n  return useStoreWithEqualityFn(\n    store,\n    (s) => {\n      if (annotationNames) {\n        const result: AnnotationStateMap = {};\n        annotationNames.forEach((name) => {\n          const s = store.getState().annotationState[name];\n          if (s) {\n            result[name] = s;\n          }\n        });\n        return result;\n      }\n\n      return s.annotationState;\n    },\n    (left, right) => {\n      return JSON.stringify(left) === JSON.stringify(right);\n    }\n  );\n}\n\nexport function useAnnotationActions(): AnnotationStoreActions {\n  const store = useAnnotationStoreCtx();\n  return useStoreWithEqualityFn(\n    store,\n    (s) => {\n      return {\n        setAnnotationState: s.setAnnotationState,\n        setAnnotationSpecs: s.setAnnotationSpecs,\n      };\n    },\n    shallow\n  );\n}\n\nexport function useAnnotationSpecAndState(name: string): {\n  definition: AnnotationSpec | undefined;\n  state: AnnotationState | undefined;\n} {\n  const store = useAnnotationStoreCtx();\n  return useStore(store, (s) => {\n    return {\n      definition: s.annotationSpecs.find((d) => d.display.name === name),\n      state: s.annotationState[name],\n    };\n  });\n}\n\nexport type AnnotationSpecWithData = {\n  definition: AnnotationSpec;\n  data: AnnotationData[];\n};\n\nexport function useAnnotationsWithData(): AnnotationSpecWithData[] {\n  const store = useAnnotationStoreCtx();\n\n  return useStore(store, (s) => {\n    return s.annotationSpecs\n      .map((definition) => {\n        const state = s.annotationState[definition.display.name];\n        return {\n          definition,\n          data: state?.data,\n        };\n      })\n      .filter((annotation) => !!annotation.data) as AnnotationSpecWithData[];\n  });\n}\n\ninterface AnnotationStoreArgs {\n  initialAnnotationSpecs?: AnnotationSpec[];\n}\n\nfunction createAnnotationStore({ initialAnnotationSpecs = [] }: AnnotationStoreArgs): StoreApi<AnnotationStore> {\n  const store = createStore<AnnotationStore>()(\n    devtools(\n      immer((set, _get) => ({\n        annotationSpecs: initialAnnotationSpecs,\n        annotationState: {} as Record<string, AnnotationState>,\n        setAnnotationSpecs(definitions: AnnotationSpec[]): void {\n          set(\n            (s) => {\n              s.annotationSpecs = definitions;\n            },\n            false,\n            '[Annotations] setAnnotationSpecs' // Used for action name in Redux devtools\n          );\n        },\n        setAnnotationState: (name: string, state: AnnotationState): void => {\n          set(\n            (s) => {\n              s.annotationState[name] = state;\n            },\n            false,\n            '[Annotations] setAnnotationState' // Used for action name in Redux devtools\n          );\n        },\n      }))\n    )\n  );\n  return store;\n}\n\nexport interface AnnotationProviderProps {\n  children: ReactNode;\n  initialAnnotationSpecs?: AnnotationSpec[];\n}\n\nexport function AnnotationProvider({ children, initialAnnotationSpecs = [] }: AnnotationProviderProps): ReactNode {\n  const [store] = useState(() => createAnnotationStore({ initialAnnotationSpecs }));\n\n  return (\n    <AnnotationStoreContext.Provider value={store}>\n      <AnnotationHydrationWrapper>{children}</AnnotationHydrationWrapper>\n    </AnnotationStoreContext.Provider>\n  );\n}\n"],"names":["createContext","useContext","useState","createStore","useStore","useStoreWithEqualityFn","shallow","devtools","immer","AnnotationHydrationWrapper","AnnotationStoreContext","undefined","useAnnotationStoreCtx","context","createAnnotationStore","initialAnnotationSpecs","useAnnotationSpecs","store","s","annotationSpecs","useAnnotationStates","annotationNames","result","forEach","name","getState","annotationState","left","right","JSON","stringify","useAnnotationActions","setAnnotationState","setAnnotationSpecs","useAnnotationSpecAndState","definition","find","d","display","state","useAnnotationsWithData","map","data","filter","annotation","set","_get","definitions","AnnotationProvider","children","Provider","value"],"mappings":"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"}

package/dist/context/AnnotationProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AnnotationProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/context/AnnotationProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/AnnotationProvider/index.ts"],"names":[],"mappings":"AAaA,cAAc,sBAAsB,CAAC"}

package/dist/context/AnnotationProvider/index.js

@@ -0,0 +1,15 @@
+// Copyright 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 * from './AnnotationProvider';
+
+//# sourceMappingURL=index.js.map

package/dist/context/AnnotationProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/AnnotationProvider/index.ts"],"sourcesContent":["// Copyright 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 './AnnotationProvider';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,uBAAuB"}

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

@@ -1,7 +1,8 @@
 import type { StoreApi } from 'zustand';
 import { ReactElement, ReactNode } from 'react';
 import { Display, DurationString, DatasourceSpec } from '@perses-dev/spec';
-import { DashboardMetaData, DashboardKind, DashboardResource } from '../../model/DashboardResource';
+import { ProjectMetadata } from '@perses-dev/client';
+import { DashboardKind, DashboardResource } from '../../model/DashboardResource';
 import { PanelGroupEditorSlice } from './panel-group-editor-slice';
 import { PanelGroupSlice } from './panel-group-slice';
 import { PanelEditorSlice } from './panel-editor-slice';
@@ -19,7 +20,7 @@ export interface DashboardStoreState extends PanelGroupSlice, PanelSlice, PanelG
     setEditMode: (isEditMode: boolean) => void;
     setDashboard: (dashboard: DashboardResource) => void;
     kind: DashboardKind;
-    metadata: DashboardMetaData;
+    metadata: ProjectMetadata;
     duration: DurationString;
     refreshInterval: DurationString;
     display?: Display;

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardProvider.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,OAAO,EAAiB,YAAY,EAAE,SAAS,EAAgD,MAAM,OAAO,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAEpG,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAAsD,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAmC,qCAAqC,EAAE,MAAM,gCAAgC,CAAC;AACxH,OAAO,EAAgC,kCAAkC,EAAE,MAAM,6BAA6B,CAAC;AAC/G,OAAO,EAA6B,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,EAA6B,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE1F,OAAO,EAAwB,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC3F,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,WAAW,mBACf,SACE,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,qCAAqC,EACrC,mBAAmB,EACnB,mBAAmB,EACnB,kCAAkC,EAClC,cAAc,EACd,UAAU;IACZ,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACrD,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,cAAc,CAAC;IACzB,eAAe,EAAE,cAAc,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC7C,GAAG,CAAC,EAAE,cAAc,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,oEAAsE,CAAC;AAEpG,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,CAAC,GAAG,CAAC,CAMnF;AAED,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,CAAC;CACvE;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CA0B7E"}
+{"version":3,"file":"DashboardProvider.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,OAAO,EAAiB,YAAY,EAAE,SAAS,EAAgD,MAAM,OAAO,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAEjF,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAAsD,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAmC,qCAAqC,EAAE,MAAM,gCAAgC,CAAC;AACxH,OAAO,EAAgC,kCAAkC,EAAE,MAAM,6BAA6B,CAAC;AAC/G,OAAO,EAA6B,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,EAA6B,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE1F,OAAO,EAAwB,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC3F,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,WAAW,mBACf,SACE,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,qCAAqC,EACrC,mBAAmB,EACnB,mBAAmB,EACnB,kCAAkC,EAClC,cAAc,EACd,UAAU;IACZ,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACrD,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,cAAc,CAAC;IACzB,eAAe,EAAE,cAAc,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC7C,GAAG,CAAC,EAAE,cAAc,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,oEAAsE,CAAC;AAEpG,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,CAAC,GAAG,CAAC,CAMnF;AAED,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,CAAC;CACvE;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CA0B7E"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"sourcesContent":["// Copyright 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 } from 'zustand';\nimport { useStoreWithEqualityFn } from 'zustand/traditional';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { shallow } from 'zustand/shallow';\nimport { createContext, ReactElement, ReactNode, useCallback, useContext, useEffect, useState } from 'react';\nimport { Display, DurationString, DatasourceSpec } from '@perses-dev/spec';\nimport { usePlugin, usePluginRegistry } from '@perses-dev/plugin-system';\nimport { DashboardMetaData, DashboardKind, DashboardResource } from '../../model/DashboardResource';\nimport { DEFAULT_REFRESH_INTERVAL } from '../../constants';\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 { createSaveChangesDialogSlice, SaveChangesConfirmationDialogSlice } from './save-changes-dialog-slice';\nimport { createDuplicatePanelSlice, DuplicatePanelSlice } from './duplicate-panel-slice';\nimport { createEditJsonDialogSlice, EditJsonDialogSlice } from './edit-json-dialog-slice';\nimport { createPanelDefinition } from './common';\nimport { createViewPanelSlice, ViewPanelSlice, VirtualPanelRef } from './view-panel-slice';\nimport { createLinksSlice, LinksSlice } from './links-slice';\n\nexport interface DashboardStoreState\n  extends\n    PanelGroupSlice,\n    PanelSlice,\n    PanelGroupEditorSlice,\n    DeletePanelGroupSlice,\n    PanelEditorSlice,\n    DeletePanelSlice,\n    DiscardChangesConfirmationDialogSlice,\n    DuplicatePanelSlice,\n    EditJsonDialogSlice,\n    SaveChangesConfirmationDialogSlice,\n    ViewPanelSlice,\n    LinksSlice {\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  setDashboard: (dashboard: DashboardResource) => void;\n  kind: DashboardKind;\n  metadata: DashboardMetaData;\n  duration: DurationString;\n  refreshInterval: DurationString;\n  display?: Display;\n  datasources?: Record<string, DatasourceSpec>;\n  ttl?: DurationString;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T): 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 useStoreWithEqualityFn(store, selector, shallow);\n}\n\nexport interface DashboardStoreProps {\n  dashboardResource: DashboardResource;\n  isEditMode?: boolean;\n  viewPanelRef?: VirtualPanelRef;\n  setViewPanelRef?: (viewPanelRef: VirtualPanelRef | undefined) => void;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: ReactNode;\n}\n\nexport function DashboardProvider(props: DashboardProviderProps): ReactElement {\n  // Prevent calling createDashboardStore every time it rerenders\n  const createDashboardStore = useCallback(initStore, [props]);\n  const [store] = useState(createDashboardStore(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  useEffect(() => {\n    if (plugin === undefined) return;\n    const defaultPanelSpec = plugin.createInitialOptions ? 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): StoreApi<DashboardStoreState> {\n  const {\n    initialState: { dashboardResource, isEditMode, viewPanelRef, setViewPanelRef },\n  } = props;\n\n  const {\n    kind,\n    metadata,\n    spec: { display, duration, refreshInterval = DEFAULT_REFRESH_INTERVAL, datasources, layouts = [], panels = {} },\n  } = dashboardResource;\n\n  const links = dashboardResource.spec.links ?? [];\n\n  const ttl = 'ttl' in dashboardResource.spec ? (dashboardResource.spec.ttl as DurationString) : undefined;\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          ...createViewPanelSlice(viewPanelRef, setViewPanelRef)(...args),\n          /* Links */\n          ...createLinksSlice(links)(...args),\n          /* General */\n          ...createDiscardChangesDialogSlice(...args),\n          ...createEditJsonDialogSlice(...args),\n          ...createSaveChangesDialogSlice(...args),\n          kind,\n          metadata,\n          display,\n          duration,\n          refreshInterval,\n          datasources,\n          ttl,\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean): void => {\n            set({ isEditMode });\n          },\n          setDashboard: ({\n            kind,\n            metadata,\n            spec: { display, panels = {}, layouts = [], duration, refreshInterval, datasources = {}, links = [] },\n          }): void => {\n            set((state) => {\n              state.kind = kind;\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              state.duration = duration;\n              state.refreshInterval = refreshInterval ?? DEFAULT_REFRESH_INTERVAL;\n              state.datasources = datasources;\n              state.links = links;\n              // TODO: add ttl here to e.g allow edition from JSON view, but probably requires quite some refactoring\n            });\n          },\n        };\n      })\n    )\n  );\n\n  return store;\n}\n"],"names":["createStore","useStoreWithEqualityFn","devtools","immer","shallow","createContext","useCallback","useContext","useEffect","useState","usePlugin","usePluginRegistry","DEFAULT_REFRESH_INTERVAL","createPanelGroupEditorSlice","convertLayoutsToPanelGroups","createPanelGroupSlice","createPanelEditorSlice","createPanelSlice","createDeletePanelGroupSlice","createDeletePanelSlice","createDiscardChangesDialogSlice","createSaveChangesDialogSlice","createDuplicatePanelSlice","createEditJsonDialogSlice","createPanelDefinition","createViewPanelSlice","createLinksSlice","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","viewPanelRef","setViewPanelRef","kind","metadata","spec","display","duration","refreshInterval","datasources","layouts","panels","links","ttl","args","set","setEditMode","setDashboard","state","panelGroups","panelGroupOrder"],"mappings":"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"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"sourcesContent":["// Copyright 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 } from 'zustand';\nimport { useStoreWithEqualityFn } from 'zustand/traditional';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { shallow } from 'zustand/shallow';\nimport { createContext, ReactElement, ReactNode, useCallback, useContext, useEffect, useState } from 'react';\nimport { Display, DurationString, DatasourceSpec } from '@perses-dev/spec';\nimport { usePlugin, usePluginRegistry } from '@perses-dev/plugin-system';\nimport { ProjectMetadata } from '@perses-dev/client';\nimport { DashboardKind, DashboardResource } from '../../model/DashboardResource';\nimport { DEFAULT_REFRESH_INTERVAL } from '../../constants';\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 { createSaveChangesDialogSlice, SaveChangesConfirmationDialogSlice } from './save-changes-dialog-slice';\nimport { createDuplicatePanelSlice, DuplicatePanelSlice } from './duplicate-panel-slice';\nimport { createEditJsonDialogSlice, EditJsonDialogSlice } from './edit-json-dialog-slice';\nimport { createPanelDefinition } from './common';\nimport { createViewPanelSlice, ViewPanelSlice, VirtualPanelRef } from './view-panel-slice';\nimport { createLinksSlice, LinksSlice } from './links-slice';\n\nexport interface DashboardStoreState\n  extends\n    PanelGroupSlice,\n    PanelSlice,\n    PanelGroupEditorSlice,\n    DeletePanelGroupSlice,\n    PanelEditorSlice,\n    DeletePanelSlice,\n    DiscardChangesConfirmationDialogSlice,\n    DuplicatePanelSlice,\n    EditJsonDialogSlice,\n    SaveChangesConfirmationDialogSlice,\n    ViewPanelSlice,\n    LinksSlice {\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  setDashboard: (dashboard: DashboardResource) => void;\n  kind: DashboardKind;\n  metadata: ProjectMetadata;\n  duration: DurationString;\n  refreshInterval: DurationString;\n  display?: Display;\n  datasources?: Record<string, DatasourceSpec>;\n  ttl?: DurationString;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T): 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 useStoreWithEqualityFn(store, selector, shallow);\n}\n\nexport interface DashboardStoreProps {\n  dashboardResource: DashboardResource;\n  isEditMode?: boolean;\n  viewPanelRef?: VirtualPanelRef;\n  setViewPanelRef?: (viewPanelRef: VirtualPanelRef | undefined) => void;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: ReactNode;\n}\n\nexport function DashboardProvider(props: DashboardProviderProps): ReactElement {\n  // Prevent calling createDashboardStore every time it rerenders\n  const createDashboardStore = useCallback(initStore, [props]);\n  const [store] = useState(createDashboardStore(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  useEffect(() => {\n    if (plugin === undefined) return;\n    const defaultPanelSpec = plugin.createInitialOptions ? 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): StoreApi<DashboardStoreState> {\n  const {\n    initialState: { dashboardResource, isEditMode, viewPanelRef, setViewPanelRef },\n  } = props;\n\n  const {\n    kind,\n    metadata,\n    spec: { display, duration, refreshInterval = DEFAULT_REFRESH_INTERVAL, datasources, layouts = [], panels = {} },\n  } = dashboardResource;\n\n  const links = dashboardResource.spec.links ?? [];\n\n  const ttl = 'ttl' in dashboardResource.spec ? (dashboardResource.spec.ttl as DurationString) : undefined;\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          ...createViewPanelSlice(viewPanelRef, setViewPanelRef)(...args),\n          /* Links */\n          ...createLinksSlice(links)(...args),\n          /* General */\n          ...createDiscardChangesDialogSlice(...args),\n          ...createEditJsonDialogSlice(...args),\n          ...createSaveChangesDialogSlice(...args),\n          kind,\n          metadata,\n          display,\n          duration,\n          refreshInterval,\n          datasources,\n          ttl,\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean): void => {\n            set({ isEditMode });\n          },\n          setDashboard: ({\n            kind,\n            metadata,\n            spec: { display, panels = {}, layouts = [], duration, refreshInterval, datasources = {}, links = [] },\n          }): void => {\n            set((state) => {\n              state.kind = kind;\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              state.duration = duration;\n              state.refreshInterval = refreshInterval ?? DEFAULT_REFRESH_INTERVAL;\n              state.datasources = datasources;\n              state.links = links;\n              // TODO: add ttl here to e.g allow edition from JSON view, but probably requires quite some refactoring\n            });\n          },\n        };\n      })\n    )\n  );\n\n  return store;\n}\n"],"names":["createStore","useStoreWithEqualityFn","devtools","immer","shallow","createContext","useCallback","useContext","useEffect","useState","usePlugin","usePluginRegistry","DEFAULT_REFRESH_INTERVAL","createPanelGroupEditorSlice","convertLayoutsToPanelGroups","createPanelGroupSlice","createPanelEditorSlice","createPanelSlice","createDeletePanelGroupSlice","createDeletePanelSlice","createDiscardChangesDialogSlice","createSaveChangesDialogSlice","createDuplicatePanelSlice","createEditJsonDialogSlice","createPanelDefinition","createViewPanelSlice","createLinksSlice","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","viewPanelRef","setViewPanelRef","kind","metadata","spec","display","duration","refreshInterval","datasources","layouts","panels","links","ttl","args","set","setEditMode","setDashboard","state","panelGroups","panelGroupOrder"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,WAAW,QAAQ,UAAU;AACtC,SAASC,sBAAsB,QAAQ,sBAAsB;AAE7D,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,aAAa,EAA2BC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE7G,SAASC,SAAS,EAAEC,iBAAiB,QAAQ,4BAA4B;AAGzE,SAASC,wBAAwB,QAAQ,kBAAkB;AAC3D,SAASC,2BAA2B,QAA+B,6BAA6B;AAChG,SAASC,2BAA2B,EAAEC,qBAAqB,QAAyB,sBAAsB;AAC1G,SAASC,sBAAsB,QAA0B,uBAAuB;AAChF,SAASC,gBAAgB,QAAoB,gBAAgB;AAC7D,SAASC,2BAA2B,QAA+B,6BAA6B;AAChG,SAASC,sBAAsB,QAA0B,uBAAuB;AAChF,SAASC,+BAA+B,QAA+C,iCAAiC;AACxH,SAASC,4BAA4B,QAA4C,8BAA8B;AAC/G,SAASC,yBAAyB,QAA6B,0BAA0B;AACzF,SAASC,yBAAyB,QAA6B,2BAA2B;AAC1F,SAASC,qBAAqB,QAAQ,WAAW;AACjD,SAASC,oBAAoB,QAAyC,qBAAqB;AAC3F,SAASC,gBAAgB,QAAoB,gBAAgB;AA4B7D,OAAO,MAAMC,iCAAmBtB,cAAyDuB,WAAW;AAEpG,OAAO,SAASC,kBAAqBC,QAA2C;IAC9E,MAAMC,QAAQxB,WAAWoB;IACzB,IAAII,UAAUH,WAAW;QACvB,MAAM,IAAII,MAAM;IAClB;IACA,OAAO/B,uBAAuB8B,OAAOD,UAAU1B;AACjD;AAcA,OAAO,SAAS6B,kBAAkBC,KAA6B;IAC7D,+DAA+D;IAC/D,MAAMC,uBAAuB7B,YAAY8B,WAAW;QAACF;KAAM;IAC3D,MAAM,CAACH,MAAM,GAAGtB,SAAS0B,qBAAqBD;IAE9C,wEAAwE;IACxE,MAAM,EAAEG,kBAAkB,EAAE,GAAG1B;IAC/B,MAAM2B,mBAAmBD,oBAAoB,CAAC,QAAQ,IAAI;IAC1D,MAAM,EAAEE,MAAMC,MAAM,EAAE,GAAG9B,UAAU,SAAS4B;IAE5C9B,UAAU;QACR,IAAIgC,WAAWZ,WAAW;QAC1B,MAAMa,mBAAmBD,OAAOE,oBAAoB,GAAGF,OAAOE,oBAAoB,KAAK,CAAC;QACxF,iEAAiE;QACjEX,MAAMY,QAAQ,CAAC;YACbC,eAAe;gBACbC,iBAAiBrB,sBAAsBc,kBAAkBG;YAC3D;QACF;IACF,GAAG;QAACD;QAAQT;QAAOO;KAAiB;IAEpC,qBACE,KAACX,iBAAiBmB,QAAQ;QAACC,OAAOhB;kBAC/BG,MAAMc,QAAQ;;AAGrB;AAEA,SAASZ,UAAUF,KAA6B;IAC9C,MAAM,EACJe,cAAc,EAAEC,iBAAiB,EAAEC,UAAU,EAAEC,YAAY,EAAEC,eAAe,EAAE,EAC/E,GAAGnB;IAEJ,MAAM,EACJoB,IAAI,EACJC,QAAQ,EACRC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,kBAAkB/C,wBAAwB,EAAEgD,WAAW,EAAEC,UAAU,EAAE,EAAEC,SAAS,CAAC,CAAC,EAAE,EAChH,GAAGZ;IAEJ,MAAMa,QAAQb,kBAAkBM,IAAI,CAACO,KAAK,IAAI,EAAE;IAEhD,MAAMC,MAAM,SAASd,kBAAkBM,IAAI,GAAIN,kBAAkBM,IAAI,CAACQ,GAAG,GAAsBpC;IAE/F,MAAMG,QAAQ/B,cACZG,MACED,SAAS,CAAC,GAAG+D;QACX,MAAM,CAACC,IAAI,GAAGD;QACd,OAAO;YACL,UAAU,GACV,GAAGlD,sBAAsB8C,YAAYI,KAAK;YAC1C,GAAGpD,+BAA+BoD,KAAK;YACvC,GAAG/C,+BAA+B+C,KAAK;YACvC,UAAU,GACV,GAAGhD,iBAAiB6C,WAAWG,KAAK;YACpC,GAAGjD,4BAA4BiD,KAAK;YACpC,GAAG9C,4BAA4B8C,KAAK;YACpC,GAAG3C,+BAA+B2C,KAAK;YACvC,GAAGxC,qBAAqB2B,cAAcC,oBAAoBY,KAAK;YAC/D,SAAS,GACT,GAAGvC,iBAAiBqC,UAAUE,KAAK;YACnC,WAAW,GACX,GAAG7C,mCAAmC6C,KAAK;YAC3C,GAAG1C,6BAA6B0C,KAAK;YACrC,GAAG5C,gCAAgC4C,KAAK;YACxCX;YACAC;YACAE;YACAC;YACAC;YACAC;YACAI;YACAb,YAAY,CAAC,CAACA;YACdgB,aAAa,CAAChB;gBACZe,IAAI;oBAAEf;gBAAW;YACnB;YACAiB,cAAc,CAAC,EACbd,IAAI,EACJC,QAAQ,EACRC,MAAM,EAAEC,OAAO,EAAEK,SAAS,CAAC,CAAC,EAAED,UAAU,EAAE,EAAEH,QAAQ,EAAEC,eAAe,EAAEC,cAAc,CAAC,CAAC,EAAEG,QAAQ,EAAE,EAAE,EACtG;gBACCG,IAAI,CAACG;oBACHA,MAAMf,IAAI,GAAGA;oBACbe,MAAMd,QAAQ,GAAGA;oBACjBc,MAAMZ,OAAO,GAAGA;oBAChBY,MAAMP,MAAM,GAAGA;oBACf,MAAM,EAAEQ,WAAW,EAAEC,eAAe,EAAE,GAAGzD,4BAA4B+C;oBACrEQ,MAAMC,WAAW,GAAGA;oBACpBD,MAAME,eAAe,GAAGA;oBACxBF,MAAMX,QAAQ,GAAGA;oBACjBW,MAAMV,eAAe,GAAGA,mBAAmB/C;oBAC3CyD,MAAMT,WAAW,GAAGA;oBACpBS,MAAMN,KAAK,GAAGA;gBACd,uGAAuG;gBACzG;YACF;QACF;IACF;IAIJ,OAAOhC;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"panel-group-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAsB,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;IAExD;;OAEG;IACH,eAAe,EAAE,YAAY,EAAE,CAAC;IAEhC;;OAEG;IACH,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1D;;OAEG;IACH,uBAAuB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACjH;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,gBAAgB,EAAE,GAC1B,YAAY,CAAC,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,eAAe,CAAC,CAkChE;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,gBAAgB,EAAE,GAC1B,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,iBAAiB,CAAC,CAqC1D;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,oBAAoB,CAQ5D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAGzG"}
+{"version":3,"file":"panel-group-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAsB,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;IAExD;;OAEG;IACH,eAAe,EAAE,YAAY,EAAE,CAAC;IAEhC;;OAEG;IACH,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1D;;OAEG;IACH,uBAAuB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACjH;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,gBAAgB,EAAE,GAC1B,YAAY,CAAC,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,eAAe,CAAC,CAkChE;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,gBAAgB,EAAE,GAC1B,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,iBAAiB,CAAC,CAwC1D;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,oBAAoB,CAQ5D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAGzG"}

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

@@ -56,23 +56,26 @@ export function convertLayoutsToPanelGroups(layouts) {
         const itemLayouts = [];
         const itemPanelKeys = {};
         // Split layout information from panel keys to make it easier to update just layouts on move/resize of panels
-        for (const item of layout.spec.items){
-            const panelGroupLayoutId = generateId().toString();
-            itemLayouts.push({
-                i: panelGroupLayoutId,
-                w: item.width,
-                h: item.height,
-                x: item.x,
-                y: item.y
-            });
-            itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);
+        if ('items' in layout.spec) {
+            for (const item of layout.spec.items){
+                const panelGroupLayoutId = generateId().toString();
+                itemLayouts.push({
+                    i: panelGroupLayoutId,
+                    w: item.width,
+                    h: item.height,
+                    x: item.x,
+                    y: item.y
+                });
+                itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);
+            }
         }
         // Create the panel group and keep track of the ID order
+        const repeatVariable = 'repeatVariable' in layout.spec ? layout.spec.repeatVariable : undefined;
         const panelGroupId = generateId();
         panelGroups[panelGroupId] = {
             id: panelGroupId,
             isCollapsed: layout.spec.display?.collapse?.open === false,
-            repeatVariable: layout.spec.repeatVariable,
+            repeatVariable,
             title: layout.spec.display?.title,
             itemLayouts,
             itemPanelKeys

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"sourcesContent":["// Copyright 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 { getPanelKeyFromRef, LayoutDefinition, PanelGroupId } from '@perses-dev/spec';\nimport { StateCreator } from 'zustand';\nimport { WritableDraft } from 'immer';\nimport { PanelGroupDefinition } from '../../model';\nimport { generateId, Middleware } from './common';\n\n/**\n * Slice with the state of Panel Groups, as well as any actions that modify only Panel Group state.\n */\nexport interface PanelGroupSlice {\n  /**\n   * Panel groups indexed by their ID.\n   */\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>;\n\n  /**\n   * An array of panel group IDs, representing their order in the dashboard.\n   */\n  panelGroupOrder: PanelGroupId[];\n\n  /**\n   * Rearrange the order of panel groups by swapping the positions\n   */\n  swapPanelGroups: (xIndex: number, yIndex: number) => void;\n\n  /**\n   * Update the item layouts for a panel group when, for example, a panel is moved or resized.\n   */\n  updatePanelGroupLayouts: (panelGroupId: PanelGroupId, itemLayouts: PanelGroupDefinition['itemLayouts']) => void;\n}\n\n/**\n * Curried function for creating a PanelGroupSlice.\n */\nexport function createPanelGroupSlice(\n  layouts: LayoutDefinition[]\n): StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice> {\n  const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n\n  // Return the state creator function for Zustand\n  return (set) => ({\n    panelGroups,\n    panelGroupOrder,\n\n    swapPanelGroups(x, y): void {\n      set((state) => {\n        if (x < 0 || x >= state.panelGroupOrder.length || y < 0 || y >= state.panelGroupOrder.length) {\n          throw new Error('index out of bound');\n        }\n        const xPanelGroup = state.panelGroupOrder[x];\n        const yPanelGroup = state.panelGroupOrder[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.panelGroupOrder[x], state.panelGroupOrder[y]] = [yPanelGroup, xPanelGroup];\n      });\n    },\n\n    updatePanelGroupLayouts(panelGroupId, itemLayouts): void {\n      set((state) => {\n        const group = state.panelGroups[panelGroupId];\n        if (group === undefined) {\n          throw new Error(`Cannot find panel group ${panelGroupId}`);\n        }\n        group.itemLayouts = itemLayouts;\n      });\n    },\n  });\n}\n\nexport function convertLayoutsToPanelGroups(\n  layouts: LayoutDefinition[]\n): Pick<PanelGroupSlice, 'panelGroups' | 'panelGroupOrder'> {\n  // Convert the initial layouts from the JSON\n  const panelGroups: PanelGroupSlice['panelGroups'] = {};\n  const panelGroupIdOrder: PanelGroupSlice['panelGroupOrder'] = [];\n  for (const layout of layouts) {\n    const itemLayouts: PanelGroupDefinition['itemLayouts'] = [];\n    const itemPanelKeys: PanelGroupDefinition['itemPanelKeys'] = {};\n\n    // Split layout information from panel keys to make it easier to update just layouts on move/resize of panels\n    for (const item of layout.spec.items) {\n      const panelGroupLayoutId = generateId().toString();\n      itemLayouts.push({\n        i: panelGroupLayoutId,\n        w: item.width,\n        h: item.height,\n        x: item.x,\n        y: item.y,\n      });\n      itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);\n    }\n\n    // Create the panel group and keep track of the ID order\n    const panelGroupId = generateId();\n    panelGroups[panelGroupId] = {\n      id: panelGroupId,\n      isCollapsed: layout.spec.display?.collapse?.open === false,\n      repeatVariable: layout.spec.repeatVariable,\n      title: layout.spec.display?.title,\n      itemLayouts,\n      itemPanelKeys,\n    };\n    panelGroupIdOrder.push(panelGroupId);\n  }\n  return {\n    panelGroups,\n    panelGroupOrder: panelGroupIdOrder,\n  };\n}\n\n/**\n * Private helper function for creating an empty panel group.\n */\nexport function createEmptyPanelGroup(): PanelGroupDefinition {\n  return {\n    id: generateId(),\n    title: undefined,\n    isCollapsed: false,\n    itemLayouts: [],\n    itemPanelKeys: {},\n  };\n}\n\n/**\n * Private helper function that modifies panel group state to add a new panel\n */\nexport function addPanelGroup(draft: WritableDraft<PanelGroupSlice>, newGroup: PanelGroupDefinition): void {\n  draft.panelGroups[newGroup.id] = newGroup;\n  draft.panelGroupOrder.unshift(newGroup.id);\n}\n"],"names":["getPanelKeyFromRef","generateId","createPanelGroupSlice","layouts","panelGroups","panelGroupOrder","convertLayoutsToPanelGroups","set","swapPanelGroups","x","y","state","length","Error","xPanelGroup","yPanelGroup","undefined","updatePanelGroupLayouts","panelGroupId","itemLayouts","group","panelGroupIdOrder","layout","itemPanelKeys","item","spec","items","panelGroupLayoutId","toString","push","i","w","width","h","height","content","id","isCollapsed","display","collapse","open","repeatVariable","title","createEmptyPanelGroup","addPanelGroup","draft","newGroup","unshift"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,kBAAkB,QAAwC,mBAAmB;AAItF,SAASC,UAAU,QAAoB,WAAW;AA2BlD;;CAEC,GACD,OAAO,SAASC,sBACdC,OAA2B;IAE3B,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAGC,4BAA4BH;IAErE,gDAAgD;IAChD,OAAO,CAACI,MAAS,CAAA;YACfH;YACAC;YAEAG,iBAAgBC,CAAC,EAAEC,CAAC;gBAClBH,IAAI,CAACI;oBACH,IAAIF,IAAI,KAAKA,KAAKE,MAAMN,eAAe,CAACO,MAAM,IAAIF,IAAI,KAAKA,KAAKC,MAAMN,eAAe,CAACO,MAAM,EAAE;wBAC5F,MAAM,IAAIC,MAAM;oBAClB;oBACA,MAAMC,cAAcH,MAAMN,eAAe,CAACI,EAAE;oBAC5C,MAAMM,cAAcJ,MAAMN,eAAe,CAACK,EAAE;oBAE5C,IAAII,gBAAgBE,aAAaD,gBAAgBC,WAAW;wBAC1D,MAAM,IAAIH,MAAM;oBAClB;oBACA,8FAA8F;oBAC9F,CAACF,MAAMN,eAAe,CAACI,EAAE,EAAEE,MAAMN,eAAe,CAACK,EAAE,CAAC,GAAG;wBAACK;wBAAaD;qBAAY;gBACnF;YACF;YAEAG,yBAAwBC,YAAY,EAAEC,WAAW;gBAC/CZ,IAAI,CAACI;oBACH,MAAMS,QAAQT,MAAMP,WAAW,CAACc,aAAa;oBAC7C,IAAIE,UAAUJ,WAAW;wBACvB,MAAM,IAAIH,MAAM,CAAC,wBAAwB,EAAEK,cAAc;oBAC3D;oBACAE,MAAMD,WAAW,GAAGA;gBACtB;YACF;QACF,CAAA;AACF;AAEA,OAAO,SAASb,4BACdH,OAA2B;IAE3B,4CAA4C;IAC5C,MAAMC,cAA8C,CAAC;IACrD,MAAMiB,oBAAwD,EAAE;IAChE,KAAK,MAAMC,UAAUnB,QAAS;QAC5B,MAAMgB,cAAmD,EAAE;QAC3D,MAAMI,gBAAuD,CAAC;QAE9D,6GAA6G;QAC7G,KAAK,MAAMC,QAAQF,OAAOG,IAAI,CAACC,KAAK,CAAE;YACpC,MAAMC,qBAAqB1B,aAAa2B,QAAQ;YAChDT,YAAYU,IAAI,CAAC;gBACfC,GAAGH;gBACHI,GAAGP,KAAKQ,KAAK;gBACbC,GAAGT,KAAKU,MAAM;gBACdzB,GAAGe,KAAKf,CAAC;gBACTC,GAAGc,KAAKd,CAAC;YACX;YACAa,aAAa,CAACI,mBAAmB,GAAG3B,mBAAmBwB,KAAKW,OAAO;QACrE;QAEA,wDAAwD;QACxD,MAAMjB,eAAejB;QACrBG,WAAW,CAACc,aAAa,GAAG;YAC1BkB,IAAIlB;YACJmB,aAAaf,OAAOG,IAAI,CAACa,OAAO,EAAEC,UAAUC,SAAS;YACrDC,gBAAgBnB,OAAOG,IAAI,CAACgB,cAAc;YAC1CC,OAAOpB,OAAOG,IAAI,CAACa,OAAO,EAAEI;YAC5BvB;YACAI;QACF;QACAF,kBAAkBQ,IAAI,CAACX;IACzB;IACA,OAAO;QACLd;QACAC,iBAAiBgB;IACnB;AACF;AAEA;;CAEC,GACD,OAAO,SAASsB;IACd,OAAO;QACLP,IAAInC;QACJyC,OAAO1B;QACPqB,aAAa;QACblB,aAAa,EAAE;QACfI,eAAe,CAAC;IAClB;AACF;AAEA;;CAEC,GACD,OAAO,SAASqB,cAAcC,KAAqC,EAAEC,QAA8B;IACjGD,MAAMzC,WAAW,CAAC0C,SAASV,EAAE,CAAC,GAAGU;IACjCD,MAAMxC,eAAe,CAAC0C,OAAO,CAACD,SAASV,EAAE;AAC3C"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"sourcesContent":["// Copyright 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 { getPanelKeyFromRef, LayoutDefinition, PanelGroupId } from '@perses-dev/spec';\nimport { StateCreator } from 'zustand';\nimport { WritableDraft } from 'immer';\nimport { PanelGroupDefinition } from '../../model';\nimport { generateId, Middleware } from './common';\n\n/**\n * Slice with the state of Panel Groups, as well as any actions that modify only Panel Group state.\n */\nexport interface PanelGroupSlice {\n  /**\n   * Panel groups indexed by their ID.\n   */\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>;\n\n  /**\n   * An array of panel group IDs, representing their order in the dashboard.\n   */\n  panelGroupOrder: PanelGroupId[];\n\n  /**\n   * Rearrange the order of panel groups by swapping the positions\n   */\n  swapPanelGroups: (xIndex: number, yIndex: number) => void;\n\n  /**\n   * Update the item layouts for a panel group when, for example, a panel is moved or resized.\n   */\n  updatePanelGroupLayouts: (panelGroupId: PanelGroupId, itemLayouts: PanelGroupDefinition['itemLayouts']) => void;\n}\n\n/**\n * Curried function for creating a PanelGroupSlice.\n */\nexport function createPanelGroupSlice(\n  layouts: LayoutDefinition[]\n): StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice> {\n  const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n\n  // Return the state creator function for Zustand\n  return (set) => ({\n    panelGroups,\n    panelGroupOrder,\n\n    swapPanelGroups(x, y): void {\n      set((state) => {\n        if (x < 0 || x >= state.panelGroupOrder.length || y < 0 || y >= state.panelGroupOrder.length) {\n          throw new Error('index out of bound');\n        }\n        const xPanelGroup = state.panelGroupOrder[x];\n        const yPanelGroup = state.panelGroupOrder[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.panelGroupOrder[x], state.panelGroupOrder[y]] = [yPanelGroup, xPanelGroup];\n      });\n    },\n\n    updatePanelGroupLayouts(panelGroupId, itemLayouts): void {\n      set((state) => {\n        const group = state.panelGroups[panelGroupId];\n        if (group === undefined) {\n          throw new Error(`Cannot find panel group ${panelGroupId}`);\n        }\n        group.itemLayouts = itemLayouts;\n      });\n    },\n  });\n}\n\nexport function convertLayoutsToPanelGroups(\n  layouts: LayoutDefinition[]\n): Pick<PanelGroupSlice, 'panelGroups' | 'panelGroupOrder'> {\n  // Convert the initial layouts from the JSON\n  const panelGroups: PanelGroupSlice['panelGroups'] = {};\n  const panelGroupIdOrder: PanelGroupSlice['panelGroupOrder'] = [];\n  for (const layout of layouts) {\n    const itemLayouts: PanelGroupDefinition['itemLayouts'] = [];\n    const itemPanelKeys: PanelGroupDefinition['itemPanelKeys'] = {};\n\n    // Split layout information from panel keys to make it easier to update just layouts on move/resize of panels\n    if ('items' in layout.spec) {\n      for (const item of layout.spec.items) {\n        const panelGroupLayoutId = generateId().toString();\n        itemLayouts.push({\n          i: panelGroupLayoutId,\n          w: item.width,\n          h: item.height,\n          x: item.x,\n          y: item.y,\n        });\n        itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);\n      }\n    }\n\n    // Create the panel group and keep track of the ID order\n    const repeatVariable = 'repeatVariable' in layout.spec ? layout.spec.repeatVariable : undefined;\n    const panelGroupId = generateId();\n    panelGroups[panelGroupId] = {\n      id: panelGroupId,\n      isCollapsed: layout.spec.display?.collapse?.open === false,\n      repeatVariable,\n      title: layout.spec.display?.title,\n      itemLayouts,\n      itemPanelKeys,\n    };\n    panelGroupIdOrder.push(panelGroupId);\n  }\n  return {\n    panelGroups,\n    panelGroupOrder: panelGroupIdOrder,\n  };\n}\n\n/**\n * Private helper function for creating an empty panel group.\n */\nexport function createEmptyPanelGroup(): PanelGroupDefinition {\n  return {\n    id: generateId(),\n    title: undefined,\n    isCollapsed: false,\n    itemLayouts: [],\n    itemPanelKeys: {},\n  };\n}\n\n/**\n * Private helper function that modifies panel group state to add a new panel\n */\nexport function addPanelGroup(draft: WritableDraft<PanelGroupSlice>, newGroup: PanelGroupDefinition): void {\n  draft.panelGroups[newGroup.id] = newGroup;\n  draft.panelGroupOrder.unshift(newGroup.id);\n}\n"],"names":["getPanelKeyFromRef","generateId","createPanelGroupSlice","layouts","panelGroups","panelGroupOrder","convertLayoutsToPanelGroups","set","swapPanelGroups","x","y","state","length","Error","xPanelGroup","yPanelGroup","undefined","updatePanelGroupLayouts","panelGroupId","itemLayouts","group","panelGroupIdOrder","layout","itemPanelKeys","spec","item","items","panelGroupLayoutId","toString","push","i","w","width","h","height","content","repeatVariable","id","isCollapsed","display","collapse","open","title","createEmptyPanelGroup","addPanelGroup","draft","newGroup","unshift"],"mappings":"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"}

package/dist/context/DatasourceStoreProvider.js

@@ -258,7 +258,7 @@ function findDashboardDatasource(dashboardDatasources, selector) {
         });
         usedNames.add(selectorName);
         const isExplicitDefault = !isOverridden && spec.default && !explicitDefaultAdded;
-        if (results[0] && (isFirst || isExplicitDefault)) {
+        if (results[0] && isExplicitDefault) {
             // If we haven't added a default yet and this is a default, add default option to the beginning of the results
             results[0].items = [
                 {

package/dist/context/DatasourceStoreProvider.js.map

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

package/dist/context/index.d.ts

@@ -1,3 +1,4 @@
+export * from './AnnotationProvider';
 export * from './DashboardProvider';
 export * from './DatasourceStoreProvider';
 export * from './VariableProvider';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAaA,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAaA,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC"}

package/dist/context/index.js

@@ -10,6 +10,7 @@
 // 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 * from './AnnotationProvider';
 export * from './DashboardProvider';
 export * from './DatasourceStoreProvider';
 export * from './VariableProvider';

package/dist/context/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/index.ts"],"sourcesContent":["// Copyright 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 './DashboardProvider';\nexport * from './DatasourceStoreProvider';\nexport * from './VariableProvider';\nexport * from './useDashboard';\nexport * from './PanelEditorProvider';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,sBAAsB;AACpC,cAAc,4BAA4B;AAC1C,cAAc,qBAAqB;AACnC,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB"}
+{"version":3,"sources":["../../src/context/index.ts"],"sourcesContent":["// Copyright 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 './AnnotationProvider';\nexport * from './DashboardProvider';\nexport * from './DatasourceStoreProvider';\nexport * from './VariableProvider';\nexport * from './useDashboard';\nexport * from './PanelEditorProvider';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,uBAAuB;AACrC,cAAc,sBAAsB;AACpC,cAAc,4BAA4B;AAC1C,cAAc,qBAAqB;AACnC,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../src/context/useDashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAkB,aAAa,EAAE,cAAc,EAAgC,MAAM,kBAAkB,CAAC;AAC/G,OAAO,EAAE,iBAAiB,EAAwB,MAAM,UAAU,CAAC;AAKnE,KAAK,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,EAAE,aAAa,GAAG;QAAE,GAAG,CAAC,EAAE,cAAc,CAAA;KAAE,CAAA;CAAE,CAAC;AAC1G,wBAAgB,YAAY,IAAI;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9D,CAwFA"}
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../src/context/useDashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAkB,aAAa,EAAE,cAAc,EAAgC,MAAM,kBAAkB,CAAC;AAC/G,OAAO,EAAE,iBAAiB,EAAwB,MAAM,UAAU,CAAC;AAMnE,KAAK,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,EAAE,aAAa,GAAG;QAAE,GAAG,CAAC,EAAE,cAAc,CAAA;KAAE,CAAA;CAAE,CAAC;AAC1G,wBAAgB,YAAY,IAAI;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9D,CA+FA"}

package/dist/context/useDashboard.js

@@ -13,6 +13,7 @@
 import { createPanelRef } from '@perses-dev/spec';
 import { useDashboardStore } from './DashboardProvider';
 import { useVariableDefinitionActions, useVariableDefinitions } from './VariableProvider';
+import { useAnnotationActions, useAnnotationSpecs } from './AnnotationProvider';
 export function useDashboard() {
     const { panels, panelGroups, panelGroupOrder, setDashboard: setDashboardResource, kind, metadata, display, duration, refreshInterval, datasources, links, ttl } = useDashboardStore(({ panels, panelGroups, panelGroupOrder, setDashboard, kind, metadata, display, duration, refreshInterval, datasources, links, ttl })=>({
             panels,
@@ -29,7 +30,9 @@ export function useDashboard() {
             ttl
         }));
     const { setVariableDefinitions } = useVariableDefinitionActions();
+    const { setAnnotationSpecs } = useAnnotationActions();
     const variables = useVariableDefinitions();
+    const annotations = useAnnotationSpecs();
     const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);
     const dashboard = kind === 'Dashboard' ? {
         kind,
@@ -39,6 +42,7 @@ export function useDashboard() {
             panels,
             layouts,
             variables,
+            annotations,
             duration,
             refreshInterval,
             datasources,
@@ -52,6 +56,7 @@ export function useDashboard() {
             panels,
             layouts,
             variables,
+            annotations,
             duration,
             refreshInterval,
             datasources,
@@ -61,6 +66,9 @@ export function useDashboard() {
     };
     const setDashboard = (dashboardResource)=>{
         setVariableDefinitions(dashboardResource.spec.variables);
+        if (dashboardResource.spec.annotations) {
+            setAnnotationSpecs(dashboardResource.spec.annotations);
+        }
         setDashboardResource(dashboardResource);
     };
     return {

package/dist/context/useDashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/useDashboard.tsx"],"sourcesContent":["// Copyright 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, DashboardSpec, DurationString, GridDefinition, PanelGroupId } from '@perses-dev/spec';\nimport { DashboardResource, PanelGroupDefinition } from '../model';\n\nimport { useDashboardStore } from './DashboardProvider';\nimport { useVariableDefinitionActions, useVariableDefinitions } from './VariableProvider';\n\ntype DashboardType = Omit<DashboardResource, 'spec'> & { spec: DashboardSpec & { ttl?: DurationString } };\nexport function useDashboard(): {\n  dashboard: DashboardType;\n  setDashboard: (dashboardResource: DashboardResource) => void;\n} {\n  const {\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    setDashboard: setDashboardResource,\n    kind,\n    metadata,\n    display,\n    duration,\n    refreshInterval,\n    datasources,\n    links,\n    ttl,\n  } = useDashboardStore(\n    ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      links,\n      ttl,\n    }) => ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      links,\n      ttl,\n    })\n  );\n  const { setVariableDefinitions } = useVariableDefinitionActions();\n  const variables = useVariableDefinitions();\n  const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);\n\n  const dashboard: DashboardType =\n    kind === 'Dashboard'\n      ? {\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            duration,\n            refreshInterval,\n            datasources,\n            links,\n          },\n        }\n      : {\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            duration,\n            refreshInterval,\n            datasources,\n            links,\n            ttl,\n          },\n        };\n\n  const setDashboard = (dashboardResource: DashboardResource): void => {\n    setVariableDefinitions(dashboardResource.spec.variables);\n    setDashboardResource(dashboardResource);\n  };\n\n  return {\n    dashboard,\n    setDashboard,\n  };\n}\n\nfunction convertPanelGroupsToLayouts(\n  panelGroups: Record<number, PanelGroupDefinition>,\n  panelGroupOrder: PanelGroupId[]\n): GridDefinition[] {\n  const layouts: GridDefinition[] = [];\n  panelGroupOrder.map((groupOrderId) => {\n    const group = panelGroups[groupOrderId];\n    if (group === undefined) {\n      throw new Error('panel group not found');\n    }\n    const { title, isCollapsed, repeatVariable, itemLayouts, itemPanelKeys } = group;\n    let display = undefined;\n    if (title || isCollapsed !== undefined) {\n      display = {\n        title: title ?? '',\n        collapse: {\n          open: !isCollapsed,\n        },\n      };\n    }\n    const layout: GridDefinition = {\n      kind: 'Grid',\n      spec: {\n        display,\n        items: itemLayouts.map((layout) => {\n          const panelKey = itemPanelKeys[layout.i];\n          if (panelKey === undefined) {\n            throw new Error(`Missing panel key of layout ${layout.i}`);\n          }\n          return {\n            x: layout.x,\n            y: layout.y,\n            width: layout.w,\n            height: layout.h,\n            content: createPanelRef(panelKey),\n          };\n        }),\n        repeatVariable: repeatVariable,\n      },\n    };\n    layouts.push(layout);\n  });\n\n  return layouts;\n}\n"],"names":["createPanelRef","useDashboardStore","useVariableDefinitionActions","useVariableDefinitions","useDashboard","panels","panelGroups","panelGroupOrder","setDashboard","setDashboardResource","kind","metadata","display","duration","refreshInterval","datasources","links","ttl","setVariableDefinitions","variables","layouts","convertPanelGroupsToLayouts","dashboard","spec","dashboardResource","map","groupOrderId","group","undefined","Error","title","isCollapsed","repeatVariable","itemLayouts","itemPanelKeys","collapse","open","layout","items","panelKey","i","x","y","width","w","height","h","content","push"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,cAAc,QAAqE,mBAAmB;AAG/G,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,4BAA4B,EAAEC,sBAAsB,QAAQ,qBAAqB;AAG1F,OAAO,SAASC;IAId,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,cAAcC,oBAAoB,EAClCC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,KAAK,EACLC,GAAG,EACJ,GAAGhB,kBACF,CAAC,EACCI,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,YAAY,EACZE,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,KAAK,EACLC,GAAG,EACJ,GAAM,CAAA;YACLZ;YACAC;YACAC;YACAC;YACAE;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF,CAAA;IAEF,MAAM,EAAEC,sBAAsB,EAAE,GAAGhB;IACnC,MAAMiB,YAAYhB;IAClB,MAAMiB,UAAUC,4BAA4Bf,aAAaC;IAEzD,MAAMe,YACJZ,SAAS,cACL;QACEA;QACAC;QACAY,MAAM;YACJX;YACAP;YACAe;YACAD;YACAN;YACAC;YACAC;YACAC;QACF;IACF,IACA;QACEN;QACAC;QACAY,MAAM;YACJX;YACAP;YACAe;YACAD;YACAN;YACAC;YACAC;YACAC;YACAC;QACF;IACF;IAEN,MAAMT,eAAe,CAACgB;QACpBN,uBAAuBM,kBAAkBD,IAAI,CAACJ,SAAS;QACvDV,qBAAqBe;IACvB;IAEA,OAAO;QACLF;QACAd;IACF;AACF;AAEA,SAASa,4BACPf,WAAiD,EACjDC,eAA+B;IAE/B,MAAMa,UAA4B,EAAE;IACpCb,gBAAgBkB,GAAG,CAAC,CAACC;QACnB,MAAMC,QAAQrB,WAAW,CAACoB,aAAa;QACvC,IAAIC,UAAUC,WAAW;YACvB,MAAM,IAAIC,MAAM;QAClB;QACA,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,cAAc,EAAEC,WAAW,EAAEC,aAAa,EAAE,GAAGP;QAC3E,IAAIf,UAAUgB;QACd,IAAIE,SAASC,gBAAgBH,WAAW;YACtChB,UAAU;gBACRkB,OAAOA,SAAS;gBAChBK,UAAU;oBACRC,MAAM,CAACL;gBACT;YACF;QACF;QACA,MAAMM,SAAyB;YAC7B3B,MAAM;YACNa,MAAM;gBACJX;gBACA0B,OAAOL,YAAYR,GAAG,CAAC,CAACY;oBACtB,MAAME,WAAWL,aAAa,CAACG,OAAOG,CAAC,CAAC;oBACxC,IAAID,aAAaX,WAAW;wBAC1B,MAAM,IAAIC,MAAM,CAAC,4BAA4B,EAAEQ,OAAOG,CAAC,EAAE;oBAC3D;oBACA,OAAO;wBACLC,GAAGJ,OAAOI,CAAC;wBACXC,GAAGL,OAAOK,CAAC;wBACXC,OAAON,OAAOO,CAAC;wBACfC,QAAQR,OAAOS,CAAC;wBAChBC,SAAS/C,eAAeuC;oBAC1B;gBACF;gBACAP,gBAAgBA;YAClB;QACF;QACAZ,QAAQ4B,IAAI,CAACX;IACf;IAEA,OAAOjB;AACT"}
+{"version":3,"sources":["../../src/context/useDashboard.tsx"],"sourcesContent":["// Copyright 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, DashboardSpec, DurationString, GridDefinition, PanelGroupId } from '@perses-dev/spec';\nimport { DashboardResource, PanelGroupDefinition } from '../model';\n\nimport { useDashboardStore } from './DashboardProvider';\nimport { useVariableDefinitionActions, useVariableDefinitions } from './VariableProvider';\nimport { useAnnotationActions, useAnnotationSpecs } from './AnnotationProvider';\n\ntype DashboardType = Omit<DashboardResource, 'spec'> & { spec: DashboardSpec & { ttl?: DurationString } };\nexport function useDashboard(): {\n  dashboard: DashboardType;\n  setDashboard: (dashboardResource: DashboardResource) => void;\n} {\n  const {\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    setDashboard: setDashboardResource,\n    kind,\n    metadata,\n    display,\n    duration,\n    refreshInterval,\n    datasources,\n    links,\n    ttl,\n  } = useDashboardStore(\n    ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      links,\n      ttl,\n    }) => ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      links,\n      ttl,\n    })\n  );\n  const { setVariableDefinitions } = useVariableDefinitionActions();\n  const { setAnnotationSpecs } = useAnnotationActions();\n  const variables = useVariableDefinitions();\n  const annotations = useAnnotationSpecs();\n  const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);\n\n  const dashboard: DashboardType =\n    kind === 'Dashboard'\n      ? {\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            annotations,\n            duration,\n            refreshInterval,\n            datasources,\n            links,\n          },\n        }\n      : {\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            annotations,\n            duration,\n            refreshInterval,\n            datasources,\n            links,\n            ttl,\n          },\n        };\n\n  const setDashboard = (dashboardResource: DashboardResource): void => {\n    setVariableDefinitions(dashboardResource.spec.variables);\n    if (dashboardResource.spec.annotations) {\n      setAnnotationSpecs(dashboardResource.spec.annotations);\n    }\n    setDashboardResource(dashboardResource);\n  };\n\n  return {\n    dashboard,\n    setDashboard,\n  };\n}\n\nfunction convertPanelGroupsToLayouts(\n  panelGroups: Record<number, PanelGroupDefinition>,\n  panelGroupOrder: PanelGroupId[]\n): GridDefinition[] {\n  const layouts: GridDefinition[] = [];\n  panelGroupOrder.map((groupOrderId) => {\n    const group = panelGroups[groupOrderId];\n    if (group === undefined) {\n      throw new Error('panel group not found');\n    }\n    const { title, isCollapsed, repeatVariable, itemLayouts, itemPanelKeys } = group;\n    let display = undefined;\n    if (title || isCollapsed !== undefined) {\n      display = {\n        title: title ?? '',\n        collapse: {\n          open: !isCollapsed,\n        },\n      };\n    }\n    const layout: GridDefinition = {\n      kind: 'Grid',\n      spec: {\n        display,\n        items: itemLayouts.map((layout) => {\n          const panelKey = itemPanelKeys[layout.i];\n          if (panelKey === undefined) {\n            throw new Error(`Missing panel key of layout ${layout.i}`);\n          }\n          return {\n            x: layout.x,\n            y: layout.y,\n            width: layout.w,\n            height: layout.h,\n            content: createPanelRef(panelKey),\n          };\n        }),\n        repeatVariable: repeatVariable,\n      },\n    };\n    layouts.push(layout);\n  });\n\n  return layouts;\n}\n"],"names":["createPanelRef","useDashboardStore","useVariableDefinitionActions","useVariableDefinitions","useAnnotationActions","useAnnotationSpecs","useDashboard","panels","panelGroups","panelGroupOrder","setDashboard","setDashboardResource","kind","metadata","display","duration","refreshInterval","datasources","links","ttl","setVariableDefinitions","setAnnotationSpecs","variables","annotations","layouts","convertPanelGroupsToLayouts","dashboard","spec","dashboardResource","map","groupOrderId","group","undefined","Error","title","isCollapsed","repeatVariable","itemLayouts","itemPanelKeys","collapse","open","layout","items","panelKey","i","x","y","width","w","height","h","content","push"],"mappings":"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"}

package/dist/model/DashboardResource.d.ts

@@ -1,15 +1,9 @@
+import { ProjectMetadata } from '@perses-dev/client';
 import { DashboardSpec } from '@perses-dev/spec';
 export type DashboardKind = 'Dashboard' | 'EphemeralDashboard';
-export type DashboardMetaData = {
-    name: string;
-    project: string;
-    createdAt?: string;
-    updatedAt?: string;
-    version?: number;
-};
 export interface DashboardResource {
     kind: DashboardKind;
     spec: DashboardSpec;
-    metadata: DashboardMetaData;
+    metadata: ProjectMetadata;
 }
 //# sourceMappingURL=DashboardResource.d.ts.map

package/dist/model/DashboardResource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardResource.d.ts","sourceRoot":"","sources":["../../src/model/DashboardResource.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,oBAAoB,CAAC;AAG/D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAMF,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,iBAAiB,CAAC;CAC7B"}
+{"version":3,"file":"DashboardResource.d.ts","sourceRoot":"","sources":["../../src/model/DashboardResource.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,oBAAoB,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,eAAe,CAAC;CAC3B"}

package/dist/model/DashboardResource.js

@@ -10,9 +10,6 @@
 // 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.
-/* TODO: There is an open and ongoing issue whether the meta-data should be removed or not.
-   Such a decision would affect DashbaordProvider and buildDatasourceProxyUrl
-   https://github.com/perses/perses/issues/4016
-*/ export { };
+export { };
 
 //# sourceMappingURL=DashboardResource.js.map

package/dist/model/DashboardResource.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/DashboardResource.ts"],"sourcesContent":["// Copyright 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 { DashboardSpec } from '@perses-dev/spec';\n\nexport type DashboardKind = 'Dashboard' | 'EphemeralDashboard';\n\n/* TODO: As discussed we can keep this intermediary type until we decide on a new location for it. */\nexport type DashboardMetaData = {\n  name: string;\n  project: string;\n  createdAt?: string;\n  updatedAt?: string;\n  version?: number;\n};\n\n/* TODO: There is an open and ongoing issue whether the meta-data should be removed or not.\n   Such a decision would affect DashbaordProvider and buildDatasourceProxyUrl\n   https://github.com/perses/perses/issues/4016\n*/\nexport interface DashboardResource {\n  kind: DashboardKind;\n  spec: DashboardSpec;\n  metadata: DashboardMetaData;\n}\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAejC;;;AAGA,GACA,WAIC"}
+{"version":3,"sources":["../../src/model/DashboardResource.ts"],"sourcesContent":["// Copyright 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 { ProjectMetadata } from '@perses-dev/client';\nimport { DashboardSpec } from '@perses-dev/spec';\n\nexport type DashboardKind = 'Dashboard' | 'EphemeralDashboard';\n\nexport interface DashboardResource {\n  kind: DashboardKind;\n  spec: DashboardSpec;\n  metadata: ProjectMetadata;\n}\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAOjC,WAIC"}

package/dist/model/index.d.ts

@@ -1,3 +1,4 @@
 export * from './DashboardResource';
 export * from './PanelGroupDefinition';
+export * from './VariableDefinition';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAaA,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAaA,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC"}

package/dist/model/index.js

@@ -12,5 +12,6 @@
 // limitations under the License.
 export * from './DashboardResource';
 export * from './PanelGroupDefinition';
+export * from './VariableDefinition';
 
 //# sourceMappingURL=index.js.map

package/dist/model/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/index.ts"],"sourcesContent":["// Copyright 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 './DashboardResource';\nexport * from './PanelGroupDefinition';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,sBAAsB;AACpC,cAAc,yBAAyB"}
+{"version":3,"sources":["../../src/model/index.ts"],"sourcesContent":["// Copyright 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 './DashboardResource';\nexport * from './PanelGroupDefinition';\nexport * from './VariableDefinition';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,sBAAsB;AACpC,cAAc,yBAAyB;AACvC,cAAc,uBAAuB"}

package/dist/views/ViewDashboard/DashboardApp.d.ts

@@ -8,6 +8,7 @@ export interface DashboardAppProps {
     emptyDashboardProps?: Partial<EmptyDashboardProps>;
     isReadonly: boolean;
     isVariableEnabled: boolean;
+    isAnnotationEnabled: boolean;
     isDatasourceEnabled: boolean;
     disableShortcuts?: boolean;
     isCreating?: boolean;

package/dist/views/ViewDashboard/DashboardApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EASL,mBAAmB,EAIpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAkE,MAAM,eAAe,CAAC;AAEhH,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACnD,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,YAMvD,CAAC"}
+{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EASL,mBAAmB,EAIpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAkE,MAAM,eAAe,CAAC;AAEhH,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACnD,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,YAMvD,CAAC"}