1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 | import React from 'react'; import TimeFilter from './components/TimeFilter'; import ChartControl from './components/ChartControl'; import GroupBy from './components/GroupBy'; import SqlClause from './components/SqlClause'; import Filters from './components/Filters'; import NotGroupBy from './components/NotGroupBy'; import Options from './components/Options'; export const VIZ_TYPES = [ { value: 'dist_bar', label: 'Distribution - Bar Chart', requiresTime: false }, { value: 'pie', label: 'Pie Chart', requiresTime: false }, { value: 'line', label: 'Time Series - Line Chart', requiresTime: true }, { value: 'bar', label: 'Time Series - Bar Chart', requiresTime: true }, { value: 'compare', label: 'Time Series - Percent Change', requiresTime: true }, { value: 'area', label: 'Time Series - Stacked', requiresTime: true }, { value: 'table', label: 'Table View', requiresTime: false }, { value: 'markup', label: 'Markup', requiresTime: false }, { value: 'pivot_table', label: 'Pivot Table', requiresTime: false }, { value: 'separator', label: 'Separator', requiresTime: false }, { value: 'word_cloud', label: 'Word Cloud', requiresTime: false }, { value: 'treemap', label: 'Treemap', requiresTime: false }, { value: 'cal_heatmap', label: 'Calendar Heatmap', requiresTime: true }, { value: 'box_plot', label: 'Box Plot', requiresTime: false }, { value: 'bubble', label: 'Bubble Chart', requiresTime: false }, { value: 'big_number', label: 'Big Number with Trendline', requiresTime: false }, { value: 'bubble', label: 'Bubble Chart', requiresTime: false }, { value: 'histogram', label: 'Histogram', requiresTime: false }, { value: 'sunburst', label: 'Sunburst', requiresTime: false }, { value: 'sankey', label: 'Sankey', requiresTime: false }, { value: 'directed_force', label: 'Directed Force Layout', requiresTime: false }, { value: 'world_map', label: 'World Map', requiresTime: false }, { value: 'filter_box', label: 'Filter Box', requiresTime: false }, { value: 'iframe', label: 'iFrame', requiresTime: false }, { value: 'para', label: 'Parallel Coordinates', requiresTime: false }, { value: 'heatmap', label: 'Heatmap', requiresTime: false }, { value: 'horizon', label: 'Horizon', requiresTime: false }, { value: 'mapbox', label: 'Mapbox', requiresTime: false }, ]; export const sinceOptions = ['1 hour ago', '12 hours ago', '1 day ago', '7 days ago', '28 days ago', '90 days ago', '1 year ago']; export const untilOptions = ['now', '1 day ago', '7 days ago', '28 days ago', '90 days ago', '1 year ago']; export const timestampOptions = [ ['smart_date', 'Adaptative formating'], ['%m/%d/%Y', '"%m/%d/%Y" | 01/14/2019'], ['%Y-%m-%d', '"%Y-%m-%d" | 2019-01-14'], ['%Y-%m-%d %H:%M:%S', '"%Y-%m-%d %H:%M:%S" | 2019-01-14 01:32:10'], ['%H:%M:%S', '"%H:%M:%S" | 01:32:10'], ]; export const rowLimitOptions = [10, 50, 100, 250, 500, 1000, 5000, 10000, 50000]; export const DefaultControls = ( <div> <ChartControl /> <TimeFilter /> <GroupBy /> <SqlClause /> <Filters /> </div> ); export const TableVizControls = ( <div> <NotGroupBy /> <Options /> </div> ); export const VIZ_CONTROL_MAPPING = { table: TableVizControls, }; |