IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

don't include stuff from app/...

Browse Source
This commit is contained in:
ryan 2019-03-07 18:27:51 -08:00
parent eed9a2010e
commit 223906654c
2 changed files with 25 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
packages/grafana-ui/src/components/Table/Table.test.ts
View File

@ -1,8 +1,7 @@
import _ from 'lodash';
import TableModel from 'app/core/table_model';
import { getColorDefinitionByName } from '@grafana/ui';
import { ScopedVars } from '@grafana/ui/src/types';
import { ScopedVars, TableData } from '@grafana/ui/src/types';
import { getTheme } from '../../themes';
import Table, { ColumnStyle } from './Table';
@ -12,25 +11,25 @@ xdescribe('when rendering table', () => {
const SemiDarkOrange = getColorDefinitionByName('semi-dark-orange');
describe('given 13 columns', () => {
const table = new TableModel();
table.columns = [
{ text: 'Time' },
{ text: 'Value' },
{ text: 'Colored' },
{ text: 'Undefined' },
{ text: 'String' },
{ text: 'United', unit: 'bps' },
{ text: 'Sanitized' },
{ text: 'Link' },
{ text: 'Array' },
{ text: 'Mapping' },
{ text: 'RangeMapping' },
{ text: 'MappingColored' },
{ text: 'RangeMappingColored' },
];
table.rows = [
[1388556366666, 1230, 40, undefined, '', '', 'my.host.com', 'host1', ['value1', 'value2'], 1, 2, 1, 2],
];
const table = {
type: 'table',
columns: [
{ text: 'Time' },
{ text: 'Value' },
{ text: 'Colored' },
{ text: 'Undefined' },
{ text: 'String' },
{ text: 'United', unit: 'bps' },
{ text: 'Sanitized' },
{ text: 'Link' },
{ text: 'Array' },
{ text: 'Mapping' },
{ text: 'RangeMapping' },
{ text: 'MappingColored' },
{ text: 'RangeMappingColored' },
],
rows: [[1388556366666, 1230, 40, undefined, '', '', 'my.host.com', 'host1', ['value1', 'value2'], 1, 2, 1, 2]],
} as TableData;
const styles: ColumnStyle[] = [
{

16
packages/grafana-ui/src/components/Table/Table.tsx
View File

@ -13,16 +13,14 @@ import { Themeable } from '../../types/theme';
import { sortTableData } from '../../utils/processTimeSeries';
import { sanitize } from 'app/core/utils/text';
import moment from 'moment';
import { getValueFormat, TableData, getColorFromHexRgbOrName, InterpolateFunction, Column } from '@grafana/ui';
import { Index } from 'react-virtualized';
import { ColumnStyle } from './Table';
// Types
import kbn from 'app/core/utils/kbn';
// APP Imports!!!
// import kbn from 'app/core/utils/kbn';
// Made to match the existing (untyped) settings in the angular table
export interface ColumnStyle {
@ -36,7 +34,7 @@ export interface ColumnStyle {
type?: 'date' | 'number' | 'string' | 'hidden';
unit?: string;
dateFormat?: string;
sanitize?: boolean;
sanitize?: boolean; // not used in react
mappingType?: any;
valueMaps?: any;
rangeMaps?: any;
@ -126,7 +124,7 @@ export class Table extends Component<Props, State> {
// Find the style based on the text
for (let i = 0; i < styles.length; i++) {
const s = styles[i];
const regex = kbn.stringToJsRegex(s.pattern);
const regex = 'XXX'; //kbn.stringToJsRegex(s.pattern);
if (title.match(regex)) {
style = s;
if (s.alias) {
@ -172,11 +170,7 @@ export class Table extends Component<Props, State> {
v = v.join(', ');
}
if (style && style.sanitize) {
return sanitize(v);
} else {
return _.escape(v);
}
return v; // react will sanitize
}
createColumnFormatter(schema: Column, style?: ColumnStyle): CellFormatter {