@perses-dev/dashboards 0.7.1 → 0.8.0

package/dist/cjs/context/TemplateVariablesProvider.js

@@ -1,142 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTemplateVariablesSetters = exports.TemplateVariablesSettersContext = exports.TemplateVariablesProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// Copyright 2021 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.
-const react_1 = require("react");
-const use_immer_1 = require("use-immer");
-const plugin_system_1 = require("@perses-dev/plugin-system");
-/**
- * Provider implementation that supplies the TemplateVariables at runtime.
- */
-function TemplateVariablesProvider(props) {
-    const { children, variableDefinitions } = props;
-    // TODO: Do we need to support re-init if variableDefinitions changes?
-    const [state, setState] = (0, use_immer_1.useImmer)(() => {
-        const variables = {};
-        Object.entries(variableDefinitions).forEach(([variableName, definition]) => {
-            variables[variableName] = {
-                value: definition.selection.default_value,
-                options: undefined,
-            };
-        });
-        return variables;
-    });
-    const setValue = (0, react_1.useCallback)((name, next) => {
-        const variableDef = variableDefinitions[name];
-        if (variableDef === undefined) {
-            throw new Error(`Unknown variable '${name}'`);
-        }
-        const defaultValue = variableDef.selection.default_value;
-        const allValue = 'all_value' in variableDef.selection ? variableDef.selection.all_value : undefined;
-        if (typeof defaultValue === 'object') {
-            // Shouldn't be able to assign a string to a multi select
-            if (typeof next !== 'object') {
-                throw new Error(`Invalid value '${next}' for multi-select`);
-            }
-            // If selections are completely removed, just go back to the default
-            // value
-            if (next.length === 0) {
-                next = defaultValue;
-            }
-        }
-        else {
-            // Shouldn't be able to assign a string[] to a single select
-            if (typeof next !== 'string') {
-                throw new Error(`Invalid value '${next}' for single-select`);
-            }
-        }
-        setState((draft) => {
-            const variableState = draft[name];
-            if (variableState === undefined) {
-                throw new Error(`Unknown variable '${name}'`);
-            }
-            // If the "All" value is in the next selections, we need to either
-            // remove it (because they selected something more specific) or
-            // ensure it's the only selection (because they just selected it)
-            if (allValue !== undefined && typeof next === 'object' && next.length > 1 && next.includes(allValue)) {
-                const current = variableState.value;
-                if (typeof current === 'object') {
-                    const hasAll = current.includes(allValue);
-                    if (hasAll) {
-                        next = next.filter((val) => val !== allValue);
-                    }
-                    else {
-                        next = [allValue];
-                    }
-                }
-            }
-            variableState.value = next;
-        });
-    }, [setState, variableDefinitions]);
-    const setOptions = (0, react_1.useCallback)((name, options) => {
-        const variableDef = variableDefinitions[name];
-        if (variableDef === undefined) {
-            throw new Error(`Unknown variable '${name}'`);
-        }
-        let capturingRegex = undefined;
-        if (variableDef.capturing_regexp !== undefined) {
-            let pattern = variableDef.capturing_regexp;
-            let flags = '';
-            // Regex expressions can start with / so that flags can be provided
-            // at the end, so account for those
-            if (pattern.startsWith('/')) {
-                const endIdx = pattern.lastIndexOf('/');
-                if (endIdx > 0) {
-                    flags = pattern.substring(endIdx + 1);
-                    pattern = pattern.substring(1, endIdx);
-                }
-            }
-            // TODO: Do we need to account for stateful flags (gy) and create a
-            // new Regex each time to compare an option to?
-            capturingRegex = new RegExp(pattern, flags);
-        }
-        // Get the unique options, optionally running the capturing regex
-        const uniqueOptions = new Set();
-        options.forEach((option) => {
-            if (capturingRegex !== undefined) {
-                const match = capturingRegex.exec(option);
-                if (match !== null && match[0] !== undefined) {
-                    option = match[0];
-                }
-            }
-            uniqueOptions.add(option);
-        });
-        // Set the options in variable state
-        setState((draft) => {
-            const variableState = draft[name];
-            if (variableState === undefined) {
-                throw new Error(`Unknown variable '${name}'`);
-            }
-            variableState.options = Array.from(uniqueOptions);
-        });
-    }, [setState, variableDefinitions]);
-    // Memo since it's being passed via context
-    const ctx = (0, react_1.useMemo)(() => ({ variables: state }), [state]);
-    const setters = (0, react_1.useMemo)(() => ({ setValue, setOptions }), [setValue, setOptions]);
-    return ((0, jsx_runtime_1.jsx)(exports.TemplateVariablesSettersContext.Provider, { value: setters, children: (0, jsx_runtime_1.jsx)(plugin_system_1.TemplateVariablesContext.Provider, { value: ctx, children: children }) }));
-}
-exports.TemplateVariablesProvider = TemplateVariablesProvider;
-exports.TemplateVariablesSettersContext = (0, react_1.createContext)(undefined);
-/**
- * Gets the setters for Template Variables provided by the TemplateVariablesProvider at runtime.
- */
-function useTemplateVariablesSetters() {
-    const ctx = (0, react_1.useContext)(exports.TemplateVariablesSettersContext);
-    if (ctx === undefined) {
-        throw new Error('No TemplateVariablesSettersContext found. Did you forget a Provider?');
-    }
-    return ctx;
-}
-exports.useTemplateVariablesSetters = useTemplateVariablesSetters;

