@perses-dev/dashboards 0.0.0-snapshot-time-range-height-80d08fc

package/dist/components/Variables/VariableList.js

@@ -0,0 +1,100 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { Button, Stack, Box, AppBar, useScrollTrigger, IconButton } from '@mui/material';
+import PencilIcon from 'mdi-material-ui/Pencil';
+import PinOutline from 'mdi-material-ui/PinOutline';
+import PinOffOutline from 'mdi-material-ui/PinOffOutline';
+import { Drawer } from '@perses-dev/components';
+import { useTemplateVariableDefinitions, useEditMode, useTemplateVariableActions } from '../../context';
+import { TemplateVariable } from './Variable';
+import { VariableEditor } from './VariableEditor';
+export function TemplateVariableList(props) {
+    const [isEditing, setIsEditing] = useState(false);
+    const [isPin, setIsPin] = useState(props.initialVariableIsSticky);
+    const variableDefinitions = useTemplateVariableDefinitions();
+    const { isEditMode  } = useEditMode();
+    const { setVariableDefinitions  } = useTemplateVariableActions();
+    const scrollTrigger = useScrollTrigger({
+        disableHysteresis: true
+    });
+    const isSticky = scrollTrigger && props.initialVariableIsSticky && isPin;
+    const onClose = ()=>{
+        setIsEditing(false);
+    };
+    return /*#__PURE__*/ _jsxs(Box, {
+        children: [
+            /*#__PURE__*/ _jsx(Drawer, {
+                isOpen: isEditing,
+                onClose: onClose,
+                PaperProps: {
+                    sx: {
+                        width: '50%'
+                    }
+                },
+                children: /*#__PURE__*/ _jsx(VariableEditor, {
+                    variableDefinitions: variableDefinitions,
+                    onCancel: onClose,
+                    onChange: (v)=>{
+                        setVariableDefinitions(v);
+                        setIsEditing(false);
+                    }
+                })
+            }),
+            isEditMode && /*#__PURE__*/ _jsx(Box, {
+                pb: 2,
+                children: /*#__PURE__*/ _jsx(Button, {
+                    onClick: ()=>setIsEditing(true),
+                    startIcon: /*#__PURE__*/ _jsx(PencilIcon, {}),
+                    children: "Edit Variables"
+                })
+            }),
+            /*#__PURE__*/ _jsx(AppBar, {
+                color: 'inherit',
+                position: isSticky ? 'fixed' : 'static',
+                elevation: isSticky ? 4 : 0,
+                sx: {
+                    ...props.sx
+                },
+                children: /*#__PURE__*/ _jsxs(Box, {
+                    display: 'flex',
+                    justifyContent: "space-between",
+                    my: isSticky ? 2 : 0,
+                    ml: isSticky ? 2 : 0,
+                    children: [
+                        /*#__PURE__*/ _jsx(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            children: isEditMode && variableDefinitions.map((v)=>{
+                                var ref;
+                                /*#__PURE__*/ return _jsx(Box, {
+                                    display: ((ref = v.spec.display) === null || ref === void 0 ? void 0 : ref.hidden) ? 'none' : undefined,
+                                    children: /*#__PURE__*/ _jsx(TemplateVariable, {
+                                        name: v.spec.name
+                                    }, v.spec.name)
+                                }, v.spec.name);
+                            })
+                        }),
+                        props.initialVariableIsSticky && /*#__PURE__*/ _jsx(IconButton, {
+                            onClick: ()=>setIsPin(!isPin),
+                            children: isPin ? /*#__PURE__*/ _jsx(PinOutline, {}) : /*#__PURE__*/ _jsx(PinOffOutline, {})
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=VariableList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Variables/VariableList.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { useState } from 'react';\nimport { Button, Stack, Box, AppBar, useScrollTrigger, IconButton, SxProps, Theme } from '@mui/material';\nimport PencilIcon from 'mdi-material-ui/Pencil';\nimport PinOutline from 'mdi-material-ui/PinOutline';\nimport PinOffOutline from 'mdi-material-ui/PinOffOutline';\nimport { Drawer } from '@perses-dev/components';\nimport { useTemplateVariableDefinitions, useEditMode, useTemplateVariableActions } from '../../context';\nimport { TemplateVariable } from './Variable';\nimport { VariableEditor } from './VariableEditor';\n\ninterface TemplateVariableListProps {\n  initialVariableIsSticky?: boolean;\n  sx?: SxProps<Theme>;\n}\n\nexport function TemplateVariableList(props: TemplateVariableListProps) {\n  const [isEditing, setIsEditing] = useState(false);\n  const [isPin, setIsPin] = useState(props.initialVariableIsSticky);\n  const variableDefinitions = useTemplateVariableDefinitions();\n  const { isEditMode } = useEditMode();\n  const { setVariableDefinitions } = useTemplateVariableActions();\n  const scrollTrigger = useScrollTrigger({ disableHysteresis: true });\n  const isSticky = scrollTrigger && props.initialVariableIsSticky && isPin;\n\n  const onClose = () => {\n    setIsEditing(false);\n  };\n\n  return (\n    <Box>\n      <Drawer isOpen={isEditing} onClose={onClose} PaperProps={{ sx: { width: '50%' } }}>\n        <VariableEditor\n          variableDefinitions={variableDefinitions}\n          onCancel={onClose}\n          onChange={(v) => {\n            setVariableDefinitions(v);\n            setIsEditing(false);\n          }}\n        />\n      </Drawer>\n      {isEditMode && (\n        <Box pb={2}>\n          <Button onClick={() => setIsEditing(true)} startIcon={<PencilIcon />}>\n            Edit Variables\n          </Button>\n        </Box>\n      )}\n\n      <AppBar\n        color={'inherit'}\n        position={isSticky ? 'fixed' : 'static'}\n        elevation={isSticky ? 4 : 0}\n        sx={{ ...props.sx }}\n      >\n        <Box display={'flex'} justifyContent=\"space-between\" my={isSticky ? 2 : 0} ml={isSticky ? 2 : 0}>\n          <Stack direction=\"row\" spacing={1}>\n            {isEditMode &&\n              variableDefinitions.map((v) => (\n                <Box key={v.spec.name} display={v.spec.display?.hidden ? 'none' : undefined}>\n                  <TemplateVariable key={v.spec.name} name={v.spec.name} />\n                </Box>\n              ))}\n          </Stack>\n          {props.initialVariableIsSticky && (\n            <IconButton onClick={() => setIsPin(!isPin)}>{isPin ? <PinOutline /> : <PinOffOutline />}</IconButton>\n          )}\n        </Box>\n      </AppBar>\n    </Box>\n  );\n}\n"],"names":["React","useState","Button","Stack","Box","AppBar","useScrollTrigger","IconButton","PencilIcon","PinOutline","PinOffOutline","Drawer","useTemplateVariableDefinitions","useEditMode","useTemplateVariableActions","TemplateVariable","VariableEditor","TemplateVariableList","props","isEditing","setIsEditing","isPin","setIsPin","initialVariableIsSticky","variableDefinitions","isEditMode","setVariableDefinitions","scrollTrigger","disableHysteresis","isSticky","onClose","isOpen","PaperProps","sx","width","onCancel","onChange","v","pb","onClick","startIcon","color","position","elevation","display","justifyContent","my","ml","direction","spacing","map","spec","hidden","undefined","name"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+export * from './Variable';
+export * from './VariableList';
+export * from './VariableEditorForm';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Variables/index.tsx"],"names":[],"mappings":"AAaA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}

package/dist/components/Variables/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Variables/index.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './Variable';\nexport * from './VariableList';\nexport * from './VariableEditorForm';\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,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}

package/dist/components/Variables/variable-model.d.ts

@@ -0,0 +1,16 @@
+import { ListVariableDefinition } from '@perses-dev/core';
+import { VariableOption, VariableStateMap } from '@perses-dev/plugin-system';
+export declare function filterVariableList(data: VariableOption[], capturedRegexp: RegExp): VariableOption[];
+export declare function useListVariablePluginValues(definition: ListVariableDefinition): import("@tanstack/react-query").UseQueryResult<VariableOption[], unknown>;
+/**
+ * Returns a serialized string of the current state of variable values.
+ */
+export declare function getVariableValuesKey(v: VariableStateMap): string;
+export declare const VARIABLE_TYPES: readonly [{
+    readonly label: "List";
+    readonly kind: "ListVariable";
+}, {
+    readonly label: "Text";
+    readonly kind: "TextVariable";
+}];
+//# sourceMappingURL=variable-model.d.ts.map

package/dist/components/Variables/variable-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variable-model.d.ts","sourceRoot":"","sources":["../../../src/components/Variables/variable-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAKL,cAAc,EACd,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AAGnC,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,cAAc,EAAE,MAAM,GAAG,cAAc,EAAE,CAqBnG;AAED,wBAAgB,2BAA2B,CAAC,UAAU,EAAE,sBAAsB,6EAyC7E;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,gBAAgB,UAIvD;AAED,eAAO,MAAM,cAAc;;;;;;EAGjB,CAAC"}

package/dist/components/Variables/variable-model.js

@@ -0,0 +1,105 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { useDatasourceStore, usePlugin, useTemplateVariableValues, useTimeRange } from '@perses-dev/plugin-system';
+import { useQuery } from '@tanstack/react-query';
+export function filterVariableList(data, capturedRegexp) {
+    const result = [];
+    const filteredSet = new Set();
+    for (const variableValue of data){
+        const matches = variableValue.value.matchAll(capturedRegexp);
+        let concat = '';
+        for (const match of matches){
+            for(let i = 1; i < match.length; i++){
+                const m = match[i];
+                if (m !== undefined) {
+                    concat = `${concat}${m}`;
+                }
+            }
+        }
+        if (concat !== '' && !filteredSet.has(concat)) {
+            // like that we are avoiding to have duplicating variable value
+            filteredSet.add(concat);
+            result.push({
+                label: variableValue.label,
+                value: concat
+            });
+        }
+    }
+    return result;
+}
+export function useListVariablePluginValues(definition) {
+    const { data: variablePlugin  } = usePlugin('Variable', definition.spec.plugin.kind);
+    const datasourceStore = useDatasourceStore();
+    const allVariables = useTemplateVariableValues();
+    const { absoluteTimeRange: timeRange , refreshKey  } = useTimeRange();
+    const variablePluginCtx = {
+        timeRange,
+        datasourceStore,
+        variables: allVariables
+    };
+    const spec = definition.spec.plugin.spec;
+    const capturingRegexp = definition.spec.capturing_regexp !== undefined ? new RegExp(definition.spec.capturing_regexp, 'g') : undefined;
+    let dependsOnVariables;
+    if (variablePlugin === null || variablePlugin === void 0 ? void 0 : variablePlugin.dependsOn) {
+        const dependencies = variablePlugin.dependsOn(spec, variablePluginCtx);
+        dependsOnVariables = dependencies.variables;
+    }
+    const variables = useTemplateVariableValues(dependsOnVariables);
+    let waitToLoad = false;
+    if (dependsOnVariables) {
+        waitToLoad = dependsOnVariables.some((v)=>{
+            var ref;
+            return (ref = variables[v]) === null || ref === void 0 ? void 0 : ref.loading;
+        });
+    }
+    const variablesValueKey = getVariableValuesKey(variables);
+    return useQuery([
+        name,
+        definition,
+        variablesValueKey,
+        timeRange,
+        refreshKey
+    ], async ()=>{
+        const resp = await (variablePlugin === null || variablePlugin === void 0 ? void 0 : variablePlugin.getVariableOptions(spec, {
+            datasourceStore,
+            variables,
+            timeRange
+        }));
+        if (resp === undefined) {
+            return [];
+        }
+        if (capturingRegexp === undefined) {
+            return resp.data;
+        }
+        return filterVariableList(resp.data, capturingRegexp);
+    }, {
+        enabled: !!variablePlugin || waitToLoad
+    });
+}
+/**
+ * Returns a serialized string of the current state of variable values.
+ */ export function getVariableValuesKey(v) {
+    return Object.values(v).map((v)=>JSON.stringify(v.value)).join(',');
+}
+export const VARIABLE_TYPES = [
+    {
+        label: 'List',
+        kind: 'ListVariable'
+    },
+    {
+        label: 'Text',
+        kind: 'TextVariable'
+    }
+];
+
+//# sourceMappingURL=variable-model.js.map

package/dist/components/Variables/variable-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Variables/variable-model.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ListVariableDefinition } from '@perses-dev/core';\nimport {\n  useDatasourceStore,\n  usePlugin,\n  useTemplateVariableValues,\n  useTimeRange,\n  VariableOption,\n  VariableStateMap,\n} from '@perses-dev/plugin-system';\nimport { useQuery } from '@tanstack/react-query';\n\nexport function filterVariableList(data: VariableOption[], capturedRegexp: RegExp): VariableOption[] {\n  const result: VariableOption[] = [];\n  const filteredSet = new Set<string>();\n  for (const variableValue of data) {\n    const matches = variableValue.value.matchAll(capturedRegexp);\n    let concat = '';\n    for (const match of matches) {\n      for (let i = 1; i < match.length; i++) {\n        const m = match[i];\n        if (m !== undefined) {\n          concat = `${concat}${m}`;\n        }\n      }\n    }\n    if (concat !== '' && !filteredSet.has(concat)) {\n      // like that we are avoiding to have duplicating variable value\n      filteredSet.add(concat);\n      result.push({ label: variableValue.label, value: concat });\n    }\n  }\n  return result;\n}\n\nexport function useListVariablePluginValues(definition: ListVariableDefinition) {\n  const { data: variablePlugin } = usePlugin('Variable', definition.spec.plugin.kind);\n  const datasourceStore = useDatasourceStore();\n  const allVariables = useTemplateVariableValues();\n  const { absoluteTimeRange: timeRange, refreshKey } = useTimeRange();\n\n  const variablePluginCtx = { timeRange, datasourceStore, variables: allVariables };\n\n  const spec = definition.spec.plugin.spec;\n  const capturingRegexp =\n    definition.spec.capturing_regexp !== undefined ? new RegExp(definition.spec.capturing_regexp, 'g') : undefined;\n\n  let dependsOnVariables: string[] | undefined;\n  if (variablePlugin?.dependsOn) {\n    const dependencies = variablePlugin.dependsOn(spec, variablePluginCtx);\n    dependsOnVariables = dependencies.variables;\n  }\n\n  const variables = useTemplateVariableValues(dependsOnVariables);\n\n  let waitToLoad = false;\n  if (dependsOnVariables) {\n    waitToLoad = dependsOnVariables.some((v) => variables[v]?.loading);\n  }\n\n  const variablesValueKey = getVariableValuesKey(variables);\n\n  return useQuery(\n    [name, definition, variablesValueKey, timeRange, refreshKey],\n    async () => {\n      const resp = await variablePlugin?.getVariableOptions(spec, { datasourceStore, variables, timeRange });\n      if (resp === undefined) {\n        return [];\n      }\n      if (capturingRegexp === undefined) {\n        return resp.data;\n      }\n      return filterVariableList(resp.data, capturingRegexp);\n    },\n    { enabled: !!variablePlugin || waitToLoad }\n  );\n}\n\n/**\n * Returns a serialized string of the current state of variable values.\n */\nexport function getVariableValuesKey(v: VariableStateMap) {\n  return Object.values(v)\n    .map((v) => JSON.stringify(v.value))\n    .join(',');\n}\n\nexport const VARIABLE_TYPES = [\n  { label: 'List', kind: 'ListVariable' },\n  { label: 'Text', kind: 'TextVariable' },\n] as const;\n"],"names":["useDatasourceStore","usePlugin","useTemplateVariableValues","useTimeRange","useQuery","filterVariableList","data","capturedRegexp","result","filteredSet","Set","variableValue","matches","value","matchAll","concat","match","i","length","m","undefined","has","add","push","label","useListVariablePluginValues","definition","variablePlugin","spec","plugin","kind","datasourceStore","allVariables","absoluteTimeRange","timeRange","refreshKey","variablePluginCtx","variables","capturingRegexp","capturing_regexp","RegExp","dependsOnVariables","dependsOn","dependencies","waitToLoad","some","v","loading","variablesValueKey","getVariableValuesKey","name","resp","getVariableOptions","enabled","Object","values","map","JSON","stringify","join","VARIABLE_TYPES"],"mappings":"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"}

package/dist/components/Variables/variable-model.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=variable-model.test.d.ts.map

package/dist/components/Variables/variable-model.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variable-model.test.d.ts","sourceRoot":"","sources":["../../../src/components/Variables/variable-model.test.ts"],"names":[],"mappings":""}

package/dist/components/Variables/variable-model.test.js

@@ -0,0 +1,104 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { filterVariableList } from './variable-model';
+describe('filterVariableList', ()=>{
+    const testSuite = [
+        {
+            title: 'basic case',
+            capturing_regexp: /([^-]*)-host-([^-]*)/g,
+            originalValues: [
+                {
+                    label: 'l1',
+                    value: 'us1-host-ahdix'
+                },
+                {
+                    label: 'l2',
+                    value: 'us1-host-diua'
+                },
+                {
+                    label: 'l3',
+                    value: 'eu1-host-adf'
+                },
+                {
+                    label: 'l4',
+                    value: 'bar'
+                }
+            ],
+            result: [
+                {
+                    label: 'l1',
+                    value: 'us1ahdix'
+                },
+                {
+                    label: 'l2',
+                    value: 'us1diua'
+                },
+                {
+                    label: 'l3',
+                    value: 'eu1adf'
+                }
+            ]
+        },
+        {
+            title: 'duplicate captured value',
+            capturing_regexp: /prometheus-(.+):\d+/g,
+            originalValues: [
+                {
+                    label: 'l1',
+                    value: 'prometheus-app:9090'
+                },
+                {
+                    label: 'l2',
+                    value: 'prometheus-app:9091'
+                },
+                {
+                    label: 'l3',
+                    value: 'prometheus-platform:9091'
+                },
+                {
+                    label: 'l4',
+                    value: 'prometheus-database:9091'
+                },
+                {
+                    label: 'l5',
+                    value: 'prometheus-perses:9091'
+                }
+            ],
+            result: [
+                {
+                    label: 'l1',
+                    value: 'app'
+                },
+                {
+                    label: 'l3',
+                    value: 'platform'
+                },
+                {
+                    label: 'l4',
+                    value: 'database'
+                },
+                {
+                    label: 'l5',
+                    value: 'perses'
+                }
+            ]
+        }
+    ];
+    testSuite.forEach(({ title , capturing_regexp , originalValues , result  })=>{
+        it(title, ()=>{
+            expect(filterVariableList(originalValues, capturing_regexp)).toEqual(result);
+        });
+    });
+});
+
+//# sourceMappingURL=variable-model.test.js.map

package/dist/components/Variables/variable-model.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Variables/variable-model.test.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { VariableOption } from '@perses-dev/plugin-system';\nimport { filterVariableList } from './variable-model';\n\ndescribe('filterVariableList', () => {\n  const testSuite = [\n    {\n      title: 'basic case',\n      capturing_regexp: /([^-]*)-host-([^-]*)/g,\n      originalValues: [\n        { label: 'l1', value: 'us1-host-ahdix' },\n        { label: 'l2', value: 'us1-host-diua' },\n        { label: 'l3', value: 'eu1-host-adf' },\n        { label: 'l4', value: 'bar' },\n      ] as VariableOption[],\n      result: [\n        { label: 'l1', value: 'us1ahdix' },\n        { label: 'l2', value: 'us1diua' },\n        { label: 'l3', value: 'eu1adf' },\n      ],\n    },\n    {\n      title: 'duplicate captured value',\n      capturing_regexp: /prometheus-(.+):\\d+/g,\n      originalValues: [\n        { label: 'l1', value: 'prometheus-app:9090' },\n        { label: 'l2', value: 'prometheus-app:9091' },\n        { label: 'l3', value: 'prometheus-platform:9091' },\n        { label: 'l4', value: 'prometheus-database:9091' },\n        { label: 'l5', value: 'prometheus-perses:9091' },\n      ] as VariableOption[],\n      result: [\n        { label: 'l1', value: 'app' },\n        { label: 'l3', value: 'platform' },\n        { label: 'l4', value: 'database' },\n        { label: 'l5', value: 'perses' },\n      ],\n    },\n  ];\n  testSuite.forEach(({ title, capturing_regexp, originalValues, result }) => {\n    it(title, () => {\n      expect(filterVariableList(originalValues, capturing_regexp)).toEqual(result);\n    });\n  });\n});\n"],"names":["filterVariableList","describe","testSuite","title","capturing_regexp","originalValues","label","value","result","forEach","it","expect","toEqual"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,kBAAkB,QAAQ,kBAAkB,CAAC;AAEtDC,QAAQ,CAAC,oBAAoB,EAAE,IAAM;IACnC,MAAMC,SAAS,GAAG;QAChB;YACEC,KAAK,EAAE,YAAY;YACnBC,gBAAgB,yBAAyB;YACzCC,cAAc,EAAE;gBACd;oBAAEC,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,gBAAgB;iBAAE;gBACxC;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,eAAe;iBAAE;gBACvC;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,cAAc;iBAAE;gBACtC;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,KAAK;iBAAE;aAC9B;YACDC,MAAM,EAAE;gBACN;oBAAEF,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,UAAU;iBAAE;gBAClC;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,SAAS;iBAAE;gBACjC;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,QAAQ;iBAAE;aACjC;SACF;QACD;YACEJ,KAAK,EAAE,0BAA0B;YACjCC,gBAAgB,wBAAwB;YACxCC,cAAc,EAAE;gBACd;oBAAEC,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,qBAAqB;iBAAE;gBAC7C;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,qBAAqB;iBAAE;gBAC7C;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,0BAA0B;iBAAE;gBAClD;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,0BAA0B;iBAAE;gBAClD;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,wBAAwB;iBAAE;aACjD;YACDC,MAAM,EAAE;gBACN;oBAAEF,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,KAAK;iBAAE;gBAC7B;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,UAAU;iBAAE;gBAClC;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,UAAU;iBAAE;gBAClC;oBAAED,KAAK,EAAE,IAAI;oBAAEC,KAAK,EAAE,QAAQ;iBAAE;aACjC;SACF;KACF,AAAC;IACFL,SAAS,CAACO,OAAO,CAAC,CAAC,EAAEN,KAAK,CAAA,EAAEC,gBAAgB,CAAA,EAAEC,cAAc,CAAA,EAAEG,MAAM,CAAA,EAAE,GAAK;QACzEE,EAAE,CAACP,KAAK,EAAE,IAAM;YACdQ,MAAM,CAACX,kBAAkB,CAACK,cAAc,EAAED,gBAAgB,CAAC,CAAC,CAACQ,OAAO,CAACJ,MAAM,CAAC,CAAC;QAC/E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,13 @@
+export * from './Dashboard';
+export * from './DashboardToolbar';
+export * from './DeletePanelDialog';
+export * from './DeletePanelGroupDialog';
+export * from './DownloadButton';
+export * from './GridLayout';
+export * from './Panel';
+export * from './PanelDrawer';
+export * from './PanelGroupDialog';
+export * from './TimeRangeControls';
+export * from './UnsavedChangesConfirmationDialog';
+export * from './Variables';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oCAAoC,CAAC;AACnD,cAAc,aAAa,CAAC"}

package/dist/components/index.js

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

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './Dashboard';\nexport * from './DashboardToolbar';\nexport * from './DeletePanelDialog';\nexport * from './DeletePanelGroupDialog';\nexport * from './DownloadButton';\nexport * from './GridLayout';\nexport * from './Panel';\nexport * from './PanelDrawer';\nexport * from './PanelGroupDialog';\nexport * from './TimeRangeControls';\nexport * from './UnsavedChangesConfirmationDialog';\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,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oCAAoC,CAAC;AACnD,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import type { StoreApi } from 'zustand';
+import { DashboardResource, ProjectMetadata, RelativeTimeRange } from '@perses-dev/core';
+import { PanelGroupEditorSlice } from './panel-group-editor-slice';
+import { PanelGroupSlice } from './panel-group-slice';
+import { PanelEditorSlice } from './panel-editor-slice';
+import { PanelSlice } from './panel-slice';
+import { DeletePanelGroupSlice } from './delete-panel-group-slice';
+import { DeletePanelSlice } from './delete-panel-slice';
+export interface DashboardStoreState extends PanelGroupSlice, PanelSlice, PanelGroupEditorSlice, DeletePanelGroupSlice, PanelEditorSlice, DeletePanelSlice {
+    isEditMode: boolean;
+    setEditMode: (isEditMode: boolean) => void;
+    defaultTimeRange: RelativeTimeRange;
+    setDashboard: (dashboard: DashboardResource) => void;
+    metadata: ProjectMetadata;
+}
+export interface DashboardStoreProps {
+    dashboardResource: DashboardResource;
+    isEditMode?: boolean;
+}
+export interface DashboardProviderProps {
+    initialState: DashboardStoreProps;
+    children?: React.ReactNode;
+}
+export declare const DashboardContext: import("react").Context<StoreApi<DashboardStoreState> | undefined>;
+export declare function useDashboardStore<T>(selector: (state: DashboardStoreState) => T): T;
+export declare function DashboardProvider(props: DashboardProviderProps): JSX.Element;
+//# sourceMappingURL=DashboardProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardProvider.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKxC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAAsD,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,WAAW,mBACf,SAAQ,eAAe,EACrB,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,YAAY,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,oEAAsE,CAAC;AAEpG,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,CAAC,KAM/E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAU9D"}

package/dist/context/DashboardProvider/DashboardProvider.js

@@ -0,0 +1,77 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createStore, useStore } from 'zustand';
+import { devtools } from 'zustand/middleware';
+import { immer } from 'zustand/middleware/immer';
+import shallow from 'zustand/shallow';
+import { createContext, useCallback, useContext, useState } from 'react';
+import { createPanelGroupEditorSlice } from './panel-group-editor-slice';
+import { convertLayoutsToPanelGroups, createPanelGroupSlice } from './panel-group-slice';
+import { createPanelEditorSlice } from './panel-editor-slice';
+import { createPanelSlice } from './panel-slice';
+import { createDeletePanelGroupSlice } from './delete-panel-group-slice';
+import { createDeletePanelSlice } from './delete-panel-slice';
+export const DashboardContext = /*#__PURE__*/ createContext(undefined);
+export function useDashboardStore(selector) {
+    const store = useContext(DashboardContext);
+    if (store === undefined) {
+        throw new Error('No DashboardContext found. Did you forget a Provider?');
+    }
+    return useStore(store, selector, shallow);
+}
+export function DashboardProvider(props) {
+    const createDashboardStore = useCallback(initStore, [
+        props
+    ]);
+    const [store] = useState(createDashboardStore(props)); // prevent calling createDashboardStore every time it rerenders
+    return /*#__PURE__*/ _jsx(DashboardContext.Provider, {
+        value: store,
+        children: props.children
+    });
+}
+function initStore(props) {
+    const { initialState: { dashboardResource , isEditMode  } ,  } = props;
+    const { spec: { layouts , panels , duration  } , metadata ,  } = dashboardResource;
+    const store = createStore()(immer(devtools((...args)=>{
+        const [set] = args;
+        return {
+            ...createPanelGroupSlice(layouts)(...args),
+            ...createPanelSlice(panels)(...args),
+            ...createPanelGroupEditorSlice(...args),
+            ...createDeletePanelGroupSlice(...args),
+            ...createPanelEditorSlice()(...args),
+            ...createDeletePanelSlice()(...args),
+            metadata,
+            defaultTimeRange: {
+                pastDuration: duration
+            },
+            isEditMode: !!isEditMode,
+            setEditMode: (isEditMode)=>set({
+                    isEditMode
+                }),
+            setDashboard: ({ metadata , spec: { panels , layouts  }  })=>{
+                set((state)=>{
+                    state.metadata = metadata;
+                    const { panelGroups , panelGroupOrder  } = convertLayoutsToPanelGroups(layouts);
+                    state.panels = panels;
+                    state.panelGroups = panelGroups;
+                    state.panelGroupOrder = panelGroupOrder;
+                });
+            }
+        };
+    })));
+    return store;
+}
+
+//# sourceMappingURL=DashboardProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createStore, useStore } from 'zustand';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport shallow from 'zustand/shallow';\nimport { createContext, useCallback, useContext, useState } from 'react';\nimport { DashboardResource, ProjectMetadata, RelativeTimeRange } from '@perses-dev/core';\nimport { createPanelGroupEditorSlice, PanelGroupEditorSlice } from './panel-group-editor-slice';\nimport { convertLayoutsToPanelGroups, createPanelGroupSlice, PanelGroupSlice } from './panel-group-slice';\nimport { createPanelEditorSlice, PanelEditorSlice } from './panel-editor-slice';\nimport { createPanelSlice, PanelSlice } from './panel-slice';\nimport { createDeletePanelGroupSlice, DeletePanelGroupSlice } from './delete-panel-group-slice';\nimport { createDeletePanelSlice, DeletePanelSlice } from './delete-panel-slice';\n\nexport interface DashboardStoreState\n  extends PanelGroupSlice,\n    PanelSlice,\n    PanelGroupEditorSlice,\n    DeletePanelGroupSlice,\n    PanelEditorSlice,\n    DeletePanelSlice {\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  defaultTimeRange: RelativeTimeRange;\n  setDashboard: (dashboard: DashboardResource) => void;\n  metadata: ProjectMetadata;\n}\n\nexport interface DashboardStoreProps {\n  dashboardResource: DashboardResource;\n  isEditMode?: boolean;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: React.ReactNode;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T) {\n  const store = useContext(DashboardContext);\n  if (store === undefined) {\n    throw new Error('No DashboardContext found. Did you forget a Provider?');\n  }\n  return useStore(store, selector, shallow);\n}\n\nexport function DashboardProvider(props: DashboardProviderProps) {\n  const createDashboardStore = useCallback(initStore, [props]);\n\n  const [store] = useState(createDashboardStore(props)); // prevent calling createDashboardStore every time it rerenders\n\n  return (\n    <DashboardContext.Provider value={store as StoreApi<DashboardStoreState>}>\n      {props.children}\n    </DashboardContext.Provider>\n  );\n}\n\nfunction initStore(props: DashboardProviderProps) {\n  const {\n    initialState: { dashboardResource, isEditMode },\n  } = props;\n\n  const {\n    spec: { layouts, panels, duration },\n    metadata,\n  } = dashboardResource;\n  const store = createStore<DashboardStoreState>()(\n    immer(\n      devtools((...args) => {\n        const [set] = args;\n        return {\n          ...createPanelGroupSlice(layouts)(...args),\n          ...createPanelSlice(panels)(...args),\n          ...createPanelGroupEditorSlice(...args),\n          ...createDeletePanelGroupSlice(...args),\n          ...createPanelEditorSlice()(...args),\n          ...createDeletePanelSlice()(...args),\n          metadata,\n          defaultTimeRange: { pastDuration: duration },\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean) => set({ isEditMode }),\n          setDashboard: ({ metadata, spec: { panels, layouts } }) => {\n            set((state) => {\n              state.metadata = metadata;\n              const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n              state.panels = panels;\n              state.panelGroups = panelGroups;\n              state.panelGroupOrder = panelGroupOrder;\n            });\n          },\n        };\n      })\n    )\n  );\n\n  return store;\n}\n"],"names":["createStore","useStore","devtools","immer","shallow","createContext","useCallback","useContext","useState","createPanelGroupEditorSlice","convertLayoutsToPanelGroups","createPanelGroupSlice","createPanelEditorSlice","createPanelSlice","createDeletePanelGroupSlice","createDeletePanelSlice","DashboardContext","undefined","useDashboardStore","selector","store","Error","DashboardProvider","props","createDashboardStore","initStore","Provider","value","children","initialState","dashboardResource","isEditMode","spec","layouts","panels","duration","metadata","args","set","defaultTimeRange","pastDuration","setEditMode","setDashboard","state","panelGroups","panelGroupOrder"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+/**
+ * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).
+ */
+export declare type Middleware = [['zustand/immer', never], ['zustand/devtools', never]];
+declare global {
+    var dashboardStoreId: number;
+}
+/**
+ * Helper function to generate unique IDs for things in the dashboard store that don't have a "natural" ID.
+ */
+export declare function generateId(): number;
+//# sourceMappingURL=common.d.ts.map

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

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