@adaptabletools/adaptable/src/View/Charting/ChartingWizard/ExternalChartingWizard/ExternalChartingWizard.js

Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements

import { jsx as _jsx } from "react/jsx-runtime";
import * as React from 'react';
import { useAdaptable } from '../../../AdaptableContext';
import { OnePageAdaptableWizard } from '../../../Wizard/OnePageAdaptableWizard';
import { isSettingsValid, SettingsSection } from './SettingsSection';
export const ExternalChartingWizard = (props) => {
    const adaptable = useAdaptable();
    const onPreviewChart = adaptable.api.optionsApi.getChartingOptions().externalChartingOptions?.onPreviewChart;
    const [chartDefinition, setChartDefinition] = React.useState(() => {
        return props.data ?? props.popupParams?.value;
    });
    const handleFinish = () => {
        adaptable.api.chartingApi.editExternalChartDefinition(chartDefinition);
        props.onFinishWizard(props.data);
    };
    return (_jsx(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: chartDefinition, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
            {
                title: 'Chart',
                details: 'Configure chart properties and preview the result',
                isValid: isSettingsValid,
                render: () => (_jsx(SettingsSection, { chartDefinition: chartDefinition, onChange: setChartDefinition, showPreview: Boolean(onPreviewChart) })),
            },
        ] }));
};