package/dist/cjs/context/TimeRangeStateProvider.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTimeRangeSetter = exports.TimeRangeSetterContext = exports.TimeRangeStateProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// Copyright 2021 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.
-const react_1 = require("react");
-const core_1 = require("@perses-dev/core");
-const plugin_system_1 = require("@perses-dev/plugin-system");
-/**
- * Provider implementation that supplies the TimeRangeState at runtime.
- */
-function TimeRangeStateProvider(props) {
-    const { initialValue, children } = props;
-    const defaultTimeRange = (0, core_1.toAbsoluteTimeRange)(initialValue);
-    const [timeRange, setActiveTimeRange] = (0, react_1.useState)(defaultTimeRange);
-    // TODO: add support for passing relative time ranges in setTimeRange, ex: { from: 'now-1h', to: 'now' }
-    const setTimeRange = (0, react_1.useCallback)((value) => {
-        if (!(0, core_1.isRelativeValue)(value)) {
-            setActiveTimeRange(value);
-        }
-    }, []);
-    const ctx = (0, react_1.useMemo)(() => ({ timeRange, defaultDuration: initialValue.pastDuration }), [timeRange, initialValue]);
-    const setters = (0, react_1.useMemo)(() => ({ setTimeRange }), [setTimeRange]);
-    return ((0, jsx_runtime_1.jsx)(exports.TimeRangeSetterContext.Provider, { value: setters, children: (0, jsx_runtime_1.jsx)(plugin_system_1.TimeRangeContext.Provider, { value: ctx, children: children }) }));
-}
-exports.TimeRangeStateProvider = TimeRangeStateProvider;
-exports.TimeRangeSetterContext = (0, react_1.createContext)(undefined);
-/**
- * Gets the setters for time range selection provided by the TimeRangeStateProvider at runtime.
- */
-function useTimeRangeSetter() {
-    const ctx = (0, react_1.useContext)(exports.TimeRangeSetterContext);
-    if (ctx === undefined) {
-        throw new Error('No TimeRangeSetterContext found. Did you forget a Provider?');
-    }
-    return ctx;
-}
-exports.useTimeRangeSetter = useTimeRangeSetter;

