@payloadcms/ui 3.5.1-canary.d9bd64a → 3.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements/Autosave/index.d.ts.map +1 -1
- package/dist/elements/Autosave/index.js +22 -3
- package/dist/elements/Autosave/index.js.map +1 -1
- package/dist/elements/EditMany/index.d.ts.map +1 -1
- package/dist/elements/EditMany/index.js +66 -44
- package/dist/elements/EditMany/index.js.map +1 -1
- package/dist/elements/FieldSelect/index.d.ts +2 -2
- package/dist/elements/FieldSelect/index.d.ts.map +1 -1
- package/dist/elements/FieldSelect/index.js.map +1 -1
- package/dist/elements/ListControls/getTextFieldsToBeSearched.d.ts.map +1 -1
- package/dist/elements/ListControls/getTextFieldsToBeSearched.js +2 -3
- package/dist/elements/ListControls/getTextFieldsToBeSearched.js.map +1 -1
- package/dist/elements/TableColumns/buildColumnState.d.ts +3 -3
- package/dist/elements/TableColumns/buildColumnState.d.ts.map +1 -1
- package/dist/elements/TableColumns/buildColumnState.js +6 -7
- package/dist/elements/TableColumns/buildColumnState.js.map +1 -1
- package/dist/elements/TableColumns/filterFields.d.ts +4 -0
- package/dist/elements/TableColumns/filterFields.d.ts.map +1 -1
- package/dist/elements/TableColumns/filterFields.js +11 -6
- package/dist/elements/TableColumns/filterFields.js.map +1 -1
- package/dist/elements/TableColumns/getInitialColumns.d.ts +7 -2
- package/dist/elements/TableColumns/getInitialColumns.d.ts.map +1 -1
- package/dist/elements/TableColumns/getInitialColumns.js +5 -0
- package/dist/elements/TableColumns/getInitialColumns.js.map +1 -1
- package/dist/elements/TableColumns/index.d.ts.map +1 -1
- package/dist/elements/TableColumns/index.js +5 -2
- package/dist/elements/TableColumns/index.js.map +1 -1
- package/dist/elements/WhereBuilder/Condition/index.d.ts.map +1 -1
- package/dist/elements/WhereBuilder/Condition/index.js +100 -259
- package/dist/elements/WhereBuilder/Condition/index.js.map +1 -1
- package/dist/elements/WhereBuilder/reduceClientFields.js +1 -1
- package/dist/elements/WhereBuilder/reduceClientFields.js.map +1 -1
- package/dist/exports/client/index.js +16 -16
- package/dist/exports/client/index.js.map +4 -4
- package/dist/exports/shared/index.js +2 -2
- package/dist/exports/shared/index.js.map +3 -3
- package/dist/forms/Form/index.d.ts.map +1 -1
- package/dist/forms/Form/index.js +25 -14
- package/dist/forms/Form/index.js.map +1 -1
- package/dist/forms/Form/types.d.ts +9 -2
- package/dist/forms/Form/types.d.ts.map +1 -1
- package/dist/forms/Form/types.js.map +1 -1
- package/dist/hooks/useUseAsTitle.d.ts.map +1 -1
- package/dist/hooks/useUseAsTitle.js +2 -2
- package/dist/hooks/useUseAsTitle.js.map +1 -1
- package/dist/providers/ListQuery/index.d.ts.map +1 -1
- package/dist/providers/ListQuery/index.js +1 -1
- package/dist/providers/ListQuery/index.js.map +1 -1
- package/dist/utilities/buildTableState.d.ts.map +1 -1
- package/dist/utilities/buildTableState.js +3 -4
- package/dist/utilities/buildTableState.js.map +1 -1
- package/dist/utilities/renderTable.d.ts +4 -4
- package/dist/utilities/renderTable.d.ts.map +1 -1
- package/dist/utilities/renderTable.js +6 -5
- package/dist/utilities/renderTable.js.map +1 -1
- package/package.json +4 -4
- package/dist/utilities/flattenFieldMap.d.ts +0 -10
- package/dist/utilities/flattenFieldMap.d.ts.map +0 -1
- package/dist/utilities/flattenFieldMap.js +0 -26
- package/dist/utilities/flattenFieldMap.js.map +0 -1
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { c as _c } from "react/compiler-runtime";
|
|
4
3
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
-
import React, { useEffect, useState } from 'react';
|
|
4
|
+
import React, { useEffect, useMemo, useState } from 'react';
|
|
6
5
|
import { useDebounce } from '../../../hooks/useDebounce.js';
|
|
7
6
|
import { useTranslation } from '../../../providers/Translation/index.js';
|
|
8
7
|
import { Button } from '../../Button/index.js';
|
|
@@ -11,7 +10,6 @@ import { DefaultFilter } from './DefaultFilter/index.js';
|
|
|
11
10
|
import './index.scss';
|
|
12
11
|
const baseClass = 'condition';
|
|
13
12
|
export const Condition = props => {
|
|
14
|
-
const $ = _c(68);
|
|
15
13
|
const {
|
|
16
14
|
addCondition,
|
|
17
15
|
andIndex,
|
|
@@ -24,272 +22,115 @@ export const Condition = props => {
|
|
|
24
22
|
RenderedFilter,
|
|
25
23
|
updateCondition
|
|
26
24
|
} = props;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
} else {
|
|
34
|
-
t0 = $[2];
|
|
35
|
-
}
|
|
36
|
-
const [internalField, setInternalField] = useState(t0);
|
|
25
|
+
const options = useMemo(() => {
|
|
26
|
+
return fields.filter(({
|
|
27
|
+
field
|
|
28
|
+
}) => !field.admin.disableListFilter);
|
|
29
|
+
}, [fields]);
|
|
30
|
+
const [internalField, setInternalField] = useState(() => fields.find(field_0 => fieldName === field_0.value));
|
|
37
31
|
const {
|
|
38
32
|
t
|
|
39
33
|
} = useTranslation();
|
|
40
34
|
const [internalOperatorOption, setInternalOperatorOption] = useState(operator);
|
|
41
35
|
const [internalQueryValue, setInternalQueryValue] = useState(initialValue);
|
|
42
36
|
const debouncedValue = useDebounce(internalQueryValue, 300);
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
updateCondition({
|
|
48
|
-
andIndex,
|
|
49
|
-
fieldName: internalField.value,
|
|
50
|
-
operator: internalOperatorOption,
|
|
51
|
-
orIndex,
|
|
52
|
-
value: debouncedValue
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
$[3] = andIndex;
|
|
57
|
-
$[4] = debouncedValue;
|
|
58
|
-
$[5] = internalField;
|
|
59
|
-
$[6] = internalOperatorOption;
|
|
60
|
-
$[7] = orIndex;
|
|
61
|
-
$[8] = updateCondition;
|
|
62
|
-
$[9] = t1;
|
|
63
|
-
} else {
|
|
64
|
-
t1 = $[9];
|
|
65
|
-
}
|
|
66
|
-
const t2 = internalField?.value;
|
|
67
|
-
let t3;
|
|
68
|
-
if ($[10] !== andIndex || $[11] !== debouncedValue || $[12] !== internalOperatorOption || $[13] !== operator || $[14] !== orIndex || $[15] !== t2 || $[16] !== updateCondition) {
|
|
69
|
-
t3 = [debouncedValue, andIndex, t2, internalOperatorOption, orIndex, updateCondition, operator];
|
|
70
|
-
$[10] = andIndex;
|
|
71
|
-
$[11] = debouncedValue;
|
|
72
|
-
$[12] = internalOperatorOption;
|
|
73
|
-
$[13] = operator;
|
|
74
|
-
$[14] = orIndex;
|
|
75
|
-
$[15] = t2;
|
|
76
|
-
$[16] = updateCondition;
|
|
77
|
-
$[17] = t3;
|
|
78
|
-
} else {
|
|
79
|
-
t3 = $[17];
|
|
80
|
-
}
|
|
81
|
-
useEffect(t1, t3);
|
|
82
|
-
let t4;
|
|
83
|
-
if ($[18] !== internalField?.field?.type || $[19] !== internalOperatorOption) {
|
|
84
|
-
t4 = ["exists"].includes(internalOperatorOption) || internalField?.field?.type === "checkbox";
|
|
85
|
-
$[18] = internalField?.field?.type;
|
|
86
|
-
$[19] = internalOperatorOption;
|
|
87
|
-
$[20] = t4;
|
|
88
|
-
} else {
|
|
89
|
-
t4 = $[20];
|
|
90
|
-
}
|
|
91
|
-
const booleanSelect = t4;
|
|
92
|
-
let valueOptions;
|
|
93
|
-
if (booleanSelect) {
|
|
94
|
-
let t5;
|
|
95
|
-
if ($[21] !== t) {
|
|
96
|
-
t5 = t("general:true");
|
|
97
|
-
$[21] = t;
|
|
98
|
-
$[22] = t5;
|
|
99
|
-
} else {
|
|
100
|
-
t5 = $[22];
|
|
101
|
-
}
|
|
102
|
-
let t6;
|
|
103
|
-
if ($[23] !== t5) {
|
|
104
|
-
t6 = {
|
|
105
|
-
label: t5,
|
|
106
|
-
value: "true"
|
|
107
|
-
};
|
|
108
|
-
$[23] = t5;
|
|
109
|
-
$[24] = t6;
|
|
110
|
-
} else {
|
|
111
|
-
t6 = $[24];
|
|
112
|
-
}
|
|
113
|
-
let t7;
|
|
114
|
-
if ($[25] !== t) {
|
|
115
|
-
t7 = t("general:false");
|
|
116
|
-
$[25] = t;
|
|
117
|
-
$[26] = t7;
|
|
118
|
-
} else {
|
|
119
|
-
t7 = $[26];
|
|
120
|
-
}
|
|
121
|
-
let t8;
|
|
122
|
-
if ($[27] !== t7) {
|
|
123
|
-
t8 = {
|
|
124
|
-
label: t7,
|
|
125
|
-
value: "false"
|
|
126
|
-
};
|
|
127
|
-
$[27] = t7;
|
|
128
|
-
$[28] = t8;
|
|
129
|
-
} else {
|
|
130
|
-
t8 = $[28];
|
|
131
|
-
}
|
|
132
|
-
let t9;
|
|
133
|
-
if ($[29] !== t6 || $[30] !== t8) {
|
|
134
|
-
t9 = [t6, t8];
|
|
135
|
-
$[29] = t6;
|
|
136
|
-
$[30] = t8;
|
|
137
|
-
$[31] = t9;
|
|
138
|
-
} else {
|
|
139
|
-
t9 = $[31];
|
|
140
|
-
}
|
|
141
|
-
valueOptions = t9;
|
|
142
|
-
} else {
|
|
143
|
-
if (internalField?.field && "options" in internalField.field) {
|
|
144
|
-
valueOptions = internalField.field.options;
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
let t5;
|
|
148
|
-
if ($[32] !== fields) {
|
|
149
|
-
t5 = field_0 => {
|
|
150
|
-
setInternalField(fields.find(f => f.value === field_0.value));
|
|
151
|
-
setInternalOperatorOption(undefined);
|
|
152
|
-
setInternalQueryValue(undefined);
|
|
153
|
-
};
|
|
154
|
-
$[32] = fields;
|
|
155
|
-
$[33] = t5;
|
|
156
|
-
} else {
|
|
157
|
-
t5 = $[33];
|
|
158
|
-
}
|
|
159
|
-
let t6;
|
|
160
|
-
if ($[34] !== fields || $[35] !== internalField?.value) {
|
|
161
|
-
t6 = fields.find(field_1 => internalField?.value === field_1.value) || fields[0];
|
|
162
|
-
$[34] = fields;
|
|
163
|
-
$[35] = internalField?.value;
|
|
164
|
-
$[36] = t6;
|
|
165
|
-
} else {
|
|
166
|
-
t6 = $[36];
|
|
167
|
-
}
|
|
168
|
-
let t7;
|
|
169
|
-
if ($[37] !== RenderedFilter || $[38] !== addCondition || $[39] !== andIndex || $[40] !== booleanSelect || $[41] !== fields || $[42] !== internalField || $[43] !== internalOperatorOption || $[44] !== internalQueryValue || $[45] !== orIndex || $[46] !== removeCondition || $[47] !== t5 || $[48] !== t6 || $[49] !== valueOptions) {
|
|
170
|
-
let t8;
|
|
171
|
-
if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
|
|
172
|
-
t8 = operator_0 => {
|
|
173
|
-
setInternalOperatorOption(operator_0.value);
|
|
174
|
-
};
|
|
175
|
-
$[51] = t8;
|
|
176
|
-
} else {
|
|
177
|
-
t8 = $[51];
|
|
178
|
-
}
|
|
179
|
-
let t9;
|
|
180
|
-
if ($[52] !== RenderedFilter || $[53] !== booleanSelect || $[54] !== internalField || $[55] !== internalOperatorOption || $[56] !== internalQueryValue || $[57] !== valueOptions) {
|
|
181
|
-
t9 = RenderedFilter || _jsx(DefaultFilter, {
|
|
182
|
-
booleanSelect,
|
|
183
|
-
disabled: !internalOperatorOption,
|
|
184
|
-
internalField,
|
|
185
|
-
onChange: setInternalQueryValue,
|
|
186
|
-
operator: internalOperatorOption,
|
|
187
|
-
options: valueOptions,
|
|
188
|
-
value: internalQueryValue ?? ""
|
|
189
|
-
});
|
|
190
|
-
$[52] = RenderedFilter;
|
|
191
|
-
$[53] = booleanSelect;
|
|
192
|
-
$[54] = internalField;
|
|
193
|
-
$[55] = internalOperatorOption;
|
|
194
|
-
$[56] = internalQueryValue;
|
|
195
|
-
$[57] = valueOptions;
|
|
196
|
-
$[58] = t9;
|
|
197
|
-
} else {
|
|
198
|
-
t9 = $[58];
|
|
199
|
-
}
|
|
200
|
-
let t10;
|
|
201
|
-
if ($[59] !== andIndex || $[60] !== orIndex || $[61] !== removeCondition) {
|
|
202
|
-
t10 = () => removeCondition({
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
// This is to trigger changes when the debounced value changes
|
|
39
|
+
if ((internalField?.value || typeof internalField?.value === 'number') && internalOperatorOption && ![null, undefined].includes(debouncedValue)) {
|
|
40
|
+
updateCondition({
|
|
203
41
|
andIndex,
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
$[59] = andIndex;
|
|
207
|
-
$[60] = orIndex;
|
|
208
|
-
$[61] = removeCondition;
|
|
209
|
-
$[62] = t10;
|
|
210
|
-
} else {
|
|
211
|
-
t10 = $[62];
|
|
212
|
-
}
|
|
213
|
-
let t11;
|
|
214
|
-
if ($[63] !== addCondition || $[64] !== andIndex || $[65] !== fields || $[66] !== orIndex) {
|
|
215
|
-
t11 = () => addCondition({
|
|
216
|
-
andIndex: andIndex + 1,
|
|
217
|
-
fieldName: fields[0].value,
|
|
42
|
+
fieldName: internalField.value,
|
|
43
|
+
operator: internalOperatorOption,
|
|
218
44
|
orIndex,
|
|
219
|
-
|
|
45
|
+
value: debouncedValue
|
|
220
46
|
});
|
|
221
|
-
$[63] = addCondition;
|
|
222
|
-
$[64] = andIndex;
|
|
223
|
-
$[65] = fields;
|
|
224
|
-
$[66] = orIndex;
|
|
225
|
-
$[67] = t11;
|
|
226
|
-
} else {
|
|
227
|
-
t11 = $[67];
|
|
228
47
|
}
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
})
|
|
243
|
-
}), _jsx("div", {
|
|
244
|
-
className: `${baseClass}__operator`,
|
|
245
|
-
children: _jsx(ReactSelect, {
|
|
246
|
-
disabled: !internalField?.value && typeof internalField?.value !== "number",
|
|
247
|
-
isClearable: false,
|
|
248
|
-
onChange: t8,
|
|
249
|
-
options: internalField?.operators,
|
|
250
|
-
value: internalField?.operators.find(operator_1 => internalOperatorOption === operator_1.value) || null
|
|
251
|
-
})
|
|
252
|
-
}), _jsx("div", {
|
|
253
|
-
className: `${baseClass}__value`,
|
|
254
|
-
children: t9
|
|
255
|
-
})]
|
|
256
|
-
}), _jsxs("div", {
|
|
257
|
-
className: `${baseClass}__actions`,
|
|
258
|
-
children: [_jsx(Button, {
|
|
259
|
-
buttonStyle: "icon-label",
|
|
260
|
-
className: `${baseClass}__actions-remove`,
|
|
261
|
-
icon: "x",
|
|
262
|
-
iconStyle: "with-border",
|
|
263
|
-
onClick: t10,
|
|
264
|
-
round: true
|
|
265
|
-
}), _jsx(Button, {
|
|
266
|
-
buttonStyle: "icon-label",
|
|
267
|
-
className: `${baseClass}__actions-add`,
|
|
268
|
-
icon: "plus",
|
|
269
|
-
iconStyle: "with-border",
|
|
270
|
-
onClick: t11,
|
|
271
|
-
round: true
|
|
272
|
-
})]
|
|
273
|
-
})]
|
|
274
|
-
})
|
|
275
|
-
});
|
|
276
|
-
$[37] = RenderedFilter;
|
|
277
|
-
$[38] = addCondition;
|
|
278
|
-
$[39] = andIndex;
|
|
279
|
-
$[40] = booleanSelect;
|
|
280
|
-
$[41] = fields;
|
|
281
|
-
$[42] = internalField;
|
|
282
|
-
$[43] = internalOperatorOption;
|
|
283
|
-
$[44] = internalQueryValue;
|
|
284
|
-
$[45] = orIndex;
|
|
285
|
-
$[46] = removeCondition;
|
|
286
|
-
$[47] = t5;
|
|
287
|
-
$[48] = t6;
|
|
288
|
-
$[49] = valueOptions;
|
|
289
|
-
$[50] = t7;
|
|
290
|
-
} else {
|
|
291
|
-
t7 = $[50];
|
|
48
|
+
}, [debouncedValue, andIndex, internalField?.value, internalOperatorOption, orIndex, updateCondition, operator]);
|
|
49
|
+
const booleanSelect = ['exists'].includes(internalOperatorOption) || internalField?.field?.type === 'checkbox';
|
|
50
|
+
let valueOptions;
|
|
51
|
+
if (booleanSelect) {
|
|
52
|
+
valueOptions = [{
|
|
53
|
+
label: t('general:true'),
|
|
54
|
+
value: 'true'
|
|
55
|
+
}, {
|
|
56
|
+
label: t('general:false'),
|
|
57
|
+
value: 'false'
|
|
58
|
+
}];
|
|
59
|
+
} else if (internalField?.field && 'options' in internalField.field) {
|
|
60
|
+
valueOptions = internalField.field.options;
|
|
292
61
|
}
|
|
293
|
-
|
|
62
|
+
const disabled = !internalField?.value && typeof internalField?.value !== 'number' || internalField?.field?.admin?.disableListFilter;
|
|
63
|
+
return /*#__PURE__*/_jsx("div", {
|
|
64
|
+
className: baseClass,
|
|
65
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
66
|
+
className: `${baseClass}__wrap`,
|
|
67
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
68
|
+
className: `${baseClass}__inputs`,
|
|
69
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
70
|
+
className: `${baseClass}__field`,
|
|
71
|
+
children: /*#__PURE__*/_jsx(ReactSelect, {
|
|
72
|
+
disabled: disabled,
|
|
73
|
+
isClearable: false,
|
|
74
|
+
onChange: field_1 => {
|
|
75
|
+
setInternalField(fields.find(f => f.value === field_1.value));
|
|
76
|
+
setInternalOperatorOption(undefined);
|
|
77
|
+
setInternalQueryValue(undefined);
|
|
78
|
+
},
|
|
79
|
+
options: options,
|
|
80
|
+
value: fields.find(field_2 => internalField?.value === field_2.value) || {
|
|
81
|
+
value: internalField?.value
|
|
82
|
+
}
|
|
83
|
+
})
|
|
84
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
85
|
+
className: `${baseClass}__operator`,
|
|
86
|
+
children: /*#__PURE__*/_jsx(ReactSelect, {
|
|
87
|
+
disabled: disabled,
|
|
88
|
+
isClearable: false,
|
|
89
|
+
onChange: operator_0 => {
|
|
90
|
+
setInternalOperatorOption(operator_0.value);
|
|
91
|
+
},
|
|
92
|
+
options: internalField?.operators,
|
|
93
|
+
value: internalField?.operators.find(operator_1 => internalOperatorOption === operator_1.value) || null
|
|
94
|
+
})
|
|
95
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
96
|
+
className: `${baseClass}__value`,
|
|
97
|
+
children: RenderedFilter || /*#__PURE__*/_jsx(DefaultFilter, {
|
|
98
|
+
booleanSelect: booleanSelect,
|
|
99
|
+
disabled: !internalOperatorOption || internalField?.field?.admin?.disableListFilter,
|
|
100
|
+
internalField: internalField,
|
|
101
|
+
onChange: setInternalQueryValue,
|
|
102
|
+
operator: internalOperatorOption,
|
|
103
|
+
options: valueOptions,
|
|
104
|
+
value: internalQueryValue ?? ''
|
|
105
|
+
})
|
|
106
|
+
})]
|
|
107
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
108
|
+
className: `${baseClass}__actions`,
|
|
109
|
+
children: [/*#__PURE__*/_jsx(Button, {
|
|
110
|
+
buttonStyle: "icon-label",
|
|
111
|
+
className: `${baseClass}__actions-remove`,
|
|
112
|
+
icon: "x",
|
|
113
|
+
iconStyle: "with-border",
|
|
114
|
+
onClick: () => removeCondition({
|
|
115
|
+
andIndex,
|
|
116
|
+
orIndex
|
|
117
|
+
}),
|
|
118
|
+
round: true
|
|
119
|
+
}), /*#__PURE__*/_jsx(Button, {
|
|
120
|
+
buttonStyle: "icon-label",
|
|
121
|
+
className: `${baseClass}__actions-add`,
|
|
122
|
+
icon: "plus",
|
|
123
|
+
iconStyle: "with-border",
|
|
124
|
+
onClick: () => addCondition({
|
|
125
|
+
andIndex: andIndex + 1,
|
|
126
|
+
fieldName: fields[0].value,
|
|
127
|
+
orIndex,
|
|
128
|
+
relation: 'and'
|
|
129
|
+
}),
|
|
130
|
+
round: true
|
|
131
|
+
})]
|
|
132
|
+
})]
|
|
133
|
+
})
|
|
134
|
+
});
|
|
294
135
|
};
|
|
295
136
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useState","useDebounce","useTranslation","Button","ReactSelect","DefaultFilter","baseClass","Condition","props","$","addCondition","andIndex","fieldName","fields","initialValue","operator","orIndex","removeCondition","RenderedFilter","updateCondition","t0","find","field","value","internalField","setInternalField","t","internalOperatorOption","setInternalOperatorOption","internalQueryValue","setInternalQueryValue","debouncedValue","t1","undefined","includes","t2","t3","t4","type","booleanSelect","valueOptions","t5","t6","label","t7","t8","t9","options","field_0","f","field_1","Symbol","for","operator_0","_jsx","disabled","onChange","t10","t11","relation","className","children","_jsxs","isClearable","operators","operator_1","buttonStyle","icon","iconStyle","onClick","round"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useState } from 'react'\n\nimport type { FieldCondition } from '../types.js'\n\nexport type Props = {\n readonly addCondition: ({\n andIndex,\n fieldName,\n orIndex,\n relation,\n }: {\n andIndex: number\n fieldName: string\n orIndex: number\n relation: 'and' | 'or'\n }) => void\n readonly andIndex: number\n readonly fieldName: string\n readonly fields: FieldCondition[]\n readonly initialValue: string\n readonly operator: Operator\n readonly orIndex: number\n readonly removeCondition: ({ andIndex, orIndex }: { andIndex: number; orIndex: number }) => void\n readonly RenderedFilter: React.ReactNode\n readonly updateCondition: ({\n andIndex,\n fieldName,\n operator,\n orIndex,\n value,\n }: {\n andIndex: number\n fieldName: string\n operator: string\n orIndex: number\n value: string\n }) => void\n}\n\nimport type { Operator } from 'payload'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n const {\n addCondition,\n andIndex,\n fieldName,\n fields,\n initialValue,\n operator,\n orIndex,\n removeCondition,\n RenderedFilter,\n updateCondition,\n } = props\n const [internalField, setInternalField] = useState<FieldCondition>(() =>\n fields.find((field) => fieldName === field.value),\n )\n\n const { t } = useTranslation()\n const [internalOperatorOption, setInternalOperatorOption] = useState<Operator>(operator)\n const [internalQueryValue, setInternalQueryValue] = useState<string>(initialValue)\n\n const debouncedValue = useDebounce(internalQueryValue, 300)\n\n useEffect(() => {\n // This is to trigger changes when the debounced value changes\n if (\n (internalField?.value || typeof internalField?.value === 'number') &&\n internalOperatorOption &&\n ![null, undefined].includes(debouncedValue)\n ) {\n updateCondition({\n andIndex,\n fieldName: internalField.value,\n operator: internalOperatorOption,\n orIndex,\n value: debouncedValue,\n })\n }\n }, [\n debouncedValue,\n andIndex,\n internalField?.value,\n internalOperatorOption,\n orIndex,\n updateCondition,\n operator,\n ])\n\n const booleanSelect =\n ['exists'].includes(internalOperatorOption) || internalField?.field?.type === 'checkbox'\n\n let valueOptions\n\n if (booleanSelect) {\n valueOptions = [\n { label: t('general:true'), value: 'true' },\n { label: t('general:false'), value: 'false' },\n ]\n } else if (internalField?.field && 'options' in internalField.field) {\n valueOptions = internalField.field.options\n }\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__wrap`}>\n <div className={`${baseClass}__inputs`}>\n <div className={`${baseClass}__field`}>\n <ReactSelect\n isClearable={false}\n onChange={(field: Option) => {\n setInternalField(fields.find((f) => f.value === field.value))\n setInternalOperatorOption(undefined)\n setInternalQueryValue(undefined)\n }}\n options={fields}\n value={fields.find((field) => internalField?.value === field.value) || fields[0]}\n />\n </div>\n <div className={`${baseClass}__operator`}>\n <ReactSelect\n disabled={!internalField?.value && typeof internalField?.value !== 'number'}\n isClearable={false}\n onChange={(operator: Option<Operator>) => {\n setInternalOperatorOption(operator.value)\n }}\n options={internalField?.operators}\n value={\n internalField?.operators.find(\n (operator) => internalOperatorOption === operator.value,\n ) || null\n }\n />\n </div>\n <div className={`${baseClass}__value`}>\n {RenderedFilter || (\n <DefaultFilter\n booleanSelect={booleanSelect}\n disabled={!internalOperatorOption}\n internalField={internalField}\n onChange={setInternalQueryValue}\n operator={internalOperatorOption}\n options={valueOptions}\n value={internalQueryValue ?? ''}\n />\n )}\n </div>\n </div>\n <div className={`${baseClass}__actions`}>\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__actions-remove`}\n icon=\"x\"\n iconStyle=\"with-border\"\n onClick={() =>\n removeCondition({\n andIndex,\n orIndex,\n })\n }\n round\n />\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__actions-add`}\n icon=\"plus\"\n iconStyle=\"with-border\"\n onClick={() =>\n addCondition({\n andIndex: andIndex + 1,\n fieldName: fields[0].value,\n orIndex,\n relation: 'and',\n })\n }\n round\n />\n </div>\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useState","useDebounce","useTranslation","Button","ReactSelect","DefaultFilter","baseClass","Condition","props","addCondition","andIndex","fieldName","fields","initialValue","operator","orIndex","removeCondition","RenderedFilter","updateCondition","options","filter","field","admin","disableListFilter","internalField","setInternalField","find","value","t","internalOperatorOption","setInternalOperatorOption","internalQueryValue","setInternalQueryValue","debouncedValue","undefined","includes","booleanSelect","type","valueOptions","label","disabled","_jsx","className","_jsxs","isClearable","onChange","f","operators","buttonStyle","icon","iconStyle","onClick","round","relation"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport type { FieldCondition } from '../types.js'\n\nexport type Props = {\n readonly addCondition: ({\n andIndex,\n fieldName,\n orIndex,\n relation,\n }: {\n andIndex: number\n fieldName: string\n orIndex: number\n relation: 'and' | 'or'\n }) => void\n readonly andIndex: number\n readonly fieldName: string\n readonly fields: FieldCondition[]\n readonly initialValue: string\n readonly operator: Operator\n readonly orIndex: number\n readonly removeCondition: ({ andIndex, orIndex }: { andIndex: number; orIndex: number }) => void\n readonly RenderedFilter: React.ReactNode\n readonly updateCondition: ({\n andIndex,\n fieldName,\n operator,\n orIndex,\n value,\n }: {\n andIndex: number\n fieldName: string\n operator: string\n orIndex: number\n value: string\n }) => void\n}\n\nimport type { Operator } from 'payload'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n const {\n addCondition,\n andIndex,\n fieldName,\n fields,\n initialValue,\n operator,\n orIndex,\n removeCondition,\n RenderedFilter,\n updateCondition,\n } = props\n\n const options = useMemo(() => {\n return fields.filter(({ field }) => !field.admin.disableListFilter)\n }, [fields])\n\n const [internalField, setInternalField] = useState<FieldCondition>(() =>\n fields.find((field) => fieldName === field.value),\n )\n\n const { t } = useTranslation()\n const [internalOperatorOption, setInternalOperatorOption] = useState<Operator>(operator)\n const [internalQueryValue, setInternalQueryValue] = useState<string>(initialValue)\n\n const debouncedValue = useDebounce(internalQueryValue, 300)\n\n useEffect(() => {\n // This is to trigger changes when the debounced value changes\n if (\n (internalField?.value || typeof internalField?.value === 'number') &&\n internalOperatorOption &&\n ![null, undefined].includes(debouncedValue)\n ) {\n updateCondition({\n andIndex,\n fieldName: internalField.value,\n operator: internalOperatorOption,\n orIndex,\n value: debouncedValue,\n })\n }\n }, [\n debouncedValue,\n andIndex,\n internalField?.value,\n internalOperatorOption,\n orIndex,\n updateCondition,\n operator,\n ])\n\n const booleanSelect =\n ['exists'].includes(internalOperatorOption) || internalField?.field?.type === 'checkbox'\n\n let valueOptions\n\n if (booleanSelect) {\n valueOptions = [\n { label: t('general:true'), value: 'true' },\n { label: t('general:false'), value: 'false' },\n ]\n } else if (internalField?.field && 'options' in internalField.field) {\n valueOptions = internalField.field.options\n }\n\n const disabled =\n (!internalField?.value && typeof internalField?.value !== 'number') ||\n internalField?.field?.admin?.disableListFilter\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__wrap`}>\n <div className={`${baseClass}__inputs`}>\n <div className={`${baseClass}__field`}>\n <ReactSelect\n disabled={disabled}\n isClearable={false}\n onChange={(field: Option) => {\n setInternalField(fields.find((f) => f.value === field.value))\n setInternalOperatorOption(undefined)\n setInternalQueryValue(undefined)\n }}\n options={options}\n value={\n fields.find((field) => internalField?.value === field.value) || {\n value: internalField?.value,\n }\n }\n />\n </div>\n <div className={`${baseClass}__operator`}>\n <ReactSelect\n disabled={disabled}\n isClearable={false}\n onChange={(operator: Option<Operator>) => {\n setInternalOperatorOption(operator.value)\n }}\n options={internalField?.operators}\n value={\n internalField?.operators.find(\n (operator) => internalOperatorOption === operator.value,\n ) || null\n }\n />\n </div>\n <div className={`${baseClass}__value`}>\n {RenderedFilter || (\n <DefaultFilter\n booleanSelect={booleanSelect}\n disabled={!internalOperatorOption || internalField?.field?.admin?.disableListFilter}\n internalField={internalField}\n onChange={setInternalQueryValue}\n operator={internalOperatorOption}\n options={valueOptions}\n value={internalQueryValue ?? ''}\n />\n )}\n </div>\n </div>\n <div className={`${baseClass}__actions`}>\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__actions-remove`}\n icon=\"x\"\n iconStyle=\"with-border\"\n onClick={() =>\n removeCondition({\n andIndex,\n orIndex,\n })\n }\n round\n />\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__actions-add`}\n icon=\"plus\"\n iconStyle=\"with-border\"\n onClick={() =>\n addCondition({\n andIndex: andIndex + 1,\n fieldName: fields[0].value,\n orIndex,\n relation: 'and',\n })\n }\n round\n />\n </div>\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -16,7 +16,7 @@ export const reduceClientFields = ({
|
|
|
16
16
|
pathPrefix
|
|
17
17
|
}) => {
|
|
18
18
|
return fields.reduce((reduced, field) => {
|
|
19
|
-
if (
|
|
19
|
+
if (fieldIsHiddenOrDisabled(field) && !fieldIsID(field)) {
|
|
20
20
|
return reduced;
|
|
21
21
|
}
|
|
22
22
|
if (field.type === 'tabs' && 'tabs' in field) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reduceClientFields.js","names":["getTranslation","fieldIsHiddenOrDisabled","fieldIsID","tabHasName","createNestedClientFieldPath","combineLabel","fieldTypes","reduceClientFields","fields","i18n","labelPrefix","pathPrefix","reduce","reduced","field","
|
|
1
|
+
{"version":3,"file":"reduceClientFields.js","names":["getTranslation","fieldIsHiddenOrDisabled","fieldIsID","tabHasName","createNestedClientFieldPath","combineLabel","fieldTypes","reduceClientFields","fields","i18n","labelPrefix","pathPrefix","reduce","reduced","field","type","tabs","forEach","tab","label","localizedTabLabel","labelWithPrefix","tabPathPrefix","name","push","translatedLabel","pathWithPrefix","operatorKeys","Set","operators","acc","operator","has","value","add","operatorKey","t","localizedLabel","formattedLabel","prefix","formattedValue","formattedField"],"sources":["../../../src/elements/WhereBuilder/reduceClientFields.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys, I18nClient } from '@payloadcms/translations'\nimport type { ClientField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsHiddenOrDisabled, fieldIsID, tabHasName } from 'payload/shared'\n\nimport type { FieldCondition } from './types.js'\n\nimport { createNestedClientFieldPath } from '../../forms/Form/createNestedClientFieldPath.js'\nimport { combineLabel } from '../FieldSelect/index.js'\nimport fieldTypes from './field-types.js'\n\nexport type ReduceClientFieldsArgs = {\n fields: ClientField[]\n i18n: I18nClient\n labelPrefix?: string\n pathPrefix?: string\n}\n\n/**\n * Reduces a field map to a flat array of fields with labels and values.\n * Used in the WhereBuilder component to render the fields in the dropdown.\n */\nexport const reduceClientFields = ({\n fields,\n i18n,\n labelPrefix,\n pathPrefix,\n}: ReduceClientFieldsArgs): FieldCondition[] => {\n return fields.reduce((reduced, field) => {\n if (fieldIsHiddenOrDisabled(field) && !fieldIsID(field)) {\n return reduced\n }\n\n if (field.type === 'tabs' && 'tabs' in field) {\n const tabs = field.tabs\n\n tabs.forEach((tab) => {\n if (typeof tab.label !== 'boolean') {\n const localizedTabLabel = getTranslation(tab.label, i18n)\n\n const labelWithPrefix = labelPrefix\n ? labelPrefix + ' > ' + localizedTabLabel\n : localizedTabLabel\n\n // Make sure we handle nested tabs\n const tabPathPrefix =\n tabHasName(tab) && tab.name\n ? pathPrefix\n ? pathPrefix + '.' + tab.name\n : tab.name\n : pathPrefix\n\n if (typeof localizedTabLabel === 'string') {\n reduced.push(\n ...reduceClientFields({\n fields: tab.fields,\n i18n,\n labelPrefix: labelWithPrefix,\n pathPrefix: tabPathPrefix,\n }),\n )\n }\n }\n })\n return reduced\n }\n\n // Rows cant have labels, so we need to handle them differently\n if (field.type === 'row' && 'fields' in field) {\n reduced.push(\n ...reduceClientFields({\n fields: field.fields,\n i18n,\n labelPrefix,\n pathPrefix,\n }),\n )\n return reduced\n }\n\n if (field.type === 'collapsible' && 'fields' in field) {\n const localizedTabLabel = getTranslation(field.label || '', i18n)\n\n const labelWithPrefix = labelPrefix\n ? labelPrefix + ' > ' + localizedTabLabel\n : localizedTabLabel\n\n reduced.push(\n ...reduceClientFields({\n fields: field.fields,\n i18n,\n labelPrefix: labelWithPrefix,\n pathPrefix,\n }),\n )\n return reduced\n }\n\n if (field.type === 'group' && 'fields' in field) {\n const translatedLabel = getTranslation(field.label || '', i18n)\n\n const labelWithPrefix = labelPrefix\n ? translatedLabel\n ? labelPrefix + ' > ' + translatedLabel\n : labelPrefix\n : translatedLabel\n\n // Make sure we handle deeply nested groups\n const pathWithPrefix = field.name\n ? pathPrefix\n ? pathPrefix + '.' + field.name\n : field.name\n : pathPrefix\n\n reduced.push(\n ...reduceClientFields({\n fields: field.fields,\n i18n,\n labelPrefix: labelWithPrefix,\n pathPrefix: pathWithPrefix,\n }),\n )\n return reduced\n }\n\n if (typeof fieldTypes[field.type] === 'object') {\n const operatorKeys = new Set()\n const operators = fieldTypes[field.type].operators.reduce((acc, operator) => {\n if (!operatorKeys.has(operator.value)) {\n operatorKeys.add(operator.value)\n const operatorKey = `operators:${operator.label}` as ClientTranslationKeys\n acc.push({\n ...operator,\n label: i18n.t(operatorKey),\n })\n }\n return acc\n }, [])\n\n const localizedLabel = getTranslation(field.label || '', i18n)\n\n const formattedLabel = labelPrefix\n ? combineLabel({\n field,\n prefix: labelPrefix,\n })\n : localizedLabel\n\n const formattedValue = pathPrefix\n ? createNestedClientFieldPath(pathPrefix, field)\n : field.name\n\n const formattedField: FieldCondition = {\n label: formattedLabel,\n value: formattedValue,\n ...fieldTypes[field.type],\n field,\n operators,\n }\n\n reduced.push(formattedField)\n return reduced\n }\n return reduced\n }, [])\n}\n"],"mappings":"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","ignoreList":[]}
|