\n {headerGroups.map((headerGroup) => {\n const { key, ...headerGroupProps } = headerGroup.getHeaderGroupProps({\n style: { width },\n });\n\n return (\n
\n {headerGroup.headers.map((column) => {\n const { key, ...headerProps } = column.getHeaderProps();\n return (\n
\n {column.render('Header')}\n
\n );\n })}\n
\n );\n })}\n\n
\n \n {({ onItemsRendered, ref }) => (\n {\n ref(innerRef);\n setListEl(innerRef);\n }}\n onItemsRendered={onItemsRendered}\n height={height - ROW_HEIGHT}\n itemCount={rows.length}\n itemSize={tableStyles.rowHeight}\n width={width}\n style={{ overflow: 'hidden auto' }}\n >\n {RenderRow}\n \n )}\n \n
\n
\n );\n }\n);\nSearchResultsTable.displayName = 'SearchResultsTable';\n\nconst getStyles = (theme: GrafanaTheme2) => {\n const rowHoverBg = theme.colors.emphasize(theme.colors.background.primary, 0.03);\n\n return {\n noData: css`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n `,\n headerCell: css`\n align-items: center;\n display: flex;\n overflo: hidden;\n padding: ${theme.spacing(1)};\n `,\n headerRow: css`\n background-color: ${theme.colors.background.secondary};\n display: flex;\n gap: ${theme.spacing(1)};\n height: ${ROW_HEIGHT}px;\n `,\n selectedRow: css`\n background-color: ${rowHoverBg};\n box-shadow: inset 3px 0px ${theme.colors.primary.border};\n `,\n rowContainer: css`\n display: flex;\n gap: ${theme.spacing(1)};\n height: ${ROW_HEIGHT}px;\n label: row;\n &:hover {\n background-color: ${rowHoverBg};\n }\n\n &:not(:hover) div[role='cell'] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n `,\n };\n};\n\n// CSS for columns from react table\nconst getColumnStyles = (theme: GrafanaTheme2) => {\n return {\n cell: css({\n padding: theme.spacing(1),\n overflow: 'hidden', // Required so flex children can do text-overflow: ellipsis\n display: 'flex',\n alignItems: 'center',\n }),\n nameCellStyle: css`\n overflow: hidden;\n text-overflow: ellipsis;\n user-select: text;\n white-space: nowrap;\n `,\n typeCell: css({\n gap: theme.spacing(0.5),\n }),\n typeIcon: css`\n fill: ${theme.colors.text.secondary};\n `,\n datasourceItem: css`\n span {\n &:hover {\n color: ${theme.colors.text.link};\n }\n }\n `,\n missingTitleText: css`\n color: ${theme.colors.text.disabled};\n font-style: italic;\n `,\n invalidDatasourceItem: css`\n color: ${theme.colors.error.main};\n text-decoration: line-through;\n `,\n locationContainer: css({\n display: 'flex',\n flexWrap: 'nowrap',\n gap: theme.spacing(1),\n overflow: 'hidden',\n }),\n locationItem: css`\n align-items: center;\n color: ${theme.colors.text.secondary};\n display: flex;\n flex-wrap: nowrap;\n gap: 4px;\n overflow: hidden;\n `,\n explainItem: css`\n cursor: pointer;\n `,\n tagList: css`\n justify-content: flex-start;\n flex-wrap: nowrap;\n `,\n };\n};\n"],"names":["useCustomFlexLayout","hooks","props","getRowStyles","column","getColumnStyleProps","cell","tabs","ExplainScorePopup","name","explain","frame","row","isOpen","setOpen","activeTab","setActiveTab","modalHeader","ModalTabsHeader","t","Modal","TabContent","CodeEditor","DataHoverView","allowedActions","f","dsUids","TYPE_COLUMN_WIDTH","DATASOURCE_COLUMN_WIDTH","generateColumns","response","availableWidth","selection","selectionToggle","clearSelection","styles","onTagSelected","onDatasourceChange","showingEverything","columns","access","uidField","kindField","sortFieldWith","sortField","width","view","hasSelection","allSelected","item","Checkbox","e","i","p","uid","kind","selected","hasUID","classNames","makeTypeColumn","makeDataSourceColumn","showTags","hasValue","meta","parts","info","Icon","Text","makeTagsColumn","disp","config","getDisplayValue","vals","showExplainPopup","field","iconClass","datasourceItemClass","invalidDatasourceItemClass","srv","dslist","v","settings","icon","typeField","txt","type","tags","TagList","index","getDisplay","value","ROW_HEIGHT","SearchResultsTable","height","onClickItem","keyboardEvents","getStyles","columnStyles","getColumnStyles","tableStyles","infiniteLoaderRef","listEl","setListEl","highlightIndex","memoizedData","memoizedColumns","options","getTableProps","getTableBodyProps","headerGroups","rows","prepareRow","handleLoadMore","startIndex","endIndex","isAllSelected","RenderRow","rowIndex","style","url","className","TableCell","headerGroup","key","headerGroupProps","headerProps","onItemsRendered","ref","innerRef","theme","rowHoverBg"],"sourceRoot":""}