package/dist/components/AddPanel/AddPanel.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface AddPanelProps {
-    isOpen: boolean;
-    onClose: () => void;
-}
-declare const AddPanel: ({ isOpen, onClose }: AddPanelProps) => JSX.Element;
-export default AddPanel;
-//# sourceMappingURL=AddPanel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddPanel.d.ts","sourceRoot":"","sources":["../../../src/components/AddPanel/AddPanel.tsx"],"names":[],"mappings":";AA+BA,UAAU,aAAa;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,wBAAyB,aAAa,gBA6EnD,CAAC;AA0BF,eAAe,QAAQ,CAAC"}

package/dist/components/AddPanel/AddPanel.js

@@ -1 +0,0 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{MenuItem,Stack,Select,TextField,InputLabel,FormControl,Grid,Box,Button,Typography}from"@mui/material";import{Drawer}from"@perses-dev/components";import{useState}from"react";import{useLayouts,usePanels}from"../../context";import{removeWhiteSpacesAndSpecialCharacters}from"../../utils/functions";const AddPanel=({isOpen:e,onClose:t})=>{const{layouts:r,addItemToLayout:n}=useLayouts(),{addPanel:a}=usePanels(),[s,o]=useState(0),[i,l]=useState(""),[d,c]=useState("");return _jsx(Drawer,{isOpen:e,onClose:t,children:_jsxs("form",{onSubmit:e=>{var o;e.preventDefault();const l=removeWhiteSpacesAndSpecialCharacters(i);a(l,{kind:"EmptyChart",display:{name:i,description:d},options:{}});let c=0;null===(o=r[s])||void 0===o||o.spec.items.forEach((e=>{e.y>c&&(c=e.y)})),n(s,{x:0,y:c+1,width:12,height:6,content:{$ref:`#/spec/panels/${l}`}}),t()},children:[_jsx(AddPanelHeader,{onClose:t}),_jsxs(Grid,{container:!0,spacing:2,children:[_jsx(Grid,{item:!0,xs:4,children:_jsxs(FormControl,{children:[_jsx(InputLabel,{id:"select-group",children:"Group"}),_jsx(Select,{required:!0,labelId:"select-group",label:"Group",value:s,onChange:e=>{o(e.target.value)},children:r.map(((e,t)=>{var r;return _jsx(MenuItem,{value:t,children:(null===(r=e.spec.display)||void 0===r?void 0:r.title)||`Group ${t+1}`},t)}))})]})}),_jsx(Grid,{item:!0,xs:8,children:_jsxs(Stack,{spacing:2,sx:{flexGrow:"1"},children:[_jsx(FormControl,{children:_jsx(TextField,{required:!0,label:"Panel Name",variant:"outlined",onChange:e=>{l(e.target.value)}})}),_jsx(FormControl,{children:_jsx(TextField,{label:"Description",variant:"outlined",onChange:e=>{c(e.target.value)}})})]})})]})]})})},AddPanelHeader=({onClose:e})=>_jsxs(Box,{sx:{display:"flex",alignItems:"center",marginBottom:e=>e.spacing(2),paddingBottom:e=>e.spacing(2),borderBottom:e=>`1px solid ${e.palette.grey[100]}`},children:[_jsx(Typography,{variant:"h5",children:"Add Panel"}),_jsxs(Stack,{direction:"row",spacing:1,sx:{marginLeft:"auto"},children:[_jsx(Button,{type:"submit",variant:"contained",children:"Add Panel"}),_jsx(Button,{variant:"outlined",onClick:e,children:"Cancel"})]})]});export default AddPanel;

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

