@perses-dev/dashboards 0.44.0 → 0.45.0-rc0

package/dist/context/DatasourceStoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/DatasourceStoreProvider.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactNode, useCallback, useMemo, useState } from 'react';\nimport {\n  DashboardResource,\n  DashboardSpec,\n  ProjectDatasource,\n  DatasourceSelector,\n  DatasourceSpec,\n  GlobalDatasource,\n  useEvent,\n  EphemeralDashboardResource,\n  DatasourceDefinition,\n} from '@perses-dev/core';\nimport {\n  DatasourceStoreContext,\n  DatasourceStore,\n  DatasourceSelectItemGroup,\n  usePluginRegistry,\n  DatasourceClient,\n  DatasourceSelectItem,\n} from '@perses-dev/plugin-system';\n\nexport interface DatasourceStoreProviderProps {\n  dashboardResource?: DashboardResource | EphemeralDashboardResource;\n  projectName?: string;\n  datasourceApi: DatasourceApi;\n  children?: ReactNode;\n  savedDatasources?: Record<string, DatasourceSpec>;\n  onCreate?: (client: DatasourceClient) => DatasourceClient;\n}\n\nexport type BuildDatasourceProxyUrlParams = {\n  project?: string;\n  dashboard?: string;\n  name: string;\n};\n\nexport type BuildDatasourceProxyUrlFunc = (p: BuildDatasourceProxyUrlParams) => string;\n\n/**\n * The external API for fetching datasource resources\n */\nexport interface DatasourceApi {\n  buildProxyUrl?: BuildDatasourceProxyUrlFunc;\n\n  getDatasource: (project: string, selector: DatasourceSelector) => Promise<ProjectDatasource | undefined>;\n\n  getGlobalDatasource: (selector: DatasourceSelector) => Promise<GlobalDatasource | undefined>;\n\n  listDatasources: (project: string, pluginKind?: string) => Promise<ProjectDatasource[]>;\n\n  listGlobalDatasources: (pluginKind?: string) => Promise<GlobalDatasource[]>;\n}\n\n/**\n * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.\n */\nexport function DatasourceStoreProvider(props: DatasourceStoreProviderProps) {\n  const { projectName, datasourceApi, onCreate, children } = props;\n  const [dashboardResource, setDashboardResource] = useState(props.dashboardResource);\n  const [savedDatasources, setSavedDatasources] = useState<Record<string, DatasourceSpec>>(\n    props.savedDatasources ?? {}\n  );\n  const project = projectName ?? dashboardResource?.metadata.project;\n\n  const { getPlugin, listPluginMetadata } = usePluginRegistry();\n\n  const findDatasource = useEvent(async (selector: DatasourceSelector) => {\n    // Try to find it in dashboard spec\n    if (dashboardResource) {\n      const { datasources } = dashboardResource.spec;\n      const dashboardDatasource = findDashboardDatasource(datasources, selector);\n      if (dashboardDatasource !== undefined) {\n        return {\n          spec: dashboardDatasource.spec,\n          proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n            project: dashboardResource.metadata.project,\n            dashboard: dashboardResource.metadata.name,\n            name: dashboardDatasource.name,\n          }),\n        };\n      }\n    }\n\n    if (project) {\n      // Try to find it at the project level as a Datasource resource\n      const datasource = await datasourceApi.getDatasource(project, selector);\n      if (datasource !== undefined) {\n        return {\n          spec: datasource.spec,\n          proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n            project: datasource.metadata.project,\n            name: datasource.metadata.name,\n          }),\n        };\n      }\n    }\n\n    // Try to find it at the global level as a GlobalDatasource resource\n    const globalDatasource = await datasourceApi.getGlobalDatasource(selector);\n    if (globalDatasource !== undefined) {\n      return {\n        spec: globalDatasource.spec,\n        proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n          name: globalDatasource.metadata.name,\n        }),\n      };\n    }\n\n    throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);\n  });\n\n  // Gets a datasource spec for a given selector\n  const getDatasource = useCallback(\n    async (selector: DatasourceSelector): Promise<DatasourceSpec> => {\n      const { spec } = await findDatasource(selector);\n      return spec;\n    },\n    [findDatasource]\n  );\n\n  // Given a Datasource selector, finds the spec for it and then uses its corresponding plugin the create a client\n  const getDatasourceClient = useCallback(\n    async function getClient<Client extends DatasourceClient>(selector: DatasourceSelector): Promise<Client> {\n      const { kind } = selector;\n      const [{ spec, proxyUrl }, plugin] = await Promise.all([findDatasource(selector), getPlugin('Datasource', kind)]);\n\n      // allows extending client\n      const client = plugin.createClient(spec.plugin.spec, { proxyUrl }) as Client;\n      if (onCreate !== undefined) {\n        return onCreate(client) as Client;\n      }\n      return client;\n    },\n    [findDatasource, getPlugin, onCreate]\n  );\n\n  const listDatasourceSelectItems = useEvent(\n    async (datasourcePluginKind: string): Promise<DatasourceSelectItemGroup[]> => {\n      const [pluginMetadata, datasources, globalDatasources] = await Promise.all([\n        listPluginMetadata('Datasource'),\n        project ? datasourceApi.listDatasources(project, datasourcePluginKind) : [],\n        datasourceApi.listGlobalDatasources(datasourcePluginKind),\n      ]);\n\n      // Find the metadata for the plugin type they asked for, so we can use it for the name of the default datasource\n      const datasourcePluginMetadata = pluginMetadata.find((metadata) => metadata.kind === datasourcePluginKind);\n      if (datasourcePluginMetadata === undefined) {\n        throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginKind}'`);\n      }\n\n      // Get helper for computing results properly\n      const { results, addItem } = buildDatasourceSelectItemGroups(datasourcePluginMetadata.display.name);\n\n      // Start with dashboard datasources with the highest precedence\n      if (dashboardResource?.spec.datasources) {\n        for (const selectorName in dashboardResource.spec.datasources) {\n          const spec = dashboardResource.spec.datasources[selectorName];\n          if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;\n\n          const saved = selectorName in savedDatasources;\n          addItem({ spec, selectorName, selectorGroup: 'dashboard', saved });\n        }\n      }\n\n      // Now look at project-level datasources\n      for (const datasource of datasources) {\n        const selectorName = datasource.metadata.name;\n        addItem({\n          spec: datasource.spec,\n          selectorName,\n          selectorGroup: 'project',\n          editLink: `/projects/${project}/datasources`,\n        });\n      }\n\n      // And finally global datasources\n      for (const globalDatasource of globalDatasources) {\n        const selectorName = globalDatasource.metadata.name;\n        addItem({ spec: globalDatasource.spec, selectorName, selectorGroup: 'global', editLink: '/admin/datasources' });\n      }\n\n      return results;\n    }\n  );\n\n  const getLocalDatasources = useCallback((): Record<string, DatasourceSpec> => {\n    return dashboardResource?.spec.datasources ?? {};\n  }, [dashboardResource]);\n\n  const getSavedDatasources = useCallback((): Record<string, DatasourceSpec> => {\n    return savedDatasources;\n  }, [savedDatasources]);\n\n  const setLocalDatasources = useCallback(\n    (datasources: Record<string, DatasourceSpec>) => {\n      if (dashboardResource) {\n        setDashboardResource(\n          dashboardResource.kind === 'Dashboard'\n            ? ({\n                ...dashboardResource,\n                spec: {\n                  ...dashboardResource.spec,\n                  datasources: datasources,\n                },\n              } as DashboardResource)\n            : ({\n                ...dashboardResource,\n                spec: {\n                  ...dashboardResource.spec,\n                  datasources: datasources,\n                },\n              } as EphemeralDashboardResource)\n        );\n      }\n    },\n    [dashboardResource]\n  );\n\n  const ctxValue: DatasourceStore = useMemo(\n    () =>\n      ({\n        getDatasource,\n        getDatasourceClient,\n        getLocalDatasources,\n        setLocalDatasources,\n        setSavedDatasources,\n        getSavedDatasources,\n        listDatasourceSelectItems,\n      }) as DatasourceStore,\n    [\n      getDatasource,\n      getDatasourceClient,\n      getLocalDatasources,\n      setLocalDatasources,\n      listDatasourceSelectItems,\n      setSavedDatasources,\n      getSavedDatasources,\n    ]\n  );\n\n  return <DatasourceStoreContext.Provider value={ctxValue}>{children}</DatasourceStoreContext.Provider>;\n}\n\nfunction buildDatasourceProxyUrl(api: DatasourceApi, params: BuildDatasourceProxyUrlParams): string {\n  return api.buildProxyUrl ? api.buildProxyUrl(params) : '';\n}\n\n// Helper to find a datasource in the list embedded in a dashboard spec\nfunction findDashboardDatasource(\n  dashboardDatasources: DashboardSpec['datasources'],\n  selector: DatasourceSelector\n): DatasourceDefinition | undefined {\n  if (dashboardDatasources === undefined) return undefined;\n\n  // If using a name in the selector...\n  if (selector.name !== undefined) {\n    const named = dashboardDatasources[selector.name];\n    if (named === undefined) return undefined;\n    return named.plugin.kind === selector.kind ? { name: selector.name, spec: named } : undefined;\n  }\n\n  // If only using a kind, try to find one with that kind that is the default\n  const result = Object.entries(dashboardDatasources).find(\n    (entry) => entry[1].plugin.kind === selector.kind && entry[1].default\n  );\n  if (!result) {\n    return undefined;\n  }\n  return { name: result[0], spec: result[1] };\n}\n\ninterface AddDatasouceSelectItemParams {\n  spec: DatasourceSpec;\n  selectorName: string;\n  selectorGroup?: string;\n  editLink?: string;\n  saved?: boolean;\n}\n\ntype AddDatasourceSelectItemFunc = (params: AddDatasouceSelectItemParams) => void;\n\n/**\n * Helper for building a list of DatasourceSelectItemGroup results.\n * @param pluginDisplayName\n */\nfunction buildDatasourceSelectItemGroups(pluginDisplayName: string): {\n  results: DatasourceSelectItemGroup[];\n  addItem: AddDatasourceSelectItemFunc;\n} {\n  const results: DatasourceSelectItemGroup[] = [];\n  const usedNames = new Set<string>();\n  let isFirst = true;\n  let explicitDefaultAdded = false;\n  const groupIndices: Record<string, number> = {};\n  let currentGroupIndex = 1; // 0 is the default group, always there as it contains at least the first item.\n\n  const addItem = ({ spec, selectorName, selectorGroup: group, editLink, saved }: AddDatasouceSelectItemParams) => {\n    group = group ?? '';\n\n    // Ensure the default group is always present as soon as an item is added.\n    if (isFirst) {\n      results.push({\n        group: `Default ${pluginDisplayName}`,\n        items: [],\n      });\n    }\n\n    // Create the group if necessary\n    let selectItemGroup = results[groupIndices[group] ?? -1];\n    if (!selectItemGroup) {\n      groupIndices[group] = currentGroupIndex;\n      selectItemGroup = { items: [], group, editLink };\n      results[currentGroupIndex] = selectItemGroup;\n      currentGroupIndex++;\n    }\n\n    // Add item to the group\n    const isOverridden = usedNames.has(selectorName);\n    selectItemGroup.items.push({\n      name: spec.display?.name ?? selectorName,\n      overridden: isOverridden,\n      saved,\n      selector: {\n        kind: spec.plugin.kind,\n        name: selectorName,\n        group,\n      },\n    });\n    usedNames.add(selectorName);\n\n    const isExplicitDefault = !isOverridden && spec.default && !explicitDefaultAdded;\n    if (results[0] && (isFirst || isExplicitDefault)) {\n      // If we haven't added a default yet and this is a default, add default option to the beginning of the results\n      results[0].items = [\n        {\n          name: `Default (${selectorName} from ${group})`,\n          selector: {\n            kind: spec.plugin.kind,\n          },\n        },\n      ];\n      // We consider that we added the default datasource only if it has been explicitly set as default.\n      // If we add this datasource as default just because it's the first, it still needs to be overridable by\n      // another datasource explicitly set as default.\n      explicitDefaultAdded = isExplicitDefault;\n    }\n\n    // At the end, we make sure the overriding item(s) is well flagged so\n    if (isOverridden) {\n      for (let i = explicitDefaultAdded ? 1 : 0; i < currentGroupIndex; i++) {\n        (results[i]?.items ?? [])\n          .filter((item: DatasourceSelectItem) => item.selector.name === selectorName)\n          .forEach((item: DatasourceSelectItem) => {\n            item.overriding = true;\n          });\n      }\n    }\n\n    isFirst = false;\n  };\n\n  return { results, addItem };\n}\n"],"names":["useCallback","useMemo","useState","useEvent","DatasourceStoreContext","usePluginRegistry","DatasourceStoreProvider","props","projectName","datasourceApi","onCreate","children","dashboardResource","setDashboardResource","savedDatasources","setSavedDatasources","project","metadata","getPlugin","listPluginMetadata","findDatasource","selector","datasources","spec","dashboardDatasource","findDashboardDatasource","undefined","proxyUrl","buildDatasourceProxyUrl","dashboard","name","datasource","getDatasource","globalDatasource","getGlobalDatasource","Error","kind","getDatasourceClient","getClient","plugin","Promise","all","client","createClient","listDatasourceSelectItems","datasourcePluginKind","pluginMetadata","globalDatasources","listDatasources","listGlobalDatasources","datasourcePluginMetadata","find","results","addItem","buildDatasourceSelectItemGroups","display","selectorName","saved","selectorGroup","editLink","getLocalDatasources","getSavedDatasources","setLocalDatasources","ctxValue","Provider","value","api","params","buildProxyUrl","dashboardDatasources","named","result","Object","entries","entry","default","pluginDisplayName","usedNames","Set","isFirst","explicitDefaultAdded","groupIndices","currentGroupIndex","group","push","items","selectItemGroup","isOverridden","has","overridden","add","isExplicitDefault","i","filter","item","forEach","overriding"],"mappings":"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"}
+{"version":3,"sources":["../../src/context/DatasourceStoreProvider.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactNode, useCallback, useMemo, useState } from 'react';\nimport {\n  DashboardResource,\n  DashboardSpec,\n  ProjectDatasource,\n  DatasourceSelector,\n  DatasourceSpec,\n  GlobalDatasource,\n  useEvent,\n  EphemeralDashboardResource,\n  DatasourceDefinition,\n} from '@perses-dev/core';\nimport {\n  DatasourceStoreContext,\n  DatasourceStore,\n  DatasourceSelectItemGroup,\n  usePluginRegistry,\n  DatasourceClient,\n  DatasourceSelectItem,\n} from '@perses-dev/plugin-system';\n\nexport interface DatasourceStoreProviderProps {\n  dashboardResource?: DashboardResource | EphemeralDashboardResource;\n  projectName?: string;\n  datasourceApi: DatasourceApi;\n  children?: ReactNode;\n  savedDatasources?: Record<string, DatasourceSpec>;\n  onCreate?: (client: DatasourceClient) => DatasourceClient;\n}\n\nexport type BuildDatasourceProxyUrlParams = {\n  project?: string;\n  dashboard?: string;\n  name: string;\n};\n\nexport type BuildDatasourceProxyUrlFunc = (p: BuildDatasourceProxyUrlParams) => string;\n\n/**\n * The external API for fetching datasource resources\n */\nexport interface DatasourceApi {\n  buildProxyUrl?: BuildDatasourceProxyUrlFunc;\n\n  getDatasource: (project: string, selector: DatasourceSelector) => Promise<ProjectDatasource | undefined>;\n\n  getGlobalDatasource: (selector: DatasourceSelector) => Promise<GlobalDatasource | undefined>;\n\n  listDatasources: (project: string, pluginKind?: string) => Promise<ProjectDatasource[]>;\n\n  listGlobalDatasources: (pluginKind?: string) => Promise<GlobalDatasource[]>;\n}\n\n/**\n * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.\n */\nexport function DatasourceStoreProvider(props: DatasourceStoreProviderProps) {\n  const { projectName, datasourceApi, onCreate, children } = props;\n  const [dashboardResource, setDashboardResource] = useState(props.dashboardResource);\n  const [savedDatasources, setSavedDatasources] = useState<Record<string, DatasourceSpec>>(\n    props.savedDatasources ?? {}\n  );\n  const project = projectName ?? dashboardResource?.metadata.project;\n\n  const { getPlugin, listPluginMetadata } = usePluginRegistry();\n\n  const findDatasource = useEvent(async (selector: DatasourceSelector) => {\n    // Try to find it in dashboard spec\n    if (dashboardResource) {\n      const { datasources } = dashboardResource.spec;\n      const dashboardDatasource = findDashboardDatasource(datasources, selector);\n      if (dashboardDatasource !== undefined) {\n        return {\n          spec: dashboardDatasource.spec,\n          proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n            project: dashboardResource.metadata.project,\n            dashboard: dashboardResource.metadata.name,\n            name: dashboardDatasource.name,\n          }),\n        };\n      }\n    }\n\n    if (project) {\n      // Try to find it at the project level as a Datasource resource\n      const datasource = await datasourceApi.getDatasource(project, selector);\n      if (datasource !== undefined) {\n        return {\n          spec: datasource.spec,\n          proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n            project: datasource.metadata.project,\n            name: datasource.metadata.name,\n          }),\n        };\n      }\n    }\n\n    // Try to find it at the global level as a GlobalDatasource resource\n    const globalDatasource = await datasourceApi.getGlobalDatasource(selector);\n    if (globalDatasource !== undefined) {\n      return {\n        spec: globalDatasource.spec,\n        proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n          name: globalDatasource.metadata.name,\n        }),\n      };\n    }\n\n    throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);\n  });\n\n  // Gets a datasource spec for a given selector\n  const getDatasource = useCallback(\n    async (selector: DatasourceSelector): Promise<DatasourceSpec> => {\n      const { spec } = await findDatasource(selector);\n      return spec;\n    },\n    [findDatasource]\n  );\n\n  // Given a Datasource selector, finds the spec for it and then uses its corresponding plugin the create a client\n  const getDatasourceClient = useCallback(\n    async function getClient<Client extends DatasourceClient>(selector: DatasourceSelector): Promise<Client> {\n      const { kind } = selector;\n      const [{ spec, proxyUrl }, plugin] = await Promise.all([findDatasource(selector), getPlugin('Datasource', kind)]);\n\n      // allows extending client\n      const client = plugin.createClient(spec.plugin.spec, { proxyUrl }) as Client;\n      if (onCreate !== undefined) {\n        return onCreate(client) as Client;\n      }\n      return client;\n    },\n    [findDatasource, getPlugin, onCreate]\n  );\n\n  const listDatasourceSelectItems = useEvent(\n    async (datasourcePluginKind: string): Promise<DatasourceSelectItemGroup[]> => {\n      const [pluginMetadata, datasources, globalDatasources] = await Promise.all([\n        listPluginMetadata(['Datasource']),\n        project ? datasourceApi.listDatasources(project, datasourcePluginKind) : [],\n        datasourceApi.listGlobalDatasources(datasourcePluginKind),\n      ]);\n\n      // Find the metadata for the plugin type they asked for, so we can use it for the name of the default datasource\n      const datasourcePluginMetadata = pluginMetadata.find((metadata) => metadata.kind === datasourcePluginKind);\n      if (datasourcePluginMetadata === undefined) {\n        throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginKind}'`);\n      }\n\n      // Get helper for computing results properly\n      const { results, addItem } = buildDatasourceSelectItemGroups(datasourcePluginMetadata.display.name);\n\n      // Start with dashboard datasources with the highest precedence\n      if (dashboardResource?.spec.datasources) {\n        for (const selectorName in dashboardResource.spec.datasources) {\n          const spec = dashboardResource.spec.datasources[selectorName];\n          if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;\n\n          const saved = selectorName in savedDatasources;\n          addItem({ spec, selectorName, selectorGroup: 'dashboard', saved });\n        }\n      }\n\n      // Now look at project-level datasources\n      for (const datasource of datasources) {\n        const selectorName = datasource.metadata.name;\n        addItem({\n          spec: datasource.spec,\n          selectorName,\n          selectorGroup: 'project',\n          editLink: `/projects/${project}/datasources`,\n        });\n      }\n\n      // And finally global datasources\n      for (const globalDatasource of globalDatasources) {\n        const selectorName = globalDatasource.metadata.name;\n        addItem({ spec: globalDatasource.spec, selectorName, selectorGroup: 'global', editLink: '/admin/datasources' });\n      }\n\n      return results;\n    }\n  );\n\n  const getLocalDatasources = useCallback((): Record<string, DatasourceSpec> => {\n    return dashboardResource?.spec.datasources ?? {};\n  }, [dashboardResource]);\n\n  const getSavedDatasources = useCallback((): Record<string, DatasourceSpec> => {\n    return savedDatasources;\n  }, [savedDatasources]);\n\n  const setLocalDatasources = useCallback(\n    (datasources: Record<string, DatasourceSpec>) => {\n      if (dashboardResource) {\n        setDashboardResource(\n          dashboardResource.kind === 'Dashboard'\n            ? ({\n                ...dashboardResource,\n                spec: {\n                  ...dashboardResource.spec,\n                  datasources: datasources,\n                },\n              } as DashboardResource)\n            : ({\n                ...dashboardResource,\n                spec: {\n                  ...dashboardResource.spec,\n                  datasources: datasources,\n                },\n              } as EphemeralDashboardResource)\n        );\n      }\n    },\n    [dashboardResource]\n  );\n\n  const ctxValue: DatasourceStore = useMemo(\n    () =>\n      ({\n        getDatasource,\n        getDatasourceClient,\n        getLocalDatasources,\n        setLocalDatasources,\n        setSavedDatasources,\n        getSavedDatasources,\n        listDatasourceSelectItems,\n      }) as DatasourceStore,\n    [\n      getDatasource,\n      getDatasourceClient,\n      getLocalDatasources,\n      setLocalDatasources,\n      listDatasourceSelectItems,\n      setSavedDatasources,\n      getSavedDatasources,\n    ]\n  );\n\n  return <DatasourceStoreContext.Provider value={ctxValue}>{children}</DatasourceStoreContext.Provider>;\n}\n\nfunction buildDatasourceProxyUrl(api: DatasourceApi, params: BuildDatasourceProxyUrlParams): string {\n  return api.buildProxyUrl ? api.buildProxyUrl(params) : '';\n}\n\n// Helper to find a datasource in the list embedded in a dashboard spec\nfunction findDashboardDatasource(\n  dashboardDatasources: DashboardSpec['datasources'],\n  selector: DatasourceSelector\n): DatasourceDefinition | undefined {\n  if (dashboardDatasources === undefined) return undefined;\n\n  // If using a name in the selector...\n  if (selector.name !== undefined) {\n    const named = dashboardDatasources[selector.name];\n    if (named === undefined) return undefined;\n    return named.plugin.kind === selector.kind ? { name: selector.name, spec: named } : undefined;\n  }\n\n  // If only using a kind, try to find one with that kind that is the default\n  const result = Object.entries(dashboardDatasources).find(\n    (entry) => entry[1].plugin.kind === selector.kind && entry[1].default\n  );\n  if (!result) {\n    return undefined;\n  }\n  return { name: result[0], spec: result[1] };\n}\n\ninterface AddDatasouceSelectItemParams {\n  spec: DatasourceSpec;\n  selectorName: string;\n  selectorGroup?: string;\n  editLink?: string;\n  saved?: boolean;\n}\n\ntype AddDatasourceSelectItemFunc = (params: AddDatasouceSelectItemParams) => void;\n\n/**\n * Helper for building a list of DatasourceSelectItemGroup results.\n * @param pluginDisplayName\n */\nfunction buildDatasourceSelectItemGroups(pluginDisplayName: string): {\n  results: DatasourceSelectItemGroup[];\n  addItem: AddDatasourceSelectItemFunc;\n} {\n  const results: DatasourceSelectItemGroup[] = [];\n  const usedNames = new Set<string>();\n  let isFirst = true;\n  let explicitDefaultAdded = false;\n  const groupIndices: Record<string, number> = {};\n  let currentGroupIndex = 1; // 0 is the default group, always there as it contains at least the first item.\n\n  const addItem = ({ spec, selectorName, selectorGroup: group, editLink, saved }: AddDatasouceSelectItemParams) => {\n    group = group ?? '';\n\n    // Ensure the default group is always present as soon as an item is added.\n    if (isFirst) {\n      results.push({\n        group: `Default ${pluginDisplayName}`,\n        items: [],\n      });\n    }\n\n    // Create the group if necessary\n    let selectItemGroup = results[groupIndices[group] ?? -1];\n    if (!selectItemGroup) {\n      groupIndices[group] = currentGroupIndex;\n      selectItemGroup = { items: [], group, editLink };\n      results[currentGroupIndex] = selectItemGroup;\n      currentGroupIndex++;\n    }\n\n    // Add item to the group\n    const isOverridden = usedNames.has(selectorName);\n    selectItemGroup.items.push({\n      name: spec.display?.name ?? selectorName,\n      overridden: isOverridden,\n      saved,\n      selector: {\n        kind: spec.plugin.kind,\n        name: selectorName,\n        group,\n      },\n    });\n    usedNames.add(selectorName);\n\n    const isExplicitDefault = !isOverridden && spec.default && !explicitDefaultAdded;\n    if (results[0] && (isFirst || isExplicitDefault)) {\n      // If we haven't added a default yet and this is a default, add default option to the beginning of the results\n      results[0].items = [\n        {\n          name: `Default (${selectorName} from ${group})`,\n          selector: {\n            kind: spec.plugin.kind,\n          },\n        },\n      ];\n      // We consider that we added the default datasource only if it has been explicitly set as default.\n      // If we add this datasource as default just because it's the first, it still needs to be overridable by\n      // another datasource explicitly set as default.\n      explicitDefaultAdded = isExplicitDefault;\n    }\n\n    // At the end, we make sure the overriding item(s) is well flagged so\n    if (isOverridden) {\n      for (let i = explicitDefaultAdded ? 1 : 0; i < currentGroupIndex; i++) {\n        (results[i]?.items ?? [])\n          .filter((item: DatasourceSelectItem) => item.selector.name === selectorName)\n          .forEach((item: DatasourceSelectItem) => {\n            item.overriding = true;\n          });\n      }\n    }\n\n    isFirst = false;\n  };\n\n  return { results, addItem };\n}\n"],"names":["useCallback","useMemo","useState","useEvent","DatasourceStoreContext","usePluginRegistry","DatasourceStoreProvider","props","projectName","datasourceApi","onCreate","children","dashboardResource","setDashboardResource","savedDatasources","setSavedDatasources","project","metadata","getPlugin","listPluginMetadata","findDatasource","selector","datasources","spec","dashboardDatasource","findDashboardDatasource","undefined","proxyUrl","buildDatasourceProxyUrl","dashboard","name","datasource","getDatasource","globalDatasource","getGlobalDatasource","Error","kind","getDatasourceClient","getClient","plugin","Promise","all","client","createClient","listDatasourceSelectItems","datasourcePluginKind","pluginMetadata","globalDatasources","listDatasources","listGlobalDatasources","datasourcePluginMetadata","find","results","addItem","buildDatasourceSelectItemGroups","display","selectorName","saved","selectorGroup","editLink","getLocalDatasources","getSavedDatasources","setLocalDatasources","ctxValue","Provider","value","api","params","buildProxyUrl","dashboardDatasources","named","result","Object","entries","entry","default","pluginDisplayName","usedNames","Set","isFirst","explicitDefaultAdded","groupIndices","currentGroupIndex","group","push","items","selectItemGroup","isOverridden","has","overridden","add","isExplicitDefault","i","filter","item","forEach","overriding"],"mappings":"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"}

package/dist/utils/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAaA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAaA,cAAc,cAAc,CAAC"}

package/dist/utils/index.js

@@ -11,6 +11,5 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 export * from './panelUtils';
-export * from './time';
 
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

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

package/dist/validation/panel.d.ts

@@ -3,17 +3,65 @@ export declare const panelEditorValidationSchema: z.ZodObject<{
     name: z.ZodString;
     groupId: z.ZodNumber;
     description: z.ZodOptional<z.ZodString>;
-    type: z.ZodString;
+    selection: z.ZodObject<{
+        type: z.ZodString;
+        kind: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        kind: string;
+        type: string;
+    }, {
+        kind: string;
+        type: string;
+    }>;
+    links: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        name: z.ZodOptional<z.ZodString>;
+        url: z.ZodString;
+        tooltip: z.ZodOptional<z.ZodString>;
+        renderVariables: z.ZodOptional<z.ZodBoolean>;
+        targetBlank: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        url: string;
+        name?: string | undefined;
+        tooltip?: string | undefined;
+        renderVariables?: boolean | undefined;
+        targetBlank?: boolean | undefined;
+    }, {
+        url: string;
+        name?: string | undefined;
+        tooltip?: string | undefined;
+        renderVariables?: boolean | undefined;
+        targetBlank?: boolean | undefined;
+    }>, "many">>;
 }, "strip", z.ZodTypeAny, {
+    selection: {
+        kind: string;
+        type: string;
+    };
     name: string;
     groupId: number;
-    type: string;
     description?: string | undefined;
+    links?: {
+        url: string;
+        name?: string | undefined;
+        tooltip?: string | undefined;
+        renderVariables?: boolean | undefined;
+        targetBlank?: boolean | undefined;
+    }[] | undefined;
 }, {
+    selection: {
+        kind: string;
+        type: string;
+    };
     name: string;
     groupId: number;
-    type: string;
     description?: string | undefined;
+    links?: {
+        url: string;
+        name?: string | undefined;
+        tooltip?: string | undefined;
+        renderVariables?: boolean | undefined;
+        targetBlank?: boolean | undefined;
+    }[] | undefined;
 }>;
 export type PanelEditorValidationType = z.infer<typeof panelEditorValidationSchema>;
 //# sourceMappingURL=panel.d.ts.map

package/dist/validation/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/validation/panel.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;EAKtC,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,2BAA2B,CAAC,CAAC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/validation/panel.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBtC,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,2BAA2B,CAAC,CAAC"}

package/dist/validation/panel.js

@@ -12,10 +12,20 @@
 // limitations under the License.
 import { z } from 'zod';
 export const panelEditorValidationSchema = z.object({
-    name: z.string().nonempty('Required'),
+    name: z.string().min(1, 'Required'),
     groupId: z.number(),
     description: z.string().optional(),
-    type: z.string().nonempty('Required')
+    selection: z.object({
+        type: z.string(),
+        kind: z.string()
+    }),
+    links: z.array(z.object({
+        name: z.string().optional(),
+        url: z.string().min(1, 'Required'),
+        tooltip: z.string().optional(),
+        renderVariables: z.boolean().optional(),
+        targetBlank: z.boolean().optional()
+    })).optional()
 });
 
 //# sourceMappingURL=panel.js.map

package/dist/validation/panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/validation/panel.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { z } from 'zod';\n\nexport const panelEditorValidationSchema = z.object({\n  name: z.string().nonempty('Required'),\n  groupId: z.number(),\n  description: z.string().optional(),\n  type: z.string().nonempty('Required'),\n});\n\nexport type PanelEditorValidationType = z.infer<typeof panelEditorValidationSchema>;\n"],"names":["z","panelEditorValidationSchema","object","name","string","nonempty","groupId","number","description","optional","type"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,CAAC,QAAQ,MAAM;AAExB,OAAO,MAAMC,8BAA8BD,EAAEE,MAAM,CAAC;IAClDC,MAAMH,EAAEI,MAAM,GAAGC,QAAQ,CAAC;IAC1BC,SAASN,EAAEO,MAAM;IACjBC,aAAaR,EAAEI,MAAM,GAAGK,QAAQ;IAChCC,MAAMV,EAAEI,MAAM,GAAGC,QAAQ,CAAC;AAC5B,GAAG"}
+{"version":3,"sources":["../../src/validation/panel.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { z } from 'zod';\n\nexport const panelEditorValidationSchema = z.object({\n  name: z.string().min(1, 'Required'),\n  groupId: z.number(),\n  description: z.string().optional(),\n  selection: z.object({\n    type: z.string(),\n    kind: z.string(),\n  }),\n  links: z\n    .array(\n      z.object({\n        name: z.string().optional(),\n        url: z.string().min(1, 'Required'),\n        tooltip: z.string().optional(),\n        renderVariables: z.boolean().optional(),\n        targetBlank: z.boolean().optional(),\n      })\n    )\n    .optional(),\n});\n\nexport type PanelEditorValidationType = z.infer<typeof panelEditorValidationSchema>;\n"],"names":["z","panelEditorValidationSchema","object","name","string","min","groupId","number","description","optional","selection","type","kind","links","array","url","tooltip","renderVariables","boolean","targetBlank"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,CAAC,QAAQ,MAAM;AAExB,OAAO,MAAMC,8BAA8BD,EAAEE,MAAM,CAAC;IAClDC,MAAMH,EAAEI,MAAM,GAAGC,GAAG,CAAC,GAAG;IACxBC,SAASN,EAAEO,MAAM;IACjBC,aAAaR,EAAEI,MAAM,GAAGK,QAAQ;IAChCC,WAAWV,EAAEE,MAAM,CAAC;QAClBS,MAAMX,EAAEI,MAAM;QACdQ,MAAMZ,EAAEI,MAAM;IAChB;IACAS,OAAOb,EACJc,KAAK,CACJd,EAAEE,MAAM,CAAC;QACPC,MAAMH,EAAEI,MAAM,GAAGK,QAAQ;QACzBM,KAAKf,EAAEI,MAAM,GAAGC,GAAG,CAAC,GAAG;QACvBW,SAAShB,EAAEI,MAAM,GAAGK,QAAQ;QAC5BQ,iBAAiBjB,EAAEkB,OAAO,GAAGT,QAAQ;QACrCU,aAAanB,EAAEkB,OAAO,GAAGT,QAAQ;IACnC,IAEDA,QAAQ;AACb,GAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/dashboards",
-  "version": "0.44.0",
+  "version": "0.45.0-rc0",
   "description": "The dashboards feature in Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -29,9 +29,9 @@
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@perses-dev/components": "0.44.0",
-    "@perses-dev/core": "0.44.0",
-    "@perses-dev/plugin-system": "0.44.0",
+    "@perses-dev/components": "0.45.0-rc0",
+    "@perses-dev/core": "0.45.0-rc0",
+    "@perses-dev/plugin-system": "0.45.0-rc0",
     "@types/react-grid-layout": "^1.3.2",
     "date-fns": "^2.28.0",
     "immer": "^9.0.15",
@@ -45,8 +45,8 @@
     "zustand": "^4.3.3"
   },
   "devDependencies": {
-    "@perses-dev/internal-utils": "0.44.0",
-    "@perses-dev/storybook": "0.44.0",
+    "@perses-dev/internal-utils": "0.45.0-rc0",
+    "@perses-dev/storybook": "0.45.0-rc0",
     "history": "^5.3.0",
     "intersection-observer": "^0.12.2"
   },

package/dist/cjs/components/TimeRangeControls/TimeRangeControls.js

@@ -1,216 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    DEFAULT_REFRESH_INTERVAL_OPTIONS: function() {
-        return DEFAULT_REFRESH_INTERVAL_OPTIONS;
-    },
-    DEFAULT_TIME_RANGE_OPTIONS: function() {
-        return DEFAULT_TIME_RANGE_OPTIONS;
-    },
-    TimeRangeControls: function() {
-        return TimeRangeControls;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _Refresh = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Refresh"));
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _core = require("@perses-dev/core");
-const _react = require("react");
-const _constants = require("../../constants");
-const _context = require("../../context");
-const _ToolbarIconButton = require("../ToolbarIconButton");
-const _useDashboard = require("../../context/useDashboard");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const DEFAULT_TIME_RANGE_OPTIONS = [
-    {
-        value: {
-            pastDuration: '5m'
-        },
-        display: 'Last 5 minutes'
-    },
-    {
-        value: {
-            pastDuration: '15m'
-        },
-        display: 'Last 15 minutes'
-    },
-    {
-        value: {
-            pastDuration: '30m'
-        },
-        display: 'Last 30 minutes'
-    },
-    {
-        value: {
-            pastDuration: '1h'
-        },
-        display: 'Last 1 hour'
-    },
-    {
-        value: {
-            pastDuration: '6h'
-        },
-        display: 'Last 6 hours'
-    },
-    {
-        value: {
-            pastDuration: '12h'
-        },
-        display: 'Last 12 hours'
-    },
-    {
-        value: {
-            pastDuration: '24h'
-        },
-        display: 'Last 1 day'
-    },
-    {
-        value: {
-            pastDuration: '7d'
-        },
-        display: 'Last 7 days'
-    },
-    {
-        value: {
-            pastDuration: '14d'
-        },
-        display: 'Last 14 days'
-    }
-];
-const 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 DEFAULT_HEIGHT = '34px';
-function TimeRangeControls({ heightPx, showTimeRangeSelector = true, showRefreshButton = true, showRefreshInterval = true, timePresets = DEFAULT_TIME_RANGE_OPTIONS }) {
-    const { timeRange, setTimeRange, refresh, refreshInterval, setRefreshInterval } = (0, _pluginsystem.useTimeRange)();
-    // TODO: Remove this since it couples to the dashboard context
-    const dashboardDuration = (0, _context.useDashboardDuration)();
-    const { dashboard, setDashboard } = (0, _useDashboard.useDashboard)();
-    // Convert height to a string, then use the string for styling
-    const height = heightPx === undefined ? DEFAULT_HEIGHT : `${heightPx}px`;
-    // add time shortcut if one does not match duration from dashboard JSON
-    if (!timePresets.some((option)=>option.value.pastDuration === dashboardDuration)) {
-        if ((0, _core.isDurationString)(dashboardDuration)) {
-            timePresets.push({
-                value: {
-                    pastDuration: dashboardDuration
-                },
-                display: `Last ${dashboardDuration}`
-            });
-        }
-    }
-    // set the new refresh interval both in the dashboard context & as query param
-    const handleRefreshIntervalChange = (0, _react.useCallback)((duration)=>{
-        setDashboard(dashboard.kind === 'Dashboard' ? {
-            ...dashboard,
-            spec: {
-                ...dashboard.spec,
-                refreshInterval: duration
-            }
-        } : {
-            ...dashboard,
-            spec: {
-                ...dashboard.spec,
-                refreshInterval: duration
-            }
-        });
-        setRefreshInterval(duration);
-    }, [
-        dashboard,
-        setDashboard,
-        setRefreshInterval
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        direction: "row",
-        spacing: 1,
-        children: [
-            showTimeRangeSelector && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.DateTimeRangePicker, {
-                timeOptions: timePresets,
-                value: timeRange,
-                onChange: setTimeRange,
-                height: height
-            }),
-            showRefreshButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
-                description: _constants.TOOLTIP_TEXT.refreshDashboard,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ToolbarIconButton.ToolbarIconButton, {
-                    "aria-label": _constants.TOOLTIP_TEXT.refreshDashboard,
-                    onClick: refresh,
-                    sx: {
-                        height
-                    },
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Refresh.default, {})
-                })
-            }),
-            showRefreshInterval && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
-                description: _constants.TOOLTIP_TEXT.refreshDashboardInterval,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.RefreshIntervalPicker, {
-                    timeOptions: DEFAULT_REFRESH_INTERVAL_OPTIONS,
-                    value: refreshInterval,
-                    onChange: handleRefreshIntervalChange,
-                    height: height
-                })
-            })
-        ]
-    });
-}

