@payloadcms/ui 3.29.0-canary.4 → 3.29.0-canary.6

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.
Files changed (101) hide show
  1. package/dist/elements/BulkUpload/EditMany/DrawerContent.d.ts.map +1 -1
  2. package/dist/elements/BulkUpload/EditMany/DrawerContent.js +143 -127
  3. package/dist/elements/BulkUpload/EditMany/DrawerContent.js.map +1 -1
  4. package/dist/elements/BulkUpload/EditMany/index.d.ts.map +1 -1
  5. package/dist/elements/BulkUpload/EditMany/index.js +1 -1
  6. package/dist/elements/BulkUpload/EditMany/index.js.map +1 -1
  7. package/dist/elements/DocumentFields/index.d.ts.map +1 -1
  8. package/dist/elements/DocumentFields/index.js +1 -5
  9. package/dist/elements/DocumentFields/index.js.map +1 -1
  10. package/dist/elements/EditMany/DrawerContent.d.ts +2 -1
  11. package/dist/elements/EditMany/DrawerContent.d.ts.map +1 -1
  12. package/dist/elements/EditMany/DrawerContent.js +107 -118
  13. package/dist/elements/EditMany/DrawerContent.js.map +1 -1
  14. package/dist/elements/EditMany/index.d.ts.map +1 -1
  15. package/dist/elements/EditMany/index.js +6 -5
  16. package/dist/elements/EditMany/index.js.map +1 -1
  17. package/dist/elements/FieldSelect/index.d.ts +12 -2
  18. package/dist/elements/FieldSelect/index.d.ts.map +1 -1
  19. package/dist/elements/FieldSelect/index.js +31 -48
  20. package/dist/elements/FieldSelect/index.js.map +1 -1
  21. package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.d.ts +2 -1
  22. package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.d.ts.map +1 -1
  23. package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.js +4 -1
  24. package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.js.map +1 -1
  25. package/dist/elements/PublishButton/ScheduleDrawer/index.d.ts.map +1 -1
  26. package/dist/elements/PublishButton/ScheduleDrawer/index.js +3 -3
  27. package/dist/elements/PublishButton/ScheduleDrawer/index.js.map +1 -1
  28. package/dist/elements/Table/DefaultCell/fields/File/index.d.ts.map +1 -1
  29. package/dist/elements/Table/DefaultCell/fields/File/index.js +24 -1
  30. package/dist/elements/Table/DefaultCell/fields/File/index.js.map +1 -1
  31. package/dist/elements/Thumbnail/index.js +24 -22
  32. package/dist/elements/Thumbnail/index.js.map +1 -1
  33. package/dist/exports/client/index.js +23 -23
  34. package/dist/exports/client/index.js.map +4 -4
  35. package/dist/fields/Array/index.d.ts.map +1 -1
  36. package/dist/fields/Array/index.js +4 -3
  37. package/dist/fields/Array/index.js.map +1 -1
  38. package/dist/fields/Blocks/index.d.ts.map +1 -1
  39. package/dist/fields/Blocks/index.js +5 -4
  40. package/dist/fields/Blocks/index.js.map +1 -1
  41. package/dist/fields/Checkbox/index.d.ts +1 -1
  42. package/dist/fields/Checkbox/index.d.ts.map +1 -1
  43. package/dist/fields/Checkbox/index.js +4 -3
  44. package/dist/fields/Checkbox/index.js.map +1 -1
  45. package/dist/fields/Code/index.d.ts.map +1 -1
  46. package/dist/fields/Code/index.js +4 -3
  47. package/dist/fields/Code/index.js.map +1 -1
  48. package/dist/fields/Collapsible/index.d.ts.map +1 -1
  49. package/dist/fields/Collapsible/index.js +3 -2
  50. package/dist/fields/Collapsible/index.js.map +1 -1
  51. package/dist/fields/ConfirmPassword/index.js +13 -11
  52. package/dist/fields/ConfirmPassword/index.js.map +1 -1
  53. package/dist/fields/DateTime/index.d.ts.map +1 -1
  54. package/dist/fields/DateTime/index.js +5 -4
  55. package/dist/fields/DateTime/index.js.map +1 -1
  56. package/dist/fields/Email/index.d.ts.map +1 -1
  57. package/dist/fields/Email/index.js +3 -2
  58. package/dist/fields/Email/index.js.map +1 -1
  59. package/dist/fields/Group/index.d.ts.map +1 -1
  60. package/dist/fields/Group/index.js.map +1 -1
  61. package/dist/fields/JSON/index.d.ts.map +1 -1
  62. package/dist/fields/JSON/index.js +5 -4
  63. package/dist/fields/JSON/index.js.map +1 -1
  64. package/dist/fields/Number/index.d.ts.map +1 -1
  65. package/dist/fields/Number/index.js +6 -5
  66. package/dist/fields/Number/index.js.map +1 -1
  67. package/dist/fields/Password/index.d.ts.map +1 -1
  68. package/dist/fields/Password/index.js +2 -4
  69. package/dist/fields/Password/index.js.map +1 -1
  70. package/dist/fields/Point/index.d.ts.map +1 -1
  71. package/dist/fields/Point/index.js +4 -3
  72. package/dist/fields/Point/index.js.map +1 -1
  73. package/dist/fields/RadioGroup/index.d.ts.map +1 -1
  74. package/dist/fields/RadioGroup/index.js +4 -3
  75. package/dist/fields/RadioGroup/index.js.map +1 -1
  76. package/dist/fields/Relationship/index.d.ts.map +1 -1
  77. package/dist/fields/Relationship/index.js +5 -4
  78. package/dist/fields/Relationship/index.js.map +1 -1
  79. package/dist/fields/Select/index.d.ts.map +1 -1
  80. package/dist/fields/Select/index.js +4 -3
  81. package/dist/fields/Select/index.js.map +1 -1
  82. package/dist/fields/Tabs/index.js.map +1 -1
  83. package/dist/fields/Text/index.d.ts.map +1 -1
  84. package/dist/fields/Text/index.js +4 -3
  85. package/dist/fields/Text/index.js.map +1 -1
  86. package/dist/fields/Textarea/index.d.ts.map +1 -1
  87. package/dist/fields/Textarea/index.js +2 -1
  88. package/dist/fields/Textarea/index.js.map +1 -1
  89. package/dist/fields/Upload/index.d.ts.map +1 -1
  90. package/dist/fields/Upload/index.js +2 -1
  91. package/dist/fields/Upload/index.js.map +1 -1
  92. package/dist/forms/Form/fieldReducer.js +1 -1
  93. package/dist/forms/Form/fieldReducer.js.map +1 -1
  94. package/dist/forms/useField/index.d.ts.map +1 -1
  95. package/dist/forms/useField/index.js +70 -67
  96. package/dist/forms/useField/index.js.map +1 -1
  97. package/dist/forms/useField/types.d.ts +1 -0
  98. package/dist/forms/useField/types.d.ts.map +1 -1
  99. package/dist/forms/useField/types.js.map +1 -1
  100. package/dist/styles.css +1 -1
  101. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAuB,MAAM,SAAS,CAAA;AAI1E,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAWvD,OAAO,EAAa,KAAK,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrE,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CACrD;IACE,UAAU,EAAE,sBAAsB,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CACtB,GAAG,wBAAwB,CA2E7B,CAAA"}