@@ -1 +0,0 @@
-{"version":3,"file":"TimeRangeControls.d.ts","sourceRoot":"","sources":["../../src/components/TimeRangeControls.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAyC,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAc3F,eAAO,MAAM,YAAY,EAAE,UAAU,EAUpC,CAAC;AAIF,wBAAgB,iBAAiB,gBAsEhC"}

package/dist/components/TimeRangeControls.js

@@ -1 +0,0 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useRef,useState}from"react";import{Box,FormControl,InputLabel,Popover,Stack}from"@mui/material";import{sub}from"date-fns";import{AbsoluteTimePicker,TimeRangeSelector}from"@perses-dev/components";import{parseDurationString,toAbsoluteTimeRange,isRelativeValue}from"@perses-dev/core";import{useTimeRange}from"@perses-dev/plugin-system";import{useTimeRangeSetter}from"../context/TimeRangeStateProvider";export const TIME_OPTIONS=[{value:{pastDuration:"5m"},display:"Last 5 minutes"},{value:{pastDuration:"15m"},display:"Last 15 minutes"},{value:{pastDuration:"30m"},display:"Last 30 minutes"},{value:{pastDuration:"1h"},display:"Last 1 hour"},{value:{pastDuration:"6h"},display:"Last 6 hours"},{value:{pastDuration:"12h"},display:"Last 12 hours"},{value:{pastDuration:"24h"},display:"Last 1 day"},{value:{pastDuration:"7d"},display:"Last 7 days"},{value:{pastDuration:"14d"},display:"Last 14 days"}];const FORM_CONTROL_LABEL="Time Range";export function TimeRangeControls(){const{setTimeRange:e}=useTimeRangeSetter(),{defaultDuration:t}=useTimeRange(),a=parseDurationString(t),[s,i]=useState({pastDuration:t}),[n,o]=useState({start:sub(new Date,{...a}),end:new Date}),[r,u]=useState(!1),l=useRef();return _jsxs(Stack,{direction:"row",spacing:1,children:[_jsx(Popover,{anchorEl:l.current,anchorOrigin:{vertical:"bottom",horizontal:"center"},open:r,onClose:()=>u(!1),sx:e=>({padding:e.spacing(2)}),children:_jsx(AbsoluteTimePicker,{initialTimeRange:n,onChange:t=>{e(t),isRelativeValue(t)||o({start:t.start,end:t.end}),i(t),u(!1)}})}),_jsxs(FormControl,{fullWidth:!0,children:[_jsx(InputLabel,{children:"Time Range"}),_jsx(Box,{ref:l,children:_jsx(TimeRangeSelector,{inputLabel:"Time Range",timeOptions:TIME_OPTIONS,value:s,onSelectChange:t=>{const a={pastDuration:t.target.value,end:new Date};i(a);const s=toAbsoluteTimeRange(a);e(s),o(s),u(!1)},onCustomClick:()=>{u(!0)}})})]})]})}

package/dist/components/VariableAutocomplete.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { AutocompleteProps as MuiAutocompleteProps, TextFieldProps } from '@mui/material';
-import { VariableDefinition } from '@perses-dev/core';
-import { VariableState } from '@perses-dev/plugin-system';
-declare type AutocompleteProps = MuiAutocompleteProps<string, boolean, true, false>;
-export interface VariableAutocompleteProps {
-    definition: VariableDefinition;
-    state: VariableState;
-    onChange: (value: string | string[]) => void;
-    onOptionsChange: (options: string[]) => void;
-    TextFieldProps?: TextFieldProps;
-    className?: AutocompleteProps['className'];
-    sx?: AutocompleteProps['sx'];
-}
-/**
- * A MUI Autocomplete that displays variable options, loaded from the
- * appropriate plugin.
- */
-export declare function VariableAutocomplete(props: VariableAutocompleteProps): JSX.Element;
-export {};
-//# sourceMappingURL=VariableAutocomplete.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VariableAutocomplete.d.ts","sourceRoot":"","sources":["../../src/components/VariableAutocomplete.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAgB,iBAAiB,IAAI,oBAAoB,EAAa,cAAc,EAAE,MAAM,eAAe,CAAC;AACnH,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAsB,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG9E,aAAK,iBAAiB,GAAG,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAE5E,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,kBAAkB,CAAC;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3C,EAAE,CAAC,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eAiEpE"}

