@adaptabletools/adaptable
Version:
Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements
66 lines (65 loc) • 3.82 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { useState } from 'react';
import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
import { cloneObject } from '../../../Utilities/Helpers/Helper';
import { FreeTextColumnSettingsWizardSection, isValidFreeTextColumnSettings, renderFreeTextColumnSettingsSummary, } from './FreeTextColumnSettingsWizardSection';
import { FreeTextColumnDefinitionWizardSection, isValidFreeTextColumnDefinition, renderFreeTextColumnDefinitionSummary, } from './FreeTextColumnDefinitionWizardSection';
import ObjectFactory from '../../../Utilities/ObjectFactory';
import * as FreeTextColumnRedux from '../../../Redux/ActionsReducers/FreeTextColumnRedux';
import { useDispatch, useSelector } from 'react-redux';
import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
import { useAdaptable } from '../../AdaptableContext';
import { Box } from '../../../components/Flex';
export const FreeTextColumnWizard = (props) => {
const adaptable = useAdaptable();
const allFreeTextColumns = useSelector((state) => state.FreeTextColumn.FreeTextColumns);
const [freeTextColumn, setFreeTextColumn] = useState(() => {
if (props.data) {
return cloneObject(props.data);
}
if (props.popupParams?.action === 'Edit' && props.popupParams?.column) {
return allFreeTextColumns.find((column) => column.ColumnId === props.popupParams.column.columnId);
}
return ObjectFactory.CreateEmptyFreeTextColumn(adaptable.api.gridApi.internalApi.deriveSpecialColumnSettingsFromAgGridDefaultColDef());
});
const dispatch = useDispatch();
const isEdit = Boolean(props.data) || props.popupParams?.action === 'Edit';
const handleFinish = () => {
if (isEdit) {
dispatch(FreeTextColumnRedux.FreeTextColumnEdit(freeTextColumn));
}
else {
dispatch(FreeTextColumnRedux.FreeTextColumnAdd(freeTextColumn));
}
props.onFinishWizard(freeTextColumn);
};
return (_jsx(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: freeTextColumn, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
{
title: 'Details',
details: 'Provide Free Text Column Details',
isValid: isValidFreeTextColumnDefinition,
renderSummary: renderFreeTextColumnDefinitionSummary,
render: () => (_jsx(Box, { className: "twa:p-2", children: _jsx(FreeTextColumnDefinitionWizardSection, { isEdit: isEdit, onChange: setFreeTextColumn }) })),
},
{
title: 'Settings',
details: 'Specify Free Text Column Properties',
isValid: isValidFreeTextColumnSettings,
renderSummary: renderFreeTextColumnSettingsSummary,
render: () => (_jsx(Box, { className: "twa:p-2", children: _jsx(FreeTextColumnSettingsWizardSection, { isEdit: isEdit, onChange: setFreeTextColumn }) })),
},
{
details: 'Select Free Text Column Tags',
title: 'Tags',
isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
render: () => (_jsx(Box, { className: "twa:p-2", children: _jsx(ObjectTagsWizardSection, { onChange: setFreeTextColumn }) })),
renderSummary: renderObjectTagsSummary,
},
'-',
{
details: 'Review the Free Text Column',
render: () => (_jsx(Box, { className: "twa:p-2", children: _jsx(OnePageWizardSummary, {}) })),
title: 'Summary',
},
] }));
};