-
Notifications
You must be signed in to change notification settings - Fork 0
/
OptionsGenerator.tsx
79 lines (62 loc) · 1.83 KB
/
OptionsGenerator.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
import { Merger } from "../mutation";
import { ControlType, OptionMode, OptionsKeyPair, OptionStateMap, OptionType } from "../form";
import OptionsForm from "../form/OptionsForm";
export interface OptionPanelProps {
className?: string;
state: OptionStateMap;
onChange: Merger<OptionStateMap>;
}
export default class OptionsGenerator {
private readonly templates: OptionType[];
private readonly defaults: any;
constructor(templates: OptionType[], defaults: any) {
this.templates = templates;
this.defaults = defaults;
this.OptionsList = this.OptionsList.bind(this);
}
newState() {
const state: OptionStateMap = {};
for (const t of this.templates) {
const [value, range] = t.createState();
state[t.id] = {
value,
range,
mode: OptionMode.Constant,
};
}
return state;
}
OptionsList(props: OptionPanelProps) {
const { templates } = this;
return OptionsForm({ ...props, templates });
}
generate(state: OptionStateMap) {
const { defaults, templates } = this;
function mapRange(pair: OptionsKeyPair, template: OptionType) {
const { key, options } = pair;
const { id } = template;
const { range } = state[id];
return template.getValues(range).map(value => {
const k = { ...key, [id]: value };
const o = { ...options };
template.populate(value, o);
return { key: k, options: o } as OptionsKeyPair;
});
}
let list: OptionsKeyPair[] = [{
key: {},
options: { ...defaults },
}];
const controls: ControlType[] = [];
for (const template of templates) {
const { mode, value, range } = state[template.id];
if (mode === OptionMode.Range) {
list = list.flatMap(p => mapRange(p, template));
controls.push(template.createControl(range));
} else {
list.forEach(p => template.populate(value, p.options));
}
}
return { optionsList: list, controls };
}
}