package/dist/components/VariableAutocomplete.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useMemo}from"react";import{Autocomplete,TextField}from"@mui/material";import{useVariableOptions}from"@perses-dev/plugin-system";export function VariableAutocomplete(e){const{definition:o,state:r,onChange:l,onOptionsChange:t,TextFieldProps:i,...a}=e,{value:n,options:s}=r,u="all_value"in o.selection?o.selection.all_value:void 0,p=useMemo((()=>{let e=s;return void 0===e&&(e=Array.isArray(n)?n:[n]),void 0!==u&&e[0]!==u&&(e=[u,...e]),e}),[s,n,u]),{data:m,loading:d,error:v}=useVariableOptions(o);return useEffect((()=>{d||t(m)}),[m,d]),_jsx(Autocomplete,{options:p,loading:d,value:n,multiple:Array.isArray(n),disableClearable:!0,freeSolo:!1,onChange:(e,o)=>{l(o)},renderInput:e=>{var r;return _jsx(TextField,{...e,margin:"normal",label:o.display.label,error:void 0!==v,helperText:null!==(r=null==v?void 0:v.message)&&void 0!==r?r:"",...i})},getOptionLabel:e=>e===u?"All":e,ChipProps:{color:"default",variant:"outlined"},...a})}

package/dist/components/VariableList/VariableList.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { StackProps } from '@mui/material';
-import { DashboardSpec } from '@perses-dev/core';
-export interface VariableListProps extends StackProps {
-    variables: DashboardSpec['variables'];
-}
-/**
- * Displays the list of variable inputs for a dashboard.
- */
-export declare function VariableList(props: VariableListProps): JSX.Element;
-//# sourceMappingURL=VariableList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VariableList.d.ts","sourceRoot":"","sources":["../../../src/components/VariableList/VariableList.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAS,UAAU,EAAc,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACvC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAqCpD"}

package/dist/components/VariableList/VariableList.js

@@ -1 +0,0 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Stack,Typography}from"@mui/material";import{ErrorAlert}from"@perses-dev/components";import{PluginBoundary,useTemplateVariables}from"@perses-dev/plugin-system";import{useTemplateVariablesSetters}from"../../context";import{VariableAutocomplete}from"../VariableAutocomplete";export function VariableList(e){const{variables:r,...t}=e,{variables:a}=useTemplateVariables(),{setValue:o,setOptions:s}=useTemplateVariablesSetters();return _jsxs(Stack,{direction:{xs:"column",sm:"row"},alignItems:{sm:"center"},spacing:2,...t,children:[_jsx(Typography,{variant:"body2",sx:{fontWeight:e=>e.typography.fontWeightMedium},children:"Variables"}),Object.entries(r).map((([e,r])=>{if(!0===r.display.hide)return null;const t=a[e];if(void 0===t){const r=new Error(`Variable state for '${e}' not found`);return _jsx(ErrorAlert,{error:r},e)}return _jsx(PluginBoundary,{loadingFallback:"Loading...",ErrorFallbackComponent:ErrorAlert,children:_jsx(VariableAutocomplete,{definition:r,state:t,onChange:r=>o(e,r),onOptionsChange:r=>s(e,r),TextFieldProps:{margin:"none"},sx:{minWidth:250}})},e)}))]})}

package/dist/components/VariableList/VariableList.test.d.ts

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

package/dist/components/VariableList/VariableList.test.d.ts.map

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