package/dist/cjs/components/TimeRangeControls/index.js

@@ -1,30 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./TimeRangeControls"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}

package/dist/cjs/components/ToolbarIconButton/ToolbarIconButton.js

@@ -1,40 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ToolbarIconButton", {
-    enumerable: true,
-    get: function() {
-        return ToolbarIconButton;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _material = require("@mui/material");
-function IconButton(props, ref) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(StyledIconButton, {
-        ref: ref,
-        variant: "outlined",
-        color: "secondary",
-        ...props
-    });
-}
-const StyledIconButton = (0, _material.styled)(_material.Button)(({ theme })=>({
-        // Using a button with some adjusted styles because it is easier to inherit
-        // styling and variants from themes than with an IconButton.
-        padding: theme.spacing(0.5),
-        minWidth: 'auto'
-    }));
-const ToolbarIconButton = /*#__PURE__*/ (0, _react.forwardRef)(IconButton);

package/dist/cjs/components/ToolbarIconButton/index.js

@@ -1,30 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./ToolbarIconButton"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}

package/dist/cjs/utils/time.js

@@ -1,29 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useSuggestedStepMs", {
-    enumerable: true,
-    get: function() {
-        return useSuggestedStepMs;
-    }
-});
-const _core = require("@perses-dev/core");
-const _pluginsystem = require("@perses-dev/plugin-system");
-function useSuggestedStepMs(width) {
-    const { absoluteTimeRange } = (0, _pluginsystem.useTimeRange)();
-    if (width === undefined) return 0;
-    return (0, _core.getSuggestedStepMs)(absoluteTimeRange, width);
-}

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

