{"version":3,"file":"NewDataSourcePage.76cdc49b40e73b8a8e27.js","mappings":"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","sources":["webpack://grafana/./public/app/features/plugins/components/PluginsErrorsInfo.tsx","webpack://grafana/./public/app/features/datasources/NewDataSourcePage.tsx","webpack://grafana/./public/app/features/plugins/admin/state/selectors.ts","webpack://grafana/./public/app/features/plugins/admin/state/hooks.ts"],"sourcesContent":["import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { PluginErrorCode, PluginSignatureStatus } from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\nimport { HorizontalGroup, InfoBox, List, PluginSignatureBadge, useTheme } from '@grafana/ui';\n\nimport { useGetErrors, useFetchStatus } from '../admin/state/hooks';\n\nexport function PluginsErrorsInfo(): React.ReactElement | null {\n  const errors = useGetErrors();\n  const { isLoading } = useFetchStatus();\n  const theme = useTheme();\n\n  if (isLoading || errors.length === 0) {\n    return null;\n  }\n\n  return (\n    <InfoBox\n      aria-label={selectors.pages.PluginsList.signatureErrorNotice}\n      severity=\"warning\"\n      urlTitle=\"Read more about plugin signing\"\n      url=\"https://grafana.com/docs/grafana/latest/plugins/plugin-signatures/\"\n    >\n      <div>\n        <p>\n          Unsigned plugins were found during plugin initialization. Grafana Labs cannot guarantee the integrity of these\n          plugins. We recommend only using signed plugins.\n        </p>\n        The following plugins are disabled and not shown in the list below:\n        <List\n          items={errors}\n          className={css`\n            list-style-type: circle;\n          `}\n          renderItem={(error) => (\n            <div\n              className={css`\n                margin-top: ${theme.spacing.sm};\n              `}\n            >\n              <HorizontalGroup spacing=\"sm\" justify=\"flex-start\" align=\"center\">\n                <strong>{error.pluginId}</strong>\n                <PluginSignatureBadge\n                  status={mapPluginErrorCodeToSignatureStatus(error.errorCode)}\n                  className={css`\n                    margin-top: 0;\n                  `}\n                />\n              </HorizontalGroup>\n            </div>\n          )}\n        />\n      </div>\n    </InfoBox>\n  );\n}\n\nfunction mapPluginErrorCodeToSignatureStatus(code: PluginErrorCode) {\n  switch (code) {\n    case PluginErrorCode.invalidSignature:\n      return PluginSignatureStatus.invalid;\n    case PluginErrorCode.missingSignature:\n      return PluginSignatureStatus.missing;\n    case PluginErrorCode.modifiedSignature:\n      return PluginSignatureStatus.modified;\n    default:\n      return PluginSignatureStatus.missing;\n  }\n}\n","import { css, cx } from '@emotion/css';\nimport React, { FC, PureComponent } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\n\nimport { DataSourcePluginMeta, GrafanaTheme2, NavModel } from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\nimport { Card, LinkButton, List, PluginSignatureBadge, FilterInput, useStyles2 } from '@grafana/ui';\nimport Page from 'app/core/components/Page/Page';\nimport { StoreState } from 'app/types';\n\nimport { PluginsErrorsInfo } from '../plugins/components/PluginsErrorsInfo';\n\nimport { addDataSource, loadDataSourcePlugins } from './state/actions';\nimport { setDataSourceTypeSearchQuery } from './state/reducers';\nimport { getDataSourcePlugins } from './state/selectors';\n\nfunction mapStateToProps(state: StoreState) {\n  return {\n    navModel: getNavModel(),\n    plugins: getDataSourcePlugins(state.dataSources),\n    searchQuery: state.dataSources.dataSourceTypeSearchQuery,\n    categories: state.dataSources.categories,\n    isLoading: state.dataSources.isLoadingDataSources,\n  };\n}\n\nconst mapDispatchToProps = {\n  addDataSource,\n  loadDataSourcePlugins,\n  setDataSourceTypeSearchQuery,\n};\n\nconst connector = connect(mapStateToProps, mapDispatchToProps);\n\ntype Props = ConnectedProps<typeof connector>;\n\nclass NewDataSourcePage extends PureComponent<Props> {\n  componentDidMount() {\n    this.props.loadDataSourcePlugins();\n  }\n\n  onDataSourceTypeClicked = (plugin: DataSourcePluginMeta) => {\n    this.props.addDataSource(plugin);\n  };\n\n  onSearchQueryChange = (value: string) => {\n    this.props.setDataSourceTypeSearchQuery(value);\n  };\n\n  renderPlugins(plugins: DataSourcePluginMeta[], id?: string) {\n    if (!plugins || !plugins.length) {\n      return null;\n    }\n\n    return (\n      <List\n        items={plugins}\n        className={css`\n          > li {\n            margin-bottom: 2px;\n          }\n        `}\n        getItemKey={(item) => item.id.toString()}\n        renderItem={(item) => (\n          <DataSourceTypeCard\n            plugin={item}\n            onClick={() => this.onDataSourceTypeClicked(item)}\n            onLearnMoreClick={this.onLearnMoreClick}\n          />\n        )}\n        aria-labelledby={id}\n      />\n    );\n  }\n\n  onLearnMoreClick = (evt: React.SyntheticEvent<HTMLElement>) => {\n    evt.stopPropagation();\n  };\n\n  renderCategories() {\n    const { categories } = this.props;\n\n    return (\n      <>\n        {categories.map((category) => (\n          <div className=\"add-data-source-category\" key={category.id}>\n            <div className=\"add-data-source-category__header\" id={category.id}>\n              {category.title}\n            </div>\n            {this.renderPlugins(category.plugins, category.id)}\n          </div>\n        ))}\n        <div className=\"add-data-source-more\">\n          <LinkButton\n            variant=\"secondary\"\n            href=\"https://grafana.com/plugins?type=datasource&utm_source=grafana_add_ds\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            Find more data source plugins on grafana.com\n          </LinkButton>\n        </div>\n      </>\n    );\n  }\n\n  render() {\n    const { navModel, isLoading, searchQuery, plugins } = this.props;\n\n    return (\n      <Page navModel={navModel}>\n        <Page.Contents isLoading={isLoading}>\n          <div className=\"page-action-bar\">\n            <FilterInput value={searchQuery} onChange={this.onSearchQueryChange} placeholder=\"Filter by name or type\" />\n            <div className=\"page-action-bar__spacer\" />\n            <LinkButton href=\"datasources\" fill=\"outline\" variant=\"secondary\" icon=\"arrow-left\">\n              Cancel\n            </LinkButton>\n          </div>\n          {!searchQuery && <PluginsErrorsInfo />}\n          <div>\n            {searchQuery && this.renderPlugins(plugins)}\n            {!searchQuery && this.renderCategories()}\n          </div>\n        </Page.Contents>\n      </Page>\n    );\n  }\n}\n\ninterface DataSourceTypeCardProps {\n  plugin: DataSourcePluginMeta;\n  onClick: () => void;\n  onLearnMoreClick: (evt: React.SyntheticEvent<HTMLElement>) => void;\n}\n\nconst DataSourceTypeCard: FC<DataSourceTypeCardProps> = (props) => {\n  const { plugin, onLearnMoreClick } = props;\n  const isPhantom = plugin.module === 'phantom';\n  const onClick = !isPhantom && !plugin.unlicensed ? props.onClick : () => {};\n  // find first plugin info link\n  const learnMoreLink = plugin.info?.links?.length > 0 ? plugin.info.links[0] : null;\n\n  const styles = useStyles2(getStyles);\n\n  return (\n    <Card className={cx(styles.card, 'card-parent')} onClick={onClick}>\n      <Card.Heading\n        className={styles.heading}\n        aria-label={selectors.pages.AddDataSource.dataSourcePluginsV2(plugin.name)}\n      >\n        {plugin.name}\n      </Card.Heading>\n      <Card.Figure align=\"center\" className={styles.figure}>\n        <img className={styles.logo} src={plugin.info.logos.small} alt=\"\" />\n      </Card.Figure>\n      <Card.Description className={styles.description}>{plugin.info.description}</Card.Description>\n      {!isPhantom && (\n        <Card.Meta className={styles.meta}>\n          <PluginSignatureBadge status={plugin.signature} />\n        </Card.Meta>\n      )}\n      <Card.Actions className={styles.actions}>\n        {learnMoreLink && (\n          <LinkButton\n            variant=\"secondary\"\n            href={`${learnMoreLink.url}?utm_source=grafana_add_ds`}\n            target=\"_blank\"\n            rel=\"noopener\"\n            onClick={onLearnMoreClick}\n            icon=\"external-link-alt\"\n            aria-label={`${plugin.name}, learn more.`}\n          >\n            {learnMoreLink.name}\n          </LinkButton>\n        )}\n      </Card.Actions>\n    </Card>\n  );\n};\n\nfunction getStyles(theme: GrafanaTheme2) {\n  return {\n    heading: css({\n      fontSize: theme.v1.typography.heading.h5,\n      fontWeight: 'inherit',\n    }),\n    figure: css({\n      width: 'inherit',\n      marginRight: '0px',\n      '> img': {\n        width: theme.spacing(7),\n      },\n    }),\n    meta: css({\n      marginTop: '6px',\n      position: 'relative',\n    }),\n    description: css({\n      margin: '0px',\n      fontSize: theme.typography.size.sm,\n    }),\n    actions: css({\n      position: 'relative',\n      alignSelf: 'center',\n      marginTop: '0px',\n      opacity: 0,\n\n      '.card-parent:hover &, .card-parent:focus-within &': {\n        opacity: 1,\n      },\n    }),\n    card: css({\n      gridTemplateAreas: `\n      \"Figure   Heading   Actions\"\n      \"Figure Description Actions\"\n      \"Figure    Meta     Actions\"\n      \"Figure     -       Actions\"`,\n    }),\n    logo: css({\n      marginRight: theme.v1.spacing.lg,\n      marginLeft: theme.v1.spacing.sm,\n      width: theme.spacing(7),\n      maxHeight: theme.spacing(7),\n    }),\n  };\n}\n\nexport function getNavModel(): NavModel {\n  const main = {\n    icon: 'database',\n    id: 'datasource-new',\n    text: 'Add data source',\n    href: 'datasources/new',\n    subTitle: 'Choose a data source type',\n  };\n\n  return {\n    main: main,\n    node: main,\n  };\n}\n\nexport default connector(NewDataSourcePage);\n","import { createSelector } from '@reduxjs/toolkit';\n\nimport { PluginError, PluginErrorCode } from '@grafana/data';\n\nimport { RequestStatus, PluginCatalogStoreState } from '../types';\n\nimport { pluginsAdapter } from './reducer';\n\nexport const selectRoot = (state: PluginCatalogStoreState) => state.plugins;\n\nexport const selectItems = createSelector(selectRoot, ({ items }) => items);\n\nexport const selectDisplayMode = createSelector(selectRoot, ({ settings }) => settings.displayMode);\n\nexport const { selectAll, selectById } = pluginsAdapter.getSelectors(selectItems);\n\nconst selectInstalled = (filterBy: string) =>\n  createSelector(selectAll, (plugins) =>\n    plugins.filter((plugin) => (filterBy === 'installed' ? plugin.isInstalled : !plugin.isCore))\n  );\n\nconst findByInstallAndType = (filterBy: string, filterByType: string) =>\n  createSelector(selectInstalled(filterBy), (plugins) =>\n    plugins.filter((plugin) => filterByType === 'all' || plugin.type === filterByType)\n  );\n\nconst findByKeyword = (searchBy: string) =>\n  createSelector(selectAll, (plugins) => {\n    if (searchBy === '') {\n      return [];\n    }\n\n    return plugins.filter((plugin) => {\n      const fields: String[] = [];\n      if (plugin.name) {\n        fields.push(plugin.name.toLowerCase());\n      }\n\n      if (plugin.orgName) {\n        fields.push(plugin.orgName.toLowerCase());\n      }\n\n      return fields.some((f) => f.includes(searchBy.toLowerCase()));\n    });\n  });\n\nexport const find = (searchBy: string, filterBy: string, filterByType: string) =>\n  createSelector(\n    findByInstallAndType(filterBy, filterByType),\n    findByKeyword(searchBy),\n    (filteredPlugins, searchedPlugins) => {\n      return searchBy === '' ? filteredPlugins : searchedPlugins;\n    }\n  );\n\nexport const selectPluginErrors = createSelector(selectAll, (plugins) =>\n  plugins\n    ? plugins\n        .filter((p) => Boolean(p.error))\n        .map(\n          (p): PluginError => ({\n            pluginId: p.id,\n            errorCode: p!.error as PluginErrorCode,\n          })\n        )\n    : []\n);\n\n// The following selectors are used to get information about the outstanding or completed plugins-related network requests.\nexport const selectRequest = (actionType: string) =>\n  createSelector(selectRoot, ({ requests = {} }) => requests[actionType]);\n\nexport const selectIsRequestPending = (actionType: string) =>\n  createSelector(selectRequest(actionType), (request) => request?.status === RequestStatus.Pending);\n\nexport const selectRequestError = (actionType: string) =>\n  createSelector(selectRequest(actionType), (request) =>\n    request?.status === RequestStatus.Rejected ? request?.error : null\n  );\n\nexport const selectIsRequestNotFetched = (actionType: string) =>\n  createSelector(selectRequest(actionType), (request) => request === undefined);\n","import { useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { PluginError } from '@grafana/data';\n\nimport { sortPlugins, Sorters } from '../helpers';\nimport { CatalogPlugin, PluginCatalogStoreState, PluginListDisplayMode } from '../types';\n\nimport { fetchAll, fetchDetails, fetchRemotePlugins, install, uninstall } from './actions';\nimport { setDisplayMode } from './reducer';\nimport {\n  find,\n  selectAll,\n  selectById,\n  selectIsRequestPending,\n  selectRequestError,\n  selectIsRequestNotFetched,\n  selectDisplayMode,\n  selectPluginErrors,\n} from './selectors';\n\ntype Filters = {\n  query?: string;\n  filterBy?: string;\n  filterByType?: string;\n  sortBy?: Sorters;\n};\n\nexport const useGetAllWithFilters = ({\n  query = '',\n  filterBy = 'installed',\n  filterByType = 'all',\n  sortBy = Sorters.nameAsc,\n}: Filters) => {\n  useFetchAll();\n\n  const filtered = useSelector(find(query, filterBy, filterByType));\n  const { isLoading, error } = useFetchStatus();\n  const sortedAndFiltered = sortPlugins(filtered, sortBy);\n\n  return {\n    isLoading,\n    error,\n    plugins: sortedAndFiltered,\n  };\n};\n\nexport const useGetAll = (): CatalogPlugin[] => {\n  useFetchAll();\n\n  return useSelector(selectAll);\n};\n\nexport const useGetSingle = (id: string): CatalogPlugin | undefined => {\n  useFetchAll();\n  useFetchDetails(id);\n\n  return useSelector((state: PluginCatalogStoreState) => selectById(state, id));\n};\n\nexport const useGetErrors = (): PluginError[] => {\n  useFetchAll();\n\n  return useSelector(selectPluginErrors);\n};\n\nexport const useInstall = () => {\n  const dispatch = useDispatch();\n  return (id: string, version?: string, isUpdating?: boolean) => dispatch(install({ id, version, isUpdating }));\n};\n\nexport const useUninstall = () => {\n  const dispatch = useDispatch();\n\n  return (id: string) => dispatch(uninstall(id));\n};\n\nexport const useIsRemotePluginsAvailable = () => {\n  const error = useSelector(selectRequestError(fetchRemotePlugins.typePrefix));\n  return error === null;\n};\n\nexport const useFetchStatus = () => {\n  const isLoading = useSelector(selectIsRequestPending(fetchAll.typePrefix));\n  const error = useSelector(selectRequestError(fetchAll.typePrefix));\n\n  return { isLoading, error };\n};\n\nexport const useFetchDetailsStatus = () => {\n  const isLoading = useSelector(selectIsRequestPending(fetchDetails.typePrefix));\n  const error = useSelector(selectRequestError(fetchDetails.typePrefix));\n\n  return { isLoading, error };\n};\n\nexport const useInstallStatus = () => {\n  const isInstalling = useSelector(selectIsRequestPending(install.typePrefix));\n  const error = useSelector(selectRequestError(install.typePrefix));\n\n  return { isInstalling, error };\n};\n\nexport const useUninstallStatus = () => {\n  const isUninstalling = useSelector(selectIsRequestPending(uninstall.typePrefix));\n  const error = useSelector(selectRequestError(uninstall.typePrefix));\n\n  return { isUninstalling, error };\n};\n\n// Only fetches in case they were not fetched yet\nexport const useFetchAll = () => {\n  const dispatch = useDispatch();\n  const isNotFetched = useSelector(selectIsRequestNotFetched(fetchAll.typePrefix));\n\n  useEffect(() => {\n    isNotFetched && dispatch(fetchAll());\n  }, []); // eslint-disable-line\n};\n\nexport const useFetchDetails = (id: string) => {\n  const dispatch = useDispatch();\n  const plugin = useSelector((state: PluginCatalogStoreState) => selectById(state, id));\n  const isNotFetching = !useSelector(selectIsRequestPending(fetchDetails.typePrefix));\n  const shouldFetch = isNotFetching && plugin && !plugin.details;\n\n  useEffect(() => {\n    shouldFetch && dispatch(fetchDetails(id));\n  }, [plugin]); // eslint-disable-line\n};\n\nexport const useDisplayMode = () => {\n  const dispatch = useDispatch();\n  const displayMode = useSelector(selectDisplayMode);\n\n  return {\n    displayMode,\n    setDisplayMode: (v: PluginListDisplayMode) => dispatch(setDisplayMode(v)),\n  };\n};\n"],"names":["PluginsErrorsInfo","errors","useGetErrors","isLoading","useFetchStatus","theme","useTheme","length","InfoBox","selectors","severity","urlTitle","url","List","items","className","css","renderItem","error","spacing","sm","HorizontalGroup","justify","align","pluginId","PluginSignatureBadge","status","mapPluginErrorCodeToSignatureStatus","errorCode","code","PluginErrorCode","PluginSignatureStatus","mapDispatchToProps","addDataSource","loadDataSourcePlugins","setDataSourceTypeSearchQuery","connector","connect","state","navModel","getNavModel","plugins","getDataSourcePlugins","dataSources","searchQuery","dataSourceTypeSearchQuery","categories","isLoadingDataSources","NewDataSourcePage","PureComponent","plugin","this","props","value","evt","stopPropagation","componentDidMount","renderPlugins","id","getItemKey","item","toString","DataSourceTypeCard","onClick","onDataSourceTypeClicked","onLearnMoreClick","renderCategories","map","category","title","LinkButton","variant","href","target","rel","render","Page","FilterInput","onChange","onSearchQueryChange","placeholder","fill","icon","isPhantom","module","unlicensed","learnMoreLink","info","links","styles","useStyles2","getStyles","Card","cx","card","heading","name","figure","logo","src","logos","small","alt","description","meta","signature","actions","fontSize","v1","typography","h5","fontWeight","width","marginRight","marginTop","position","margin","size","alignSelf","opacity","gridTemplateAreas","lg","marginLeft","maxHeight","main","text","subTitle","node","selectRoot","selectItems","createSelector","selectDisplayMode","settings","displayMode","selectAll","selectById","pluginsAdapter","findByInstallAndType","filterBy","filterByType","filter","isInstalled","isCore","selectInstalled","type","find","searchBy","fields","push","toLowerCase","orgName","some","f","includes","findByKeyword","filteredPlugins","searchedPlugins","selectPluginErrors","p","Boolean","selectRequest","actionType","requests","selectIsRequestPending","request","RequestStatus","selectRequestError","useGetAllWithFilters","query","sortBy","Sorters","useFetchAll","filtered","useSelector","sortPlugins","useGetSingle","useFetchDetails","useInstall","dispatch","useDispatch","version","isUpdating","install","useUninstall","uninstall","useIsRemotePluginsAvailable","fetchRemotePlugins","fetchAll","useFetchDetailsStatus","fetchDetails","useInstallStatus","isInstalling","useUninstallStatus","isUninstalling","isNotFetched","undefined","useEffect","shouldFetch","details","useDisplayMode","setDisplayMode","v"],"sourceRoot":""}