package/dist/components/VariableList/VariableList.test.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{screen}from"@testing-library/react";import userEvent from"@testing-library/user-event";import{PluginRegistry}from"@perses-dev/plugin-system";import{mockPluginRegistryProps,renderWithContext}from"../../test";import{TemplateVariablesProvider}from"../../context";import{VariableList}from"./VariableList";describe("VariableList",(()=>{const e={job:{display:{label:"Job"},kind:"PrometheusLabelValues",selection:{default_value:"node"},options:{label_name:"job",match:["node_uname_info"]}}},t={data:["node","all"],isLoading:!1,error:void 0},i={pluginType:"Variable",kind:"PrometheusLabelValues",plugin:{useVariableOptions:()=>t}},a=()=>{const{addMockPlugin:t,pluginRegistryProps:a}=mockPluginRegistryProps();t(i),renderWithContext(_jsx(PluginRegistry,{...a,children:_jsx(TemplateVariablesProvider,{variableDefinitions:e,children:_jsx(VariableList,{variables:e})})}))};it("should display Variables as the title",(async()=>{a();const e=await screen.findByText("Variables");expect(e).toBeInTheDocument()})),describe("VariableAutocomplete",(()=>{it("should display correct variable",(async()=>{a();const e=await screen.findByLabelText("Job");expect(e).toBeInTheDocument()})),it("should display correct default value",(async()=>{a();const e=await screen.findByDisplayValue("node");expect(e).toBeInTheDocument()})),it("should display correct options",(async()=>{a();const e=await screen.findByRole("button",{name:"Open"});userEvent.click(e);const t=await screen.findByText("all");expect(t).toBeInTheDocument();const i=screen.getByText("node");expect(i).toBeInTheDocument()}))}))}));

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

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

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

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

package/dist/components/VariableList/index.js

@@ -1 +0,0 @@
-export*from"./VariableList";

package/dist/context/TemplateVariablesProvider.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { DashboardSpec } from '@perses-dev/core';
-export interface TemplateVariablesProviderProps {
-    children?: React.ReactNode;
-    variableDefinitions: DashboardSpec['variables'];
-}
-/**
- * Provider implementation that supplies the TemplateVariables at runtime.
- */
-export declare function TemplateVariablesProvider(props: TemplateVariablesProviderProps): JSX.Element;
-/**
- * Setters for manipulating Template Variable state.
- */
-export interface TemplateVariablesSetters {
-    setValue: (name: string, value: string | string[]) => void;
-    setOptions: (name: string, options: string[]) => void;
-}
-export declare const TemplateVariablesSettersContext: import("react").Context<TemplateVariablesSetters | undefined>;
-/**
- * Gets the setters for Template Variables provided by the TemplateVariablesProvider at runtime.
- */
-export declare function useTemplateVariablesSetters(): TemplateVariablesSetters;
-//# sourceMappingURL=TemplateVariablesProvider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateVariablesProvider.d.ts","sourceRoot":"","sources":["../../src/context/TemplateVariablesProvider.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mBAAmB,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACjD;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,eAiI9E;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3D,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACvD;AAED,eAAO,MAAM,+BAA+B,+DAAiE,CAAC;AAE9G;;GAEG;AACH,wBAAgB,2BAA2B,6BAM1C"}

