@adaptabletools/adaptable
Version:
Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements
36 lines (35 loc) • 2.06 kB
JavaScript
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import * as React from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { AdaptableFormComponent } from '../../../../components/AdaptableFormComponent';
import Dialog from '../../../../components/Dialog';
import { getDefaultAdaptableFormData } from '../../../../AdaptableState/Common/AdaptableForm';
import { PopupHideForm } from '../../../../Redux/ActionsReducers/PopupRedux';
import { useAdaptable } from '../../../AdaptableContext';
import { Flex } from '../../../../components/Flex';
export const FormDialog = ({ id, formProps, form, prepareContext, }) => {
const dispatch = useDispatch();
const adaptable = useAdaptable();
const [data, setData] = React.useState(() => {
return getDefaultAdaptableFormData(form);
});
const handleDismiss = () => {
dispatch(PopupHideForm(id));
};
const context = {
adaptableApi: adaptable.api,
formData: data,
...formProps,
};
return (_jsx(Dialog, { isOpen: true, showCloseButton: false, className: "twa:min-h-auto twa:min-w-[400px] twa:max-h-[80vh]", onDismiss: handleDismiss, children: _jsx(Flex, { flexDirection: 'column', "data-name": "form-dialog", className: "twa:p-4 twa:h-full", children: _jsx(AdaptableFormComponent, { formDef: form, data: data, context: context, onChange: setData, api: adaptable.api, displayTitle: true, onButtonClick: async (button) => {
handleDismiss();
const preparedContext = typeof prepareContext === 'function' ? await prepareContext(context) : context;
button.onClick?.(button, preparedContext);
} }) }) }));
};
export const FormPopups = () => {
const forms = useSelector((state) => state.Popup.FormPopup.FormList);
return (_jsx(_Fragment, { children: forms.map((form) => {
return (_jsx(FormDialog, { prepareContext: form.prepareContext, id: form.Id, formProps: form.FormProps, form: form.Form }, form.Id));
}) }));
};