csv delimiter configuration

This commit is contained in:
Jan Prochazka
2020-11-19 11:24:05 +01:00
parent da805db44b
commit 0cd3e393e8
8 changed files with 107 additions and 51 deletions

View File

@@ -1,54 +1,8 @@
import React from 'react';
import _ from 'lodash';
import styled from 'styled-components';
import {
FormTextField,
FormSubmit,
FormArchiveFolderSelect,
FormRow,
FormLabel,
FormSelectField,
FormCheckboxField,
} from '../utility/forms';
import { Formik, Form, useFormikContext } from 'formik';
import FormArgumentList from '../utility/FormArgumentList';
const MacroArgumentsWrapper = styled.div`
`;
function MacroArgument({ arg, namePrefix }) {
const name = `${namePrefix}${arg.name}`;
if (arg.type == 'text') {
return <FormTextField label={arg.label} name={name} />;
}
if (arg.type == 'checkbox') {
return <FormCheckboxField label={arg.label} name={name} />;
}
if (arg.type == 'select') {
return (
<FormSelectField label={arg.label} name={name}>
{arg.options.map((opt) =>
_.isString(opt) ? <option value={opt}>{opt}</option> : <option value={opt.value}>{opt.name}</option>
)}
</FormSelectField>
);
}
return null;
}
function MacroArgumentList({ args, onChangeValues, namePrefix }) {
const { values } = useFormikContext();
React.useEffect(() => {
if (onChangeValues) onChangeValues(values);
}, [values]);
return (
<MacroArgumentsWrapper>
{' '}
{args.map((arg) => (
<MacroArgument arg={arg} key={arg.name} namePrefix={namePrefix} />
))}
</MacroArgumentsWrapper>
);
}
export default function MacroParameters({ args, onChangeValues, macroValues, namePrefix }) {
if (!args || args.length == 0) return null;
@@ -59,7 +13,7 @@ export default function MacroParameters({ args, onChangeValues, macroValues, nam
return (
<Formik initialValues={initialValues} onSubmit={() => {}}>
<Form>
<MacroArgumentList args={args} onChangeValues={onChangeValues} namePrefix={namePrefix} />
<FormArgumentList args={args} onChangeValues={onChangeValues} namePrefix={namePrefix} />
</Form>
</Formik>
);