@perses-dev/dashboards 0.37.2 → 0.39.0

package/dist/components/Variables/VariableList.js

@@ -10,30 +10,44 @@
 // 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, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box } from '@mui/material';
-import { useTemplateVariableDefinitions } from '../../context';
+import { useTemplateExternalVariableDefinitions, useTemplateVariable, useTemplateVariableDefinitions } from '../../context';
 import { TemplateVariable } from './TemplateVariable';
 const VARIABLE_INPUT_MIN_WIDTH = '120px';
 const VARIABLE_INPUT_MAX_WIDTH = '240px';
 export function TemplateVariableList() {
     const variableDefinitions = useTemplateVariableDefinitions();
-    return /*#__PURE__*/ _jsx(_Fragment, {
-        children: variableDefinitions.map((v)=>{
-            var ref;
-            /*#__PURE__*/ return _jsx(Box, {
-                display: ((ref = v.spec.display) === null || ref === void 0 ? void 0 : ref.hidden) ? 'none' : undefined,
-                minWidth: VARIABLE_INPUT_MIN_WIDTH,
-                maxWidth: VARIABLE_INPUT_MAX_WIDTH,
-                marginBottom: 1,
-                marginRight: 1,
-                "data-testid": "template-variable",
-                children: /*#__PURE__*/ _jsx(TemplateVariable, {
-                    name: v.spec.name
-                }, v.spec.name)
-            }, v.spec.name);
-        })
+    const externalVariableDefinitions = useTemplateExternalVariableDefinitions();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            externalVariableDefinitions.slice().reverse() // We reverse to have the most prioritized on top
+            .map((def)=>def.definitions.map((v)=>/*#__PURE__*/ _jsx(TemplateVariableListItem, {
+                        spec: v.spec,
+                        source: def.source
+                    }, v.spec.name + def.source))),
+            variableDefinitions.map((v)=>/*#__PURE__*/ _jsx(TemplateVariableListItem, {
+                    spec: v.spec
+                }, v.spec.name))
+        ]
     });
 }
+export function TemplateVariableListItem({ spec , source  }) {
+    var ref, ref1;
+    const ctx = useTemplateVariable(spec.name, source);
+    var ref2, ref3;
+    return /*#__PURE__*/ _jsx(Box, {
+        display: ((ref = ctx.state) === null || ref === void 0 ? void 0 : ref.overridden) || ((ref1 = spec.display) === null || ref1 === void 0 ? void 0 : ref1.hidden) ? 'none' : undefined,
+        minWidth: VARIABLE_INPUT_MIN_WIDTH,
+        maxWidth: VARIABLE_INPUT_MAX_WIDTH,
+        marginBottom: 1,
+        marginRight: 1,
+        "data-testid": "template-variable",
+        children: /*#__PURE__*/ _jsx(TemplateVariable, {
+            name: spec.name,
+            source: source
+        }, (ref2 = spec.name + source) !== null && ref2 !== void 0 ? ref2 : '')
+    }, (ref3 = spec.name + source) !== null && ref3 !== void 0 ? ref3 : '');
+}
 
 //# sourceMappingURL=VariableList.js.map

