@perses-dev/dashboards 0.7.1 → 0.8.1

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}

package/dist/views/DashboardApp.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ViewDashboardProps } from './ViewDashboard';
-export declare const DashboardApp: (props: ViewDashboardProps) => JSX.Element;
-//# sourceMappingURL=DashboardApp.d.ts.map

package/dist/views/DashboardApp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../src/views/DashboardApp.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,YAAY,UAAW,kBAAkB,gBAqCrD,CAAC"}

package/dist/views/DashboardApp.js

@@ -1 +0,0 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Box}from"@mui/material";import{combineSx}from"@perses-dev/components";import{useState}from"react";import{VariableList,Dashboard}from"../components";import AddPanel from"../components/AddPanel/AddPanel";import{DashboardToolbar}from"../components/DashboardToolbar";import{useDashboard}from"../context";export const DashboardApp=o=>{const{dashboardResource:a,sx:s,children:e,...r}=o,[d,i]=useState(!1),{dashboard:n}=useDashboard();return _jsx(Box,{sx:combineSx({display:"flex",width:"100%",height:"100%",position:"relative",overflow:"hidden"},s),...r,children:_jsxs(Box,{sx:{padding:o=>o.spacing(1,2),flexGrow:1,overflowX:"hidden",overflowY:"auto",display:"flex",flexDirection:"column"},children:[_jsx(DashboardToolbar,{dashboardName:a.metadata.name,onAddPanel:()=>i(!0)}),_jsx(VariableList,{variables:a.spec.variables,sx:{margin:o=>o.spacing(1,0,2)}}),_jsx(Dashboard,{spec:n}),_jsx(AddPanel,{isOpen:d,onClose:()=>i(!1)}),e]})})};

package/dist/views/ViewDashboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewDashboard.d.ts","sourceRoot":"","sources":["../../src/views/ViewDashboard.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAKrD,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,iBAAiB,EAAE,iBAAiB,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAgBtD"}

package/dist/views/ViewDashboard.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{TimeRangeStateProvider,TemplateVariablesProvider,DashboardProvider}from"../context";import{DashboardApp}from"./DashboardApp";export function ViewDashboard(r){const{dashboardResource:{spec:a},children:e}=r,i=a.duration;return _jsx(DashboardProvider,{initialState:{dashboardSpec:a},children:_jsx(TimeRangeStateProvider,{initialValue:{pastDuration:i},children:_jsx(TemplateVariablesProvider,{variableDefinitions:a.variables,children:_jsx(DashboardApp,{...r,children:e})})})})}