@@ -1,13 +0,0 @@
-import { TimeOption } from '@perses-dev/components';
-export declare const DEFAULT_TIME_RANGE_OPTIONS: TimeOption[];
-export declare const DEFAULT_REFRESH_INTERVAL_OPTIONS: TimeOption[];
-interface TimeRangeControlsProps {
-    heightPx?: number;
-    showTimeRangeSelector?: boolean;
-    showRefreshButton?: boolean;
-    showRefreshInterval?: boolean;
-    timePresets?: TimeOption[];
-}
-export declare function TimeRangeControls({ heightPx, showTimeRangeSelector, showRefreshButton, showRefreshInterval, timePresets, }: TimeRangeControlsProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=TimeRangeControls.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TimeRangeControls.d.ts","sourceRoot":"","sources":["../../../src/components/TimeRangeControls/TimeRangeControls.tsx"],"names":[],"mappings":"AAeA,OAAO,EAA2D,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAS7G,eAAO,MAAM,0BAA0B,EAAE,UAAU,EAUlD,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,UAAU,EAOxD,CAAC;AAIF,UAAU,sBAAsB;IAE9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,qBAA4B,EAC5B,iBAAwB,EACxB,mBAA0B,EAC1B,WAAwC,GACzC,EAAE,sBAAsB,2CAoExB"}