@neo4j-ndl/react-charts/lib/cjs/charts/hooks/use-chart-option.js

React implementation of charts from Neo4j Design System

"use strict";
/**
 *
 *  Copyright (c) "Neo4j"
 *  Neo4j Sweden AB [http://neo4j.com]
 *
 *  This file is part of Neo4j.
 *
 *  Neo4j is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
Object.defineProperty(exports, "__esModule", { value: true });
exports.useChartOption = useChartOption;
const echarts_1 = require("echarts");
const react_1 = require("react");
const build_chart_option_1 = require("../utils/build-chart-option");
const use_chart_refs_1 = require("./use-chart-refs");
/**
 * Builds, applies, and exposes the ECharts option for the current React props.
 *
 * `buildChartOption` merges Needle defaults, normalized axes/series, threshold
 * lines, zoom settings, toolbox options, user overrides, and the current legend
 * selection. After `setOption`, the hook returns ECharts' normalized option so
 * downstream code, especially the custom legend, can read the final series and
 * dataset shape ECharts is actually using.
 */
function useChartOption({ dataZoom, dataset, hasCategoryXAxis, hasSliderZoom, propsSeries, series, settings, thresholdLines, toolboxOptions, userOption, xAxis, yAxis, hasMarkArea, }) {
    const { chartEchartRef, legendSelectedRef } = (0, use_chart_refs_1.useChartRefsContext)();
    const [chartOption, setChartOption] = (0, react_1.useState)();
    (0, react_1.useEffect)(() => {
        if (chartEchartRef.current === null) {
            return;
        }
        const chart = (0, echarts_1.getInstanceByDom)(chartEchartRef.current);
        const option = (0, build_chart_option_1.buildChartOption)({
            dataZoom,
            dataset,
            hasCategoryXAxis,
            hasMarkArea,
            hasSliderZoom,
            legendSelected: legendSelectedRef.current || {},
            propsSeries,
            series,
            thresholdLines,
            toolboxOptions,
            userOption,
            xAxis,
            yAxis,
        });
        chart === null || chart === void 0 ? void 0 : chart.setOption(option, settings);
        setChartOption(chart === null || chart === void 0 ? void 0 : chart.getOption());
    }, [
        chartEchartRef,
        dataZoom,
        dataset,
        hasCategoryXAxis,
        hasMarkArea,
        hasSliderZoom,
        legendSelectedRef,
        propsSeries,
        series,
        settings,
        thresholdLines,
        toolboxOptions,
        userOption,
        xAxis,
        yAxis,
    ]);
    return chartOption;
}
//# sourceMappingURL=use-chart-option.js.map