package/dist/components/Variables/VariableList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Variables/VariableList.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 { Box } from '@mui/material';\nimport { VariableDefinition } from '@perses-dev/core';\nimport { useTemplateVariableDefinitions } from '../../context';\nimport { TemplateVariable } from './TemplateVariable';\n\nconst VARIABLE_INPUT_MIN_WIDTH = '120px';\nconst VARIABLE_INPUT_MAX_WIDTH = '240px';\n\nexport function TemplateVariableList() {\n  const variableDefinitions: VariableDefinition[] = useTemplateVariableDefinitions();\n\n  return (\n    <>\n      {variableDefinitions.map((v) => (\n        <Box\n          key={v.spec.name}\n          display={v.spec.display?.hidden ? 'none' : undefined}\n          minWidth={VARIABLE_INPUT_MIN_WIDTH}\n          maxWidth={VARIABLE_INPUT_MAX_WIDTH}\n          marginBottom={1}\n          marginRight={1}\n          data-testid=\"template-variable\"\n        >\n          <TemplateVariable key={v.spec.name} name={v.spec.name} />\n        </Box>\n      ))}\n    </>\n  );\n}\n"],"names":["Box","useTemplateVariableDefinitions","TemplateVariable","VARIABLE_INPUT_MIN_WIDTH","VARIABLE_INPUT_MAX_WIDTH","TemplateVariableList","variableDefinitions","map","v","display","spec","hidden","undefined","minWidth","maxWidth","marginBottom","marginRight","data-testid","name"],"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,QAAQ,eAAe,CAAC;AAEpC,SAASC,8BAA8B,QAAQ,eAAe,CAAC;AAC/D,SAASC,gBAAgB,QAAQ,oBAAoB,CAAC;AAEtD,MAAMC,wBAAwB,GAAG,OAAO,AAAC;AACzC,MAAMC,wBAAwB,GAAG,OAAO,AAAC;AAEzC,OAAO,SAASC,oBAAoB,GAAG;IACrC,MAAMC,mBAAmB,GAAyBL,8BAA8B,EAAE,AAAC;IAEnF,qBACE;kBACGK,mBAAmB,CAACC,GAAG,CAAC,CAACC,CAAC;gBAGdA,GAAc;0BAFzB,OAAA,KAACR,GAAG;gBAEFS,OAAO,EAAED,CAAAA,CAAAA,GAAc,GAAdA,CAAC,CAACE,IAAI,CAACD,OAAO,cAAdD,GAAc,WAAQ,GAAtBA,KAAAA,CAAsB,GAAtBA,GAAc,CAAEG,MAAM,CAAA,GAAG,MAAM,GAAGC,SAAS;gBACpDC,QAAQ,EAAEV,wBAAwB;gBAClCW,QAAQ,EAAEV,wBAAwB;gBAClCW,YAAY,EAAE,CAAC;gBACfC,WAAW,EAAE,CAAC;gBACdC,aAAW,EAAC,mBAAmB;0BAE/B,cAAA,KAACf,gBAAgB;oBAAmBgB,IAAI,EAAEV,CAAC,CAACE,IAAI,CAACQ,IAAI;mBAA9BV,CAAC,CAACE,IAAI,CAACQ,IAAI,CAAuB;eARpDV,CAAC,CAACE,IAAI,CAACQ,IAAI,CASZ,CAAA;SACP,CAAC;MACD,CACH;AACJ,CAAC"}
+{"version":3,"sources":["../../../src/components/Variables/VariableList.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 { Box } from '@mui/material';\nimport { VariableDefinition, VariableSpec } from '@perses-dev/core';\nimport {\n  ExternalVariableDefinition,\n  useTemplateExternalVariableDefinitions,\n  useTemplateVariable,\n  useTemplateVariableDefinitions,\n} from '../../context';\nimport { TemplateVariable } from './TemplateVariable';\n\nconst VARIABLE_INPUT_MIN_WIDTH = '120px';\nconst VARIABLE_INPUT_MAX_WIDTH = '240px';\n\nexport function TemplateVariableList() {\n  const variableDefinitions: VariableDefinition[] = useTemplateVariableDefinitions();\n  const externalVariableDefinitions: ExternalVariableDefinition[] = useTemplateExternalVariableDefinitions();\n\n  return (\n    <>\n      {externalVariableDefinitions\n        .slice()\n        .reverse() // We reverse to have the most prioritized on top\n        .map((def) =>\n          def.definitions.map((v) => (\n            <TemplateVariableListItem key={v.spec.name + def.source} spec={v.spec} source={def.source} />\n          ))\n        )}\n      {variableDefinitions.map((v) => (\n        <TemplateVariableListItem key={v.spec.name} spec={v.spec} />\n      ))}\n    </>\n  );\n}\n\nexport function TemplateVariableListItem({ spec, source }: { spec: VariableSpec; source?: string }) {\n  const ctx = useTemplateVariable(spec.name, source);\n  return (\n    <Box\n      key={spec.name + source ?? ''}\n      display={ctx.state?.overridden || spec.display?.hidden ? 'none' : undefined}\n      minWidth={VARIABLE_INPUT_MIN_WIDTH}\n      maxWidth={VARIABLE_INPUT_MAX_WIDTH}\n      marginBottom={1}\n      marginRight={1}\n      data-testid=\"template-variable\"\n    >\n      <TemplateVariable key={spec.name + source ?? ''} name={spec.name} source={source} />\n    </Box>\n  );\n}\n"],"names":["Box","useTemplateExternalVariableDefinitions","useTemplateVariable","useTemplateVariableDefinitions","TemplateVariable","VARIABLE_INPUT_MIN_WIDTH","VARIABLE_INPUT_MAX_WIDTH","TemplateVariableList","variableDefinitions","externalVariableDefinitions","slice","reverse","map","def","definitions","v","TemplateVariableListItem","spec","source","name","ctx","display","state","overridden","hidden","undefined","minWidth","maxWidth","marginBottom","marginRight","data-testid"],"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,QAAQ,eAAe,CAAC;AAEpC,SAEEC,sCAAsC,EACtCC,mBAAmB,EACnBC,8BAA8B,QACzB,eAAe,CAAC;AACvB,SAASC,gBAAgB,QAAQ,oBAAoB,CAAC;AAEtD,MAAMC,wBAAwB,GAAG,OAAO,AAAC;AACzC,MAAMC,wBAAwB,GAAG,OAAO,AAAC;AAEzC,OAAO,SAASC,oBAAoB,GAAG;IACrC,MAAMC,mBAAmB,GAAyBL,8BAA8B,EAAE,AAAC;IACnF,MAAMM,2BAA2B,GAAiCR,sCAAsC,EAAE,AAAC;IAE3G,qBACE;;YACGQ,2BAA2B,CACzBC,KAAK,EAAE,CACPC,OAAO,EAAE,CAAC,iDAAiD;aAC3DC,GAAG,CAAC,CAACC,GAAG,GACPA,GAAG,CAACC,WAAW,CAACF,GAAG,CAAC,CAACG,CAAC,iBACpB,KAACC,wBAAwB;wBAAgCC,IAAI,EAAEF,CAAC,CAACE,IAAI;wBAAEC,MAAM,EAAEL,GAAG,CAACK,MAAM;uBAA1DH,CAAC,CAACE,IAAI,CAACE,IAAI,GAAGN,GAAG,CAACK,MAAM,CAAsC,AAC9F,CAAC,CACH;YACFV,mBAAmB,CAACI,GAAG,CAAC,CAACG,CAAC,iBACzB,KAACC,wBAAwB;oBAAmBC,IAAI,EAAEF,CAAC,CAACE,IAAI;mBAAzBF,CAAC,CAACE,IAAI,CAACE,IAAI,CAAkB,AAC7D,CAAC;;MACD,CACH;AACJ,CAAC;AAED,OAAO,SAASH,wBAAwB,CAAC,EAAEC,IAAI,CAAA,EAAEC,MAAM,CAAA,EAA2C,EAAE;QAKrFE,GAAS,EAAgBH,IAAY;IAJlD,MAAMG,GAAG,GAAGlB,mBAAmB,CAACe,IAAI,CAACE,IAAI,EAAED,MAAM,CAAC,AAAC;QAWxBD,IAAkB,EARpCA,IAAkB;IAF3B,qBACE,KAACjB,GAAG;QAEFqB,OAAO,EAAED,CAAAA,CAAAA,GAAS,GAATA,GAAG,CAACE,KAAK,cAATF,GAAS,WAAY,GAArBA,KAAAA,CAAqB,GAArBA,GAAS,CAAEG,UAAU,CAAA,IAAIN,CAAAA,CAAAA,IAAY,GAAZA,IAAI,CAACI,OAAO,cAAZJ,IAAY,WAAQ,GAApBA,KAAAA,CAAoB,GAApBA,IAAY,CAAEO,MAAM,CAAA,GAAG,MAAM,GAAGC,SAAS;QAC3EC,QAAQ,EAAErB,wBAAwB;QAClCsB,QAAQ,EAAErB,wBAAwB;QAClCsB,YAAY,EAAE,CAAC;QACfC,WAAW,EAAE,CAAC;QACdC,aAAW,EAAC,mBAAmB;kBAE/B,cAAA,KAAC1B,gBAAgB;YAAgCe,IAAI,EAAEF,IAAI,CAACE,IAAI;YAAED,MAAM,EAAEA,MAAM;WAAzDD,CAAAA,IAAkB,GAAlBA,IAAI,CAACE,IAAI,GAAGD,MAAM,cAAlBD,IAAkB,cAAlBA,IAAkB,GAAI,EAAE,CAAqC;OAR/EA,CAAAA,IAAkB,GAAlBA,IAAI,CAACE,IAAI,GAAGD,MAAM,cAAlBD,IAAkB,cAAlBA,IAAkB,GAAI,EAAE,CASzB,CACN;AACJ,CAAC"}

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

@@ -1,7 +1,5 @@
 export * from './EditVariablesButton';
 export * from './TemplateVariable';
 export * from './VariableEditor';
-export * from './VariableEditorForm';
 export * from './VariableList';
-export * from './variable-model';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Variables/index.tsx"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Variables/index.tsx"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/dist/components/Variables/index.js

@@ -13,8 +13,6 @@
 export * from './EditVariablesButton';
 export * from './TemplateVariable';
 export * from './VariableEditor';
-export * from './VariableEditorForm';
 export * from './VariableList';
-export * from './variable-model';
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Variables/index.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\nexport * from './EditVariablesButton';\nexport * from './TemplateVariable';\nexport * from './VariableEditor';\nexport * from './VariableEditorForm';\nexport * from './VariableList';\nexport * from './variable-model';\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,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
+{"version":3,"sources":["../../../src/components/Variables/index.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\nexport * from './EditVariablesButton';\nexport * from './TemplateVariable';\nexport * from './VariableEditor';\nexport * from './VariableList';\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,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/dist/context/DatasourceStoreProvider.d.ts

@@ -1,10 +1,11 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { DashboardResource, Datasource, DatasourceSelector, GlobalDatasource } from '@perses-dev/core';
 import { DatasourceClient } from '@perses-dev/plugin-system';
 export interface DatasourceStoreProviderProps {
-    dashboardResource: DashboardResource;
+    dashboardResource?: DashboardResource;
+    projectName?: string;
     datasourceApi: DatasourceApi;
-    children?: React.ReactNode;
+    children?: ReactNode;
     onCreate?: (client: DatasourceClient) => DatasourceClient;
 }
 export interface DatasourceApi {

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

@@ -1 +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;AAC1B,OAAO,EAKL,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,4BAA4B;IAC3C,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,gBAAgB,CAAC;CAC3D;AAGD,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,CACb,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,kBAAkB,KACzB,OAAO,CAAC;QAAE,QAAQ,EAAE,UAAU,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;IAErE,mBAAmB,EAAE,CACnB,QAAQ,EAAE,kBAAkB,KACzB,OAAO,CAAC;QAAE,QAAQ,EAAE,gBAAgB,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;IAE3E,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAEjF,qBAAqB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC;CAC7E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eAwG1E"}
+{"version":3,"file":"DatasourceStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/DatasourceStoreProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AACxD,OAAO,EACL,iBAAiB,EAEjB,UAAU,EACV,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAKL,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,4BAA4B;IAC3C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,gBAAgB,CAAC;CAC3D;AAGD,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,CACb,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,kBAAkB,KACzB,OAAO,CAAC;QAAE,QAAQ,EAAE,UAAU,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;IAErE,mBAAmB,EAAE,CACnB,QAAQ,EAAE,kBAAkB,KACzB,OAAO,CAAC;QAAE,QAAQ,EAAE,gBAAgB,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;IAE3E,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAEjF,qBAAqB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC;CAC7E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eA4G1E"}

package/dist/context/DatasourceStoreProvider.js

@@ -17,26 +17,30 @@ import { DatasourceStoreContext, usePluginRegistry } from '@perses-dev/plugin-sy
 /**
  * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.
  */ export function DatasourceStoreProvider(props) {
-    const { dashboardResource , datasourceApi , onCreate , children  } = props;
-    const { project  } = dashboardResource.metadata;
+    const { dashboardResource , projectName , datasourceApi , onCreate , children  } = props;
+    const project = projectName !== null && projectName !== void 0 ? projectName : dashboardResource === null || dashboardResource === void 0 ? void 0 : dashboardResource.metadata.project;
     const { getPlugin , listPluginMetadata  } = usePluginRegistry();
     const findDatasource = useEvent(async (selector)=>{
         // Try to find it in dashboard spec
-        const { datasources  } = dashboardResource.spec;
-        const dashboardDatasource = findDashboardDatasource(datasources, selector);
-        if (dashboardDatasource !== undefined) {
-            return {
-                spec: dashboardDatasource,
-                proxyUrl: undefined
-            };
+        if (dashboardResource) {
+            const { datasources  } = dashboardResource.spec;
+            const dashboardDatasource = findDashboardDatasource(datasources, selector);
+            if (dashboardDatasource !== undefined) {
+                return {
+                    spec: dashboardDatasource,
+                    proxyUrl: undefined
+                };
+            }
         }
-        // Try to find it at the project level as a Datasource resource
-        const datasource = await datasourceApi.getDatasource(project, selector);
-        if (datasource !== undefined) {
-            return {
-                spec: datasource.resource.spec,
-                proxyUrl: datasource.proxyUrl
-            };
+        if (project) {
+            // Try to find it at the project level as a Datasource resource
+            const datasource = await datasourceApi.getDatasource(project, selector);
+            if (datasource !== undefined) {
+                return {
+                    spec: datasource.resource.spec,
+                    proxyUrl: datasource.proxyUrl
+                };
+            }
         }
         // Try to find it at the global level as a GlobalDatasource resource
         const globalDatasource = await datasourceApi.getGlobalDatasource(selector);
@@ -78,7 +82,7 @@ import { DatasourceStoreContext, usePluginRegistry } from '@perses-dev/plugin-sy
     const listDatasourceMetadata = useEvent(async (datasourcePluginKind)=>{
         const [pluginMetadata, datasources, globalDatasources] = await Promise.all([
             listPluginMetadata('Datasource'),
-            datasourceApi.listDatasources(project, datasourcePluginKind),
+            project ? datasourceApi.listDatasources(project, datasourcePluginKind) : [],
             datasourceApi.listGlobalDatasources(datasourcePluginKind)
         ]);
         // Find the metadata for the plugin type they asked for so we can use it for the name of the default datasource
@@ -89,7 +93,7 @@ import { DatasourceStoreContext, usePluginRegistry } from '@perses-dev/plugin-sy
         // Get helper for de-duping results properly
         const { results , addResult  } = buildListDatasourceMetadataResults(datasourcePluginMetadata.display.name);
         // Start with dashboard datasources that have highest precedence
-        if (dashboardResource.spec.datasources !== undefined) {
+        if (dashboardResource === null || dashboardResource === void 0 ? void 0 : dashboardResource.spec.datasources) {
             for(const selectorName in dashboardResource.spec.datasources){
                 const spec = dashboardResource.spec.datasources[selectorName];
                 if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;

package/dist/context/DatasourceStoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/DatasourceStoreProvider.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 { useCallback, useMemo } from 'react';\nimport {\n  DashboardResource,\n  DashboardSpec,\n  Datasource,\n  DatasourceSelector,\n  DatasourceSpec,\n  GlobalDatasource,\n  useEvent,\n} from '@perses-dev/core';\nimport {\n  DatasourceStoreContext,\n  DatasourceStore,\n  usePluginRegistry,\n  DatasourceMetadata,\n  DatasourceClient,\n} from '@perses-dev/plugin-system';\n\nexport interface DatasourceStoreProviderProps {\n  dashboardResource: DashboardResource;\n  datasourceApi: DatasourceApi;\n  children?: React.ReactNode;\n  onCreate?: (client: DatasourceClient) => DatasourceClient;\n}\n\n// The external API for fetching datasource resources\nexport interface DatasourceApi {\n  getDatasource: (\n    project: string,\n    selector: DatasourceSelector\n  ) => Promise<{ resource: Datasource; proxyUrl: string } | undefined>;\n\n  getGlobalDatasource: (\n    selector: DatasourceSelector\n  ) => Promise<{ resource: GlobalDatasource; proxyUrl: string } | undefined>;\n\n  listDatasources: (project: string, pluginKind?: string) => Promise<Datasource[]>;\n\n  listGlobalDatasources: (pluginKind?: string) => Promise<GlobalDatasource[]>;\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, onCreate, children } = props;\n  const { project } = dashboardResource.metadata;\n\n  const { getPlugin, listPluginMetadata } = usePluginRegistry();\n\n  const findDatasource = useEvent(async (selector: DatasourceSelector) => {\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 { spec: dashboardDatasource, proxyUrl: undefined };\n    }\n\n    // Try to find it at the project level as a Datasource resource\n    const datasource = await datasourceApi.getDatasource(project, selector);\n    if (datasource !== undefined) {\n      return { spec: datasource.resource.spec, proxyUrl: datasource.proxyUrl };\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 { spec: globalDatasource.resource.spec, proxyUrl: globalDatasource.proxyUrl };\n    }\n\n    throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);\n  });\n\n  // Gets a datasource spec for a given selector\n  const getDatasource = useCallback(\n    async (selector: DatasourceSelector): Promise<DatasourceSpec> => {\n      const { spec } = await findDatasource(selector);\n      return spec;\n    },\n    [findDatasource]\n  );\n\n  // Given a Datasource selector, finds the spec for it and then uses its corresponding plugin the create a client\n  const getDatasourceClient = useCallback(\n    async function getClient<Client extends DatasourceClient>(selector: DatasourceSelector): Promise<Client> {\n      const { kind } = selector;\n      const [{ spec, proxyUrl }, plugin] = await Promise.all([findDatasource(selector), getPlugin('Datasource', kind)]);\n\n      // allows extending client\n      const client = plugin.createClient(spec.plugin.spec, { proxyUrl }) as Client;\n      if (onCreate !== undefined) {\n        return onCreate(client) as Client;\n      }\n      return client;\n    },\n    [findDatasource, getPlugin, onCreate]\n  );\n\n  const listDatasourceMetadata = useEvent(async (datasourcePluginKind: string): Promise<DatasourceMetadata[]> => {\n    const [pluginMetadata, datasources, globalDatasources] = await Promise.all([\n      listPluginMetadata('Datasource'),\n      datasourceApi.listDatasources(project, datasourcePluginKind),\n      datasourceApi.listGlobalDatasources(datasourcePluginKind),\n    ]);\n\n    // Find the metadata for the plugin type they asked for so we can use it for the name of the default datasource\n    const datasourcePluginMetadata = pluginMetadata.find((metadata) => metadata.kind === datasourcePluginKind);\n    if (datasourcePluginMetadata === undefined) {\n      throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginKind}'`);\n    }\n\n    // Get helper for de-duping results properly\n    const { results, addResult } = buildListDatasourceMetadataResults(datasourcePluginMetadata.display.name);\n\n    // Start with dashboard datasources that have highest precedence\n    if (dashboardResource.spec.datasources !== undefined) {\n      for (const selectorName in dashboardResource.spec.datasources) {\n        const spec = dashboardResource.spec.datasources[selectorName];\n        if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;\n        addResult(spec, selectorName);\n      }\n    }\n\n    // Now look at project-level datasources\n    for (const datasource of datasources) {\n      const selectorName = datasource.metadata.name;\n      addResult(datasource.spec, selectorName);\n    }\n\n    // And finally global datasources\n    for (const globalDatasource of globalDatasources) {\n      const selectorName = globalDatasource.metadata.name;\n      addResult(globalDatasource.spec, selectorName);\n    }\n\n    return results;\n  });\n\n  const ctxValue: DatasourceStore = useMemo(\n    () => ({\n      getDatasource,\n      getDatasourceClient,\n      listDatasourceMetadata,\n    }),\n    [getDatasource, getDatasourceClient, listDatasourceMetadata]\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\n// Helper for building a list of DatasourceMetadata results that will take care of de-duping already used selectors\nfunction buildListDatasourceMetadataResults(pluginDisplayName: string) {\n  const results: DatasourceMetadata[] = [];\n  const usedNames = new Set<string>();\n  let defaultAdded = false;\n  const addResult = (spec: DatasourceSpec, selectorName: string) => {\n    // If we haven't added a default yet and this is a default, add default option to the beginning of the results\n    if (spec.default && defaultAdded === false) {\n      results.unshift({\n        name: `Default ${pluginDisplayName}`,\n        selector: {\n          kind: spec.plugin.kind,\n        },\n      });\n      defaultAdded = true;\n    }\n\n    // If we already have a datasource with this selector name, ignore it, otherwise add to end of list\n    if (usedNames.has(selectorName)) return;\n\n    results.push({\n      name: spec.display?.name ?? selectorName,\n      selector: {\n        kind: spec.plugin.kind,\n        name: selectorName,\n      },\n    });\n    usedNames.add(selectorName);\n  };\n\n  return { results, addResult };\n}\n"],"names":["useCallback","useMemo","useEvent","DatasourceStoreContext","usePluginRegistry","DatasourceStoreProvider","props","dashboardResource","datasourceApi","onCreate","children","project","metadata","getPlugin","listPluginMetadata","findDatasource","selector","datasources","spec","dashboardDatasource","findDashboardDatasource","undefined","proxyUrl","datasource","getDatasource","resource","globalDatasource","getGlobalDatasource","Error","kind","name","getDatasourceClient","getClient","plugin","Promise","all","client","createClient","listDatasourceMetadata","datasourcePluginKind","pluginMetadata","globalDatasources","listDatasources","listGlobalDatasources","datasourcePluginMetadata","find","results","addResult","buildListDatasourceMetadataResults","display","selectorName","ctxValue","Provider","value","dashboardDatasources","named","Object","values","ds","default","pluginDisplayName","usedNames","Set","defaultAdded","unshift","has","push","add"],"mappings":"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"}
+{"version":3,"sources":["../../src/context/DatasourceStoreProvider.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 { ReactNode, useCallback, useMemo } from 'react';\nimport {\n  DashboardResource,\n  DashboardSpec,\n  Datasource,\n  DatasourceSelector,\n  DatasourceSpec,\n  GlobalDatasource,\n  useEvent,\n} from '@perses-dev/core';\nimport {\n  DatasourceStoreContext,\n  DatasourceStore,\n  usePluginRegistry,\n  DatasourceMetadata,\n  DatasourceClient,\n} from '@perses-dev/plugin-system';\n\nexport interface DatasourceStoreProviderProps {\n  dashboardResource?: DashboardResource;\n  projectName?: string;\n  datasourceApi: DatasourceApi;\n  children?: ReactNode;\n  onCreate?: (client: DatasourceClient) => DatasourceClient;\n}\n\n// The external API for fetching datasource resources\nexport interface DatasourceApi {\n  getDatasource: (\n    project: string,\n    selector: DatasourceSelector\n  ) => Promise<{ resource: Datasource; proxyUrl: string } | undefined>;\n\n  getGlobalDatasource: (\n    selector: DatasourceSelector\n  ) => Promise<{ resource: GlobalDatasource; proxyUrl: string } | undefined>;\n\n  listDatasources: (project: string, pluginKind?: string) => Promise<Datasource[]>;\n\n  listGlobalDatasources: (pluginKind?: string) => Promise<GlobalDatasource[]>;\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, projectName, datasourceApi, onCreate, children } = props;\n  const project = projectName ?? dashboardResource?.metadata.project;\n\n  const { getPlugin, listPluginMetadata } = usePluginRegistry();\n\n  const findDatasource = useEvent(async (selector: DatasourceSelector) => {\n    // Try to find it in dashboard spec\n    if (dashboardResource) {\n      const { datasources } = dashboardResource.spec;\n      const dashboardDatasource = findDashboardDatasource(datasources, selector);\n      if (dashboardDatasource !== undefined) {\n        return { spec: dashboardDatasource, proxyUrl: undefined };\n      }\n    }\n\n    if (project) {\n      // Try to find it at the project level as a Datasource resource\n      const datasource = await datasourceApi.getDatasource(project, selector);\n      if (datasource !== undefined) {\n        return { spec: datasource.resource.spec, proxyUrl: datasource.proxyUrl };\n      }\n    }\n\n    // Try to find it at the global level as a GlobalDatasource resource\n    const globalDatasource = await datasourceApi.getGlobalDatasource(selector);\n    if (globalDatasource !== undefined) {\n      return { spec: globalDatasource.resource.spec, proxyUrl: globalDatasource.proxyUrl };\n    }\n\n    throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);\n  });\n\n  // Gets a datasource spec for a given selector\n  const getDatasource = useCallback(\n    async (selector: DatasourceSelector): Promise<DatasourceSpec> => {\n      const { spec } = await findDatasource(selector);\n      return spec;\n    },\n    [findDatasource]\n  );\n\n  // Given a Datasource selector, finds the spec for it and then uses its corresponding plugin the create a client\n  const getDatasourceClient = useCallback(\n    async function getClient<Client extends DatasourceClient>(selector: DatasourceSelector): Promise<Client> {\n      const { kind } = selector;\n      const [{ spec, proxyUrl }, plugin] = await Promise.all([findDatasource(selector), getPlugin('Datasource', kind)]);\n\n      // allows extending client\n      const client = plugin.createClient(spec.plugin.spec, { proxyUrl }) as Client;\n      if (onCreate !== undefined) {\n        return onCreate(client) as Client;\n      }\n      return client;\n    },\n    [findDatasource, getPlugin, onCreate]\n  );\n\n  const listDatasourceMetadata = useEvent(async (datasourcePluginKind: string): Promise<DatasourceMetadata[]> => {\n    const [pluginMetadata, datasources, globalDatasources] = await Promise.all([\n      listPluginMetadata('Datasource'),\n      project ? datasourceApi.listDatasources(project, datasourcePluginKind) : [],\n      datasourceApi.listGlobalDatasources(datasourcePluginKind),\n    ]);\n\n    // Find the metadata for the plugin type they asked for so we can use it for the name of the default datasource\n    const datasourcePluginMetadata = pluginMetadata.find((metadata) => metadata.kind === datasourcePluginKind);\n    if (datasourcePluginMetadata === undefined) {\n      throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginKind}'`);\n    }\n\n    // Get helper for de-duping results properly\n    const { results, addResult } = buildListDatasourceMetadataResults(datasourcePluginMetadata.display.name);\n\n    // Start with dashboard datasources that have highest precedence\n    if (dashboardResource?.spec.datasources) {\n      for (const selectorName in dashboardResource.spec.datasources) {\n        const spec = dashboardResource.spec.datasources[selectorName];\n        if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;\n        addResult(spec, selectorName);\n      }\n    }\n\n    // Now look at project-level datasources\n    for (const datasource of datasources) {\n      const selectorName = datasource.metadata.name;\n      addResult(datasource.spec, selectorName);\n    }\n\n    // And finally global datasources\n    for (const globalDatasource of globalDatasources) {\n      const selectorName = globalDatasource.metadata.name;\n      addResult(globalDatasource.spec, selectorName);\n    }\n\n    return results;\n  });\n\n  const ctxValue: DatasourceStore = useMemo(\n    () => ({\n      getDatasource,\n      getDatasourceClient,\n      listDatasourceMetadata,\n    }),\n    [getDatasource, getDatasourceClient, listDatasourceMetadata]\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\n// Helper for building a list of DatasourceMetadata results that will take care of de-duping already used selectors\nfunction buildListDatasourceMetadataResults(pluginDisplayName: string) {\n  const results: DatasourceMetadata[] = [];\n  const usedNames = new Set<string>();\n  let defaultAdded = false;\n  const addResult = (spec: DatasourceSpec, selectorName: string) => {\n    // If we haven't added a default yet and this is a default, add default option to the beginning of the results\n    if (spec.default && defaultAdded === false) {\n      results.unshift({\n        name: `Default ${pluginDisplayName}`,\n        selector: {\n          kind: spec.plugin.kind,\n        },\n      });\n      defaultAdded = true;\n    }\n\n    // If we already have a datasource with this selector name, ignore it, otherwise add to end of list\n    if (usedNames.has(selectorName)) return;\n\n    results.push({\n      name: spec.display?.name ?? selectorName,\n      selector: {\n        kind: spec.plugin.kind,\n        name: selectorName,\n      },\n    });\n    usedNames.add(selectorName);\n  };\n\n  return { results, addResult };\n}\n"],"names":["useCallback","useMemo","useEvent","DatasourceStoreContext","usePluginRegistry","DatasourceStoreProvider","props","dashboardResource","projectName","datasourceApi","onCreate","children","project","metadata","getPlugin","listPluginMetadata","findDatasource","selector","datasources","spec","dashboardDatasource","findDashboardDatasource","undefined","proxyUrl","datasource","getDatasource","resource","globalDatasource","getGlobalDatasource","Error","kind","name","getDatasourceClient","getClient","plugin","Promise","all","client","createClient","listDatasourceMetadata","datasourcePluginKind","pluginMetadata","globalDatasources","listDatasources","listGlobalDatasources","datasourcePluginMetadata","find","results","addResult","buildListDatasourceMetadataResults","display","selectorName","ctxValue","Provider","value","dashboardDatasources","named","Object","values","ds","default","pluginDisplayName","usedNames","Set","defaultAdded","unshift","has","push","add"],"mappings":"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"}

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-import { VariableStateMap, VariableState, VariableOption } from '@perses-dev/plugin-system';
+import { VariableStateMap, VariableState, VariableStoreStateMap, 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;
-    setVariableOptions: (name: VariableName, options: VariableOption[]) => void;
-    setVariableLoading: (name: VariableName, loading: boolean) => void;
+    externalVariableDefinitions: ExternalVariableDefinition[];
+    variableState: VariableStoreStateMap;
+    setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;
+    setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;
+    setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;
     setVariableDefinitions: (definitions: VariableDefinition[]) => void;
     setVariableDefaultValues: () => VariableDefinition[];
     getSavedVariablesStatus: () => {
@@ -14,15 +15,29 @@ declare type TemplateVariableStore = {
         modifiedVariableNames: string[];
     };
 };
+export declare function useTemplateVariableStoreCtx(): Omit<Omit<import("zustand").StoreApi<TemplateVariableStore>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: TemplateVariableStore | Partial<TemplateVariableStore> | ((state: TemplateVariableStore) => TemplateVariableStore | Partial<TemplateVariableStore>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: TemplateVariableStore | Partial<TemplateVariableStore> | ((state: import("immer/dist/internal").WritableDraft<TemplateVariableStore>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+};
 export declare function useTemplateVariableValues(variableNames?: string[]): VariableStateMap;
-export declare function useTemplateVariable(name: string): {
+/**
+ * Get the state and definition of a variable from the Template variables context.
+ * @param name name of the variable
+ * @param source if given, it searches in the external variables
+ */
+export declare function useTemplateVariable(name: string, source?: string): {
     state: VariableState | undefined;
     definition: VariableDefinition | undefined;
 };
 export declare function useTemplateVariableActions(): {
-    setVariableValue: (variableName: string, value: VariableValue) => void;
-    setVariableLoading: (name: string, loading: boolean) => void;
-    setVariableOptions: (name: string, options: VariableOption[]) => void;
+    setVariableValue: (variableName: string, value: VariableValue, source?: string | undefined) => void;
+    setVariableLoading: (name: string, loading: boolean, source?: string | undefined) => void;
+    setVariableOptions: (name: string, options: VariableOption[], source?: string | undefined) => void;
     setVariableDefinitions: (definitions: VariableDefinition[]) => void;
     setVariableDefaultValues: () => VariableDefinition[];
     getSavedVariablesStatus: () => {
@@ -31,11 +46,25 @@ export declare function useTemplateVariableActions(): {
     };
 };
 export declare function useTemplateVariableDefinitions(): VariableDefinition[];
+export declare function useTemplateExternalVariableDefinitions(): ExternalVariableDefinition[];
 export declare function useTemplateVariableStore(): TemplateVariableStore;
+export declare type ExternalVariableDefinition = {
+    source: string;
+    definitions: VariableDefinition[];
+};
 export interface TemplateVariableProviderProps {
     children: React.ReactNode;
     initialVariableDefinitions?: VariableDefinition[];
+    /**
+     * The external variables allow you to give to the provider some additional variables, not defined in the dashboard and static.
+     * It means that you won´t be able to update them from the dashboard itself, but you will see them appear and will be able
+     * to modify their runtime value as any other variable.
+     * If one of the external variable has the same name as a local one, it will be marked as overridden.
+     * You can define one list of variable definition by source and as many source as you want.
+     * The order of the sources is important as first one will take precedence on the following ones, in case they have same names.
+     */
+    externalVariableDefinitions?: ExternalVariableDefinition[];
 }
-export declare function TemplateVariableProvider({ children, initialVariableDefinitions }: TemplateVariableProviderProps): JSX.Element;
+export declare function TemplateVariableProvider({ children, initialVariableDefinitions, externalVariableDefinitions, }: TemplateVariableProviderProps): JSX.Element;
 export {};
 //# sourceMappingURL=TemplateVariableProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateVariableProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TemplateVariableProvider/TemplateVariableProvider.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAA2B,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACrH,OAAO,EAAkC,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAKnH,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;IACnE,sBAAsB,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACpE,wBAAwB,EAAE,MAAM,kBAAkB,EAAE,CAAC;IACrD,uBAAuB,EAAE,MAAM;QAAE,uBAAuB,EAAE,OAAO,CAAC;QAAC,qBAAqB,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CACtG,CAAC;AAaF,wBAAgB,yBAAyB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,oBAqBjE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM;;;EAU/C;AAED,wBAAgB,0BAA0B;;;;;;;;;;EAYzC;AAED,wBAAgB,8BAA8B,yBAG7C;AAED,wBAAgB,wBAAwB,0BAGvC;AA0JD,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACnD;AAED,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,0BAA+B,EAAE,EAAE,6BAA6B,eASpH"}
+{"version":3,"file":"TemplateVariableProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TemplateVariableProvider/TemplateVariableProvider.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAEL,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,cAAc,EACf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAkC,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAKnH,aAAK,qBAAqB,GAAG;IAC3B,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,2BAA2B,EAAE,0BAA0B,EAAE,CAAC;IAC1D,aAAa,EAAE,qBAAqB,CAAC;IACrC,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7F,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,sBAAsB,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACpE,wBAAwB,EAAE,MAAM,kBAAkB,EAAE,CAAC;IACrD,uBAAuB,EAAE,MAAM;QAAE,uBAAuB,EAAE,OAAO,CAAC;QAAC,qBAAqB,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CACtG,CAAC;AAKF,wBAAgB,2BAA2B;;;;;;;;EAM1C;AAED,wBAAgB,yBAAyB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,oBAoCjE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM;;;EAWhE;AAED,wBAAgB,0BAA0B;;;;;;;;;;EAYzC;AAED,wBAAgB,8BAA8B,yBAG7C;AAED,wBAAgB,sCAAsC,iCAGrD;AAED,wBAAgB,wBAAwB,0BAGvC;AA0KD,oBAAY,0BAA0B,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,kBAAkB,EAAE,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAClD;;;;;;;OAOG;IACH,2BAA2B,CAAC,EAAE,0BAA0B,EAAE,CAAC;CAC5D;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,0BAA+B,EAC/B,2BAAgC,GACjC,EAAE,6BAA6B,eAY/B"}

package/dist/context/TemplateVariableProvider/TemplateVariableProvider.js

@@ -18,11 +18,11 @@ import { devtools } from 'zustand/middleware';
 import produce from 'immer';
 import { TemplateVariableContext } from '@perses-dev/plugin-system';
 import { DEFAULT_ALL_VALUE as ALL_VALUE } from '@perses-dev/core';
-import { checkSavedDefaultVariableStatus } from './utils';
+import { checkSavedDefaultVariableStatus, findVariableDefinitionByName, mergeVariableDefinitions } from './utils';
 import { hydrateTemplateVariableStates } from './hydrationUtils';
-import { useVariableQueryParams, getInitalValuesFromQueryParameters, getURLQueryParamName } from './query-params';
+import { getInitalValuesFromQueryParameters, getURLQueryParamName, useVariableQueryParams } from './query-params';
 const TemplateVariableStoreContext = /*#__PURE__*/ createContext(undefined);
-function useTemplateVariableStoreCtx() {
+export function useTemplateVariableStoreCtx() {
     const context = useContext(TemplateVariableStoreContext);
     if (!context) {
         throw new Error('TemplateVariableStoreContext not initialized');
@@ -31,29 +31,55 @@ function useTemplateVariableStoreCtx() {
 }
 export function useTemplateVariableValues(variableNames) {
     const store = useTemplateVariableStoreCtx();
-    const state = useStore(store, (s)=>{
-        const names = variableNames !== null && variableNames !== void 0 ? variableNames : Object.keys(s.variableState);
+    return useStore(store, (s)=>{
         const vars = {};
+        // Collect values of local variables, from the variable state
+        const names = variableNames !== null && variableNames !== void 0 ? variableNames : s.variableDefinitions.map((value)=>value.spec.name);
         names.forEach((name)=>{
-            const varState = s.variableState[name];
-            if (!varState) {
+            const varState = s.variableState.get({
+                name
+            });
+            if (!varState || varState.overridden) {
                 return;
             }
             vars[name] = varState;
         });
+        // Collect values of external variables, from the variable state
+        s.externalVariableDefinitions.forEach((d)=>{
+            const source = d.source;
+            d.definitions.forEach((value)=>{
+                const name = value.spec.name;
+                const varState = s.variableState.get({
+                    name,
+                    source
+                });
+                if (!varState || varState.overridden) {
+                    return;
+                }
+                vars[name] = varState;
+            });
+        });
         return vars;
     }, (left, right)=>{
         return JSON.stringify(left) === JSON.stringify(right);
     });
-    return state;
 }
-export function useTemplateVariable(name) {
+/**
+ * Get the state and definition of a variable from the Template variables context.
+ * @param name name of the variable
+ * @param source if given, it searches in the external variables
+ */ export function useTemplateVariable(name, source) {
     const store = useTemplateVariableStoreCtx();
     return useStore(store, (s)=>{
-        const variableState = s.variableState[name];
-        const definition = s.variableDefinitions.find((v)=>v.spec.name === name);
+        var ref;
+        const state = s.variableState.get({
+            name,
+            source
+        });
+        const definitions = source ? (ref = s.externalVariableDefinitions.find((v)=>v.source === source)) === null || ref === void 0 ? void 0 : ref.definitions : s.variableDefinitions;
+        const definition = (definitions || []).find((v)=>v.spec.name === name);
         return {
-            state: variableState,
+            state,
             definition
         };
     });
@@ -75,6 +101,10 @@ export function useTemplateVariableDefinitions() {
     const store = useTemplateVariableStoreCtx();
     return useStore(store, (s)=>s.variableDefinitions);
 }
+export function useTemplateExternalVariableDefinitions() {
+    const store = useTemplateVariableStoreCtx();
+    return useStore(store, (s)=>s.externalVariableDefinitions);
+}
 export function useTemplateVariableStore() {
     const store = useTemplateVariableStoreCtx();
     return useStore(store);
@@ -82,6 +112,7 @@ export function useTemplateVariableStore() {
 function PluginProvider({ children  }) {
     const originalValues = useTemplateVariableValues();
     const definitions = useTemplateVariableDefinitions();
+    const externalDefinitions = useTemplateExternalVariableDefinitions();
     const values = useMemo(()=>{
         const contextValues = {};
         // This will loop through all the current variables values
@@ -92,7 +123,7 @@ function PluginProvider({ children  }) {
                 ...originalValues[name]
             };
             if (v.value === ALL_VALUE) {
-                const definition = definitions.find((d)=>d.spec.name === name);
+                const definition = findVariableDefinitionByName(name, definitions, externalDefinitions);
                 // If the variable is a list variable and has a custom all value, then use that value instead
                 if ((definition === null || definition === void 0 ? void 0 : definition.kind) === 'ListVariable' && definition.spec.custom_all_value) {
                     v.value = definition.spec.custom_all_value;
@@ -107,7 +138,8 @@ function PluginProvider({ children  }) {
         return contextValues;
     }, [
         originalValues,
-        definitions
+        definitions,
+        externalDefinitions
     ]);
     return /*#__PURE__*/ _jsx(TemplateVariableContext.Provider, {
         value: {
@@ -116,40 +148,50 @@ function PluginProvider({ children  }) {
         children: children
     });
 }
-function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , queryParams  }) {
+function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , externalVariableDefinitions =[] , queryParams  }) {
     const initialParams = getInitalValuesFromQueryParameters(queryParams ? queryParams[0] : {});
     const store = createStore()(devtools(immer((set, get)=>{
         return {
-            variableState: hydrateTemplateVariableStates(initialVariableDefinitions, initialParams),
+            variableState: hydrateTemplateVariableStates(initialVariableDefinitions, initialParams, externalVariableDefinitions),
             variableDefinitions: initialVariableDefinitions,
+            externalVariableDefinitions: externalVariableDefinitions,
             setVariableDefinitions (definitions) {
                 set((state)=>{
                     state.variableDefinitions = definitions;
-                    state.variableState = hydrateTemplateVariableStates(definitions, initialParams);
+                    state.variableState = hydrateTemplateVariableStates(definitions, initialParams, externalVariableDefinitions);
                 }, false, '[Variables] setVariableDefinitions' // Used for action name in Redux devtools
                 );
             },
-            setVariableOptions (name, options) {
+            setVariableOptions (name, options, source) {
                 set((state)=>{
-                    const varState = state.variableState[name];
+                    const varState = state.variableState.get({
+                        name,
+                        source
+                    });
                     if (!varState) {
                         return;
                     }
                     varState.options = options;
                 }, false, '[Variables] setVariableOptions');
             },
-            setVariableLoading (name, loading) {
+            setVariableLoading (name, loading, source) {
                 set((state)=>{
-                    const varState = state.variableState[name];
+                    const varState = state.variableState.get({
+                        name,
+                        source
+                    });
                     if (!varState) {
                         return;
                     }
                     varState.loading = loading;
                 }, false, '[Variables] setVariableLoading');
             },
-            setVariableValue: (name, value)=>set((state)=>{
+            setVariableValue: (name, value, source)=>set((state)=>{
                     let val = value;
-                    const varState = state.variableState[name];
+                    const varState = state.variableState.get({
+                        name,
+                        source
+                    });
                     if (!varState) {
                         return;
                     }
@@ -174,8 +216,11 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , query
                 const variableState = get().variableState;
                 const updatedVariables = produce(variableDefinitions, (draft)=>{
                     draft.forEach((variable, index)=>{
+                        const name = variable.spec.name;
                         if (variable.kind === 'ListVariable') {
-                            const currentVariable = variableState[variable.spec.name];
+                            const currentVariable = variableState.get({
+                                name
+                            });
                             if ((currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) !== undefined) {
                                 draft[index] = {
                                     kind: 'ListVariable',
@@ -185,7 +230,9 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , query
                                 };
                             }
                         } else if (variable.kind === 'TextVariable') {
-                            const currentVariable1 = variableState[variable.spec.name];
+                            const currentVariable1 = variableState.get({
+                                name
+                            });
                             const currentVariableValue = typeof (currentVariable1 === null || currentVariable1 === void 0 ? void 0 : currentVariable1.value) === 'string' ? currentVariable1.value : '';
                             if ((currentVariable1 === null || currentVariable1 === void 0 ? void 0 : currentVariable1.value) !== undefined) {
                                 draft[index] = {
@@ -210,10 +257,12 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , query
     })));
     return store;
 }
-export function TemplateVariableProvider({ children , initialVariableDefinitions =[]  }) {
-    const queryParams = useVariableQueryParams(initialVariableDefinitions);
+export function TemplateVariableProvider({ children , initialVariableDefinitions =[] , externalVariableDefinitions =[]  }) {
+    const allVariableDefs = mergeVariableDefinitions(initialVariableDefinitions, externalVariableDefinitions);
+    const queryParams = useVariableQueryParams(allVariableDefs);
     const [store] = useState(createTemplateVariableSrvStore({
         initialVariableDefinitions,
+        externalVariableDefinitions,
         queryParams
     }));
     return /*#__PURE__*/ _jsx(TemplateVariableStoreContext.Provider, {