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
| import TextField from './fields/text-field';
| import SelectField from './fields/select-field';
| import CheckboxField from './fields/checkbox-field';
| import SwitchField from './fields/switch-field';
| import DateField from './fields/date-field';
| import TimeField from './fields/time-field';
| import DateTimeField from "./fields/datetime-field";
| import RepeaterField from "./fields/repeater-field";
| import UploadField from "./fields/upload-field";
| import SelectorField from "./fields/selector-field";
| import LocationField from "./fields/location-field.js";
| import { PanelRow } from '@wordpress/components';
|
| const FIELD_MAP = {
| text: TextField,
| email: TextField,
| tel: TextField,
| url: TextField,
| number: TextField,
| textarea: TextField,
| select: SelectField,
| radio: SelectField,
| checkbox: CheckboxField,
| set: CheckboxField,
| true_false: SwitchField,
| date: DateField,
| time: TimeField,
| datetime: DateTimeField,
| repeater: RepeaterField,
| upload: UploadField,
| selector: SelectorField,
| location: LocationField
| };
|
| const OPERATORS = {
| '=': (a, b) => a == b,
| '==': (a, b) => a == b,
| '!=': (a, b) => a != b,
| '>': (a, b) => a > b,
| '<': (a, b) => a < b,
| 'in': (a, b) => Array.isArray(b) ? b.includes(a) : String(b).split(',').includes(a),
| };
|
| export const checkCondition = (condition, meta) => {
| if (!condition?.field) return true;
| const compare = OPERATORS[condition.operator] || OPERATORS['='];
| return compare(meta?.[condition.field], condition.value);
| };
|
| const Fields = ({ id, field, value, onChange, meta }) => {
| if (!checkCondition(field.condition, meta)) {
| return null;
| }
|
| const Component = FIELD_MAP[field.type];
| if (!Component) return null; // repeater/upload/selector: TODO
| return <PanelRow><Component field={field} value={value} onChange={onChange} /></PanelRow>;
| };
|
| export default Fields;
|
|
