components.widgets.Chart.ChartWidget.jsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

There is a newer version: 7.28.3

import React, { useContext, useMemo } from 'react'
import PropTypes from 'prop-types'
import { useSelector } from 'react-redux'

import WidgetLayout from '../StandardWidget'
import { StandardFieldset } from '../Form/fieldsets'
import { WidgetHOC } from '../../../core/widget/WidgetHOC'
import { FactoryContext } from '../../../core/factory/context'
import { widgetPropTypes } from '../../../core/widget/propTypes'
import { dataSourceModelByPrefixSelector } from '../../../ducks/datasource/selectors'
import { ModelPrefix } from '../../../core/datasource/const'
import { mapToNumeric } from '../../../tools/helpers'

import ChartType from './ChartType'
import LineChart from './LineChart'
import AreaChart from './AreaChart'
import BarChart from './BarChart'
import PieChart from './PieChart'

const Charts = {
    [ChartType.LINE]: LineChart,
    [ChartType.AREA]: AreaChart,
    [ChartType.BAR]: BarChart,
    [ChartType.PIE]: PieChart,
}

/**
 * Виджет графиков
 * @constructor
 */
function ChartWidget({
    id: widgetId,
    datasource,
    toolbar,
    disabled,
    chart,
    filter,
    className,
    style,
    loading,
}) {
    const { resolveProps } = useContext(FactoryContext)
    const resolvedFilter = useMemo(() => resolveProps(filter, StandardFieldset), [filter, resolveProps])
    const datasourceModel = useSelector(dataSourceModelByPrefixSelector(datasource, ModelPrefix.source))

    const { type } = chart

    const Component = Charts[type]

    const { width: propsWidth, height: propsHeight } = chart

    const { width, height } = mapToNumeric(
        {
            width: propsWidth,
            height: propsHeight,
        },
    )

    return (
        
            
                
            
        
    )
}

ChartWidget.propTypes = {
    ...widgetPropTypes,
    chart: PropTypes.arrayOf(PropTypes.shape({})),
}

/**
 * @type ConnectedWidget
 */
export default WidgetHOC(ChartWidget)