@payloadcms/ui 3.0.0-beta.133 → 3.0.0-beta.135
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/assets/payload-favicon-dark.png +0 -0
- package/dist/assets/payload-favicon-light.png +0 -0
- package/dist/assets/payload-favicon.svg +4 -4
- package/dist/assets/payload-logo-dark.svg +1 -23
- package/dist/assets/payload-logo-light.svg +1 -23
- package/dist/assets/static-og-image.png +0 -0
- package/dist/elements/RelationshipTable/index.d.ts +1 -0
- package/dist/elements/RelationshipTable/index.d.ts.map +1 -1
- package/dist/elements/RelationshipTable/index.js +3 -2
- package/dist/elements/RelationshipTable/index.js.map +1 -1
- package/dist/elements/RenderServerComponent/index.d.ts +0 -6
- package/dist/elements/RenderServerComponent/index.d.ts.map +1 -1
- package/dist/elements/RenderServerComponent/index.js +1 -24
- package/dist/elements/RenderServerComponent/index.js.map +1 -1
- package/dist/elements/WhereBuilder/Condition/DefaultFilter/index.js +1 -1
- package/dist/elements/WhereBuilder/Condition/DefaultFilter/index.js.map +1 -1
- package/dist/exports/client/index.js +22 -22
- package/dist/exports/client/index.js.map +4 -4
- package/dist/exports/shared/index.d.ts +1 -0
- package/dist/exports/shared/index.d.ts.map +1 -1
- package/dist/exports/shared/index.js +2 -2
- package/dist/exports/shared/index.js.map +4 -4
- package/dist/fields/Checkbox/index.d.ts.map +1 -1
- package/dist/fields/Checkbox/index.js +71 -183
- package/dist/fields/Checkbox/index.js.map +1 -1
- package/dist/fields/Code/index.d.ts.map +1 -1
- package/dist/fields/Code/index.js +68 -170
- package/dist/fields/Code/index.js.map +1 -1
- package/dist/fields/Collapsible/index.d.ts.map +1 -1
- package/dist/fields/Collapsible/index.js +100 -207
- package/dist/fields/Collapsible/index.js.map +1 -1
- package/dist/fields/DateTime/index.d.ts.map +1 -1
- package/dist/fields/DateTime/index.js +72 -162
- package/dist/fields/DateTime/index.js.map +1 -1
- package/dist/fields/Email/index.d.ts.map +1 -1
- package/dist/fields/Email/index.js +72 -161
- package/dist/fields/Email/index.js.map +1 -1
- package/dist/fields/Group/index.d.ts.map +1 -1
- package/dist/fields/Group/index.js +64 -152
- package/dist/fields/Group/index.js.map +1 -1
- package/dist/fields/JSON/index.d.ts.map +1 -1
- package/dist/fields/JSON/index.js +7 -10
- package/dist/fields/JSON/index.js.map +1 -1
- package/dist/fields/Join/index.d.ts.map +1 -1
- package/dist/fields/Join/index.js +5 -2
- package/dist/fields/Join/index.js.map +1 -1
- package/dist/fields/Number/index.d.ts.map +1 -1
- package/dist/fields/Number/index.js +143 -275
- package/dist/fields/Number/index.js.map +1 -1
- package/dist/fields/Password/index.d.ts.map +1 -1
- package/dist/fields/Password/index.js +79 -166
- package/dist/fields/Password/index.js.map +1 -1
- package/dist/fields/Point/index.d.ts.map +1 -1
- package/dist/fields/Point/index.js +110 -235
- package/dist/fields/Point/index.js.map +1 -1
- package/dist/fields/RadioGroup/index.d.ts.map +1 -1
- package/dist/fields/RadioGroup/index.js +93 -209
- package/dist/fields/RadioGroup/index.js.map +1 -1
- package/dist/fields/Relationship/index.d.ts.map +1 -1
- package/dist/fields/Relationship/index.js +7 -10
- package/dist/fields/Relationship/index.js.map +1 -1
- package/dist/fields/Select/Input.d.ts +0 -1
- package/dist/fields/Select/Input.d.ts.map +1 -1
- package/dist/fields/Select/Input.js +45 -50
- package/dist/fields/Select/Input.js.map +1 -1
- package/dist/fields/Select/index.d.ts.map +1 -1
- package/dist/fields/Select/index.js +7 -7
- package/dist/fields/Select/index.js.map +1 -1
- package/dist/fields/Text/Input.d.ts.map +1 -1
- package/dist/fields/Text/Input.js +31 -36
- package/dist/fields/Text/Input.js.map +1 -1
- package/dist/fields/Text/index.d.ts +1 -1
- package/dist/fields/Text/index.d.ts.map +1 -1
- package/dist/fields/Text/index.js +93 -171
- package/dist/fields/Text/index.js.map +1 -1
- package/dist/fields/Text/types.d.ts +0 -1
- package/dist/fields/Text/types.d.ts.map +1 -1
- package/dist/fields/Text/types.js.map +1 -1
- package/dist/fields/Textarea/Input.d.ts.map +1 -1
- package/dist/fields/Textarea/Input.js +26 -31
- package/dist/fields/Textarea/Input.js.map +1 -1
- package/dist/fields/Textarea/index.d.ts.map +1 -1
- package/dist/fields/Textarea/index.js +62 -112
- package/dist/fields/Textarea/index.js.map +1 -1
- package/dist/fields/Textarea/types.d.ts +0 -1
- package/dist/fields/Textarea/types.d.ts.map +1 -1
- package/dist/fields/Textarea/types.js.map +1 -1
- package/dist/fields/Upload/Input.d.ts +0 -1
- package/dist/fields/Upload/Input.d.ts.map +1 -1
- package/dist/fields/Upload/Input.js +41 -46
- package/dist/fields/Upload/Input.js.map +1 -1
- package/dist/fields/Upload/index.d.ts.map +1 -1
- package/dist/fields/Upload/index.js +63 -135
- package/dist/fields/Upload/index.js.map +1 -1
- package/dist/fields/mergeFieldStyles.d.ts +3 -0
- package/dist/fields/mergeFieldStyles.d.ts.map +1 -0
- package/dist/fields/mergeFieldStyles.js +13 -0
- package/dist/fields/mergeFieldStyles.js.map +1 -0
- package/dist/forms/Form/index.d.ts.map +1 -1
- package/dist/forms/Form/index.js +3 -3
- package/dist/forms/Form/index.js.map +1 -1
- package/dist/forms/Submit/index.d.ts.map +1 -1
- package/dist/forms/Submit/index.js +7 -2
- package/dist/forms/Submit/index.js.map +1 -1
- package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.d.ts.map +1 -1
- package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.js +3 -0
- package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.js.map +1 -1
- package/dist/forms/fieldSchemasToFormState/renderField.d.ts.map +1 -1
- package/dist/forms/fieldSchemasToFormState/renderField.js +40 -9
- package/dist/forms/fieldSchemasToFormState/renderField.js.map +1 -1
- package/dist/forms/fieldSchemasToFormState/types.d.ts +4 -1
- package/dist/forms/fieldSchemasToFormState/types.d.ts.map +1 -1
- package/dist/forms/fieldSchemasToFormState/types.js.map +1 -1
- package/dist/graphics/Icon/index.d.ts.map +1 -1
- package/dist/graphics/Icon/index.js +2 -2
- package/dist/graphics/Icon/index.js.map +1 -1
- package/dist/graphics/Logo/index.d.ts.map +1 -1
- package/dist/graphics/Logo/index.js +30 -21
- package/dist/graphics/Logo/index.js.map +1 -1
- package/dist/utilities/buildFormState.d.ts +0 -4
- package/dist/utilities/buildFormState.d.ts.map +1 -1
- package/dist/utilities/buildFormState.js +1 -15
- package/dist/utilities/buildFormState.js.map +1 -1
- package/dist/utilities/buildTableState.d.ts +2 -1
- package/dist/utilities/buildTableState.d.ts.map +1 -1
- package/dist/utilities/buildTableState.js +7 -4
- package/dist/utilities/buildTableState.js.map +1 -1
- package/package.json +15 -5
|
@@ -1,9 +1,8 @@
|
|
|
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
4
|
import { getTranslation } from '@payloadcms/translations';
|
|
6
|
-
import React, { Fragment, useCallback, useEffect, useState } from 'react';
|
|
5
|
+
import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
|
|
7
6
|
import { Collapsible as CollapsibleElement } from '../../elements/Collapsible/index.js';
|
|
8
7
|
import { ErrorPill } from '../../elements/ErrorPill/index.js';
|
|
9
8
|
import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
|
|
@@ -16,14 +15,22 @@ import { withCondition } from '../../forms/withCondition/index.js';
|
|
|
16
15
|
import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
|
|
17
16
|
import { usePreferences } from '../../providers/Preferences/index.js';
|
|
18
17
|
import { useTranslation } from '../../providers/Translation/index.js';
|
|
19
|
-
import {
|
|
18
|
+
import { mergeFieldStyles } from '../mergeFieldStyles.js';
|
|
20
19
|
import './index.scss';
|
|
20
|
+
import { fieldBaseClass } from '../shared/index.js';
|
|
21
21
|
const baseClass = 'collapsible-field';
|
|
22
22
|
const CollapsibleFieldComponent = props => {
|
|
23
|
-
const $ = _c(45);
|
|
24
23
|
const {
|
|
25
24
|
field,
|
|
26
|
-
field:
|
|
25
|
+
field: {
|
|
26
|
+
admin: {
|
|
27
|
+
className,
|
|
28
|
+
description,
|
|
29
|
+
initCollapsed = false
|
|
30
|
+
} = {},
|
|
31
|
+
fields,
|
|
32
|
+
label
|
|
33
|
+
} = {},
|
|
27
34
|
indexPath,
|
|
28
35
|
parentPath,
|
|
29
36
|
parentSchemaPath,
|
|
@@ -31,33 +38,6 @@ const CollapsibleFieldComponent = props => {
|
|
|
31
38
|
permissions,
|
|
32
39
|
readOnly
|
|
33
40
|
} = props;
|
|
34
|
-
let t1;
|
|
35
|
-
if ($[0] !== t0) {
|
|
36
|
-
t1 = t0 === undefined ? {} : t0;
|
|
37
|
-
$[0] = t0;
|
|
38
|
-
$[1] = t1;
|
|
39
|
-
} else {
|
|
40
|
-
t1 = $[1];
|
|
41
|
-
}
|
|
42
|
-
const {
|
|
43
|
-
admin: t2,
|
|
44
|
-
fields,
|
|
45
|
-
label
|
|
46
|
-
} = t1;
|
|
47
|
-
let t3;
|
|
48
|
-
if ($[2] !== t2) {
|
|
49
|
-
t3 = t2 === undefined ? {} : t2;
|
|
50
|
-
$[2] = t2;
|
|
51
|
-
$[3] = t3;
|
|
52
|
-
} else {
|
|
53
|
-
t3 = $[3];
|
|
54
|
-
}
|
|
55
|
-
const {
|
|
56
|
-
className,
|
|
57
|
-
description,
|
|
58
|
-
initCollapsed: t4
|
|
59
|
-
} = t3;
|
|
60
|
-
const initCollapsed = t4 === undefined ? false : t4;
|
|
61
41
|
const {
|
|
62
42
|
i18n
|
|
63
43
|
} = useTranslation();
|
|
@@ -69,193 +49,106 @@ const CollapsibleFieldComponent = props => {
|
|
|
69
49
|
preferencesKey
|
|
70
50
|
} = useDocumentInfo();
|
|
71
51
|
const [collapsedOnMount, setCollapsedOnMount] = useState();
|
|
72
|
-
const fieldPreferencesKey = `collapsible-${path?.replace(/\./g,
|
|
52
|
+
const fieldPreferencesKey = `collapsible-${path?.replace(/\./g, '__')}`;
|
|
73
53
|
const [errorCount, setErrorCount] = useState(0);
|
|
74
54
|
const fieldHasErrors = errorCount > 0;
|
|
75
|
-
let t5;
|
|
76
|
-
if ($[4] !== path) {
|
|
77
|
-
t5 = {
|
|
78
|
-
path
|
|
79
|
-
};
|
|
80
|
-
$[4] = path;
|
|
81
|
-
$[5] = t5;
|
|
82
|
-
} else {
|
|
83
|
-
t5 = $[5];
|
|
84
|
-
}
|
|
85
55
|
const {
|
|
86
|
-
customComponents:
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
if (preferencesKey) {
|
|
105
|
-
setPreference(preferencesKey, {
|
|
106
|
-
...existingPreferences,
|
|
107
|
-
...(path ? {
|
|
108
|
-
fields: {
|
|
109
|
-
...(existingPreferences?.fields || {}),
|
|
110
|
-
[path]: {
|
|
111
|
-
...existingPreferences?.fields?.[path],
|
|
112
|
-
collapsed: newCollapsedState
|
|
113
|
-
}
|
|
56
|
+
customComponents: {
|
|
57
|
+
Description,
|
|
58
|
+
Label
|
|
59
|
+
} = {}
|
|
60
|
+
} = useField({
|
|
61
|
+
path
|
|
62
|
+
});
|
|
63
|
+
const onToggle = useCallback(async newCollapsedState => {
|
|
64
|
+
const existingPreferences = await getPreference(preferencesKey);
|
|
65
|
+
if (preferencesKey) {
|
|
66
|
+
void setPreference(preferencesKey, {
|
|
67
|
+
...existingPreferences,
|
|
68
|
+
...(path ? {
|
|
69
|
+
fields: {
|
|
70
|
+
...(existingPreferences?.fields || {}),
|
|
71
|
+
[path]: {
|
|
72
|
+
...existingPreferences?.fields?.[path],
|
|
73
|
+
collapsed: newCollapsedState
|
|
114
74
|
}
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
75
|
+
}
|
|
76
|
+
} : {
|
|
77
|
+
fields: {
|
|
78
|
+
...(existingPreferences?.fields || {}),
|
|
79
|
+
[fieldPreferencesKey]: {
|
|
80
|
+
...existingPreferences?.fields?.[fieldPreferencesKey],
|
|
81
|
+
collapsed: newCollapsedState
|
|
122
82
|
}
|
|
123
|
-
})
|
|
124
|
-
});
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
$[8] = getPreference;
|
|
128
|
-
$[9] = preferencesKey;
|
|
129
|
-
$[10] = setPreference;
|
|
130
|
-
$[11] = path;
|
|
131
|
-
$[12] = fieldPreferencesKey;
|
|
132
|
-
$[13] = t8;
|
|
133
|
-
} else {
|
|
134
|
-
t8 = $[13];
|
|
135
|
-
}
|
|
136
|
-
const onToggle = t8;
|
|
137
|
-
let t9;
|
|
138
|
-
let t10;
|
|
139
|
-
if ($[14] !== preferencesKey || $[15] !== getPreference || $[16] !== path || $[17] !== fieldPreferencesKey || $[18] !== initCollapsed) {
|
|
140
|
-
t9 = () => {
|
|
141
|
-
const fetchInitialState = async () => {
|
|
142
|
-
if (preferencesKey) {
|
|
143
|
-
const preferences = await getPreference(preferencesKey);
|
|
144
|
-
const specificPreference = path ? preferences?.fields?.[path]?.collapsed : preferences?.fields?.[fieldPreferencesKey]?.collapsed;
|
|
145
|
-
if (specificPreference !== undefined) {
|
|
146
|
-
setCollapsedOnMount(Boolean(specificPreference));
|
|
147
|
-
} else {
|
|
148
|
-
setCollapsedOnMount(typeof initCollapsed === "boolean" ? initCollapsed : false);
|
|
149
83
|
}
|
|
84
|
+
})
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
}, [preferencesKey, fieldPreferencesKey, getPreference, setPreference, path]);
|
|
88
|
+
useEffect(() => {
|
|
89
|
+
const fetchInitialState = async () => {
|
|
90
|
+
if (preferencesKey) {
|
|
91
|
+
const preferences = await getPreference(preferencesKey);
|
|
92
|
+
const specificPreference = path ? preferences?.fields?.[path]?.collapsed : preferences?.fields?.[fieldPreferencesKey]?.collapsed;
|
|
93
|
+
if (specificPreference !== undefined) {
|
|
94
|
+
setCollapsedOnMount(Boolean(specificPreference));
|
|
150
95
|
} else {
|
|
151
|
-
setCollapsedOnMount(typeof initCollapsed ===
|
|
96
|
+
setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false);
|
|
152
97
|
}
|
|
153
|
-
}
|
|
154
|
-
|
|
98
|
+
} else {
|
|
99
|
+
setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false);
|
|
100
|
+
}
|
|
155
101
|
};
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
$[17] = fieldPreferencesKey;
|
|
161
|
-
$[18] = initCollapsed;
|
|
162
|
-
$[19] = t9;
|
|
163
|
-
$[20] = t10;
|
|
164
|
-
} else {
|
|
165
|
-
t9 = $[19];
|
|
166
|
-
t10 = $[20];
|
|
167
|
-
}
|
|
168
|
-
useEffect(t9, t10);
|
|
169
|
-
if (typeof collapsedOnMount !== "boolean") {
|
|
102
|
+
void fetchInitialState();
|
|
103
|
+
}, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path]);
|
|
104
|
+
const styles = useMemo(() => mergeFieldStyles(field), [field]);
|
|
105
|
+
if (typeof collapsedOnMount !== 'boolean') {
|
|
170
106
|
return null;
|
|
171
107
|
}
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
}),
|
|
214
|
-
initCollapsed: collapsedOnMount,
|
|
215
|
-
onToggle,
|
|
216
|
-
children: _jsx(RenderFields, {
|
|
217
|
-
fields,
|
|
218
|
-
margins: "small",
|
|
219
|
-
parentIndexPath: indexPath,
|
|
220
|
-
parentPath,
|
|
221
|
-
parentSchemaPath,
|
|
222
|
-
permissions,
|
|
223
|
-
readOnly
|
|
224
|
-
})
|
|
225
|
-
}), _jsx(RenderCustomComponent, {
|
|
226
|
-
CustomComponent: Description,
|
|
227
|
-
Fallback: _jsx(FieldDescription, {
|
|
228
|
-
description,
|
|
229
|
-
path
|
|
230
|
-
})
|
|
231
|
-
})]
|
|
108
|
+
return /*#__PURE__*/_jsxs(Fragment, {
|
|
109
|
+
children: [/*#__PURE__*/_jsx(WatchChildErrors, {
|
|
110
|
+
fields: fields,
|
|
111
|
+
path: path.split('.'),
|
|
112
|
+
setErrorCount: setErrorCount
|
|
113
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
114
|
+
className: [fieldBaseClass, baseClass, className, fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`].filter(Boolean).join(' '),
|
|
115
|
+
id: `field-${fieldPreferencesKey}`,
|
|
116
|
+
style: styles,
|
|
117
|
+
children: [/*#__PURE__*/_jsx(CollapsibleElement, {
|
|
118
|
+
className: `${baseClass}__collapsible`,
|
|
119
|
+
collapsibleStyle: fieldHasErrors ? 'error' : 'default',
|
|
120
|
+
header: /*#__PURE__*/_jsxs("div", {
|
|
121
|
+
className: `${baseClass}__row-label-wrap`,
|
|
122
|
+
children: [/*#__PURE__*/_jsx(RowLabel, {
|
|
123
|
+
CustomComponent: Label,
|
|
124
|
+
label: getTranslation(label, i18n),
|
|
125
|
+
path: path
|
|
126
|
+
}), fieldHasErrors && /*#__PURE__*/_jsx(ErrorPill, {
|
|
127
|
+
count: errorCount,
|
|
128
|
+
i18n: i18n,
|
|
129
|
+
withMessage: true
|
|
130
|
+
})]
|
|
131
|
+
}),
|
|
132
|
+
initCollapsed: collapsedOnMount,
|
|
133
|
+
onToggle: onToggle,
|
|
134
|
+
children: /*#__PURE__*/_jsx(RenderFields, {
|
|
135
|
+
fields: fields,
|
|
136
|
+
margins: "small",
|
|
137
|
+
parentIndexPath: indexPath,
|
|
138
|
+
parentPath: parentPath,
|
|
139
|
+
parentSchemaPath: parentSchemaPath,
|
|
140
|
+
permissions: permissions,
|
|
141
|
+
readOnly: readOnly
|
|
142
|
+
})
|
|
143
|
+
}), /*#__PURE__*/_jsx(RenderCustomComponent, {
|
|
144
|
+
CustomComponent: Description,
|
|
145
|
+
Fallback: /*#__PURE__*/_jsx(FieldDescription, {
|
|
146
|
+
description: description,
|
|
147
|
+
path: path
|
|
148
|
+
})
|
|
232
149
|
})]
|
|
233
|
-
})
|
|
234
|
-
|
|
235
|
-
$[22] = field.admin.width;
|
|
236
|
-
$[23] = path;
|
|
237
|
-
$[24] = fields;
|
|
238
|
-
$[25] = fieldHasErrors;
|
|
239
|
-
$[26] = className;
|
|
240
|
-
$[27] = fieldPreferencesKey;
|
|
241
|
-
$[28] = label;
|
|
242
|
-
$[29] = i18n;
|
|
243
|
-
$[30] = Label;
|
|
244
|
-
$[31] = errorCount;
|
|
245
|
-
$[32] = indexPath;
|
|
246
|
-
$[33] = parentPath;
|
|
247
|
-
$[34] = parentSchemaPath;
|
|
248
|
-
$[35] = permissions;
|
|
249
|
-
$[36] = readOnly;
|
|
250
|
-
$[37] = collapsedOnMount;
|
|
251
|
-
$[38] = onToggle;
|
|
252
|
-
$[39] = description;
|
|
253
|
-
$[40] = Description;
|
|
254
|
-
$[41] = t12;
|
|
255
|
-
} else {
|
|
256
|
-
t12 = $[41];
|
|
257
|
-
}
|
|
258
|
-
return t12;
|
|
150
|
+
})]
|
|
151
|
+
});
|
|
259
152
|
};
|
|
260
153
|
export const CollapsibleField = withCondition(CollapsibleFieldComponent);
|
|
261
154
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useCallback","useEffect","useState","Collapsible","CollapsibleElement","ErrorPill","RenderCustomComponent","FieldDescription","RenderFields","RowLabel","useField","WatchChildErrors","withCondition","useDocumentInfo","usePreferences","useTranslation","fieldBaseClass","baseClass","CollapsibleFieldComponent","props","$","field","t0","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","t1","undefined","admin","t2","fields","label","t3","className","description","initCollapsed","t4","i18n","getPreference","setPreference","preferencesKey","collapsedOnMount","setCollapsedOnMount","fieldPreferencesKey","replace","errorCount","setErrorCount","fieldHasErrors","t5","customComponents","t6","t7","Description","Label","t8","newCollapsedState","existingPreferences","collapsed","onToggle","t9","t10","fetchInitialState","preferences","specificPreference","Boolean","t11","style","t12","width","t13","_jsx","split","t14","t15","filter","_jsxs","children","join","id","collapsibleStyle","header","CustomComponent","count","withMessage","margins","parentIndexPath","Fallback","CollapsibleField"],"sources":["../../../src/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { AdminClient, CollapsibleFieldClientComponent, DocumentPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport { Collapsible as CollapsibleElement } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { WatchChildErrors } from '../../forms/WatchChildErrors/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'collapsible-field'\n\nconst CollapsibleFieldComponent: CollapsibleFieldClientComponent = (props) => {\n const {\n field,\n field: { admin: { className, description, initCollapsed = false } = {}, fields, label } = {},\n indexPath,\n parentPath,\n parentSchemaPath,\n path,\n permissions,\n readOnly,\n } = props\n\n const { i18n } = useTranslation()\n const { getPreference, setPreference } = usePreferences()\n const { preferencesKey } = useDocumentInfo()\n const [collapsedOnMount, setCollapsedOnMount] = useState<boolean>()\n const fieldPreferencesKey = `collapsible-${path?.replace(/\\./g, '__')}`\n const [errorCount, setErrorCount] = useState(0)\n const fieldHasErrors = errorCount > 0\n\n const { customComponents: { Description, Label } = {} } = useField({\n path,\n })\n\n const onToggle = useCallback(\n async (newCollapsedState: boolean): Promise<void> => {\n const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n if (preferencesKey) {\n void setPreference(preferencesKey, {\n ...existingPreferences,\n ...(path\n ? {\n fields: {\n ...(existingPreferences?.fields || {}),\n [path]: {\n ...existingPreferences?.fields?.[path],\n collapsed: newCollapsedState,\n },\n },\n }\n : {\n fields: {\n ...(existingPreferences?.fields || {}),\n [fieldPreferencesKey]: {\n ...existingPreferences?.fields?.[fieldPreferencesKey],\n collapsed: newCollapsedState,\n },\n },\n }),\n })\n }\n },\n [preferencesKey, fieldPreferencesKey, getPreference, setPreference, path],\n )\n\n useEffect(() => {\n const fetchInitialState = async () => {\n if (preferencesKey) {\n const preferences = await getPreference(preferencesKey)\n const specificPreference = path\n ? preferences?.fields?.[path]?.collapsed\n : preferences?.fields?.[fieldPreferencesKey]?.collapsed\n\n if (specificPreference !== undefined) {\n setCollapsedOnMount(Boolean(specificPreference))\n } else {\n setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n }\n } else {\n setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n }\n }\n\n void fetchInitialState()\n }, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path])\n\n if (typeof collapsedOnMount !== 'boolean') {\n return null\n }\n\n const style: AdminClient['style'] = {\n ...field.admin?.style,\n '--field-width': field.admin.width,\n }\n\n return (\n <Fragment>\n <WatchChildErrors fields={fields} path={path.split('.')} setErrorCount={setErrorCount} />\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${fieldPreferencesKey}`}\n style={style}\n >\n <CollapsibleElement\n className={`${baseClass}__collapsible`}\n collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n header={\n <div className={`${baseClass}__row-label-wrap`}>\n <RowLabel CustomComponent={Label} label={getTranslation(label, i18n)} path={path} />\n {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n </div>\n }\n initCollapsed={collapsedOnMount}\n onToggle={onToggle}\n >\n <RenderFields\n fields={fields}\n margins=\"small\"\n parentIndexPath={indexPath}\n parentPath={parentPath}\n parentSchemaPath={parentSchemaPath}\n permissions={permissions}\n readOnly={readOnly}\n />\n </CollapsibleElement>\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n </Fragment>\n )\n}\n\nexport const CollapsibleField = withCondition(CollapsibleFieldComponent)\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["getTranslation","React","Fragment","useCallback","useEffect","useMemo","useState","Collapsible","CollapsibleElement","ErrorPill","RenderCustomComponent","FieldDescription","RenderFields","RowLabel","useField","WatchChildErrors","withCondition","useDocumentInfo","usePreferences","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","CollapsibleFieldComponent","props","field","admin","className","description","initCollapsed","fields","label","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","i18n","getPreference","setPreference","preferencesKey","collapsedOnMount","setCollapsedOnMount","fieldPreferencesKey","replace","errorCount","setErrorCount","fieldHasErrors","customComponents","Description","Label","onToggle","newCollapsedState","existingPreferences","collapsed","fetchInitialState","preferences","specificPreference","undefined","Boolean","styles","_jsxs","_jsx","split","filter","join","id","style","collapsibleStyle","header","CustomComponent","count","withMessage","margins","parentIndexPath","Fallback","CollapsibleField"],"sources":["../../../src/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldClientComponent, DocumentPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { Collapsible as CollapsibleElement } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { WatchChildErrors } from '../../forms/WatchChildErrors/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'collapsible-field'\n\nconst CollapsibleFieldComponent: CollapsibleFieldClientComponent = (props) => {\n const {\n field,\n field: { admin: { className, description, initCollapsed = false } = {}, fields, label } = {},\n indexPath,\n parentPath,\n parentSchemaPath,\n path,\n permissions,\n readOnly,\n } = props\n\n const { i18n } = useTranslation()\n const { getPreference, setPreference } = usePreferences()\n const { preferencesKey } = useDocumentInfo()\n const [collapsedOnMount, setCollapsedOnMount] = useState<boolean>()\n const fieldPreferencesKey = `collapsible-${path?.replace(/\\./g, '__')}`\n const [errorCount, setErrorCount] = useState(0)\n const fieldHasErrors = errorCount > 0\n\n const { customComponents: { Description, Label } = {} } = useField({\n path,\n })\n\n const onToggle = useCallback(\n async (newCollapsedState: boolean): Promise<void> => {\n const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n if (preferencesKey) {\n void setPreference(preferencesKey, {\n ...existingPreferences,\n ...(path\n ? {\n fields: {\n ...(existingPreferences?.fields || {}),\n [path]: {\n ...existingPreferences?.fields?.[path],\n collapsed: newCollapsedState,\n },\n },\n }\n : {\n fields: {\n ...(existingPreferences?.fields || {}),\n [fieldPreferencesKey]: {\n ...existingPreferences?.fields?.[fieldPreferencesKey],\n collapsed: newCollapsedState,\n },\n },\n }),\n })\n }\n },\n [preferencesKey, fieldPreferencesKey, getPreference, setPreference, path],\n )\n\n useEffect(() => {\n const fetchInitialState = async () => {\n if (preferencesKey) {\n const preferences = await getPreference(preferencesKey)\n const specificPreference = path\n ? preferences?.fields?.[path]?.collapsed\n : preferences?.fields?.[fieldPreferencesKey]?.collapsed\n\n if (specificPreference !== undefined) {\n setCollapsedOnMount(Boolean(specificPreference))\n } else {\n setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n }\n } else {\n setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n }\n }\n\n void fetchInitialState()\n }, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path])\n\n const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n if (typeof collapsedOnMount !== 'boolean') {\n return null\n }\n\n return (\n <Fragment>\n <WatchChildErrors fields={fields} path={path.split('.')} setErrorCount={setErrorCount} />\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${fieldPreferencesKey}`}\n style={styles}\n >\n <CollapsibleElement\n className={`${baseClass}__collapsible`}\n collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n header={\n <div className={`${baseClass}__row-label-wrap`}>\n <RowLabel CustomComponent={Label} label={getTranslation(label, i18n)} path={path} />\n {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n </div>\n }\n initCollapsed={collapsedOnMount}\n onToggle={onToggle}\n >\n <RenderFields\n fields={fields}\n margins=\"small\"\n parentIndexPath={indexPath}\n parentPath={parentPath}\n parentSchemaPath={parentSchemaPath}\n permissions={permissions}\n readOnly={readOnly}\n />\n </CollapsibleElement>\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n </Fragment>\n )\n}\n\nexport const CollapsibleField = withCondition(CollapsibleFieldComponent)\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/DateTime/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA4B,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG5E,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/DateTime/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA4B,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG5E,OAAO,KAA+B,MAAM,OAAO,CAAA;AAWnD,OAAO,cAAc,CAAA;AAsFrB,eAAO,MAAM,aAAa;;;;;+EAAwC,CAAA"}
|