@perses-dev/plugin-system 0.38.0 → 0.39.0

package/dist/components/OptionsEditorTabPanel/index.d.ts

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

package/dist/components/OptionsEditorTabPanel/index.d.ts.map

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

package/dist/components/OptionsEditorTabPanel/index.js

@@ -0,0 +1,15 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export * from './OptionsEditorTabPanel';
+
+//# sourceMappingURL=index.js.map

package/dist/components/OptionsEditorTabPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/OptionsEditorTabPanel/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './OptionsEditorTabPanel';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,yBAAyB,CAAC"}

package/dist/components/OptionsEditorTabs/OptionsEditorTabs.js

@@ -13,7 +13,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Tab, Tabs, Box } from '@mui/material';
 import { useState } from 'react';
-import { TabPanel } from './TabPanel';
+import { OptionsEditorTabPanel } from '../OptionsEditorTabPanel';
 export const OptionsEditorTabs = ({ tabs  })=>{
     const [activeTab, setActiveTab] = useState(0);
     const handleChange = (_, newValue)=>{
@@ -40,7 +40,7 @@ export const OptionsEditorTabs = ({ tabs  })=>{
                 })
             }),
             tabs.map(({ label , content  }, i)=>{
-                return /*#__PURE__*/ _jsx(TabPanel, {
+                return /*#__PURE__*/ _jsx(OptionsEditorTabPanel, {
                     value: activeTab,
                     index: i,
                     children: content

package/dist/components/OptionsEditorTabs/OptionsEditorTabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/OptionsEditorTabs/OptionsEditorTabs.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Tab, Tabs, TabsProps, Box } from '@mui/material';\nimport { useState } from 'react';\nimport { TabPanel } from './TabPanel';\n\nexport type OptionsEditorTab = {\n  label: string;\n  /**\n   * Content rendered when the tab is active.\n   */\n  content: React.ReactNode;\n};\n\nexport type OptionsEditorTabsProps = {\n  tabs: OptionsEditorTab[];\n};\n\nexport const OptionsEditorTabs = ({ tabs }: OptionsEditorTabsProps) => {\n  const [activeTab, setActiveTab] = useState(0);\n\n  const handleChange: TabsProps['onChange'] = (_, newValue) => {\n    setActiveTab(newValue);\n  };\n\n  return (\n    <>\n      <Box sx={{ borderBottom: 1, borderColor: (theme) => theme.palette.divider }}>\n        <Tabs value={activeTab} onChange={handleChange} aria-label=\"Panel configuration tabs\">\n          {tabs.map(({ label }, i) => {\n            return (\n              <Tab\n                key={label}\n                label={label}\n                id={`options-editor-tab-${i}`}\n                aria-controls={`options-editor-tabpanel-${i}`}\n              />\n            );\n          })}\n        </Tabs>\n      </Box>\n      {tabs.map(({ label, content }, i) => {\n        return (\n          <TabPanel key={label} value={activeTab} index={i}>\n            {content}\n          </TabPanel>\n        );\n      })}\n    </>\n  );\n};\n"],"names":["Tab","Tabs","Box","useState","TabPanel","OptionsEditorTabs","tabs","activeTab","setActiveTab","handleChange","_","newValue","sx","borderBottom","borderColor","theme","palette","divider","value","onChange","aria-label","map","label","i","id","aria-controls","content","index"],"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,GAAG,EAAEC,IAAI,EAAaC,GAAG,QAAQ,eAAe,CAAC;AAC1D,SAASC,QAAQ,QAAQ,OAAO,CAAC;AACjC,SAASC,QAAQ,QAAQ,YAAY,CAAC;AActC,OAAO,MAAMC,iBAAiB,GAAG,CAAC,EAAEC,IAAI,CAAA,EAA0B,GAAK;IACrE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGL,QAAQ,CAAC,CAAC,CAAC,AAAC;IAE9C,MAAMM,YAAY,GAA0B,CAACC,CAAC,EAAEC,QAAQ,GAAK;QAC3DH,YAAY,CAACG,QAAQ,CAAC,CAAC;IACzB,CAAC,AAAC;IAEF,qBACE;;0BACE,KAACT,GAAG;gBAACU,EAAE,EAAE;oBAAEC,YAAY,EAAE,CAAC;oBAAEC,WAAW,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,OAAO,CAACC,OAAO;iBAAE;0BACzE,cAAA,KAAChB,IAAI;oBAACiB,KAAK,EAAEX,SAAS;oBAAEY,QAAQ,EAAEV,YAAY;oBAAEW,YAAU,EAAC,0BAA0B;8BAClFd,IAAI,CAACe,GAAG,CAAC,CAAC,EAAEC,KAAK,CAAA,EAAE,EAAEC,CAAC,GAAK;wBAC1B,qBACE,KAACvB,GAAG;4BAEFsB,KAAK,EAAEA,KAAK;4BACZE,EAAE,EAAE,CAAC,mBAAmB,EAAED,CAAC,CAAC,CAAC;4BAC7BE,eAAa,EAAE,CAAC,wBAAwB,EAAEF,CAAC,CAAC,CAAC;2BAHxCD,KAAK,CAIV,CACF;oBACJ,CAAC,CAAC;kBACG;cACH;YACLhB,IAAI,CAACe,GAAG,CAAC,CAAC,EAAEC,KAAK,CAAA,EAAEI,OAAO,CAAA,EAAE,EAAEH,CAAC,GAAK;gBACnC,qBACE,KAACnB,QAAQ;oBAAac,KAAK,EAAEX,SAAS;oBAAEoB,KAAK,EAAEJ,CAAC;8BAC7CG,OAAO;mBADKJ,KAAK,CAET,CACX;YACJ,CAAC,CAAC;;MACD,CACH;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/components/OptionsEditorTabs/OptionsEditorTabs.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Tab, Tabs, TabsProps, Box } from '@mui/material';\nimport { useState } from 'react';\nimport { OptionsEditorTabPanel } from '../OptionsEditorTabPanel';\n\nexport type OptionsEditorTab = {\n  label: string;\n  /**\n   * Content rendered when the tab is active.\n   */\n  content: React.ReactNode;\n};\n\nexport type OptionsEditorTabsProps = {\n  tabs: OptionsEditorTab[];\n};\n\nexport const OptionsEditorTabs = ({ tabs }: OptionsEditorTabsProps) => {\n  const [activeTab, setActiveTab] = useState(0);\n\n  const handleChange: TabsProps['onChange'] = (_, newValue) => {\n    setActiveTab(newValue);\n  };\n\n  return (\n    <>\n      <Box sx={{ borderBottom: 1, borderColor: (theme) => theme.palette.divider }}>\n        <Tabs value={activeTab} onChange={handleChange} aria-label=\"Panel configuration tabs\">\n          {tabs.map(({ label }, i) => {\n            return (\n              <Tab\n                key={label}\n                label={label}\n                id={`options-editor-tab-${i}`}\n                aria-controls={`options-editor-tabpanel-${i}`}\n              />\n            );\n          })}\n        </Tabs>\n      </Box>\n      {tabs.map(({ label, content }, i) => {\n        return (\n          <OptionsEditorTabPanel key={label} value={activeTab} index={i}>\n            {content}\n          </OptionsEditorTabPanel>\n        );\n      })}\n    </>\n  );\n};\n"],"names":["Tab","Tabs","Box","useState","OptionsEditorTabPanel","OptionsEditorTabs","tabs","activeTab","setActiveTab","handleChange","_","newValue","sx","borderBottom","borderColor","theme","palette","divider","value","onChange","aria-label","map","label","i","id","aria-controls","content","index"],"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,GAAG,EAAEC,IAAI,EAAaC,GAAG,QAAQ,eAAe,CAAC;AAC1D,SAASC,QAAQ,QAAQ,OAAO,CAAC;AACjC,SAASC,qBAAqB,QAAQ,0BAA0B,CAAC;AAcjE,OAAO,MAAMC,iBAAiB,GAAG,CAAC,EAAEC,IAAI,CAAA,EAA0B,GAAK;IACrE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGL,QAAQ,CAAC,CAAC,CAAC,AAAC;IAE9C,MAAMM,YAAY,GAA0B,CAACC,CAAC,EAAEC,QAAQ,GAAK;QAC3DH,YAAY,CAACG,QAAQ,CAAC,CAAC;IACzB,CAAC,AAAC;IAEF,qBACE;;0BACE,KAACT,GAAG;gBAACU,EAAE,EAAE;oBAAEC,YAAY,EAAE,CAAC;oBAAEC,WAAW,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,OAAO,CAACC,OAAO;iBAAE;0BACzE,cAAA,KAAChB,IAAI;oBAACiB,KAAK,EAAEX,SAAS;oBAAEY,QAAQ,EAAEV,YAAY;oBAAEW,YAAU,EAAC,0BAA0B;8BAClFd,IAAI,CAACe,GAAG,CAAC,CAAC,EAAEC,KAAK,CAAA,EAAE,EAAEC,CAAC,GAAK;wBAC1B,qBACE,KAACvB,GAAG;4BAEFsB,KAAK,EAAEA,KAAK;4BACZE,EAAE,EAAE,CAAC,mBAAmB,EAAED,CAAC,CAAC,CAAC;4BAC7BE,eAAa,EAAE,CAAC,wBAAwB,EAAEF,CAAC,CAAC,CAAC;2BAHxCD,KAAK,CAIV,CACF;oBACJ,CAAC,CAAC;kBACG;cACH;YACLhB,IAAI,CAACe,GAAG,CAAC,CAAC,EAAEC,KAAK,CAAA,EAAEI,OAAO,CAAA,EAAE,EAAEH,CAAC,GAAK;gBACnC,qBACE,KAACnB,qBAAqB;oBAAac,KAAK,EAAEX,SAAS;oBAAEoB,KAAK,EAAEJ,CAAC;8BAC1DG,OAAO;mBADkBJ,KAAK,CAET,CACxB;YACJ,CAAC,CAAC;;MACD,CACH;AACJ,CAAC,CAAC"}

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './CalculationSelector';
 export * from './DatasourceSelect';
 export * from './LegendOptionsEditor';
+export * from './OptionsEditorRadios';
 export * from './OptionsEditorTabs';
 export * from './PanelSpecEditor';
 export * from './PluginEditor';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}

package/dist/components/index.js

@@ -13,6 +13,7 @@
 export * from './CalculationSelector';
 export * from './DatasourceSelect';
 export * from './LegendOptionsEditor';
+export * from './OptionsEditorRadios';
 export * from './OptionsEditorTabs';
 export * from './PanelSpecEditor';
 export * from './PluginEditor';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './CalculationSelector';\nexport * from './DatasourceSelect';\nexport * from './LegendOptionsEditor';\nexport * from './OptionsEditorTabs';\nexport * from './PanelSpecEditor';\nexport * from './PluginEditor';\nexport * from './PluginKindSelect';\nexport * from './PluginRegistry';\nexport * from './PluginSpecEditor';\nexport * from './TimeSeriesQueryEditor';\nexport * from './Variables';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './CalculationSelector';\nexport * from './DatasourceSelect';\nexport * from './LegendOptionsEditor';\nexport * from './OptionsEditorRadios';\nexport * from './OptionsEditorTabs';\nexport * from './PanelSpecEditor';\nexport * from './PluginEditor';\nexport * from './PluginKindSelect';\nexport * from './PluginRegistry';\nexport * from './PluginSpecEditor';\nexport * from './TimeSeriesQueryEditor';\nexport * from './Variables';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}

package/dist/runtime/DataQueriesProvider/DataQueriesProvider.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { Definition, UnknownSpec } from '@perses-dev/core';
-import { DataQueriesProviderProps, UseDataQueryResults } from './model';
-export declare function useDataQueries(): UseDataQueryResults;
-export declare const DataQueriesContext: import("react").Context<UseDataQueryResults<Definition<UnknownSpec>> | undefined>;
-export declare function useDataQueriesContext(): UseDataQueryResults<Definition<UnknownSpec>>;
+import { QueryType } from '@perses-dev/core';
+import { DataQueriesProviderProps, UseDataQueryResults, DataQueriesContextType } from './model';
+export declare const DataQueriesContext: import("react").Context<DataQueriesContextType | undefined>;
+export declare function useDataQueriesContext(): DataQueriesContextType;
+export declare function useDataQueries<T extends keyof QueryType>(queryType: T): UseDataQueryResults<QueryType[T]>;
 export declare function DataQueriesProvider(props: DataQueriesProviderProps): JSX.Element;
 //# sourceMappingURL=DataQueriesProvider.d.ts.map

package/dist/runtime/DataQueriesProvider/DataQueriesProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataQueriesProvider.d.ts","sourceRoot":"","sources":["../../../src/runtime/DataQueriesProvider/DataQueriesProvider.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,UAAU,EAA6B,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEtF,OAAO,EAAE,wBAAwB,EAAa,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnF,wBAAgB,cAAc,IAAI,mBAAmB,CAGpD;AAED,eAAO,MAAM,kBAAkB,mFAA4D,CAAC;AAE5F,wBAAgB,qBAAqB,iDAMpC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eA2ClE"}
+{"version":3,"file":"DataQueriesProvider.d.ts","sourceRoot":"","sources":["../../../src/runtime/DataQueriesProvider/DataQueriesProvider.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,SAAS,EAA6B,MAAM,kBAAkB,CAAC;AAExE,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EAEnB,sBAAsB,EAGvB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,kBAAkB,6DAA+D,CAAC;AAE/F,wBAAgB,qBAAqB,2BAMpC;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,SAAS,EAAE,SAAS,EAAE,CAAC,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAqBzG;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eAsClE"}

package/dist/runtime/DataQueriesProvider/DataQueriesProvider.js

@@ -13,10 +13,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo } from 'react';
 import { useTimeSeriesQueries } from '../time-series-queries';
-export function useDataQueries() {
-    const ctx = useDataQueriesContext();
-    return ctx;
-}
+import { transformQueryResults, useQueryType } from './model';
 export const DataQueriesContext = /*#__PURE__*/ createContext(undefined);
 export function useDataQueriesContext() {
     const ctx = useContext(DataQueriesContext);
@@ -25,44 +22,59 @@ export function useDataQueriesContext() {
     }
     return ctx;
 }
+export function useDataQueries(queryType) {
+    const ctx = useDataQueriesContext();
+    // Filter the query results based on the specified query type
+    const filteredQueryResults = ctx.queryResults.filter((queryResult)=>queryResult.definition.kind === queryType);
+    // Filter the errors based on the specified query type
+    const filteredErrors = ctx.errors.filter((errors, index)=>{
+        var ref;
+        return ((ref = ctx.queryResults[index]) === null || ref === void 0 ? void 0 : ref.definition.kind) === queryType;
+    });
+    // Create a new context object with the filtered results and errors
+    const filteredCtx = {
+        queryResults: filteredQueryResults,
+        isFetching: filteredQueryResults.some((result)=>result.isFetching),
+        isLoading: filteredQueryResults.some((result)=>result.isLoading),
+        refetchAll: ctx.refetchAll,
+        errors: filteredErrors
+    };
+    return filteredCtx;
+}
 export function DataQueriesProvider(props) {
     const { definitions , options , children  } = props;
-    // For now we will map each query plugin definition to TimeSeriesQueryDefinition
-    // Later on when we add support for other query types,
-    // we will have to map each query maps to the correct QueryDefinition
-    const timeSeriesQueries = definitions.map((definition)=>({
-            kind: 'TimeSeriesQuery',
+    const getQueryType = useQueryType();
+    const queryDefinitions = definitions.map((definition)=>{
+        const type = getQueryType(definition.kind);
+        return {
+            kind: type,
             spec: {
                 plugin: definition
             }
-        }));
-    const results = useTimeSeriesQueries(timeSeriesQueries, options);
-    const data = results.map(({ data , isFetching , isLoading , refetch , error  }, i)=>{
-        return {
-            definition: definitions[i],
-            data,
-            isFetching,
-            isLoading,
-            refetch,
-            error
         };
     });
+    // Filter definitions for time series query and other future query plugins
+    const timeSeriesQueries = queryDefinitions.filter((definition)=>definition.kind === 'TimeSeriesQuery');
+    const timeSeriesResults = useTimeSeriesQueries(timeSeriesQueries, options);
     const refetchAll = useCallback(()=>{
-        results.forEach((result)=>result.refetch());
+        timeSeriesResults.forEach((result)=>result.refetch());
     }, [
-        results
+        timeSeriesResults
     ]);
     const ctx = useMemo(()=>{
+        const mergedQueryResults = [
+            ...transformQueryResults(timeSeriesResults, timeSeriesQueries)
+        ];
         return {
-            queryResults: data,
-            isFetching: results.some((result)=>result.isFetching),
-            isLoading: results.some((result)=>result.isLoading),
+            queryResults: mergedQueryResults,
+            isFetching: mergedQueryResults.some((result)=>result.isFetching),
+            isLoading: mergedQueryResults.some((result)=>result.isLoading),
             refetchAll,
-            errors: results.map((result)=>result.error)
+            errors: mergedQueryResults.map((result)=>result.error)
         };
     }, [
-        data,
-        results,
+        timeSeriesQueries,
+        timeSeriesResults,
         refetchAll
     ]);
     return /*#__PURE__*/ _jsx(DataQueriesContext.Provider, {

package/dist/runtime/DataQueriesProvider/DataQueriesProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/DataQueriesProvider.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createContext, useCallback, useContext, useMemo } from 'react';\nimport { Definition, TimeSeriesQueryDefinition, UnknownSpec } from '@perses-dev/core';\nimport { useTimeSeriesQueries } from '../time-series-queries';\nimport { DataQueriesProviderProps, QueryData, UseDataQueryResults } from './model';\n\nexport function useDataQueries(): UseDataQueryResults {\n  const ctx = useDataQueriesContext();\n  return ctx;\n}\n\nexport const DataQueriesContext = createContext<UseDataQueryResults | undefined>(undefined);\n\nexport function useDataQueriesContext() {\n  const ctx = useContext(DataQueriesContext);\n  if (ctx === undefined) {\n    throw new Error('No DataQueriesContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function DataQueriesProvider(props: DataQueriesProviderProps) {\n  const { definitions, options, children } = props;\n\n  // For now we will map each query plugin definition to TimeSeriesQueryDefinition\n  // Later on when we add support for other query types,\n  // we will have to map each query maps to the correct QueryDefinition\n  const timeSeriesQueries = definitions.map(\n    (definition) =>\n      ({\n        kind: 'TimeSeriesQuery',\n        spec: {\n          plugin: definition,\n        },\n      } as TimeSeriesQueryDefinition)\n  );\n  const results = useTimeSeriesQueries(timeSeriesQueries, options);\n\n  const data = results.map(({ data, isFetching, isLoading, refetch, error }, i) => {\n    return {\n      definition: definitions[i],\n      data,\n      isFetching,\n      isLoading,\n      refetch,\n      error,\n    } as QueryData<Definition<UnknownSpec>>;\n  });\n\n  const refetchAll = useCallback(() => {\n    results.forEach((result) => result.refetch());\n  }, [results]);\n\n  const ctx = useMemo(() => {\n    return {\n      queryResults: data,\n      isFetching: results.some((result) => result.isFetching),\n      isLoading: results.some((result) => result.isLoading),\n      refetchAll,\n      errors: results.map((result) => result.error),\n    };\n  }, [data, results, refetchAll]);\n\n  return <DataQueriesContext.Provider value={ctx}>{children}</DataQueriesContext.Provider>;\n}\n"],"names":["createContext","useCallback","useContext","useMemo","useTimeSeriesQueries","useDataQueries","ctx","useDataQueriesContext","DataQueriesContext","undefined","Error","DataQueriesProvider","props","definitions","options","children","timeSeriesQueries","map","definition","kind","spec","plugin","results","data","isFetching","isLoading","refetch","error","i","refetchAll","forEach","result","queryResults","some","errors","Provider","value"],"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,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO,CAAC;AAExE,SAASC,oBAAoB,QAAQ,wBAAwB,CAAC;AAG9D,OAAO,SAASC,cAAc,GAAwB;IACpD,MAAMC,GAAG,GAAGC,qBAAqB,EAAE,AAAC;IACpC,OAAOD,GAAG,CAAC;AACb,CAAC;AAED,OAAO,MAAME,kBAAkB,iBAAGR,aAAa,CAAkCS,SAAS,CAAC,CAAC;AAE5F,OAAO,SAASF,qBAAqB,GAAG;IACtC,MAAMD,GAAG,GAAGJ,UAAU,CAACM,kBAAkB,CAAC,AAAC;IAC3C,IAAIF,GAAG,KAAKG,SAAS,EAAE;QACrB,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC7E,CAAC;IACD,OAAOJ,GAAG,CAAC;AACb,CAAC;AAED,OAAO,SAASK,mBAAmB,CAACC,KAA+B,EAAE;IACnE,MAAM,EAAEC,WAAW,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGH,KAAK,AAAC;IAEjD,gFAAgF;IAChF,sDAAsD;IACtD,qEAAqE;IACrE,MAAMI,iBAAiB,GAAGH,WAAW,CAACI,GAAG,CACvC,CAACC,UAAU,GACR,CAAA;YACCC,IAAI,EAAE,iBAAiB;YACvBC,IAAI,EAAE;gBACJC,MAAM,EAAEH,UAAU;aACnB;SACF,CAAA,AAA8B,CAClC,AAAC;IACF,MAAMI,OAAO,GAAGlB,oBAAoB,CAACY,iBAAiB,EAAEF,OAAO,CAAC,AAAC;IAEjE,MAAMS,IAAI,GAAGD,OAAO,CAACL,GAAG,CAAC,CAAC,EAAEM,IAAI,CAAA,EAAEC,UAAU,CAAA,EAAEC,SAAS,CAAA,EAAEC,OAAO,CAAA,EAAEC,KAAK,CAAA,EAAE,EAAEC,CAAC,GAAK;QAC/E,OAAO;YACLV,UAAU,EAAEL,WAAW,CAACe,CAAC,CAAC;YAC1BL,IAAI;YACJC,UAAU;YACVC,SAAS;YACTC,OAAO;YACPC,KAAK;SACN,CAAuC;IAC1C,CAAC,CAAC,AAAC;IAEH,MAAME,UAAU,GAAG5B,WAAW,CAAC,IAAM;QACnCqB,OAAO,CAACQ,OAAO,CAAC,CAACC,MAAM,GAAKA,MAAM,CAACL,OAAO,EAAE,CAAC,CAAC;IAChD,CAAC,EAAE;QAACJ,OAAO;KAAC,CAAC,AAAC;IAEd,MAAMhB,GAAG,GAAGH,OAAO,CAAC,IAAM;QACxB,OAAO;YACL6B,YAAY,EAAET,IAAI;YAClBC,UAAU,EAAEF,OAAO,CAACW,IAAI,CAAC,CAACF,MAAM,GAAKA,MAAM,CAACP,UAAU,CAAC;YACvDC,SAAS,EAAEH,OAAO,CAACW,IAAI,CAAC,CAACF,MAAM,GAAKA,MAAM,CAACN,SAAS,CAAC;YACrDI,UAAU;YACVK,MAAM,EAAEZ,OAAO,CAACL,GAAG,CAAC,CAACc,MAAM,GAAKA,MAAM,CAACJ,KAAK,CAAC;SAC9C,CAAC;IACJ,CAAC,EAAE;QAACJ,IAAI;QAAED,OAAO;QAAEO,UAAU;KAAC,CAAC,AAAC;IAEhC,qBAAO,KAACrB,kBAAkB,CAAC2B,QAAQ;QAACC,KAAK,EAAE9B,GAAG;kBAAGS,QAAQ;MAA+B,CAAC;AAC3F,CAAC"}
+{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/DataQueriesProvider.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createContext, useCallback, useContext, useMemo } from 'react';\nimport { QueryType, TimeSeriesQueryDefinition } from '@perses-dev/core';\nimport { useTimeSeriesQueries } from '../time-series-queries';\nimport {\n  DataQueriesProviderProps,\n  UseDataQueryResults,\n  transformQueryResults,\n  DataQueriesContextType,\n  QueryData,\n  useQueryType,\n} from './model';\n\nexport const DataQueriesContext = createContext<DataQueriesContextType | undefined>(undefined);\n\nexport function useDataQueriesContext() {\n  const ctx = useContext(DataQueriesContext);\n  if (ctx === undefined) {\n    throw new Error('No DataQueriesContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useDataQueries<T extends keyof QueryType>(queryType: T): UseDataQueryResults<QueryType[T]> {\n  const ctx = useDataQueriesContext();\n\n  // Filter the query results based on the specified query type\n  const filteredQueryResults = ctx.queryResults.filter(\n    (queryResult) => queryResult.definition.kind === queryType\n  ) as Array<QueryData<QueryType[T]>>;\n\n  // Filter the errors based on the specified query type\n  const filteredErrors = ctx.errors.filter((errors, index) => ctx.queryResults[index]?.definition.kind === queryType);\n\n  // Create a new context object with the filtered results and errors\n  const filteredCtx = {\n    queryResults: filteredQueryResults,\n    isFetching: filteredQueryResults.some((result) => result.isFetching),\n    isLoading: filteredQueryResults.some((result) => result.isLoading),\n    refetchAll: ctx.refetchAll,\n    errors: filteredErrors,\n  };\n\n  return filteredCtx;\n}\n\nexport function DataQueriesProvider(props: DataQueriesProviderProps) {\n  const { definitions, options, children } = props;\n\n  const getQueryType = useQueryType();\n\n  const queryDefinitions = definitions.map((definition) => {\n    const type = getQueryType(definition.kind);\n    return {\n      kind: type,\n      spec: {\n        plugin: definition,\n      },\n    };\n  });\n\n  // Filter definitions for time series query and other future query plugins\n  const timeSeriesQueries = queryDefinitions.filter(\n    (definition) => definition.kind === 'TimeSeriesQuery'\n  ) as TimeSeriesQueryDefinition[];\n  const timeSeriesResults = useTimeSeriesQueries(timeSeriesQueries, options);\n\n  const refetchAll = useCallback(() => {\n    timeSeriesResults.forEach((result) => result.refetch());\n  }, [timeSeriesResults]);\n\n  const ctx = useMemo(() => {\n    const mergedQueryResults = [...transformQueryResults(timeSeriesResults, timeSeriesQueries)];\n\n    return {\n      queryResults: mergedQueryResults,\n      isFetching: mergedQueryResults.some((result) => result.isFetching),\n      isLoading: mergedQueryResults.some((result) => result.isLoading),\n      refetchAll,\n      errors: mergedQueryResults.map((result) => result.error),\n    };\n  }, [timeSeriesQueries, timeSeriesResults, refetchAll]);\n\n  return <DataQueriesContext.Provider value={ctx}>{children}</DataQueriesContext.Provider>;\n}\n"],"names":["createContext","useCallback","useContext","useMemo","useTimeSeriesQueries","transformQueryResults","useQueryType","DataQueriesContext","undefined","useDataQueriesContext","ctx","Error","useDataQueries","queryType","filteredQueryResults","queryResults","filter","queryResult","definition","kind","filteredErrors","errors","index","filteredCtx","isFetching","some","result","isLoading","refetchAll","DataQueriesProvider","props","definitions","options","children","getQueryType","queryDefinitions","map","type","spec","plugin","timeSeriesQueries","timeSeriesResults","forEach","refetch","mergedQueryResults","error","Provider","value"],"mappings":"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"}

package/dist/runtime/DataQueriesProvider/model.d.ts

@@ -1,27 +1,31 @@
 /// <reference types="react" />
-import { Definition, TimeSeriesData, UnknownSpec } from '@perses-dev/core';
+import { Definition, QueryDefinition, UnknownSpec, QueryDataType } from '@perses-dev/core';
+import { UseQueryResult } from '@tanstack/react-query';
 declare type QueryOptions = Record<string, unknown>;
-interface DataQueriesDefinitions<QueryPluginDefinition> {
-    definitions: QueryPluginDefinition[];
-}
-export interface DataQueriesProviderProps<QueryPluginDefinition = Definition<UnknownSpec>> extends DataQueriesDefinitions<QueryPluginDefinition> {
+export interface DataQueriesProviderProps<QueryPluginSpec = UnknownSpec> {
+    definitions: Array<Definition<QueryPluginSpec>>;
     options?: QueryOptions;
     children?: React.ReactNode;
 }
-export interface UseDataQueryResults<QueryPluginDefinition = Definition<UnknownSpec>> {
-    queryResults: Array<QueryData<QueryPluginDefinition>>;
+export interface DataQueriesContextType {
+    queryResults: QueryData[];
     refetchAll: () => void;
     isFetching: boolean;
     isLoading: boolean;
     errors: unknown[];
 }
-export interface QueryData<QueryPluginDefinition> {
-    data?: TimeSeriesData;
-    definition: QueryPluginDefinition;
+export interface UseDataQueryResults<T> extends Omit<DataQueriesContextType, 'queryResults'> {
+    queryResults: Array<QueryData<T>>;
+}
+export declare type QueryData<T = QueryDataType> = {
+    data?: T;
+    definition: QueryDefinition;
     error: unknown;
     isFetching: boolean;
     isLoading: boolean;
     refetch?: () => void;
-}
+};
+export declare function transformQueryResults(results: UseQueryResult[], definitions: QueryDefinition[]): QueryData<import("@perses-dev/core").TimeSeriesData>[];
+export declare function useQueryType(): (pluginKind: string) => string | undefined;
 export {};
 //# sourceMappingURL=model.d.ts.map

package/dist/runtime/DataQueriesProvider/model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"names":[],"mappings":";AAaA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE3E,aAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE5C,UAAU,sBAAsB,CAAC,qBAAqB;IACpD,WAAW,EAAE,qBAAqB,EAAE,CAAC;CACtC;AACD,MAAM,WAAW,wBAAwB,CAAC,qBAAqB,GAAG,UAAU,CAAC,WAAW,CAAC,CACvF,SAAQ,sBAAsB,CAAC,qBAAqB,CAAC;IACrD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB,CAAC,qBAAqB,GAAG,UAAU,CAAC,WAAW,CAAC;IAClF,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC;IACtD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,SAAS,CAAC,qBAAqB;IAC9C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,qBAAqB,CAAC;IAClC,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"names":[],"mappings":";AAaA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD,aAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC5C,MAAM,WAAW,wBAAwB,CAAC,eAAe,GAAG,WAAW;IACrE,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC;IAC1F,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC;AAED,oBAAY,SAAS,CAAC,CAAC,GAAG,aAAa,IAAI;IACzC,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE,0DAW9F;AAED,wBAAgB,YAAY,IAAI,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAmCzE"}

package/dist/runtime/DataQueriesProvider/model.js

@@ -10,6 +10,52 @@
 // 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 { };
+import { useCallback, useMemo } from 'react';
+import { useListPluginMetadata } from '../plugin-registry';
+export function transformQueryResults(results, definitions) {
+    return results.map(({ data , isFetching , isLoading , refetch , error  }, i)=>{
+        return {
+            definition: definitions[i],
+            data,
+            isFetching,
+            isLoading,
+            refetch,
+            error
+        };
+    });
+}
+export function useQueryType() {
+    const { data: timeSeriesQueryPlugins , isLoading  } = useListPluginMetadata('TimeSeriesQuery');
+    const queryTypeMap = useMemo(()=>{
+        const map = {
+            TimeSeriesQuery: []
+        };
+        if (timeSeriesQueryPlugins) {
+            timeSeriesQueryPlugins.forEach((plugin)=>{
+                var ref;
+                (ref = map['TimeSeriesQuery']) === null || ref === void 0 ? void 0 : ref.push(plugin.kind);
+            });
+        }
+        return map;
+    }, [
+        timeSeriesQueryPlugins
+    ]);
+    const getQueryType = useCallback((pluginKind)=>{
+        if (isLoading) {
+            return undefined;
+        }
+        for(const queryType in queryTypeMap){
+            var ref;
+            if ((ref = queryTypeMap[queryType]) === null || ref === void 0 ? void 0 : ref.includes(pluginKind)) {
+                return queryType;
+            }
+        }
+        throw new Error(`Unable to determine the query type: ${pluginKind}`);
+    }, [
+        queryTypeMap,
+        isLoading
+    ]);
+    return getQueryType;
+}
 
 //# sourceMappingURL=model.js.map

package/dist/runtime/DataQueriesProvider/model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Definition, TimeSeriesData, UnknownSpec } from '@perses-dev/core';\n\ntype QueryOptions = Record<string, unknown>;\n\ninterface DataQueriesDefinitions<QueryPluginDefinition> {\n  definitions: QueryPluginDefinition[];\n}\nexport interface DataQueriesProviderProps<QueryPluginDefinition = Definition<UnknownSpec>>\n  extends DataQueriesDefinitions<QueryPluginDefinition> {\n  options?: QueryOptions;\n  children?: React.ReactNode;\n}\n\nexport interface UseDataQueryResults<QueryPluginDefinition = Definition<UnknownSpec>> {\n  queryResults: Array<QueryData<QueryPluginDefinition>>;\n  refetchAll: () => void;\n  isFetching: boolean;\n  isLoading: boolean;\n  errors: unknown[];\n}\n\nexport interface QueryData<QueryPluginDefinition> {\n  data?: TimeSeriesData;\n  definition: QueryPluginDefinition;\n  error: unknown;\n  isFetching: boolean;\n  isLoading: boolean;\n  refetch?: () => void;\n}\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,WA4BC"}
+{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Definition, QueryDefinition, UnknownSpec, QueryDataType } from '@perses-dev/core';\nimport { UseQueryResult } from '@tanstack/react-query';\nimport { useCallback, useMemo } from 'react';\nimport { useListPluginMetadata } from '../plugin-registry';\n\ntype QueryOptions = Record<string, unknown>;\nexport interface DataQueriesProviderProps<QueryPluginSpec = UnknownSpec> {\n  definitions: Array<Definition<QueryPluginSpec>>;\n  options?: QueryOptions;\n  children?: React.ReactNode;\n}\n\nexport interface DataQueriesContextType {\n  queryResults: QueryData[];\n  refetchAll: () => void;\n  isFetching: boolean;\n  isLoading: boolean;\n  errors: unknown[];\n}\n\nexport interface UseDataQueryResults<T> extends Omit<DataQueriesContextType, 'queryResults'> {\n  queryResults: Array<QueryData<T>>;\n}\n\nexport type QueryData<T = QueryDataType> = {\n  data?: T;\n  definition: QueryDefinition;\n  error: unknown;\n  isFetching: boolean;\n  isLoading: boolean;\n  refetch?: () => void;\n};\n\nexport function transformQueryResults(results: UseQueryResult[], definitions: QueryDefinition[]) {\n  return results.map(({ data, isFetching, isLoading, refetch, error }, i) => {\n    return {\n      definition: definitions[i],\n      data,\n      isFetching,\n      isLoading,\n      refetch,\n      error,\n    } as QueryData;\n  });\n}\n\nexport function useQueryType(): (pluginKind: string) => string | undefined {\n  const { data: timeSeriesQueryPlugins, isLoading } = useListPluginMetadata('TimeSeriesQuery');\n\n  const queryTypeMap = useMemo(() => {\n    const map: Record<string, string[]> = {\n      TimeSeriesQuery: [],\n    };\n\n    if (timeSeriesQueryPlugins) {\n      timeSeriesQueryPlugins.forEach((plugin) => {\n        map['TimeSeriesQuery']?.push(plugin.kind);\n      });\n    }\n\n    return map;\n  }, [timeSeriesQueryPlugins]);\n\n  const getQueryType = useCallback(\n    (pluginKind: string) => {\n      if (isLoading) {\n        return undefined;\n      }\n\n      for (const queryType in queryTypeMap) {\n        if (queryTypeMap[queryType]?.includes(pluginKind)) {\n          return queryType;\n        }\n      }\n\n      throw new Error(`Unable to determine the query type: ${pluginKind}`);\n    },\n    [queryTypeMap, isLoading]\n  );\n\n  return getQueryType;\n}\n"],"names":["useCallback","useMemo","useListPluginMetadata","transformQueryResults","results","definitions","map","data","isFetching","isLoading","refetch","error","i","definition","useQueryType","timeSeriesQueryPlugins","queryTypeMap","TimeSeriesQuery","forEach","plugin","push","kind","getQueryType","pluginKind","undefined","queryType","includes","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;AAIjC,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO,CAAC;AAC7C,SAASC,qBAAqB,QAAQ,oBAAoB,CAAC;AA8B3D,OAAO,SAASC,qBAAqB,CAACC,OAAyB,EAAEC,WAA8B,EAAE;IAC/F,OAAOD,OAAO,CAACE,GAAG,CAAC,CAAC,EAAEC,IAAI,CAAA,EAAEC,UAAU,CAAA,EAAEC,SAAS,CAAA,EAAEC,OAAO,CAAA,EAAEC,KAAK,CAAA,EAAE,EAAEC,CAAC,GAAK;QACzE,OAAO;YACLC,UAAU,EAAER,WAAW,CAACO,CAAC,CAAC;YAC1BL,IAAI;YACJC,UAAU;YACVC,SAAS;YACTC,OAAO;YACPC,KAAK;SACN,CAAc;IACjB,CAAC,CAAC,CAAC;AACL,CAAC;AAED,OAAO,SAASG,YAAY,GAA+C;IACzE,MAAM,EAAEP,IAAI,EAAEQ,sBAAsB,CAAA,EAAEN,SAAS,CAAA,EAAE,GAAGP,qBAAqB,CAAC,iBAAiB,CAAC,AAAC;IAE7F,MAAMc,YAAY,GAAGf,OAAO,CAAC,IAAM;QACjC,MAAMK,GAAG,GAA6B;YACpCW,eAAe,EAAE,EAAE;SACpB,AAAC;QAEF,IAAIF,sBAAsB,EAAE;YAC1BA,sBAAsB,CAACG,OAAO,CAAC,CAACC,MAAM,GAAK;oBACzCb,GAAsB;gBAAtBA,CAAAA,GAAsB,GAAtBA,GAAG,CAAC,iBAAiB,CAAC,cAAtBA,GAAsB,WAAM,GAA5BA,KAAAA,CAA4B,GAA5BA,GAAsB,CAAEc,IAAI,CAACD,MAAM,CAACE,IAAI,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;QACL,CAAC;QAED,OAAOf,GAAG,CAAC;IACb,CAAC,EAAE;QAACS,sBAAsB;KAAC,CAAC,AAAC;IAE7B,MAAMO,YAAY,GAAGtB,WAAW,CAC9B,CAACuB,UAAkB,GAAK;QACtB,IAAId,SAAS,EAAE;YACb,OAAOe,SAAS,CAAC;QACnB,CAAC;QAED,IAAK,MAAMC,SAAS,IAAIT,YAAY,CAAE;gBAChCA,GAAuB;YAA3B,IAAIA,CAAAA,GAAuB,GAAvBA,YAAY,CAACS,SAAS,CAAC,cAAvBT,GAAuB,WAAU,GAAjCA,KAAAA,CAAiC,GAAjCA,GAAuB,CAAEU,QAAQ,CAACH,UAAU,CAAC,EAAE;gBACjD,OAAOE,SAAS,CAAC;YACnB,CAAC;QACH,CAAC;QAED,MAAM,IAAIE,KAAK,CAAC,CAAC,oCAAoC,EAAEJ,UAAU,CAAC,CAAC,CAAC,CAAC;IACvE,CAAC,EACD;QAACP,YAAY;QAAEP,SAAS;KAAC,CAC1B,AAAC;IAEF,OAAOa,YAAY,CAAC;AACtB,CAAC"}

package/dist/runtime/template-variables.d.ts

@@ -1,13 +1,72 @@
 /// <reference types="react" />
-import { VariableName, VariableValue } from '@perses-dev/core';
+import { VariableValue } from '@perses-dev/core';
+import { immerable } from 'immer';
 import { VariableOption } from '../model';
 export declare type VariableState = {
     value: VariableValue;
     options?: VariableOption[];
     loading: boolean;
     error?: Error;
+    /**
+     * If a local variable is overriding an external variable, local var will have the flag ``overriding=true``.
+     */
+    overriding?: boolean;
+    /**
+     * If a local variable is overriding an external variable, external var will have the flag ``overridden=true``.
+     */
+    overridden?: boolean;
+    default_value?: VariableValue;
 };
-export declare type VariableStateMap = Record<VariableName, VariableState>;
+export declare type VariableStateMap = Record<string, VariableState>;
+/**
+ * Structure used as key in the {@link VariableStoreStateMap}.
+ */
+export declare type VariableStateKey = {
+    /**
+     * name of the variable we want to access in the state.
+     */
+    name: string;
+    /**
+     * source of the variable we want to access in the state.
+     * Defined only for external variables.
+     */
+    source?: string;
+};
+/**
+ * A state map with two entry keys, materialized by {@link VariableStateKey} structure.
+ */
+export declare class VariableStoreStateMap {
+    /**
+     * "Immerable" is mandatory to be able to use this class in an immer context.
+     * Ref: https://docs.pmnd.rs/zustand/integrations/immer-middleware#gotchas
+     */
+    [immerable]: boolean;
+    private readonly DEFAULT_LOCAL_SOURCE_NAME;
+    private readonly _state;
+    /**
+     * Get variable state by key.
+     * @param key
+     */
+    get(key: VariableStateKey): VariableState | undefined;
+    /**
+     * Set variable state by key.
+     * @param key
+     * @param value
+     */
+    set(key: VariableStateKey, value: VariableState): VariableState | undefined;
+    /**
+     * Check presence of variable state by key.
+     * @param key
+     */
+    has(key: VariableStateKey): boolean;
+    /**
+     * Delete variable state by key.
+     * @param key
+     */
+    delete(key: VariableStateKey): boolean;
+    private _sourceName;
+    private _sourceStatesOrEmpty;
+}
 export declare type TemplateVariableSrv = {
     state: VariableStateMap;
 };

package/dist/runtime/template-variables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template-variables.d.ts","sourceRoot":"","sources":["../../src/runtime/template-variables.ts"],"names":[],"mappings":";AAcA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,oBAAY,aAAa,GAAG;IAC1B,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,oBAAY,gBAAgB,GAAG,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAEnE,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,0DAA4D,CAAC;AAUjG,wBAAgB,yBAAyB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,oBAmBzD;AAGD,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKvF"}
+{"version":3,"file":"template-variables.d.ts","sourceRoot":"","sources":["../../src/runtime/template-variables.ts"],"names":[],"mappings":";AAcA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,oBAAY,aAAa,GAAG;IAC1B,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEF,oBAAY,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE7D;;GAEG;AACH,oBAAY,gBAAgB,GAAG;IAC7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,qBAAa,qBAAqB;IAChC;;;OAGG;IACH,CAAC,SAAS,CAAC,UAAQ;IAEnB,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAAM;IAChD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAqD;IAE5E;;;OAGG;IACH,GAAG,CAAC,GAAG,EAAE,gBAAgB,GAAG,aAAa,GAAG,SAAS;IAIrD;;;;OAIG;IACH,GAAG,CAAC,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,aAAa,GAAG,aAAa,GAAG,SAAS;IAS3E;;;OAGG;IACH,GAAG,CAAC,GAAG,EAAE,gBAAgB,GAAG,OAAO;IAInC;;;OAGG;IACH,MAAM,CAAC,GAAG,EAAE,gBAAgB,GAAG,OAAO;IAiBtC,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,oBAAoB;CAG7B;AAED,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,0DAA4D,CAAC;AAUjG,wBAAgB,yBAAyB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,oBAmBzD;AAGD,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKvF"}

package/dist/runtime/template-variables.js

@@ -11,7 +11,70 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { createContext, useContext, useMemo } from 'react';
+import { immerable } from 'immer';
 import { parseTemplateVariables, replaceTemplateVariables } from '../utils';
+let _immerable = immerable;
+/**
+ * A state map with two entry keys, materialized by {@link VariableStateKey} structure.
+ */ export class VariableStoreStateMap {
+    /**
+   * Get variable state by key.
+   * @param key
+   */ get(key) {
+        return this._sourceStatesOrEmpty(key.source)[key.name];
+    }
+    /**
+   * Set variable state by key.
+   * @param key
+   * @param value
+   */ set(key, value) {
+        const sourceName = this._sourceName(key.source);
+        if (!this._state[sourceName]) {
+            this._state[sourceName] = {};
+        }
+        this._sourceStatesOrEmpty(key.source)[key.name] = value;
+        return value;
+    }
+    /**
+   * Check presence of variable state by key.
+   * @param key
+   */ has(key) {
+        return this._sourceStatesOrEmpty(key.source)[key.name] !== undefined;
+    }
+    /**
+   * Delete variable state by key.
+   * @param key
+   */ delete(key) {
+        var ref;
+        const result = this.has(key);
+        const sourceName = this._sourceName(key.source);
+        const sourceStates = this._state[sourceName];
+        // Delete var from source state
+        if (sourceStates) {
+            delete sourceStates[key.name];
+        }
+        // Delete source state from state if empty
+        if (((ref = Object.keys(sourceStates !== null && sourceStates !== void 0 ? sourceStates : {})) === null || ref === void 0 ? void 0 : ref.length) === 0) {
+            delete this._state[sourceName];
+        }
+        return result;
+    }
+    _sourceName(source) {
+        return source !== null && source !== void 0 ? source : this.DEFAULT_LOCAL_SOURCE_NAME;
+    }
+    _sourceStatesOrEmpty(source) {
+        var ref;
+        return (ref = this._state[this._sourceName(source)]) !== null && ref !== void 0 ? ref : {};
+    }
+    constructor(){
+        /**
+   * "Immerable" is mandatory to be able to use this class in an immer context.
+   * Ref: https://docs.pmnd.rs/zustand/integrations/immer-middleware#gotchas
+   */ this[_immerable] = true;
+        this.DEFAULT_LOCAL_SOURCE_NAME = '';
+        this._state = {};
+    }
+}
 export const TemplateVariableContext = createContext(undefined);
 function useTemplateVariableContext() {
     const ctx = useContext(TemplateVariableContext);

package/dist/runtime/template-variables.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/runtime/template-variables.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createContext, useContext, useMemo } from 'react';\nimport { VariableName, VariableValue } from '@perses-dev/core';\nimport { VariableOption } from '../model';\nimport { parseTemplateVariables, replaceTemplateVariables } from '../utils';\n\nexport type VariableState = {\n  value: VariableValue;\n  options?: VariableOption[];\n  loading: boolean;\n  error?: Error;\n};\n\nexport type VariableStateMap = Record<VariableName, VariableState>;\n\nexport type TemplateVariableSrv = {\n  state: VariableStateMap;\n};\n\nexport const TemplateVariableContext = createContext<TemplateVariableSrv | undefined>(undefined);\n\nfunction useTemplateVariableContext() {\n  const ctx = useContext(TemplateVariableContext);\n  if (ctx === undefined) {\n    throw new Error('No TemplateVariableContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useTemplateVariableValues(names?: string[]) {\n  const { state } = useTemplateVariableContext();\n\n  const values = useMemo(() => {\n    const values: VariableStateMap = {};\n    names?.forEach((name) => {\n      const s = state[name];\n      if (s) {\n        values[name] = s;\n      }\n    });\n    return values;\n  }, [state, names]);\n\n  if (names === undefined) {\n    return state;\n  }\n\n  return values;\n}\n\n// Convenience hook for replacing template variables in a string\nexport function useReplaceVariablesInString(str: string | undefined): string | undefined {\n  const variablesInString = str ? parseTemplateVariables(str) : [];\n  const variableValues = useTemplateVariableValues(variablesInString);\n  if (!str) return undefined;\n  return replaceTemplateVariables(str, variableValues);\n}\n"],"names":["createContext","useContext","useMemo","parseTemplateVariables","replaceTemplateVariables","TemplateVariableContext","undefined","useTemplateVariableContext","ctx","Error","useTemplateVariableValues","names","state","values","forEach","name","s","useReplaceVariablesInString","str","variablesInString","variableValues"],"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,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO,CAAC;AAG3D,SAASC,sBAAsB,EAAEC,wBAAwB,QAAQ,UAAU,CAAC;AAe5E,OAAO,MAAMC,uBAAuB,GAAGL,aAAa,CAAkCM,SAAS,CAAC,CAAC;AAEjG,SAASC,0BAA0B,GAAG;IACpC,MAAMC,GAAG,GAAGP,UAAU,CAACI,uBAAuB,CAAC,AAAC;IAChD,IAAIG,GAAG,KAAKF,SAAS,EAAE;QACrB,MAAM,IAAIG,KAAK,CAAC,8DAA8D,CAAC,CAAC;IAClF,CAAC;IACD,OAAOD,GAAG,CAAC;AACb,CAAC;AAED,OAAO,SAASE,yBAAyB,CAACC,KAAgB,EAAE;IAC1D,MAAM,EAAEC,KAAK,CAAA,EAAE,GAAGL,0BAA0B,EAAE,AAAC;IAE/C,MAAMM,MAAM,GAAGX,OAAO,CAAC,IAAM;QAC3B,MAAMW,MAAM,GAAqB,EAAE,AAAC;QACpCF,KAAK,aAALA,KAAK,WAAS,GAAdA,KAAAA,CAAc,GAAdA,KAAK,CAAEG,OAAO,CAAC,CAACC,IAAI,GAAK;YACvB,MAAMC,CAAC,GAAGJ,KAAK,CAACG,IAAI,CAAC,AAAC;YACtB,IAAIC,CAAC,EAAE;gBACLH,MAAM,CAACE,IAAI,CAAC,GAAGC,CAAC,CAAC;YACnB,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAOH,MAAM,CAAC;IAChB,CAAC,EAAE;QAACD,KAAK;QAAED,KAAK;KAAC,CAAC,AAAC;IAEnB,IAAIA,KAAK,KAAKL,SAAS,EAAE;QACvB,OAAOM,KAAK,CAAC;IACf,CAAC;IAED,OAAOC,MAAM,CAAC;AAChB,CAAC;AAED,gEAAgE;AAChE,OAAO,SAASI,2BAA2B,CAACC,GAAuB,EAAsB;IACvF,MAAMC,iBAAiB,GAAGD,GAAG,GAAGf,sBAAsB,CAACe,GAAG,CAAC,GAAG,EAAE,AAAC;IACjE,MAAME,cAAc,GAAGV,yBAAyB,CAACS,iBAAiB,CAAC,AAAC;IACpE,IAAI,CAACD,GAAG,EAAE,OAAOZ,SAAS,CAAC;IAC3B,OAAOF,wBAAwB,CAACc,GAAG,EAAEE,cAAc,CAAC,CAAC;AACvD,CAAC"}
+{"version":3,"sources":["../../src/runtime/template-variables.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createContext, useContext, useMemo } from 'react';\nimport { VariableValue } from '@perses-dev/core';\nimport { immerable } from 'immer';\nimport { VariableOption } from '../model';\nimport { parseTemplateVariables, replaceTemplateVariables } from '../utils';\n\nexport type VariableState = {\n  value: VariableValue;\n  options?: VariableOption[];\n  loading: boolean;\n  error?: Error;\n  /**\n   * If a local variable is overriding an external variable, local var will have the flag ``overriding=true``.\n   */\n  overriding?: boolean;\n  /**\n   * If a local variable is overriding an external variable, external var will have the flag ``overridden=true``.\n   */\n  overridden?: boolean;\n  default_value?: VariableValue;\n};\n\nexport type VariableStateMap = Record<string, VariableState>;\n\n/**\n * Structure used as key in the {@link VariableStoreStateMap}.\n */\nexport type VariableStateKey = {\n  /**\n   * name of the variable we want to access in the state.\n   */\n  name: string;\n  /**\n   * source of the variable we want to access in the state.\n   * Defined only for external variables.\n   */\n  source?: string;\n};\n\n/**\n * A state map with two entry keys, materialized by {@link VariableStateKey} structure.\n */\nexport class VariableStoreStateMap {\n  /**\n   * \"Immerable\" is mandatory to be able to use this class in an immer context.\n   * Ref: https://docs.pmnd.rs/zustand/integrations/immer-middleware#gotchas\n   */\n  [immerable] = true;\n\n  private readonly DEFAULT_LOCAL_SOURCE_NAME = '';\n  private readonly _state: Record<string, Record<string, VariableState>> = {};\n\n  /**\n   * Get variable state by key.\n   * @param key\n   */\n  get(key: VariableStateKey): VariableState | undefined {\n    return this._sourceStatesOrEmpty(key.source)[key.name];\n  }\n\n  /**\n   * Set variable state by key.\n   * @param key\n   * @param value\n   */\n  set(key: VariableStateKey, value: VariableState): VariableState | undefined {\n    const sourceName = this._sourceName(key.source);\n    if (!this._state[sourceName]) {\n      this._state[sourceName] = {};\n    }\n    this._sourceStatesOrEmpty(key.source)[key.name] = value;\n    return value;\n  }\n\n  /**\n   * Check presence of variable state by key.\n   * @param key\n   */\n  has(key: VariableStateKey): boolean {\n    return this._sourceStatesOrEmpty(key.source)[key.name] !== undefined;\n  }\n\n  /**\n   * Delete variable state by key.\n   * @param key\n   */\n  delete(key: VariableStateKey): boolean {\n    const result = this.has(key);\n    const sourceName = this._sourceName(key.source);\n    const sourceStates = this._state[sourceName];\n\n    // Delete var from source state\n    if (sourceStates) {\n      delete sourceStates[key.name];\n    }\n\n    // Delete source state from state if empty\n    if (Object.keys(sourceStates ?? {})?.length === 0) {\n      delete this._state[sourceName];\n    }\n    return result;\n  }\n\n  private _sourceName(source: string | undefined): string {\n    return source ?? this.DEFAULT_LOCAL_SOURCE_NAME;\n  }\n\n  private _sourceStatesOrEmpty(source: string | undefined): Record<string, VariableState> {\n    return this._state[this._sourceName(source)] ?? {};\n  }\n}\n\nexport type TemplateVariableSrv = {\n  state: VariableStateMap;\n};\n\nexport const TemplateVariableContext = createContext<TemplateVariableSrv | undefined>(undefined);\n\nfunction useTemplateVariableContext() {\n  const ctx = useContext(TemplateVariableContext);\n  if (ctx === undefined) {\n    throw new Error('No TemplateVariableContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useTemplateVariableValues(names?: string[]) {\n  const { state } = useTemplateVariableContext();\n\n  const values = useMemo(() => {\n    const values: VariableStateMap = {};\n    names?.forEach((name) => {\n      const s = state[name];\n      if (s) {\n        values[name] = s;\n      }\n    });\n    return values;\n  }, [state, names]);\n\n  if (names === undefined) {\n    return state;\n  }\n\n  return values;\n}\n\n// Convenience hook for replacing template variables in a string\nexport function useReplaceVariablesInString(str: string | undefined): string | undefined {\n  const variablesInString = str ? parseTemplateVariables(str) : [];\n  const variableValues = useTemplateVariableValues(variablesInString);\n  if (!str) return undefined;\n  return replaceTemplateVariables(str, variableValues);\n}\n"],"names":["createContext","useContext","useMemo","immerable","parseTemplateVariables","replaceTemplateVariables","VariableStoreStateMap","get","key","_sourceStatesOrEmpty","source","name","set","value","sourceName","_sourceName","_state","has","undefined","delete","Object","result","sourceStates","keys","length","DEFAULT_LOCAL_SOURCE_NAME","TemplateVariableContext","useTemplateVariableContext","ctx","Error","useTemplateVariableValues","names","state","values","forEach","s","useReplaceVariablesInString","str","variablesInString","variableValues"],"mappings":"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"}

package/dist/test/index.d.ts

@@ -1,2 +1,3 @@
 export * from './render';
+export * from './mock-data';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test/index.ts"],"names":[],"mappings":"AAaA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test/index.ts"],"names":[],"mappings":"AAaA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}

package/dist/test/index.js

@@ -11,5 +11,6 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 export * from './render';
+export * from './mock-data';
 
 //# sourceMappingURL=index.js.map

package/dist/test/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './render';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,UAAU,CAAC"}
+{"version":3,"sources":["../../src/test/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './render';\nexport * from './mock-data';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}