public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GrafanaUI: Mark up or ignore remaining grafana-ui translations (#102203)

Browse Source 
* markup or ignore remaining grafana-ui translations

* fix unit tests, commit betterer results which somehow didn't get autocommitted?! :o

* fix SharedPreferences unit test

* fix remaining unit tests

* fix azure e2e test

* better solution
This commit is contained in:
Ashley Harrison
2025-03-17 12:27:40 +00:00
committed by GitHub
parent 5cd8547131
commit d82a877f65
39 changed files with 213 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.betterer.results
+6 -93
View File
@@ -548,9 +548,6 @@ exports[`better eslint`] = {
"packages/grafana-ui/src/components/DataLinks/DataLinkInput.tsx:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"]
],
"packages/grafana-ui/src/components/DataLinks/DataLinkSuggestions.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/DataSourceSettings/CustomHeadersSettings.tsx:5381": [
[0, 0, 0, "Unexpected any. Specify a different type.", "0"],
[0, 0, 0, "Unexpected any. Specify a different type.", "1"]
@@ -559,15 +556,6 @@ exports[`better eslint`] = {
[0, 0, 0, "Unexpected any. Specify a different type.", "0"],
[0, 0, 0, "Unexpected any. Specify a different type.", "1"]
],
"packages/grafana-ui/src/components/FileDropzone/FileDropzone.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/FileDropzone/FileListItem.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/FileUpload/FileUpload.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/Forms/Legacy/Input/Input.tsx:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"],
[0, 0, 0, "Do not use any type assertions.", "1"],
@@ -585,67 +573,39 @@ exports[`better eslint`] = {
[0, 0, 0, "Unexpected any. Specify a different type.", "1"],
[0, 0, 0, "Unexpected any. Specify a different type.", "2"]
],
"packages/grafana-ui/src/components/InteractiveTable/Expander/index.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/JSONFormatter/json_explorer/json_explorer.ts:5381": [
[0, 0, 0, "Unexpected any. Specify a different type.", "0"],
[0, 0, 0, "Unexpected any. Specify a different type.", "1"]
],
"packages/grafana-ui/src/components/MatchersUI/FieldNameByRegexMatcherEditor.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/MatchersUI/FieldValueMatcher.tsx:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "1"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "2"]
[0, 0, 0, "Do not use any type assertions.", "0"]
],
"packages/grafana-ui/src/components/MatchersUI/fieldMatchersUI.ts:5381": [
[0, 0, 0, "Unexpected any. Specify a different type.", "0"]
],
"packages/grafana-ui/src/components/Menu/MenuItem.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/Modal/ModalsContext.tsx:5381": [
[0, 0, 0, "Unexpected any. Specify a different type.", "0"],
[0, 0, 0, "Unexpected any. Specify a different type.", "1"],
[0, 0, 0, "Unexpected any. Specify a different type.", "2"],
[0, 0, 0, "Unexpected any. Specify a different type.", "3"]
],
"packages/grafana-ui/src/components/Monaco/ReactMonacoEditorLazy.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "1"]
],
"packages/grafana-ui/src/components/PanelChrome/PanelContext.ts:5381": [
[0, 0, 0, "Unexpected any. Specify a different type.", "0"],
[0, 0, 0, "Unexpected any. Specify a different type.", "1"]
],
"packages/grafana-ui/src/components/PanelChrome/PanelMenu.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "1"]
],
"packages/grafana-ui/src/components/PanelChrome/index.ts:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"]
],
"packages/grafana-ui/src/components/Segment/SegmentSelect.tsx:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"]
],
"packages/grafana-ui/src/components/Select/MultiValue.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/Select/SelectBase.tsx:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"],
[0, 0, 0, "Do not use any type assertions.", "1"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "2"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "3"],
[0, 0, 0, "Unexpected any. Specify a different type.", "2"],
[0, 0, 0, "Unexpected any. Specify a different type.", "3"],
[0, 0, 0, "Unexpected any. Specify a different type.", "4"],
[0, 0, 0, "Unexpected any. Specify a different type.", "5"],
[0, 0, 0, "Unexpected any. Specify a different type.", "6"],
[0, 0, 0, "Unexpected any. Specify a different type.", "7"]
],
"packages/grafana-ui/src/components/Select/SelectMenu.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "1"]
[0, 0, 0, "Unexpected any. Specify a different type.", "5"]
],
"packages/grafana-ui/src/components/Select/ValueContainer.tsx:5381": [
[0, 0, 0, "Unexpected any. Specify a different type.", "0"]
@@ -691,21 +651,11 @@ exports[`better eslint`] = {
[0, 0, 0, "Unexpected any. Specify a different type.", "1"],
[0, 0, 0, "Unexpected any. Specify a different type.", "2"]
],
"packages/grafana-ui/src/components/Table/CellActions.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "1"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "2"]
],
"packages/grafana-ui/src/components/Table/Filter.tsx:5381": [
[0, 0, 0, "Unexpected any. Specify a different type.", "0"]
],
"packages/grafana-ui/src/components/Table/FilterList.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "1"]
],
"packages/grafana-ui/src/components/Table/FilterPopup.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"],
[0, 0, 0, "Unexpected any. Specify a different type.", "1"]
[0, 0, 0, "Unexpected any. Specify a different type.", "0"]
],
"packages/grafana-ui/src/components/Table/FooterRow.tsx:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"],
@@ -726,8 +676,7 @@ exports[`better eslint`] = {
[0, 0, 0, "Unexpected any. Specify a different type.", "3"]
],
"packages/grafana-ui/src/components/Table/TableCellInspector.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"],
[0, 0, 0, "Unexpected any. Specify a different type.", "1"]
[0, 0, 0, "Unexpected any. Specify a different type.", "0"]
],
"packages/grafana-ui/src/components/Table/reducer.ts:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"],
@@ -746,33 +695,9 @@ exports[`better eslint`] = {
[0, 0, 0, "Unexpected any. Specify a different type.", "4"],
[0, 0, 0, "Unexpected any. Specify a different type.", "5"]
],
"packages/grafana-ui/src/components/TableInputCSV/TableInputCSV.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/Tags/Tag.tsx:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"]
],
"packages/grafana-ui/src/components/Tags/TagList.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/TagsInput/TagItem.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/Toggletip/Toggletip.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/ToolbarButton/ToolbarButtonRow.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/UnitPicker/UnitPicker.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/UsersIndicator/UserIcon.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/UsersIndicator/UsersIndicator.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/ValuePicker/ValuePicker.tsx:5381": [
[0, 0, 0, "Use data-testid for E2E selectors instead of aria-label", "0"]
],
@@ -784,9 +709,6 @@ exports[`better eslint`] = {
[0, 0, 0, "Do not use any type assertions.", "0"],
[0, 0, 0, "Do not use any type assertions.", "1"]
],
"packages/grafana-ui/src/components/VizTooltip/SeriesTable.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"]
],
"packages/grafana-ui/src/components/VizTooltip/VizTooltip.tsx:5381": [
[0, 0, 0, "Unexpected any. Specify a different type.", "0"],
[0, 0, 0, "Unexpected any. Specify a different type.", "1"]
@@ -815,18 +737,9 @@ exports[`better eslint`] = {
[0, 0, 0, "Do not use any type assertions.", "0"],
[0, 0, 0, "Unexpected any. Specify a different type.", "1"]
],
"packages/grafana-ui/src/options/builder/axis.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "1"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "2"]
],
"packages/grafana-ui/src/options/builder/hideSeries.tsx:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"]
],
"packages/grafana-ui/src/options/builder/stacking.tsx:5381": [
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "0"],
[0, 0, 0, "No untranslated strings in text props. Wrap text with <Trans /> or use t()", "1"]
],
"packages/grafana-ui/src/slate-plugins/braces.ts:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"]
],
e2e/cloud-plugins-suite/azure-monitor.spec.ts
+1 -4
View File
@@ -222,10 +222,7 @@ describe('Azure monitor datasource', () => {
queriesForm: () => {
e2eSelectors.queryEditor.header.select().find('input').type('Azure Resource Graph{enter}');
cy.wait(1000); // Need to wait for code editor to completely load
e2eSelectors.queryEditor.argsQueryEditor.subscriptions
.input()
.find('[aria-label="select-clear-value"]')
.click();
e2eSelectors.queryEditor.argsQueryEditor.subscriptions.input().find('[aria-label="Clear value"]').click();
e2eSelectors.queryEditor.argsQueryEditor.subscriptions.input().find('input').type('datasources{enter}');
e2e.components.CodeEditor.container().type(
"Resources | where resourceGroup == 'cloud-plugins-e2e-test-azmon' | project name, resourceGroup"
packages/grafana-runtime/src/components/DataSourcePicker.test.tsx
+2 -2
View File
@@ -11,7 +11,7 @@ describe('DataSourcePicker', () => {
const onClear = jest.fn();
const select = render(<DataSourcePicker onClear={onClear} />);
const clearButton = select.getByLabelText('select-clear-value');
const clearButton = select.getByLabelText('Clear value');
await userEvent.click(clearButton);
expect(onClear).toHaveBeenCalled();
});
@@ -20,7 +20,7 @@ describe('DataSourcePicker', () => {
const select = render(<DataSourcePicker />);
expect(() => {
select.getByLabelText('select-clear-value');
select.getByLabelText('Clear value');
}).toThrowError();
});
packages/grafana-ui/src/components/DataLinks/DataLinkSuggestions.tsx
+1 -1
View File
@@ -87,7 +87,7 @@ export const DataLinkSuggestions = ({ suggestions, ...otherProps }: DataLinkSugg
<DataLinkSuggestionsList
{...otherProps}
suggestions={groupedSuggestions[key]}
label={`${capitalize(key)}`}
label={capitalize(key)}
activeIndex={otherProps.activeIndex}
activeIndexOffset={indexOffset}
key={key}
packages/grafana-ui/src/components/FileDropzone/FileDropzone.tsx
+6 -2
View File
@@ -6,7 +6,7 @@ import { Accept, DropEvent, DropzoneOptions, FileError, FileRejection, useDropzo
import { formattedValueToString, getValueFormat, GrafanaTheme2 } from '@grafana/data';
import { useTheme2 } from '../../themes';
import { Trans } from '../../utils/i18n';
import { t, Trans } from '../../utils/i18n';
import { Alert } from '../Alert/Alert';
import { Icon } from '../Icon/Icon';
@@ -189,7 +189,11 @@ export function FileDropzone({ options, children, readAs, onLoad, fileListRender
const size = formattedValueToString(formattedSize);
return (
<div className={styles.errorAlert}>
<Alert title="Upload failed" severity="error" onRemove={clearAlert}>
<Alert
title={t('grafana-ui.file-dropzone.error-title', 'Upload failed')}
severity="error"
onRemove={clearAlert}
>
{errors.map((error) => {
switch (error.code) {
case ErrorCode.FileTooLarge:
packages/grafana-ui/src/components/FileDropzone/FileListItem.tsx
+9 -2
View File
@@ -4,7 +4,7 @@ import { formattedValueToString, getValueFormat, GrafanaTheme2 } from '@grafana/
import { useStyles2 } from '../../themes';
import { trimFileName } from '../../utils/file';
import { Trans } from '../../utils/i18n';
import { t, Trans } from '../../utils/i18n';
import { Button } from '../Button';
import { Icon } from '../Icon/Icon';
import { IconButton } from '../IconButton/IconButton';
@@ -26,7 +26,14 @@ export function FileListItem({ file: customFile, removeFile }: FileListItemProps
return (
<>
<span className={styles.error}>{error.message}</span>
{retryUpload && <IconButton name="sync" tooltip="Retry" tooltipPlacement="top" onClick={retryUpload} />}
{retryUpload && (
<IconButton
name="sync"
tooltip={t('grafana-ui.file-dropzone.item-retry', 'Retry')}
tooltipPlacement="top"
onClick={retryUpload}
/>
)}
{removeFile && (
<IconButton
className={retryUpload ? styles.marginLeft : ''}
packages/grafana-ui/src/components/FileUpload/FileUpload.tsx
+2 -1
View File
@@ -10,6 +10,7 @@ import { useStyles2 } from '../../themes';
import { getFocusStyles } from '../../themes/mixins';
import { ComponentSize } from '../../types/size';
import { trimFileName } from '../../utils/file';
import { t } from '../../utils/i18n';
import { getButtonStyles } from '../Button';
import { Icon } from '../Icon/Icon';
@@ -67,7 +68,7 @@ export const FileUpload = ({
{showFileName && fileName && (
<span
aria-label="File name"
aria-label={t('grafana-ui.file-upload.file-name', 'File name')}
className={style.fileName}
data-testid={selectors.components.FileUpload.fileNameSpan}
>
packages/grafana-ui/src/components/InteractiveTable/Expander/index.tsx
+2 -1
View File
@@ -1,6 +1,7 @@
import { css } from '@emotion/css';
import { CellProps, HeaderProps } from 'react-table';
import { t } from '../../../utils/i18n';
import { IconButton } from '../../IconButton/IconButton';
const expanderContainerStyles = css({
@@ -13,7 +14,7 @@ export function ExpanderCell<K extends object>({ row, __rowID }: CellProps<K, vo
return (
<div className={expanderContainerStyles}>
<IconButton
tooltip="toggle row expanded"
tooltip={t('grafana-ui.interactive-table.expand-row-tooltip', 'Toggle row expanded')}
aria-controls={__rowID}
// @ts-expect-error react-table doesn't ship with useExpanded types and we can't use declaration merging without affecting the table viz
name={row.isExpanded ? 'angle-down' : 'angle-right'}
packages/grafana-ui/src/components/MatchersUI/FieldNameByRegexMatcherEditor.tsx
+8 -1
View File
@@ -3,6 +3,7 @@ import * as React from 'react';
import { FieldMatcherID, fieldMatchers } from '@grafana/data';
import { t } from '../../utils/i18n';
import { Input } from '../Input/Input';
import { MatcherUIProps, FieldMatcherUIRegistryItem } from './types';
@@ -17,7 +18,13 @@ export const FieldNameByRegexMatcherEditor = memo<MatcherUIProps<string>>((props
[onChange]
);
return <Input placeholder="Enter regular expression" defaultValue={options} onBlur={onBlur} />;
return (
<Input
placeholder={t('grafana-ui.field-name-by-regex-matcher.input-placeholder', 'Enter regular expression')}
defaultValue={options}
onBlur={onBlur}
/>
);
});
FieldNameByRegexMatcherEditor.displayName = 'FieldNameByRegexMatcherEditor';
packages/grafana-ui/src/components/MatchersUI/FieldValueMatcher.tsx
+3 -2
View File
@@ -14,6 +14,7 @@ import {
import { ComparisonOperation } from '@grafana/schema';
import { useStyles2 } from '../../themes';
import { t } from '../../utils/i18n';
import { Input } from '../Input/Input';
import { Select } from '../Select/Select';
@@ -70,7 +71,7 @@ export const FieldValueMatcherEditor = ({ options, onChange }: Props) => {
value={reducer.current}
options={reducer.options}
onChange={onSetReducer}
placeholder="Select field reducer"
placeholder={t('grafana-ui.field-value-matcher.select-field-placeholder', 'Select field reducer')}
/>
{opts.reducer && !isBool && (
<>
@@ -78,7 +79,7 @@ export const FieldValueMatcherEditor = ({ options, onChange }: Props) => {
value={comparisonOperationOptions.find((v) => v.value === opts.op)}
options={comparisonOperationOptions}
onChange={onChangeOp}
aria-label={'Comparison operator'}
aria-label={t('grafana-ui.field-value-matcher.operator-label', 'Comparison operator')}
width={19}
/>
packages/grafana-ui/src/components/Menu/MenuItem.tsx
+2 -1
View File
@@ -7,6 +7,7 @@ import { GrafanaTheme2, LinkTarget } from '@grafana/data';
import { useStyles2 } from '../../themes';
import { getFocusStyles } from '../../themes/mixins';
import { IconName } from '../../types/icon';
import { t } from '../../utils/i18n';
import { Icon } from '../Icon/Icon';
import { Stack } from '../Layout/Stack/Stack';
@@ -180,7 +181,7 @@ export const MenuItem = React.memo(
<div className={cx(styles.rightWrapper, { [styles.withShortcut]: hasShortcut })}>
{hasShortcut && (
<div className={styles.shortcut}>
<Icon name="keyboard" title="keyboard shortcut" />
<Icon name="keyboard" title={t('grafana-ui.menu-item.keyboard-shortcut-label', 'Keyboard shortcut')} />
{shortcut}
</div>
)}
packages/grafana-ui/src/components/Monaco/ReactMonacoEditorLazy.tsx
+8 -2
View File
@@ -4,6 +4,7 @@ import { GrafanaTheme2 } from '@grafana/data';
import { selectors } from '@grafana/e2e-selectors';
import { useStyles2 } from '../../themes';
import { t } from '../../utils/i18n';
import { useAsyncDependency } from '../../utils/useAsyncDependency';
import { ErrorWithStack } from '../ErrorBoundary/ErrorWithStack';
import { LoadingPlaceholder } from '../LoadingPlaceholder/LoadingPlaceholder';
@@ -22,13 +23,18 @@ export const ReactMonacoEditorLazy = (props: ReactMonacoEditorProps) => {
);
if (loading) {
return <LoadingPlaceholder text={'Loading editor'} className={styles.container} />;
return (
<LoadingPlaceholder
text={t('grafana-ui.monaco.loading-placeholder', 'Loading editor')}
className={styles.container}
/>
);
}
if (error) {
return (
<ErrorWithStack
title="React Monaco Editor failed to load"
title={t('grafana-ui.monaco.error-label', 'React Monaco Editor failed to load')}
error={error}
errorInfo={{ componentStack: error?.stack ?? '' }}
/>
packages/grafana-ui/src/components/PanelChrome/PanelMenu.tsx
+3 -2
View File
@@ -3,6 +3,7 @@ import { ReactElement, useCallback } from 'react';
import { selectors } from '@grafana/e2e-selectors';
import { t } from '../../utils/i18n';
import { Dropdown } from '../Dropdown/Dropdown';
import { ToolbarButton } from '../ToolbarButton';
import { TooltipPlacement } from '../Tooltip';
@@ -40,8 +41,8 @@ export function PanelMenu({
return (
<Dropdown overlay={menu} placement={placement} offset={offset} onVisibleChange={handleVisibility}>
<ToolbarButton
aria-label={`Menu for panel with ${title ? `title ${title}` : 'no title'}`}
title="Menu"
aria-label={t('grafana-ui.panel-menu.label', 'Menu for panel {{ title }}', { title: title ?? 'Untitled' })}
title={t('grafana-ui.panel-menu.title', 'Menu')}
icon="ellipsis-v"
iconSize="md"
narrow
packages/grafana-ui/src/components/Select/MultiValue.tsx
+10 -1
View File
@@ -1,6 +1,7 @@
import * as React from 'react';
import { useTheme2 } from '../../themes';
import { t } from '../../utils/i18n';
import { IconButton, Props as IconButtonProps } from '../IconButton/IconButton';
import { getSelectStyles } from './getSelectStyles';
@@ -27,5 +28,13 @@ export type MultiValueRemoveProps = {
export const MultiValueRemove = ({ children, innerProps }: React.PropsWithChildren<MultiValueRemoveProps>) => {
const theme = useTheme2();
const styles = getSelectStyles(theme);
return <IconButton {...innerProps} name="times" size="sm" className={styles.multiValueRemove} tooltip="Remove" />;
return (
<IconButton
{...innerProps}
name="times"
size="sm"
className={styles.multiValueRemove}
tooltip={t('grafana-ui.select.multi-value-remove', 'Remove')}
/>
);
};
packages/grafana-ui/src/components/Select/SelectBase.tsx
+6 -4
View File
@@ -1,4 +1,3 @@
import { t } from 'i18next';
import { isArray, negate } from 'lodash';
import { ComponentProps, useCallback, useEffect, useRef, useState } from 'react';
import * as React from 'react';
@@ -15,7 +14,7 @@ import Creatable from 'react-select/creatable';
import { SelectableValue, toOption } from '@grafana/data';
import { useTheme2 } from '../../themes';
import { Trans } from '../../utils/i18n';
import { t, Trans } from '../../utils/i18n';
import { Icon } from '../Icon/Icon';
import { Spinner } from '../Spinner/Spinner';
@@ -351,7 +350,7 @@ export function SelectBase<T, Rest = {}>({
<Icon
name="times"
role="button"
aria-label="select-clear-value"
aria-label={t('grafana-ui.select.clear-value', 'Clear value')}
className={styles.singleValueRemove}
onMouseDown={(e) => {
e.preventDefault();
@@ -369,7 +368,10 @@ export function SelectBase<T, Rest = {}>({
},
NoOptionsMessage() {
return (
<div className={styles.loadingMessage} aria-label="No options provided">
<div
className={styles.loadingMessage}
aria-label={t('grafana-ui.select.empty-options', 'No options provided')}
>
{noOptionsMessage}
</div>
);
packages/grafana-ui/src/components/Select/SelectMenu.tsx
+3 -3
View File
@@ -8,7 +8,7 @@ import { SelectableValue, toIconName } from '@grafana/data';
import { selectors } from '@grafana/e2e-selectors';
import { useTheme2 } from '../../themes/ThemeContext';
import { Trans } from '../../utils/i18n';
import { t, Trans } from '../../utils/i18n';
import { clearButtonStyles } from '../Button';
import { Icon } from '../Icon/Icon';
import { ScrollContainer } from '../ScrollContainer/ScrollContainer';
@@ -52,7 +52,7 @@ export const SelectMenu = ({
data-testid={selectors.components.Select.menu}
className={styles.menu}
style={{ maxHeight }}
aria-label="Select options menu"
aria-label={t('grafana-ui.select.menu-label', 'Select options menu')}
>
<ScrollContainer ref={innerRef} maxHeight="inherit" overflowX="hidden" showScrollIndicators padding={0.5}>
{toggleAllOptions && (
@@ -185,7 +185,7 @@ export const VirtualizedSelectMenu = ({
className={styles.menu}
height={heightEstimate}
width={widthEstimate}
aria-label="Select options menu"
aria-label={t('grafana-ui.select.menu-label', 'Select options menu')}
itemCount={flattenedChildren.length}
itemSize={VIRTUAL_LIST_ITEM_HEIGHT}
>
packages/grafana-ui/src/components/Table/CellActions.tsx
+14 -3
View File
@@ -2,6 +2,7 @@ import { useCallback } from 'react';
import * as React from 'react';
import { IconSize } from '../../types/icon';
import { t } from '../../utils/i18n';
import { IconButton } from '../IconButton/IconButton';
import { Stack } from '../Layout/Stack/Stack';
import { TooltipPlacement } from '../Tooltip';
@@ -58,7 +59,7 @@ export function CellActions({
{inspectEnabled && (
<IconButton
name="eye"
tooltip="Inspect value"
tooltip={t('grafana-ui.table.cell-inspect', 'Inspect value')}
onClick={() => {
if (setInspectCell) {
setInspectCell({ value: cell.value, mode: previewMode });
@@ -68,10 +69,20 @@ export function CellActions({
/>
)}
{showFilters && (
<IconButton name={'search-plus'} onClick={onFilterFor} tooltip="Filter for value" {...commonButtonProps} />
<IconButton
name={'search-plus'}
onClick={onFilterFor}
tooltip={t('grafana-ui.table.cell-filter-on', 'Filter for value')}
{...commonButtonProps}
/>
)}
{showFilters && (
<IconButton name={'search-minus'} onClick={onFilterOut} tooltip="Filter out value" {...commonButtonProps} />
<IconButton
name={'search-minus'}
onClick={onFilterOut}
tooltip={t('grafana-ui.table.cell-filter-out', 'Filter out value')}
{...commonButtonProps}
/>
)}
</Stack>
</div>
packages/grafana-ui/src/components/Table/FilterList.tsx
+13 -3
View File
@@ -7,7 +7,7 @@ import { GrafanaTheme2, formattedValueToString, getValueFormat, SelectableValue
import { ButtonSelect, Checkbox, FilterInput, Label, Stack } from '..';
import { useStyles2, useTheme2 } from '../../themes';
import { Trans } from '../../utils/i18n';
import { t, Trans } from '../../utils/i18n';
interface Props {
values: SelectableValue[];
@@ -172,7 +172,13 @@ export const FilterList = ({
return (
<Stack direction="column" gap={0.25}>
{!showOperators && <FilterInput placeholder="Filter values" onChange={setSearchFilter} value={searchFilter} />}
{!showOperators && (
<FilterInput
placeholder={t('grafana-ui.table.filter-placeholder', 'Filter values')}
onChange={setSearchFilter}
value={searchFilter}
/>
)}
{showOperators && (
<Stack direction="row" gap={0}>
<ButtonSelect
@@ -182,7 +188,11 @@ export const FilterList = ({
value={operator}
tooltip={operator.description}
/>
<FilterInput placeholder="Filter values" onChange={setSearchFilter} value={searchFilter} />
<FilterInput
placeholder={t('grafana-ui.table.filter-placeholder', 'Filter values')}
onChange={setSearchFilter}
value={searchFilter}
/>
</Stack>
)}
{items.length > 0 ? (
packages/grafana-ui/src/components/Table/FilterPopup.tsx
+2 -2
View File
@@ -6,7 +6,7 @@ import { Field, GrafanaTheme2, SelectableValue } from '@grafana/data';
import { Button, ClickOutsideWrapper, IconButton, Label, Stack } from '..';
import { useStyles2, useTheme2 } from '../../themes';
import { Trans } from '../../utils/i18n';
import { t, Trans } from '../../utils/i18n';
import { FilterList } from './FilterList';
import { TableStyles } from './styles';
@@ -75,7 +75,7 @@ export const FilterPopup = ({
</Label>
<IconButton
name="text-fields"
tooltip="Match case"
tooltip={t('grafana-ui.table.filter-popup-match-case', 'Match case')}
style={{ color: matchCase ? theme.colors.text.link : theme.colors.text.disabled }}
onClick={() => {
setMatchCase((s) => !s);
packages/grafana-ui/src/components/Table/TableCellInspector.tsx
+2 -2
View File
@@ -1,7 +1,7 @@
import { isString } from 'lodash';
import { useState } from 'react';
import { Trans } from '../../utils/i18n';
import { t, Trans } from '../../utils/i18n';
import { ClipboardButton } from '../ClipboardButton/ClipboardButton';
import { Drawer } from '../Drawer/Drawer';
import { Stack } from '../Layout/Stack/Stack';
@@ -68,7 +68,7 @@ export function TableCellInspector({ value, onDismiss, mode }: TableCellInspecto
);
return (
<Drawer onClose={onDismiss} title="Inspect value" tabs={tabBar}>
<Drawer onClose={onDismiss} title={t('grafana-ui.table.inspect-drawer-title', 'Inspect value')} tabs={tabBar}>
<Stack direction="column" gap={2}>
<ClipboardButton icon="copy" getText={() => text} style={{ marginLeft: 'auto', width: '200px' }}>
<Trans i18nKey="grafana-ui.table.copy">Copy to Clipboard</Trans>
packages/grafana-ui/src/components/TableInputCSV/TableInputCSV.tsx
+2 -2
View File
@@ -7,7 +7,7 @@ import { DataFrame, CSVConfig, readCSV, GrafanaTheme2 } from '@grafana/data';
import { stylesFactory, withTheme2 } from '../../themes';
import { Themeable2 } from '../../types/theme';
import { Trans } from '../../utils/i18n';
import { t, Trans } from '../../utils/i18n';
import { Icon } from '../Icon/Icon';
import { TextArea } from '../TextArea/TextArea';
@@ -74,7 +74,7 @@ export class UnThemedTableInputCSV extends PureComponent<Props, State> {
<div className={styles.tableInputCsv}>
<TextArea
style={{ width, height }}
placeholder="Enter CSV here..."
placeholder={t('grafana-ui.table.csv-placeholder', 'Enter CSV here...')}
value={this.state.text}
onChange={this.onTextChange}
className={styles.textarea}
packages/grafana-ui/src/components/Tags/TagList.tsx
+2 -1
View File
@@ -5,6 +5,7 @@ import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2, useTheme2 } from '../../themes';
import { IconName } from '../../types/icon';
import { t } from '../../utils/i18n';
import { SkeletonComponent, attachSkeleton } from '../../utils/skeleton';
import { OnTagClick, Tag } from './Tag';
@@ -34,7 +35,7 @@ const TagListComponent = memo(
const numTags = tags.length;
const tagsToDisplay = displayMax ? tags.slice(0, displayMax) : tags;
return (
<ul className={cx(styles.wrapper, className)} aria-label="Tags" ref={ref}>
<ul className={cx(styles.wrapper, className)} aria-label={t('grafana-ui.tags.list-label', 'Tags')} ref={ref}>
{tagsToDisplay.map((tag, i) => (
<li className={styles.li} key={tag}>
<Tag
packages/grafana-ui/src/components/TagsInput/TagItem.tsx
+2 -1
View File
@@ -5,6 +5,7 @@ import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2 } from '../../themes';
import { getTagColorsFromName } from '../../utils';
import { t } from '../../utils/i18n';
import { IconButton } from '../IconButton/IconButton';
interface Props {
@@ -28,7 +29,7 @@ export const TagItem = ({ name, disabled, onRemove }: Props) => {
name="times"
size="lg"
disabled={disabled}
tooltip={`Remove "${name}" tag`}
tooltip={t('grafana-ui.tags-input.remove', 'Remove tag: {{name}}', { name })}
onClick={() => onRemove(name)}
className={styles.buttonStyles}
/>
packages/grafana-ui/src/components/TagsInput/TagsInput.test.tsx
+2 -2
View File
@@ -7,7 +7,7 @@ describe('TagsInput', () => {
const onChange = jest.fn();
render(<TagsInput onChange={onChange} tags={['One', 'Two']} />);
fireEvent.click(await screen.findByRole('button', { name: /Remove \"One\"/i }));
fireEvent.click(await screen.findByRole('button', { name: /Remove tag: One/i }));
expect(onChange).toHaveBeenCalledWith(['Two']);
});
@@ -16,7 +16,7 @@ describe('TagsInput', () => {
const onChange = jest.fn();
render(<TagsInput onChange={onChange} tags={['One', 'Two']} disabled />);
fireEvent.click(await screen.findByRole('button', { name: /Remove \"One\"/i }));
fireEvent.click(await screen.findByRole('button', { name: /Remove tag: One/i }));
expect(onChange).not.toHaveBeenCalled();
});
packages/grafana-ui/src/components/Toggletip/Toggletip.tsx
+2 -1
View File
@@ -18,6 +18,7 @@ import { memo, cloneElement, isValidElement, useRef, useState } from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2, useTheme2 } from '../../themes/ThemeContext';
import { t } from '../../utils/i18n';
import { buildTooltipTheme, getPlacement } from '../../utils/tooltipUtils';
import { IconButton } from '../IconButton/IconButton';
@@ -139,7 +140,7 @@ export const Toggletip = memo(
{closeButton && (
<div className={style.headerClose}>
<IconButton
aria-label="Close"
aria-label={t('grafana-ui.toggletip.close', 'Close')}
name="times"
data-testid="toggletip-header-close"
onClick={() => {
packages/grafana-ui/src/components/ToolbarButton/ToolbarButtonRow.tsx
+2 -1
View File
@@ -7,6 +7,7 @@ import { Children, forwardRef, HTMLAttributes, useState, useRef, useLayoutEffect
import { GrafanaTheme2 } from '@grafana/data';
import { useTheme2 } from '../../themes';
import { t } from '../../utils/i18n';
import { getPortalContainer } from '../Portal/Portal';
import { ToolbarButton } from './ToolbarButton';
@@ -87,7 +88,7 @@ export const ToolbarButtonRow = forwardRef<HTMLDivElement, Props>(
<div ref={overflowRef} className={styles.overflowButton}>
<ToolbarButton
variant={showOverflowItems ? 'active' : 'default'}
tooltip="Show more items"
tooltip={t('grafana-ui.toolbar-button-row.show-more', 'Show more items')}
onClick={() => setShowOverflowItems(!showOverflowItems)}
icon="ellipsis-v"
iconOnly
packages/grafana-ui/src/components/UnitPicker/UnitPicker.tsx
+2 -1
View File
@@ -2,6 +2,7 @@ import { PureComponent } from 'react';
import { getValueFormats, SelectableValue } from '@grafana/data';
import { t } from '../../utils/i18n';
import { Cascader, CascaderOption } from '../Cascader/Cascader';
export interface UnitPickerProps {
@@ -61,7 +62,7 @@ export class UnitPicker extends PureComponent<UnitPickerProps> {
changeOnSelect={false}
formatCreateLabel={formatCreateLabel}
options={groupOptions}
placeholder="Choose"
placeholder={t('grafana-ui.unit-picker.placeholder', 'Choose')}
isClearable
onSelect={this.props.onChange}
/>
packages/grafana-ui/src/components/UsersIndicator/UserIcon.tsx
+2 -2
View File
@@ -4,7 +4,7 @@ import { useMemo, PropsWithChildren } from 'react';
import { dateTime, DateTimeInput, GrafanaTheme2 } from '@grafana/data';
import { useTheme2 } from '../../themes';
import { Trans } from '../../utils/i18n';
import { t, Trans } from '../../utils/i18n';
import { Tooltip } from '../Tooltip';
import { UserView } from './types';
@@ -67,7 +67,7 @@ export const UserIcon = ({
type={'button'}
onClick={onClick}
className={cx(styles.container, onClick && styles.pointer, className)}
aria-label={`${user.name} icon`}
aria-label={t('grafana-ui.user-icon.label', '{{name}} icon', { name: user.name })}
>
{children ? (
<div className={cx(styles.content, styles.textContent)}>{children}</div>
packages/grafana-ui/src/components/UsersIndicator/UsersIndicator.tsx
+5 -1
View File
@@ -3,6 +3,7 @@ import { css } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2 } from '../../themes';
import { t } from '../../utils/i18n';
import { UserIcon } from './UserIcon';
import { UserView } from './types';
@@ -28,7 +29,10 @@ export const UsersIndicator = ({ users, onClick, limit = 4 }: UsersIndicatorProp
const tooManyUsers = extraUsers > 99;
return (
<div className={styles.container} aria-label="Users indicator container">
<div
className={styles.container}
aria-label={t('grafana-ui.users-indicator.container-label', 'Users indicator container')}
>
{limitReached && (
<UserIcon onClick={onClick} userView={{ user: { name: 'Extra users' }, lastActiveAt: '' }} showTooltip={false}>
{tooManyUsers ? '...' : `+${extraUsers}`}
packages/grafana-ui/src/components/VizTooltip/SeriesTable.tsx
+2 -1
View File
@@ -4,6 +4,7 @@ import * as React from 'react';
import { GrafanaTheme2, GraphSeriesValue } from '@grafana/data';
import { useStyles2 } from '../../themes';
import { t } from '../../utils/i18n';
import { SeriesIcon } from '../VizLegend/SeriesIcon';
/**
@@ -86,7 +87,7 @@ export const SeriesTable = ({ timestamp, series }: SeriesTableProps) => {
return (
<>
{timestamp && (
<div className={styles.timestamp} aria-label="Timestamp">
<div className={styles.timestamp} aria-label={t('grafana-ui.viz-tooltip.timestamp', 'Timestamp')}>
{timestamp}
</div>
)}
packages/grafana-ui/src/options/builder/axis.tsx
+4 -2
View File
@@ -13,6 +13,7 @@ import { Input } from '../../components/Input/Input';
import { Stack } from '../../components/Layout/Stack/Stack';
import { Select } from '../../components/Select/Select';
import { graphFieldOptions } from '../../components/uPlot/config';
import { t } from '../../utils/i18n';
const category = ['Axis'];
@@ -162,7 +163,7 @@ export const ScaleDistributionEditor = ({ value, onChange }: StandardEditorProps
}}
/>
{(type === ScaleDistribution.Log || type === ScaleDistribution.Symlog) && (
<Field label="Log base">
<Field label={t('grafana-ui.axis-builder.log-base', 'Log base')}>
<Select
options={LOG_DISTRIBUTION_OPTIONS}
value={log}
@@ -176,8 +177,9 @@ export const ScaleDistributionEditor = ({ value, onChange }: StandardEditorProps
</Field>
)}
{type === ScaleDistribution.Symlog && (
<Field label="Linear threshold" style={{ marginBottom: 0 }}>
<Field label={t('grafana-ui.axis-builder.linear-threshold', 'Linear threshold')} style={{ marginBottom: 0 }}>
<Input
// eslint-disable-next-line @grafana/no-untranslated-strings
placeholder="1"
value={value?.linearThreshold}
onChange={(v) => {
packages/grafana-ui/src/options/builder/stacking.tsx
+9 -2
View File
@@ -12,6 +12,7 @@ import { IconButton } from '../../components/IconButton/IconButton';
import { Input } from '../../components/Input/Input';
import { Stack } from '../../components/Layout/Stack/Stack';
import { graphFieldOptions } from '../../components/uPlot/config';
import { t } from '../../utils/i18n';
export const StackingEditor = ({
value,
@@ -34,8 +35,14 @@ export const StackingEditor = ({
{context.isOverride && value?.mode && value?.mode !== StackingMode.None && (
<Input
type="text"
placeholder="Group"
suffix={<IconButton name="question-circle" tooltip="Name of the stacking group" tooltipPlacement="top" />}
placeholder={t('grafana-ui.stacking-builder.group', 'Group')}
suffix={
<IconButton
name="question-circle"
tooltip={t('grafana-ui.stacking-builder.group-tooltip', 'Name of the stacking group')}
tooltipPlacement="top"
/>
}
defaultValue={value?.group}
onChange={(v) => {
onChange({
public/app/core/components/SharedPreferences/SharedPreferences.test.tsx
+2 -2
View File
@@ -188,9 +188,9 @@ describe('SharedPreferences', () => {
await selectComboboxOptionInTest(await screen.findByRole('combobox', { name: 'Interface theme' }), 'Default');
// there's no default option in this dropdown - there's a clear selection button
// get the parent container, and find the "select-clear-value" button
// get the parent container, and find the "Clear value" button
const dashboardSelect = screen.getByTestId('User preferences home dashboard drop down');
await userEvent.click(within(dashboardSelect).getByRole('button', { name: 'select-clear-value' }));
await userEvent.click(within(dashboardSelect).getByRole('button', { name: 'Clear value' }));
await selectOptionInTest(screen.getByLabelText('Timezone'), 'Default');
public/app/features/dashboard-scene/pages/DashboardScenePage.test.tsx
+1 -1
View File
@@ -203,7 +203,7 @@ describe('DashboardScenePage', () => {
// Wish I could use the menu here but unable t get it to open when I click the menu button
// Somethig with Dropdown that is not working inside react-testing
await userEvent.click(screen.getByLabelText('Menu for panel with title Panel B'));
await userEvent.click(screen.getByLabelText('Menu for panel Panel B'));
const inspectMenuItem = await screen.findAllByText('Inspect');
public/app/features/transformers/fieldToConfigMapping/FieldToConfigMappingEditor.test.tsx
+1 -1
View File
@@ -56,7 +56,7 @@ describe('FieldToConfigMappingEditor', () => {
setup({ mappings: [{ fieldName: 'max', handlerKey: 'min' }] });
const select = (await screen.findByTestId('max-config-key')).childNodes[0];
await userEvent.click(getByLabelText(select as HTMLElement, 'select-clear-value'));
await userEvent.click(getByLabelText(select as HTMLElement, 'Clear value'));
expect(mockOnChange).toHaveBeenCalledWith(expect.arrayContaining([]));
});
public/app/plugins/datasource/azuremonitor/components/ArgQueryEditor/ArgQueryEditor.test.tsx
+1 -1
View File
@@ -165,7 +165,7 @@ describe('ArgQueryEditor', () => {
);
expect(await waitFor(() => screen.findByText('foo'))).toBeInTheDocument();
const clear = screen.getByLabelText('select-clear-value');
const clear = screen.getByLabelText('Clear value');
await userEvent.click(clear);
expect(onChange).toHaveBeenCalledWith(expect.objectContaining({ subscriptions: [] }));
public/app/plugins/datasource/cloudwatch/components/shared/LogGroups/LogGroupsSelector.test.tsx
+1 -1
View File
@@ -284,7 +284,7 @@ describe('LogGroupsSelector', () => {
/>
);
await userEvent.click(screen.getByText('Select log groups'));
await userEvent.click(screen.getByRole('button', { name: 'select-clear-value' }));
await userEvent.click(screen.getByRole('button', { name: 'Clear value' }));
await userEvent.click(screen.getByText('Add log groups'));
expect(onChange).toHaveBeenCalledWith([
{
public/app/plugins/datasource/tempo/SearchTraceQLEditor/SearchField.test.tsx
+1 -1
View File
@@ -147,7 +147,7 @@ describe('SearchField', () => {
expect(updateFilter).toHaveBeenCalledWith({ ...filter, tag: 'tag1', value: [] });
// Remove the tag
const tagRemove = await screen.findByLabelText('select-clear-value');
const tagRemove = await screen.findByLabelText('Clear value');
await user.click(tagRemove);
expect(updateFilter).toHaveBeenCalledWith({ ...filter, value: [] });
}
public/locales/en-US/grafana.json
+67 -4
View File
@@ -1807,6 +1807,10 @@
"saved": "Saved!",
"saving": "Saving <1></1>"
},
"axis-builder": {
"linear-threshold": "Linear threshold",
"log-base": "Log base"
},
"card": {
"option": "option"
},
@@ -1933,16 +1937,38 @@
"field-link-list": {
"external-links-heading": "External links"
},
"field-name-by-regex-matcher": {
"input-placeholder": "Enter regular expression"
},
"field-value-matcher": {
"operator-label": "Comparison operator",
"select-field-placeholder": "Select field reducer"
},
"file-dropzone": {
"cancel-upload": "Cancel upload",
"file-too-large": "File is larger than {{size}}"
"error-title": "Upload failed",
"file-too-large": "File is larger than {{size}}",
"item-retry": "Retry"
},
"file-upload": {
"file-name": "File name"
},
"filter-input": {
"clear": "Clear"
},
"interactive-table": {
"expand-row-tooltip": "Toggle row expanded"
},
"menu-item": {
"keyboard-shortcut-label": "Keyboard shortcut"
},
"modal": {
"close-tooltip": "Close"
},
"monaco": {
"error-label": "React Monaco Editor failed to load",
"loading-placeholder": "Loading editor"
},
"named-colors-palette": {
"text-color-swatch": "Text color",
"transparent-swatch": "Transparent"
@@ -1957,6 +1983,10 @@
"next-page": "next page",
"previous-page": "previous page"
},
"panel-menu": {
"label": "Menu for panel {{ title }}",
"title": "Menu"
},
"secret-form-field": {
"reset": "Reset"
},
@@ -1966,7 +1996,11 @@
"no-options": "No options found"
},
"select": {
"clear-value": "Clear value",
"default-create-label": "Hit enter to add",
"empty-options": "No options provided",
"menu-label": "Select options menu",
"multi-value-remove": "Remove",
"no-options-label": "No options found",
"placeholder": "Choose"
},
@@ -1976,21 +2010,49 @@
"spinner": {
"aria-label": "Loading"
},
"stacking-builder": {
"group": "Group",
"group-tooltip": "Name of the stacking group"
},
"table": {
"cell-filter-on": "Filter for value",
"cell-filter-out": "Filter out value",
"cell-inspect": "Inspect value",
"copy": "Copy to Clipboard",
"csv-counts": "Rows:{{rows}}, Columns:{{columns}} <5></5>",
"csv-placeholder": "Enter CSV here...",
"filter-placeholder": "Filter values",
"filter-popup-apply": "Ok",
"filter-popup-cancel": "Cancel",
"filter-popup-clear": "Clear filter",
"filter-popup-heading": "Filter by values:",
"filter-popup-match-case": "Match case",
"inspect-drawer-title": "Inspect value",
"no-values-label": "No values",
"pagination-summary": "{{itemsRangeStart}} - {{displayedEnd}} of {{numRows}} rows"
},
"tags": {
"list-label": "Tags"
},
"tags-input": {
"add": "Add"
"add": "Add",
"remove": "Remove tag: {{name}}"
},
"toggletip": {
"close": "Close"
},
"toolbar-button-row": {
"show-more": "Show more items"
},
"unit-picker": {
"placeholder": "Choose"
},
"user-icon": {
"active-text": "Active last 15m"
"active-text": "Active last 15m",
"label": "{{name}} icon"
},
"users-indicator": {
"container-label": "Users indicator container"
},
"value-pill": {
"remove-button": "Remove {{children}}"
@@ -2004,7 +2066,8 @@
"actions-confirmation-message": "Provide a descriptive prompt to confirm or cancel the action.",
"footer-add-annotation": "Add annotation",
"footer-click-to-action": "Click to {{actionTitle}}",
"footer-click-to-navigate": "Click to open {{linkTitle}}"
"footer-click-to-navigate": "Click to open {{linkTitle}}",
"timestamp": "Timestamp"
}
},
"graph": {