@perses-dev/dashboards 0.8.1 → 0.9.0

package/dist/context/DashboardProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/DashboardProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createStore, useStore } from 'zustand';\nimport type { StoreApi } from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport shallow from 'zustand/shallow';\nimport { createContext, useContext } from 'react';\nimport produce from 'immer';\nimport { DashboardSpec, GridItemDefinition, LayoutDefinition, PanelDefinition } from '@perses-dev/core';\nimport { DashboardAppSlice, createDashboardAppSlice } from './DashboardAppSlice';\nimport { LayoutsSlice, createLayoutsSlice } from './LayoutsSlice';\n\nexport interface DashboardStoreState extends DashboardAppSlice, LayoutsSlice {\n  dashboard: DashboardSpec;\n  layouts: LayoutDefinition[];\n  panels: Record<string, PanelDefinition>;\n  updatePanel: (name: string, panel: PanelDefinition, groupIndex?: number) => void;\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n}\n\nexport interface DashboardStoreProps {\n  dashboardSpec: DashboardSpec;\n  isEditMode?: boolean;\n}\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: React.ReactNode;\n}\n\nexport function usePanels() {\n  return useDashboardStore(({ panels, updatePanel }) => ({ panels, updatePanel }));\n}\n\nexport function useEditMode() {\n  return useDashboardStore(({ isEditMode, setEditMode }) => ({ isEditMode, setEditMode }));\n}\n\nexport function useDashboard() {\n  const selectDashboardSpec = (state: DashboardStoreState) => {\n    return produce(state.dashboard, (draftState) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      draftState.panels = state.panels as any;\n      draftState.layouts = state.layouts;\n    });\n  };\n  const dashboard = useDashboardStore(selectDashboardSpec);\n  return { dashboard };\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T) {\n  const store = useContext(DashboardContext);\n  if (store === undefined) {\n    throw new Error('No DashboardContext found. Did you forget a Provider?');\n  }\n  return useStore(store, selector, shallow);\n}\n\nexport function DashboardProvider(props: DashboardProviderProps) {\n  const {\n    children,\n    initialState: { dashboardSpec, isEditMode },\n  } = props;\n\n  const { layouts, panels } = dashboardSpec;\n\n  const dashboardStore = createStore<DashboardStoreState>()(\n    immer((set, get, api) => {\n      return {\n        ...(createDashboardAppSlice(set, get, api, []) as unknown as DashboardAppSlice),\n        ...(createLayoutsSlice(set, get, api, []) as unknown as LayoutsSlice),\n        layouts,\n        panels,\n        dashboard: dashboardSpec,\n        updatePanel: (name: string, panel: PanelDefinition, groupIndex = 0) =>\n          set((state) => {\n            // add new panel to layouts if panels[name] is undefined\n            if (state.panels[name] === undefined) {\n              // find maximum y so new panel is added to the end of the grid\n              let maxY = 0;\n              state.layouts[groupIndex]?.spec.items.forEach((layout) => {\n                if (layout.y > maxY) {\n                  maxY = layout.y;\n                }\n              });\n              const panelLayout: GridItemDefinition = {\n                x: 0,\n                y: maxY + 1,\n                width: 12,\n                height: 6,\n                content: { $ref: `#/spec/panels/${name}` },\n              };\n              const layouts = state.layouts;\n              if (layouts && layouts[groupIndex]) {\n                layouts[groupIndex]?.spec.items.push(panelLayout);\n              }\n            }\n\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            state.panels[name] = panel as any;\n          }),\n        isEditMode: !!isEditMode,\n        setEditMode: (isEditMode: boolean) => set({ isEditMode }),\n      };\n    })\n  );\n\n  return (\n    <DashboardContext.Provider value={dashboardStore as StoreApi<DashboardStoreState>}>\n      {children}\n    </DashboardContext.Provider>\n  );\n}\n"],"names":["createStore","useStore","immer","shallow","createContext","useContext","produce","createDashboardAppSlice","createLayoutsSlice","usePanels","useDashboardStore","panels","updatePanel","useEditMode","isEditMode","setEditMode","useDashboard","selectDashboardSpec","state","dashboard","draftState","layouts","DashboardContext","undefined","selector","store","Error","DashboardProvider","props","children","initialState","dashboardSpec","dashboardStore","set","get","api","name","panel","groupIndex","maxY","spec","items","forEach","layout","y","panelLayout","x","width","height","content","$ref","push","Provider","value"],"mappings":"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"}

package/dist/context/DatasourceStoreProvider.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasourceStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/DatasourceStoreProvider.tsx"],"names":[],"mappings":";AAcA,OAAO,EACL,iBAAiB,EAEjB,UAAU,EACV,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAG1B,MAAM,WAAW,4BAA4B;IAC3C,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,KAAK,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IAClG,mBAAmB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;CAC9F;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eAmC1E"}

package/dist/context/DatasourceStoreProvider.js

@@ -0,0 +1,64 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useEvent } from '@perses-dev/core';
+import { DatasourceStoreContext } from '@perses-dev/plugin-system';
+/**
+ * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.
+ */ export function DatasourceStoreProvider(props) {
+    const { dashboardResource , datasourceApi , children  } = props;
+    const getDatasource = useEvent(async (selector)=>{
+        // Try to find it in dashboard spec
+        const { datasources  } = dashboardResource.spec;
+        const dashboardDatasource = findDashboardDatasource(datasources, selector);
+        if (dashboardDatasource !== undefined) {
+            return dashboardDatasource;
+        }
+        // Try to find it at the project level as a Datasource resource
+        const { project  } = dashboardResource.metadata;
+        const datasource = await datasourceApi.getDatasource(project, selector);
+        if (datasource !== undefined) {
+            return datasource.spec;
+        }
+        // Try to find it at the global level as a GlobalDatasource resource
+        const globalDatasource = await datasourceApi.getGlobalDatasource(selector);
+        if (globalDatasource !== undefined) {
+            return globalDatasource.spec;
+        }
+        throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);
+    });
+    const ctxValue = useMemo(()=>({
+            getDatasource
+        }), [
+        getDatasource
+    ]);
+    return /*#__PURE__*/ _jsx(DatasourceStoreContext.Provider, {
+        value: ctxValue,
+        children: children
+    });
+}
+// Helper to find a datasource in the list embedded in a dashboard spec
+function findDashboardDatasource(dashboardDatasources, selector) {
+    if (dashboardDatasources === undefined) return undefined;
+    // If using a name in the selector...
+    if (selector.name !== undefined) {
+        const named = dashboardDatasources[selector.name];
+        if (named === undefined) return undefined;
+        return named.plugin.kind === selector.kind ? named : undefined;
+    }
+    // If only using a kind, try to find one with that kind that is the default
+    return Object.values(dashboardDatasources).find((ds)=>ds.plugin.kind === selector.kind && ds.default === true);
+}
+
+//# sourceMappingURL=DatasourceStoreProvider.js.map

package/dist/context/DatasourceStoreProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/DatasourceStoreProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useMemo } from 'react';\nimport {\n  DashboardResource,\n  DashboardSpec,\n  Datasource,\n  DatasourceSelector,\n  DatasourceSpec,\n  GlobalDatasource,\n  useEvent,\n} from '@perses-dev/core';\nimport { DatasourceStoreContext, DatasourceStore } from '@perses-dev/plugin-system';\n\nexport interface DatasourceStoreProviderProps {\n  dashboardResource: DashboardResource;\n  datasourceApi: DatasourceApi;\n  children?: React.ReactNode;\n}\n\n// The external API for fetching datasource resources\nexport interface DatasourceApi {\n  getDatasource: (project: string, selector: DatasourceSelector) => Promise<Datasource | undefined>;\n  getGlobalDatasource: (selector: DatasourceSelector) => Promise<GlobalDatasource | undefined>;\n}\n\n/**\n * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.\n */\nexport function DatasourceStoreProvider(props: DatasourceStoreProviderProps) {\n  const { dashboardResource, datasourceApi, children } = props;\n\n  const getDatasource = useEvent(async (selector: DatasourceSelector): Promise<DatasourceSpec> => {\n    // Try to find it in dashboard spec\n    const { datasources } = dashboardResource.spec;\n    const dashboardDatasource = findDashboardDatasource(datasources, selector);\n    if (dashboardDatasource !== undefined) {\n      return dashboardDatasource;\n    }\n\n    // Try to find it at the project level as a Datasource resource\n    const { project } = dashboardResource.metadata;\n    const datasource = await datasourceApi.getDatasource(project, selector);\n    if (datasource !== undefined) {\n      return datasource.spec;\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 globalDatasource.spec;\n    }\n\n    throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);\n  });\n\n  const ctxValue: DatasourceStore = useMemo(\n    () => ({\n      getDatasource,\n    }),\n    [getDatasource]\n  );\n\n  return <DatasourceStoreContext.Provider value={ctxValue}>{children}</DatasourceStoreContext.Provider>;\n}\n\n// Helper to find a datasource in the list embedded in a dashboard spec\nfunction findDashboardDatasource(dashboardDatasources: DashboardSpec['datasources'], selector: DatasourceSelector) {\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 ? named : undefined;\n  }\n\n  // If only using a kind, try to find one with that kind that is the default\n  return Object.values(dashboardDatasources).find((ds) => ds.plugin.kind === selector.kind && ds.default === true);\n}\n"],"names":["useMemo","useEvent","DatasourceStoreContext","DatasourceStoreProvider","props","dashboardResource","datasourceApi","children","getDatasource","selector","datasources","spec","dashboardDatasource","findDashboardDatasource","undefined","project","metadata","datasource","globalDatasource","getGlobalDatasource","Error","kind","name","ctxValue","Provider","value","dashboardDatasources","named","plugin","Object","values","find","ds","default"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC;AAAA,SAASA,OAAO,QAAQ,OAAO,CAAC;AAChC,SAOEC,QAAQ,QACH,kBAAkB,CAAC;AAC1B,SAASC,sBAAsB,QAAyB,2BAA2B,CAAC;AAcpF;;CAEC,GACD,OAAO,SAASC,uBAAuB,CAACC,KAAmC,EAAE;IAC3E,MAAM,EAAEC,iBAAiB,CAAA,EAAEC,aAAa,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGH,KAAK,AAAC;IAE7D,MAAMI,aAAa,GAAGP,QAAQ,CAAC,OAAOQ,QAA4B,GAA8B;QAC9F,mCAAmC;QACnC,MAAM,EAAEC,WAAW,CAAA,EAAE,GAAGL,iBAAiB,CAACM,IAAI,AAAC;QAC/C,MAAMC,mBAAmB,GAAGC,uBAAuB,CAACH,WAAW,EAAED,QAAQ,CAAC,AAAC;QAC3E,IAAIG,mBAAmB,KAAKE,SAAS,EAAE;YACrC,OAAOF,mBAAmB,CAAC;QAC7B,CAAC;QAED,+DAA+D;QAC/D,MAAM,EAAEG,OAAO,CAAA,EAAE,GAAGV,iBAAiB,CAACW,QAAQ,AAAC;QAC/C,MAAMC,UAAU,GAAG,MAAMX,aAAa,CAACE,aAAa,CAACO,OAAO,EAAEN,QAAQ,CAAC,AAAC;QACxE,IAAIQ,UAAU,KAAKH,SAAS,EAAE;YAC5B,OAAOG,UAAU,CAACN,IAAI,CAAC;QACzB,CAAC;QAED,oEAAoE;QACpE,MAAMO,gBAAgB,GAAG,MAAMZ,aAAa,CAACa,mBAAmB,CAACV,QAAQ,CAAC,AAAC;QAC3E,IAAIS,gBAAgB,KAAKJ,SAAS,EAAE;YAClC,OAAOI,gBAAgB,CAACP,IAAI,CAAC;QAC/B,CAAC;QAED,MAAM,IAAIS,KAAK,CAAC,CAAC,8BAA8B,EAAEX,QAAQ,CAACY,IAAI,CAAC,YAAY,EAAEZ,QAAQ,CAACa,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACjG,CAAC,CAAC,AAAC;IAEH,MAAMC,QAAQ,GAAoBvB,OAAO,CACvC,IAAO,CAAA;YACLQ,aAAa;SACd,CAAA,AAAC,EACF;QAACA,aAAa;KAAC,CAChB,AAAC;IAEF,qBAAO,KAACN,sBAAsB,CAACsB,QAAQ;QAACC,KAAK,EAAEF,QAAQ;kBAAGhB,QAAQ;MAAmC,CAAC;AACxG,CAAC;AAED,uEAAuE;AACvE,SAASM,uBAAuB,CAACa,oBAAkD,EAAEjB,QAA4B,EAAE;IACjH,IAAIiB,oBAAoB,KAAKZ,SAAS,EAAE,OAAOA,SAAS,CAAC;IAEzD,qCAAqC;IACrC,IAAIL,QAAQ,CAACa,IAAI,KAAKR,SAAS,EAAE;QAC/B,MAAMa,KAAK,GAAGD,oBAAoB,CAACjB,QAAQ,CAACa,IAAI,CAAC,AAAC;QAClD,IAAIK,KAAK,KAAKb,SAAS,EAAE,OAAOA,SAAS,CAAC;QAC1C,OAAOa,KAAK,CAACC,MAAM,CAACP,IAAI,KAAKZ,QAAQ,CAACY,IAAI,GAAGM,KAAK,GAAGb,SAAS,CAAC;IACjE,CAAC;IAED,2EAA2E;IAC3E,OAAOe,MAAM,CAACC,MAAM,CAACJ,oBAAoB,CAAC,CAACK,IAAI,CAAC,CAACC,EAAE,GAAKA,EAAE,CAACJ,MAAM,CAACP,IAAI,KAAKZ,QAAQ,CAACY,IAAI,IAAIW,EAAE,CAACC,OAAO,KAAK,IAAI,CAAC,CAAC;AACnH,CAAC"}

package/dist/context/LayoutsSlice.js

@@ -1 +1,43 @@
-import{immer}from"zustand/middleware/immer";import{useDashboardStore}from"./DashboardProvider";export const createLayoutsSlice=immer((o=>({updateLayout:(t,a)=>o((o=>{void 0===a?o.layouts.unshift(t):o.layouts[a]=t})),addItemToLayout:(t,a)=>o((o=>{var e;const u=o.layouts;u&&u[t]&&(null===(e=u[t])||void 0===e||e.spec.items.push(a))}))})));export function useLayouts(){return useDashboardStore((({layouts:o,updateLayout:t,addItemToLayout:a})=>({layouts:o,updateLayout:t,addItemToLayout:a})))}
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { immer } from 'zustand/middleware/immer';
+import { useDashboardStore } from './DashboardProvider';
+export const createLayoutsSlice = immer((set)=>{
+    return {
+        updateLayout: (layout, index)=>set((state)=>{
+                if (index === undefined) {
+                    state.layouts.unshift(layout);
+                } else {
+                    state.layouts[index] = layout;
+                }
+            }),
+        addItemToLayout: (index, item)=>{
+            return set((state)=>{
+                const layouts = state.layouts;
+                if (layouts && layouts[index]) {
+                    var ref;
+                    (ref = layouts[index]) === null || ref === void 0 ? void 0 : ref.spec.items.push(item);
+                }
+            });
+        }
+    };
+});
+export function useLayouts() {
+    return useDashboardStore(({ layouts , updateLayout , addItemToLayout  })=>({
+            layouts,
+            updateLayout,
+            addItemToLayout
+        }));
+}
+
+//# sourceMappingURL=LayoutsSlice.js.map

package/dist/context/LayoutsSlice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/LayoutsSlice.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { LayoutDefinition, GridItemDefinition } from '@perses-dev/core';\nimport { immer } from 'zustand/middleware/immer';\nimport { DashboardStoreState, useDashboardStore } from './DashboardProvider';\n\nexport interface LayoutsSlice {\n  updateLayout: (layout: LayoutDefinition, index?: number) => void;\n  addItemToLayout: (index: number, item: GridItemDefinition) => void;\n}\n\nexport const createLayoutsSlice = immer<LayoutsSlice>((set) => ({\n  updateLayout: (layout: LayoutDefinition, index?: number) =>\n    set((state) => {\n      if (index === undefined) {\n        (state as DashboardStoreState).layouts.unshift(layout);\n      } else {\n        (state as DashboardStoreState).layouts[index] = layout;\n      }\n    }),\n  addItemToLayout: (index: number, item: GridItemDefinition) =>\n    set((state) => {\n      const layouts = (state as DashboardStoreState).layouts;\n      if (layouts && layouts[index]) {\n        layouts[index]?.spec.items.push(item);\n      }\n    }),\n}));\n\nexport function useLayouts() {\n  return useDashboardStore(({ layouts, updateLayout, addItemToLayout }) => ({\n    layouts,\n    updateLayout,\n    addItemToLayout,\n  }));\n}\n"],"names":["immer","useDashboardStore","createLayoutsSlice","set","updateLayout","layout","index","state","undefined","layouts","unshift","addItemToLayout","item","spec","items","push","useLayouts"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,KAAK,QAAQ,0BAA0B,CAAC;AACjD,SAA8BC,iBAAiB,QAAQ,qBAAqB,CAAC;AAO7E,OAAO,MAAMC,kBAAkB,GAAGF,KAAK,CAAe,CAACG,GAAG;IAAM,OAAA;QAC9DC,YAAY,EAAE,CAACC,MAAwB,EAAEC,KAAc,GACrDH,GAAG,CAAC,CAACI,KAAK,GAAK;gBACb,IAAID,KAAK,KAAKE,SAAS,EAAE;oBACvB,AAACD,KAAK,CAAyBE,OAAO,CAACC,OAAO,CAACL,MAAM,CAAC,CAAC;gBACzD,OAAO;oBACL,AAACE,KAAK,CAAyBE,OAAO,CAACH,KAAK,CAAC,GAAGD,MAAM,CAAC;gBACzD,CAAC;YACH,CAAC,CAAC;QACJM,eAAe,EAAE,CAACL,KAAa,EAAEM,IAAwB;YACvDT,OAAAA,GAAG,CAAC,CAACI,KAAK,GAAK;gBACb,MAAME,OAAO,GAAG,AAACF,KAAK,CAAyBE,OAAO,AAAC;gBACvD,IAAIA,OAAO,IAAIA,OAAO,CAACH,KAAK,CAAC,EAAE;wBAC7BG,GAAc;oBAAdA,CAAAA,GAAc,GAAdA,OAAO,CAACH,KAAK,CAAC,cAAdG,GAAc,WAAM,GAApBA,KAAAA,CAAoB,GAApBA,GAAc,CAAEI,IAAI,CAACC,KAAK,CAACC,IAAI,CAACH,IAAI,CAAC,CAAC;gBACxC,CAAC;YACH,CAAC,CAAC,CAAA;SAAA;KACL,CAAA;CAAC,CAAC,CAAC;AAEJ,OAAO,SAASI,UAAU,GAAG;IAC3B,OAAOf,iBAAiB,CAAC,CAAC,EAAEQ,OAAO,CAAA,EAAEL,YAAY,CAAA,EAAEO,eAAe,CAAA,EAAE,GAAM,CAAA;YACxEF,OAAO;YACPL,YAAY;YACZO,eAAe;SAChB,CAAA,AAAC,CAAC,CAAC;AACN,CAAC"}

package/dist/context/QueryStringProvider.js

@@ -1 +1,40 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useMemo}from"react";import{QueryStringContext}from"@perses-dev/plugin-system";export function QueryStringProvider(r){const{queryString:e,setQueryString:t,children:n}=r,o=useMemo((()=>({queryString:e,setQueryString:t})),[e,t]);return _jsx(QueryStringContext.Provider,{value:o,children:n})}export function useQueryString(){const r=useContext(QueryStringContext);if(void 0===r)throw new Error("No QueryStringContext found. Did you forget a Provider?");return r}
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext, useMemo } from 'react';
+import { QueryStringContext } from '@perses-dev/plugin-system';
+/**
+ * Allows apps to provide their own query string implementations
+ */ export function QueryStringProvider(props) {
+    const { queryString , setQueryString , children  } = props;
+    const ctx = useMemo(()=>({
+            queryString,
+            setQueryString
+        }), [
+        queryString,
+        setQueryString
+    ]);
+    return /*#__PURE__*/ _jsx(QueryStringContext.Provider, {
+        value: ctx,
+        children: children
+    });
+}
+export function useQueryString() {
+    const ctx = useContext(QueryStringContext);
+    if (ctx === undefined) {
+        throw new Error('No QueryStringContext found. Did you forget a Provider?');
+    }
+    return ctx;
+}
+
+//# sourceMappingURL=QueryStringProvider.js.map

package/dist/context/QueryStringProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/QueryStringProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { useContext, useMemo } from 'react';\nimport { QueryString, QueryStringContext } from '@perses-dev/plugin-system';\n\nexport interface QueryStringProviderProps {\n  queryString: URLSearchParams;\n  setQueryString?: (queryString: URLSearchParams) => void;\n  children?: React.ReactNode;\n}\n\n/**\n * Allows apps to provide their own query string implementations\n */\nexport function QueryStringProvider(props: QueryStringProviderProps) {\n  const { queryString, setQueryString, children } = props;\n\n  const ctx = useMemo(() => ({ queryString, setQueryString }), [queryString, setQueryString]);\n\n  return <QueryStringContext.Provider value={ctx}>{children}</QueryStringContext.Provider>;\n}\n\nexport function useQueryString(): QueryString {\n  const ctx = useContext(QueryStringContext);\n  if (ctx === undefined) {\n    throw new Error('No QueryStringContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n"],"names":["React","useContext","useMemo","QueryStringContext","QueryStringProvider","props","queryString","setQueryString","children","ctx","Provider","value","useQueryString","undefined","Error"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO,CAAC;AACnD,SAAsBC,kBAAkB,QAAQ,2BAA2B,CAAC;AAQ5E;;CAEC,GACD,OAAO,SAASC,mBAAmB,CAACC,KAA+B,EAAE;IACnE,MAAM,EAAEC,WAAW,CAAA,EAAEC,cAAc,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGH,KAAK,AAAC;IAExD,MAAMI,GAAG,GAAGP,OAAO,CAAC,IAAO,CAAA;YAAEI,WAAW;YAAEC,cAAc;SAAE,CAAA,AAAC,EAAE;QAACD,WAAW;QAAEC,cAAc;KAAC,CAAC,AAAC;IAE5F,qBAAO,KAACJ,kBAAkB,CAACO,QAAQ;QAACC,KAAK,EAAEF,GAAG;kBAAGD,QAAQ;MAA+B,CAAC;AAC3F,CAAC;AAED,OAAO,SAASI,cAAc,GAAgB;IAC5C,MAAMH,GAAG,GAAGR,UAAU,CAACE,kBAAkB,CAAC,AAAC;IAC3C,IAAIM,GAAG,KAAKI,SAAS,EAAE;QACrB,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC7E,CAAC;IACD,OAAOL,GAAG,CAAC;AACb,CAAC"}

package/dist/context/TemplateVariableProvider.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
-import { VariableStateMap, VariableState, VariableName, VariableValue, VariableDefinition } from '@perses-dev/core';
+import { VariableStateMap, VariableState, VariableOption } from '@perses-dev/plugin-system';
+import { VariableName, VariableValue, VariableDefinition } from '@perses-dev/core';
 declare type TemplateVariableStore = {
     variableDefinitions: VariableDefinition[];
     variableState: VariableStateMap;
     setVariableValue: (variableName: VariableName, value: VariableValue) => void;
-    loadTemplateVariable: (name: VariableName) => Promise<void>;
+    setVariableOptions: (name: VariableName, options: VariableOption[]) => void;
+    setVariableLoading: (name: VariableName, loading: boolean) => void;
 };
 export declare function useTemplateVariableValues(variableNames?: string[]): VariableStateMap;
 export declare function useTemplateVariable(name: string): {
@@ -13,7 +15,8 @@ export declare function useTemplateVariable(name: string): {
 };
 export declare function useTemplateVariableActions(): {
     setVariableValue: (variableName: string, value: VariableValue) => void;
-    loadTemplateVariable: (name: string) => Promise<void>;
+    setVariableLoading: (name: string, loading: boolean) => void;
+    setVariableOptions: (name: string, options: VariableOption[]) => void;
 };
 export declare function useTemplateVariableDefinitions(): VariableDefinition[];
 export declare function useTemplateVariableStore(): TemplateVariableStore;

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateVariableProvider.d.ts","sourceRoot":"","sources":["../../src/context/TemplateVariableProvider.tsx"],"names":[],"mappings":";AAkBA,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,aAAa,EAEb,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,aAAK,qBAAqB,GAAG;IAC3B,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,aAAa,EAAE,gBAAgB,CAAC;IAChC,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7E,oBAAoB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7D,CAAC;AAaF,wBAAgB,yBAAyB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,oBAqBjE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM;;;EAU/C;AAED,wBAAgB,0BAA0B;;;EAQzC;AAED,wBAAgB,8BAA8B,yBAG7C;AAED,wBAAgB,wBAAwB,0BAGvC;AA0ED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,0BAA+B,GAChC,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACnD,eAQA"}
+{"version":3,"file":"TemplateVariableProvider.d.ts","sourceRoot":"","sources":["../../src/context/TemplateVariableProvider.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAEL,gBAAgB,EAChB,aAAa,EACb,cAAc,EAEf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,aAAK,qBAAqB,GAAG;IAC3B,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,aAAa,EAAE,gBAAgB,CAAC;IAChC,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7E,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACpE,CAAC;AAaF,wBAAgB,yBAAyB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,oBAqBjE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM;;;EAU/C;AAED,wBAAgB,0BAA0B;;;;EASzC;AAED,wBAAgB,8BAA8B,yBAG7C;AAED,wBAAgB,wBAAwB,0BAGvC;AA8ED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,0BAA+B,GAChC,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACnD,eAQA"}

package/dist/context/TemplateVariableProvider.js

@@ -1 +1,192 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{createContext,useContext}from"react";import{createStore,useStore}from"zustand";import{immer}from"zustand/middleware/immer";import{devtools}from"zustand/middleware";import{TemplateVariableContext}from"@perses-dev/plugin-system";import{DEFAULT_ALL_VALUE as ALL_VALUE}from"@perses-dev/core";const TemplateVariableStoreContext=createContext(void 0);function useTemplateVariableStoreCtx(){const e=useContext(TemplateVariableStoreContext);if(!e)throw new Error("TemplateVariableStoreContext not initialized");return e}export function useTemplateVariableValues(e){const t=useTemplateVariableStoreCtx();return useStore(t,(t=>{const a=null!=e?e:Object.keys(t.variableState),r={};return a.forEach((e=>{const a=t.variableState[e];a&&(r[e]=a)})),r}),((e,t)=>JSON.stringify(e)===JSON.stringify(t)))}export function useTemplateVariable(e){const t=useTemplateVariableStoreCtx();return useStore(t,(t=>({state:t.variableState[e],definition:t.variableDefinitions.find((t=>t.name===e))})))}export function useTemplateVariableActions(){const e=useTemplateVariableStoreCtx();return useStore(e,(e=>({setVariableValue:e.setVariableValue,loadTemplateVariable:e.loadTemplateVariable})))}export function useTemplateVariableDefinitions(){const e=useTemplateVariableStoreCtx();return useStore(e,(e=>e.variableDefinitions))}export function useTemplateVariableStore(){const e=useTemplateVariableStoreCtx();return useStore(e)}function PluginProvider({children:e}){const t=useTemplateVariableValues();return _jsx(TemplateVariableContext.Provider,{value:{state:t},children:e})}function createTemplateVariableSrvStore({initialVariableDefinitions:e=[]}){return createStore()(devtools(immer(((t,a)=>({variableState:hydrateTemplateVariableStates(e),variableDefinitions:e,loadTemplateVariable:async e=>{const r=a().variableDefinitions.find((t=>t.name===e));if(!r)return;t((t=>{const a=t.variableState[e];a&&(a.loading=!0)}));const{data:i}=await loadTemplateVariables();r.options.allowAllValue&&i.unshift(getAllOption()),t((t=>{const a=t.variableState[e];a&&(a.options=i,a.loading=!1)}))},setVariableValue:(e,a)=>t((t=>{let r=a;const i=t.variableState[e];i&&(Array.isArray(r)&&r.includes(ALL_VALUE)&&(r=r.at(-1)===ALL_VALUE?[ALL_VALUE]:r.filter((e=>e!==ALL_VALUE))),i.value=r)}))})))))}export function TemplateVariableProvider({children:e,initialVariableDefinitions:t=[]}){const a=createTemplateVariableSrvStore({initialVariableDefinitions:t});return _jsx(TemplateVariableStoreContext.Provider,{value:a,children:_jsx(PluginProvider,{children:e})})}async function loadTemplateVariables(){const e=Math.floor(1e4*Math.random())+1e3;return await new Promise((t=>setTimeout(t,e))),{data:["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"].map((e=>({label:e,value:e})))}}function getAllOption(){return{label:"All",value:ALL_VALUE}}function hydrateTemplateVariableState(e){var t,a;const r=e,i={value:null,loading:!1};switch(r.kind){case"TextVariable":i.value=r.options.value;break;case"ListVariable":if(i.options=[],r.options.allowAllValue&&i.options.unshift({label:"All",value:ALL_VALUE}),i.options.length>0&&!i.value){const e=null!==(a=null===(t=i.options[0])||void 0===t?void 0:t.value)&&void 0!==a?a:null;null!==e&&(i.value=r.options.allowMultiple?[e]:e)}}return i}function hydrateTemplateVariableStates(e){const t={};return e.forEach((e=>{t[e.name]=hydrateTemplateVariableState(e)})),t}
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useState } from 'react';
+import { createStore, useStore } from 'zustand';
+import { immer } from 'zustand/middleware/immer';
+import { devtools } from 'zustand/middleware';
+import { TemplateVariableContext, DEFAULT_ALL_VALUE as ALL_VALUE } from '@perses-dev/plugin-system';
+const TemplateVariableStoreContext = /*#__PURE__*/ createContext(undefined);
+function useTemplateVariableStoreCtx() {
+    const context = useContext(TemplateVariableStoreContext);
+    if (!context) {
+        throw new Error('TemplateVariableStoreContext not initialized');
+    }
+    return context;
+}
+export function useTemplateVariableValues(variableNames) {
+    const store = useTemplateVariableStoreCtx();
+    const state = useStore(store, (s)=>{
+        const names = variableNames !== null && variableNames !== void 0 ? variableNames : Object.keys(s.variableState);
+        const vars = {};
+        names.forEach((name)=>{
+            const varState = s.variableState[name];
+            if (!varState) {
+                return;
+            }
+            vars[name] = varState;
+        });
+        return vars;
+    }, (left, right)=>{
+        return JSON.stringify(left) === JSON.stringify(right);
+    });
+    return state;
+}
+export function useTemplateVariable(name) {
+    const store = useTemplateVariableStoreCtx();
+    return useStore(store, (s)=>{
+        const variableState = s.variableState[name];
+        const definition = s.variableDefinitions.find((v)=>v.spec.name === name);
+        return {
+            state: variableState,
+            definition
+        };
+    });
+}
+export function useTemplateVariableActions() {
+    const store = useTemplateVariableStoreCtx();
+    return useStore(store, (s)=>{
+        return {
+            setVariableValue: s.setVariableValue,
+            setVariableLoading: s.setVariableLoading,
+            setVariableOptions: s.setVariableOptions
+        };
+    });
+}
+export function useTemplateVariableDefinitions() {
+    const store = useTemplateVariableStoreCtx();
+    return useStore(store, (s)=>s.variableDefinitions);
+}
+export function useTemplateVariableStore() {
+    const store = useTemplateVariableStoreCtx();
+    return useStore(store);
+}
+function PluginProvider({ children  }) {
+    const originalValues = useTemplateVariableValues();
+    const values = useMemo(()=>{
+        const contextValues = {};
+        // This will loop through all the current variables values
+        // and update any variables that have ALL_VALUE as their current value
+        // to include all options.
+        Object.keys(originalValues).forEach((name)=>{
+            const v = {
+                ...originalValues[name]
+            };
+            if (v.value === ALL_VALUE) {
+                var ref;
+                var ref1;
+                v.value = (ref1 = (ref = v.options) === null || ref === void 0 ? void 0 : ref.map((o)=>o.value)) !== null && ref1 !== void 0 ? ref1 : null;
+            }
+            contextValues[name] = v;
+        });
+        return contextValues;
+    }, [
+        originalValues
+    ]);
+    return /*#__PURE__*/ _jsx(TemplateVariableContext.Provider, {
+        value: {
+            state: values
+        },
+        children: children
+    });
+}
+function createTemplateVariableSrvStore({ initialVariableDefinitions =[]  }) {
+    const store = createStore()(devtools(immer((set)=>({
+            variableState: hydrateTemplateVariableStates(initialVariableDefinitions),
+            variableDefinitions: initialVariableDefinitions,
+            setVariableOptions (name, options) {
+                set((state)=>{
+                    const varState = state.variableState[name];
+                    if (!varState) {
+                        return;
+                    }
+                    varState.options = options;
+                });
+            },
+            setVariableLoading (name, loading) {
+                set((state)=>{
+                    const varState = state.variableState[name];
+                    if (!varState) {
+                        return;
+                    }
+                    varState.loading = loading;
+                });
+            },
+            setVariableValue: (name, value)=>set((state)=>{
+                    let val = value;
+                    const varState = state.variableState[name];
+                    if (!varState) {
+                        return;
+                    }
+                    // Make sure there is only one all value
+                    if (Array.isArray(val) && val.includes(ALL_VALUE)) {
+                        if (val.at(-1) === ALL_VALUE) {
+                            val = ALL_VALUE;
+                        } else {
+                            val = val.filter((v)=>v !== ALL_VALUE);
+                        }
+                    }
+                    varState.value = val;
+                })
+        }))));
+    return store;
+}
+export function TemplateVariableProvider({ children , initialVariableDefinitions =[]  }) {
+    const [store] = useState(createTemplateVariableSrvStore({
+        initialVariableDefinitions
+    }));
+    return /*#__PURE__*/ _jsx(TemplateVariableStoreContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ _jsx(PluginProvider, {
+            children: children
+        })
+    });
+}
+/** Helpers */ function hydrateTemplateVariableState(definition) {
+    const v = definition;
+    var _default_value;
+    const varState = {
+        value: (_default_value = v.spec.default_value) !== null && _default_value !== void 0 ? _default_value : null,
+        loading: false
+    };
+    switch(v.kind){
+        case 'TextVariable':
+            varState.value = v.spec.value;
+            break;
+        case 'ListVariable':
+            varState.options = [];
+            if (varState.options.length > 0 && !varState.value) {
+                var ref;
+                var ref1;
+                const firstOptionValue = (ref1 = (ref = varState.options[0]) === null || ref === void 0 ? void 0 : ref.value) !== null && ref1 !== void 0 ? ref1 : null;
+                if (firstOptionValue !== null) {
+                    varState.value = v.spec.allow_multiple ? [
+                        firstOptionValue
+                    ] : firstOptionValue;
+                }
+            }
+            break;
+        default:
+            break;
+    }
+    return varState;
+}
+function hydrateTemplateVariableStates(definitions) {
+    const state = {};
+    definitions.forEach((v)=>{
+        state[v.spec.name] = hydrateTemplateVariableState(v);
+    });
+    return state;
+}
+
+//# sourceMappingURL=TemplateVariableProvider.js.map

package/dist/context/TemplateVariableProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/TemplateVariableProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createContext, useContext, useMemo, useState } from 'react';\nimport { createStore, useStore } from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport { devtools } from 'zustand/middleware';\nimport {\n  TemplateVariableContext,\n  VariableStateMap,\n  VariableState,\n  VariableOption,\n  DEFAULT_ALL_VALUE as ALL_VALUE,\n} from '@perses-dev/plugin-system';\nimport { VariableName, VariableValue, VariableDefinition } from '@perses-dev/core';\n\ntype TemplateVariableStore = {\n  variableDefinitions: VariableDefinition[];\n  variableState: VariableStateMap;\n  setVariableValue: (variableName: VariableName, value: VariableValue) => void;\n  setVariableOptions: (name: VariableName, options: VariableOption[]) => void;\n  setVariableLoading: (name: VariableName, loading: boolean) => void;\n};\n\nconst TemplateVariableStoreContext = createContext<ReturnType<typeof createTemplateVariableSrvStore> | undefined>(\n  undefined\n);\nfunction useTemplateVariableStoreCtx() {\n  const context = useContext(TemplateVariableStoreContext);\n  if (!context) {\n    throw new Error('TemplateVariableStoreContext not initialized');\n  }\n  return context;\n}\n\nexport function useTemplateVariableValues(variableNames?: string[]) {\n  const store = useTemplateVariableStoreCtx();\n  const state = useStore(\n    store,\n    (s) => {\n      const names = variableNames ?? Object.keys(s.variableState);\n      const vars: VariableStateMap = {};\n      names.forEach((name) => {\n        const varState = s.variableState[name];\n        if (!varState) {\n          return;\n        }\n        vars[name] = varState;\n      });\n      return vars;\n    },\n    (left, right) => {\n      return JSON.stringify(left) === JSON.stringify(right);\n    }\n  );\n  return state;\n}\n\nexport function useTemplateVariable(name: string) {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => {\n    const variableState = s.variableState[name];\n    const definition = s.variableDefinitions.find((v) => v.spec.name === name);\n    return {\n      state: variableState,\n      definition,\n    };\n  });\n}\n\nexport function useTemplateVariableActions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => {\n    return {\n      setVariableValue: s.setVariableValue,\n      setVariableLoading: s.setVariableLoading,\n      setVariableOptions: s.setVariableOptions,\n    };\n  });\n}\n\nexport function useTemplateVariableDefinitions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => s.variableDefinitions);\n}\n\nexport function useTemplateVariableStore() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store);\n}\n\nfunction PluginProvider({ children }: { children: React.ReactNode }) {\n  const originalValues = useTemplateVariableValues();\n\n  const values = useMemo(() => {\n    const contextValues: VariableStateMap = {};\n\n    // This will loop through all the current variables values\n    // and update any variables that have ALL_VALUE as their current value\n    // to include all options.\n    Object.keys(originalValues).forEach((name) => {\n      const v = { ...originalValues[name] } as VariableState;\n      if (v.value === ALL_VALUE) {\n        v.value = v.options?.map((o: { value: string }) => o.value) ?? null;\n      }\n      contextValues[name] = v;\n    });\n    return contextValues;\n  }, [originalValues]);\n\n  return <TemplateVariableContext.Provider value={{ state: values }}>{children}</TemplateVariableContext.Provider>;\n}\n\ninterface TemplateVariableSrvArgs {\n  initialVariableDefinitions?: VariableDefinition[];\n}\n\nfunction createTemplateVariableSrvStore({ initialVariableDefinitions = [] }: TemplateVariableSrvArgs) {\n  const store = createStore<TemplateVariableStore>()(\n    devtools(\n      immer((set) => ({\n        variableState: hydrateTemplateVariableStates(initialVariableDefinitions),\n        variableDefinitions: initialVariableDefinitions,\n        setVariableOptions(name, options) {\n          set((state) => {\n            const varState = state.variableState[name];\n            if (!varState) {\n              return;\n            }\n            varState.options = options;\n          });\n        },\n        setVariableLoading(name, loading) {\n          set((state) => {\n            const varState = state.variableState[name];\n            if (!varState) {\n              return;\n            }\n            varState.loading = loading;\n          });\n        },\n\n        setVariableValue: (name, value) =>\n          set((state) => {\n            let val = value;\n            const varState = state.variableState[name];\n            if (!varState) {\n              return;\n            }\n\n            // Make sure there is only one all value\n            if (Array.isArray(val) && val.includes(ALL_VALUE)) {\n              if (val.at(-1) === ALL_VALUE) {\n                val = ALL_VALUE;\n              } else {\n                val = val.filter((v) => v !== ALL_VALUE);\n              }\n            }\n            varState.value = val;\n          }),\n      }))\n    )\n  );\n\n  return store;\n}\n\nexport function TemplateVariableProvider({\n  children,\n  initialVariableDefinitions = [],\n}: {\n  children: React.ReactNode;\n  initialVariableDefinitions?: VariableDefinition[];\n}) {\n  const [store] = useState(createTemplateVariableSrvStore({ initialVariableDefinitions }));\n\n  return (\n    <TemplateVariableStoreContext.Provider value={store}>\n      <PluginProvider>{children}</PluginProvider>\n    </TemplateVariableStoreContext.Provider>\n  );\n}\n\n/** Helpers */\n\nfunction hydrateTemplateVariableState(definition: VariableDefinition) {\n  const v = definition;\n  const varState: VariableState = {\n    value: v.spec.default_value ?? null,\n    loading: false,\n  };\n  switch (v.kind) {\n    case 'TextVariable':\n      varState.value = v.spec.value;\n      break;\n    case 'ListVariable':\n      varState.options = [];\n      if (varState.options.length > 0 && !varState.value) {\n        const firstOptionValue = varState.options[0]?.value ?? null;\n        if (firstOptionValue !== null) {\n          varState.value = v.spec.allow_multiple ? [firstOptionValue] : firstOptionValue;\n        }\n      }\n      break;\n    default:\n      break;\n  }\n  return varState;\n}\n\nfunction hydrateTemplateVariableStates(definitions: VariableDefinition[]): VariableStateMap {\n  const state: VariableStateMap = {};\n  definitions.forEach((v) => {\n    state[v.spec.name] = hydrateTemplateVariableState(v);\n  });\n  return state;\n}\n"],"names":["createContext","useContext","useMemo","useState","createStore","useStore","immer","devtools","TemplateVariableContext","DEFAULT_ALL_VALUE","ALL_VALUE","TemplateVariableStoreContext","undefined","useTemplateVariableStoreCtx","context","Error","useTemplateVariableValues","variableNames","store","state","s","names","Object","keys","variableState","vars","forEach","name","varState","left","right","JSON","stringify","useTemplateVariable","definition","variableDefinitions","find","v","spec","useTemplateVariableActions","setVariableValue","setVariableLoading","setVariableOptions","useTemplateVariableDefinitions","useTemplateVariableStore","PluginProvider","children","originalValues","values","contextValues","value","options","map","o","Provider","createTemplateVariableSrvStore","initialVariableDefinitions","set","hydrateTemplateVariableStates","loading","val","Array","isArray","includes","at","filter","TemplateVariableProvider","hydrateTemplateVariableState","default_value","kind","length","firstOptionValue","allow_multiple","definitions"],"mappings":"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"}

package/dist/context/TimeRangeProvider.js

@@ -1 +1,72 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useState,useMemo,useCallback}from"react";import{getUnixTime}from"date-fns";import{toAbsoluteTimeRange,isRelativeTimeRange}from"@perses-dev/core";import{TimeRangeContext,useQueryString}from"@perses-dev/plugin-system";export function TimeRangeProvider(e){const{initialTimeRange:t,children:i,onTimeRangeChange:n}=e,{queryString:s,setQueryString:r}=useQueryString(),a=isRelativeTimeRange(t)?toAbsoluteTimeRange(t):t,[o,m]=useState(a),g=useCallback((e=>{if(void 0===n)if(isRelativeTimeRange(e))r?(s.set("start",e.pastDuration),s.delete("end"),r(s)):m(toAbsoluteTimeRange(e));else if(r){const t=1e3*getUnixTime(e.start),i=1e3*getUnixTime(e.end);s.set("start",t.toString()),s.set("end",i.toString()),r(s)}else m(e);else n(e)}),[s,r,n]),u=useMemo((()=>({timeRange:o,setTimeRange:g})),[o,g]);return _jsx(TimeRangeContext.Provider,{value:u,children:i})}
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useState, useMemo, useCallback } from 'react';
+import { getUnixTime } from 'date-fns';
+import { toAbsoluteTimeRange, isRelativeTimeRange } from '@perses-dev/core';
+import { TimeRangeContext, useQueryString } from '@perses-dev/plugin-system';
+/**
+ * Provider implementation that supplies the time range state at runtime.
+ */ export function TimeRangeProvider(props) {
+    const { initialTimeRange , children , onTimeRangeChange  } = props;
+    const { queryString , setQueryString  } = useQueryString();
+    const defaultTimeRange = isRelativeTimeRange(initialTimeRange) ? toAbsoluteTimeRange(initialTimeRange) : initialTimeRange;
+    const [timeRange, setActiveTimeRange] = useState(defaultTimeRange);
+    const setTimeRange = useCallback((value)=>{
+        if (onTimeRangeChange !== undefined) {
+            // optional callback to override default behavior
+            onTimeRangeChange(value);
+            return;
+        }
+        if (isRelativeTimeRange(value)) {
+            if (setQueryString) {
+                queryString.set('start', value.pastDuration);
+                // end not required for relative time but may have been set by AbsoluteTimePicker or zoom
+                queryString.delete('end');
+                setQueryString(queryString);
+            } else {
+                setActiveTimeRange(toAbsoluteTimeRange(value));
+            }
+            return;
+        }
+        // allows app to specify whether query params should be source of truth for active time range
+        if (setQueryString) {
+            // Absolute URL example) ?start=1663707045000&end=1663713330000
+            // currently set from ViewDashboard initial queryString, AbsoluteTimePicker, or LineChart panel onDataZoom
+            const startUnixMs = getUnixTime(value.start) * 1000;
+            const endUnixMs = getUnixTime(value.end) * 1000;
+            queryString.set('start', startUnixMs.toString());
+            queryString.set('end', endUnixMs.toString());
+            setQueryString(queryString);
+        } else {
+            setActiveTimeRange(value);
+        }
+    }, [
+        queryString,
+        setQueryString,
+        onTimeRangeChange
+    ]);
+    const ctx = useMemo(()=>({
+            timeRange,
+            setTimeRange
+        }), [
+        timeRange,
+        setTimeRange
+    ]);
+    return /*#__PURE__*/ _jsx(TimeRangeContext.Provider, {
+        value: ctx,
+        children: children
+    });
+}
+
+//# sourceMappingURL=TimeRangeProvider.js.map

package/dist/context/TimeRangeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/TimeRangeProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { useState, useMemo, useCallback } from 'react';\nimport { getUnixTime } from 'date-fns';\nimport { TimeRangeValue, AbsoluteTimeRange, toAbsoluteTimeRange, isRelativeTimeRange } from '@perses-dev/core';\nimport { TimeRange, TimeRangeContext, useQueryString } from '@perses-dev/plugin-system';\n\nexport interface TimeRangeProviderProps {\n  initialTimeRange: TimeRangeValue;\n  children?: React.ReactNode;\n  onTimeRangeChange?: (e: TimeRangeValue) => void;\n}\n\n/**\n * Provider implementation that supplies the time range state at runtime.\n */\nexport function TimeRangeProvider(props: TimeRangeProviderProps) {\n  const { initialTimeRange, children, onTimeRangeChange } = props;\n\n  const { queryString, setQueryString } = useQueryString();\n\n  const defaultTimeRange: AbsoluteTimeRange = isRelativeTimeRange(initialTimeRange)\n    ? toAbsoluteTimeRange(initialTimeRange)\n    : initialTimeRange;\n\n  const [timeRange, setActiveTimeRange] = useState<AbsoluteTimeRange>(defaultTimeRange);\n\n  const setTimeRange: TimeRange['setTimeRange'] = useCallback(\n    (value: TimeRangeValue) => {\n      if (onTimeRangeChange !== undefined) {\n        // optional callback to override default behavior\n        onTimeRangeChange(value);\n        return;\n      }\n\n      if (isRelativeTimeRange(value)) {\n        if (setQueryString) {\n          queryString.set('start', value.pastDuration);\n          // end not required for relative time but may have been set by AbsoluteTimePicker or zoom\n          queryString.delete('end');\n          setQueryString(queryString);\n        } else {\n          setActiveTimeRange(toAbsoluteTimeRange(value));\n        }\n        return;\n      }\n\n      // allows app to specify whether query params should be source of truth for active time range\n      if (setQueryString) {\n        // Absolute URL example) ?start=1663707045000&end=1663713330000\n        // currently set from ViewDashboard initial queryString, AbsoluteTimePicker, or LineChart panel onDataZoom\n        const startUnixMs = getUnixTime(value.start) * 1000;\n        const endUnixMs = getUnixTime(value.end) * 1000;\n        queryString.set('start', startUnixMs.toString());\n        queryString.set('end', endUnixMs.toString());\n        setQueryString(queryString);\n      } else {\n        setActiveTimeRange(value);\n      }\n    },\n    [queryString, setQueryString, onTimeRangeChange]\n  );\n\n  const ctx = useMemo(() => ({ timeRange, setTimeRange }), [timeRange, setTimeRange]);\n\n  return <TimeRangeContext.Provider value={ctx}>{children}</TimeRangeContext.Provider>;\n}\n"],"names":["React","useState","useMemo","useCallback","getUnixTime","toAbsoluteTimeRange","isRelativeTimeRange","TimeRangeContext","useQueryString","TimeRangeProvider","props","initialTimeRange","children","onTimeRangeChange","queryString","setQueryString","defaultTimeRange","timeRange","setActiveTimeRange","setTimeRange","value","undefined","set","pastDuration","delete","startUnixMs","start","endUnixMs","end","toString","ctx","Provider"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,EAAEC,WAAW,QAAQ,OAAO,CAAC;AAC9D,SAASC,WAAW,QAAQ,UAAU,CAAC;AACvC,SAA4CC,mBAAmB,EAAEC,mBAAmB,QAAQ,kBAAkB,CAAC;AAC/G,SAAoBC,gBAAgB,EAAEC,cAAc,QAAQ,2BAA2B,CAAC;AAQxF;;CAEC,GACD,OAAO,SAASC,iBAAiB,CAACC,KAA6B,EAAE;IAC/D,MAAM,EAAEC,gBAAgB,CAAA,EAAEC,QAAQ,CAAA,EAAEC,iBAAiB,CAAA,EAAE,GAAGH,KAAK,AAAC;IAEhE,MAAM,EAAEI,WAAW,CAAA,EAAEC,cAAc,CAAA,EAAE,GAAGP,cAAc,EAAE,AAAC;IAEzD,MAAMQ,gBAAgB,GAAsBV,mBAAmB,CAACK,gBAAgB,CAAC,GAC7EN,mBAAmB,CAACM,gBAAgB,CAAC,GACrCA,gBAAgB,AAAC;IAErB,MAAM,CAACM,SAAS,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAoBe,gBAAgB,CAAC,AAAC;IAEtF,MAAMG,YAAY,GAA8BhB,WAAW,CACzD,CAACiB,KAAqB,GAAK;QACzB,IAAIP,iBAAiB,KAAKQ,SAAS,EAAE;YACnC,iDAAiD;YACjDR,iBAAiB,CAACO,KAAK,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,IAAId,mBAAmB,CAACc,KAAK,CAAC,EAAE;YAC9B,IAAIL,cAAc,EAAE;gBAClBD,WAAW,CAACQ,GAAG,CAAC,OAAO,EAAEF,KAAK,CAACG,YAAY,CAAC,CAAC;gBAC7C,yFAAyF;gBACzFT,WAAW,CAACU,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC1BT,cAAc,CAACD,WAAW,CAAC,CAAC;YAC9B,OAAO;gBACLI,kBAAkB,CAACb,mBAAmB,CAACe,KAAK,CAAC,CAAC,CAAC;YACjD,CAAC;YACD,OAAO;QACT,CAAC;QAED,6FAA6F;QAC7F,IAAIL,cAAc,EAAE;YAClB,+DAA+D;YAC/D,0GAA0G;YAC1G,MAAMU,WAAW,GAAGrB,WAAW,CAACgB,KAAK,CAACM,KAAK,CAAC,GAAG,IAAI,AAAC;YACpD,MAAMC,SAAS,GAAGvB,WAAW,CAACgB,KAAK,CAACQ,GAAG,CAAC,GAAG,IAAI,AAAC;YAChDd,WAAW,CAACQ,GAAG,CAAC,OAAO,EAAEG,WAAW,CAACI,QAAQ,EAAE,CAAC,CAAC;YACjDf,WAAW,CAACQ,GAAG,CAAC,KAAK,EAAEK,SAAS,CAACE,QAAQ,EAAE,CAAC,CAAC;YAC7Cd,cAAc,CAACD,WAAW,CAAC,CAAC;QAC9B,OAAO;YACLI,kBAAkB,CAACE,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EACD;QAACN,WAAW;QAAEC,cAAc;QAAEF,iBAAiB;KAAC,CACjD,AAAC;IAEF,MAAMiB,GAAG,GAAG5B,OAAO,CAAC,IAAO,CAAA;YAAEe,SAAS;YAAEE,YAAY;SAAE,CAAA,AAAC,EAAE;QAACF,SAAS;QAAEE,YAAY;KAAC,CAAC,AAAC;IAEpF,qBAAO,KAACZ,gBAAgB,CAACwB,QAAQ;QAACX,KAAK,EAAEU,GAAG;kBAAGlB,QAAQ;MAA6B,CAAC;AACvF,CAAC"}

package/dist/context/index.d.ts

@@ -1,7 +1,8 @@
 export * from './DashboardAppSlice';
+export * from './DashboardProvider';
+export * from './DatasourceStoreProvider';
 export * from './LayoutsSlice';
+export * from './QueryStringProvider';
 export * from './TemplateVariableProvider';
-export * from './DashboardProvider';
 export * from './TimeRangeProvider';
-export * from './QueryStringProvider';
 //# sourceMappingURL=index.d.ts.map

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,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAaA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}