@adaptabletools/adaptable/src/View/CalculatedColumn/Wizard/CalculatedColumnWizard.js

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

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from 'react';
import { cloneObject } from '../../../Utilities/Helpers/Helper';
import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
import { CalculatedColumnExpressionWizardSection, isValidCalculatedColumnExpression, renderCalculatedColumnExpressionSummary, } from './CalculatedColumnExpressionWizardSection';
import { CalculatedColumnDefinitionWizardSection, isValidCalculatedColumnDefinition, renderCalculatedColumnDefinitionSummary, } from './CalculatedColumnDefinitionWizardSection';
import { useAdaptable } from '../../AdaptableContext';
import ObjectFactory from '../../../Utilities/ObjectFactory';
import { useDispatch, useSelector } from 'react-redux';
import * as CalculatedColumnRedux from '../../../Redux/ActionsReducers/CalculatedColumnRedux';
import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
import { CalculatedColumnSettingsWizardSection, isValidCalculatedColumnSettings, renderCalculatedColumnSettingsSummary, } from './CalculatedColumnSettingsWizardSection';
import { getExpressionType } from '../utils';
import { Humanize } from '../../../Utilities/Extensions/StringExtensions';
import { Tag } from '../../../components/Tag';
import { CalculatedColumnTypeWizardSection } from './CalculatedColumnTypeSection';
import { Box } from '../../../components/Flex';
export const CalculatedColumnWizard = (props) => {
    const adaptable = useAdaptable();
    const allCalculatedColumns = useSelector((state) => state.CalculatedColumn.CalculatedColumns);
    const [calculatedColumn, setCalculatedColumn] = useState(() => {
        if (props.data) {
            return cloneObject(props.data);
        }
        if (props.popupParams?.column) {
            const calculatedColumn = allCalculatedColumns.find((calculatedColumn) => calculatedColumn.ColumnId === props.popupParams.column.columnId);
            if (calculatedColumn) {
                return cloneObject(calculatedColumn);
            }
        }
        return ObjectFactory.CreateEmptyCalculatedColumn(adaptable.api.gridApi.internalApi.deriveSpecialColumnSettingsFromAgGridDefaultColDef());
    });
    const dispatch = useDispatch();
    const isEdit = Boolean(props.data) || props.popupParams?.action === 'Edit';
    const handleFinish = () => {
        if (isEdit) {
            dispatch(CalculatedColumnRedux.CalculatedColumnEdit(calculatedColumn));
        }
        else {
            dispatch(CalculatedColumnRedux.CalculatedColumnAdd(calculatedColumn));
        }
        props.onCloseWizard();
    };
    const [expressionType, setExpressionType] = useState(() => {
        return getExpressionType(calculatedColumn, adaptable.api) ?? 'ScalarExpression';
    });
    const handleExpressionTypeChange = (type) => {
        setExpressionType(type);
        if (expressionType === 'ScalarExpression') {
            setCalculatedColumn({
                ...calculatedColumn,
                Query: {
                    ScalarExpression: '',
                },
            });
        }
        else {
            setCalculatedColumn({
                ...calculatedColumn,
                Query: {
                    AggregatedScalarExpression: '',
                },
            });
        }
    };
    return (_jsx(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: calculatedColumn, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
            {
                title: 'Type',
                details: 'Select Type of Calculated Column',
                renderSummary: () => {
                    return (_jsxs(Box, { className: "twa:text-2", children: ["Expression Type: ", _jsx(Tag, { children: Humanize(expressionType) })] }));
                },
                render: () => {
                    return (_jsx(Box, { className: "twa:p-2", children: _jsx(CalculatedColumnTypeWizardSection, { type: expressionType, onTypeChange: handleExpressionTypeChange }) }));
                },
            },
            {
                title: 'Details',
                details: 'Provide Calculated Column Details',
                isValid: isValidCalculatedColumnDefinition,
                renderSummary: renderCalculatedColumnDefinitionSummary,
                render: () => {
                    return (_jsx(Box, { className: "twa:p-2", children: _jsx(CalculatedColumnDefinitionWizardSection, { isEdit: isEdit, onChange: setCalculatedColumn }) }));
                },
            },
            {
                title: 'Expression',
                details: 'Specify the Calculated Column Expression',
                isValid: isValidCalculatedColumnExpression,
                renderSummary: renderCalculatedColumnExpressionSummary,
                render: () => {
                    return (_jsx(Box, { className: "twa:p-2 twa:h-full", children: _jsx(CalculatedColumnExpressionWizardSection, { expressionType: expressionType, onChange: setCalculatedColumn }) }));
                },
            },
            {
                title: 'Settings',
                details: 'Specify Calculated Column Properties',
                isValid: isValidCalculatedColumnSettings,
                renderSummary: renderCalculatedColumnSettingsSummary,
                render: () => {
                    return (_jsx(Box, { className: "twa:p-2", children: _jsx(CalculatedColumnSettingsWizardSection, { isEdit: isEdit, onChange: setCalculatedColumn }) }));
                },
            },
            {
                details: 'Select Calculated Column Tags',
                title: 'Tags',
                isVisible: () => adaptable.api.internalApi.shouldDisplayTagSections(),
                render: () => (_jsx(Box, { className: "twa:p-2", children: _jsx(ObjectTagsWizardSection, { onChange: setCalculatedColumn }) })),
                renderSummary: renderObjectTagsSummary,
            },
            '-',
            {
                details: 'Review the Calculated Column',
                render: () => {
                    return (_jsx(Box, { className: "twa:p-2", children: _jsx(OnePageWizardSummary, {}) }));
                },
                title: 'Summary',
            },
        ] }));
};