@perses-dev/plugin-system 0.55.0-beta.1 → 0.55.0-beta.10

package/dist/runtime/DataQueriesProvider/DataQueriesProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/DataQueriesProvider.tsx"],"sourcesContent":["// Copyright 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, useCallback, useContext, useMemo } from 'react';\nimport { QueryType, TimeSeriesQueryDefinition } from '@perses-dev/spec';\nimport { useTimeSeriesQueries } from '../time-series-queries';\nimport { useTraceQueries, TraceQueryDefinition } from '../trace-queries';\nimport { useProfileQueries, ProfileQueryDefinition } from '../profile-queries';\nimport { useAlertsQueries, AlertsQueryDefinition } from '../alerts-queries';\nimport { useSilencesQueries, SilencesQueryDefinition } from '../silences-queries';\n\nimport { useUsageMetrics } from '../UsageMetricsProvider';\nimport { LogQueryDefinition, useLogQueries } from '../log-queries';\nimport {\n  DataQueriesProviderProps,\n  UseDataQueryResults,\n  transformQueryResults,\n  DataQueriesContextType,\n  QueryData,\n} from './model';\n\nexport const DataQueriesContext = createContext<DataQueriesContextType | undefined>(undefined);\n\nexport function useDataQueriesContext(): DataQueriesContextType {\n  const ctx = useContext(DataQueriesContext);\n  if (ctx === undefined) {\n    throw new Error('No DataQueriesContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useDataQueries<T extends keyof QueryType>(queryType: T): UseDataQueryResults<QueryType[T]> {\n  const ctx = useDataQueriesContext();\n\n  // Filter query definitions based on the specified query type\n  const filteredQueryDefinitions = ctx.queryDefinitions.filter((definition) => definition.kind === queryType);\n\n  // Filter the query results based on the specified query type\n  const filteredQueryResults = ctx.queryResults.filter(\n    (queryResult) => queryResult?.definition?.kind === queryType\n  ) as Array<QueryData<QueryType[T]>>;\n\n  // Filter the errors based on the specified query type\n  const filteredErrors = ctx.errors.filter((errors, index) => ctx.queryResults[index]?.definition?.kind === queryType);\n\n  // Create a new context object with the filtered results and errors\n  return {\n    queryDefinitions: filteredQueryDefinitions,\n    queryResults: filteredQueryResults,\n    isFetching: filteredQueryResults.some((result) => result.isFetching),\n    isLoading: filteredQueryResults.some((result) => result.isLoading),\n    refetchAll: ctx.refetchAll,\n    errors: filteredErrors,\n  };\n}\n\nexport function DataQueriesProvider(props: DataQueriesProviderProps): ReactElement {\n  const { definitions, options, children, queryOptions } = props;\n\n  const usageMetrics = useUsageMetrics();\n\n  // Filter definitions for time series query and other future query plugins\n  const timeSeriesQueries = definitions.filter(\n    (definition) => definition.kind === 'TimeSeriesQuery'\n  ) as TimeSeriesQueryDefinition[];\n  const timeSeriesResults = useTimeSeriesQueries(timeSeriesQueries, options, queryOptions);\n\n  const traceQueries = definitions.filter((definition) => definition.kind === 'TraceQuery') as TraceQueryDefinition[];\n  const traceResults = useTraceQueries(traceQueries);\n\n  const profileQueries = definitions.filter(\n    (definition) => definition.kind === 'ProfileQuery'\n  ) as ProfileQueryDefinition[];\n  const profileResults = useProfileQueries(profileQueries);\n\n  const logQueries = definitions.filter((definition) => definition.kind === 'LogQuery') as LogQueryDefinition[];\n  const logResults = useLogQueries(logQueries);\n\n  const alertsQueries = definitions.filter(\n    (definition) => definition.kind === 'AlertsQuery'\n  ) as AlertsQueryDefinition[];\n  const alertsResults = useAlertsQueries(alertsQueries);\n\n  const silencesQueries = definitions.filter(\n    (definition) => definition.kind === 'SilencesQuery'\n  ) as SilencesQueryDefinition[];\n  const silencesResults = useSilencesQueries(silencesQueries);\n\n  const refetchAll = useCallback(() => {\n    timeSeriesResults.forEach((result) => result.refetch());\n    traceResults.forEach((result) => result.refetch());\n    profileResults.forEach((result) => result.refetch());\n    logResults.forEach((result) => result.refetch());\n    alertsResults.forEach((result) => result.refetch());\n    silencesResults.forEach((result) => result.refetch());\n  }, [timeSeriesResults, traceResults, profileResults, logResults, alertsResults, silencesResults]);\n\n  const ctx = useMemo(() => {\n    const mergedQueryResults = [\n      ...transformQueryResults(timeSeriesResults, timeSeriesQueries),\n      ...transformQueryResults(traceResults, traceQueries),\n      ...transformQueryResults(profileResults, profileQueries),\n      ...transformQueryResults(logResults, logQueries),\n      ...transformQueryResults(alertsResults, alertsQueries),\n      ...transformQueryResults(silencesResults, silencesQueries),\n    ];\n\n    if (queryOptions?.enabled) {\n      for (const result of mergedQueryResults) {\n        if (!result.isLoading && !result.isFetching && !result.error) {\n          usageMetrics.markQuery(result.definition, 'success');\n        } else if (result.error) {\n          usageMetrics.markQuery(result.definition, 'error');\n        } else {\n          usageMetrics.markQuery(result.definition, 'pending');\n        }\n      }\n    }\n\n    return {\n      queryDefinitions: definitions,\n      queryResults: mergedQueryResults,\n      isFetching: mergedQueryResults.some((result) => result.isFetching),\n      isLoading: mergedQueryResults.some((result) => result.isLoading),\n      refetchAll,\n      errors: mergedQueryResults.map((result) => result.error),\n    };\n  }, [\n    alertsQueries,\n    alertsResults,\n    logQueries,\n    logResults,\n    profileQueries,\n    profileResults,\n    silencesQueries,\n    silencesResults,\n    timeSeriesQueries,\n    timeSeriesResults,\n    traceQueries,\n    traceResults,\n    definitions,\n    queryOptions?.enabled,\n    refetchAll,\n    usageMetrics,\n  ]);\n\n  return <DataQueriesContext.Provider value={ctx}>{children}</DataQueriesContext.Provider>;\n}\n"],"names":["createContext","useCallback","useContext","useMemo","useTimeSeriesQueries","useTraceQueries","useProfileQueries","useAlertsQueries","useSilencesQueries","useUsageMetrics","useLogQueries","transformQueryResults","DataQueriesContext","undefined","useDataQueriesContext","ctx","Error","useDataQueries","queryType","filteredQueryDefinitions","queryDefinitions","filter","definition","kind","filteredQueryResults","queryResults","queryResult","filteredErrors","errors","index","isFetching","some","result","isLoading","refetchAll","DataQueriesProvider","props","definitions","options","children","queryOptions","usageMetrics","timeSeriesQueries","timeSeriesResults","traceQueries","traceResults","profileQueries","profileResults","logQueries","logResults","alertsQueries","alertsResults","silencesQueries","silencesResults","forEach","refetch","mergedQueryResults","enabled","error","markQuery","map","Provider","value"],"mappings":"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"}
+{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/DataQueriesProvider.tsx"],"sourcesContent":["// Copyright 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 type { QueryType, TimeSeriesQueryDefinition } from '@perses-dev/spec';\nimport type { ReactElement } from 'react';\nimport { createContext, useCallback, useContext, useMemo } from 'react';\n\nimport type { AlertsQueryDefinition } from '../alerts-queries';\nimport { useAlertsQueries } from '../alerts-queries';\nimport type { JsonQueryDefinition } from '../json-queries';\nimport { useJsonQueries } from '../json-queries';\nimport type { LogQueryDefinition } from '../log-queries';\nimport { useLogQueries } from '../log-queries';\nimport type { ProfileQueryDefinition } from '../profile-queries';\nimport { useProfileQueries } from '../profile-queries';\nimport type { SilencesQueryDefinition } from '../silences-queries';\nimport { useSilencesQueries } from '../silences-queries';\nimport { useTimeSeriesQueries } from '../time-series-queries';\nimport type { TraceQueryDefinition } from '../trace-queries';\nimport { useTraceQueries } from '../trace-queries';\nimport { useUsageMetrics } from '../UsageMetricsProvider';\nimport type { DataQueriesProviderProps, UseDataQueryResults, DataQueriesContextType, QueryData } from './model';\nimport { transformQueryResults } from './model';\n\nexport const DataQueriesContext = createContext<DataQueriesContextType | undefined>(undefined);\n\nexport function useDataQueriesContext(): DataQueriesContextType {\n  const ctx = useContext(DataQueriesContext);\n  if (ctx === undefined) {\n    throw new Error('No DataQueriesContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useDataQueries<T extends keyof QueryType>(queryType: T): UseDataQueryResults<QueryType[T]> {\n  const ctx = useDataQueriesContext();\n\n  // Filter query definitions based on the specified query type\n  const filteredQueryDefinitions = ctx.queryDefinitions.filter((definition) => definition.kind === queryType);\n\n  // Filter the query results based on the specified query type\n  const filteredQueryResults = ctx.queryResults.filter(\n    (queryResult) => queryResult?.definition?.kind === queryType,\n  ) as Array<QueryData<QueryType[T]>>;\n\n  // Filter the errors based on the specified query type\n  const filteredErrors = ctx.errors.filter((errors, index) => ctx.queryResults[index]?.definition?.kind === queryType);\n\n  // Create a new context object with the filtered results and errors\n  return {\n    queryDefinitions: filteredQueryDefinitions,\n    queryResults: filteredQueryResults,\n    isFetching: filteredQueryResults.some((result) => result.isFetching),\n    isLoading: filteredQueryResults.some((result) => result.isLoading),\n    refetchAll: ctx.refetchAll,\n    errors: filteredErrors,\n  };\n}\n\nexport function DataQueriesProvider(props: DataQueriesProviderProps): ReactElement {\n  const { definitions, options, children, queryOptions } = props;\n\n  const usageMetrics = useUsageMetrics();\n\n  // Filter definitions for time series query and other future query plugins\n  const timeSeriesQueries = definitions.filter(\n    (definition) => definition.kind === 'TimeSeriesQuery',\n  ) as TimeSeriesQueryDefinition[];\n  const timeSeriesResults = useTimeSeriesQueries(timeSeriesQueries, options, queryOptions);\n\n  const traceQueries = definitions.filter((definition) => definition.kind === 'TraceQuery') as TraceQueryDefinition[];\n  const traceResults = useTraceQueries(traceQueries);\n\n  const profileQueries = definitions.filter(\n    (definition) => definition.kind === 'ProfileQuery',\n  ) as ProfileQueryDefinition[];\n  const profileResults = useProfileQueries(profileQueries);\n\n  const logQueries = definitions.filter((definition) => definition.kind === 'LogQuery') as LogQueryDefinition[];\n  const logResults = useLogQueries(logQueries);\n\n  const alertsQueries = definitions.filter(\n    (definition) => definition.kind === 'AlertsQuery',\n  ) as AlertsQueryDefinition[];\n  const alertsResults = useAlertsQueries(alertsQueries);\n\n  const silencesQueries = definitions.filter(\n    (definition) => definition.kind === 'SilencesQuery',\n  ) as SilencesQueryDefinition[];\n  const silencesResults = useSilencesQueries(silencesQueries);\n\n  const jsonQueries = definitions.filter((definition) => definition.kind === 'JsonQuery') as JsonQueryDefinition[];\n  const jsonResults = useJsonQueries(jsonQueries);\n\n  const refetchAll = useCallback(() => {\n    timeSeriesResults.forEach((result) => result.refetch());\n    traceResults.forEach((result) => result.refetch());\n    profileResults.forEach((result) => result.refetch());\n    logResults.forEach((result) => result.refetch());\n    alertsResults.forEach((result) => result.refetch());\n    silencesResults.forEach((result) => result.refetch());\n    jsonResults.forEach((result) => result.refetch());\n  }, [timeSeriesResults, traceResults, profileResults, logResults, alertsResults, silencesResults, jsonResults]);\n\n  const ctx = useMemo(() => {\n    const mergedQueryResults = [\n      ...transformQueryResults(timeSeriesResults, timeSeriesQueries),\n      ...transformQueryResults(traceResults, traceQueries),\n      ...transformQueryResults(profileResults, profileQueries),\n      ...transformQueryResults(logResults, logQueries),\n      ...transformQueryResults(alertsResults, alertsQueries),\n      ...transformQueryResults(silencesResults, silencesQueries),\n      ...transformQueryResults(jsonResults, jsonQueries),\n    ];\n\n    if (queryOptions?.enabled) {\n      for (const result of mergedQueryResults) {\n        if (!result.isLoading && !result.isFetching && !result.error) {\n          usageMetrics.markQuery(result.definition, 'success');\n        } else if (result.error) {\n          usageMetrics.markQuery(result.definition, 'error');\n        } else {\n          usageMetrics.markQuery(result.definition, 'pending');\n        }\n      }\n    }\n\n    return {\n      queryDefinitions: definitions,\n      queryResults: mergedQueryResults,\n      isFetching: mergedQueryResults.some((result) => result.isFetching),\n      isLoading: mergedQueryResults.some((result) => result.isLoading),\n      refetchAll,\n      errors: mergedQueryResults.map((result) => result.error),\n    };\n  }, [\n    alertsQueries,\n    alertsResults,\n    logQueries,\n    logResults,\n    profileQueries,\n    profileResults,\n    silencesQueries,\n    silencesResults,\n    jsonQueries,\n    jsonResults,\n    timeSeriesQueries,\n    timeSeriesResults,\n    traceQueries,\n    traceResults,\n    definitions,\n    queryOptions?.enabled,\n    refetchAll,\n    usageMetrics,\n  ]);\n\n  return <DataQueriesContext.Provider value={ctx}>{children}</DataQueriesContext.Provider>;\n}\n"],"names":["createContext","useCallback","useContext","useMemo","useAlertsQueries","useJsonQueries","useLogQueries","useProfileQueries","useSilencesQueries","useTimeSeriesQueries","useTraceQueries","useUsageMetrics","transformQueryResults","DataQueriesContext","undefined","useDataQueriesContext","ctx","Error","useDataQueries","queryType","filteredQueryDefinitions","queryDefinitions","filter","definition","kind","filteredQueryResults","queryResults","queryResult","filteredErrors","errors","index","isFetching","some","result","isLoading","refetchAll","DataQueriesProvider","props","definitions","options","children","queryOptions","usageMetrics","timeSeriesQueries","timeSeriesResults","traceQueries","traceResults","profileQueries","profileResults","logQueries","logResults","alertsQueries","alertsResults","silencesQueries","silencesResults","jsonQueries","jsonResults","forEach","refetch","mergedQueryResults","enabled","error","markQuery","map","Provider","value"],"mappings":"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"}

package/dist/runtime/DataQueriesProvider/index.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export * from './DataQueriesProvider';
-export * from './model';
+export * from "./DataQueriesProvider.js";
+export * from "./model.js";
 
 //# sourceMappingURL=index.js.map

package/dist/runtime/DataQueriesProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/index.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './DataQueriesProvider';\nexport * from './model';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,wBAAwB;AACtC,cAAc,UAAU"}
+{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/index.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './DataQueriesProvider';\nexport * from './model';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,2BAAwB;AACtC,cAAc,aAAU"}

package/dist/runtime/DataQueriesProvider/model.d.ts

@@ -1,6 +1,6 @@
-import { QueryDefinition, UnknownSpec, QueryDataType } from '@perses-dev/spec';
-import { QueryObserverOptions, UseQueryResult } from '@tanstack/react-query';
-import { ReactNode } from 'react';
+import type { QueryDefinition, UnknownSpec, QueryDataType } from '@perses-dev/spec';
+import type { QueryObserverOptions, UseQueryResult } from '@tanstack/react-query';
+import type { ReactNode } from 'react';
 export type QueryOptions = Record<string, unknown>;
 export interface DataQueriesProviderProps<Kind = unknown, PluginSpec = UnknownSpec> {
     definitions: Array<QueryDefinition<Kind, PluginSpec>>;

package/dist/runtime/DataQueriesProvider/model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnD,MAAM,WAAW,wBAAwB,CAAC,IAAI,GAAG,OAAO,EAAE,UAAU,GAAG,WAAW;IAChF,WAAW,EAAE,KAAK,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;CACvD;AAED,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC;IAC1F,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,aAAa,IAAI;IACzC,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,CAW5G"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnD,MAAM,WAAW,wBAAwB,CAAC,IAAI,GAAG,OAAO,EAAE,UAAU,GAAG,WAAW;IAChF,WAAW,EAAE,KAAK,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;CACvD;AAED,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC;IAC1F,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,aAAa,IAAI;IACzC,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,CAW5G"}

package/dist/runtime/DataQueriesProvider/model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"sourcesContent":["// Copyright 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 { QueryDefinition, UnknownSpec, QueryDataType } from '@perses-dev/spec';\nimport { QueryObserverOptions, UseQueryResult } from '@tanstack/react-query';\nimport { ReactNode } from 'react';\n\nexport type QueryOptions = Record<string, unknown>;\nexport interface DataQueriesProviderProps<Kind = unknown, PluginSpec = UnknownSpec> {\n  definitions: Array<QueryDefinition<Kind, PluginSpec>>;\n  children?: ReactNode;\n  options?: QueryOptions;\n  queryOptions?: Omit<QueryObserverOptions, 'queryKey'>;\n}\n\nexport interface DataQueriesContextType {\n  queryDefinitions: QueryDefinition[];\n  queryResults: QueryData[];\n  refetchAll: () => void;\n  isFetching: boolean;\n  isLoading: boolean;\n  errors: unknown[];\n}\n\nexport interface UseDataQueryResults<T> extends Omit<DataQueriesContextType, 'queryResults'> {\n  queryResults: Array<QueryData<T>>;\n}\n\nexport type QueryData<T = QueryDataType> = {\n  data?: T;\n  definition: QueryDefinition;\n  error: Error;\n  isFetching: boolean;\n  isLoading: boolean;\n  refetch?: () => void;\n};\n\nexport function transformQueryResults(results: UseQueryResult[], definitions: QueryDefinition[]): QueryData[] {\n  return results.map(({ data, isFetching, isLoading, refetch, error }, i) => {\n    return {\n      definition: definitions[i],\n      data,\n      isFetching,\n      isLoading,\n      refetch,\n      error,\n    } as QueryData;\n  });\n}\n"],"names":["transformQueryResults","results","definitions","map","data","isFetching","isLoading","refetch","error","i","definition"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAoCjC,OAAO,SAASA,sBAAsBC,OAAyB,EAAEC,WAA8B;IAC7F,OAAOD,QAAQE,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAAE,EAAEC;QACnE,OAAO;YACLC,YAAYR,WAAW,CAACO,EAAE;YAC1BL;YACAC;YACAC;YACAC;YACAC;QACF;IACF;AACF"}
+{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"sourcesContent":["// Copyright 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 type { QueryDefinition, UnknownSpec, QueryDataType } from '@perses-dev/spec';\nimport type { QueryObserverOptions, UseQueryResult } from '@tanstack/react-query';\nimport type { ReactNode } from 'react';\n\nexport type QueryOptions = Record<string, unknown>;\nexport interface DataQueriesProviderProps<Kind = unknown, PluginSpec = UnknownSpec> {\n  definitions: Array<QueryDefinition<Kind, PluginSpec>>;\n  children?: ReactNode;\n  options?: QueryOptions;\n  queryOptions?: Omit<QueryObserverOptions, 'queryKey'>;\n}\n\nexport interface DataQueriesContextType {\n  queryDefinitions: QueryDefinition[];\n  queryResults: QueryData[];\n  refetchAll: () => void;\n  isFetching: boolean;\n  isLoading: boolean;\n  errors: unknown[];\n}\n\nexport interface UseDataQueryResults<T> extends Omit<DataQueriesContextType, 'queryResults'> {\n  queryResults: Array<QueryData<T>>;\n}\n\nexport type QueryData<T = QueryDataType> = {\n  data?: T;\n  definition: QueryDefinition;\n  error: Error;\n  isFetching: boolean;\n  isLoading: boolean;\n  refetch?: () => void;\n};\n\nexport function transformQueryResults(results: UseQueryResult[], definitions: QueryDefinition[]): QueryData[] {\n  return results.map(({ data, isFetching, isLoading, refetch, error }, i) => {\n    return {\n      definition: definitions[i],\n      data,\n      isFetching,\n      isLoading,\n      refetch,\n      error,\n    } as QueryData;\n  });\n}\n"],"names":["transformQueryResults","results","definitions","map","data","isFetching","isLoading","refetch","error","i","definition"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAoCjC,OAAO,SAASA,sBAAsBC,OAAyB,EAAEC,WAA8B;IAC7F,OAAOD,QAAQE,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAAE,EAAEC;QACnE,OAAO;YACLC,YAAYR,WAAW,CAACO,EAAE;YAC1BL;YACAC;YACAC;YACAC;YACAC;QACF;IACF;AACF"}

package/dist/runtime/RouterProvider.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode, ReactElement } from 'react';
+import type { ReactNode, ReactElement } from 'react';
+import React from 'react';
 interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     to: string;
 }

package/dist/runtime/RouterProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouterProvider.d.ts","sourceRoot":"","sources":["../../src/runtime/RouterProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAG3F,UAAU,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvE,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,iBAAiB;IAChC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,SAAS,CAAC;IAC3F,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,8CAA0D,CAAC;AAErF,wBAAgB,gBAAgB,IAAI,iBAAiB,CAOpD;AAED,UAAU,mBAAmB;IAC3B,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAQvE;AAED,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,kGAAkG;AAClG,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,CASjF"}
+{"version":3,"file":"RouterProvider.d.ts","sourceRoot":"","sources":["../../src/runtime/RouterProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAA6C,MAAM,OAAO,CAAC;AAGlE,UAAU,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvE,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,iBAAiB;IAChC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,SAAS,CAAC;IAC3F,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,8CAA0D,CAAC;AAErF,wBAAgB,gBAAgB,IAAI,iBAAiB,CAOpD;AAED,UAAU,mBAAmB;IAC3B,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAQvE;AAED,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,kGAAkG;AAClG,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,CASjF"}

package/dist/runtime/RouterProvider.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 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.
@@ -11,8 +10,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // 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 React, { createContext, useContext, useMemo } from 'react';
-import { Link as RouterLink, useNavigate } from 'react-router-dom';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useContext, useMemo } from "react";
+import { Link as RouterLink, useNavigate } from "react-router-dom";
 export const RouterContext = /*#__PURE__*/ createContext(undefined);
 export function useRouterContext() {
     const ctx = useContext(RouterContext);

package/dist/runtime/RouterProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/runtime/RouterProvider.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { createContext, useContext, ReactNode, ReactElement, useMemo } from 'react';\nimport { Link as RouterLink, useNavigate } from 'react-router-dom';\n\ninterface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  to: string;\n}\n\nexport interface RouterContextType {\n  RouterComponent?: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => ReactNode;\n  navigate?: (to: string) => void;\n}\n\nexport const RouterContext = createContext<RouterContextType | undefined>(undefined);\n\nexport function useRouterContext(): RouterContextType {\n  const ctx = useContext(RouterContext);\n  if (ctx === undefined) {\n    console.warn('No RouterContext found. Did you forget a <RouterProvider>?');\n    return {};\n  }\n  return ctx;\n}\n\ninterface RouterProviderProps {\n  RouterComponent: RouterContextType['RouterComponent'];\n  navigate: RouterContextType['navigate'];\n  children?: React.ReactNode;\n}\n\n/**\n * Some panel plugins (TraceTable, ScatterPlot, TracingGanttChart) support linking to other pages,\n * e.g. clicking on a trace in the TraceTable should navigate to the TracingGanttChart.\n *\n * We can't use react-router in the panel, because panels might be embedded into React applications\n * which use a different routing library, or a different major version of react-router.\n *\n * This provider abstracts the basic routing functionality, to remove the dependency on the exact version of react-router.\n */\nexport function RouterProvider(props: RouterProviderProps): ReactElement {\n  const { RouterComponent, navigate, children } = props;\n\n  const ctx = useMemo(() => {\n    return { RouterComponent, navigate };\n  }, [RouterComponent, navigate]);\n\n  return <RouterContext.Provider value={ctx}>{children}</RouterContext.Provider>;\n}\n\ninterface ReactRouterProviderProps {\n  children?: React.ReactNode;\n}\n\n/** An implementation of RouterProvider for using the react-router library, shipped with Perses */\nexport function ReactRouterProvider(props: ReactRouterProviderProps): ReactElement {\n  const { children } = props;\n  const navigate = useNavigate();\n\n  return (\n    <RouterProvider RouterComponent={RouterLink} navigate={navigate}>\n      {children}\n    </RouterProvider>\n  );\n}\n"],"names":["React","createContext","useContext","useMemo","Link","RouterLink","useNavigate","RouterContext","undefined","useRouterContext","ctx","console","warn","RouterProvider","props","RouterComponent","navigate","children","Provider","value","ReactRouterProvider"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAOA,SAASC,aAAa,EAAEC,UAAU,EAA2BC,OAAO,QAAQ,QAAQ;AAC3F,SAASC,QAAQC,UAAU,EAAEC,WAAW,QAAQ,mBAAmB;AAWnE,OAAO,MAAMC,8BAAgBN,cAA6CO,WAAW;AAErF,OAAO,SAASC;IACd,MAAMC,MAAMR,WAAWK;IACvB,IAAIG,QAAQF,WAAW;QACrBG,QAAQC,IAAI,CAAC;QACb,OAAO,CAAC;IACV;IACA,OAAOF;AACT;AAQA;;;;;;;;CAQC,GACD,OAAO,SAASG,eAAeC,KAA0B;IACvD,MAAM,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IAEhD,MAAMJ,MAAMP,QAAQ;QAClB,OAAO;YAAEY;YAAiBC;QAAS;IACrC,GAAG;QAACD;QAAiBC;KAAS;IAE9B,qBAAO,KAACT,cAAcW,QAAQ;QAACC,OAAOT;kBAAMO;;AAC9C;AAMA,gGAAgG,GAChG,OAAO,SAASG,oBAAoBN,KAA+B;IACjE,MAAM,EAAEG,QAAQ,EAAE,GAAGH;IACrB,MAAME,WAAWV;IAEjB,qBACE,KAACO;QAAeE,iBAAiBV;QAAYW,UAAUA;kBACpDC;;AAGP"}
+{"version":3,"sources":["../../src/runtime/RouterProvider.tsx"],"sourcesContent":["// Copyright 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 type { ReactNode, ReactElement } from 'react';\nimport React, { createContext, useContext, useMemo } from 'react';\nimport { Link as RouterLink, useNavigate } from 'react-router-dom';\n\ninterface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  to: string;\n}\n\nexport interface RouterContextType {\n  RouterComponent?: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => ReactNode;\n  navigate?: (to: string) => void;\n}\n\nexport const RouterContext = createContext<RouterContextType | undefined>(undefined);\n\nexport function useRouterContext(): RouterContextType {\n  const ctx = useContext(RouterContext);\n  if (ctx === undefined) {\n    console.warn('No RouterContext found. Did you forget a <RouterProvider>?');\n    return {};\n  }\n  return ctx;\n}\n\ninterface RouterProviderProps {\n  RouterComponent: RouterContextType['RouterComponent'];\n  navigate: RouterContextType['navigate'];\n  children?: React.ReactNode;\n}\n\n/**\n * Some panel plugins (TraceTable, ScatterPlot, TracingGanttChart) support linking to other pages,\n * e.g. clicking on a trace in the TraceTable should navigate to the TracingGanttChart.\n *\n * We can't use react-router in the panel, because panels might be embedded into React applications\n * which use a different routing library, or a different major version of react-router.\n *\n * This provider abstracts the basic routing functionality, to remove the dependency on the exact version of react-router.\n */\nexport function RouterProvider(props: RouterProviderProps): ReactElement {\n  const { RouterComponent, navigate, children } = props;\n\n  const ctx = useMemo(() => {\n    return { RouterComponent, navigate };\n  }, [RouterComponent, navigate]);\n\n  return <RouterContext.Provider value={ctx}>{children}</RouterContext.Provider>;\n}\n\ninterface ReactRouterProviderProps {\n  children?: React.ReactNode;\n}\n\n/** An implementation of RouterProvider for using the react-router library, shipped with Perses */\nexport function ReactRouterProvider(props: ReactRouterProviderProps): ReactElement {\n  const { children } = props;\n  const navigate = useNavigate();\n\n  return (\n    <RouterProvider RouterComponent={RouterLink} navigate={navigate}>\n      {children}\n    </RouterProvider>\n  );\n}\n"],"names":["React","createContext","useContext","useMemo","Link","RouterLink","useNavigate","RouterContext","undefined","useRouterContext","ctx","console","warn","RouterProvider","props","RouterComponent","navigate","children","Provider","value","ReactRouterProvider"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,OAAOA,SAASC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,QAAQ;AAClE,SAASC,QAAQC,UAAU,EAAEC,WAAW,QAAQ,mBAAmB;AAWnE,OAAO,MAAMC,8BAAgBN,cAA6CO,WAAW;AAErF,OAAO,SAASC;IACd,MAAMC,MAAMR,WAAWK;IACvB,IAAIG,QAAQF,WAAW;QACrBG,QAAQC,IAAI,CAAC;QACb,OAAO,CAAC;IACV;IACA,OAAOF;AACT;AAQA;;;;;;;;CAQC,GACD,OAAO,SAASG,eAAeC,KAA0B;IACvD,MAAM,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IAEhD,MAAMJ,MAAMP,QAAQ;QAClB,OAAO;YAAEY;YAAiBC;QAAS;IACrC,GAAG;QAACD;QAAiBC;KAAS;IAE9B,qBAAO,KAACT,cAAcW,QAAQ;QAACC,OAAOT;kBAAMO;;AAC9C;AAMA,gGAAgG,GAChG,OAAO,SAASG,oBAAoBN,KAA+B;IACjE,MAAM,EAAEG,QAAQ,EAAE,GAAGH;IACrB,MAAME,WAAWV;IAEjB,qBACE,KAACO;QAAeE,iBAAiBV;QAAYW,UAAUA;kBACpDC;;AAGP"}

package/dist/runtime/TimeRangeProvider/TimeRangeProvider.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactElement } from 'react';
-import { AbsoluteTimeRange, DurationString, TimeRangeValue } from '@perses-dev/spec';
+import type { AbsoluteTimeRange, DurationString, TimeRangeValue } from '@perses-dev/spec';
+import type { ReactElement } from 'react';
+import React from 'react';
 export interface TimeRangeProviderProps {
     timeRange: TimeRangeValue;
     refreshInterval?: DurationString;

package/dist/runtime/TimeRangeProvider/TimeRangeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeRangeProvider.d.ts","sourceRoot":"","sources":["../../../src/runtime/TimeRangeProvider/TimeRangeProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,EAAiB,YAAY,EAAyD,MAAM,OAAO,CAAC;AAClH,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,cAAc,EAIf,MAAM,kBAAkB,CAAC;AAI1B,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,cAAc,CAAC;IAC1B,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,cAAc,CAAC;IAC1B,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACrD;AAED,eAAO,MAAM,gBAAgB,sCAAkD,CAAC;AAEhF,wBAAgB,mBAAmB,IAAI,SAAS,CAM/C;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,SAAS,CAExC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAIzD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAoE7E"}
+{"version":3,"file":"TimeRangeProvider.d.ts","sourceRoot":"","sources":["../../../src/runtime/TimeRangeProvider/TimeRangeProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAA+E,MAAM,OAAO,CAAC;AAKpG,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,cAAc,CAAC;IAC1B,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,cAAc,CAAC;IAC1B,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACrD;AAED,eAAO,MAAM,gBAAgB,sCAAkD,CAAC;AAEhF,wBAAgB,mBAAmB,IAAI,SAAS,CAM/C;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,SAAS,CAExC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAIzD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAoF7E"}

package/dist/runtime/TimeRangeProvider/TimeRangeProvider.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 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.
@@ -11,10 +10,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // 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 React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import { isRelativeTimeRange, toAbsoluteTimeRange, getSuggestedStepMs } from '@perses-dev/spec';
-import { useQueryClient } from '@tanstack/react-query';
-import { getRefreshIntervalInMs } from './refresh-interval';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isRelativeTimeRange, toAbsoluteTimeRange, getSuggestedStepMs } from "@perses-dev/spec";
+import { useQueryClient } from "@tanstack/react-query";
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { getRefreshIntervalInMs } from "./refresh-interval.js";
+import { useDisableAutoRefreshSetting } from "./TimeRangeSettingsProvider.js";
 export const TimeRangeContext = /*#__PURE__*/ createContext(undefined);
 export function useTimeRangeContext() {
     const ctx = useContext(TimeRangeContext);
@@ -39,6 +40,7 @@ export function useTimeRangeContext() {
  * Provider implementation that supplies the time range state at runtime.
  */ export function TimeRangeProvider(props) {
     const { timeRange, refreshInterval, children, setTimeRange, setRefreshInterval } = props;
+    const disableAutoRefresh = useDisableAutoRefreshSetting();
     const queryClient = useQueryClient();
     const [absoluteTimeRange, setAbsoluteTimeRange] = useState(isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange);
     const handleSetTimeRange = useCallback((value)=>{
@@ -47,6 +49,16 @@ export function useTimeRangeContext() {
     }, [
         setTimeRange
     ]);
+    // When auto-refresh is disabled by admin, leave URL/spec values untouched and no-op changes.
+    const handleSetRefreshInterval = useCallback((value)=>{
+        if (disableAutoRefresh) {
+            return;
+        }
+        setRefreshInterval(value);
+    }, [
+        disableAutoRefresh,
+        setRefreshInterval
+    ]);
     // Refresh is called when clicking on the refresh button, it refreshes all queries including variables
     const refresh = useCallback(()=>{
         setAbsoluteTimeRange(isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange);
@@ -99,7 +111,9 @@ export function useTimeRangeContext() {
         queryClient,
         timeRange
     ]);
-    const refreshIntervalInMs = useMemo(()=>getRefreshIntervalInMs(refreshInterval), [
+    // Gate the timer only — do not rewrite refreshInterval / ?refresh= so re-enabling restores them.
+    const refreshIntervalInMs = useMemo(()=>disableAutoRefresh ? 0 : getRefreshIntervalInMs(refreshInterval), [
+        disableAutoRefresh,
         refreshInterval
     ]);
     useEffect(()=>{
@@ -121,7 +135,7 @@ export function useTimeRangeContext() {
             refresh,
             refreshInterval: refreshInterval,
             refreshIntervalInMs: refreshIntervalInMs,
-            setRefreshInterval: setRefreshInterval
+            setRefreshInterval: handleSetRefreshInterval
         };
     }, [
         absoluteTimeRange,
@@ -129,7 +143,7 @@ export function useTimeRangeContext() {
         refresh,
         refreshInterval,
         refreshIntervalInMs,
-        setRefreshInterval,
+        handleSetRefreshInterval,
         timeRange
     ]);
     return /*#__PURE__*/ _jsx(TimeRangeContext.Provider, {

package/dist/runtime/TimeRangeProvider/TimeRangeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/TimeRangeProvider/TimeRangeProvider.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { createContext, ReactElement, useCallback, useContext, useEffect, useMemo, useState } from 'react';\nimport {\n  AbsoluteTimeRange,\n  DurationString,\n  TimeRangeValue,\n  isRelativeTimeRange,\n  toAbsoluteTimeRange,\n  getSuggestedStepMs,\n} from '@perses-dev/spec';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { getRefreshIntervalInMs } from './refresh-interval';\n\nexport interface TimeRangeProviderProps {\n  timeRange: TimeRangeValue;\n  refreshInterval?: DurationString;\n  setTimeRange: (value: TimeRangeValue) => void;\n  setRefreshInterval: (value: DurationString) => void;\n  children?: React.ReactNode;\n}\n\nexport interface TimeRange {\n  timeRange: TimeRangeValue;\n  absoluteTimeRange: AbsoluteTimeRange; // resolved absolute time for plugins to use\n  setTimeRange: (value: TimeRangeValue) => void;\n  refresh: () => void;\n  refreshInterval?: DurationString;\n  refreshIntervalInMs: number;\n  setRefreshInterval: (value: DurationString) => void;\n}\n\nexport const TimeRangeContext = createContext<TimeRange | undefined>(undefined);\n\nexport function useTimeRangeContext(): TimeRange {\n  const ctx = useContext(TimeRangeContext);\n  if (ctx === undefined) {\n    throw new Error('No TimeRangeContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\n/**\n * Get and set the current resolved time range at runtime.\n */\nexport function useTimeRange(): TimeRange {\n  return useTimeRangeContext();\n}\n\n/**\n * Gets the suggested step for a graph query in ms for the currently selected time range.\n */\nexport function useSuggestedStepMs(width?: number): number {\n  const { absoluteTimeRange } = useTimeRange();\n  if (width === undefined) return 0;\n  return getSuggestedStepMs(absoluteTimeRange, width);\n}\n\n/**\n * Provider implementation that supplies the time range state at runtime.\n */\nexport function TimeRangeProvider(props: TimeRangeProviderProps): ReactElement {\n  const { timeRange, refreshInterval, children, setTimeRange, setRefreshInterval } = props;\n\n  const queryClient = useQueryClient();\n  const [absoluteTimeRange, setAbsoluteTimeRange] = useState<AbsoluteTimeRange>(\n    isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange\n  );\n\n  const handleSetTimeRange = useCallback(\n    (value: TimeRangeValue) => {\n      setTimeRange(value);\n      setAbsoluteTimeRange(isRelativeTimeRange(value) ? toAbsoluteTimeRange(value) : value);\n    },\n    [setTimeRange]\n  );\n\n  // Refresh is called when clicking on the refresh button, it refreshes all queries including variables\n  const refresh = useCallback(() => {\n    setAbsoluteTimeRange(isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange);\n    queryClient\n      .invalidateQueries({ queryKey: ['query'] })\n      .finally(() => queryClient.removeQueries({ queryKey: ['query'], type: 'inactive' }));\n    queryClient\n      .invalidateQueries({ queryKey: ['variable'] })\n      .finally(() => queryClient.removeQueries({ queryKey: ['variable'], type: 'inactive' }));\n  }, [queryClient, timeRange]);\n\n  // Auto refresh is only refreshing queries of panels\n  const autoRefresh = useCallback(() => {\n    setAbsoluteTimeRange(isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange);\n    queryClient.invalidateQueries({ queryKey: ['query'] }).finally(() => {\n      queryClient.removeQueries({ queryKey: ['query'], type: 'inactive' });\n      queryClient.removeQueries({ queryKey: ['variable'], type: 'inactive' }); // Timerange is in queryKey, can lead to memory leak when using relative timerange\n    });\n  }, [queryClient, timeRange]);\n\n  const refreshIntervalInMs = useMemo(() => getRefreshIntervalInMs(refreshInterval), [refreshInterval]);\n  useEffect(() => {\n    if (refreshIntervalInMs > 0) {\n      const interval = setInterval(() => {\n        autoRefresh();\n      }, refreshIntervalInMs);\n\n      return (): void => clearInterval(interval);\n    }\n  }, [autoRefresh, refreshIntervalInMs]);\n\n  const ctx = useMemo(() => {\n    return {\n      timeRange: timeRange,\n      setTimeRange: handleSetTimeRange,\n      absoluteTimeRange: absoluteTimeRange,\n      refresh,\n      refreshInterval: refreshInterval,\n      refreshIntervalInMs: refreshIntervalInMs,\n      setRefreshInterval: setRefreshInterval,\n    };\n  }, [\n    absoluteTimeRange,\n    handleSetTimeRange,\n    refresh,\n    refreshInterval,\n    refreshIntervalInMs,\n    setRefreshInterval,\n    timeRange,\n  ]);\n\n  return <TimeRangeContext.Provider value={ctx}>{children}</TimeRangeContext.Provider>;\n}\n"],"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","isRelativeTimeRange","toAbsoluteTimeRange","getSuggestedStepMs","useQueryClient","getRefreshIntervalInMs","TimeRangeContext","undefined","useTimeRangeContext","ctx","Error","useTimeRange","useSuggestedStepMs","width","absoluteTimeRange","TimeRangeProvider","props","timeRange","refreshInterval","children","setTimeRange","setRefreshInterval","queryClient","setAbsoluteTimeRange","handleSetTimeRange","value","refresh","invalidateQueries","queryKey","finally","removeQueries","type","autoRefresh","refreshIntervalInMs","interval","setInterval","clearInterval","Provider"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAOA,SAASC,aAAa,EAAgBC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAClH,SAIEC,mBAAmB,EACnBC,mBAAmB,EACnBC,kBAAkB,QACb,mBAAmB;AAC1B,SAASC,cAAc,QAAQ,wBAAwB;AACvD,SAASC,sBAAsB,QAAQ,qBAAqB;AAoB5D,OAAO,MAAMC,iCAAmBX,cAAqCY,WAAW;AAEhF,OAAO,SAASC;IACd,MAAMC,MAAMZ,WAAWS;IACvB,IAAIG,QAAQF,WAAW;QACrB,MAAM,IAAIG,MAAM;IAClB;IACA,OAAOD;AACT;AAEA;;CAEC,GACD,OAAO,SAASE;IACd,OAAOH;AACT;AAEA;;CAEC,GACD,OAAO,SAASI,mBAAmBC,KAAc;IAC/C,MAAM,EAAEC,iBAAiB,EAAE,GAAGH;IAC9B,IAAIE,UAAUN,WAAW,OAAO;IAChC,OAAOJ,mBAAmBW,mBAAmBD;AAC/C;AAEA;;CAEC,GACD,OAAO,SAASE,kBAAkBC,KAA6B;IAC7D,MAAM,EAAEC,SAAS,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,kBAAkB,EAAE,GAAGL;IAEnF,MAAMM,cAAclB;IACpB,MAAM,CAACU,mBAAmBS,qBAAqB,GAAGvB,SAChDC,oBAAoBgB,aAAaf,oBAAoBe,aAAaA;IAGpE,MAAMO,qBAAqB5B,YACzB,CAAC6B;QACCL,aAAaK;QACbF,qBAAqBtB,oBAAoBwB,SAASvB,oBAAoBuB,SAASA;IACjF,GACA;QAACL;KAAa;IAGhB,sGAAsG;IACtG,MAAMM,UAAU9B,YAAY;QAC1B2B,qBAAqBtB,oBAAoBgB,aAAaf,oBAAoBe,aAAaA;QACvFK,YACGK,iBAAiB,CAAC;YAAEC,UAAU;gBAAC;aAAQ;QAAC,GACxCC,OAAO,CAAC,IAAMP,YAAYQ,aAAa,CAAC;gBAAEF,UAAU;oBAAC;iBAAQ;gBAAEG,MAAM;YAAW;QACnFT,YACGK,iBAAiB,CAAC;YAAEC,UAAU;gBAAC;aAAW;QAAC,GAC3CC,OAAO,CAAC,IAAMP,YAAYQ,aAAa,CAAC;gBAAEF,UAAU;oBAAC;iBAAW;gBAAEG,MAAM;YAAW;IACxF,GAAG;QAACT;QAAaL;KAAU;IAE3B,oDAAoD;IACpD,MAAMe,cAAcpC,YAAY;QAC9B2B,qBAAqBtB,oBAAoBgB,aAAaf,oBAAoBe,aAAaA;QACvFK,YAAYK,iBAAiB,CAAC;YAAEC,UAAU;gBAAC;aAAQ;QAAC,GAAGC,OAAO,CAAC;YAC7DP,YAAYQ,aAAa,CAAC;gBAAEF,UAAU;oBAAC;iBAAQ;gBAAEG,MAAM;YAAW;YAClET,YAAYQ,aAAa,CAAC;gBAAEF,UAAU;oBAAC;iBAAW;gBAAEG,MAAM;YAAW,IAAI,kFAAkF;QAC7J;IACF,GAAG;QAACT;QAAaL;KAAU;IAE3B,MAAMgB,sBAAsBlC,QAAQ,IAAMM,uBAAuBa,kBAAkB;QAACA;KAAgB;IACpGpB,UAAU;QACR,IAAImC,sBAAsB,GAAG;YAC3B,MAAMC,WAAWC,YAAY;gBAC3BH;YACF,GAAGC;YAEH,OAAO,IAAYG,cAAcF;QACnC;IACF,GAAG;QAACF;QAAaC;KAAoB;IAErC,MAAMxB,MAAMV,QAAQ;QAClB,OAAO;YACLkB,WAAWA;YACXG,cAAcI;YACdV,mBAAmBA;YACnBY;YACAR,iBAAiBA;YACjBe,qBAAqBA;YACrBZ,oBAAoBA;QACtB;IACF,GAAG;QACDP;QACAU;QACAE;QACAR;QACAe;QACAZ;QACAJ;KACD;IAED,qBAAO,KAACX,iBAAiB+B,QAAQ;QAACZ,OAAOhB;kBAAMU;;AACjD"}
+{"version":3,"sources":["../../../src/runtime/TimeRangeProvider/TimeRangeProvider.tsx"],"sourcesContent":["// Copyright 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 type { AbsoluteTimeRange, DurationString, TimeRangeValue } from '@perses-dev/spec';\nimport { isRelativeTimeRange, toAbsoluteTimeRange, getSuggestedStepMs } from '@perses-dev/spec';\nimport { useQueryClient } from '@tanstack/react-query';\nimport type { ReactElement } from 'react';\nimport React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';\n\nimport { getRefreshIntervalInMs } from './refresh-interval';\nimport { useDisableAutoRefreshSetting } from './TimeRangeSettingsProvider';\n\nexport interface TimeRangeProviderProps {\n  timeRange: TimeRangeValue;\n  refreshInterval?: DurationString;\n  setTimeRange: (value: TimeRangeValue) => void;\n  setRefreshInterval: (value: DurationString) => void;\n  children?: React.ReactNode;\n}\n\nexport interface TimeRange {\n  timeRange: TimeRangeValue;\n  absoluteTimeRange: AbsoluteTimeRange; // resolved absolute time for plugins to use\n  setTimeRange: (value: TimeRangeValue) => void;\n  refresh: () => void;\n  refreshInterval?: DurationString;\n  refreshIntervalInMs: number;\n  setRefreshInterval: (value: DurationString) => void;\n}\n\nexport const TimeRangeContext = createContext<TimeRange | undefined>(undefined);\n\nexport function useTimeRangeContext(): TimeRange {\n  const ctx = useContext(TimeRangeContext);\n  if (ctx === undefined) {\n    throw new Error('No TimeRangeContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\n/**\n * Get and set the current resolved time range at runtime.\n */\nexport function useTimeRange(): TimeRange {\n  return useTimeRangeContext();\n}\n\n/**\n * Gets the suggested step for a graph query in ms for the currently selected time range.\n */\nexport function useSuggestedStepMs(width?: number): number {\n  const { absoluteTimeRange } = useTimeRange();\n  if (width === undefined) return 0;\n  return getSuggestedStepMs(absoluteTimeRange, width);\n}\n\n/**\n * Provider implementation that supplies the time range state at runtime.\n */\nexport function TimeRangeProvider(props: TimeRangeProviderProps): ReactElement {\n  const { timeRange, refreshInterval, children, setTimeRange, setRefreshInterval } = props;\n  const disableAutoRefresh = useDisableAutoRefreshSetting();\n\n  const queryClient = useQueryClient();\n  const [absoluteTimeRange, setAbsoluteTimeRange] = useState<AbsoluteTimeRange>(\n    isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange,\n  );\n\n  const handleSetTimeRange = useCallback(\n    (value: TimeRangeValue) => {\n      setTimeRange(value);\n      setAbsoluteTimeRange(isRelativeTimeRange(value) ? toAbsoluteTimeRange(value) : value);\n    },\n    [setTimeRange],\n  );\n\n  // When auto-refresh is disabled by admin, leave URL/spec values untouched and no-op changes.\n  const handleSetRefreshInterval = useCallback(\n    (value: DurationString) => {\n      if (disableAutoRefresh) {\n        return;\n      }\n      setRefreshInterval(value);\n    },\n    [disableAutoRefresh, setRefreshInterval],\n  );\n\n  // Refresh is called when clicking on the refresh button, it refreshes all queries including variables\n  const refresh = useCallback(() => {\n    setAbsoluteTimeRange(isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange);\n    queryClient\n      .invalidateQueries({ queryKey: ['query'] })\n      .finally(() => queryClient.removeQueries({ queryKey: ['query'], type: 'inactive' }));\n    queryClient\n      .invalidateQueries({ queryKey: ['variable'] })\n      .finally(() => queryClient.removeQueries({ queryKey: ['variable'], type: 'inactive' }));\n  }, [queryClient, timeRange]);\n\n  // Auto refresh is only refreshing queries of panels\n  const autoRefresh = useCallback(() => {\n    setAbsoluteTimeRange(isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange);\n    queryClient.invalidateQueries({ queryKey: ['query'] }).finally(() => {\n      queryClient.removeQueries({ queryKey: ['query'], type: 'inactive' });\n      queryClient.removeQueries({ queryKey: ['variable'], type: 'inactive' }); // Timerange is in queryKey, can lead to memory leak when using relative timerange\n    });\n  }, [queryClient, timeRange]);\n\n  // Gate the timer only — do not rewrite refreshInterval / ?refresh= so re-enabling restores them.\n  const refreshIntervalInMs = useMemo(\n    () => (disableAutoRefresh ? 0 : getRefreshIntervalInMs(refreshInterval)),\n    [disableAutoRefresh, refreshInterval],\n  );\n  useEffect(() => {\n    if (refreshIntervalInMs > 0) {\n      const interval = setInterval(() => {\n        autoRefresh();\n      }, refreshIntervalInMs);\n\n      return (): void => clearInterval(interval);\n    }\n  }, [autoRefresh, refreshIntervalInMs]);\n\n  const ctx = useMemo(() => {\n    return {\n      timeRange: timeRange,\n      setTimeRange: handleSetTimeRange,\n      absoluteTimeRange: absoluteTimeRange,\n      refresh,\n      refreshInterval: refreshInterval,\n      refreshIntervalInMs: refreshIntervalInMs,\n      setRefreshInterval: handleSetRefreshInterval,\n    };\n  }, [\n    absoluteTimeRange,\n    handleSetTimeRange,\n    refresh,\n    refreshInterval,\n    refreshIntervalInMs,\n    handleSetRefreshInterval,\n    timeRange,\n  ]);\n\n  return <TimeRangeContext.Provider value={ctx}>{children}</TimeRangeContext.Provider>;\n}\n"],"names":["isRelativeTimeRange","toAbsoluteTimeRange","getSuggestedStepMs","useQueryClient","React","createContext","useCallback","useContext","useEffect","useMemo","useState","getRefreshIntervalInMs","useDisableAutoRefreshSetting","TimeRangeContext","undefined","useTimeRangeContext","ctx","Error","useTimeRange","useSuggestedStepMs","width","absoluteTimeRange","TimeRangeProvider","props","timeRange","refreshInterval","children","setTimeRange","setRefreshInterval","disableAutoRefresh","queryClient","setAbsoluteTimeRange","handleSetTimeRange","value","handleSetRefreshInterval","refresh","invalidateQueries","queryKey","finally","removeQueries","type","autoRefresh","refreshIntervalInMs","interval","setInterval","clearInterval","Provider"],"mappings":"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"}

package/dist/runtime/TimeRangeProvider/TimeRangeProviders.d.ts

@@ -1,5 +1,6 @@
-import { DurationString, TimeRangeValue } from '@perses-dev/spec';
-import React, { ReactElement } from 'react';
+import type { DurationString, TimeRangeValue } from '@perses-dev/spec';
+import type { ReactElement } from 'react';
+import React from 'react';
 export interface TimeRangeProvidersProps {
     initialTimeRange: TimeRangeValue;
     initialRefreshInterval?: DurationString;

package/dist/runtime/TimeRangeProvider/TimeRangeProviders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeRangeProviders.d.ts","sourceRoot":"","sources":["../../../src/runtime/TimeRangeProvider/TimeRangeProviders.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,cAAc,CAAC;IACjC,sBAAsB,CAAC,EAAE,cAAc,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,gCAAgC,CAAC,EAC/C,gBAAgB,EAChB,sBAAsB,EACtB,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CAexC;AAED,wBAAgB,sBAAsB,CAAC,EACrC,gBAAgB,EAChB,sBAAsB,EACtB,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CAcxC"}
+{"version":3,"file":"TimeRangeProviders.d.ts","sourceRoot":"","sources":["../../../src/runtime/TimeRangeProvider/TimeRangeProviders.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,cAAc,CAAC;IACjC,sBAAsB,CAAC,EAAE,cAAc,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,gCAAgC,CAAC,EAC/C,gBAAgB,EAChB,sBAAsB,EACtB,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CAexC;AAED,wBAAgB,sBAAsB,CAAC,EACrC,gBAAgB,EAChB,sBAAsB,EACtB,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CAcxC"}

package/dist/runtime/TimeRangeProvider/TimeRangeProviders.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 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.
@@ -10,11 +11,10 @@
 // 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 React from 'react';
-import { TimeZoneProvider } from '@perses-dev/components';
-import { TimeRangeProvider } from './TimeRangeProvider';
-import { useSetRefreshIntervalParams, useTimeRangeParams, useTimeZoneParams } from './query-params';
+import { TimeZoneProvider } from "@perses-dev/components";
+import React from "react";
+import { useSetRefreshIntervalParams, useTimeRangeParams, useTimeZoneParams } from "./query-params.js";
+import { TimeRangeProvider } from "./TimeRangeProvider.js";
 export function TimeRangeProviderWithQueryParams({ initialTimeRange, initialRefreshInterval, children }) {
     const { timeRange, setTimeRange } = useTimeRangeParams(initialTimeRange);
     const { refreshInterval, setRefreshInterval } = useSetRefreshIntervalParams(initialRefreshInterval);

package/dist/runtime/TimeRangeProvider/TimeRangeProviders.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/TimeRangeProvider/TimeRangeProviders.tsx"],"sourcesContent":["// Copyright 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 { DurationString, TimeRangeValue } from '@perses-dev/spec';\nimport React, { ReactElement } from 'react';\nimport { TimeZoneProvider } from '@perses-dev/components';\nimport { TimeRangeProvider } from './TimeRangeProvider';\nimport { useSetRefreshIntervalParams, useTimeRangeParams, useTimeZoneParams } from './query-params';\n\nexport interface TimeRangeProvidersProps {\n  initialTimeRange: TimeRangeValue;\n  initialRefreshInterval?: DurationString;\n  children?: React.ReactNode;\n}\n\nexport function TimeRangeProviderWithQueryParams({\n  initialTimeRange,\n  initialRefreshInterval,\n  children,\n}: TimeRangeProvidersProps): ReactElement {\n  const { timeRange, setTimeRange } = useTimeRangeParams(initialTimeRange);\n  const { refreshInterval, setRefreshInterval } = useSetRefreshIntervalParams(initialRefreshInterval);\n  const { timeZone } = useTimeZoneParams('local');\n\n  return (\n    <TimeRangeProvider\n      timeRange={timeRange}\n      refreshInterval={refreshInterval}\n      setTimeRange={setTimeRange}\n      setRefreshInterval={setRefreshInterval}\n    >\n      <TimeZoneProvider timeZone={timeZone}>{children}</TimeZoneProvider>\n    </TimeRangeProvider>\n  );\n}\n\nexport function TimeRangeProviderBasic({\n  initialTimeRange,\n  initialRefreshInterval,\n  children,\n}: TimeRangeProvidersProps): ReactElement {\n  const [timeRange, setTimeRange] = React.useState<TimeRangeValue>(initialTimeRange);\n  const [refreshInterval, setRefreshInterval] = React.useState<DurationString | undefined>(initialRefreshInterval);\n\n  return (\n    <TimeRangeProvider\n      timeRange={timeRange}\n      refreshInterval={refreshInterval}\n      setTimeRange={setTimeRange}\n      setRefreshInterval={setRefreshInterval}\n    >\n      {children}\n    </TimeRangeProvider>\n  );\n}\n"],"names":["React","TimeZoneProvider","TimeRangeProvider","useSetRefreshIntervalParams","useTimeRangeParams","useTimeZoneParams","TimeRangeProviderWithQueryParams","initialTimeRange","initialRefreshInterval","children","timeRange","setTimeRange","refreshInterval","setRefreshInterval","timeZone","TimeRangeProviderBasic","useState"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,OAAOA,WAA6B,QAAQ;AAC5C,SAASC,gBAAgB,QAAQ,yBAAyB;AAC1D,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,2BAA2B,EAAEC,kBAAkB,EAAEC,iBAAiB,QAAQ,iBAAiB;AAQpG,OAAO,SAASC,iCAAiC,EAC/CC,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACgB;IACxB,MAAM,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGP,mBAAmBG;IACvD,MAAM,EAAEK,eAAe,EAAEC,kBAAkB,EAAE,GAAGV,4BAA4BK;IAC5E,MAAM,EAAEM,QAAQ,EAAE,GAAGT,kBAAkB;IAEvC,qBACE,KAACH;QACCQ,WAAWA;QACXE,iBAAiBA;QACjBD,cAAcA;QACdE,oBAAoBA;kBAEpB,cAAA,KAACZ;YAAiBa,UAAUA;sBAAWL;;;AAG7C;AAEA,OAAO,SAASM,uBAAuB,EACrCR,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACgB;IACxB,MAAM,CAACC,WAAWC,aAAa,GAAGX,MAAMgB,QAAQ,CAAiBT;IACjE,MAAM,CAACK,iBAAiBC,mBAAmB,GAAGb,MAAMgB,QAAQ,CAA6BR;IAEzF,qBACE,KAACN;QACCQ,WAAWA;QACXE,iBAAiBA;QACjBD,cAAcA;QACdE,oBAAoBA;kBAEnBJ;;AAGP"}
+{"version":3,"sources":["../../../src/runtime/TimeRangeProvider/TimeRangeProviders.tsx"],"sourcesContent":["// Copyright 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 { TimeZoneProvider } from '@perses-dev/components';\nimport type { DurationString, TimeRangeValue } from '@perses-dev/spec';\nimport type { ReactElement } from 'react';\nimport React from 'react';\n\nimport { useSetRefreshIntervalParams, useTimeRangeParams, useTimeZoneParams } from './query-params';\nimport { TimeRangeProvider } from './TimeRangeProvider';\n\nexport interface TimeRangeProvidersProps {\n  initialTimeRange: TimeRangeValue;\n  initialRefreshInterval?: DurationString;\n  children?: React.ReactNode;\n}\n\nexport function TimeRangeProviderWithQueryParams({\n  initialTimeRange,\n  initialRefreshInterval,\n  children,\n}: TimeRangeProvidersProps): ReactElement {\n  const { timeRange, setTimeRange } = useTimeRangeParams(initialTimeRange);\n  const { refreshInterval, setRefreshInterval } = useSetRefreshIntervalParams(initialRefreshInterval);\n  const { timeZone } = useTimeZoneParams('local');\n\n  return (\n    <TimeRangeProvider\n      timeRange={timeRange}\n      refreshInterval={refreshInterval}\n      setTimeRange={setTimeRange}\n      setRefreshInterval={setRefreshInterval}\n    >\n      <TimeZoneProvider timeZone={timeZone}>{children}</TimeZoneProvider>\n    </TimeRangeProvider>\n  );\n}\n\nexport function TimeRangeProviderBasic({\n  initialTimeRange,\n  initialRefreshInterval,\n  children,\n}: TimeRangeProvidersProps): ReactElement {\n  const [timeRange, setTimeRange] = React.useState<TimeRangeValue>(initialTimeRange);\n  const [refreshInterval, setRefreshInterval] = React.useState<DurationString | undefined>(initialRefreshInterval);\n\n  return (\n    <TimeRangeProvider\n      timeRange={timeRange}\n      refreshInterval={refreshInterval}\n      setTimeRange={setTimeRange}\n      setRefreshInterval={setRefreshInterval}\n    >\n      {children}\n    </TimeRangeProvider>\n  );\n}\n"],"names":["TimeZoneProvider","React","useSetRefreshIntervalParams","useTimeRangeParams","useTimeZoneParams","TimeRangeProvider","TimeRangeProviderWithQueryParams","initialTimeRange","initialRefreshInterval","children","timeRange","setTimeRange","refreshInterval","setRefreshInterval","timeZone","TimeRangeProviderBasic","useState"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,gBAAgB,QAAQ,yBAAyB;AAG1D,OAAOC,WAAW,QAAQ;AAE1B,SAASC,2BAA2B,EAAEC,kBAAkB,EAAEC,iBAAiB,QAAQ,oBAAiB;AACpG,SAASC,iBAAiB,QAAQ,yBAAsB;AAQxD,OAAO,SAASC,iCAAiC,EAC/CC,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACgB;IACxB,MAAM,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGR,mBAAmBI;IACvD,MAAM,EAAEK,eAAe,EAAEC,kBAAkB,EAAE,GAAGX,4BAA4BM;IAC5E,MAAM,EAAEM,QAAQ,EAAE,GAAGV,kBAAkB;IAEvC,qBACE,KAACC;QACCK,WAAWA;QACXE,iBAAiBA;QACjBD,cAAcA;QACdE,oBAAoBA;kBAEpB,cAAA,KAACb;YAAiBc,UAAUA;sBAAWL;;;AAG7C;AAEA,OAAO,SAASM,uBAAuB,EACrCR,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACgB;IACxB,MAAM,CAACC,WAAWC,aAAa,GAAGV,MAAMe,QAAQ,CAAiBT;IACjE,MAAM,CAACK,iBAAiBC,mBAAmB,GAAGZ,MAAMe,QAAQ,CAA6BR;IAEzF,qBACE,KAACH;QACCK,WAAWA;QACXE,iBAAiBA;QACjBD,cAAcA;QACdE,oBAAoBA;kBAEnBJ;;AAGP"}

package/dist/runtime/TimeRangeProvider/TimeRangeSettingsProvider.d.ts

@@ -1,14 +1,19 @@
-import { ReactElement, ReactNode } from 'react';
-import { TimeOption } from '@perses-dev/components';
+import type { TimeOption } from '@perses-dev/components';
+import type { ReactElement, ReactNode } from 'react';
+export declare const DEFAULT_REFRESH_INTERVAL_OPTIONS: TimeOption[];
 export interface TimeRangeSettingsProviderProps {
     showCustom?: boolean;
     showZoomButtons?: boolean;
+    disableAutoRefresh?: boolean;
+    autoRefreshIntervalOptions?: TimeOption[];
     options?: TimeOption[];
     children: ReactNode;
 }
 export interface TimeRangeSettings {
     showCustom: boolean;
     showZoomButtons: boolean;
+    disableAutoRefresh: boolean;
+    autoRefreshIntervalOptions: TimeOption[];
     options: TimeOption[];
 }
 export declare const TimeRangeSettingsContext: import("react").Context<TimeRangeSettings>;
@@ -32,6 +37,12 @@ export declare function useShowZoomRangeSetting(override?: boolean): boolean;
  * @param override If set, the value of the provider will be overridden by this value.
  */
 export declare function useTimeRangeOptionsSetting(override?: TimeOption[]): TimeOption[];
+/**
+ * Get the current value of the disableAutoRefresh setting.
+ * @param override If set, the value of the provider will be overridden by this value.
+ */
+export declare function useDisableAutoRefreshSetting(override?: boolean): boolean;
+export declare function useAutoRefreshIntervalsOptions(override?: TimeOption[]): TimeOption[];
 /**
  * Provider implementation that supplies the time range state at runtime.
  */

package/dist/runtime/TimeRangeProvider/TimeRangeSettingsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeRangeSettingsProvider.d.ts","sourceRoot":"","sources":["../../../src/runtime/TimeRangeProvider/TimeRangeSettingsProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAiB,YAAY,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AACpF,OAAO,EAA2B,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAU7E,MAAM,WAAW,8BAA8B;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,wBAAwB,4CAA6D,CAAC;AAEnG,wBAAgB,2BAA2B,IAAI,iBAAiB,CAM/D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,iBAAiB,CAExD;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAMzE;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAMnE;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAMhF;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,GAAG,YAAY,CAW7F"}
+{"version":3,"file":"TimeRangeSettingsProvider.d.ts","sourceRoot":"","sources":["../../../src/runtime/TimeRangeProvider/TimeRangeSettingsProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrD,eAAO,MAAM,gCAAgC,EAAE,UAAU,EAOxD,CAAC;AAUF,MAAM,WAAW,8BAA8B;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,0BAA0B,CAAC,EAAE,UAAU,EAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,0BAA0B,EAAE,UAAU,EAAE,CAAC;IACzC,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,wBAAwB,4CAA6D,CAAC;AAEnG,wBAAgB,2BAA2B,IAAI,iBAAiB,CAM/D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,iBAAiB,CAExD;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAMzE;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAMnE;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAMhF;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAMxE;AAED,wBAAgB,8BAA8B,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAMpF;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,GAAG,YAAY,CAsB7F"}

package/dist/runtime/TimeRangeProvider/TimeRangeSettingsProvider.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 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.
@@ -11,8 +10,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // 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 { createContext, useContext, useMemo } from 'react';
-import { buildRelativeTimeOption } from '@perses-dev/components';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { buildRelativeTimeOption } from "@perses-dev/components";
+import { createContext, useContext, useMemo } from "react";
 const DEFAULT_OPTIONS = [
     '5m',
     '15m',
@@ -24,9 +24,49 @@ const DEFAULT_OPTIONS = [
     '7d',
     '14d'
 ];
+export const DEFAULT_REFRESH_INTERVAL_OPTIONS = [
+    {
+        value: {
+            pastDuration: '0s'
+        },
+        display: 'Off'
+    },
+    {
+        value: {
+            pastDuration: '5s'
+        },
+        display: '5s'
+    },
+    {
+        value: {
+            pastDuration: '10s'
+        },
+        display: '10s'
+    },
+    {
+        value: {
+            pastDuration: '15s'
+        },
+        display: '15s'
+    },
+    {
+        value: {
+            pastDuration: '30s'
+        },
+        display: '30s'
+    },
+    {
+        value: {
+            pastDuration: '60s'
+        },
+        display: '1m'
+    }
+];
 const defaultTimeRangeSettings = {
     showCustom: true,
     showZoomButtons: true,
+    disableAutoRefresh: false,
+    autoRefreshIntervalOptions: DEFAULT_REFRESH_INTERVAL_OPTIONS,
     options: DEFAULT_OPTIONS.map((duration)=>buildRelativeTimeOption(duration))
 };
 export const TimeRangeSettingsContext = /*#__PURE__*/ createContext(defaultTimeRangeSettings);
@@ -72,6 +112,23 @@ export function useTimeRangeSettingsContext() {
     }
     return showCustomTimeRange;
 }
+/**
+ * Get the current value of the disableAutoRefresh setting.
+ * @param override If set, the value of the provider will be overridden by this value.
+ */ export function useDisableAutoRefreshSetting(override) {
+    const disableAutoRefresh = useTimeRangeSettings().disableAutoRefresh;
+    if (override !== undefined) {
+        return override;
+    }
+    return disableAutoRefresh;
+}
+export function useAutoRefreshIntervalsOptions(override) {
+    const { autoRefreshIntervalOptions } = useTimeRangeSettings();
+    if (override?.length) {
+        return override;
+    }
+    return autoRefreshIntervalOptions;
+}
 /**
  * Provider implementation that supplies the time range state at runtime.
  */ export function TimeRangeSettingsProvider(props) {
@@ -79,12 +136,16 @@ export function useTimeRangeSettingsContext() {
         return {
             showCustom: props.showCustom === undefined ? defaultTimeRangeSettings.showCustom : props.showCustom,
             showZoomButtons: props.showZoomButtons === undefined ? defaultTimeRangeSettings.showZoomButtons : props.showZoomButtons,
+            disableAutoRefresh: props.disableAutoRefresh === undefined ? defaultTimeRangeSettings.disableAutoRefresh : props.disableAutoRefresh,
+            autoRefreshIntervalOptions: !props.autoRefreshIntervalOptions?.length ? defaultTimeRangeSettings.autoRefreshIntervalOptions : props.autoRefreshIntervalOptions,
             options: props.options === undefined ? defaultTimeRangeSettings.options : props.options
         };
     }, [
         props.showCustom,
         props.showZoomButtons,
-        props.options
+        props.disableAutoRefresh,
+        props.options,
+        props.autoRefreshIntervalOptions
     ]);
     return /*#__PURE__*/ _jsx(TimeRangeSettingsContext.Provider, {
         value: ctx,

package/dist/runtime/TimeRangeProvider/TimeRangeSettingsProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/TimeRangeProvider/TimeRangeSettingsProvider.tsx"],"sourcesContent":["// Copyright 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 } from 'react';\nimport { buildRelativeTimeOption, TimeOption } from '@perses-dev/components';\nimport { DurationString } from '@perses-dev/spec';\n\nconst DEFAULT_OPTIONS: DurationString[] = ['5m', '15m', '30m', '1h', '6h', '12h', '24h', '7d', '14d'];\nconst defaultTimeRangeSettings: TimeRangeSettings = {\n  showCustom: true,\n  showZoomButtons: true,\n  options: DEFAULT_OPTIONS.map((duration) => buildRelativeTimeOption(duration)),\n};\n\nexport interface TimeRangeSettingsProviderProps {\n  showCustom?: boolean;\n  showZoomButtons?: boolean;\n  options?: TimeOption[];\n  children: ReactNode;\n}\n\nexport interface TimeRangeSettings {\n  showCustom: boolean;\n  showZoomButtons: boolean;\n  options: TimeOption[];\n}\n\nexport const TimeRangeSettingsContext = createContext<TimeRangeSettings>(defaultTimeRangeSettings);\n\nexport function useTimeRangeSettingsContext(): TimeRangeSettings {\n  const ctx = useContext(TimeRangeSettingsContext);\n  if (ctx === undefined) {\n    throw new Error('No TimeRangeContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\n/**\n * Get and set the current resolved time range at runtime.\n */\nexport function useTimeRangeSettings(): TimeRangeSettings {\n  return useTimeRangeSettingsContext();\n}\n\n/**\n * Get the current value of the showCustom setting.\n * @param override If set, the value of the provider will be overridden by this value.\n */\nexport function useShowCustomTimeRangeSetting(override?: boolean): boolean {\n  const showCustomTimeRange = useTimeRangeSettings().showCustom;\n  if (override !== undefined) {\n    return override;\n  }\n  return showCustomTimeRange;\n}\n\n/**\n * Get the current value of the showZoomButtons setting.\n * @param override If set, the value of the provider will be overridden by this value.\n */\nexport function useShowZoomRangeSetting(override?: boolean): boolean {\n  const showZoomTimeRange = useTimeRangeSettings().showZoomButtons;\n  if (override !== undefined) {\n    return override;\n  }\n  return showZoomTimeRange;\n}\n\n/**\n * Get the current value of the options setting.\n * @param override If set, the value of the provider will be overridden by this value.\n */\nexport function useTimeRangeOptionsSetting(override?: TimeOption[]): TimeOption[] {\n  const showCustomTimeRange = useTimeRangeSettings().options;\n  if (override !== undefined) {\n    return override;\n  }\n  return showCustomTimeRange;\n}\n\n/**\n * Provider implementation that supplies the time range state at runtime.\n */\nexport function TimeRangeSettingsProvider(props: TimeRangeSettingsProviderProps): ReactElement {\n  const ctx = useMemo(() => {\n    return {\n      showCustom: props.showCustom === undefined ? defaultTimeRangeSettings.showCustom : props.showCustom,\n      showZoomButtons:\n        props.showZoomButtons === undefined ? defaultTimeRangeSettings.showZoomButtons : props.showZoomButtons,\n      options: props.options === undefined ? defaultTimeRangeSettings.options : props.options,\n    };\n  }, [props.showCustom, props.showZoomButtons, props.options]);\n\n  return <TimeRangeSettingsContext.Provider value={ctx}>{props.children}</TimeRangeSettingsContext.Provider>;\n}\n"],"names":["createContext","useContext","useMemo","buildRelativeTimeOption","DEFAULT_OPTIONS","defaultTimeRangeSettings","showCustom","showZoomButtons","options","map","duration","TimeRangeSettingsContext","useTimeRangeSettingsContext","ctx","undefined","Error","useTimeRangeSettings","useShowCustomTimeRangeSetting","override","showCustomTimeRange","useShowZoomRangeSetting","showZoomTimeRange","useTimeRangeOptionsSetting","TimeRangeSettingsProvider","props","Provider","value","children"],"mappings":";AAAA,+BAA+B;AAC/B,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,QAAQ,QAAQ;AACpF,SAASC,uBAAuB,QAAoB,yBAAyB;AAG7E,MAAMC,kBAAoC;IAAC;IAAM;IAAO;IAAO;IAAM;IAAM;IAAO;IAAO;IAAM;CAAM;AACrG,MAAMC,2BAA8C;IAClDC,YAAY;IACZC,iBAAiB;IACjBC,SAASJ,gBAAgBK,GAAG,CAAC,CAACC,WAAaP,wBAAwBO;AACrE;AAeA,OAAO,MAAMC,yCAA2BX,cAAiCK,0BAA0B;AAEnG,OAAO,SAASO;IACd,MAAMC,MAAMZ,WAAWU;IACvB,IAAIE,QAAQC,WAAW;QACrB,MAAM,IAAIC,MAAM;IAClB;IACA,OAAOF;AACT;AAEA;;CAEC,GACD,OAAO,SAASG;IACd,OAAOJ;AACT;AAEA;;;CAGC,GACD,OAAO,SAASK,8BAA8BC,QAAkB;IAC9D,MAAMC,sBAAsBH,uBAAuBV,UAAU;IAC7D,IAAIY,aAAaJ,WAAW;QAC1B,OAAOI;IACT;IACA,OAAOC;AACT;AAEA;;;CAGC,GACD,OAAO,SAASC,wBAAwBF,QAAkB;IACxD,MAAMG,oBAAoBL,uBAAuBT,eAAe;IAChE,IAAIW,aAAaJ,WAAW;QAC1B,OAAOI;IACT;IACA,OAAOG;AACT;AAEA;;;CAGC,GACD,OAAO,SAASC,2BAA2BJ,QAAuB;IAChE,MAAMC,sBAAsBH,uBAAuBR,OAAO;IAC1D,IAAIU,aAAaJ,WAAW;QAC1B,OAAOI;IACT;IACA,OAAOC;AACT;AAEA;;CAEC,GACD,OAAO,SAASI,0BAA0BC,KAAqC;IAC7E,MAAMX,MAAMX,QAAQ;QAClB,OAAO;YACLI,YAAYkB,MAAMlB,UAAU,KAAKQ,YAAYT,yBAAyBC,UAAU,GAAGkB,MAAMlB,UAAU;YACnGC,iBACEiB,MAAMjB,eAAe,KAAKO,YAAYT,yBAAyBE,eAAe,GAAGiB,MAAMjB,eAAe;YACxGC,SAASgB,MAAMhB,OAAO,KAAKM,YAAYT,yBAAyBG,OAAO,GAAGgB,MAAMhB,OAAO;QACzF;IACF,GAAG;QAACgB,MAAMlB,UAAU;QAAEkB,MAAMjB,eAAe;QAAEiB,MAAMhB,OAAO;KAAC;IAE3D,qBAAO,KAACG,yBAAyBc,QAAQ;QAACC,OAAOb;kBAAMW,MAAMG,QAAQ;;AACvE"}
+{"version":3,"sources":["../../../src/runtime/TimeRangeProvider/TimeRangeSettingsProvider.tsx"],"sourcesContent":["// Copyright 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 type { TimeOption } from '@perses-dev/components';\nimport { buildRelativeTimeOption } from '@perses-dev/components';\nimport type { DurationString } from '@perses-dev/spec';\nimport type { ReactElement, ReactNode } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\n\nconst DEFAULT_OPTIONS: DurationString[] = ['5m', '15m', '30m', '1h', '6h', '12h', '24h', '7d', '14d'];\n\nexport const DEFAULT_REFRESH_INTERVAL_OPTIONS: TimeOption[] = [\n  { value: { pastDuration: '0s' }, display: 'Off' },\n  { value: { pastDuration: '5s' }, display: '5s' },\n  { value: { pastDuration: '10s' }, display: '10s' },\n  { value: { pastDuration: '15s' }, display: '15s' },\n  { value: { pastDuration: '30s' }, display: '30s' },\n  { value: { pastDuration: '60s' }, display: '1m' },\n];\n\nconst defaultTimeRangeSettings: TimeRangeSettings = {\n  showCustom: true,\n  showZoomButtons: true,\n  disableAutoRefresh: false,\n  autoRefreshIntervalOptions: DEFAULT_REFRESH_INTERVAL_OPTIONS,\n  options: DEFAULT_OPTIONS.map((duration) => buildRelativeTimeOption(duration)),\n};\n\nexport interface TimeRangeSettingsProviderProps {\n  showCustom?: boolean;\n  showZoomButtons?: boolean;\n  disableAutoRefresh?: boolean;\n  autoRefreshIntervalOptions?: TimeOption[];\n  options?: TimeOption[];\n  children: ReactNode;\n}\n\nexport interface TimeRangeSettings {\n  showCustom: boolean;\n  showZoomButtons: boolean;\n  disableAutoRefresh: boolean;\n  autoRefreshIntervalOptions: TimeOption[];\n  options: TimeOption[];\n}\n\nexport const TimeRangeSettingsContext = createContext<TimeRangeSettings>(defaultTimeRangeSettings);\n\nexport function useTimeRangeSettingsContext(): TimeRangeSettings {\n  const ctx = useContext(TimeRangeSettingsContext);\n  if (ctx === undefined) {\n    throw new Error('No TimeRangeContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\n/**\n * Get and set the current resolved time range at runtime.\n */\nexport function useTimeRangeSettings(): TimeRangeSettings {\n  return useTimeRangeSettingsContext();\n}\n\n/**\n * Get the current value of the showCustom setting.\n * @param override If set, the value of the provider will be overridden by this value.\n */\nexport function useShowCustomTimeRangeSetting(override?: boolean): boolean {\n  const showCustomTimeRange = useTimeRangeSettings().showCustom;\n  if (override !== undefined) {\n    return override;\n  }\n  return showCustomTimeRange;\n}\n\n/**\n * Get the current value of the showZoomButtons setting.\n * @param override If set, the value of the provider will be overridden by this value.\n */\nexport function useShowZoomRangeSetting(override?: boolean): boolean {\n  const showZoomTimeRange = useTimeRangeSettings().showZoomButtons;\n  if (override !== undefined) {\n    return override;\n  }\n  return showZoomTimeRange;\n}\n\n/**\n * Get the current value of the options setting.\n * @param override If set, the value of the provider will be overridden by this value.\n */\nexport function useTimeRangeOptionsSetting(override?: TimeOption[]): TimeOption[] {\n  const showCustomTimeRange = useTimeRangeSettings().options;\n  if (override !== undefined) {\n    return override;\n  }\n  return showCustomTimeRange;\n}\n\n/**\n * Get the current value of the disableAutoRefresh setting.\n * @param override If set, the value of the provider will be overridden by this value.\n */\nexport function useDisableAutoRefreshSetting(override?: boolean): boolean {\n  const disableAutoRefresh = useTimeRangeSettings().disableAutoRefresh;\n  if (override !== undefined) {\n    return override;\n  }\n  return disableAutoRefresh;\n}\n\nexport function useAutoRefreshIntervalsOptions(override?: TimeOption[]): TimeOption[] {\n  const { autoRefreshIntervalOptions } = useTimeRangeSettings();\n  if (override?.length) {\n    return override;\n  }\n  return autoRefreshIntervalOptions;\n}\n\n/**\n * Provider implementation that supplies the time range state at runtime.\n */\nexport function TimeRangeSettingsProvider(props: TimeRangeSettingsProviderProps): ReactElement {\n  const ctx = useMemo((): TimeRangeSettings => {\n    return {\n      showCustom: props.showCustom === undefined ? defaultTimeRangeSettings.showCustom : props.showCustom,\n      showZoomButtons:\n        props.showZoomButtons === undefined ? defaultTimeRangeSettings.showZoomButtons : props.showZoomButtons,\n      disableAutoRefresh:\n        props.disableAutoRefresh === undefined ? defaultTimeRangeSettings.disableAutoRefresh : props.disableAutoRefresh,\n      autoRefreshIntervalOptions: !props.autoRefreshIntervalOptions?.length\n        ? defaultTimeRangeSettings.autoRefreshIntervalOptions\n        : props.autoRefreshIntervalOptions,\n      options: props.options === undefined ? defaultTimeRangeSettings.options : props.options,\n    };\n  }, [\n    props.showCustom,\n    props.showZoomButtons,\n    props.disableAutoRefresh,\n    props.options,\n    props.autoRefreshIntervalOptions,\n  ]);\n\n  return <TimeRangeSettingsContext.Provider value={ctx}>{props.children}</TimeRangeSettingsContext.Provider>;\n}\n"],"names":["buildRelativeTimeOption","createContext","useContext","useMemo","DEFAULT_OPTIONS","DEFAULT_REFRESH_INTERVAL_OPTIONS","value","pastDuration","display","defaultTimeRangeSettings","showCustom","showZoomButtons","disableAutoRefresh","autoRefreshIntervalOptions","options","map","duration","TimeRangeSettingsContext","useTimeRangeSettingsContext","ctx","undefined","Error","useTimeRangeSettings","useShowCustomTimeRangeSetting","override","showCustomTimeRange","useShowZoomRangeSetting","showZoomTimeRange","useTimeRangeOptionsSetting","useDisableAutoRefreshSetting","useAutoRefreshIntervalsOptions","length","TimeRangeSettingsProvider","props","Provider","children"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,uBAAuB,QAAQ,yBAAyB;AAGjE,SAASC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,QAAQ;AAE3D,MAAMC,kBAAoC;IAAC;IAAM;IAAO;IAAO;IAAM;IAAM;IAAO;IAAO;IAAM;CAAM;AAErG,OAAO,MAAMC,mCAAiD;IAC5D;QAAEC,OAAO;YAAEC,cAAc;QAAK;QAAGC,SAAS;IAAM;IAChD;QAAEF,OAAO;YAAEC,cAAc;QAAK;QAAGC,SAAS;IAAK;IAC/C;QAAEF,OAAO;YAAEC,cAAc;QAAM;QAAGC,SAAS;IAAM;IACjD;QAAEF,OAAO;YAAEC,cAAc;QAAM;QAAGC,SAAS;IAAM;IACjD;QAAEF,OAAO;YAAEC,cAAc;QAAM;QAAGC,SAAS;IAAM;IACjD;QAAEF,OAAO;YAAEC,cAAc;QAAM;QAAGC,SAAS;IAAK;CACjD,CAAC;AAEF,MAAMC,2BAA8C;IAClDC,YAAY;IACZC,iBAAiB;IACjBC,oBAAoB;IACpBC,4BAA4BR;IAC5BS,SAASV,gBAAgBW,GAAG,CAAC,CAACC,WAAahB,wBAAwBgB;AACrE;AAmBA,OAAO,MAAMC,yCAA2BhB,cAAiCQ,0BAA0B;AAEnG,OAAO,SAASS;IACd,MAAMC,MAAMjB,WAAWe;IACvB,IAAIE,QAAQC,WAAW;QACrB,MAAM,IAAIC,MAAM;IAClB;IACA,OAAOF;AACT;AAEA;;CAEC,GACD,OAAO,SAASG;IACd,OAAOJ;AACT;AAEA;;;CAGC,GACD,OAAO,SAASK,8BAA8BC,QAAkB;IAC9D,MAAMC,sBAAsBH,uBAAuBZ,UAAU;IAC7D,IAAIc,aAAaJ,WAAW;QAC1B,OAAOI;IACT;IACA,OAAOC;AACT;AAEA;;;CAGC,GACD,OAAO,SAASC,wBAAwBF,QAAkB;IACxD,MAAMG,oBAAoBL,uBAAuBX,eAAe;IAChE,IAAIa,aAAaJ,WAAW;QAC1B,OAAOI;IACT;IACA,OAAOG;AACT;AAEA;;;CAGC,GACD,OAAO,SAASC,2BAA2BJ,QAAuB;IAChE,MAAMC,sBAAsBH,uBAAuBR,OAAO;IAC1D,IAAIU,aAAaJ,WAAW;QAC1B,OAAOI;IACT;IACA,OAAOC;AACT;AAEA;;;CAGC,GACD,OAAO,SAASI,6BAA6BL,QAAkB;IAC7D,MAAMZ,qBAAqBU,uBAAuBV,kBAAkB;IACpE,IAAIY,aAAaJ,WAAW;QAC1B,OAAOI;IACT;IACA,OAAOZ;AACT;AAEA,OAAO,SAASkB,+BAA+BN,QAAuB;IACpE,MAAM,EAAEX,0BAA0B,EAAE,GAAGS;IACvC,IAAIE,UAAUO,QAAQ;QACpB,OAAOP;IACT;IACA,OAAOX;AACT;AAEA;;CAEC,GACD,OAAO,SAASmB,0BAA0BC,KAAqC;IAC7E,MAAMd,MAAMhB,QAAQ;QAClB,OAAO;YACLO,YAAYuB,MAAMvB,UAAU,KAAKU,YAAYX,yBAAyBC,UAAU,GAAGuB,MAAMvB,UAAU;YACnGC,iBACEsB,MAAMtB,eAAe,KAAKS,YAAYX,yBAAyBE,eAAe,GAAGsB,MAAMtB,eAAe;YACxGC,oBACEqB,MAAMrB,kBAAkB,KAAKQ,YAAYX,yBAAyBG,kBAAkB,GAAGqB,MAAMrB,kBAAkB;YACjHC,4BAA4B,CAACoB,MAAMpB,0BAA0B,EAAEkB,SAC3DtB,yBAAyBI,0BAA0B,GACnDoB,MAAMpB,0BAA0B;YACpCC,SAASmB,MAAMnB,OAAO,KAAKM,YAAYX,yBAAyBK,OAAO,GAAGmB,MAAMnB,OAAO;QACzF;IACF,GAAG;QACDmB,MAAMvB,UAAU;QAChBuB,MAAMtB,eAAe;QACrBsB,MAAMrB,kBAAkB;QACxBqB,MAAMnB,OAAO;QACbmB,MAAMpB,0BAA0B;KACjC;IAED,qBAAO,KAACI,yBAAyBiB,QAAQ;QAAC5B,OAAOa;kBAAMc,MAAME,QAAQ;;AACvE"}

package/dist/runtime/TimeRangeProvider/index.js

@@ -10,9 +10,9 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export * from './TimeRangeProvider';
-export * from './TimeRangeProviders';
-export * from './TimeRangeSettingsProvider';
-export * from './query-params';
+export * from "./TimeRangeProvider.js";
+export * from "./TimeRangeProviders.js";
+export * from "./TimeRangeSettingsProvider.js";
+export * from "./query-params.js";
 
 //# sourceMappingURL=index.js.map