package/dist/context/TemplateVariablesProvider.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useMemo,useCallback,createContext,useContext}from"react";import{useImmer}from"use-immer";import{TemplateVariablesContext}from"@perses-dev/plugin-system";export function TemplateVariablesProvider(e){const{children:t,variableDefinitions:o}=e,[r,n]=useImmer((()=>{const e={};return Object.entries(o).forEach((([t,o])=>{e[t]={value:o.selection.default_value,options:void 0}})),e})),i=useCallback(((e,t)=>{const r=o[e];if(void 0===r)throw new Error(`Unknown variable '${e}'`);const i=r.selection.default_value,s="all_value"in r.selection?r.selection.all_value:void 0;if("object"==typeof i){if("object"!=typeof t)throw new Error(`Invalid value '${t}' for multi-select`);0===t.length&&(t=i)}else if("string"!=typeof t)throw new Error(`Invalid value '${t}' for single-select`);n((o=>{const r=o[e];if(void 0===r)throw new Error(`Unknown variable '${e}'`);if(void 0!==s&&"object"==typeof t&&t.length>1&&t.includes(s)){const e=r.value;if("object"==typeof e){const o=e.includes(s);t=o?t.filter((e=>e!==s)):[s]}}r.value=t}))}),[n,o]),s=useCallback(((e,t)=>{const r=o[e];if(void 0===r)throw new Error(`Unknown variable '${e}'`);let i;if(void 0!==r.capturing_regexp){let e=r.capturing_regexp,t="";if(e.startsWith("/")){const o=e.lastIndexOf("/");o>0&&(t=e.substring(o+1),e=e.substring(1,o))}i=new RegExp(e,t)}const s=new Set;t.forEach((e=>{if(void 0!==i){const t=i.exec(e);null!==t&&void 0!==t[0]&&(e=t[0])}s.add(e)})),n((t=>{const o=t[e];if(void 0===o)throw new Error(`Unknown variable '${e}'`);o.options=Array.from(s)}))}),[n,o]),a=useMemo((()=>({variables:r})),[r]),l=useMemo((()=>({setValue:i,setOptions:s})),[i,s]);return _jsx(TemplateVariablesSettersContext.Provider,{value:l,children:_jsx(TemplateVariablesContext.Provider,{value:a,children:t})})}export const TemplateVariablesSettersContext=createContext(void 0);export function useTemplateVariablesSetters(){const e=useContext(TemplateVariablesSettersContext);if(void 0===e)throw new Error("No TemplateVariablesSettersContext found. Did you forget a Provider?");return e}

package/dist/context/TimeRangeStateProvider.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { TimeRangeValue, RelativeTimeRange } from '@perses-dev/core';
-export interface TimeRangeProviderProps {
-    initialValue: RelativeTimeRange;
-    children?: React.ReactNode;
-}
-/**
- * Provider implementation that supplies the TimeRangeState at runtime.
- */
-export declare function TimeRangeStateProvider(props: TimeRangeProviderProps): JSX.Element;
-/**
- * Setters for manipulating time range state.
- */
-export interface TimeRangeSetter {
-    setTimeRange: (value: TimeRangeValue) => void;
-}
-export declare const TimeRangeSetterContext: import("react").Context<TimeRangeSetter | undefined>;
-/**
- * Gets the setters for time range selection provided by the TimeRangeStateProvider at runtime.
- */
-export declare function useTimeRangeSetter(): TimeRangeSetter;
-//# sourceMappingURL=TimeRangeStateProvider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TimeRangeStateProvider.d.ts","sourceRoot":"","sources":["../../src/context/TimeRangeStateProvider.tsx"],"names":[],"mappings":";AAcA,OAAO,EACL,cAAc,EAEd,iBAAiB,EAGlB,MAAM,kBAAkB,CAAC;AAG1B,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,sBAAsB,eAqBnE;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,sBAAsB,sDAAwD,CAAC;AAE5F;;GAEG;AACH,wBAAgB,kBAAkB,oBAMjC"}

package/dist/context/TimeRangeStateProvider.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useState,useMemo,createContext,useContext,useCallback}from"react";import{toAbsoluteTimeRange,isRelativeValue}from"@perses-dev/core";import{TimeRangeContext}from"@perses-dev/plugin-system";export function TimeRangeStateProvider(e){const{initialValue:t,children:o}=e,r=toAbsoluteTimeRange(t),[n,i]=useState(r),a=useCallback((e=>{isRelativeValue(e)||i(e)}),[]),s=useMemo((()=>({timeRange:n,defaultDuration:t.pastDuration})),[n,t]),u=useMemo((()=>({setTimeRange:a})),[a]);return _jsx(TimeRangeSetterContext.Provider,{value:u,children:_jsx(TimeRangeContext.Provider,{value:s,children:o})})}export const TimeRangeSetterContext=createContext(void 0);export function useTimeRangeSetter(){const e=useContext(TimeRangeSetterContext);if(void 0===e)throw new Error("No TimeRangeSetterContext found. Did you forget a Provider?");return e}