54 lines
1.4 KiB
TypeScript
54 lines
1.4 KiB
TypeScript
import { useState } from 'react';
|
|
import { createPortal } from 'react-dom';
|
|
import { REPORT_PARAMETERS } from 'lib/constants';
|
|
import PopupForm from './PopupForm';
|
|
import FieldSelectForm from './FieldSelectForm';
|
|
import FieldAggregateForm from './FieldAggregateForm';
|
|
import FieldFilterEditForm from './FieldFilterEditForm';
|
|
|
|
export function FieldAddForm({
|
|
fields = [],
|
|
group,
|
|
onAdd,
|
|
onClose,
|
|
}: {
|
|
fields?: any[];
|
|
group: string;
|
|
onAdd: (group: string, value: string) => void;
|
|
onClose: () => void;
|
|
}) {
|
|
const [selected, setSelected] = useState<{ name: string; type: string; value: string }>();
|
|
|
|
const handleSelect = (value: any) => {
|
|
const { type } = value;
|
|
|
|
if (group === REPORT_PARAMETERS.groups || type === 'array' || type === 'boolean') {
|
|
value.value = group === REPORT_PARAMETERS.groups ? '' : 'total';
|
|
handleSave(value);
|
|
return;
|
|
}
|
|
|
|
setSelected(value);
|
|
};
|
|
|
|
const handleSave = (value: any) => {
|
|
onAdd(group, value);
|
|
onClose();
|
|
};
|
|
|
|
return createPortal(
|
|
<PopupForm>
|
|
{!selected && <FieldSelectForm fields={fields} onSelect={handleSelect} />}
|
|
{selected && group === REPORT_PARAMETERS.fields && (
|
|
<FieldAggregateForm {...selected} onSelect={handleSave} />
|
|
)}
|
|
{selected && group === REPORT_PARAMETERS.filters && (
|
|
<FieldFilterEditForm {...selected} onChange={handleSave} />
|
|
)}
|
|
</PopupForm>,
|
|
document.body,
|
|
);
|
|
}
|
|
|
|
export default FieldAddForm;
|