@perses-dev/dashboards 0.51.0-beta.0 → 0.51.0-beta.1

package/dist/context/VariableProvider/VariableProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/VariableProvider/VariableProvider.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createContext, ReactElement, ReactNode, useContext, useMemo, useState } from 'react';\nimport { createStore, StoreApi, useStore } from 'zustand';\nimport { useStoreWithEqualityFn } from 'zustand/traditional';\nimport { immer } from 'zustand/middleware/immer';\nimport { devtools } from 'zustand/middleware';\nimport produce from 'immer';\nimport {\n  VariableContext,\n  VariableStateMap,\n  VariableState,\n  VariableStoreStateMap,\n  VariableOption,\n  BuiltinVariableContext,\n  useTimeRange,\n} from '@perses-dev/plugin-system';\nimport {\n  DEFAULT_ALL_VALUE as ALL_VALUE,\n  VariableName,\n  VariableValue,\n  VariableDefinition,\n  formatDuration,\n  intervalToPrometheusDuration,\n  BuiltinVariableDefinition,\n  TextVariableDefinition,\n  ListVariableDefinition,\n} from '@perses-dev/core';\nimport { checkSavedDefaultVariableStatus, findVariableDefinitionByName, mergeVariableDefinitions } from './utils';\nimport { hydrateVariableDefinitionStates as hydrateVariableDefinitionStates } from './hydrationUtils';\nimport { getInitalValuesFromQueryParameters, getURLQueryParamName, useVariableQueryParams } from './query-params';\n\n/**\n * This store is used to manipulate and read the definition of the variables and their state.\n * - being local or external variables.\n * - being text or list variables.\n * - being of any state (value, options, loading, error, ...) check {@VariableState}\n * Go and read each property documentation for more details.\n */\ntype VariableDefinitionStore = {\n  /**\n   * List of local variables definitions.\n   * This is typically the variable definition that can be modified through the setVariableDefinition setter.\n   *\n   * In Perses App ecosystem, this is typically the dashboard scope variables, that's why we call them local.\n   * Note that depending on the form, we can reuse this store to modify higher scope variables. For example,\n   * when we modify the variable of a project, we'll set this field with project scope variables. To be able to modify\n   * them.\n   */\n  variableDefinitions: VariableDefinition[];\n  /**\n   * List of external variable definitions.\n   * This is static variable definitions that won´t be modified under this context.\n   * You'll have to set one list of external variable definition by scope. See {@link ExternalVariableDefinition} for\n   * more details.\n   *\n   * In Perses App ecosystem, this is typically the project or global scope variables.\n   * Note that depending on the form, we can reuse this store to modify higher scope variables. For example,\n   * when we modify the variable of a project, we'll set this field with global scope variables. Which means we\n   * won't be able to modify them from this form.\n   */\n  externalVariableDefinitions: ExternalVariableDefinition[];\n  /**\n   * Additionally to definitions, we need to associate to each variable a state. That's what this map is meant for.\n   * This can be heavily modified under this context, using the different setters available.\n   * Note that the state of local AND external variables can be modified.\n   */\n  variableState: VariableStoreStateMap;\n  /**\n   * Allow to modify the `value` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param value new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;\n  /**\n   * Allow to modify the `options` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param options new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;\n  /**\n   * Allow to modify the `loading` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param laoding new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n  setVariableDefaultValues: () => VariableDefinition[];\n  getSavedVariablesStatus: () => { isSavedVariableModified: boolean; modifiedVariableNames: string[] };\n};\n\n/**\n * Context object for {@link VariableDefinitionStore}.\n */\nconst VariableDefinitionStoreContext = createContext<StoreApi<VariableDefinitionStore> | undefined>(undefined);\nexport function useVariableDefinitionStoreCtx(): StoreApi<VariableDefinitionStore> {\n  const context = useContext(VariableDefinitionStoreContext);\n  if (!context) {\n    throw new Error('VariableStoreContext not initialized');\n  }\n  return context;\n}\n\nexport function useVariableDefinitionStates(variableNames?: string[]): VariableStateMap {\n  const store = useVariableDefinitionStoreCtx();\n  return useStoreWithEqualityFn(\n    store,\n    (s) => {\n      const varStates: VariableStateMap = {};\n\n      // Collect values of local variables, from the variable state\n      const names = variableNames ?? s.variableDefinitions.map((value) => value.spec.name);\n      names.forEach((name) => {\n        const varState = s.variableState.get({ name });\n        if (!varState || varState.overridden) {\n          return;\n        }\n        varStates[name] = varState;\n      });\n\n      // Collect values of external variables, from the variable state\n      s.externalVariableDefinitions.forEach((d) => {\n        const source = d.source;\n        d.definitions.forEach((value) => {\n          const name = value.spec.name;\n          const varState = s.variableState.get({ name, source });\n          if (!varState || varState.overridden) {\n            return;\n          }\n          varStates[name] = varState;\n        });\n      });\n\n      return varStates;\n    },\n    (left, right) => {\n      return JSON.stringify(left) === JSON.stringify(right);\n    }\n  );\n}\n\n/**\n * Get the state and definition of a variable from the variables context.\n * @param name name of the variable\n * @param source if given, it searches in the external variables\n */\nexport function useVariableDefinitionAndState(\n  name: string,\n  source?: string\n): {\n  definition: TextVariableDefinition | ListVariableDefinition | undefined;\n  state: VariableState | undefined;\n} {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => {\n    const state = s.variableState.get({ name, source });\n    const definitions = source\n      ? s.externalVariableDefinitions.find((v) => v.source === source)?.definitions\n      : s.variableDefinitions;\n    const definition = (definitions || []).find((v) => v.spec.name === name);\n\n    return { state, definition };\n  });\n}\n\nexport function useVariableDefinitionActions(): {\n  setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;\n  getSavedVariablesStatus: () => { isSavedVariableModified: boolean; modifiedVariableNames: string[] };\n  setVariableDefaultValues: () => VariableDefinition[];\n  setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;\n  setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n} {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => {\n    return {\n      setVariableValue: s.setVariableValue,\n      setVariableLoading: s.setVariableLoading,\n      setVariableOptions: s.setVariableOptions,\n      setVariableDefinitions: s.setVariableDefinitions,\n      setVariableDefaultValues: s.setVariableDefaultValues,\n      getSavedVariablesStatus: s.getSavedVariablesStatus,\n    };\n  });\n}\n\nexport function useVariableDefinitions(): VariableDefinition[] {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => s.variableDefinitions);\n}\n\nexport function useExternalVariableDefinitions(): ExternalVariableDefinition[] {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => s.externalVariableDefinitions);\n}\n\ninterface PluginProviderProps {\n  children: ReactNode;\n  builtinVariables?: BuiltinVariableDefinition[];\n}\n\nfunction PluginProvider({ children, builtinVariables }: PluginProviderProps): ReactElement {\n  const originalValues = useVariableDefinitionStates();\n  const definitions = useVariableDefinitions();\n  const externalDefinitions = useExternalVariableDefinitions();\n  const { absoluteTimeRange } = useTimeRange();\n\n  const values = useMemo(() => {\n    const contextValues: VariableStateMap = {};\n\n    // This will loop through all the current variables values\n    // and update any variables that have ALL_VALUE as their current value\n    // to include all options.\n    Object.keys(originalValues).forEach((name) => {\n      const v = { ...originalValues[name] } as VariableState;\n\n      if (v.value === ALL_VALUE) {\n        const definition = findVariableDefinitionByName(name, definitions, externalDefinitions);\n        // If the variable is a list variable and has a custom all value, then use that value instead\n        if (definition?.kind === 'ListVariable' && definition.spec.customAllValue) {\n          v.value = definition.spec.customAllValue;\n        } else {\n          v.value = v.options?.map((o: { value: string }) => o.value) ?? null;\n        }\n      }\n      contextValues[name] = v;\n    });\n    return contextValues;\n  }, [originalValues, definitions, externalDefinitions]);\n\n  const allBuiltinVariables: BuiltinVariableDefinition[] = useMemo(() => {\n    const result: BuiltinVariableDefinition[] = [\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__from',\n          value: () => absoluteTimeRange.start.valueOf().toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__from',\n            description: 'Start time of the current time range in unix millisecond epoch',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__to',\n          value: () => absoluteTimeRange.end.valueOf().toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__to',\n            description: 'End time of the current time range in unix millisecond epoch',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range',\n          value: () => formatDuration(intervalToPrometheusDuration(absoluteTimeRange)),\n          source: 'Dashboard',\n          display: {\n            name: '__range',\n            description: 'The range for the current dashboard in human readable format',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range_s',\n          value: () => ((absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()) / 1000).toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__range_s',\n            description: 'The range for the current dashboard in second',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range_ms',\n          value: () => (absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()).toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__range_ms',\n            description: 'The range for the current dashboard in millisecond',\n            hidden: true,\n          },\n        },\n      },\n    ];\n    builtinVariables?.forEach((def) => result.push(def));\n    return result;\n  }, [absoluteTimeRange, builtinVariables]);\n\n  return (\n    <BuiltinVariableContext.Provider value={{ variables: allBuiltinVariables }}>\n      <VariableContext.Provider value={{ state: values }}>{children}</VariableContext.Provider>\n    </BuiltinVariableContext.Provider>\n  );\n}\n\ninterface VariableDefinitionStoreArgs {\n  initialVariableDefinitions?: VariableDefinition[];\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  queryParams?: ReturnType<typeof useVariableQueryParams>;\n}\n\nfunction createVariableDefinitionStore({\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  queryParams,\n}: VariableDefinitionStoreArgs): StoreApi<VariableDefinitionStore> {\n  const initialParams = getInitalValuesFromQueryParameters(queryParams ? queryParams[0] : {});\n  const store = createStore<VariableDefinitionStore>()(\n    devtools(\n      immer((set, get) => ({\n        variableState: hydrateVariableDefinitionStates(\n          initialVariableDefinitions,\n          initialParams,\n          externalVariableDefinitions\n        ),\n        variableDefinitions: initialVariableDefinitions,\n        externalVariableDefinitions: externalVariableDefinitions,\n        setVariableDefinitions(definitions: VariableDefinition[]): void {\n          set(\n            (state) => {\n              state.variableDefinitions = definitions;\n              state.variableState = hydrateVariableDefinitionStates(\n                definitions,\n                initialParams,\n                externalVariableDefinitions\n              );\n            },\n            false,\n            '[Variables] setVariableDefinitions' // Used for action name in Redux devtools\n          );\n        },\n        setVariableOptions(name, options, source?: string): void {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.options = options;\n            },\n            false,\n            '[Variables] setVariableOptions'\n          );\n        },\n        setVariableLoading(name, loading, source?: string): void {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.loading = loading;\n            },\n            false,\n            '[Variables] setVariableLoading'\n          );\n        },\n        setVariableValue: (name, value, source?: string): void =>\n          set(\n            (state) => {\n              let val = value;\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n\n              // Make sure there is only one all value\n              if (Array.isArray(val) && val.includes(ALL_VALUE)) {\n                if (val.at(-1) === ALL_VALUE) {\n                  val = ALL_VALUE;\n                } else {\n                  val = val.filter((v) => v !== ALL_VALUE);\n                }\n              }\n              if (queryParams) {\n                const setQueryParams = queryParams[1];\n                setQueryParams({ [getURLQueryParamName(name)]: val });\n              }\n              varState.value = val;\n            },\n            false,\n            '[Variables] setVariableValue'\n          ),\n        setVariableDefaultValues: (): VariableDefinition[] => {\n          const variableDefinitions = get().variableDefinitions;\n          const variableState = get().variableState;\n          const updatedVariables = produce(variableDefinitions, (draft) => {\n            draft.forEach((variable, index) => {\n              const name = variable.spec.name;\n              if (variable.kind === 'ListVariable') {\n                const currentVariable = variableState.get({ name });\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'ListVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.defaultValue = currentVariable.value;\n                    }),\n                  };\n                }\n              } else if (variable.kind === 'TextVariable') {\n                const currentVariable = variableState.get({ name });\n                const currentVariableValue = typeof currentVariable?.value === 'string' ? currentVariable.value : '';\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'TextVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.value = currentVariableValue;\n                    }),\n                  };\n                }\n              }\n            });\n          });\n          set(\n            (state) => {\n              state.variableDefinitions = updatedVariables;\n            },\n            false,\n            '[Variables] setVariableDefaultValues'\n          );\n          return updatedVariables;\n        },\n        getSavedVariablesStatus: (): {\n          modifiedVariableNames: string[];\n          isSavedVariableModified: boolean;\n        } => {\n          return checkSavedDefaultVariableStatus(get().variableDefinitions, get().variableState);\n        },\n      }))\n    )\n  );\n\n  return store as unknown as StoreApi<VariableDefinitionStore>; // TODO: @Gladorme check if we can avoid this cast\n}\n\n/**\n * The external variables allow you to give to the provider some additional variables, not defined in the dashboard and static.\n * 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\n * to modify their runtime value as any other variable.\n * If one of the external variable has the same name as a local one, it will be marked as overridden.\n * You can define one list of variable definition by source and as many source as you want.\n * The order of the sources is important as first one will take precedence on the following ones, in case they have same names.\n */\nexport type ExternalVariableDefinition = {\n  source: string;\n  tooltip?: {\n    title?: string;\n    description?: string;\n  };\n  editLink?: string;\n  definitions: VariableDefinition[];\n};\n\nexport interface VariableProviderProps {\n  children: ReactNode;\n  initialVariableDefinitions?: VariableDefinition[];\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  builtinVariableDefinitions?: BuiltinVariableDefinition[];\n}\n\n// TODO: merge the different providers related to Variables under a single one (and keep \"VariableProvider\" as a name)\nexport function VariableProvider({\n  children,\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  builtinVariableDefinitions = [],\n}: VariableProviderProps): ReactElement {\n  const [store] = useState(createVariableDefinitionStore({ initialVariableDefinitions, externalVariableDefinitions }));\n\n  return (\n    <VariableDefinitionStoreContext.Provider value={store}>\n      <PluginProvider builtinVariables={builtinVariableDefinitions}>{children}</PluginProvider>\n    </VariableDefinitionStoreContext.Provider>\n  );\n}\n\nexport function VariableProviderWithQueryParams({\n  children,\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  builtinVariableDefinitions: builtinVariables = [],\n}: VariableProviderProps): ReactElement {\n  const allVariableDefs = mergeVariableDefinitions(initialVariableDefinitions, externalVariableDefinitions);\n  const queryParams = useVariableQueryParams(allVariableDefs);\n  const [store] = useState(\n    createVariableDefinitionStore({ initialVariableDefinitions, externalVariableDefinitions, queryParams })\n  );\n\n  return (\n    <VariableDefinitionStoreContext.Provider value={store}>\n      <PluginProvider builtinVariables={builtinVariables}>{children}</PluginProvider>\n    </VariableDefinitionStoreContext.Provider>\n  );\n}\n"],"names":["createContext","useContext","useMemo","useState","createStore","useStore","useStoreWithEqualityFn","immer","devtools","produce","VariableContext","BuiltinVariableContext","useTimeRange","DEFAULT_ALL_VALUE","ALL_VALUE","formatDuration","intervalToPrometheusDuration","checkSavedDefaultVariableStatus","findVariableDefinitionByName","mergeVariableDefinitions","hydrateVariableDefinitionStates","getInitalValuesFromQueryParameters","getURLQueryParamName","useVariableQueryParams","VariableDefinitionStoreContext","undefined","useVariableDefinitionStoreCtx","context","Error","useVariableDefinitionStates","variableNames","store","s","varStates","names","variableDefinitions","map","value","spec","name","forEach","varState","variableState","get","overridden","externalVariableDefinitions","d","source","definitions","left","right","JSON","stringify","useVariableDefinitionAndState","state","find","v","definition","useVariableDefinitionActions","setVariableValue","setVariableLoading","setVariableOptions","setVariableDefinitions","setVariableDefaultValues","getSavedVariablesStatus","useVariableDefinitions","useExternalVariableDefinitions","PluginProvider","children","builtinVariables","originalValues","externalDefinitions","absoluteTimeRange","values","contextValues","Object","keys","kind","customAllValue","options","o","allBuiltinVariables","result","start","valueOf","toString","display","description","hidden","end","def","push","Provider","variables","createVariableDefinitionStore","initialVariableDefinitions","queryParams","initialParams","set","loading","val","Array","isArray","includes","at","filter","setQueryParams","updatedVariables","draft","variable","index","currentVariable","specDraft","defaultValue","currentVariableValue","VariableProvider","builtinVariableDefinitions","VariableProviderWithQueryParams","allVariableDefs"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,aAAa,EAA2BC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAC9F,SAASC,WAAW,EAAYC,QAAQ,QAAQ,UAAU;AAC1D,SAASC,sBAAsB,QAAQ,sBAAsB;AAC7D,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,OAAOC,aAAa,QAAQ;AAC5B,SACEC,eAAe,EAKfC,sBAAsB,EACtBC,YAAY,QACP,4BAA4B;AACnC,SACEC,qBAAqBC,SAAS,EAI9BC,cAAc,EACdC,4BAA4B,QAIvB,mBAAmB;AAC1B,SAASC,+BAA+B,EAAEC,4BAA4B,EAAEC,wBAAwB,QAAQ,UAAU;AAClH,SAASC,mCAAmCA,+BAA+B,QAAQ,mBAAmB;AACtG,SAASC,kCAAkC,EAAEC,oBAAoB,EAAEC,sBAAsB,QAAQ,iBAAiB;AAgElH;;CAEC,GACD,MAAMC,+CAAiCxB,cAA6DyB;AACpG,OAAO,SAASC;IACd,MAAMC,UAAU1B,WAAWuB;IAC3B,IAAI,CAACG,SAAS;QACZ,MAAM,IAAIC,MAAM;IAClB;IACA,OAAOD;AACT;AAEA,OAAO,SAASE,4BAA4BC,aAAwB;IAClE,MAAMC,QAAQL;IACd,OAAOpB,uBACLyB,OACA,CAACC;QACC,MAAMC,YAA8B,CAAC;QAErC,6DAA6D;QAC7D,MAAMC,QAAQJ,iBAAiBE,EAAEG,mBAAmB,CAACC,GAAG,CAAC,CAACC,QAAUA,MAAMC,IAAI,CAACC,IAAI;QACnFL,MAAMM,OAAO,CAAC,CAACD;YACb,MAAME,WAAWT,EAAEU,aAAa,CAACC,GAAG,CAAC;gBAAEJ;YAAK;YAC5C,IAAI,CAACE,YAAYA,SAASG,UAAU,EAAE;gBACpC;YACF;YACAX,SAAS,CAACM,KAAK,GAAGE;QACpB;QAEA,gEAAgE;QAChET,EAAEa,2BAA2B,CAACL,OAAO,CAAC,CAACM;YACrC,MAAMC,SAASD,EAAEC,MAAM;YACvBD,EAAEE,WAAW,CAACR,OAAO,CAAC,CAACH;gBACrB,MAAME,OAAOF,MAAMC,IAAI,CAACC,IAAI;gBAC5B,MAAME,WAAWT,EAAEU,aAAa,CAACC,GAAG,CAAC;oBAAEJ;oBAAMQ;gBAAO;gBACpD,IAAI,CAACN,YAAYA,SAASG,UAAU,EAAE;oBACpC;gBACF;gBACAX,SAAS,CAACM,KAAK,GAAGE;YACpB;QACF;QAEA,OAAOR;IACT,GACA,CAACgB,MAAMC;QACL,OAAOC,KAAKC,SAAS,CAACH,UAAUE,KAAKC,SAAS,CAACF;IACjD;AAEJ;AAEA;;;;CAIC,GACD,OAAO,SAASG,8BACdd,IAAY,EACZQ,MAAe;IAKf,MAAMhB,QAAQL;IACd,OAAOrB,SAAS0B,OAAO,CAACC;QACtB,MAAMsB,QAAQtB,EAAEU,aAAa,CAACC,GAAG,CAAC;YAAEJ;YAAMQ;QAAO;QACjD,MAAMC,cAAcD,SAChBf,EAAEa,2BAA2B,CAACU,IAAI,CAAC,CAACC,IAAMA,EAAET,MAAM,KAAKA,SAASC,cAChEhB,EAAEG,mBAAmB;QACzB,MAAMsB,aAAa,AAACT,CAAAA,eAAe,EAAE,AAAD,EAAGO,IAAI,CAAC,CAACC,IAAMA,EAAElB,IAAI,CAACC,IAAI,KAAKA;QAEnE,OAAO;YAAEe;YAAOG;QAAW;IAC7B;AACF;AAEA,OAAO,SAASC;IAQd,MAAM3B,QAAQL;IACd,OAAOrB,SAAS0B,OAAO,CAACC;QACtB,OAAO;YACL2B,kBAAkB3B,EAAE2B,gBAAgB;YACpCC,oBAAoB5B,EAAE4B,kBAAkB;YACxCC,oBAAoB7B,EAAE6B,kBAAkB;YACxCC,wBAAwB9B,EAAE8B,sBAAsB;YAChDC,0BAA0B/B,EAAE+B,wBAAwB;YACpDC,yBAAyBhC,EAAEgC,uBAAuB;QACpD;IACF;AACF;AAEA,OAAO,SAASC;IACd,MAAMlC,QAAQL;IACd,OAAOrB,SAAS0B,OAAO,CAACC,IAAMA,EAAEG,mBAAmB;AACrD;AAEA,OAAO,SAAS+B;IACd,MAAMnC,QAAQL;IACd,OAAOrB,SAAS0B,OAAO,CAACC,IAAMA,EAAEa,2BAA2B;AAC7D;AAOA,SAASsB,eAAe,EAAEC,QAAQ,EAAEC,gBAAgB,EAAuB;IACzE,MAAMC,iBAAiBzC;IACvB,MAAMmB,cAAciB;IACpB,MAAMM,sBAAsBL;IAC5B,MAAM,EAAEM,iBAAiB,EAAE,GAAG5D;IAE9B,MAAM6D,SAASvE,QAAQ;QACrB,MAAMwE,gBAAkC,CAAC;QAEzC,0DAA0D;QAC1D,sEAAsE;QACtE,0BAA0B;QAC1BC,OAAOC,IAAI,CAACN,gBAAgB9B,OAAO,CAAC,CAACD;YACnC,MAAMiB,IAAI;gBAAE,GAAGc,cAAc,CAAC/B,KAAK;YAAC;YAEpC,IAAIiB,EAAEnB,KAAK,KAAKvB,WAAW;gBACzB,MAAM2C,aAAavC,6BAA6BqB,MAAMS,aAAauB;gBACnE,6FAA6F;gBAC7F,IAAId,YAAYoB,SAAS,kBAAkBpB,WAAWnB,IAAI,CAACwC,cAAc,EAAE;oBACzEtB,EAAEnB,KAAK,GAAGoB,WAAWnB,IAAI,CAACwC,cAAc;gBAC1C,OAAO;oBACLtB,EAAEnB,KAAK,GAAGmB,EAAEuB,OAAO,EAAE3C,IAAI,CAAC4C,IAAyBA,EAAE3C,KAAK,KAAK;gBACjE;YACF;YACAqC,aAAa,CAACnC,KAAK,GAAGiB;QACxB;QACA,OAAOkB;IACT,GAAG;QAACJ;QAAgBtB;QAAauB;KAAoB;IAErD,MAAMU,sBAAmD/E,QAAQ;QAC/D,MAAMgF,SAAsC;YAC1C;gBACEL,MAAM;gBACNvC,MAAM;oBACJC,MAAM;oBACNF,OAAO,IAAMmC,kBAAkBW,KAAK,CAACC,OAAO,GAAGC,QAAQ;oBACvDtC,QAAQ;oBACRuC,SAAS;wBACP/C,MAAM;wBACNgD,aAAa;wBACbC,QAAQ;oBACV;gBACF;YACF;YACA;gBACEX,MAAM;gBACNvC,MAAM;oBACJC,MAAM;oBACNF,OAAO,IAAMmC,kBAAkBiB,GAAG,CAACL,OAAO,GAAGC,QAAQ;oBACrDtC,QAAQ;oBACRuC,SAAS;wBACP/C,MAAM;wBACNgD,aAAa;wBACbC,QAAQ;oBACV;gBACF;YACF;YACA;gBACEX,MAAM;gBACNvC,MAAM;oBACJC,MAAM;oBACNF,OAAO,IAAMtB,eAAeC,6BAA6BwD;oBACzDzB,QAAQ;oBACRuC,SAAS;wBACP/C,MAAM;wBACNgD,aAAa;wBACbC,QAAQ;oBACV;gBACF;YACF;YACA;gBACEX,MAAM;gBACNvC,MAAM;oBACJC,MAAM;oBACNF,OAAO,IAAM,AAAC,CAAA,AAACmC,CAAAA,kBAAkBiB,GAAG,CAACL,OAAO,KAAKZ,kBAAkBW,KAAK,CAACC,OAAO,EAAC,IAAK,IAAG,EAAGC,QAAQ;oBACpGtC,QAAQ;oBACRuC,SAAS;wBACP/C,MAAM;wBACNgD,aAAa;wBACbC,QAAQ;oBACV;gBACF;YACF;YACA;gBACEX,MAAM;gBACNvC,MAAM;oBACJC,MAAM;oBACNF,OAAO,IAAM,AAACmC,CAAAA,kBAAkBiB,GAAG,CAACL,OAAO,KAAKZ,kBAAkBW,KAAK,CAACC,OAAO,EAAC,EAAGC,QAAQ;oBAC3FtC,QAAQ;oBACRuC,SAAS;wBACP/C,MAAM;wBACNgD,aAAa;wBACbC,QAAQ;oBACV;gBACF;YACF;SACD;QACDnB,kBAAkB7B,QAAQ,CAACkD,MAAQR,OAAOS,IAAI,CAACD;QAC/C,OAAOR;IACT,GAAG;QAACV;QAAmBH;KAAiB;IAExC,qBACE,KAAC1D,uBAAuBiF,QAAQ;QAACvD,OAAO;YAAEwD,WAAWZ;QAAoB;kBACvE,cAAA,KAACvE,gBAAgBkF,QAAQ;YAACvD,OAAO;gBAAEiB,OAAOmB;YAAO;sBAAIL;;;AAG3D;AAQA,SAAS0B,8BAA8B,EACrCC,6BAA6B,EAAE,EAC/BlD,8BAA8B,EAAE,EAChCmD,WAAW,EACiB;IAC5B,MAAMC,gBAAgB5E,mCAAmC2E,cAAcA,WAAW,CAAC,EAAE,GAAG,CAAC;IACzF,MAAMjE,QAAQ3B,cACZI,SACED,MAAM,CAAC2F,KAAKvD,MAAS,CAAA;YACnBD,eAAetB,gCACb2E,4BACAE,eACApD;YAEFV,qBAAqB4D;YACrBlD,6BAA6BA;YAC7BiB,wBAAuBd,WAAiC;gBACtDkD,IACE,CAAC5C;oBACCA,MAAMnB,mBAAmB,GAAGa;oBAC5BM,MAAMZ,aAAa,GAAGtB,gCACpB4B,aACAiD,eACApD;gBAEJ,GACA,OACA,qCAAqC,yCAAyC;;YAElF;YACAgB,oBAAmBtB,IAAI,EAAEwC,OAAO,EAAEhC,MAAe;gBAC/CmD,IACE,CAAC5C;oBACC,MAAMb,WAAWa,MAAMZ,aAAa,CAACC,GAAG,CAAC;wBAAEJ;wBAAMQ;oBAAO;oBACxD,IAAI,CAACN,UAAU;wBACb;oBACF;oBACAA,SAASsC,OAAO,GAAGA;gBACrB,GACA,OACA;YAEJ;YACAnB,oBAAmBrB,IAAI,EAAE4D,OAAO,EAAEpD,MAAe;gBAC/CmD,IACE,CAAC5C;oBACC,MAAMb,WAAWa,MAAMZ,aAAa,CAACC,GAAG,CAAC;wBAAEJ;wBAAMQ;oBAAO;oBACxD,IAAI,CAACN,UAAU;wBACb;oBACF;oBACAA,SAAS0D,OAAO,GAAGA;gBACrB,GACA,OACA;YAEJ;YACAxC,kBAAkB,CAACpB,MAAMF,OAAOU,SAC9BmD,IACE,CAAC5C;oBACC,IAAI8C,MAAM/D;oBACV,MAAMI,WAAWa,MAAMZ,aAAa,CAACC,GAAG,CAAC;wBAAEJ;wBAAMQ;oBAAO;oBACxD,IAAI,CAACN,UAAU;wBACb;oBACF;oBAEA,wCAAwC;oBACxC,IAAI4D,MAAMC,OAAO,CAACF,QAAQA,IAAIG,QAAQ,CAACzF,YAAY;wBACjD,IAAIsF,IAAII,EAAE,CAAC,CAAC,OAAO1F,WAAW;4BAC5BsF,MAAMtF;wBACR,OAAO;4BACLsF,MAAMA,IAAIK,MAAM,CAAC,CAACjD,IAAMA,MAAM1C;wBAChC;oBACF;oBACA,IAAIkF,aAAa;wBACf,MAAMU,iBAAiBV,WAAW,CAAC,EAAE;wBACrCU,eAAe;4BAAE,CAACpF,qBAAqBiB,MAAM,EAAE6D;wBAAI;oBACrD;oBACA3D,SAASJ,KAAK,GAAG+D;gBACnB,GACA,OACA;YAEJrC,0BAA0B;gBACxB,MAAM5B,sBAAsBQ,MAAMR,mBAAmB;gBACrD,MAAMO,gBAAgBC,MAAMD,aAAa;gBACzC,MAAMiE,mBAAmBlG,QAAQ0B,qBAAqB,CAACyE;oBACrDA,MAAMpE,OAAO,CAAC,CAACqE,UAAUC;wBACvB,MAAMvE,OAAOsE,SAASvE,IAAI,CAACC,IAAI;wBAC/B,IAAIsE,SAAShC,IAAI,KAAK,gBAAgB;4BACpC,MAAMkC,kBAAkBrE,cAAcC,GAAG,CAAC;gCAAEJ;4BAAK;4BACjD,IAAIwE,iBAAiB1E,UAAUZ,WAAW;gCACxCmF,KAAK,CAACE,MAAM,GAAG;oCACbjC,MAAM;oCACNvC,MAAM7B,QAAQoG,SAASvE,IAAI,EAAE,CAAC0E;wCAC5BA,UAAUC,YAAY,GAAGF,gBAAgB1E,KAAK;oCAChD;gCACF;4BACF;wBACF,OAAO,IAAIwE,SAAShC,IAAI,KAAK,gBAAgB;4BAC3C,MAAMkC,kBAAkBrE,cAAcC,GAAG,CAAC;gCAAEJ;4BAAK;4BACjD,MAAM2E,uBAAuB,OAAOH,iBAAiB1E,UAAU,WAAW0E,gBAAgB1E,KAAK,GAAG;4BAClG,IAAI0E,iBAAiB1E,UAAUZ,WAAW;gCACxCmF,KAAK,CAACE,MAAM,GAAG;oCACbjC,MAAM;oCACNvC,MAAM7B,QAAQoG,SAASvE,IAAI,EAAE,CAAC0E;wCAC5BA,UAAU3E,KAAK,GAAG6E;oCACpB;gCACF;4BACF;wBACF;oBACF;gBACF;gBACAhB,IACE,CAAC5C;oBACCA,MAAMnB,mBAAmB,GAAGwE;gBAC9B,GACA,OACA;gBAEF,OAAOA;YACT;YACA3C,yBAAyB;gBAIvB,OAAO/C,gCAAgC0B,MAAMR,mBAAmB,EAAEQ,MAAMD,aAAa;YACvF;QACF,CAAA;IAIJ,OAAOX,OAAuD,kDAAkD;AAClH;AA2BA,sHAAsH;AACtH,OAAO,SAASoF,iBAAiB,EAC/B/C,QAAQ,EACR2B,6BAA6B,EAAE,EAC/BlD,8BAA8B,EAAE,EAChCuE,6BAA6B,EAAE,EACT;IACtB,MAAM,CAACrF,MAAM,GAAG5B,SAAS2F,8BAA8B;QAAEC;QAA4BlD;IAA4B;IAEjH,qBACE,KAACrB,+BAA+BoE,QAAQ;QAACvD,OAAON;kBAC9C,cAAA,KAACoC;YAAeE,kBAAkB+C;sBAA6BhD;;;AAGrE;AAEA,OAAO,SAASiD,gCAAgC,EAC9CjD,QAAQ,EACR2B,6BAA6B,EAAE,EAC/BlD,8BAA8B,EAAE,EAChCuE,4BAA4B/C,mBAAmB,EAAE,EAC3B;IACtB,MAAMiD,kBAAkBnG,yBAAyB4E,4BAA4BlD;IAC7E,MAAMmD,cAAczE,uBAAuB+F;IAC3C,MAAM,CAACvF,MAAM,GAAG5B,SACd2F,8BAA8B;QAAEC;QAA4BlD;QAA6BmD;IAAY;IAGvG,qBACE,KAACxE,+BAA+BoE,QAAQ;QAACvD,OAAON;kBAC9C,cAAA,KAACoC;YAAeE,kBAAkBA;sBAAmBD;;;AAG3D"}
+{"version":3,"sources":["../../../src/context/VariableProvider/VariableProvider.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createContext, ReactElement, ReactNode, useContext, useMemo, useState } from 'react';\nimport { createStore, StoreApi, useStore } from 'zustand';\nimport { useStoreWithEqualityFn } from 'zustand/traditional';\nimport { immer } from 'zustand/middleware/immer';\nimport { devtools } from 'zustand/middleware';\nimport { shallow } from 'zustand/shallow';\nimport { produce } from 'immer';\nimport {\n  VariableContext,\n  VariableStateMap,\n  VariableState,\n  VariableStoreStateMap,\n  VariableOption,\n  BuiltinVariableContext,\n  useTimeRange,\n} from '@perses-dev/plugin-system';\nimport {\n  DEFAULT_ALL_VALUE as ALL_VALUE,\n  VariableName,\n  VariableValue,\n  VariableDefinition,\n  formatDuration,\n  intervalToPrometheusDuration,\n  BuiltinVariableDefinition,\n  TextVariableDefinition,\n  ListVariableDefinition,\n} from '@perses-dev/core';\nimport { checkSavedDefaultVariableStatus, findVariableDefinitionByName, mergeVariableDefinitions } from './utils';\nimport { hydrateVariableDefinitionStates as hydrateVariableDefinitionStates } from './hydrationUtils';\nimport { getInitalValuesFromQueryParameters, getURLQueryParamName, useVariableQueryParams } from './query-params';\n\n/**\n * This store is used to manipulate and read the definition of the variables and their state.\n * - being local or external variables.\n * - being text or list variables.\n * - being of any state (value, options, loading, error, ...) check {@VariableState}\n * Go and read each property documentation for more details.\n */\ntype VariableDefinitionStore = {\n  /**\n   * List of local variables definitions.\n   * This is typically the variable definition that can be modified through the setVariableDefinition setter.\n   *\n   * In Perses App ecosystem, this is typically the dashboard scope variables, that's why we call them local.\n   * Note that depending on the form, we can reuse this store to modify higher scope variables. For example,\n   * when we modify the variable of a project, we'll set this field with project scope variables. To be able to modify\n   * them.\n   */\n  variableDefinitions: VariableDefinition[];\n  /**\n   * List of external variable definitions.\n   * This is static variable definitions that won´t be modified under this context.\n   * You'll have to set one list of external variable definition by scope. See {@link ExternalVariableDefinition} for\n   * more details.\n   *\n   * In Perses App ecosystem, this is typically the project or global scope variables.\n   * Note that depending on the form, we can reuse this store to modify higher scope variables. For example,\n   * when we modify the variable of a project, we'll set this field with global scope variables. Which means we\n   * won't be able to modify them from this form.\n   */\n  externalVariableDefinitions: ExternalVariableDefinition[];\n  /**\n   * Additionally to definitions, we need to associate to each variable a state. That's what this map is meant for.\n   * This can be heavily modified under this context, using the different setters available.\n   * Note that the state of local AND external variables can be modified.\n   */\n  variableState: VariableStoreStateMap;\n  /**\n   * Allow to modify the `value` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param value new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;\n  /**\n   * Allow to modify the `options` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param options new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;\n  /**\n   * Allow to modify the `loading` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param laoding new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n  setVariableDefaultValues: () => VariableDefinition[];\n  getSavedVariablesStatus: () => { isSavedVariableModified: boolean; modifiedVariableNames: string[] };\n};\n\n/**\n * Context object for {@link VariableDefinitionStore}.\n */\nconst VariableDefinitionStoreContext = createContext<StoreApi<VariableDefinitionStore> | undefined>(undefined);\nexport function useVariableDefinitionStoreCtx(): StoreApi<VariableDefinitionStore> {\n  const context = useContext(VariableDefinitionStoreContext);\n  if (!context) {\n    throw new Error('VariableStoreContext not initialized');\n  }\n  return context;\n}\n\nexport function useVariableDefinitionStates(variableNames?: string[]): VariableStateMap {\n  const store = useVariableDefinitionStoreCtx();\n  return useStoreWithEqualityFn(\n    store,\n    (s) => {\n      const varStates: VariableStateMap = {};\n\n      // Collect values of local variables, from the variable state\n      const names = variableNames ?? s.variableDefinitions.map((value) => value.spec.name);\n      names.forEach((name) => {\n        const varState = s.variableState.get({ name });\n        if (!varState || varState.overridden) {\n          return;\n        }\n        varStates[name] = varState;\n      });\n\n      // Collect values of external variables, from the variable state\n      s.externalVariableDefinitions.forEach((d) => {\n        const source = d.source;\n        d.definitions.forEach((value) => {\n          const name = value.spec.name;\n          const varState = s.variableState.get({ name, source });\n          if (!varState || varState.overridden) {\n            return;\n          }\n          varStates[name] = varState;\n        });\n      });\n\n      return varStates;\n    },\n    (left, right) => {\n      return JSON.stringify(left) === JSON.stringify(right);\n    }\n  );\n}\n\n/**\n * Get the state and definition of a variable from the variables context.\n * @param name name of the variable\n * @param source if given, it searches in the external variables\n */\nexport function useVariableDefinitionAndState(\n  name: string,\n  source?: string\n): {\n  definition: TextVariableDefinition | ListVariableDefinition | undefined;\n  state: VariableState | undefined;\n} {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => {\n    const state = s.variableState.get({ name, source });\n    const definitions = source\n      ? s.externalVariableDefinitions.find((v) => v.source === source)?.definitions\n      : s.variableDefinitions;\n    const definition = (definitions || []).find((v) => v.spec.name === name);\n\n    return { state, definition };\n  });\n}\n\nexport function useVariableDefinitionActions(): {\n  setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;\n  getSavedVariablesStatus: () => { isSavedVariableModified: boolean; modifiedVariableNames: string[] };\n  setVariableDefaultValues: () => VariableDefinition[];\n  setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;\n  setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n} {\n  const store = useVariableDefinitionStoreCtx();\n  return useStoreWithEqualityFn(\n    store,\n    (s) => {\n      return {\n        setVariableValue: s.setVariableValue,\n        setVariableLoading: s.setVariableLoading,\n        setVariableOptions: s.setVariableOptions,\n        setVariableDefinitions: s.setVariableDefinitions,\n        setVariableDefaultValues: s.setVariableDefaultValues,\n        getSavedVariablesStatus: s.getSavedVariablesStatus,\n      };\n    },\n    shallow\n  );\n}\n\nexport function useVariableDefinitions(): VariableDefinition[] {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => s.variableDefinitions);\n}\n\nexport function useExternalVariableDefinitions(): ExternalVariableDefinition[] {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => s.externalVariableDefinitions);\n}\n\ninterface PluginProviderProps {\n  children: ReactNode;\n  builtinVariables?: BuiltinVariableDefinition[];\n}\n\nfunction PluginProvider({ children, builtinVariables }: PluginProviderProps): ReactElement {\n  const originalValues = useVariableDefinitionStates();\n  const definitions = useVariableDefinitions();\n  const externalDefinitions = useExternalVariableDefinitions();\n  const { absoluteTimeRange } = useTimeRange();\n\n  const values = useMemo(() => {\n    const contextValues: VariableStateMap = {};\n\n    // This will loop through all the current variables values\n    // and update any variables that have ALL_VALUE as their current value\n    // to include all options.\n    Object.keys(originalValues).forEach((name) => {\n      const v = { ...originalValues[name] } as VariableState;\n\n      if (v.value === ALL_VALUE) {\n        const definition = findVariableDefinitionByName(name, definitions, externalDefinitions);\n        // If the variable is a list variable and has a custom all value, then use that value instead\n        if (definition?.kind === 'ListVariable' && definition.spec.customAllValue) {\n          v.value = definition.spec.customAllValue;\n        } else {\n          v.value = v.options?.map((o: { value: string }) => o.value) ?? null;\n        }\n      }\n      contextValues[name] = v;\n    });\n    return contextValues;\n  }, [originalValues, definitions, externalDefinitions]);\n\n  const allBuiltinVariables: BuiltinVariableDefinition[] = useMemo(() => {\n    const result: BuiltinVariableDefinition[] = [\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__from',\n          value: () => absoluteTimeRange.start.valueOf().toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__from',\n            description: 'Start time of the current time range in unix millisecond epoch',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__to',\n          value: () => absoluteTimeRange.end.valueOf().toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__to',\n            description: 'End time of the current time range in unix millisecond epoch',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range',\n          value: () => formatDuration(intervalToPrometheusDuration(absoluteTimeRange)),\n          source: 'Dashboard',\n          display: {\n            name: '__range',\n            description: 'The range for the current dashboard in human readable format',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range_s',\n          value: () => ((absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()) / 1000).toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__range_s',\n            description: 'The range for the current dashboard in second',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range_ms',\n          value: () => (absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()).toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__range_ms',\n            description: 'The range for the current dashboard in millisecond',\n            hidden: true,\n          },\n        },\n      },\n    ];\n    builtinVariables?.forEach((def) => result.push(def));\n    return result;\n  }, [absoluteTimeRange, builtinVariables]);\n\n  return (\n    <BuiltinVariableContext.Provider value={{ variables: allBuiltinVariables }}>\n      <VariableContext.Provider value={{ state: values }}>{children}</VariableContext.Provider>\n    </BuiltinVariableContext.Provider>\n  );\n}\n\ninterface VariableDefinitionStoreArgs {\n  initialVariableDefinitions?: VariableDefinition[];\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  queryParams?: ReturnType<typeof useVariableQueryParams>;\n}\n\nfunction createVariableDefinitionStore({\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  queryParams,\n}: VariableDefinitionStoreArgs): StoreApi<VariableDefinitionStore> {\n  const initialParams = getInitalValuesFromQueryParameters(queryParams ? queryParams[0] : {});\n  const store = createStore<VariableDefinitionStore>()(\n    devtools(\n      immer((set, get) => ({\n        variableState: hydrateVariableDefinitionStates(\n          initialVariableDefinitions,\n          initialParams,\n          externalVariableDefinitions\n        ),\n        variableDefinitions: initialVariableDefinitions,\n        externalVariableDefinitions: externalVariableDefinitions,\n        setVariableDefinitions(definitions: VariableDefinition[]): void {\n          set(\n            (state) => {\n              state.variableDefinitions = definitions;\n              state.variableState = hydrateVariableDefinitionStates(\n                definitions,\n                initialParams,\n                externalVariableDefinitions\n              );\n            },\n            false,\n            '[Variables] setVariableDefinitions' // Used for action name in Redux devtools\n          );\n        },\n        setVariableOptions(name, options, source?: string): void {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.options = options;\n            },\n            false,\n            '[Variables] setVariableOptions'\n          );\n        },\n        setVariableLoading(name, loading, source?: string): void {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.loading = loading;\n            },\n            false,\n            '[Variables] setVariableLoading'\n          );\n        },\n        setVariableValue: (name, value, source?: string): void =>\n          set(\n            (state) => {\n              let val = value;\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n\n              // Make sure there is only one all value\n              if (Array.isArray(val) && val.includes(ALL_VALUE)) {\n                if (val.at(-1) === ALL_VALUE) {\n                  val = ALL_VALUE;\n                } else {\n                  val = val.filter((v) => v !== ALL_VALUE);\n                }\n              }\n              if (queryParams) {\n                const setQueryParams = queryParams[1];\n                setQueryParams({ [getURLQueryParamName(name)]: val });\n              }\n              varState.value = val;\n            },\n            false,\n            '[Variables] setVariableValue'\n          ),\n        setVariableDefaultValues: (): VariableDefinition[] => {\n          const variableDefinitions = get().variableDefinitions;\n          const variableState = get().variableState;\n          const updatedVariables = produce(variableDefinitions, (draft) => {\n            draft.forEach((variable, index) => {\n              const name = variable.spec.name;\n              if (variable.kind === 'ListVariable') {\n                const currentVariable = variableState.get({ name });\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'ListVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.defaultValue = currentVariable.value;\n                    }),\n                  };\n                }\n              } else if (variable.kind === 'TextVariable') {\n                const currentVariable = variableState.get({ name });\n                const currentVariableValue = typeof currentVariable?.value === 'string' ? currentVariable.value : '';\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'TextVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.value = currentVariableValue;\n                    }),\n                  };\n                }\n              }\n            });\n          });\n          set(\n            (state) => {\n              state.variableDefinitions = updatedVariables;\n            },\n            false,\n            '[Variables] setVariableDefaultValues'\n          );\n          return updatedVariables;\n        },\n        getSavedVariablesStatus: (): {\n          modifiedVariableNames: string[];\n          isSavedVariableModified: boolean;\n        } => {\n          return checkSavedDefaultVariableStatus(get().variableDefinitions, get().variableState);\n        },\n      }))\n    )\n  );\n\n  return store as unknown as StoreApi<VariableDefinitionStore>; // TODO: @Gladorme check if we can avoid this cast\n}\n\n/**\n * The external variables allow you to give to the provider some additional variables, not defined in the dashboard and static.\n * 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\n * to modify their runtime value as any other variable.\n * If one of the external variable has the same name as a local one, it will be marked as overridden.\n * You can define one list of variable definition by source and as many source as you want.\n * The order of the sources is important as first one will take precedence on the following ones, in case they have same names.\n */\nexport type ExternalVariableDefinition = {\n  source: string;\n  tooltip?: {\n    title?: string;\n    description?: string;\n  };\n  editLink?: string;\n  definitions: VariableDefinition[];\n};\n\nexport interface VariableProviderProps {\n  children: ReactNode;\n  initialVariableDefinitions?: VariableDefinition[];\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  builtinVariableDefinitions?: BuiltinVariableDefinition[];\n}\n\n// TODO: merge the different providers related to Variables under a single one (and keep \"VariableProvider\" as a name)\nexport function VariableProvider({\n  children,\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  builtinVariableDefinitions = [],\n}: VariableProviderProps): ReactElement {\n  const [store] = useState(() =>\n    createVariableDefinitionStore({ initialVariableDefinitions, externalVariableDefinitions })\n  );\n\n  return (\n    <VariableDefinitionStoreContext.Provider value={store}>\n      <PluginProvider builtinVariables={builtinVariableDefinitions}>{children}</PluginProvider>\n    </VariableDefinitionStoreContext.Provider>\n  );\n}\n\nexport function VariableProviderWithQueryParams({\n  children,\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  builtinVariableDefinitions: builtinVariables = [],\n}: VariableProviderProps): ReactElement {\n  const allVariableDefs = mergeVariableDefinitions(initialVariableDefinitions, externalVariableDefinitions);\n  const queryParams = useVariableQueryParams(allVariableDefs);\n  const [store] = useState(() =>\n    createVariableDefinitionStore({ initialVariableDefinitions, externalVariableDefinitions, queryParams })\n  );\n\n  return (\n    <VariableDefinitionStoreContext.Provider value={store}>\n      <PluginProvider builtinVariables={builtinVariables}>{children}</PluginProvider>\n    </VariableDefinitionStoreContext.Provider>\n  );\n}\n"],"names":["createContext","useContext","useMemo","useState","createStore","useStore","useStoreWithEqualityFn","immer","devtools","shallow","produce","VariableContext","BuiltinVariableContext","useTimeRange","DEFAULT_ALL_VALUE","ALL_VALUE","formatDuration","intervalToPrometheusDuration","checkSavedDefaultVariableStatus","findVariableDefinitionByName","mergeVariableDefinitions","hydrateVariableDefinitionStates","getInitalValuesFromQueryParameters","getURLQueryParamName","useVariableQueryParams","VariableDefinitionStoreContext","undefined","useVariableDefinitionStoreCtx","context","Error","useVariableDefinitionStates","variableNames","store","s","varStates","names","variableDefinitions","map","value","spec","name","forEach","varState","variableState","get","overridden","externalVariableDefinitions","d","source","definitions","left","right","JSON","stringify","useVariableDefinitionAndState","state","find","v","definition","useVariableDefinitionActions","setVariableValue","setVariableLoading","setVariableOptions","setVariableDefinitions","setVariableDefaultValues","getSavedVariablesStatus","useVariableDefinitions","useExternalVariableDefinitions","PluginProvider","children","builtinVariables","originalValues","externalDefinitions","absoluteTimeRange","values","contextValues","Object","keys","kind","customAllValue","options","o","allBuiltinVariables","result","start","valueOf","toString","display","description","hidden","end","def","push","Provider","variables","createVariableDefinitionStore","initialVariableDefinitions","queryParams","initialParams","set","loading","val","Array","isArray","includes","at","filter","setQueryParams","updatedVariables","draft","variable","index","currentVariable","specDraft","defaultValue","currentVariableValue","VariableProvider","builtinVariableDefinitions","VariableProviderWithQueryParams","allVariableDefs"],"mappings":"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"}

package/dist/context/VariableProvider/query-params.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/VariableProvider/query-params.ts"],"sourcesContent":["// Copyright 2024 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 { VariableValue, VariableDefinition } from '@perses-dev/core';\nimport { QueryParamConfig, useQueryParams } from 'use-query-params';\n\nconst variableQueryParameterPrefix = 'var-';\n\nexport function getURLQueryParamName(name: string): string {\n  return `${variableQueryParameterPrefix}${name}`;\n}\n\nexport function encodeVariableValue(value: VariableValue): string | null {\n  if (Array.isArray(value)) {\n    return value.join(',');\n  }\n  return value;\n}\n\nexport function decodeVariableValue(value: string): VariableValue {\n  if (!value) {\n    return null;\n  }\n  const values = value.split(',');\n  if (values.length === 1) {\n    return values[0] as string;\n  }\n  return values;\n}\n\nconst VariableValueParam: QueryParamConfig<VariableValue> = {\n  encode: encodeVariableValue,\n  decode: (v) => {\n    if (typeof v === 'string') {\n      return decodeVariableValue(v);\n    }\n    return '';\n  },\n};\n\nexport function useVariableQueryParams(defs: VariableDefinition[]): ReturnType<typeof useQueryParams> {\n  const config: Record<string, typeof VariableValueParam> = {};\n  defs.forEach((def) => {\n    const name = getURLQueryParamName(def.spec.name);\n    config[name] = VariableValueParam;\n  });\n  return useQueryParams(config, { updateType: 'replaceIn' });\n}\n\nexport function getInitalValuesFromQueryParameters(\n  queryParamValues: Record<string, VariableValue>\n): Record<string, VariableValue> {\n  const values: Record<string, VariableValue> = {};\n  Object.keys(queryParamValues).forEach((key) => {\n    const value = queryParamValues[key];\n    if (!value) {\n      return;\n    }\n    const name = key.replace(variableQueryParameterPrefix, '');\n    values[name] = value;\n  });\n  return values;\n}\n"],"names":["useQueryParams","variableQueryParameterPrefix","getURLQueryParamName","name","encodeVariableValue","value","Array","isArray","join","decodeVariableValue","values","split","length","VariableValueParam","encode","decode","v","useVariableQueryParams","defs","config","forEach","def","spec","updateType","getInitalValuesFromQueryParameters","queryParamValues","Object","keys","key","replace"],"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,SAA2BA,cAAc,QAAQ,mBAAmB;AAEpE,MAAMC,+BAA+B;AAErC,OAAO,SAASC,qBAAqBC,IAAY;IAC/C,OAAO,CAAC,EAAEF,6BAA6B,EAAEE,KAAK,CAAC;AACjD;AAEA,OAAO,SAASC,oBAAoBC,KAAoB;IACtD,IAAIC,MAAMC,OAAO,CAACF,QAAQ;QACxB,OAAOA,MAAMG,IAAI,CAAC;IACpB;IACA,OAAOH;AACT;AAEA,OAAO,SAASI,oBAAoBJ,KAAa;IAC/C,IAAI,CAACA,OAAO;QACV,OAAO;IACT;IACA,MAAMK,SAASL,MAAMM,KAAK,CAAC;IAC3B,IAAID,OAAOE,MAAM,KAAK,GAAG;QACvB,OAAOF,MAAM,CAAC,EAAE;IAClB;IACA,OAAOA;AACT;AAEA,MAAMG,qBAAsD;IAC1DC,QAAQV;IACRW,QAAQ,CAACC;QACP,IAAI,OAAOA,MAAM,UAAU;YACzB,OAAOP,oBAAoBO;QAC7B;QACA,OAAO;IACT;AACF;AAEA,OAAO,SAASC,uBAAuBC,IAA0B;IAC/D,MAAMC,SAAoD,CAAC;IAC3DD,KAAKE,OAAO,CAAC,CAACC;QACZ,MAAMlB,OAAOD,qBAAqBmB,IAAIC,IAAI,CAACnB,IAAI;QAC/CgB,MAAM,CAAChB,KAAK,GAAGU;IACjB;IACA,OAAOb,eAAemB,QAAQ;QAAEI,YAAY;IAAY;AAC1D;AAEA,OAAO,SAASC,mCACdC,gBAA+C;IAE/C,MAAMf,SAAwC,CAAC;IAC/CgB,OAAOC,IAAI,CAACF,kBAAkBL,OAAO,CAAC,CAACQ;QACrC,MAAMvB,QAAQoB,gBAAgB,CAACG,IAAI;QACnC,IAAI,CAACvB,OAAO;YACV;QACF;QACA,MAAMF,OAAOyB,IAAIC,OAAO,CAAC5B,8BAA8B;QACvDS,MAAM,CAACP,KAAK,GAAGE;IACjB;IACA,OAAOK;AACT"}
+{"version":3,"sources":["../../../src/context/VariableProvider/query-params.ts"],"sourcesContent":["// Copyright 2024 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 { VariableValue, VariableDefinition } from '@perses-dev/core';\nimport { QueryParamConfig, useQueryParams } from 'use-query-params';\n\nconst variableQueryParameterPrefix = 'var-';\n\nexport function getURLQueryParamName(name: string): string {\n  return `${variableQueryParameterPrefix}${name}`;\n}\n\nexport function encodeVariableValue(value: VariableValue): string | null {\n  if (Array.isArray(value)) {\n    return value.join(',');\n  }\n  return value;\n}\n\nexport function decodeVariableValue(value: string): VariableValue {\n  if (!value) {\n    return null;\n  }\n  const values = value.split(',');\n  if (values.length === 1) {\n    return values[0] as string;\n  }\n  return values;\n}\n\nconst VariableValueParam: QueryParamConfig<VariableValue> = {\n  encode: encodeVariableValue,\n  decode: (v) => {\n    if (typeof v === 'string') {\n      return decodeVariableValue(v);\n    }\n    return '';\n  },\n};\n\nexport function useVariableQueryParams(defs: VariableDefinition[]): ReturnType<typeof useQueryParams> {\n  const config: Record<string, typeof VariableValueParam> = {};\n  defs.forEach((def) => {\n    const name = getURLQueryParamName(def.spec.name);\n    config[name] = VariableValueParam;\n  });\n  return useQueryParams(config, { updateType: 'replaceIn' });\n}\n\nexport function getInitalValuesFromQueryParameters(\n  queryParamValues: Record<string, VariableValue>\n): Record<string, VariableValue> {\n  const values: Record<string, VariableValue> = {};\n  Object.keys(queryParamValues).forEach((key) => {\n    const value = queryParamValues[key];\n    if (!value) {\n      return;\n    }\n    const name = key.replace(variableQueryParameterPrefix, '');\n    values[name] = value;\n  });\n  return values;\n}\n"],"names":["useQueryParams","variableQueryParameterPrefix","getURLQueryParamName","name","encodeVariableValue","value","Array","isArray","join","decodeVariableValue","values","split","length","VariableValueParam","encode","decode","v","useVariableQueryParams","defs","config","forEach","def","spec","updateType","getInitalValuesFromQueryParameters","queryParamValues","Object","keys","key","replace"],"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,SAA2BA,cAAc,QAAQ,mBAAmB;AAEpE,MAAMC,+BAA+B;AAErC,OAAO,SAASC,qBAAqBC,IAAY;IAC/C,OAAO,GAAGF,+BAA+BE,MAAM;AACjD;AAEA,OAAO,SAASC,oBAAoBC,KAAoB;IACtD,IAAIC,MAAMC,OAAO,CAACF,QAAQ;QACxB,OAAOA,MAAMG,IAAI,CAAC;IACpB;IACA,OAAOH;AACT;AAEA,OAAO,SAASI,oBAAoBJ,KAAa;IAC/C,IAAI,CAACA,OAAO;QACV,OAAO;IACT;IACA,MAAMK,SAASL,MAAMM,KAAK,CAAC;IAC3B,IAAID,OAAOE,MAAM,KAAK,GAAG;QACvB,OAAOF,MAAM,CAAC,EAAE;IAClB;IACA,OAAOA;AACT;AAEA,MAAMG,qBAAsD;IAC1DC,QAAQV;IACRW,QAAQ,CAACC;QACP,IAAI,OAAOA,MAAM,UAAU;YACzB,OAAOP,oBAAoBO;QAC7B;QACA,OAAO;IACT;AACF;AAEA,OAAO,SAASC,uBAAuBC,IAA0B;IAC/D,MAAMC,SAAoD,CAAC;IAC3DD,KAAKE,OAAO,CAAC,CAACC;QACZ,MAAMlB,OAAOD,qBAAqBmB,IAAIC,IAAI,CAACnB,IAAI;QAC/CgB,MAAM,CAAChB,KAAK,GAAGU;IACjB;IACA,OAAOb,eAAemB,QAAQ;QAAEI,YAAY;IAAY;AAC1D;AAEA,OAAO,SAASC,mCACdC,gBAA+C;IAE/C,MAAMf,SAAwC,CAAC;IAC/CgB,OAAOC,IAAI,CAACF,kBAAkBL,OAAO,CAAC,CAACQ;QACrC,MAAMvB,QAAQoB,gBAAgB,CAACG,IAAI;QACnC,IAAI,CAACvB,OAAO;YACV;QACF;QACA,MAAMF,OAAOyB,IAAIC,OAAO,CAAC5B,8BAA8B;QACvDS,MAAM,CAACP,KAAK,GAAGE;IACjB;IACA,OAAOK;AACT"}

package/dist/context/useDashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/useDashboard.tsx"],"sourcesContent":["// Copyright 2024 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 {\n  createPanelRef,\n  DashboardResource,\n  EphemeralDashboardResource,\n  GridDefinition,\n  PanelGroupId,\n} from '@perses-dev/core';\nimport { PanelGroupDefinition, useDashboardStore } from './DashboardProvider';\nimport { useVariableDefinitionActions, useVariableDefinitions } from './VariableProvider';\n\nexport function useDashboard(): {\n  dashboard: DashboardResource | EphemeralDashboardResource;\n  setDashboard: (dashboardResource: DashboardResource | EphemeralDashboardResource) => void;\n} {\n  const {\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    setDashboard: setDashboardResource,\n    kind,\n    metadata,\n    display,\n    duration,\n    refreshInterval,\n    datasources,\n    ttl,\n  } = useDashboardStore(\n    ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      ttl,\n    }) => ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      ttl,\n    })\n  );\n  const { setVariableDefinitions } = useVariableDefinitionActions();\n  const variables = useVariableDefinitions();\n  const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);\n\n  const dashboard =\n    kind === 'Dashboard'\n      ? ({\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            duration,\n            refreshInterval,\n            datasources,\n          },\n        } as DashboardResource)\n      : ({\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            duration,\n            refreshInterval,\n            datasources,\n            ttl,\n          },\n        } as EphemeralDashboardResource);\n\n  const setDashboard = (dashboardResource: DashboardResource | EphemeralDashboardResource): void => {\n    setVariableDefinitions(dashboardResource.spec.variables);\n    setDashboardResource(dashboardResource);\n  };\n\n  return {\n    dashboard,\n    setDashboard,\n  };\n}\n\nfunction convertPanelGroupsToLayouts(\n  panelGroups: Record<number, PanelGroupDefinition>,\n  panelGroupOrder: PanelGroupId[]\n): GridDefinition[] {\n  const layouts: GridDefinition[] = [];\n  panelGroupOrder.map((groupOrderId) => {\n    const group = panelGroups[groupOrderId];\n    if (group === undefined) {\n      throw new Error('panel group not found');\n    }\n    const { title, isCollapsed, itemLayouts, itemPanelKeys } = group;\n    let display = undefined;\n    if (title) {\n      display = {\n        title,\n        collapse: {\n          open: !isCollapsed,\n        },\n      };\n    }\n    const layout: GridDefinition = {\n      kind: 'Grid',\n      spec: {\n        display,\n        items: itemLayouts.map((layout) => {\n          const panelKey = itemPanelKeys[layout.i];\n          if (panelKey === undefined) {\n            throw new Error(`Missing panel key of layout ${layout.i}`);\n          }\n          return {\n            x: layout.x,\n            y: layout.y,\n            width: layout.w,\n            height: layout.h,\n            content: createPanelRef(panelKey),\n          };\n        }),\n      },\n    };\n    layouts.push(layout);\n  });\n\n  return layouts;\n}\n"],"names":["createPanelRef","useDashboardStore","useVariableDefinitionActions","useVariableDefinitions","useDashboard","panels","panelGroups","panelGroupOrder","setDashboard","setDashboardResource","kind","metadata","display","duration","refreshInterval","datasources","ttl","setVariableDefinitions","variables","layouts","convertPanelGroupsToLayouts","dashboard","spec","dashboardResource","map","groupOrderId","group","undefined","Error","title","isCollapsed","itemLayouts","itemPanelKeys","collapse","open","layout","items","panelKey","i","x","y","width","w","height","h","content","push"],"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,SACEA,cAAc,QAKT,mBAAmB;AAC1B,SAA+BC,iBAAiB,QAAQ,sBAAsB;AAC9E,SAASC,4BAA4B,EAAEC,sBAAsB,QAAQ,qBAAqB;AAE1F,OAAO,SAASC;IAId,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,cAAcC,oBAAoB,EAClCC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,GAAG,EACJ,GAAGf,kBACF,CAAC,EACCI,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,YAAY,EACZE,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,GAAG,EACJ,GAAM,CAAA;YACLX;YACAC;YACAC;YACAC;YACAE;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF,CAAA;IAEF,MAAM,EAAEC,sBAAsB,EAAE,GAAGf;IACnC,MAAMgB,YAAYf;IAClB,MAAMgB,UAAUC,4BAA4Bd,aAAaC;IAEzD,MAAMc,YACJX,SAAS,cACJ;QACCA;QACAC;QACAW,MAAM;YACJV;YACAP;YACAc;YACAD;YACAL;YACAC;YACAC;QACF;IACF,IACC;QACCL;QACAC;QACAW,MAAM;YACJV;YACAP;YACAc;YACAD;YACAL;YACAC;YACAC;YACAC;QACF;IACF;IAEN,MAAMR,eAAe,CAACe;QACpBN,uBAAuBM,kBAAkBD,IAAI,CAACJ,SAAS;QACvDT,qBAAqBc;IACvB;IAEA,OAAO;QACLF;QACAb;IACF;AACF;AAEA,SAASY,4BACPd,WAAiD,EACjDC,eAA+B;IAE/B,MAAMY,UAA4B,EAAE;IACpCZ,gBAAgBiB,GAAG,CAAC,CAACC;QACnB,MAAMC,QAAQpB,WAAW,CAACmB,aAAa;QACvC,IAAIC,UAAUC,WAAW;YACvB,MAAM,IAAIC,MAAM;QAClB;QACA,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,WAAW,EAAEC,aAAa,EAAE,GAAGN;QAC3D,IAAId,UAAUe;QACd,IAAIE,OAAO;YACTjB,UAAU;gBACRiB;gBACAI,UAAU;oBACRC,MAAM,CAACJ;gBACT;YACF;QACF;QACA,MAAMK,SAAyB;YAC7BzB,MAAM;YACNY,MAAM;gBACJV;gBACAwB,OAAOL,YAAYP,GAAG,CAAC,CAACW;oBACtB,MAAME,WAAWL,aAAa,CAACG,OAAOG,CAAC,CAAC;oBACxC,IAAID,aAAaV,WAAW;wBAC1B,MAAM,IAAIC,MAAM,CAAC,4BAA4B,EAAEO,OAAOG,CAAC,CAAC,CAAC;oBAC3D;oBACA,OAAO;wBACLC,GAAGJ,OAAOI,CAAC;wBACXC,GAAGL,OAAOK,CAAC;wBACXC,OAAON,OAAOO,CAAC;wBACfC,QAAQR,OAAOS,CAAC;wBAChBC,SAAS7C,eAAeqC;oBAC1B;gBACF;YACF;QACF;QACAlB,QAAQ2B,IAAI,CAACX;IACf;IAEA,OAAOhB;AACT"}
+{"version":3,"sources":["../../src/context/useDashboard.tsx"],"sourcesContent":["// Copyright 2024 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 {\n  createPanelRef,\n  DashboardResource,\n  EphemeralDashboardResource,\n  GridDefinition,\n  PanelGroupId,\n} from '@perses-dev/core';\nimport { PanelGroupDefinition, useDashboardStore } from './DashboardProvider';\nimport { useVariableDefinitionActions, useVariableDefinitions } from './VariableProvider';\n\nexport function useDashboard(): {\n  dashboard: DashboardResource | EphemeralDashboardResource;\n  setDashboard: (dashboardResource: DashboardResource | EphemeralDashboardResource) => void;\n} {\n  const {\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    setDashboard: setDashboardResource,\n    kind,\n    metadata,\n    display,\n    duration,\n    refreshInterval,\n    datasources,\n    ttl,\n  } = useDashboardStore(\n    ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      ttl,\n    }) => ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      ttl,\n    })\n  );\n  const { setVariableDefinitions } = useVariableDefinitionActions();\n  const variables = useVariableDefinitions();\n  const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);\n\n  const dashboard =\n    kind === 'Dashboard'\n      ? ({\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            duration,\n            refreshInterval,\n            datasources,\n          },\n        } as DashboardResource)\n      : ({\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            duration,\n            refreshInterval,\n            datasources,\n            ttl,\n          },\n        } as EphemeralDashboardResource);\n\n  const setDashboard = (dashboardResource: DashboardResource | EphemeralDashboardResource): void => {\n    setVariableDefinitions(dashboardResource.spec.variables);\n    setDashboardResource(dashboardResource);\n  };\n\n  return {\n    dashboard,\n    setDashboard,\n  };\n}\n\nfunction convertPanelGroupsToLayouts(\n  panelGroups: Record<number, PanelGroupDefinition>,\n  panelGroupOrder: PanelGroupId[]\n): GridDefinition[] {\n  const layouts: GridDefinition[] = [];\n  panelGroupOrder.map((groupOrderId) => {\n    const group = panelGroups[groupOrderId];\n    if (group === undefined) {\n      throw new Error('panel group not found');\n    }\n    const { title, isCollapsed, itemLayouts, itemPanelKeys } = group;\n    let display = undefined;\n    if (title) {\n      display = {\n        title,\n        collapse: {\n          open: !isCollapsed,\n        },\n      };\n    }\n    const layout: GridDefinition = {\n      kind: 'Grid',\n      spec: {\n        display,\n        items: itemLayouts.map((layout) => {\n          const panelKey = itemPanelKeys[layout.i];\n          if (panelKey === undefined) {\n            throw new Error(`Missing panel key of layout ${layout.i}`);\n          }\n          return {\n            x: layout.x,\n            y: layout.y,\n            width: layout.w,\n            height: layout.h,\n            content: createPanelRef(panelKey),\n          };\n        }),\n      },\n    };\n    layouts.push(layout);\n  });\n\n  return layouts;\n}\n"],"names":["createPanelRef","useDashboardStore","useVariableDefinitionActions","useVariableDefinitions","useDashboard","panels","panelGroups","panelGroupOrder","setDashboard","setDashboardResource","kind","metadata","display","duration","refreshInterval","datasources","ttl","setVariableDefinitions","variables","layouts","convertPanelGroupsToLayouts","dashboard","spec","dashboardResource","map","groupOrderId","group","undefined","Error","title","isCollapsed","itemLayouts","itemPanelKeys","collapse","open","layout","items","panelKey","i","x","y","width","w","height","h","content","push"],"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,SACEA,cAAc,QAKT,mBAAmB;AAC1B,SAA+BC,iBAAiB,QAAQ,sBAAsB;AAC9E,SAASC,4BAA4B,EAAEC,sBAAsB,QAAQ,qBAAqB;AAE1F,OAAO,SAASC;IAId,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,cAAcC,oBAAoB,EAClCC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,GAAG,EACJ,GAAGf,kBACF,CAAC,EACCI,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,YAAY,EACZE,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,GAAG,EACJ,GAAM,CAAA;YACLX;YACAC;YACAC;YACAC;YACAE;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF,CAAA;IAEF,MAAM,EAAEC,sBAAsB,EAAE,GAAGf;IACnC,MAAMgB,YAAYf;IAClB,MAAMgB,UAAUC,4BAA4Bd,aAAaC;IAEzD,MAAMc,YACJX,SAAS,cACJ;QACCA;QACAC;QACAW,MAAM;YACJV;YACAP;YACAc;YACAD;YACAL;YACAC;YACAC;QACF;IACF,IACC;QACCL;QACAC;QACAW,MAAM;YACJV;YACAP;YACAc;YACAD;YACAL;YACAC;YACAC;YACAC;QACF;IACF;IAEN,MAAMR,eAAe,CAACe;QACpBN,uBAAuBM,kBAAkBD,IAAI,CAACJ,SAAS;QACvDT,qBAAqBc;IACvB;IAEA,OAAO;QACLF;QACAb;IACF;AACF;AAEA,SAASY,4BACPd,WAAiD,EACjDC,eAA+B;IAE/B,MAAMY,UAA4B,EAAE;IACpCZ,gBAAgBiB,GAAG,CAAC,CAACC;QACnB,MAAMC,QAAQpB,WAAW,CAACmB,aAAa;QACvC,IAAIC,UAAUC,WAAW;YACvB,MAAM,IAAIC,MAAM;QAClB;QACA,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,WAAW,EAAEC,aAAa,EAAE,GAAGN;QAC3D,IAAId,UAAUe;QACd,IAAIE,OAAO;YACTjB,UAAU;gBACRiB;gBACAI,UAAU;oBACRC,MAAM,CAACJ;gBACT;YACF;QACF;QACA,MAAMK,SAAyB;YAC7BzB,MAAM;YACNY,MAAM;gBACJV;gBACAwB,OAAOL,YAAYP,GAAG,CAAC,CAACW;oBACtB,MAAME,WAAWL,aAAa,CAACG,OAAOG,CAAC,CAAC;oBACxC,IAAID,aAAaV,WAAW;wBAC1B,MAAM,IAAIC,MAAM,CAAC,4BAA4B,EAAEO,OAAOG,CAAC,EAAE;oBAC3D;oBACA,OAAO;wBACLC,GAAGJ,OAAOI,CAAC;wBACXC,GAAGL,OAAOK,CAAC;wBACXC,OAAON,OAAOO,CAAC;wBACfC,QAAQR,OAAOS,CAAC;wBAChBC,SAAS7C,eAAeqC;oBAC1B;gBACF;YACF;QACF;QACAlB,QAAQ2B,IAAI,CAACX;IACf;IAEA,OAAOhB;AACT"}

package/dist/test/datasource-provider.d.ts

@@ -1,6 +1,6 @@
 import { GlobalDatasourceResource } from '@perses-dev/core';
 import { DatasourceStoreProviderProps } from '../context';
-export declare const prometheusDemoUrl = "https://prometheus.demo.do.prometheus.io";
+export declare const prometheusDemoUrl = "https://prometheus.demo.prometheus.io";
 export declare const prometheusDemo: GlobalDatasourceResource;
 export declare const defaultDatasourceProps: Pick<DatasourceStoreProviderProps, 'datasourceApi' | 'dashboardResource'>;
 //# sourceMappingURL=datasource-provider.d.ts.map

package/dist/test/datasource-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datasource-provider.d.ts","sourceRoot":"","sources":["../../src/test/datasource-provider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAG1D,eAAO,MAAM,iBAAiB,6CAA6C,CAAC;AAC5E,eAAO,MAAM,cAAc,EAAE,wBAenB,CAAC;AAKX,eAAO,MAAM,sBAAsB,EAAE,IAAI,CAAC,4BAA4B,EAAE,eAAe,GAAG,mBAAmB,CAqB5G,CAAC"}
+{"version":3,"file":"datasource-provider.d.ts","sourceRoot":"","sources":["../../src/test/datasource-provider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAG1D,eAAO,MAAM,iBAAiB,0CAA0C,CAAC;AACzE,eAAO,MAAM,cAAc,EAAE,wBAenB,CAAC;AAKX,eAAO,MAAM,sBAAsB,EAAE,IAAI,CAAC,4BAA4B,EAAE,eAAe,GAAG,mBAAmB,CAqB5G,CAAC"}

package/dist/test/datasource-provider.js

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { getTestDashboard } from './dashboard-provider';
-export const prometheusDemoUrl = 'https://prometheus.demo.do.prometheus.io';
+export const prometheusDemoUrl = 'https://prometheus.demo.prometheus.io';
 export const prometheusDemo = {
     kind: 'GlobalDatasource',
     metadata: {

package/dist/test/datasource-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test/datasource-provider.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 { GlobalDatasourceResource } from '@perses-dev/core';\nimport { DatasourceStoreProviderProps } from '../context';\nimport { getTestDashboard } from './dashboard-provider';\n\nexport const prometheusDemoUrl = 'https://prometheus.demo.do.prometheus.io';\nexport const prometheusDemo: GlobalDatasourceResource = {\n  kind: 'GlobalDatasource',\n  metadata: {\n    name: 'PrometheusDemo',\n    createdAt: '0001-01-01T00:00:00Z',\n    updatedAt: '0001-01-01T00:00:00Z',\n    version: 0,\n  },\n  spec: {\n    default: true,\n    plugin: {\n      kind: 'PrometheusDatasource',\n      spec: { directUrl: prometheusDemoUrl },\n    },\n  },\n} as const;\n\n// This default currently defines the bare minimum to get a story working in\n// the `Dashboard` storybook with the Prometheus demo api. We'll likely want\n// to expand it to do more in the future.\nexport const defaultDatasourceProps: Pick<DatasourceStoreProviderProps, 'datasourceApi' | 'dashboardResource'> = {\n  dashboardResource: getTestDashboard(),\n  datasourceApi: {\n    buildProxyUrl: () => '',\n    getDatasource: () => {\n      return Promise.resolve(undefined);\n    },\n    getGlobalDatasource: (selector) => {\n      if (selector.kind === 'PrometheusDatasource') {\n        return Promise.resolve(prometheusDemo);\n      }\n\n      return Promise.resolve(undefined);\n    },\n    listDatasources: () => {\n      return Promise.resolve([]);\n    },\n    listGlobalDatasources: () => {\n      return Promise.resolve([]);\n    },\n  },\n};\n"],"names":["getTestDashboard","prometheusDemoUrl","prometheusDemo","kind","metadata","name","createdAt","updatedAt","version","spec","default","plugin","directUrl","defaultDatasourceProps","dashboardResource","datasourceApi","buildProxyUrl","getDatasource","Promise","resolve","undefined","getGlobalDatasource","selector","listDatasources","listGlobalDatasources"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,SAASA,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,oBAAoB,2CAA2C;AAC5E,OAAO,MAAMC,iBAA2C;IACtDC,MAAM;IACNC,UAAU;QACRC,MAAM;QACNC,WAAW;QACXC,WAAW;QACXC,SAAS;IACX;IACAC,MAAM;QACJC,SAAS;QACTC,QAAQ;YACNR,MAAM;YACNM,MAAM;gBAAEG,WAAWX;YAAkB;QACvC;IACF;AACF,EAAW;AAEX,4EAA4E;AAC5E,4EAA4E;AAC5E,yCAAyC;AACzC,OAAO,MAAMY,yBAAoG;IAC/GC,mBAAmBd;IACnBe,eAAe;QACbC,eAAe,IAAM;QACrBC,eAAe;YACb,OAAOC,QAAQC,OAAO,CAACC;QACzB;QACAC,qBAAqB,CAACC;YACpB,IAAIA,SAASnB,IAAI,KAAK,wBAAwB;gBAC5C,OAAOe,QAAQC,OAAO,CAACjB;YACzB;YAEA,OAAOgB,QAAQC,OAAO,CAACC;QACzB;QACAG,iBAAiB;YACf,OAAOL,QAAQC,OAAO,CAAC,EAAE;QAC3B;QACAK,uBAAuB;YACrB,OAAON,QAAQC,OAAO,CAAC,EAAE;QAC3B;IACF;AACF,EAAE"}
+{"version":3,"sources":["../../src/test/datasource-provider.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 { GlobalDatasourceResource } from '@perses-dev/core';\nimport { DatasourceStoreProviderProps } from '../context';\nimport { getTestDashboard } from './dashboard-provider';\n\nexport const prometheusDemoUrl = 'https://prometheus.demo.prometheus.io';\nexport const prometheusDemo: GlobalDatasourceResource = {\n  kind: 'GlobalDatasource',\n  metadata: {\n    name: 'PrometheusDemo',\n    createdAt: '0001-01-01T00:00:00Z',\n    updatedAt: '0001-01-01T00:00:00Z',\n    version: 0,\n  },\n  spec: {\n    default: true,\n    plugin: {\n      kind: 'PrometheusDatasource',\n      spec: { directUrl: prometheusDemoUrl },\n    },\n  },\n} as const;\n\n// This default currently defines the bare minimum to get a story working in\n// the `Dashboard` storybook with the Prometheus demo api. We'll likely want\n// to expand it to do more in the future.\nexport const defaultDatasourceProps: Pick<DatasourceStoreProviderProps, 'datasourceApi' | 'dashboardResource'> = {\n  dashboardResource: getTestDashboard(),\n  datasourceApi: {\n    buildProxyUrl: () => '',\n    getDatasource: () => {\n      return Promise.resolve(undefined);\n    },\n    getGlobalDatasource: (selector) => {\n      if (selector.kind === 'PrometheusDatasource') {\n        return Promise.resolve(prometheusDemo);\n      }\n\n      return Promise.resolve(undefined);\n    },\n    listDatasources: () => {\n      return Promise.resolve([]);\n    },\n    listGlobalDatasources: () => {\n      return Promise.resolve([]);\n    },\n  },\n};\n"],"names":["getTestDashboard","prometheusDemoUrl","prometheusDemo","kind","metadata","name","createdAt","updatedAt","version","spec","default","plugin","directUrl","defaultDatasourceProps","dashboardResource","datasourceApi","buildProxyUrl","getDatasource","Promise","resolve","undefined","getGlobalDatasource","selector","listDatasources","listGlobalDatasources"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,SAASA,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,oBAAoB,wCAAwC;AACzE,OAAO,MAAMC,iBAA2C;IACtDC,MAAM;IACNC,UAAU;QACRC,MAAM;QACNC,WAAW;QACXC,WAAW;QACXC,SAAS;IACX;IACAC,MAAM;QACJC,SAAS;QACTC,QAAQ;YACNR,MAAM;YACNM,MAAM;gBAAEG,WAAWX;YAAkB;QACvC;IACF;AACF,EAAW;AAEX,4EAA4E;AAC5E,4EAA4E;AAC5E,yCAAyC;AACzC,OAAO,MAAMY,yBAAoG;IAC/GC,mBAAmBd;IACnBe,eAAe;QACbC,eAAe,IAAM;QACrBC,eAAe;YACb,OAAOC,QAAQC,OAAO,CAACC;QACzB;QACAC,qBAAqB,CAACC;YACpB,IAAIA,SAASnB,IAAI,KAAK,wBAAwB;gBAC5C,OAAOe,QAAQC,OAAO,CAACjB;YACzB;YAEA,OAAOgB,QAAQC,OAAO,CAACC;QACzB;QACAG,iBAAiB;YACf,OAAOL,QAAQC,OAAO,CAAC,EAAE;QAC3B;QACAK,uBAAuB;YACrB,OAAON,QAAQC,OAAO,CAAC,EAAE;QAC3B;IACF;AACF,EAAE"}

package/dist/utils/panelUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/panelUtils.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PanelDefinition } from '@perses-dev/core';\nimport { PanelGroupDefinition, PanelGroupItemLayout } from '../context';\nimport { GRID_LAYOUT_SMALL_BREAKPOINT, GRID_LAYOUT_COLS } from '../constants';\n\n// Given a PanelGroup, will find the Y coordinate for adding a new row to the grid, taking into account the items present\nexport function getYForNewRow(group: PanelGroupDefinition): number {\n  let newRowY = 0;\n  for (const layout of group.itemLayouts) {\n    const itemMaxY = layout.y + layout.h;\n    if (itemMaxY > newRowY) {\n      newRowY = itemMaxY;\n    }\n  }\n  return newRowY;\n}\n\ntype PanelGroupItemBounds = {\n  /**\n   * Left horizontal position.\n   */\n  x1: number;\n  /**\n   * Right horizontal position.\n   */\n  x2: number;\n  /**\n   * Top vertical position.\n   */\n  y1: number;\n  /**\n   * Bottom vertical position\n   */\n  y2: number;\n};\n\nfunction getPanelBounds({ x, y, w, h }: PanelGroupItemLayout): PanelGroupItemBounds {\n  return {\n    x1: x,\n    x2: x + w,\n    y1: y,\n    y2: y + h,\n  };\n}\n\nexport type UnpositionedPanelGroupItemLayout = Omit<PanelGroupItemLayout, 'x' | 'y'>;\n\n/**\n * Inserts a new panel into the layout with placement determined by a specified\n * reference panel. The new panel is placed:\n * - To the right of the reference panel if there is space available without\n *   moving other panels.\n * - Otherwise, directly below the reference panel. If other panels are below\n *   this location, they will also shift downward because the grid uses\n *   vertical-based compacting.\n *\n * @param newLayout - Layout for new panel to insert into the grid.\n * @param referenceLayout - Layout for reference panel used to determine the\n *   placement of the new panel.\n * @param itemLayouts - Full grid layout.\n * @returns - Item layouts modified to insert the new panel.\n */\nexport function insertPanelInLayout(\n  newLayout: UnpositionedPanelGroupItemLayout,\n  referenceLayout: PanelGroupItemLayout,\n  itemLayouts: PanelGroupItemLayout[]\n): PanelGroupItemLayout[] {\n  const MAX_LAYOUT_WIDTH = GRID_LAYOUT_COLS[GRID_LAYOUT_SMALL_BREAKPOINT];\n\n  const referenceBounds = getPanelBounds(referenceLayout);\n\n  // Organize layouts based on vertical relation to the item being inserted\n  // after.\n  const aboveInsertRow: PanelGroupItemLayout[] = [];\n  const insertRow: PanelGroupItemLayout[] = [];\n  const belowInsertRow: PanelGroupItemLayout[] = [];\n  itemLayouts.forEach((itemLayout) => {\n    const itemBounds = getPanelBounds(itemLayout);\n\n    if (itemBounds.y2 <= referenceBounds.y1) {\n      aboveInsertRow.push(itemLayout);\n    } else if (itemBounds.y1 >= referenceBounds.y2) {\n      belowInsertRow.push(itemLayout);\n    } else {\n      insertRow.push(itemLayout);\n    }\n  });\n\n  // Cannot safely assume that the order of item layouts array is strictly\n  // left to right. Sorting the row by horizontal position to more easily find\n  // gaps.\n  insertRow.sort((a, b) => a.x - b.x);\n  const insertAfterIndex = insertRow.findIndex((item) => item.i === referenceLayout.i);\n\n  if (insertAfterIndex === insertRow.length - 1) {\n    // Insert to the right when space is available and the reference is the last\n    // item in the row.\n    if (referenceBounds.x2 + newLayout.w <= MAX_LAYOUT_WIDTH) {\n      return [\n        ...aboveInsertRow,\n        ...insertRow,\n        {\n          ...newLayout,\n          x: referenceBounds.x2,\n          y: referenceBounds.y1,\n        },\n        ...belowInsertRow,\n      ];\n    }\n  } else if (insertAfterIndex >= 0) {\n    const nextItem = insertRow[insertAfterIndex + 1];\n\n    if (nextItem && getPanelBounds(nextItem).x1 - referenceBounds.x2 >= newLayout.w) {\n      // Insert to the right when space is available between the reference and\n      // the next item in the row.\n      insertRow.splice(insertAfterIndex + 1, 0, {\n        ...newLayout,\n        x: referenceBounds.x2,\n        y: referenceBounds.y1,\n      });\n\n      return [...aboveInsertRow, ...insertRow, ...belowInsertRow];\n    }\n  }\n\n  // Insert the new item below the original and shift the items below the\n  // row where the reference is located.\n  return [\n    ...aboveInsertRow,\n    ...insertRow,\n    { x: referenceBounds.x1, y: referenceBounds.y2, ...newLayout },\n    ...belowInsertRow.map((itemLayout) => {\n      // Note: the grid will not necessarily display all of these items shifted\n      // all the way down because of vertical compacting, but shifing their\n      // y position ensures the new item gets vertical precedence over items\n      // below it in that compacting.\n      return { ...itemLayout, y: itemLayout.y + newLayout.h };\n    }),\n  ];\n}\n\n/**\n * Get a valid panel key, where a valid key:\n * - does not include invalid characters\n * - is unique\n */\nexport function getValidPanelKey(panelKey: string, panels: Record<string, PanelDefinition>): string {\n  const uniquePanelKeys = getUniquePanelKeys(panels);\n  let normalizedPanelKey = getPanelKeyParts(removeWhiteSpaces(panelKey)).name;\n\n  const matchingKey = uniquePanelKeys[normalizedPanelKey];\n  if (typeof matchingKey === 'number') {\n    normalizedPanelKey += `-${matchingKey + 1}`;\n  }\n  return normalizedPanelKey;\n}\n\ntype PanelKeyParts = {\n  name: string;\n  number?: number;\n};\n\nconst removeWhiteSpaces = (str: string): string => {\n  return str.replace(/\\s+/g, '');\n};\n\n/**\n * Breaks the specified panel key into the name and the optional `-number` used\n * for deduping panels with the same name.\n */\nfunction getPanelKeyParts(panelKey: string): PanelKeyParts {\n  const parts = panelKey.match(/(.+)-([0-9]+)/);\n  if (parts && parts[1] && parts[2]) {\n    return {\n      name: parts[1],\n      number: parseInt(parts[2], 10),\n    };\n  }\n\n  return {\n    name: panelKey,\n  };\n}\n\n// Find all the unique panel keys and the largest number used for each.\n// ex: cpu, cpu-1, cpu-2 count as the same panel key since these panels have the same name\nfunction getUniquePanelKeys(panels: Record<string, PanelDefinition>): Record<string, number> {\n  const uniquePanelKeys: Record<string, number> = {};\n  Object.keys(panels).forEach((panelKey) => {\n    const { name, number } = getPanelKeyParts(panelKey);\n    if (uniquePanelKeys[name] === undefined) {\n      uniquePanelKeys[name] = 0;\n    }\n    const currentValue = uniquePanelKeys[name];\n    if (typeof currentValue === 'number' && number) {\n      // Check for the maximum value because we cannot rely on a sequential\n      // set of numbers when panels are modified.\n      uniquePanelKeys[name] = Math.max(currentValue, number);\n    }\n  });\n  return uniquePanelKeys;\n}\n"],"names":["GRID_LAYOUT_SMALL_BREAKPOINT","GRID_LAYOUT_COLS","getYForNewRow","group","newRowY","layout","itemLayouts","itemMaxY","y","h","getPanelBounds","x","w","x1","x2","y1","y2","insertPanelInLayout","newLayout","referenceLayout","MAX_LAYOUT_WIDTH","referenceBounds","aboveInsertRow","insertRow","belowInsertRow","forEach","itemLayout","itemBounds","push","sort","a","b","insertAfterIndex","findIndex","item","i","length","nextItem","splice","map","getValidPanelKey","panelKey","panels","uniquePanelKeys","getUniquePanelKeys","normalizedPanelKey","getPanelKeyParts","removeWhiteSpaces","name","matchingKey","str","replace","parts","match","number","parseInt","Object","keys","undefined","currentValue","Math","max"],"mappings":"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"}
+{"version":3,"sources":["../../src/utils/panelUtils.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PanelDefinition } from '@perses-dev/core';\nimport { PanelGroupDefinition, PanelGroupItemLayout } from '../context';\nimport { GRID_LAYOUT_SMALL_BREAKPOINT, GRID_LAYOUT_COLS } from '../constants';\n\n// Given a PanelGroup, will find the Y coordinate for adding a new row to the grid, taking into account the items present\nexport function getYForNewRow(group: PanelGroupDefinition): number {\n  let newRowY = 0;\n  for (const layout of group.itemLayouts) {\n    const itemMaxY = layout.y + layout.h;\n    if (itemMaxY > newRowY) {\n      newRowY = itemMaxY;\n    }\n  }\n  return newRowY;\n}\n\ntype PanelGroupItemBounds = {\n  /**\n   * Left horizontal position.\n   */\n  x1: number;\n  /**\n   * Right horizontal position.\n   */\n  x2: number;\n  /**\n   * Top vertical position.\n   */\n  y1: number;\n  /**\n   * Bottom vertical position\n   */\n  y2: number;\n};\n\nfunction getPanelBounds({ x, y, w, h }: PanelGroupItemLayout): PanelGroupItemBounds {\n  return {\n    x1: x,\n    x2: x + w,\n    y1: y,\n    y2: y + h,\n  };\n}\n\nexport type UnpositionedPanelGroupItemLayout = Omit<PanelGroupItemLayout, 'x' | 'y'>;\n\n/**\n * Inserts a new panel into the layout with placement determined by a specified\n * reference panel. The new panel is placed:\n * - To the right of the reference panel if there is space available without\n *   moving other panels.\n * - Otherwise, directly below the reference panel. If other panels are below\n *   this location, they will also shift downward because the grid uses\n *   vertical-based compacting.\n *\n * @param newLayout - Layout for new panel to insert into the grid.\n * @param referenceLayout - Layout for reference panel used to determine the\n *   placement of the new panel.\n * @param itemLayouts - Full grid layout.\n * @returns - Item layouts modified to insert the new panel.\n */\nexport function insertPanelInLayout(\n  newLayout: UnpositionedPanelGroupItemLayout,\n  referenceLayout: PanelGroupItemLayout,\n  itemLayouts: PanelGroupItemLayout[]\n): PanelGroupItemLayout[] {\n  const MAX_LAYOUT_WIDTH = GRID_LAYOUT_COLS[GRID_LAYOUT_SMALL_BREAKPOINT];\n\n  const referenceBounds = getPanelBounds(referenceLayout);\n\n  // Organize layouts based on vertical relation to the item being inserted\n  // after.\n  const aboveInsertRow: PanelGroupItemLayout[] = [];\n  const insertRow: PanelGroupItemLayout[] = [];\n  const belowInsertRow: PanelGroupItemLayout[] = [];\n  itemLayouts.forEach((itemLayout) => {\n    const itemBounds = getPanelBounds(itemLayout);\n\n    if (itemBounds.y2 <= referenceBounds.y1) {\n      aboveInsertRow.push(itemLayout);\n    } else if (itemBounds.y1 >= referenceBounds.y2) {\n      belowInsertRow.push(itemLayout);\n    } else {\n      insertRow.push(itemLayout);\n    }\n  });\n\n  // Cannot safely assume that the order of item layouts array is strictly\n  // left to right. Sorting the row by horizontal position to more easily find\n  // gaps.\n  insertRow.sort((a, b) => a.x - b.x);\n  const insertAfterIndex = insertRow.findIndex((item) => item.i === referenceLayout.i);\n\n  if (insertAfterIndex === insertRow.length - 1) {\n    // Insert to the right when space is available and the reference is the last\n    // item in the row.\n    if (referenceBounds.x2 + newLayout.w <= MAX_LAYOUT_WIDTH) {\n      return [\n        ...aboveInsertRow,\n        ...insertRow,\n        {\n          ...newLayout,\n          x: referenceBounds.x2,\n          y: referenceBounds.y1,\n        },\n        ...belowInsertRow,\n      ];\n    }\n  } else if (insertAfterIndex >= 0) {\n    const nextItem = insertRow[insertAfterIndex + 1];\n\n    if (nextItem && getPanelBounds(nextItem).x1 - referenceBounds.x2 >= newLayout.w) {\n      // Insert to the right when space is available between the reference and\n      // the next item in the row.\n      insertRow.splice(insertAfterIndex + 1, 0, {\n        ...newLayout,\n        x: referenceBounds.x2,\n        y: referenceBounds.y1,\n      });\n\n      return [...aboveInsertRow, ...insertRow, ...belowInsertRow];\n    }\n  }\n\n  // Insert the new item below the original and shift the items below the\n  // row where the reference is located.\n  return [\n    ...aboveInsertRow,\n    ...insertRow,\n    { x: referenceBounds.x1, y: referenceBounds.y2, ...newLayout },\n    ...belowInsertRow.map((itemLayout) => {\n      // Note: the grid will not necessarily display all of these items shifted\n      // all the way down because of vertical compacting, but shifing their\n      // y position ensures the new item gets vertical precedence over items\n      // below it in that compacting.\n      return { ...itemLayout, y: itemLayout.y + newLayout.h };\n    }),\n  ];\n}\n\n/**\n * Get a valid panel key, where a valid key:\n * - does not include invalid characters\n * - is unique\n */\nexport function getValidPanelKey(panelKey: string, panels: Record<string, PanelDefinition>): string {\n  const uniquePanelKeys = getUniquePanelKeys(panels);\n  let normalizedPanelKey = getPanelKeyParts(removeWhiteSpaces(panelKey)).name;\n\n  const matchingKey = uniquePanelKeys[normalizedPanelKey];\n  if (typeof matchingKey === 'number') {\n    normalizedPanelKey += `-${matchingKey + 1}`;\n  }\n  return normalizedPanelKey;\n}\n\ntype PanelKeyParts = {\n  name: string;\n  number?: number;\n};\n\nconst removeWhiteSpaces = (str: string): string => {\n  return str.replace(/\\s+/g, '');\n};\n\n/**\n * Breaks the specified panel key into the name and the optional `-number` used\n * for deduping panels with the same name.\n */\nfunction getPanelKeyParts(panelKey: string): PanelKeyParts {\n  const parts = panelKey.match(/(.+)-([0-9]+)/);\n  if (parts && parts[1] && parts[2]) {\n    return {\n      name: parts[1],\n      number: parseInt(parts[2], 10),\n    };\n  }\n\n  return {\n    name: panelKey,\n  };\n}\n\n// Find all the unique panel keys and the largest number used for each.\n// ex: cpu, cpu-1, cpu-2 count as the same panel key since these panels have the same name\nfunction getUniquePanelKeys(panels: Record<string, PanelDefinition>): Record<string, number> {\n  const uniquePanelKeys: Record<string, number> = {};\n  Object.keys(panels).forEach((panelKey) => {\n    const { name, number } = getPanelKeyParts(panelKey);\n    if (uniquePanelKeys[name] === undefined) {\n      uniquePanelKeys[name] = 0;\n    }\n    const currentValue = uniquePanelKeys[name];\n    if (typeof currentValue === 'number' && number) {\n      // Check for the maximum value because we cannot rely on a sequential\n      // set of numbers when panels are modified.\n      uniquePanelKeys[name] = Math.max(currentValue, number);\n    }\n  });\n  return uniquePanelKeys;\n}\n"],"names":["GRID_LAYOUT_SMALL_BREAKPOINT","GRID_LAYOUT_COLS","getYForNewRow","group","newRowY","layout","itemLayouts","itemMaxY","y","h","getPanelBounds","x","w","x1","x2","y1","y2","insertPanelInLayout","newLayout","referenceLayout","MAX_LAYOUT_WIDTH","referenceBounds","aboveInsertRow","insertRow","belowInsertRow","forEach","itemLayout","itemBounds","push","sort","a","b","insertAfterIndex","findIndex","item","i","length","nextItem","splice","map","getValidPanelKey","panelKey","panels","uniquePanelKeys","getUniquePanelKeys","normalizedPanelKey","getPanelKeyParts","removeWhiteSpaces","name","matchingKey","str","replace","parts","match","number","parseInt","Object","keys","undefined","currentValue","Math","max"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/dashboards",
-  "version": "0.51.0-beta.0",
+  "version": "0.51.0-beta.1",
   "description": "The dashboards feature in Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -29,25 +29,24 @@
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@perses-dev/components": "0.51.0-beta.0",
-    "@perses-dev/core": "0.51.0-beta.0",
-    "@perses-dev/plugin-system": "0.51.0-beta.0",
+    "@perses-dev/components": "0.51.0-beta.1",
+    "@perses-dev/core": "0.51.0-beta.1",
+    "@perses-dev/plugin-system": "0.51.0-beta.1",
     "@types/react-grid-layout": "^1.3.2",
-    "date-fns": "^2.28.0",
-    "immer": "^9.0.15",
+    "date-fns": "^4.1.0",
+    "immer": "^10.1.1",
     "mdi-material-ui": "^7.9.2",
     "react-grid-layout": "^1.3.4",
     "react-hook-form": "^7.46.1",
     "react-intersection-observer": "^9.4.0",
-    "use-immer": "^0.7.0",
+    "use-immer": "^0.11.0",
     "use-query-params": "^2.1.1",
     "use-resize-observer": "^9.0.0",
     "yaml": "^2.7.0",
     "zustand": "^4.3.3"
   },
   "devDependencies": {
-    "@perses-dev/internal-utils": "0.51.0-beta.0",
-    "@perses-dev/storybook": "0.51.0-beta.0",
+    "@perses-dev/internal-utils": "0.51.0-beta.1",
     "history": "^5.3.0",
     "intersection-observer": "^0.12.2"
   },

package/dist/cjs/stories/decorators/WithDashboard.js

@@ -1,41 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "WithDashboard", {
-    enumerable: true,
-    get: function() {
-        return WithDashboard;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _dashboards = require("@perses-dev/dashboards");
-const _constants = require("./constants");
-// Type guard because storybook types parameters as `any`
-function isWithDashboardParameter(parameter) {
-    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
-}
-const WithDashboard = (Story, context)=>{
-    const initParameter = context.parameters.withDashboard;
-    const parameter = isWithDashboardParameter(initParameter) ? initParameter : undefined;
-    const props = parameter?.props;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.DashboardProvider, {
-        initialState: {
-            dashboardResource: _constants.EMPTY_DASHBOARD_RESOURCE
-        },
-        ...props,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})
-    });
-};

package/dist/cjs/stories/decorators/WithDatasourceStore.js

@@ -1,39 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "WithDatasourceStore", {
-    enumerable: true,
-    get: function() {
-        return WithDatasourceStore;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _dashboards = require("@perses-dev/dashboards");
-const _test = require("../../test");
-// Type guard because storybook types parameters as `any`
-function isWithDatasourceStoreParameter(parameter) {
-    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
-}
-const WithDatasourceStore = (Story, context)=>{
-    const initParameter = context.parameters.withDatasourceStore;
-    const parameter = isWithDatasourceStoreParameter(initParameter) ? initParameter : undefined;
-    const props = parameter?.props;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.DatasourceStoreProvider, {
-        ..._test.defaultDatasourceProps,
-        ...props,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})
-    });
-};

package/dist/cjs/stories/decorators/WithVariables.js

@@ -1,37 +0,0 @@
-// Copyright 2024 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "WithVariables", {
-    enumerable: true,
-    get: function() {
-        return WithVariables;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _dashboards = require("@perses-dev/dashboards");
-// Type guard because storybook types parameters as `any`
-function isWithVariableParameter(parameter) {
-    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
-}
-const WithVariables = (Story, context)=>{
-    const initParameter = context.parameters.withVariables;
-    const parameter = isWithVariableParameter(initParameter) ? initParameter : undefined;
-    const props = parameter?.props;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.VariableProvider, {
-        ...props,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})
-    });
-};

package/dist/cjs/stories/decorators/constants.js

@@ -1,39 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "EMPTY_DASHBOARD_RESOURCE", {
-    enumerable: true,
-    get: function() {
-        return EMPTY_DASHBOARD_RESOURCE;
-    }
-});
-const EMPTY_DASHBOARD_RESOURCE = {
-    kind: 'Dashboard',
-    metadata: {
-        name: 'My Dashboard',
-        project: 'Storybook',
-        createdAt: '2021-11-09T00:00:00Z',
-        updatedAt: '2021-11-09T00:00:00Z',
-        version: 0
-    },
-    spec: {
-        duration: '1h',
-        refreshInterval: '0s',
-        variables: [],
-        layouts: [],
-        panels: {}
-    }
-};

package/dist/cjs/stories/decorators/index.js

@@ -1,33 +0,0 @@
-// Copyright 2024 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./constants"), exports);
-_export_star(require("./WithDashboard"), exports);
-_export_star(require("./WithDatasourceStore"), exports);
-_export_star(require("./WithVariables"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}

package/dist/stories/decorators/WithDashboard.js

@@ -1,33 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DashboardProvider } from '@perses-dev/dashboards';
-import { EMPTY_DASHBOARD_RESOURCE } from './constants';
-// Type guard because storybook types parameters as `any`
-function isWithDashboardParameter(parameter) {
-    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
-}
-export const WithDashboard = (Story, context)=>{
-    const initParameter = context.parameters.withDashboard;
-    const parameter = isWithDashboardParameter(initParameter) ? initParameter : undefined;
-    const props = parameter?.props;
-    return /*#__PURE__*/ _jsx(DashboardProvider, {
-        initialState: {
-            dashboardResource: EMPTY_DASHBOARD_RESOURCE
-        },
-        ...props,
-        children: /*#__PURE__*/ _jsx(Story, {})
-    });
-};
-
-//# sourceMappingURL=WithDashboard.js.map

package/dist/stories/decorators/WithDashboard.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/stories/decorators/WithDashboard.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 { StoryFn, StoryContext } from '@storybook/react';\nimport { DashboardProvider, DashboardProviderProps } from '@perses-dev/dashboards';\nimport { ReactElement } from 'react';\nimport { EMPTY_DASHBOARD_RESOURCE } from './constants';\n\ndeclare module '@storybook/react' {\n  interface Parameters {\n    withDashboard?: WithDashboardParameter;\n  }\n}\n\nexport type WithDashboardParameter = {\n  props: Partial<DashboardProviderProps>;\n};\n\n// Type guard because storybook types parameters as `any`\nfunction isWithDashboardParameter(parameter: unknown | WithDashboardParameter): parameter is WithDashboardParameter {\n  return !!parameter && typeof parameter === 'object' && 'props' in parameter;\n}\n\nexport const WithDashboard = (Story: StoryFn, context: StoryContext<unknown>): ReactElement => {\n  const initParameter = context.parameters.withDashboard;\n  const parameter = isWithDashboardParameter(initParameter) ? initParameter : undefined;\n  const props = parameter?.props;\n\n  return (\n    <DashboardProvider initialState={{ dashboardResource: EMPTY_DASHBOARD_RESOURCE }} {...props}>\n      <Story />\n    </DashboardProvider>\n  );\n};\n"],"names":["DashboardProvider","EMPTY_DASHBOARD_RESOURCE","isWithDashboardParameter","parameter","WithDashboard","Story","context","initParameter","parameters","withDashboard","undefined","props","initialState","dashboardResource"],"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,iBAAiB,QAAgC,yBAAyB;AAEnF,SAASC,wBAAwB,QAAQ,cAAc;AAYvD,yDAAyD;AACzD,SAASC,yBAAyBC,SAA2C;IAC3E,OAAO,CAAC,CAACA,aAAa,OAAOA,cAAc,YAAY,WAAWA;AACpE;AAEA,OAAO,MAAMC,gBAAgB,CAACC,OAAgBC;IAC5C,MAAMC,gBAAgBD,QAAQE,UAAU,CAACC,aAAa;IACtD,MAAMN,YAAYD,yBAAyBK,iBAAiBA,gBAAgBG;IAC5E,MAAMC,QAAQR,WAAWQ;IAEzB,qBACE,KAACX;QAAkBY,cAAc;YAAEC,mBAAmBZ;QAAyB;QAAI,GAAGU,KAAK;kBACzF,cAAA,KAACN;;AAGP,EAAE"}