{"version":3,"file":"DashboardListPage.4edf25537c58e0b7c069.js","mappings":"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","sources":["webpack://grafana/./public/app/features/search/components/ManageDashboardsNew.tsx","webpack://grafana/./public/app/features/search/components/DashboardListPage.tsx","webpack://grafana/./public/app/features/search/loaders.ts"],"sourcesContent":["import { css, cx } from '@emotion/css';\nimport React, { useState } from 'react';\nimport { useDebounce, useLocalStorage } from 'react-use';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { config } from '@grafana/runtime';\nimport { Input, useStyles2, Spinner } from '@grafana/ui';\nimport { contextSrv } from 'app/core/services/context_srv';\nimport { FolderDTO } from 'app/types';\n\nimport { SEARCH_PANELS_LOCAL_STORAGE_KEY } from '../constants';\nimport { useKeyNavigationListener } from '../hooks/useSearchKeyboardSelection';\nimport { useSearchQuery } from '../hooks/useSearchQuery';\nimport { SearchView } from '../page/components/SearchView';\n\nimport { DashboardActions } from './DashboardActions';\n\nexport interface Props {\n  folder?: FolderDTO;\n}\n\nexport const ManageDashboardsNew = React.memo(({ folder }: Props) => {\n  const styles = useStyles2(getStyles);\n  // since we don't use \"query\" from use search... it is not actually loaded from the URL!\n  const { query, onQueryChange } = useSearchQuery({});\n  const { onKeyDown, keyboardEvents } = useKeyNavigationListener();\n\n  // TODO: we need to refactor DashboardActions to use folder.uid instead\n  const folderId = folder?.id;\n  // const folderUid = folder?.uid;\n  const canSave = folder?.canSave;\n  const hasEditPermissionInFolders = folder ? canSave : contextSrv.hasEditPermissionInFolders;\n\n  let [includePanels, setIncludePanels] = useLocalStorage<boolean>(SEARCH_PANELS_LOCAL_STORAGE_KEY, true);\n  if (!config.featureToggles.panelTitleSearch) {\n    includePanels = false;\n  }\n\n  const { isEditor } = contextSrv;\n\n  const [inputValue, setInputValue] = useState(query.query ?? '');\n  const onSearchQueryChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    setInputValue(e.currentTarget.value);\n  };\n  useDebounce(() => onQueryChange(inputValue), 200, [inputValue]);\n\n  return (\n    <>\n      <div className={cx(styles.actionBar, 'page-action-bar')}>\n        <div className={cx(styles.inputWrapper, 'gf-form gf-form--grow m-r-2')}>\n          <Input\n            value={inputValue}\n            onChange={onSearchQueryChange}\n            onKeyDown={onKeyDown}\n            autoFocus\n            spellCheck={false}\n            placeholder={includePanels ? 'Search for dashboards and panels' : 'Search for dashboards'}\n            className={styles.searchInput}\n            suffix={false ? <Spinner /> : null}\n          />\n        </div>\n        <DashboardActions isEditor={isEditor} canEdit={hasEditPermissionInFolders || canSave} folderId={folderId} />\n      </div>\n\n      <SearchView\n        showManage={isEditor || hasEditPermissionInFolders || canSave}\n        folderDTO={folder}\n        queryText={query.query}\n        onQueryTextChange={(newQueryText) => {\n          setInputValue(newQueryText);\n        }}\n        hidePseudoFolders={true}\n        includePanels={includePanels!}\n        setIncludePanels={setIncludePanels}\n        keyboardEvents={keyboardEvents}\n      />\n    </>\n  );\n});\n\nManageDashboardsNew.displayName = 'ManageDashboardsNew';\n\nexport default ManageDashboardsNew;\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  actionBar: css`\n    ${theme.breakpoints.down('sm')} {\n      flex-wrap: wrap;\n    }\n  `,\n  inputWrapper: css`\n    ${theme.breakpoints.down('sm')} {\n      margin-right: 0 !important;\n    }\n  `,\n  searchInput: css`\n    margin-bottom: 6px;\n    min-height: ${theme.spacing(4)};\n  `,\n  unsupported: css`\n    padding: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    font-size: 18px;\n  `,\n  noResults: css`\n    padding: ${theme.v1.spacing.md};\n    background: ${theme.v1.colors.bg2};\n    font-style: italic;\n    margin-top: ${theme.v1.spacing.md};\n  `,\n});\n","import { css } from '@emotion/css';\nimport React, { FC, memo } from 'react';\nimport { connect, MapStateToProps } from 'react-redux';\nimport { useAsync } from 'react-use';\n\nimport { NavModel, locationUtil } from '@grafana/data';\nimport { config, locationService } from '@grafana/runtime';\nimport Page from 'app/core/components/Page/Page';\nimport { getNavModel } from 'app/core/selectors/navModel';\nimport { FolderDTO, StoreState } from 'app/types';\n\nimport { GrafanaRouteComponentProps } from '../../../core/navigation/types';\nimport { loadFolderPage } from '../loaders';\n\nimport ManageDashboards from './ManageDashboards';\nimport ManageDashboardsNew from './ManageDashboardsNew';\n\nexport interface DashboardListPageRouteParams {\n  uid?: string;\n  slug?: string;\n}\n\ninterface DashboardListPageConnectedProps {\n  navModel: NavModel;\n}\ninterface Props extends GrafanaRouteComponentProps<DashboardListPageRouteParams>, DashboardListPageConnectedProps {}\n\nexport const DashboardListPage: FC<Props> = memo(({ navModel, match, location }) => {\n  const { loading, value } = useAsync<() => Promise<{ folder?: FolderDTO; pageNavModel: NavModel }>>(() => {\n    const uid = match.params.uid;\n    const url = location.pathname;\n    if (!uid || !url.startsWith('/dashboards')) {\n      return Promise.resolve({ pageNavModel: navModel });\n    }\n\n    return loadFolderPage(uid!).then(({ folder, folderNav }) => {\n      const path = locationUtil.stripBaseFromUrl(folder.url);\n\n      if (path !== location.pathname) {\n        locationService.push(path);\n      }\n\n      return { folder, pageNavModel: { ...navModel, main: folderNav } };\n    });\n  }, [match.params.uid]);\n\n  return (\n    <Page navModel={value?.pageNavModel ?? navModel}>\n      {Boolean(config.featureToggles.panelTitleSearch) ? (\n        <Page.Contents\n          isLoading={loading}\n          className={css`\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n          `}\n        >\n          <ManageDashboardsNew folder={value?.folder} />\n        </Page.Contents>\n      ) : (\n        <Page.Contents isLoading={loading}>\n          <ManageDashboards folder={value?.folder} />\n        </Page.Contents>\n      )}\n    </Page>\n  );\n});\n\nDashboardListPage.displayName = 'DashboardListPage';\n\nconst mapStateToProps: MapStateToProps<DashboardListPageConnectedProps, {}, StoreState> = (state) => {\n  return {\n    navModel: getNavModel(state.navIndex, 'manage-dashboards'),\n  };\n};\n\nexport default connect(mapStateToProps)(DashboardListPage);\n","import { backendSrv } from 'app/core/services/backend_srv';\n\nimport { buildNavModel } from '../folders/state/navModel';\n\nexport const loadFolderPage = (uid: string) => {\n  return backendSrv.getFolderByUid(uid).then((folder) => {\n    const navModel = buildNavModel(folder);\n    navModel.children![0].active = true;\n\n    return { folder, folderNav: navModel };\n  });\n};\n"],"names":["ManageDashboardsNew","React","folder","styles","useStyles2","getStyles","query","onQueryChange","useSearchQuery","onKeyDown","keyboardEvents","useKeyNavigationListener","folderId","id","canSave","hasEditPermissionInFolders","contextSrv","includePanels","setIncludePanels","useLocalStorage","SEARCH_PANELS_LOCAL_STORAGE_KEY","config","isEditor","inputValue","setInputValue","useState","useDebounce","className","cx","actionBar","inputWrapper","Input","value","onChange","e","preventDefault","currentTarget","autoFocus","spellCheck","placeholder","searchInput","suffix","DashboardActions","canEdit","SearchView","showManage","folderDTO","queryText","onQueryTextChange","newQueryText","hidePseudoFolders","displayName","theme","css","breakpoints","down","spacing","unsupported","noResults","v1","md","colors","bg2","DashboardListPage","memo","navModel","match","location","loading","useAsync","uid","params","url","pathname","startsWith","backendSrv","then","buildNavModel","children","active","folderNav","loadFolderPage","path","locationUtil","locationService","pageNavModel","main","Promise","resolve","Page","Boolean","isLoading","ManageDashboards","connect","state","getNavModel","navIndex"],"sourceRoot":""}