1
+ {"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAmC,MAAM,SAAS,CAAA;AAKtF,OAAO,KAAoD,MAAM,OAAO,CAAA;AAIxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAYvD,OAAO,EAAa,KAAK,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrE,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CACrD;IACE,UAAU,EAAE,sBAAsB,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CACtB,GAAG,wBAAwB,CA+J7B,CAAA"}
@@ -1,45 +1,36 @@
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 { useModal } from '@faceless-ui/modal';
6
5
  import { getTranslation } from '@payloadcms/translations';
7
- import React, { useCallback, useState } from 'react';
6
+ import { unflatten } from 'payload/shared';
7
+ import React, { useCallback, useEffect, useMemo, useState } from 'react';
8
8
  import { Button } from '../../../elements/Button/index.js';
9
9
  import { Form } from '../../../forms/Form/index.js';
10
10
  import { RenderFields } from '../../../forms/RenderFields/index.js';
11
11
  import { XIcon } from '../../../icons/X/index.js';
12
12
  import { useAuth } from '../../../providers/Auth/index.js';
13
+ import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
13
14
  import { useTranslation } from '../../../providers/Translation/index.js';
14
- import { filterOutUploadFields } from '../../../utilities/filterOutUploadFields.js';
15
+ import { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js';
15
16
  import { FieldSelect } from '../../FieldSelect/index.js';
16
17
  import { useFormsManager } from '../FormsManager/index.js';
17
18
  import { baseClass } from './index.js';
18
19
  import './index.scss';
19
20
  export const EditManyBulkUploadsDrawerContent = props => {
20
- const $ = _c(24);
21
21
  const {
22
- collection: t0,
22
+ collection: {
23
+ fields,
24
+ labels: {
25
+ plural,
26
+ singular
27
+ }
28
+ } = {},
29
+ collection,
23
30
  drawerSlug,
24
31
  forms
25
32
  } = props;
26
- let t1;
27
- if ($[0] !== t0) {
28
- t1 = t0 === undefined ? {} : t0;
29
- $[0] = t0;
30
- $[1] = t1;
31
- } else {
32
- t1 = $[1];
33
- }
34
- const {
35
- slug,
36
- fields,
37
- labels: t2
38
- } = t1;
39
- const {
40
- plural,
41
- singular
42
- } = t2;
33
+ const [isInitializing, setIsInitializing] = useState(false);
43
34
  const {
44
35
  permissions
45
36
  } = useAuth();
@@ -53,116 +44,141 @@ export const EditManyBulkUploadsDrawerContent = props => {
53
44
  const {
54
45
  bulkUpdateForm
55
46
  } = useFormsManager();
56
- let t3;
57
- if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
58
- t3 = [];
59
- $[2] = t3;
60
- } else {
61
- t3 = $[2];
62
- }
63
- const [selectedFields, setSelectedFields] = useState(t3);
64
- const collectionPermissions = permissions?.collections?.[slug];
65
- let t4;
66
- if ($[3] !== bulkUpdateForm || $[4] !== closeModal || $[5] !== collectionPermissions?.fields || $[6] !== drawerSlug || $[7] !== fields || $[8] !== forms.length || $[9] !== i18n || $[10] !== plural || $[11] !== selectedFields || $[12] !== singular || $[13] !== slug || $[14] !== t) {
67
- const filteredFields = filterOutUploadFields(fields);
68
- let t5;
69
- if ($[16] !== bulkUpdateForm || $[17] !== closeModal || $[18] !== drawerSlug || $[19] !== selectedFields) {
70
- t5 = formState => {
71
- const pairedData = selectedFields.reduce((acc, field) => {
72
- const {
73
- path
74
- } = field;
75
- if (formState[path]) {
76
- acc[path] = formState[path].value;
77
- }
78
- return acc;
79
- }, {});
80
- bulkUpdateForm(pairedData, () => closeModal(drawerSlug));
81
- };
82
- $[16] = bulkUpdateForm;
83
- $[17] = closeModal;
84
- $[18] = drawerSlug;
85
- $[19] = selectedFields;
86
- $[20] = t5;
87
- } else {
88
- t5 = $[20];
89
- }
90
- const handleSubmit = t5;
91
- let t6;
92
- if ($[21] !== closeModal || $[22] !== drawerSlug) {
93
- t6 = () => closeModal(drawerSlug);
94
- $[21] = closeModal;
95
- $[22] = drawerSlug;
96
- $[23] = t6;
47
+ const {
48
+ getFormState
49
+ } = useServerFunctions();
50
+ const abortFormStateRef = React.useRef(null);
51
+ const [selectedFields, setSelectedFields] = useState([]);
52
+ const collectionPermissions = permissions?.collections?.[collection.slug];
53
+ const select = useMemo(() => {
54
+ return unflatten(selectedFields.reduce((acc, field) => {
55
+ acc[field.path] = true;
56
+ return acc;
57
+ }, {}));
58
+ }, [selectedFields]);
59
+ const onChange = useCallback(async ({
60
+ formState: prevFormState,
61
+ submitted
62
+ }) => {
63
+ const controller = handleAbortRef(abortFormStateRef);
64
+ const {
65
+ state
66
+ } = await getFormState({
67
+ collectionSlug: collection.slug,
68
+ docPermissions: collectionPermissions,
69
+ docPreferences: null,
70
+ formState: prevFormState,
71
+ operation: 'update',
72
+ schemaPath: collection.slug,
73
+ select,
74
+ signal: controller.signal,
75
+ skipValidation: !submitted
76
+ });
77
+ abortFormStateRef.current = null;
78
+ return state;
79
+ }, [getFormState, collection, collectionPermissions, select]);
80
+ useEffect(() => {
81
+ const abortFormState = abortFormStateRef.current;
82
+ return () => {
83
+ abortAndIgnore(abortFormState);
84
+ };
85
+ }, []);
86
+ const handleSubmit = useCallback(formState => {
87
+ const pairedData = selectedFields.reduce((acc_0, field_0) => {
88
+ const {
89
+ path
90
+ } = field_0;
91
+ if (formState[path]) {
92
+ acc_0[path] = formState[path].value;
93
+ }
94
+ return acc_0;
95
+ }, {});
96
+ void bulkUpdateForm(pairedData, () => closeModal(drawerSlug));
97
+ }, [closeModal, drawerSlug, bulkUpdateForm, selectedFields]);
98
+ const onFieldSelect = useCallback(async ({
99
+ dispatchFields,
100
+ formState: formState_0,
101
+ selected
102
+ }) => {
103
+ setIsInitializing(true);
104
+ if (selected === null) {
105
+ setSelectedFields([]);
97
106
  } else {
98
- t6 = $[23];
107
+ setSelectedFields(selected.map(({
108
+ value
109
+ }) => value));
99
110
  }
100
- t4 = _jsxs("div", {
101
- className: `${baseClass}__main`,
102
- children: [_jsxs("div", {
103
- className: `${baseClass}__header`,
104
- children: [_jsx("h2", {
105
- className: `${baseClass}__header__title`,
106
- children: t("general:editingLabel", {
107
- count: forms.length,
108
- label: getTranslation(forms.length > 1 ? plural : singular, i18n)
109
- })
110
- }), _jsx("button", {
111
- "aria-label": t("general:close"),
112
- className: `${baseClass}__header__close`,
113
- id: `close-drawer__${drawerSlug}`,
114
- onClick: t6,
115
- type: "button",
116
- children: _jsx(XIcon, {})
117
- })]
118
- }), _jsxs(Form, {
119
- className: `${baseClass}__form`,
120
- initialState: {},
121
- onSubmit: handleSubmit,
122
- children: [_jsx(FieldSelect, {
123
- fields: filteredFields,
124
- setSelected: setSelectedFields
125
- }), selectedFields.length === 0 ? null : _jsx(RenderFields, {
126
- fields: selectedFields,
127
- parentIndexPath: "",
128
- parentPath: "",
129
- parentSchemaPath: slug,
130
- permissions: collectionPermissions?.fields,
131
- readOnly: false
132
- }), _jsx("div", {
133
- className: `${baseClass}__sidebar-wrap`,
134
- children: _jsx("div", {
135
- className: `${baseClass}__sidebar`,
136
- children: _jsx("div", {
137
- className: `${baseClass}__sidebar-sticky-wrap`,
138
- children: _jsx("div", {
139
- className: `${baseClass}__document-actions`,
140
- children: _jsx(Button, {
141
- type: "submit",
142
- children: t("general:applyChanges")
143
- })
111
+ const {
112
+ state: state_0
113
+ } = await getFormState({
114
+ collectionSlug: collection.slug,
115
+ docPermissions: collectionPermissions,
116
+ docPreferences: null,
117
+ formState: formState_0,
118
+ operation: 'update',
119
+ schemaPath: collection.slug,
120
+ select: unflatten(selected.reduce((acc_1, option) => {
121
+ acc_1[option.value.path] = true;
122
+ return acc_1;
123
+ }, {})),
124
+ skipValidation: true
125
+ });
126
+ dispatchFields({
127
+ type: 'UPDATE_MANY',
128
+ formState: state_0
129
+ });
130
+ setIsInitializing(false);
131
+ }, [getFormState, collection, collectionPermissions]);
132
+ return /*#__PURE__*/_jsxs("div", {
133
+ className: `${baseClass}__main`,
134
+ children: [/*#__PURE__*/_jsxs("div", {
135
+ className: `${baseClass}__header`,
136
+ children: [/*#__PURE__*/_jsx("h2", {
137
+ className: `${baseClass}__header__title`,
138
+ children: t('general:editingLabel', {
139
+ count: forms.length,
140
+ label: getTranslation(forms.length > 1 ? plural : singular, i18n)
141
+ })
142
+ }), /*#__PURE__*/_jsx("button", {
143
+ "aria-label": t('general:close'),
144
+ className: `${baseClass}__header__close`,
145
+ id: `close-drawer__${drawerSlug}`,
146
+ onClick: () => closeModal(drawerSlug),
147
+ type: "button",
148
+ children: /*#__PURE__*/_jsx(XIcon, {})
149
+ })]
150
+ }), /*#__PURE__*/_jsxs(Form, {
151
+ className: `${baseClass}__form`,
152
+ isInitializing: isInitializing,
153
+ onChange: [onChange],
154
+ onSubmit: handleSubmit,
155
+ children: [/*#__PURE__*/_jsx(FieldSelect, {
156
+ fields: fields,
157
+ onChange: onFieldSelect
158
+ }), selectedFields.length === 0 ? null : /*#__PURE__*/_jsx(RenderFields, {
159
+ fields: selectedFields,
160
+ parentIndexPath: "",
161
+ parentPath: "",
162
+ parentSchemaPath: collection.slug,
163
+ permissions: collectionPermissions?.fields,
164
+ readOnly: false
165
+ }), /*#__PURE__*/_jsx("div", {
166
+ className: `${baseClass}__sidebar-wrap`,
167
+ children: /*#__PURE__*/_jsx("div", {
168
+ className: `${baseClass}__sidebar`,
169
+ children: /*#__PURE__*/_jsx("div", {
170
+ className: `${baseClass}__sidebar-sticky-wrap`,
171
+ children: /*#__PURE__*/_jsx("div", {
172
+ className: `${baseClass}__document-actions`,
173
+ children: /*#__PURE__*/_jsx(Button, {
174
+ type: "submit",
175
+ children: t('general:applyChanges')
144
176
  })
145
177
  })
146
178
  })
147
- })]
179
+ })
148
180
  })]
149
- });
150
- $[3] = bulkUpdateForm;
151
- $[4] = closeModal;
152
- $[5] = collectionPermissions?.fields;
153
- $[6] = drawerSlug;
154
- $[7] = fields;
155
- $[8] = forms.length;
156
- $[9] = i18n;
157
- $[10] = plural;
158
- $[11] = selectedFields;
159
- $[12] = singular;
160
- $[13] = slug;
161
- $[14] = t;
162
- $[15] = t4;
163
- } else {
164
- t4 = $[15];
165
- }
166
- return t4;
181
+ })]
182
+ });
167
183
  };
168
184
  //# sourceMappingURL=DrawerContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","getTranslation","React","useCallback","useState","Button","Form","RenderFields","XIcon","useAuth","useTranslation","filterOutUploadFields","FieldSelect","useFormsManager","baseClass","EditManyBulkUploadsDrawerContent","props","$","collection","t0","drawerSlug","forms","t1","undefined","slug","fields","labels","t2","plural","singular","permissions","i18n","t","closeModal","bulkUpdateForm","t3","Symbol","for","selectedFields","setSelectedFields","collectionPermissions","collections","t4","length","filteredFields","t5","formState","pairedData","reduce","acc","field","path","value","handleSubmit","t6","_jsxs","className","children","_jsx","count","label","id","onClick","type","initialState","onSubmit","setSelected","parentIndexPath","parentPath","parentSchemaPath","readOnly"],"sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, FieldWithPathClient } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useState } from 'react'\n\nimport type { FormProps } from '../../../forms/Form/index.js'\nimport type { State } from '../FormsManager/reducer.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Form } from '../../../forms/Form/index.js'\nimport { RenderFields } from '../../../forms/RenderFields/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { filterOutUploadFields } from '../../../utilities/filterOutUploadFields.js'\nimport { FieldSelect } from '../../FieldSelect/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { baseClass, type EditManyBulkUploadsProps } from './index.js'\nimport './index.scss'\n\nexport const EditManyBulkUploadsDrawerContent: React.FC<\n {\n collection: ClientCollectionConfig\n drawerSlug: string\n forms: State['forms']\n } & EditManyBulkUploadsProps\n> = (props) => {\n const {\n collection: { slug, fields, labels: { plural, singular } } = {},\n drawerSlug,\n forms,\n } = props\n\n const { permissions } = useAuth()\n const { i18n, t } = useTranslation()\n const { closeModal } = useModal()\n const { bulkUpdateForm } = useFormsManager()\n\n const [selectedFields, setSelectedFields] = useState<FieldWithPathClient[]>([])\n const collectionPermissions = permissions?.collections?.[slug]\n const filteredFields = filterOutUploadFields(fields)\n\n const handleSubmit: FormProps['onSubmit'] = useCallback(\n (formState) => {\n const pairedData = selectedFields.reduce((acc, field) => {\n const { path } = field\n if (formState[path]) {\n acc[path] = formState[path].value\n }\n return acc\n }, {})\n\n void bulkUpdateForm(pairedData, () => closeModal(drawerSlug))\n },\n [closeModal, drawerSlug, bulkUpdateForm, selectedFields],\n )\n\n return (\n <div className={`${baseClass}__main`}>\n <div className={`${baseClass}__header`}>\n <h2 className={`${baseClass}__header__title`}>\n {t('general:editingLabel', {\n count: forms.length,\n label: getTranslation(forms.length > 1 ? plural : singular, i18n),\n })}\n </h2>\n <button\n aria-label={t('general:close')}\n className={`${baseClass}__header__close`}\n id={`close-drawer__${drawerSlug}`}\n onClick={() => closeModal(drawerSlug)}\n type=\"button\"\n >\n <XIcon />\n </button>\n </div>\n <Form className={`${baseClass}__form`} initialState={{}} onSubmit={handleSubmit}>\n <FieldSelect fields={filteredFields} setSelected={setSelectedFields} />\n {selectedFields.length === 0 ? null : (\n <RenderFields\n fields={selectedFields}\n parentIndexPath=\"\"\n parentPath=\"\"\n parentSchemaPath={slug}\n permissions={collectionPermissions?.fields}\n readOnly={false}\n />\n )}\n <div className={`${baseClass}__sidebar-wrap`}>\n <div className={`${baseClass}__sidebar`}>\n <div className={`${baseClass}__sidebar-sticky-wrap`}>\n <div className={`${baseClass}__document-actions`}>\n <Button type=\"submit\">{t('general:applyChanges')}</Button>\n </div>\n </div>\n </div>\n </div>\n </Form>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"DrawerContent.js","names":["useModal","getTranslation","unflatten","React","useCallback","useEffect","useMemo","useState","Button","Form","RenderFields","XIcon","useAuth","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","FieldSelect","useFormsManager","baseClass","EditManyBulkUploadsDrawerContent","props","collection","fields","labels","plural","singular","drawerSlug","forms","isInitializing","setIsInitializing","permissions","i18n","t","closeModal","bulkUpdateForm","getFormState","abortFormStateRef","useRef","selectedFields","setSelectedFields","collectionPermissions","collections","slug","select","reduce","acc","field","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","skipValidation","current","abortFormState","handleSubmit","pairedData","value","onFieldSelect","dispatchFields","selected","map","option","type","_jsxs","className","_jsx","count","length","label","id","onClick","onSubmit","parentIndexPath","parentPath","parentSchemaPath","readOnly"],"sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, FieldWithPathClient, SelectType } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { unflatten } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../../FieldSelect/index.js'\nimport type { State } from '../FormsManager/reducer.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Form } from '../../../forms/Form/index.js'\nimport { RenderFields } from '../../../forms/RenderFields/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js'\nimport { FieldSelect } from '../../FieldSelect/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { baseClass, type EditManyBulkUploadsProps } from './index.js'\nimport './index.scss'\n\nexport const EditManyBulkUploadsDrawerContent: React.FC<\n {\n collection: ClientCollectionConfig\n drawerSlug: string\n forms: State['forms']\n } & EditManyBulkUploadsProps\n> = (props) => {\n const {\n collection: { fields, labels: { plural, singular } } = {},\n collection,\n drawerSlug,\n forms,\n } = props\n\n const [isInitializing, setIsInitializing] = useState(false)\n const { permissions } = useAuth()\n const { i18n, t } = useTranslation()\n const { closeModal } = useModal()\n const { bulkUpdateForm } = useFormsManager()\n const { getFormState } = useServerFunctions()\n const abortFormStateRef = React.useRef<AbortController>(null)\n\n const [selectedFields, setSelectedFields] = useState<FieldWithPathClient[]>([])\n const collectionPermissions = permissions?.collections?.[collection.slug]\n\n const select = useMemo<SelectType>(() => {\n return unflatten(\n selectedFields.reduce((acc, field) => {\n acc[field.path] = true\n return acc\n }, {} as SelectType),\n )\n }, [selectedFields])\n\n const onChange: FormProps['onChange'][0] = useCallback(\n async ({ formState: prevFormState, submitted }) => {\n const controller = handleAbortRef(abortFormStateRef)\n\n const { state } = await getFormState({\n collectionSlug: collection.slug,\n docPermissions: collectionPermissions,\n docPreferences: null,\n formState: prevFormState,\n operation: 'update',\n schemaPath: collection.slug,\n select,\n signal: controller.signal,\n skipValidation: !submitted,\n })\n\n abortFormStateRef.current = null\n\n return state\n },\n [getFormState, collection, collectionPermissions, select],\n )\n\n useEffect(() => {\n const abortFormState = abortFormStateRef.current\n\n return () => {\n abortAndIgnore(abortFormState)\n }\n }, [])\n\n const handleSubmit: FormProps['onSubmit'] = useCallback(\n (formState) => {\n const pairedData = selectedFields.reduce((acc, field) => {\n const { path } = field\n if (formState[path]) {\n acc[path] = formState[path].value\n }\n return acc\n }, {})\n\n void bulkUpdateForm(pairedData, () => closeModal(drawerSlug))\n },\n [closeModal, drawerSlug, bulkUpdateForm, selectedFields],\n )\n\n const onFieldSelect = useCallback<OnFieldSelect>(\n async ({ dispatchFields, formState, selected }) => {\n setIsInitializing(true)\n\n if (selected === null) {\n setSelectedFields([])\n } else {\n setSelectedFields(selected.map(({ value }) => value))\n }\n\n const { state } = await getFormState({\n collectionSlug: collection.slug,\n docPermissions: collectionPermissions,\n docPreferences: null,\n formState,\n operation: 'update',\n schemaPath: collection.slug,\n select: unflatten(\n selected.reduce((acc, option) => {\n acc[option.value.path] = true\n return acc\n }, {} as SelectType),\n ),\n skipValidation: true,\n })\n\n dispatchFields({\n type: 'UPDATE_MANY',\n formState: state,\n })\n\n setIsInitializing(false)\n },\n [getFormState, collection, collectionPermissions],\n )\n\n return (\n <div className={`${baseClass}__main`}>\n <div className={`${baseClass}__header`}>\n <h2 className={`${baseClass}__header__title`}>\n {t('general:editingLabel', {\n count: forms.length,\n label: getTranslation(forms.length > 1 ? plural : singular, i18n),\n })}\n </h2>\n <button\n aria-label={t('general:close')}\n className={`${baseClass}__header__close`}\n id={`close-drawer__${drawerSlug}`}\n onClick={() => closeModal(drawerSlug)}\n type=\"button\"\n >\n <XIcon />\n </button>\n </div>\n <Form\n className={`${baseClass}__form`}\n isInitializing={isInitializing}\n onChange={[onChange]}\n onSubmit={handleSubmit}\n >\n <FieldSelect fields={fields} onChange={onFieldSelect} />\n {selectedFields.length === 0 ? null : (\n <RenderFields\n fields={selectedFields}\n parentIndexPath=\"\"\n parentPath=\"\"\n parentSchemaPath={collection.slug}\n permissions={collectionPermissions?.fields}\n readOnly={false}\n />\n )}\n <div className={`${baseClass}__sidebar-wrap`}>\n <div className={`${baseClass}__sidebar`}>\n <div className={`${baseClass}__sidebar-sticky-wrap`}>\n <div className={`${baseClass}__document-actions`}>\n <Button type=\"submit\">{t('general:applyChanges')}</Button>\n </div>\n </div>\n </div>\n </div>\n </Form>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,SAAS,2BAA2B,CAAA;AAEjD,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqClE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,2BAA2B,CAAA;AAEjD,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqClE,CAAA"}
@@ -8,8 +8,8 @@ import { EditDepthProvider } from '../../../providers/EditDepth/index.js';
8
8
  import { useTranslation } from '../../../providers/Translation/index.js';
9
9
  import { Drawer, DrawerToggler } from '../../Drawer/index.js';
10
10
  import { useFormsManager } from '../FormsManager/index.js';
11
- import './index.scss';
12
11
  import { EditManyBulkUploadsDrawerContent } from './DrawerContent.js';
12
+ import './index.scss';
13
13
  export const baseClass = 'edit-many-bulk-uploads';
14
14
  export const EditManyBulkUploads = props => {
15
15
  const $ = _c(5);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","React","useAuth","EditDepthProvider","useTranslation","Drawer","DrawerToggler","useFormsManager","EditManyBulkUploadsDrawerContent","baseClass","EditManyBulkUploads","props","$","collection","t0","slug","undefined","permissions","t","forms","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","t1","_jsxs","className","children","_jsx","Header"],"sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../../Drawer/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport './index.scss'\nimport { EditManyBulkUploadsDrawerContent } from './DrawerContent.js'\n\nexport const baseClass = 'edit-many-bulk-uploads'\n\nexport type EditManyBulkUploadsProps = {\n readonly collection: ClientCollectionConfig\n}\n\nexport const EditManyBulkUploads: React.FC<EditManyBulkUploadsProps> = (props) => {\n const { collection: { slug } = {}, collection } = props\n\n const { permissions } = useAuth()\n\n const { t } = useTranslation()\n const { forms } = useFormsManager() // Access forms managed in bulk uploads\n\n const collectionPermissions = permissions?.collections?.[slug]\n const hasUpdatePermission = collectionPermissions?.update\n\n const drawerSlug = `edit-${slug}-bulk-uploads`\n\n if (!hasUpdatePermission) {\n return null\n }\n\n return (\n <div className={baseClass}>\n <DrawerToggler\n aria-label={t('general:editAll')}\n className={`${baseClass}__toggle`}\n slug={drawerSlug}\n >\n {t('general:editAll')}\n </DrawerToggler>\n <EditDepthProvider>\n <Drawer Header={null} slug={drawerSlug}>\n <EditManyBulkUploadsDrawerContent\n collection={collection}\n drawerSlug={drawerSlug}\n forms={forms}\n />\n </Drawer>\n </EditDepthProvider>\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,EAAEC,aAAa,QAAQ;AACtC,SAASC,eAAe,QAAQ;AAChC,OAAO;AACP,SAASC,gCAAgC,QAAQ;AAEjD,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,mBAAA,GAA0DC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACrE;IAAAa,UAAA,EAAAC,EAAA;IAAAD;EAAA,IAAkDF,KAAA;EAA9B;IAAAI;EAAA,IAAAD,EAAa,KAAAE,SAAA,QAAbF,EAAa;EAEjC;IAAAG;EAAA,IAAwBf,OAAA;EAExB;IAAAgB;EAAA,IAAcd,cAAA;EACd;IAAAe;EAAA,IAAkBZ,eAAA;EAElB,MAAAa,qBAAA,GAA8BH,WAAA,EAAAI,WAAA,GAA2BN,IAAA;EACzD,MAAAO,mBAAA,GAA4BF,qBAAA,EAAAG,MAAA;EAE5B,MAAAC,UAAA,GAAmB,QAAQT,IAAA,eAAmB;EAAA,KAEzCO,mBAAA;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAb,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAY,UAAA,IAAAZ,CAAA,QAAAO,KAAA,IAAAP,CAAA,QAAAM,CAAA;IAKHO,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAlB,SAAA;MAAAmB,QAAA,GACCC,IAAA,CAAAvB,aAAA;QAAA,cACcY,CAAA,CAAE;QAAAS,SAAA,EACH,GAAAlB,SAAA,UAAsB;QAAAM,IAAA,EAC3BS,UAAA;QAAAI,QAAA,EAELV,CAAA,CAAE;MAAA,C,GAELW,IAAA,CAAA1B,iBAAA;QAAAyB,QAAA,EACEC,IAAA,CAAAxB,MAAA;UAAAyB,MAAA;UAAAf,IAAA,EAA4BS,UAAA;UAAAI,QAAA,EAC1BC,IAAA,CAAArB,gCAAA;YAAAK,UAAA;YAAAW,UAAA;YAAAL;UAAA,C;;;;;;;;;;;;SAVNM,E;CAmBJ","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","React","useAuth","EditDepthProvider","useTranslation","Drawer","DrawerToggler","useFormsManager","EditManyBulkUploadsDrawerContent","baseClass","EditManyBulkUploads","props","$","collection","t0","slug","undefined","permissions","t","forms","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","t1","_jsxs","className","children","_jsx","Header"],"sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../../Drawer/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { EditManyBulkUploadsDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many-bulk-uploads'\n\nexport type EditManyBulkUploadsProps = {\n readonly collection: ClientCollectionConfig\n}\n\nexport const EditManyBulkUploads: React.FC<EditManyBulkUploadsProps> = (props) => {\n const { collection: { slug } = {}, collection } = props\n\n const { permissions } = useAuth()\n\n const { t } = useTranslation()\n const { forms } = useFormsManager() // Access forms managed in bulk uploads\n\n const collectionPermissions = permissions?.collections?.[slug]\n const hasUpdatePermission = collectionPermissions?.update\n\n const drawerSlug = `edit-${slug}-bulk-uploads`\n\n if (!hasUpdatePermission) {\n return null\n }\n\n return (\n <div className={baseClass}>\n <DrawerToggler\n aria-label={t('general:editAll')}\n className={`${baseClass}__toggle`}\n slug={drawerSlug}\n >\n {t('general:editAll')}\n </DrawerToggler>\n <EditDepthProvider>\n <Drawer Header={null} slug={drawerSlug}>\n <EditManyBulkUploadsDrawerContent\n collection={collection}\n drawerSlug={drawerSlug}\n forms={forms}\n />\n </Drawer>\n </EditDepthProvider>\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,EAAEC,aAAa,QAAQ;AACtC,SAASC,eAAe,QAAQ;AAChC,SAASC,gCAAgC,QAAQ;AACjD,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,mBAAA,GAA0DC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACrE;IAAAa,UAAA,EAAAC,EAAA;IAAAD;EAAA,IAAkDF,KAAA;EAA9B;IAAAI;EAAA,IAAAD,EAAa,KAAAE,SAAA,QAAbF,EAAa;EAEjC;IAAAG;EAAA,IAAwBf,OAAA;EAExB;IAAAgB;EAAA,IAAcd,cAAA;EACd;IAAAe;EAAA,IAAkBZ,eAAA;EAElB,MAAAa,qBAAA,GAA8BH,WAAA,EAAAI,WAAA,GAA2BN,IAAA;EACzD,MAAAO,mBAAA,GAA4BF,qBAAA,EAAAG,MAAA;EAE5B,MAAAC,UAAA,GAAmB,QAAQT,IAAA,eAAmB;EAAA,KAEzCO,mBAAA;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAb,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAY,UAAA,IAAAZ,CAAA,QAAAO,KAAA,IAAAP,CAAA,QAAAM,CAAA;IAKHO,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAlB,SAAA;MAAAmB,QAAA,GACCC,IAAA,CAAAvB,aAAA;QAAA,cACcY,CAAA,CAAE;QAAAS,SAAA,EACH,GAAAlB,SAAA,UAAsB;QAAAM,IAAA,EAC3BS,UAAA;QAAAI,QAAA,EAELV,CAAA,CAAE;MAAA,C,GAELW,IAAA,CAAA1B,iBAAA;QAAAyB,QAAA,EACEC,IAAA,CAAAxB,MAAA;UAAAyB,MAAA;UAAAf,IAAA,EAA4BS,UAAA;UAAAI,QAAA,EAC1BC,IAAA,CAAArB,gCAAA;YAAAK,UAAA;YAAAW,UAAA;YAAAL;UAAA,C;;;;;;;;;;;;SAVNM,E;CAmBJ","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAGxE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,OAAO,cAAc,CAAA;AAIrB,KAAK,IAAI,GAAG;IACV,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,cAAc,EAAE,4BAA4B,CAAA;IACrD,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAsFzC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAGxE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,OAAO,cAAc,CAAA;AAIrB,KAAK,IAAI,GAAG;IACV,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,cAAc,EAAE,4BAA4B,CAAA;IACrD,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAiFzC,CAAA"}
@@ -3,7 +3,6 @@
3
3
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
4
  import { fieldIsSidebar } from 'payload/shared';
5
5
  import React, { useMemo } from 'react';
6
- import { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js';
7
6
  import { RenderFields } from '../../forms/RenderFields/index.js';
8
7
  import { Gutter } from '../Gutter/index.js';
9
8
  import './index.scss';
@@ -15,7 +14,7 @@ export const DocumentFields = ({
15
14
  docPermissions,
16
15
  fields,
17
16
  forceSidebarWrap,
18
- readOnly: readOnlyProp,
17
+ readOnly,
19
18
  schemaPathSegments
20
19
  }) => {
21
20
  const {
@@ -39,9 +38,6 @@ export const DocumentFields = ({
39
38
  sidebarFields: []
40
39
  });
41
40
  }, [fields]);
42
- const formInitializing = useFormInitializing();
43
- const formProcessing = useFormProcessing();
44
- const readOnly = readOnlyProp || formInitializing || formProcessing;
45
41
  return /*#__PURE__*/_jsxs("div", {
46
42
  className: [baseClass, hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`, forceSidebarWrap && `${baseClass}--force-sidebar-wrap`].filter(Boolean).join(' '),
47
43
  children: [/*#__PURE__*/_jsx("div", {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["fieldIsSidebar","React","useMemo","useFormInitializing","useFormProcessing","RenderFields","Gutter","baseClass","DocumentFields","AfterFields","BeforeFields","Description","docPermissions","fields","forceSidebarWrap","readOnly","readOnlyProp","schemaPathSegments","hasSidebarFields","mainFields","sidebarFields","reduce","acc","field","push","formInitializing","formProcessing","_jsxs","className","filter","Boolean","join","_jsx","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions"],"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, SanitizedDocumentPermissions } from 'payload'\n\nimport { fieldIsSidebar } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'document-fields'\n\ntype Args = {\n readonly AfterFields?: React.ReactNode\n readonly BeforeFields?: React.ReactNode\n readonly Description?: React.ReactNode\n readonly docPermissions: SanitizedDocumentPermissions\n readonly fields: ClientField[]\n readonly forceSidebarWrap?: boolean\n readonly readOnly?: boolean\n readonly schemaPathSegments: string[]\n}\n\nexport const DocumentFields: React.FC<Args> = ({\n AfterFields,\n BeforeFields,\n Description,\n docPermissions,\n fields,\n forceSidebarWrap,\n readOnly: readOnlyProp,\n schemaPathSegments,\n}) => {\n const { hasSidebarFields, mainFields, sidebarFields } = useMemo(() => {\n return fields.reduce(\n (acc, field) => {\n if (fieldIsSidebar(field)) {\n acc.sidebarFields.push(field)\n acc.mainFields.push(null)\n acc.hasSidebarFields = true\n } else {\n acc.mainFields.push(field)\n acc.sidebarFields.push(null)\n }\n return acc\n },\n {\n hasSidebarFields: false,\n mainFields: [] as ClientField[],\n sidebarFields: [] as ClientField[],\n },\n )\n }, [fields])\n\n const formInitializing = useFormInitializing()\n const formProcessing = useFormProcessing()\n\n const readOnly = readOnlyProp || formInitializing || formProcessing\n\n return (\n <div\n className={[\n baseClass,\n hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,\n forceSidebarWrap && `${baseClass}--force-sidebar-wrap`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div className={`${baseClass}__main`}>\n <Gutter className={`${baseClass}__edit`}>\n {Description ? (\n <header className={`${baseClass}__header`}>\n <div className={`${baseClass}__sub-header`}>{Description}</div>\n </header>\n ) : null}\n {BeforeFields}\n <RenderFields\n className={`${baseClass}__fields`}\n fields={mainFields}\n forceRender\n parentIndexPath=\"\"\n parentPath=\"\"\n parentSchemaPath={schemaPathSegments.join('.')}\n permissions={docPermissions?.fields}\n readOnly={readOnly}\n />\n {AfterFields}\n </Gutter>\n </div>\n {hasSidebarFields ? (\n <div className={`${baseClass}__sidebar-wrap`}>\n <div className={`${baseClass}__sidebar`}>\n <div className={`${baseClass}__sidebar-fields`}>\n <RenderFields\n fields={sidebarFields}\n forceRender\n parentIndexPath=\"\"\n parentPath=\"\"\n parentSchemaPath={schemaPathSegments.join('.')}\n permissions={docPermissions?.fields}\n readOnly={readOnly}\n />\n </div>\n </div>\n </div>\n ) : null}\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["fieldIsSidebar","React","useMemo","RenderFields","Gutter","baseClass","DocumentFields","AfterFields","BeforeFields","Description","docPermissions","fields","forceSidebarWrap","readOnly","schemaPathSegments","hasSidebarFields","mainFields","sidebarFields","reduce","acc","field","push","_jsxs","className","filter","Boolean","join","_jsx","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions"],"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, SanitizedDocumentPermissions } from 'payload'\n\nimport { fieldIsSidebar } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'document-fields'\n\ntype Args = {\n readonly AfterFields?: React.ReactNode\n readonly BeforeFields?: React.ReactNode\n readonly Description?: React.ReactNode\n readonly docPermissions: SanitizedDocumentPermissions\n readonly fields: ClientField[]\n readonly forceSidebarWrap?: boolean\n readonly readOnly?: boolean\n readonly schemaPathSegments: string[]\n}\n\nexport const DocumentFields: React.FC<Args> = ({\n AfterFields,\n BeforeFields,\n Description,\n docPermissions,\n fields,\n forceSidebarWrap,\n readOnly,\n schemaPathSegments,\n}) => {\n const { hasSidebarFields, mainFields, sidebarFields } = useMemo(() => {\n return fields.reduce(\n (acc, field) => {\n if (fieldIsSidebar(field)) {\n acc.sidebarFields.push(field)\n acc.mainFields.push(null)\n acc.hasSidebarFields = true\n } else {\n acc.mainFields.push(field)\n acc.sidebarFields.push(null)\n }\n return acc\n },\n {\n hasSidebarFields: false,\n mainFields: [] as ClientField[],\n sidebarFields: [] as ClientField[],\n },\n )\n }, [fields])\n\n return (\n <div\n className={[\n baseClass,\n hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,\n forceSidebarWrap && `${baseClass}--force-sidebar-wrap`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div className={`${baseClass}__main`}>\n <Gutter className={`${baseClass}__edit`}>\n {Description ? (\n <header className={`${baseClass}__header`}>\n <div className={`${baseClass}__sub-header`}>{Description}</div>\n </header>\n ) : null}\n {BeforeFields}\n <RenderFields\n className={`${baseClass}__fields`}\n fields={mainFields}\n forceRender\n parentIndexPath=\"\"\n parentPath=\"\"\n parentSchemaPath={schemaPathSegments.join('.')}\n permissions={docPermissions?.fields}\n readOnly={readOnly}\n />\n {AfterFields}\n </Gutter>\n </div>\n {hasSidebarFields ? (\n <div className={`${baseClass}__sidebar-wrap`}>\n <div className={`${baseClass}__sidebar`}>\n <div className={`${baseClass}__sidebar-fields`}>\n <RenderFields\n fields={sidebarFields}\n forceRender\n parentIndexPath=\"\"\n parentPath=\"\"\n parentSchemaPath={schemaPathSegments.join('.')}\n permissions={docPermissions?.fields}\n readOnly={readOnly}\n />\n </div>\n </div>\n </div>\n ) : null}\n </div>\n )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAG/B,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAalB,OAAO,MAAMC,cAAA,GAAiCA,CAAC;EAC7CC,WAAW;EACXC,YAAY;EACZC,WAAW;EACXC,cAAc;EACdC,MAAM;EACNC,gBAAgB;EAChBC,QAAQ;EACRC;AAAkB,CACnB;EACC,MAAM;IAAEC,gBAAgB;IAAEC,UAAU;IAAEC;EAAa,CAAE,GAAGf,OAAA,CAAQ;IAC9D,OAAOS,MAAA,CAAOO,MAAM,CAClB,CAACC,GAAA,EAAKC,KAAA;MACJ,IAAIpB,cAAA,CAAeoB,KAAA,GAAQ;QACzBD,GAAA,CAAIF,aAAa,CAACI,IAAI,CAACD,KAAA;QACvBD,GAAA,CAAIH,UAAU,CAACK,IAAI,CAAC;QACpBF,GAAA,CAAIJ,gBAAgB,GAAG;MACzB,OAAO;QACLI,GAAA,CAAIH,UAAU,CAACK,IAAI,CAACD,KAAA;QACpBD,GAAA,CAAIF,aAAa,CAACI,IAAI,CAAC;MACzB;MACA,OAAOF,GAAA;IACT,GACA;MACEJ,gBAAA,EAAkB;MAClBC,UAAA,EAAY,EAAE;MACdC,aAAA,EAAe;IACjB;EAEJ,GAAG,CAACN,MAAA,CAAO;EAEX,oBACEW,KAAA,CAAC;IACCC,SAAA,EAAW,CACTlB,SAAA,EACAU,gBAAA,GAAmB,GAAGV,SAAA,eAAwB,GAAG,GAAGA,SAAA,cAAuB,EAC3EO,gBAAA,IAAoB,GAAGP,SAAA,sBAA+B,CACvD,CACEmB,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;4BAERC,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGlB,SAAA,QAAiB;gBAClC,aAAAiB,KAAA,CAAClB,MAAA;QAAOmB,SAAA,EAAW,GAAGlB,SAAA,QAAiB;mBACpCI,WAAA,gBACCkB,IAAA,CAAC;UAAOJ,SAAA,EAAW,GAAGlB,SAAA,UAAmB;oBACvC,aAAAsB,IAAA,CAAC;YAAIJ,SAAA,EAAW,GAAGlB,SAAA,cAAuB;sBAAGI;;aAE7C,MACHD,YAAA,E,aACDmB,IAAA,CAACxB,YAAA;UACCoB,SAAA,EAAW,GAAGlB,SAAA,UAAmB;UACjCM,MAAA,EAAQK,UAAA;UACRY,WAAW;UACXC,eAAA,EAAgB;UAChBC,UAAA,EAAW;UACXC,gBAAA,EAAkBjB,kBAAA,CAAmBY,IAAI,CAAC;UAC1CM,WAAA,EAAatB,cAAA,EAAgBC,MAAA;UAC7BE,QAAA,EAAUA;YAEXN,WAAA;;QAGJQ,gBAAA,gBACCY,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGlB,SAAA,gBAAyB;gBAC1C,aAAAsB,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAGlB,SAAA,WAAoB;kBACrC,aAAAsB,IAAA,CAAC;UAAIJ,SAAA,EAAW,GAAGlB,SAAA,kBAA2B;oBAC5C,aAAAsB,IAAA,CAACxB,YAAA;YACCQ,MAAA,EAAQM,aAAA;YACRW,WAAW;YACXC,eAAA,EAAgB;YAChBC,UAAA,EAAW;YACXC,gBAAA,EAAkBjB,kBAAA,CAAmBY,IAAI,CAAC;YAC1CM,WAAA,EAAatB,cAAA,EAAgBC,MAAA;YAC7BE,QAAA,EAAUA;;;;SAKhB;;AAGV","ignoreList":[]}
@@ -4,6 +4,7 @@ import { type EditManyProps } from './index.js';
4
4
  import './index.scss';
5
5
  export declare const EditManyDrawerContent: React.FC<{
6
6
  drawerSlug: string;
7
- selected: FieldWithPathClient[];
7
+ selectedFields: FieldWithPathClient[];
8
+ setSelectedFields: React.Dispatch<React.SetStateAction<FieldWithPathClient[]>>;
8
9
  } & EditManyProps>;
9
10
  //# sourceMappingURL=DrawerContent.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAA;AAM7D,OAAO,KAAoD,MAAM,OAAO,CAAA;AAsBxE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1D,OAAO,cAAc,CAAA;AAmGrB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C;IACE,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,mBAAmB,EAAE,CAAA;CAChC,GAAG,aAAa,CA2MlB,CAAA"}
1
+ {"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAc,MAAM,SAAS,CAAA;AAO9D,OAAO,KAAoD,MAAM,OAAO,CAAA;AAsBxE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1D,OAAO,cAAc,CAAA;AA+ErB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C;IACE,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,mBAAmB,EAAE,CAAA;IACrC,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAA;CAC/E,GAAG,aAAa,CAoNlB,CAAA"}