nav.js

import sortBy from 'lodash/sortBy'
import areaBump from './components/area-bump/meta.yml'
import bar from './components/bar/meta.yml'
import circlePacking from './components/circle-packing/meta.yml'
import bump from './components/bump/meta.yml'
import bullet from './components/bullet/meta.yml'
import calendar from './components/calendar/meta.yml'
import choropleth from './components/choropleth/meta.yml'
import chord from './components/chord/meta.yml'
import funnel from './components/funnel/meta.yml'
import geomap from './components/geomap/meta.yml'
import heatmap from './components/heatmap/meta.yml'
import line from './components/line/meta.yml'
import marimekko from './components/marimekko/meta.yml'
import network from './components/network/meta.yml'
import parallelCoordinates from './components/parallel-coordinates/meta.yml'
import pie from './components/pie/meta.yml'
import radar from './components/radar/meta.yml'
import radialBar from './components/radial-bar/meta.yml'
import sankey from './components/sankey/meta.yml'
import scatterplot from './components/scatterplot/meta.yml'
import stream from './components/stream/meta.yml'
import sunburst from './components/sunburst/meta.yml'
import swarmplot from './components/swarmplot/meta.yml'
import timeRange from './components/time-range/meta.yml'
import treemap from './components/treemap/meta.yml'
import voronoi from './components/voronoi/meta.yml'
import waffle from './components/waffle/meta.yml'

export const components = [
    {
        label: 'AreaBump',
        path: '/area-bump/',
        icon: 'area-bump',
        tags: areaBump.AreaBump.tags,
    },
    {
        label: 'Bar',
        path: '/bar/',
        icon: 'bar',
        tags: bar.Bar.tags,
    },
    {
        label: 'CirclePacking',
        path: '/circle-packing/',
        icon: 'circle-packing',
        tags: circlePacking.CirclePacking.tags,
    },
    {
        label: 'Bump',
        path: '/bump/',
        icon: 'bump',
        tags: bump.Bump.tags,
    },
    {
        label: 'Bullet',
        path: '/bullet/',
        icon: 'bullet',
        tags: bullet.Bullet.tags,
    },
    {
        label: 'Calendar',
        path: '/calendar/',
        icon: 'calendar',
        tags: calendar.Calendar.tags,
    },
    {
        label: 'Choropleth',
        path: '/choropleth/',
        icon: 'choropleth',
        tags: choropleth.Choropleth.tags,
    },
    {
        label: 'Chord',
        path: '/chord/',
        icon: 'chord',
        tags: chord.Chord.tags,
    },
    {
        label: 'Funnel',
        path: '/funnel/',
        icon: 'funnel',
        tags: funnel.Funnel.tags,
    },
    {
        label: 'GeoMap',
        path: '/geomap/',
        icon: 'geomap',
        tags: geomap.GeoMap.tags,
    },
    {
        label: 'HeatMap',
        path: '/heatmap/',
        icon: 'heatmap',
        tags: heatmap.HeatMap.tags,
    },
    {
        label: 'Line',
        path: '/line/',
        icon: 'line',
        tags: line.Line.tags,
    },
    {
        label: 'Marimekko',
        path: '/marimekko/',
        icon: 'marimekko',
        tags: marimekko.Marimekko.tags,
    },
    {
        label: 'Network',
        path: '/network/',
        icon: 'network',
        tags: network.Network.tags,
    },
    {
        label: 'ParallelCoordinates',
        path: '/parallel-coordinates/',
        icon: 'parallel-coordinates',
        tags: parallelCoordinates.ParallelCoordinates.tags,
    },
    {
        label: 'Pie',
        path: '/pie/',
        icon: 'pie',
        tags: pie.Pie.tags,
    },
    {
        label: 'Radar',
        path: '/radar/',
        icon: 'radar',
        tags: radar.Radar.tags,
    },
    {
        label: 'RadialBar',
        path: '/radial-bar/',
        icon: 'radial-bar',
        tags: radialBar.RadialBar.tags,
    },
    {
        label: 'Sankey',
        path: '/sankey/',
        icon: 'sankey',
        tags: sankey.Sankey.tags,
    },
    {
        label: 'ScatterPlot',
        path: '/scatterplot/',
        icon: 'scatterplot',
        tags: scatterplot.ScatterPlot.tags,
    },
    {
        label: 'Stream',
        path: '/stream/',
        icon: 'stream',
        tags: stream.Stream.tags,
    },
    {
        label: 'Sunburst',
        path: '/sunburst/',
        icon: 'sunburst',
        tags: sunburst.Sunburst.tags,
    },
    {
        label: 'SwarmPlot',
        path: '/swarmplot/',
        icon: 'swarmplot',
        tags: swarmplot.SwarmPlot.tags,
    },
    {
        label: 'TimeRange',
        path: '/time-range/',
        icon: 'time-range',
        tags: timeRange.TimeRange.tags,
    },
    {
        label: 'TreeMap',
        path: '/treemap/',
        icon: 'treemap',
        tags: treemap.TreeMap.tags,
    },
    {
        label: 'Voronoi',
        path: '/voronoi/',
        icon: 'voronoi',
        tags: voronoi.Voronoi.tags,
    },
    {
        label: 'Waffle',
        path: '/waffle/',
        icon: 'waffle',
        tags: waffle.Waffle.tags,
    },
]

