react-plot/lib/utils/splitChildren.js

Library of React components to render SVG 2D plots.

import { jsx as _jsx } from "react/jsx-runtime";
import { Children, isValidElement } from 'react';
import { Annotations } from '../components/Annotations/index.js';
import { Axis } from '../components/Axis/Axis.js';
import { ParallelAxis } from '../components/Axis/ParallelAxis.js';
import { Heading } from '../components/Heading.js';
import { Legend } from '../components/Legend.js';
import { BarSeries } from '../components/Series/BarSeries.js';
import { FunctionSeries } from '../components/Series/FunctionSeries.js';
import { LineSeries } from '../components/Series/LineSeries.js';
import { RangeSeries } from '../components/Series/RangeSeries.js';
import { ScatterSeries } from '../components/Series/ScatterSeries.js';
import { Series } from '../components/Series/Series.js';
/**
 * Validates that all the children inside Plot are supported and organizes them by kind.
 */
export function splitChildren(children) {
    let topAxis = null;
    let rightAxis = null;
    let bottomAxis = null;
    let leftAxis = null;
    const parallelAxes = [];
    let heading = null;
    let legend = null;
    const series = [];
    const annotations = [];
    for (const child of Children.toArray(children)) {
        if (typeof child !== 'object' || !isValidElement(child)) {
            // eslint-disable-next-line no-console
            console.error('Invalid Plot child:', child);
            throw new Error('invalid Plot child');
        }
        else if (child.type === Series ||
            child.type === FunctionSeries ||
            child.type === LineSeries ||
            child.type === ScatterSeries ||
            child.type === RangeSeries ||
            child.type === BarSeries) {
            series.push(child);
        }
        else if (child.type === Annotations) {
            annotations.push(child);
        }
        else if (child.type === Axis) {
            switch (child.props.position) {
                case 'top': {
                    if (topAxis !== null) {
                        throw new Error('Plot can only have one top axis');
                    }
                    topAxis = child;
                    break;
                }
                case 'right': {
                    if (rightAxis !== null) {
                        throw new Error('Plot can only have one right axis');
                    }
                    rightAxis = child;
                    break;
                }
                case 'bottom': {
                    if (bottomAxis !== null) {
                        throw new Error('Plot can only have one bottom axis');
                    }
                    bottomAxis = child;
                    break;
                }
                case 'left': {
                    if (leftAxis !== null) {
                        throw new Error('Plot can only have one left axis');
                    }
                    leftAxis = child;
                    break;
                }
                default:
                    throw new Error('unreachable');
            }
        }
        else if (child.type === ParallelAxis) {
            if (parallelAxes.length === 2) {
                throw new Error('Plot can have at most two parallel axes');
            }
            parallelAxes.push(child);
        }
        else if (child.type === Heading) {
            if (heading !== null) {
                throw new Error('Plot can only have one Heading element');
            }
            heading = child;
        }
        else if (child.type === Legend) {
            if (legend !== null) {
                throw new Error('Plot can only have one Legend element');
            }
            legend = child;
        }
        else {
            // eslint-disable-next-line no-console
            console.error('Invalid Plot child:', child);
            throw new Error('invalid plot child');
        }
    }
    if (!bottomAxis && !topAxis) {
        bottomAxis = _jsx(Axis, { position: "bottom" });
    }
    if (!leftAxis && !rightAxis) {
        leftAxis = _jsx(Axis, { position: "left" });
    }
    for (const parallelAxis of parallelAxes) {
        const id = parallelAxis.props.id;
        if (topAxis?.props.id === id) {
            if (bottomAxis !== null) {
                throw new Error('Plot can only have one bottom axis');
            }
            bottomAxis = parallelAxis;
        }
        if (rightAxis?.props.id === id) {
            if (leftAxis !== null) {
                throw new Error('Plot can only have one left axis');
            }
            leftAxis = parallelAxis;
        }
        if (bottomAxis?.props.id === id) {
            if (topAxis !== null) {
                throw new Error('Plot can only have one top axis');
            }
            topAxis = parallelAxis;
        }
        if (leftAxis?.props.id === id) {
            if (rightAxis !== null) {
                throw new Error('Plot can only have one right axis');
            }
            rightAxis = parallelAxis;
        }
    }
    return {
        topAxis,
        rightAxis,
        bottomAxis,
        leftAxis,
        heading,
        legend,
        series,
        annotations,
    };
}
//# sourceMappingURL=splitChildren.js.map