const all = components.concat([
    {
        label: 'BarCanvas',
        path: '/bar/canvas/',
        icon: 'bar',
        tags: bar.BarCanvas.tags,
    },
    {
        label: 'Bar HTTP API',
        path: '/bar/api/',
        icon: 'bar',
        tags: [...bar.Bar.tags, 'HTTP API'],
    },
    {
        label: 'CirclePackingHtml',
        path: '/circle-packing/html/',
        icon: 'circle-packing',
        tags: circlePacking.CirclePackingHtml.tags,
    },
    {
        label: 'CirclePackingCanvas',
        path: '/circle-packing/canvas/',
        icon: 'circle-packing',
        tags: circlePacking.CirclePackingCanvas.tags,
    },
    // Disabled until the API is fixed
    // {
    //     label: 'CirclePacking HTTP API',
    //     path: '/circle-packing/api/',
    //     icon: 'circle-packing',
    //     tags: [...circlePacking.CirclePacking.tags, 'HTTP API'],
    // },
    {
        label: 'CalendarCanvas',
        path: '/calendar/canvas/',
        icon: 'calendar',
        tags: calendar.CalendarCanvas.tags,
    },
    {
        label: 'Calendar HTTP API',
        path: '/calendar/api/',
        icon: 'calendar',
        tags: [...calendar.Calendar.tags, 'HTTP API'],
    },
    {
        label: 'ChoroplethCanvas',
        path: '/choropleth/canvas/',
        icon: 'choropleth',
        tags: choropleth.ChoroplethCanvas.tags,
    },
    {
        label: 'ChordCanvas',
        path: '/chord/canvas/',
        icon: 'chord',
        tags: chord.ChordCanvas.tags,
    },
    {
        label: 'Chord HTTP API',
        path: '/chord/api/',
        icon: 'chord',
        tags: [...chord.Chord.tags, 'HTTP API'],
    },
    {
        label: 'GeoMapCanvas',
        path: '/geomap/canvas/',
        icon: 'geomap',
        tags: geomap.GeoMapCanvas.tags,
    },
    {
        label: 'HeatMapCanvas',
        path: '/heatmap/canvas/',
        icon: 'heatmap',
        tags: heatmap.HeatMapCanvas.tags,
    },
    {
        label: 'HeatMap HTTP API',
        path: '/heatmap/api/',
        icon: 'heatmap',
        tags: [...heatmap.HeatMap.tags, 'HTTP API'],
    },
    {
        label: 'LineCanvas',
        path: '/line/canvas/',
        icon: 'line',
        tags: line.LineCanvas.tags,
    },
    {
        label: 'Line HTTP API',
        path: '/line/api/',
        icon: 'line',
        tags: [...line.Line.tags, 'HTTP API'],
    },
    {
        label: 'NetworkCanvas',
        path: '/network/canvas/',
        icon: 'network',
        tags: network.NetworkCanvas.tags,
    },
    {
        label: 'ParallelCoordinatesCanvas',
        path: '/parallel-coordinates/canvas/',
        icon: 'parallel-coordinates',
        tags: parallelCoordinates.ParallelCoordinatesCanvas.tags,
    },
    {
        label: 'PieCanvas',
        path: '/pie/canvas/',
        icon: 'pie',
        tags: pie.PieCanvas.tags,
    },
    {
        label: 'Pie HTTP API',
        path: '/pie/api/',
        icon: 'pie',
        tags: [...pie.Pie.tags, 'HTTP API'],
    },
    {
        label: 'Radar HTTP API',
        path: '/radar/api/',
        icon: 'radar',
        tags: [...radar.Radar.tags, 'HTTP API'],
    },
    {
        label: 'Sankey HTTP API',
        path: '/sankey/api/',
        icon: 'sankey',
        tags: [...sankey.Sankey.tags, 'HTTP API'],
    },
    {
        label: 'ScatterPlotCanvas',
        path: '/scatterplot/canvas/',
        icon: 'scatterplot',
        tags: scatterplot.ScatterPlotCanvas.tags,
    },
    {
        label: 'Sunburst HTTP API',
        path: '/sunburst/api/',
        icon: 'sunburst',
        tags: [...sunburst.Sunburst.tags, 'HTTP API'],
    },
    {
        label: 'SwarmPlotCanvas',
        path: '/swarmplot/canvas/',
        icon: 'swarmplot',
        tags: swarmplot.SwarmPlotCanvas.tags,
    },
    {
        label: 'TreeMapHtml',
        path: '/treemap/html/',
        icon: 'treemap',
        tags: treemap.TreeMapHtml.tags,
    },
    {
        label: 'TreeMapCanvas',
        path: '/treemap/canvas/',
        icon: 'treemap',
        tags: treemap.TreeMapCanvas.tags,
    },
    {
        label: 'TreeMap HTTP API',
        path: '/treemap/api/',
        icon: 'treemap',
        tags: [...treemap.TreeMap.tags, 'HTTP API'],
    },
    {
        label: 'WaffleHtml',
        path: '/waffle/html/',
        icon: 'waffle',
        tags: waffle.WaffleHtml.tags,
    },
    {
        label: 'WaffleCanvas',
        path: '/waffle/canvas/',
        icon: 'waffle',
        tags: waffle.WaffleCanvas.tags,
    },
])

export const allComponents = sortBy(all, 'label')

export const guides = [
    {
        label: 'Axes',
        path: '/guides/axes',
    },
    {
        label: 'Colors',
        path: '/guides/colors',
    },
    {
        label: 'Legends',
        path: '/guides/legends',
    },
    {
        label: 'Gradients',
        path: '/guides/gradients',
    },
    {
        label: 'Patterns',
        path: '/guides/patterns',
    },
    {
        label: 'Theming',
        path: '/guides/theming',
    },
]