@payloadcms/ui 3.0.0-canary.518fabe → 3.0.0-canary.51be7be

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 (499) hide show
  1. package/dist/elements/AddNewRelation/index.scss +36 -34
  2. package/dist/elements/AppHeader/index.scss +151 -150
  3. package/dist/elements/ArrayAction/index.scss +23 -21
  4. package/dist/elements/Autosave/index.d.ts.map +1 -1
  5. package/dist/elements/Autosave/index.js +1 -3
  6. package/dist/elements/Autosave/index.js.map +1 -1
  7. package/dist/elements/Autosave/index.scss +4 -2
  8. package/dist/elements/Banner/index.scss +51 -49
  9. package/dist/elements/BulkUpload/ActionsBar/index.js +2 -2
  10. package/dist/elements/BulkUpload/ActionsBar/index.js.map +1 -1
  11. package/dist/elements/BulkUpload/ActionsBar/index.scss +45 -43
  12. package/dist/elements/BulkUpload/AddFilesView/index.d.ts +2 -1
  13. package/dist/elements/BulkUpload/AddFilesView/index.d.ts.map +1 -1
  14. package/dist/elements/BulkUpload/AddFilesView/index.js +2 -0
  15. package/dist/elements/BulkUpload/AddFilesView/index.js.map +1 -1
  16. package/dist/elements/BulkUpload/AddFilesView/index.scss +23 -21
  17. package/dist/elements/BulkUpload/AddingFilesView/index.scss +16 -14
  18. package/dist/elements/BulkUpload/DrawerCloseButton/index.scss +23 -21
  19. package/dist/elements/BulkUpload/EditForm/index.js +3 -1
  20. package/dist/elements/BulkUpload/EditForm/index.js.map +1 -1
  21. package/dist/elements/BulkUpload/EditForm/index.scss +6 -4
  22. package/dist/elements/BulkUpload/FileSidebar/index.scss +214 -212
  23. package/dist/elements/BulkUpload/FormsManager/index.js +3 -1
  24. package/dist/elements/BulkUpload/FormsManager/index.js.map +1 -1
  25. package/dist/elements/BulkUpload/Header/index.scss +11 -9
  26. package/dist/elements/BulkUpload/index.d.ts.map +1 -1
  27. package/dist/elements/BulkUpload/index.js +22 -42
  28. package/dist/elements/BulkUpload/index.js.map +1 -1
  29. package/dist/elements/Button/index.d.ts.map +1 -1
  30. package/dist/elements/Button/index.js +1 -0
  31. package/dist/elements/Button/index.js.map +1 -1
  32. package/dist/elements/Button/index.scss +202 -200
  33. package/dist/elements/Button/types.d.ts +6 -0
  34. package/dist/elements/Button/types.d.ts.map +1 -1
  35. package/dist/elements/Button/types.js.map +1 -1
  36. package/dist/elements/Card/index.scss +58 -56
  37. package/dist/elements/CodeEditor/CodeEditor.d.ts.map +1 -1
  38. package/dist/elements/CodeEditor/CodeEditor.js +51 -25
  39. package/dist/elements/CodeEditor/CodeEditor.js.map +1 -1
  40. package/dist/elements/CodeEditor/index.d.ts.map +1 -1
  41. package/dist/elements/CodeEditor/index.js +2 -8
  42. package/dist/elements/CodeEditor/index.js.map +1 -1
  43. package/dist/elements/CodeEditor/index.scss +16 -14
  44. package/dist/elements/Collapsible/index.scss +125 -123
  45. package/dist/elements/ColumnSelector/index.d.ts.map +1 -1
  46. package/dist/elements/ColumnSelector/index.js +14 -2
  47. package/dist/elements/ColumnSelector/index.js.map +1 -1
  48. package/dist/elements/ColumnSelector/index.scss +36 -34
  49. package/dist/elements/CopyToClipboard/index.scss +21 -19
  50. package/dist/elements/DatePicker/DatePicker.d.ts +1 -1
  51. package/dist/elements/DatePicker/DatePicker.d.ts.map +1 -1
  52. package/dist/elements/DatePicker/DatePicker.js +1 -1
  53. package/dist/elements/DatePicker/DatePicker.js.map +1 -1
  54. package/dist/elements/DatePicker/index.scss +309 -307
  55. package/dist/elements/DatePicker/library.scss +859 -0
  56. package/dist/elements/DeleteDocument/index.scss +32 -30
  57. package/dist/elements/DeleteMany/index.d.ts.map +1 -1
  58. package/dist/elements/DeleteMany/index.js +16 -5
  59. package/dist/elements/DeleteMany/index.js.map +1 -1
  60. package/dist/elements/DeleteMany/index.scss +29 -27
  61. package/dist/elements/DocumentControls/index.d.ts +4 -1
  62. package/dist/elements/DocumentControls/index.d.ts.map +1 -1
  63. package/dist/elements/DocumentControls/index.js +43 -7
  64. package/dist/elements/DocumentControls/index.js.map +1 -1
  65. package/dist/elements/DocumentControls/index.scss +192 -182
  66. package/dist/elements/DocumentDrawer/DrawerContent.d.ts.map +1 -1
  67. package/dist/elements/DocumentDrawer/DrawerContent.js +23 -17
  68. package/dist/elements/DocumentDrawer/DrawerContent.js.map +1 -1
  69. package/dist/elements/DocumentDrawer/index.scss +55 -53
  70. package/dist/elements/DocumentDrawer/types.d.ts +4 -1
  71. package/dist/elements/DocumentDrawer/types.d.ts.map +1 -1
  72. package/dist/elements/DocumentDrawer/types.js.map +1 -1
  73. package/dist/elements/DocumentFields/index.scss +144 -142
  74. package/dist/elements/Drawer/index.scss +111 -109
  75. package/dist/elements/Dropzone/index.d.ts +2 -1
  76. package/dist/elements/Dropzone/index.d.ts.map +1 -1
  77. package/dist/elements/Dropzone/index.js +3 -2
  78. package/dist/elements/Dropzone/index.js.map +1 -1
  79. package/dist/elements/Dropzone/index.scss +32 -30
  80. package/dist/elements/DuplicateDocument/index.scss +31 -29
  81. package/dist/elements/EditMany/index.d.ts.map +1 -1
  82. package/dist/elements/EditMany/index.js +235 -124
  83. package/dist/elements/EditMany/index.js.map +1 -1
  84. package/dist/elements/EditMany/index.scss +162 -160
  85. package/dist/elements/EditUpload/index.scss +180 -178
  86. package/dist/elements/ErrorPill/index.scss +27 -25
  87. package/dist/elements/FieldSelect/index.js +2 -2
  88. package/dist/elements/FieldSelect/index.js.map +1 -1
  89. package/dist/elements/FieldSelect/index.scss +4 -2
  90. package/dist/elements/FileDetails/DraggableFileDetails/index.scss +25 -23
  91. package/dist/elements/FileDetails/FileMeta/index.scss +21 -19
  92. package/dist/elements/FileDetails/StaticFileDetails/index.scss +104 -102
  93. package/dist/elements/GenerateConfirmation/index.scss +29 -27
  94. package/dist/elements/Gutter/index.scss +14 -12
  95. package/dist/elements/Hamburger/index.scss +38 -32
  96. package/dist/elements/IDLabel/index.scss +11 -9
  97. package/dist/elements/ListControls/index.d.ts.map +1 -1
  98. package/dist/elements/ListControls/index.js +9 -5
  99. package/dist/elements/ListControls/index.js.map +1 -1
  100. package/dist/elements/ListControls/index.scss +70 -74
  101. package/dist/elements/ListDrawer/DrawerContent.d.ts +2 -0
  102. package/dist/elements/ListDrawer/DrawerContent.d.ts.map +1 -1
  103. package/dist/elements/ListDrawer/DrawerContent.js +194 -188
  104. package/dist/elements/ListDrawer/DrawerContent.js.map +1 -1
  105. package/dist/elements/ListDrawer/index.d.ts.map +1 -1
  106. package/dist/elements/ListDrawer/index.js +18 -15
  107. package/dist/elements/ListDrawer/index.js.map +1 -1
  108. package/dist/elements/ListDrawer/index.scss +93 -91
  109. package/dist/elements/ListDrawer/types.d.ts +4 -1
  110. package/dist/elements/ListDrawer/types.d.ts.map +1 -1
  111. package/dist/elements/ListDrawer/types.js.map +1 -1
  112. package/dist/elements/ListHeader/index.scss +9 -7
  113. package/dist/elements/ListSelection/index.scss +14 -12
  114. package/dist/elements/Loading/index.scss +108 -106
  115. package/dist/elements/Localizer/LocalizerLabel/index.d.ts.map +1 -1
  116. package/dist/elements/Localizer/LocalizerLabel/index.js +9 -5
  117. package/dist/elements/Localizer/LocalizerLabel/index.js.map +1 -1
  118. package/dist/elements/Localizer/LocalizerLabel/index.scss +45 -39
  119. package/dist/elements/Localizer/index.scss +7 -5
  120. package/dist/elements/Locked/index.d.ts +8 -0
  121. package/dist/elements/Locked/index.d.ts.map +1 -0
  122. package/dist/elements/Locked/index.js +72 -0
  123. package/dist/elements/Locked/index.js.map +1 -0
  124. package/dist/elements/Locked/index.scss +16 -0
  125. package/dist/elements/Nav/NavToggler/index.scss +9 -7
  126. package/dist/elements/NavGroup/index.scss +43 -41
  127. package/dist/elements/Pagination/ClickableArrow/index.scss +34 -32
  128. package/dist/elements/Pagination/index.d.ts.map +1 -1
  129. package/dist/elements/Pagination/index.js +1 -1
  130. package/dist/elements/Pagination/index.js.map +1 -1
  131. package/dist/elements/Pagination/index.scss +40 -38
  132. package/dist/elements/PerPage/index.d.ts +5 -5
  133. package/dist/elements/PerPage/index.d.ts.map +1 -1
  134. package/dist/elements/PerPage/index.js +2 -1
  135. package/dist/elements/PerPage/index.js.map +1 -1
  136. package/dist/elements/PerPage/index.scss +37 -35
  137. package/dist/elements/Pill/index.scss +104 -100
  138. package/dist/elements/Popup/PopupButtonList/index.scss +45 -43
  139. package/dist/elements/Popup/PopupTrigger/index.d.ts +1 -0
  140. package/dist/elements/Popup/PopupTrigger/index.d.ts.map +1 -1
  141. package/dist/elements/Popup/PopupTrigger/index.js +3 -2
  142. package/dist/elements/Popup/PopupTrigger/index.js.map +1 -1
  143. package/dist/elements/Popup/PopupTrigger/index.scss +26 -12
  144. package/dist/elements/Popup/index.d.ts +1 -0
  145. package/dist/elements/Popup/index.d.ts.map +1 -1
  146. package/dist/elements/Popup/index.js +6 -3
  147. package/dist/elements/Popup/index.js.map +1 -1
  148. package/dist/elements/Popup/index.scss +194 -175
  149. package/dist/elements/PreviewButton/usePreviewURL.d.ts.map +1 -1
  150. package/dist/elements/PreviewButton/usePreviewURL.js +11 -3
  151. package/dist/elements/PreviewButton/usePreviewURL.js.map +1 -1
  152. package/dist/elements/PreviewSizes/index.scss +115 -113
  153. package/dist/elements/PublishButton/index.d.ts.map +1 -1
  154. package/dist/elements/PublishButton/index.js +97 -46
  155. package/dist/elements/PublishButton/index.js.map +1 -1
  156. package/dist/elements/PublishMany/index.d.ts.map +1 -1
  157. package/dist/elements/PublishMany/index.js +18 -6
  158. package/dist/elements/PublishMany/index.js.map +1 -1
  159. package/dist/elements/PublishMany/index.scss +28 -26
  160. package/dist/elements/ReactSelect/ClearIndicator/index.scss +6 -4
  161. package/dist/elements/ReactSelect/DropdownIndicator/index.scss +11 -9
  162. package/dist/elements/ReactSelect/MultiValue/index.scss +26 -24
  163. package/dist/elements/ReactSelect/MultiValueLabel/index.scss +16 -14
  164. package/dist/elements/ReactSelect/MultiValueRemove/index.scss +20 -18
  165. package/dist/elements/ReactSelect/ValueContainer/index.scss +22 -20
  166. package/dist/elements/ReactSelect/index.d.ts.map +1 -1
  167. package/dist/elements/ReactSelect/index.js +2 -0
  168. package/dist/elements/ReactSelect/index.js.map +1 -1
  169. package/dist/elements/ReactSelect/index.scss +67 -56
  170. package/dist/elements/ReactSelect/types.d.ts +2 -1
  171. package/dist/elements/ReactSelect/types.d.ts.map +1 -1
  172. package/dist/elements/ReactSelect/types.js.map +1 -1
  173. package/dist/elements/RelationshipTable/TableWrapper.d.ts +8 -0
  174. package/dist/elements/RelationshipTable/TableWrapper.d.ts.map +1 -0
  175. package/dist/elements/RelationshipTable/TableWrapper.js +69 -0
  176. package/dist/elements/RelationshipTable/TableWrapper.js.map +1 -0
  177. package/dist/elements/RelationshipTable/cells/DrawerLink/index.d.ts +8 -0
  178. package/dist/elements/RelationshipTable/cells/DrawerLink/index.d.ts.map +1 -0
  179. package/dist/elements/RelationshipTable/cells/DrawerLink/index.js +82 -0
  180. package/dist/elements/RelationshipTable/cells/DrawerLink/index.js.map +1 -0
  181. package/dist/elements/RelationshipTable/cells/DrawerLink/index.scss +6 -0
  182. package/dist/elements/RelationshipTable/index.d.ts +15 -0
  183. package/dist/elements/RelationshipTable/index.d.ts.map +1 -0
  184. package/dist/elements/RelationshipTable/index.js +445 -0
  185. package/dist/elements/RelationshipTable/index.js.map +1 -0
  186. package/dist/elements/RelationshipTable/index.scss +28 -0
  187. package/dist/elements/RenderTitle/index.scss +7 -5
  188. package/dist/elements/SearchFilter/index.scss +31 -28
  189. package/dist/elements/SelectAll/index.scss +5 -3
  190. package/dist/elements/SelectRow/index.d.ts.map +1 -1
  191. package/dist/elements/SelectRow/index.js +64 -24
  192. package/dist/elements/SelectRow/index.js.map +1 -1
  193. package/dist/elements/SelectRow/index.scss +6 -4
  194. package/dist/elements/ShimmerEffect/index.scss +26 -24
  195. package/dist/elements/SortColumn/index.d.ts +1 -0
  196. package/dist/elements/SortColumn/index.d.ts.map +1 -1
  197. package/dist/elements/SortColumn/index.js +29 -17
  198. package/dist/elements/SortColumn/index.js.map +1 -1
  199. package/dist/elements/SortColumn/index.scss +54 -43
  200. package/dist/elements/SortComplex/index.scss +27 -25
  201. package/dist/elements/Status/index.js +1 -1
  202. package/dist/elements/Status/index.js.map +1 -1
  203. package/dist/elements/Status/index.scss +45 -43
  204. package/dist/elements/StayLoggedIn/index.scss +28 -26
  205. package/dist/elements/StepNav/index.scss +62 -61
  206. package/dist/elements/Table/DefaultCell/fields/Checkbox/index.scss +20 -18
  207. package/dist/elements/Table/DefaultCell/fields/Code/index.scss +22 -20
  208. package/dist/elements/Table/DefaultCell/fields/File/index.scss +18 -16
  209. package/dist/elements/Table/DefaultCell/fields/JSON/index.scss +20 -18
  210. package/dist/elements/Table/DefaultCell/fields/Relationship/index.d.ts +2 -3
  211. package/dist/elements/Table/DefaultCell/fields/Relationship/index.d.ts.map +1 -1
  212. package/dist/elements/Table/DefaultCell/fields/Relationship/index.js +43 -40
  213. package/dist/elements/Table/DefaultCell/fields/Relationship/index.js.map +1 -1
  214. package/dist/elements/Table/DefaultCell/fields/Relationship/index.scss +0 -3
  215. package/dist/elements/Table/DefaultCell/fields/index.d.ts +1 -0
  216. package/dist/elements/Table/DefaultCell/fields/index.d.ts.map +1 -1
  217. package/dist/elements/Table/DefaultCell/fields/index.js +1 -0
  218. package/dist/elements/Table/DefaultCell/fields/index.js.map +1 -1
  219. package/dist/elements/Table/DefaultCell/index.js +2 -2
  220. package/dist/elements/Table/DefaultCell/index.js.map +1 -1
  221. package/dist/elements/Table/RenderCell.d.ts +11 -0
  222. package/dist/elements/Table/RenderCell.d.ts.map +1 -0
  223. package/dist/elements/Table/RenderCell.js +30 -0
  224. package/dist/elements/Table/RenderCell.js.map +1 -0
  225. package/dist/elements/Table/TableCellProvider/index.js +9 -9
  226. package/dist/elements/Table/TableCellProvider/index.js.map +1 -1
  227. package/dist/elements/Table/index.d.ts +3 -6
  228. package/dist/elements/Table/index.d.ts.map +1 -1
  229. package/dist/elements/Table/index.js +36 -31
  230. package/dist/elements/Table/index.js.map +1 -1
  231. package/dist/elements/Table/index.scss +87 -35
  232. package/dist/elements/TableColumns/buildColumnState.d.ts +5 -2
  233. package/dist/elements/TableColumns/buildColumnState.d.ts.map +1 -1
  234. package/dist/elements/TableColumns/buildColumnState.js +35 -22
  235. package/dist/elements/TableColumns/buildColumnState.js.map +1 -1
  236. package/dist/elements/TableColumns/index.d.ts +5 -0
  237. package/dist/elements/TableColumns/index.d.ts.map +1 -1
  238. package/dist/elements/TableColumns/index.js +107 -74
  239. package/dist/elements/TableColumns/index.js.map +1 -1
  240. package/dist/elements/Thumbnail/index.scss +37 -35
  241. package/dist/elements/ThumbnailCard/index.scss +31 -29
  242. package/dist/elements/Tooltip/index.d.ts +1 -0
  243. package/dist/elements/Tooltip/index.d.ts.map +1 -1
  244. package/dist/elements/Tooltip/index.js +15 -13
  245. package/dist/elements/Tooltip/index.js.map +1 -1
  246. package/dist/elements/Tooltip/index.scss +77 -75
  247. package/dist/elements/UnpublishMany/index.d.ts.map +1 -1
  248. package/dist/elements/UnpublishMany/index.js +18 -6
  249. package/dist/elements/UnpublishMany/index.js.map +1 -1
  250. package/dist/elements/UnpublishMany/index.scss +28 -26
  251. package/dist/elements/Upload/index.d.ts.map +1 -1
  252. package/dist/elements/Upload/index.js +2 -0
  253. package/dist/elements/Upload/index.js.map +1 -1
  254. package/dist/elements/Upload/index.scss +122 -120
  255. package/dist/elements/WhereBuilder/Condition/Number/index.scss +4 -2
  256. package/dist/elements/WhereBuilder/Condition/Relationship/index.scss +9 -7
  257. package/dist/elements/WhereBuilder/Condition/Text/index.scss +4 -2
  258. package/dist/elements/WhereBuilder/Condition/index.js +32 -30
  259. package/dist/elements/WhereBuilder/Condition/index.js.map +1 -1
  260. package/dist/elements/WhereBuilder/Condition/index.scss +43 -41
  261. package/dist/elements/WhereBuilder/index.scss +28 -26
  262. package/dist/elements/WhereBuilder/reduceClientFields.d.ts.map +1 -1
  263. package/dist/elements/WhereBuilder/reduceClientFields.js +3 -1
  264. package/dist/elements/WhereBuilder/reduceClientFields.js.map +1 -1
  265. package/dist/exports/client/{CodeEditor-CHKRX3U2.js → CodeEditor-4A6256PR.js} +6 -4
  266. package/dist/exports/client/CodeEditor-4A6256PR.js.map +8 -0
  267. package/dist/exports/client/{DatePicker-OLRZVTAD.js → DatePicker-2ZXVD574.js} +2 -2
  268. package/dist/exports/client/chunk-6IWEPNUV.js +14 -0
  269. package/dist/exports/client/chunk-6IWEPNUV.js.map +8 -0
  270. package/dist/exports/client/{chunk-JINNHJP7.js → chunk-ED2SHEMU.js} +3 -3
  271. package/dist/exports/client/{chunk-JINNHJP7.js.map → chunk-ED2SHEMU.js.map} +4 -4
  272. package/dist/exports/client/index.d.ts +3 -1
  273. package/dist/exports/client/index.d.ts.map +1 -1
  274. package/dist/exports/client/index.js +22 -19
  275. package/dist/exports/client/index.js.map +4 -4
  276. package/dist/exports/shared/index.d.ts +3 -0
  277. package/dist/exports/shared/index.d.ts.map +1 -1
  278. package/dist/exports/shared/index.js +2 -2
  279. package/dist/exports/shared/index.js.map +4 -4
  280. package/dist/fields/Array/ArrayRow.js +2 -2
  281. package/dist/fields/Array/ArrayRow.js.map +1 -1
  282. package/dist/fields/Array/index.scss +74 -72
  283. package/dist/fields/Blocks/BlockRow.js +2 -2
  284. package/dist/fields/Blocks/BlockRow.js.map +1 -1
  285. package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.scss +25 -23
  286. package/dist/fields/Blocks/BlocksDrawer/index.scss +36 -34
  287. package/dist/fields/Blocks/SectionTitle/index.scss +51 -49
  288. package/dist/fields/Blocks/index.scss +89 -87
  289. package/dist/fields/Checkbox/Input.js +1 -1
  290. package/dist/fields/Checkbox/Input.js.map +1 -1
  291. package/dist/fields/Checkbox/index.scss +110 -95
  292. package/dist/fields/Code/index.scss +18 -16
  293. package/dist/fields/Collapsible/index.d.ts +141 -4
  294. package/dist/fields/Collapsible/index.d.ts.map +1 -1
  295. package/dist/fields/Collapsible/index.scss +8 -6
  296. package/dist/fields/ConfirmPassword/index.scss +18 -16
  297. package/dist/fields/DateTime/index.scss +13 -11
  298. package/dist/fields/Email/index.scss +21 -19
  299. package/dist/fields/FieldDescription/index.scss +9 -7
  300. package/dist/fields/FieldError/index.scss +13 -11
  301. package/dist/fields/FieldLabel/index.scss +17 -15
  302. package/dist/fields/Group/index.js +2 -2
  303. package/dist/fields/Group/index.js.map +1 -1
  304. package/dist/fields/Group/index.scss +107 -105
  305. package/dist/fields/JSON/index.scss +11 -9
  306. package/dist/fields/Join/index.d.ts +9 -0
  307. package/dist/fields/Join/index.d.ts.map +1 -0
  308. package/dist/fields/Join/index.js +75 -0
  309. package/dist/fields/Join/index.js.map +1 -0
  310. package/dist/fields/Number/index.js +1 -1
  311. package/dist/fields/Number/index.js.map +1 -1
  312. package/dist/fields/Number/index.scss +19 -17
  313. package/dist/fields/Password/index.js +29 -25
  314. package/dist/fields/Password/index.js.map +1 -1
  315. package/dist/fields/Password/index.scss +18 -16
  316. package/dist/fields/Point/index.scss +33 -31
  317. package/dist/fields/RadioGroup/Radio/index.scss +58 -56
  318. package/dist/fields/RadioGroup/index.scss +57 -55
  319. package/dist/fields/Relationship/findOptionsByValue.d.ts +2 -1
  320. package/dist/fields/Relationship/findOptionsByValue.d.ts.map +1 -1
  321. package/dist/fields/Relationship/findOptionsByValue.js +9 -2
  322. package/dist/fields/Relationship/findOptionsByValue.js.map +1 -1
  323. package/dist/fields/Relationship/index.d.ts +4 -4
  324. package/dist/fields/Relationship/index.d.ts.map +1 -1
  325. package/dist/fields/Relationship/index.js +2 -0
  326. package/dist/fields/Relationship/index.js.map +1 -1
  327. package/dist/fields/Relationship/index.scss +44 -42
  328. package/dist/fields/Relationship/select-components/MultiValueLabel/index.js +23 -20
  329. package/dist/fields/Relationship/select-components/MultiValueLabel/index.js.map +1 -1
  330. package/dist/fields/Relationship/select-components/MultiValueLabel/index.scss +40 -38
  331. package/dist/fields/Relationship/select-components/SingleValue/index.d.ts.map +1 -1
  332. package/dist/fields/Relationship/select-components/SingleValue/index.js +35 -34
  333. package/dist/fields/Relationship/select-components/SingleValue/index.js.map +1 -1
  334. package/dist/fields/Relationship/select-components/SingleValue/index.scss +43 -41
  335. package/dist/fields/Relationship/types.d.ts +1 -0
  336. package/dist/fields/Relationship/types.d.ts.map +1 -1
  337. package/dist/fields/Relationship/types.js.map +1 -1
  338. package/dist/fields/Row/index.scss +31 -26
  339. package/dist/fields/Select/index.scss +16 -14
  340. package/dist/fields/Tabs/Tab/index.scss +58 -56
  341. package/dist/fields/Tabs/index.d.ts.map +1 -1
  342. package/dist/fields/Tabs/index.js +69 -53
  343. package/dist/fields/Tabs/index.js.map +1 -1
  344. package/dist/fields/Tabs/index.scss +46 -44
  345. package/dist/fields/Text/index.d.ts.map +1 -1
  346. package/dist/fields/Text/index.scss +23 -21
  347. package/dist/fields/Textarea/index.d.ts.map +1 -1
  348. package/dist/fields/Textarea/index.js +4 -1
  349. package/dist/fields/Textarea/index.js.map +1 -1
  350. package/dist/fields/Textarea/index.scss +89 -87
  351. package/dist/fields/Upload/HasMany/index.scss +20 -18
  352. package/dist/fields/Upload/HasOne/index.js +1 -1
  353. package/dist/fields/Upload/HasOne/index.js.map +1 -1
  354. package/dist/fields/Upload/HasOne/index.scss +5 -3
  355. package/dist/fields/Upload/Input.d.ts +0 -1
  356. package/dist/fields/Upload/Input.d.ts.map +1 -1
  357. package/dist/fields/Upload/Input.js +49 -39
  358. package/dist/fields/Upload/Input.js.map +1 -1
  359. package/dist/fields/Upload/RelationshipContent/index.js +28 -29
  360. package/dist/fields/Upload/RelationshipContent/index.js.map +1 -1
  361. package/dist/fields/Upload/RelationshipContent/index.scss +44 -42
  362. package/dist/fields/Upload/UploadCard/index.scss +21 -20
  363. package/dist/fields/Upload/index.scss +49 -47
  364. package/dist/fields/index.d.ts.map +1 -1
  365. package/dist/fields/index.js +2 -0
  366. package/dist/fields/index.js.map +1 -1
  367. package/dist/forms/Form/fieldReducer.d.ts.map +1 -1
  368. package/dist/forms/Form/fieldReducer.js +7 -0
  369. package/dist/forms/Form/fieldReducer.js.map +1 -1
  370. package/dist/forms/Form/index.js +6 -2
  371. package/dist/forms/Form/index.js.map +1 -1
  372. package/dist/forms/Form/index.scss +5 -3
  373. package/dist/forms/NullifyField/index.d.ts.map +1 -1
  374. package/dist/forms/NullifyField/index.js +1 -0
  375. package/dist/forms/NullifyField/index.js.map +1 -1
  376. package/dist/forms/RenderFields/RenderField.d.ts.map +1 -1
  377. package/dist/forms/RenderFields/RenderField.js +3 -1
  378. package/dist/forms/RenderFields/RenderField.js.map +1 -1
  379. package/dist/forms/RenderFields/index.d.ts.map +1 -1
  380. package/dist/forms/RenderFields/index.js +18 -15
  381. package/dist/forms/RenderFields/index.js.map +1 -1
  382. package/dist/forms/RenderFields/index.scss +47 -45
  383. package/dist/forms/Submit/index.scss +5 -3
  384. package/dist/forms/buildStateFromSchema/addFieldStatePromise.d.ts.map +1 -1
  385. package/dist/forms/buildStateFromSchema/addFieldStatePromise.js +3 -4
  386. package/dist/forms/buildStateFromSchema/addFieldStatePromise.js.map +1 -1
  387. package/dist/forms/buildStateFromSchema/index.d.ts +2 -0
  388. package/dist/forms/buildStateFromSchema/index.d.ts.map +1 -1
  389. package/dist/forms/buildStateFromSchema/index.js.map +1 -1
  390. package/dist/forms/useField/index.d.ts.map +1 -1
  391. package/dist/forms/useField/index.js +203 -111
  392. package/dist/forms/useField/index.js.map +1 -1
  393. package/dist/graphics/Account/Default/index.scss +43 -41
  394. package/dist/hooks/useDelay.js +48 -15
  395. package/dist/hooks/useDelay.js.map +1 -1
  396. package/dist/hooks/useDelayedRender.js +71 -32
  397. package/dist/hooks/useDelayedRender.js.map +1 -1
  398. package/dist/hooks/usePayloadAPI.d.ts.map +1 -1
  399. package/dist/hooks/usePayloadAPI.js.map +1 -1
  400. package/dist/icons/Calendar/index.scss +8 -6
  401. package/dist/icons/Check/index.scss +9 -7
  402. package/dist/icons/Chevron/index.d.ts +3 -3
  403. package/dist/icons/Chevron/index.d.ts.map +1 -1
  404. package/dist/icons/Chevron/index.js +4 -4
  405. package/dist/icons/Chevron/index.js.map +1 -1
  406. package/dist/icons/Chevron/index.scss +20 -10
  407. package/dist/icons/CloseMenu/index.scss +7 -5
  408. package/dist/icons/Copy/index.scss +9 -7
  409. package/dist/icons/DragHandle/index.scss +9 -7
  410. package/dist/icons/Edit/index.scss +9 -7
  411. package/dist/icons/Line/index.scss +8 -6
  412. package/dist/icons/Link/index.scss +8 -6
  413. package/dist/icons/Lock/index.d.ts +6 -0
  414. package/dist/icons/Lock/index.d.ts.map +1 -0
  415. package/dist/icons/Lock/index.js +27 -0
  416. package/dist/icons/Lock/index.js.map +1 -0
  417. package/dist/icons/Lock/index.scss +10 -0
  418. package/dist/icons/LogOut/index.scss +8 -6
  419. package/dist/icons/Menu/index.scss +6 -4
  420. package/dist/icons/More/index.scss +8 -6
  421. package/dist/icons/Plus/index.scss +6 -4
  422. package/dist/icons/Search/index.scss +8 -6
  423. package/dist/icons/Swap/index.scss +9 -7
  424. package/dist/icons/X/index.scss +6 -4
  425. package/dist/providers/Auth/index.d.ts +9 -4
  426. package/dist/providers/Auth/index.d.ts.map +1 -1
  427. package/dist/providers/Auth/index.js +51 -56
  428. package/dist/providers/Auth/index.js.map +1 -1
  429. package/dist/providers/Config/createClientConfig/collections.d.ts.map +1 -1
  430. package/dist/providers/Config/createClientConfig/collections.js +11 -1
  431. package/dist/providers/Config/createClientConfig/collections.js.map +1 -1
  432. package/dist/providers/Config/createClientConfig/fields.d.ts.map +1 -1
  433. package/dist/providers/Config/createClientConfig/fields.js +24 -3
  434. package/dist/providers/Config/createClientConfig/fields.js.map +1 -1
  435. package/dist/providers/DocumentInfo/index.d.ts.map +1 -1
  436. package/dist/providers/DocumentInfo/index.js +109 -7
  437. package/dist/providers/DocumentInfo/index.js.map +1 -1
  438. package/dist/providers/DocumentInfo/types.d.ts +32 -27
  439. package/dist/providers/DocumentInfo/types.d.ts.map +1 -1
  440. package/dist/providers/DocumentInfo/types.js.map +1 -1
  441. package/dist/providers/ListQuery/index.d.ts +5 -5
  442. package/dist/providers/ListQuery/index.d.ts.map +1 -1
  443. package/dist/providers/ListQuery/index.js.map +1 -1
  444. package/dist/providers/Preferences/index.js +3 -1
  445. package/dist/providers/Preferences/index.js.map +1 -1
  446. package/dist/providers/Root/index.d.ts.map +1 -1
  447. package/dist/providers/Root/index.js +2 -2
  448. package/dist/providers/Root/index.js.map +1 -1
  449. package/dist/providers/ScrollInfo/index.d.ts +1 -3
  450. package/dist/providers/ScrollInfo/index.d.ts.map +1 -1
  451. package/dist/providers/ScrollInfo/index.js +1 -12
  452. package/dist/providers/ScrollInfo/index.js.map +1 -1
  453. package/dist/providers/Selection/index.d.ts +3 -2
  454. package/dist/providers/Selection/index.d.ts.map +1 -1
  455. package/dist/providers/Selection/index.js +66 -37
  456. package/dist/providers/Selection/index.js.map +1 -1
  457. package/dist/providers/Theme/index.d.ts +0 -1
  458. package/dist/providers/Theme/index.d.ts.map +1 -1
  459. package/dist/providers/Theme/index.js +29 -21
  460. package/dist/providers/Theme/index.js.map +1 -1
  461. package/dist/providers/Translation/index.d.ts.map +1 -1
  462. package/dist/providers/Translation/index.js +5 -7
  463. package/dist/providers/Translation/index.js.map +1 -1
  464. package/dist/scss/app.scss +166 -162
  465. package/dist/scss/colors.scss +256 -254
  466. package/dist/scss/resets.scss +9 -7
  467. package/dist/scss/toastify.scss +42 -40
  468. package/dist/scss/toasts.scss +105 -103
  469. package/dist/scss/type.scss +81 -79
  470. package/dist/styles.css +1 -1
  471. package/dist/utilities/buildFormState.d.ts +9 -3
  472. package/dist/utilities/buildFormState.d.ts.map +1 -1
  473. package/dist/utilities/buildFormState.js +82 -4
  474. package/dist/utilities/buildFormState.js.map +1 -1
  475. package/dist/utilities/deepMerge.d.ts +12 -0
  476. package/dist/utilities/deepMerge.d.ts.map +1 -0
  477. package/dist/utilities/deepMerge.js +25 -0
  478. package/dist/utilities/deepMerge.js.map +1 -0
  479. package/dist/utilities/getFormState.d.ts +8 -2
  480. package/dist/utilities/getFormState.d.ts.map +1 -1
  481. package/dist/utilities/getFormState.js +3 -1
  482. package/dist/utilities/getFormState.js.map +1 -1
  483. package/dist/utilities/handleBackToDashboard.d.ts +8 -0
  484. package/dist/utilities/handleBackToDashboard.d.ts.map +1 -0
  485. package/dist/utilities/handleBackToDashboard.js +12 -0
  486. package/dist/utilities/handleBackToDashboard.js.map +1 -0
  487. package/dist/utilities/handleGoBack.d.ts +9 -0
  488. package/dist/utilities/handleGoBack.d.ts.map +1 -0
  489. package/dist/utilities/handleGoBack.js +13 -0
  490. package/dist/utilities/handleGoBack.js.map +1 -0
  491. package/dist/utilities/handleTakeOver.d.ts +7 -0
  492. package/dist/utilities/handleTakeOver.d.ts.map +1 -0
  493. package/dist/utilities/handleTakeOver.js +27 -0
  494. package/dist/utilities/handleTakeOver.js.map +1 -0
  495. package/package.json +16 -16
  496. package/dist/exports/client/CodeEditor-CHKRX3U2.js.map +0 -8
  497. package/dist/exports/client/chunk-BGA6EPOL.js +0 -14
  498. package/dist/exports/client/chunk-BGA6EPOL.js.map +0 -8
  499. /package/dist/exports/client/{DatePicker-OLRZVTAD.js.map → DatePicker-2ZXVD574.js.map} +0 -0
@@ -1,71 +1,73 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .banner {
4
- font-size: 1rem;
5
- line-height: base(1);
6
- border: 0;
7
- vertical-align: middle;
8
- background: var(--theme-elevation-100);
9
- color: var(--theme-elevation-800);
10
- border-radius: $style-radius-m;
11
- padding: base(0.5);
12
- margin-bottom: $baseline;
3
+ @layer payload-default {
4
+ .banner {
5
+ font-size: 1rem;
6
+ line-height: base(1);
7
+ border: 0;
8
+ vertical-align: middle;
9
+ background: var(--theme-elevation-100);
10
+ color: var(--theme-elevation-800);
11
+ border-radius: $style-radius-m;
12
+ padding: base(0.5);
13
+ margin-bottom: $baseline;
13
14
 
14
- &--has-action {
15
- cursor: pointer;
16
- text-decoration: none;
17
- }
18
-
19
- &--has-icon {
20
- display: flex;
21
-
22
- svg {
23
- display: block;
15
+ &--has-action {
16
+ cursor: pointer;
17
+ text-decoration: none;
24
18
  }
25
- }
26
19
 
27
- &--type-default {
28
- &.button--has-action {
29
- &:hover {
30
- background: var(--theme-elevation-900);
31
- }
20
+ &--has-icon {
21
+ display: flex;
32
22
 
33
- &:active {
34
- background: var(--theme-elevation-950);
23
+ svg {
24
+ display: block;
35
25
  }
36
26
  }
37
- }
38
27
 
39
- &--type-error {
40
- background: var(--theme-error-100);
41
- color: var(--theme-error-600);
28
+ &--type-default {
29
+ &.button--has-action {
30
+ &:hover {
31
+ background: var(--theme-elevation-900);
32
+ }
42
33
 
43
- svg {
44
- @include color-svg(var(--theme-error-600));
34
+ &:active {
35
+ background: var(--theme-elevation-950);
36
+ }
37
+ }
45
38
  }
46
39
 
47
- &.button--has-action {
48
- &:hover {
49
- background: var(--theme-error-200);
40
+ &--type-error {
41
+ background: var(--theme-error-100);
42
+ color: var(--theme-error-600);
43
+
44
+ svg {
45
+ @include color-svg(var(--theme-error-600));
50
46
  }
51
47
 
52
- &:active {
53
- background: var(--theme-error-300);
48
+ &.button--has-action {
49
+ &:hover {
50
+ background: var(--theme-error-200);
51
+ }
52
+
53
+ &:active {
54
+ background: var(--theme-error-300);
55
+ }
54
56
  }
55
57
  }
56
- }
57
58
 
58
- &--type-success {
59
- background: var(--theme-success-100);
60
- color: var(--theme-success-600);
59
+ &--type-success {
60
+ background: var(--theme-success-100);
61
+ color: var(--theme-success-600);
61
62
 
62
- &.button--has-action {
63
- &:hover {
64
- background: var(--theme-success-200);
65
- }
63
+ &.button--has-action {
64
+ &:hover {
65
+ background: var(--theme-success-200);
66
+ }
66
67
 
67
- &:active {
68
- background: var(--theme-success-200);
68
+ &:active {
69
+ background: var(--theme-success-200);
70
+ }
69
71
  }
70
72
  }
71
73
  }
@@ -148,7 +148,7 @@ export function Actions(t0) {
148
148
  }
149
149
  const t3 = t2.join(" ");
150
150
  let t4;
151
- if ($[7] !== collectionConfig || $[8] !== hasSavePermission || $[9] !== saveAllDocs || $[10] !== t || $[11] !== hasPublishPermission || $[12] !== t3) {
151
+ if ($[7] !== collectionConfig?.versions?.drafts || $[8] !== hasSavePermission || $[9] !== saveAllDocs || $[10] !== t || $[11] !== hasPublishPermission || $[12] !== t3) {
152
152
  t4 = _jsxs("div", {
153
153
  className: t3,
154
154
  children: [collectionConfig?.versions?.drafts && hasSavePermission ? _jsx(Button, {
@@ -171,7 +171,7 @@ export function Actions(t0) {
171
171
  children: t("general:save")
172
172
  }) : null]
173
173
  });
174
- $[7] = collectionConfig;
174
+ $[7] = collectionConfig?.versions?.drafts;
175
175
  $[8] = hasSavePermission;
176
176
  $[9] = saveAllDocs;
177
177
  $[10] = t;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useConfig","useTranslation","Button","useFormsManager","baseClass","ActionsBar","$","activeIndex","forms","setActiveIndex","t","t0","t1","length","t2","nextIndex","t3","nextIndex_0","_jsxs","className","children","_jsx","buttonStyle","onClick","type","direction","Actions","config","collectionSlug","hasPublishPermission","hasSavePermission","saveAllDocs","collections","slug","find","collectionConfig","filter","Boolean","join","t4","versions","drafts","overrides","_status"],"sources":["../../../../src/elements/BulkUpload/ActionsBar/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--actions-bar'\n\nexport function ActionsBar() {\n const { activeIndex, forms, setActiveIndex } = useFormsManager()\n const { t } = useTranslation()\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__navigation`}>\n <p className={`${baseClass}__locationText`}>\n <strong>{activeIndex + 1}</strong>\n {' of '}\n <strong>{forms.length}</strong>\n </p>\n\n <div className={`${baseClass}__controls`}>\n <Button\n aria-label={t('general:previous')}\n buttonStyle=\"none\"\n onClick={() => {\n const nextIndex = activeIndex - 1\n if (nextIndex < 0) {\n setActiveIndex(forms.length - 1)\n } else {\n setActiveIndex(nextIndex)\n }\n }}\n type=\"button\"\n >\n <ChevronIcon direction=\"left\" />\n </Button>\n <Button\n aria-label={t('general:next')}\n buttonStyle=\"none\"\n onClick={() => {\n const nextIndex = activeIndex + 1\n if (nextIndex === forms.length) {\n setActiveIndex(0)\n } else {\n setActiveIndex(nextIndex)\n }\n }}\n type=\"button\"\n >\n <ChevronIcon direction=\"right\" />\n </Button>\n </div>\n </div>\n\n <Actions className={`${baseClass}__saveButtons`} />\n </div>\n )\n}\n\ntype ActionsProps = {\n readonly className?: string\n}\nexport function Actions({ className }: ActionsProps) {\n const { config } = useConfig()\n const { t } = useTranslation()\n const { collectionSlug, hasPublishPermission, hasSavePermission, saveAllDocs } = useFormsManager()\n\n const collectionConfig = config.collections.find((c) => c.slug === collectionSlug)\n\n return (\n <div className={[`${baseClass}__buttons`, className].filter(Boolean).join(' ')}>\n {collectionConfig?.versions?.drafts && hasSavePermission ? (\n <Button\n buttonStyle=\"secondary\"\n onClick={() => void saveAllDocs({ overrides: { _status: 'draft' } })}\n >\n {t('version:saveDraft')}\n </Button>\n ) : null}\n {collectionConfig?.versions?.drafts && hasPublishPermission ? (\n <Button onClick={() => void saveAllDocs({ overrides: { _status: 'published' } })}>\n {t('version:publish')}\n </Button>\n ) : null}\n\n {!collectionConfig?.versions?.drafts && hasSavePermission ? (\n <Button onClick={() => void saveAllDocs()}>{t('general:save')}</Button>\n ) : null}\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useConfig","useTranslation","Button","useFormsManager","baseClass","ActionsBar","$","activeIndex","forms","setActiveIndex","t","t0","t1","length","t2","nextIndex","t3","nextIndex_0","_jsxs","className","children","_jsx","buttonStyle","onClick","type","direction","Actions","config","collectionSlug","hasPublishPermission","hasSavePermission","saveAllDocs","collections","slug","find","collectionConfig","filter","Boolean","join","t4","versions","drafts","overrides","_status"],"sources":["../../../../src/elements/BulkUpload/ActionsBar/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--actions-bar'\n\nexport function ActionsBar() {\n const { activeIndex, forms, setActiveIndex } = useFormsManager()\n const { t } = useTranslation()\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__navigation`}>\n <p className={`${baseClass}__locationText`}>\n <strong>{activeIndex + 1}</strong>\n {' of '}\n <strong>{forms.length}</strong>\n </p>\n\n <div className={`${baseClass}__controls`}>\n <Button\n aria-label={t('general:previous')}\n buttonStyle=\"none\"\n onClick={() => {\n const nextIndex = activeIndex - 1\n if (nextIndex < 0) {\n setActiveIndex(forms.length - 1)\n } else {\n setActiveIndex(nextIndex)\n }\n }}\n type=\"button\"\n >\n <ChevronIcon direction=\"left\" />\n </Button>\n <Button\n aria-label={t('general:next')}\n buttonStyle=\"none\"\n onClick={() => {\n const nextIndex = activeIndex + 1\n if (nextIndex === forms.length) {\n setActiveIndex(0)\n } else {\n setActiveIndex(nextIndex)\n }\n }}\n type=\"button\"\n >\n <ChevronIcon direction=\"right\" />\n </Button>\n </div>\n </div>\n\n <Actions className={`${baseClass}__saveButtons`} />\n </div>\n )\n}\n\ntype ActionsProps = {\n readonly className?: string\n}\nexport function Actions({ className }: ActionsProps) {\n const { config } = useConfig()\n const { t } = useTranslation()\n const { collectionSlug, hasPublishPermission, hasSavePermission, saveAllDocs } = useFormsManager()\n\n const collectionConfig = config.collections.find((c) => c.slug === collectionSlug)\n\n return (\n <div className={[`${baseClass}__buttons`, className].filter(Boolean).join(' ')}>\n {collectionConfig?.versions?.drafts && hasSavePermission ? (\n <Button\n buttonStyle=\"secondary\"\n onClick={() => void saveAllDocs({ overrides: { _status: 'draft' } })}\n >\n {t('version:saveDraft')}\n </Button>\n ) : null}\n {collectionConfig?.versions?.drafts && hasPublishPermission ? (\n <Button onClick={() => void saveAllDocs({ overrides: { _status: 'published' } })}>\n {t('version:publish')}\n </Button>\n ) : null}\n\n {!collectionConfig?.versions?.drafts && hasSavePermission ? (\n <Button onClick={() => void saveAllDocs()}>{t('general:save')}</Button>\n ) : null}\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,59 +1,61 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .bulk-upload--actions-bar {
4
- display: flex;
5
- padding-inline: var(--gutter-h);
6
- align-items: center;
7
- border-bottom: 1px solid var(--theme-border-color);
8
- position: sticky;
9
- z-index: 1;
10
- top: 0;
11
- background-color: var(--theme-bg);
12
- height: var(--doc-controls-height);
13
-
14
- &__navigation {
3
+ @layer payload-default {
4
+ .bulk-upload--actions-bar {
15
5
  display: flex;
16
- gap: var(--base);
6
+ padding-inline: var(--gutter-h);
17
7
  align-items: center;
18
- width: 100%;
19
- }
8
+ border-bottom: 1px solid var(--theme-border-color);
9
+ position: sticky;
10
+ z-index: 1;
11
+ top: 0;
12
+ background-color: var(--theme-bg);
13
+ height: var(--doc-controls-height);
20
14
 
21
- &__locationText {
22
- font-variant-numeric: tabular-nums;
23
- margin: 0;
24
- }
15
+ &__navigation {
16
+ display: flex;
17
+ gap: var(--base);
18
+ align-items: center;
19
+ width: 100%;
20
+ }
25
21
 
26
- &__controls {
27
- display: flex;
28
- gap: calc(var(--base) / 2);
22
+ &__locationText {
23
+ font-variant-numeric: tabular-nums;
24
+ margin: 0;
25
+ }
29
26
 
30
- .btn {
31
- background-color: var(--theme-elevation-100);
32
- width: calc(var(--base) * 1.2);
33
- height: calc(var(--base) * 1.2);
27
+ &__controls {
28
+ display: flex;
29
+ gap: calc(var(--base) / 2);
34
30
 
35
- &:hover {
36
- background-color: var(--theme-elevation-200);
37
- }
31
+ .btn {
32
+ background-color: var(--theme-elevation-100);
33
+ width: calc(var(--base) * 1.2);
34
+ height: calc(var(--base) * 1.2);
35
+
36
+ &:hover {
37
+ background-color: var(--theme-elevation-200);
38
+ }
38
39
 
39
- &__label {
40
- display: flex;
40
+ &__label {
41
+ display: flex;
42
+ }
41
43
  }
42
44
  }
43
- }
44
-
45
- &__buttons {
46
- display: flex;
47
- gap: var(--base);
48
- margin-left: auto;
49
- }
50
45
 
51
- @include mid-break {
52
- &__navigation {
53
- justify-content: space-between;
46
+ &__buttons {
47
+ display: flex;
48
+ gap: var(--base);
49
+ margin-left: auto;
54
50
  }
55
- &__saveButtons {
56
- display: none;
51
+
52
+ @include mid-break {
53
+ &__navigation {
54
+ justify-content: space-between;
55
+ }
56
+ &__saveButtons {
57
+ display: none;
58
+ }
57
59
  }
58
60
  }
59
61
  }
@@ -1,9 +1,10 @@
1
1
  import React from 'react';
2
2
  import './index.scss';
3
3
  type Props = {
4
+ readonly acceptMimeTypes?: string;
4
5
  readonly onCancel: () => void;
5
6
  readonly onDrop: (acceptedFiles: FileList) => void;
6
7
  };
7
- export declare function AddFilesView({ onCancel, onDrop }: Props): React.JSX.Element;
8
+ export declare function AddFilesView({ acceptMimeTypes, onCancel, onDrop }: Props): React.JSX.Element;
8
9
  export {};
9
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAK,IAAI,CAAA;CACnD,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,qBA2CvD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAK,IAAI,CAAA;CACnD,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,qBA4CxE"}
@@ -9,6 +9,7 @@ import { DrawerHeader } from '../Header/index.js';
9
9
  import './index.scss';
10
10
  const baseClass = 'bulk-upload--add-files';
11
11
  export function AddFilesView({
12
+ acceptMimeTypes,
12
13
  onCancel,
13
14
  onDrop
14
15
  }) {
@@ -37,6 +38,7 @@ export function AddFilesView({
37
38
  size: "small",
38
39
  children: t('upload:selectFile')
39
40
  }), /*#__PURE__*/_jsx("input", {
41
+ accept: acceptMimeTypes,
40
42
  "aria-hidden": "true",
41
43
  className: `${baseClass}__hidden-input`,
42
44
  hidden: true,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useTranslation","Button","Dropzone","DrawerHeader","baseClass","AddFilesView","onCancel","onDrop","t","inputRef","useRef","_jsxs","className","_jsx","onClose","title","multipleFiles","onChange","buttonStyle","iconPosition","onClick","current","click","size","hidden","multiple","e","target","files","length","ref","type"],"sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Dropzone } from '../../Dropzone/index.js'\nimport { DrawerHeader } from '../Header/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--add-files'\n\ntype Props = {\n readonly onCancel: () => void\n readonly onDrop: (acceptedFiles: FileList) => void\n}\nexport function AddFilesView({ onCancel, onDrop }: Props) {\n const { t } = useTranslation()\n\n const inputRef = React.useRef(null)\n\n return (\n <div className={baseClass}>\n <DrawerHeader onClose={onCancel} title={t('upload:addFiles')} />\n <div className={`${baseClass}__dropArea`}>\n <Dropzone multipleFiles onChange={onDrop}>\n <Button\n buttonStyle=\"pill\"\n iconPosition=\"left\"\n onClick={() => {\n if (inputRef.current) {\n inputRef.current.click()\n }\n }}\n size=\"small\"\n >\n {t('upload:selectFile')}\n </Button>\n <input\n aria-hidden=\"true\"\n className={`${baseClass}__hidden-input`}\n hidden\n multiple\n onChange={(e) => {\n if (e.target.files && e.target.files.length > 0) {\n onDrop(e.target.files)\n }\n }}\n ref={inputRef}\n type=\"file\"\n />\n\n <p className={`${baseClass}__dragAndDropText`}>\n {t('general:or')} {t('upload:dragAndDrop')}\n </p>\n </Dropzone>\n </div>\n </div>\n )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,aAAa;EAAEC,QAAQ;EAAEC;AAAM,CAAS;EACtD,MAAM;IAAEC;EAAC,CAAE,GAAGR,cAAA;EAEd,MAAMS,QAAA,GAAWV,KAAA,CAAMW,MAAM,CAAC;EAE9B,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWR,SAAA;4BACdS,IAAA,CAACV,YAAA;MAAaW,OAAA,EAASR,QAAA;MAAUS,KAAA,EAAOP,CAAA,CAAE;qBAC1CK,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGR,SAAA,YAAqB;gBACtC,aAAAO,KAAA,CAACT,QAAA;QAASc,aAAa;QAACC,QAAA,EAAUV,MAAA;gCAChCM,IAAA,CAACZ,MAAA;UACCiB,WAAA,EAAY;UACZC,YAAA,EAAa;UACbC,OAAA,EAASA,CAAA;YACP,IAAIX,QAAA,CAASY,OAAO,EAAE;cACpBZ,QAAA,CAASY,OAAO,CAACC,KAAK;YACxB;UACF;UACAC,IAAA,EAAK;oBAEJf,CAAA,CAAE;yBAELK,IAAA,CAAC;UACC,eAAY;UACZD,SAAA,EAAW,GAAGR,SAAA,gBAAyB;UACvCoB,MAAM;UACNC,QAAQ;UACRR,QAAA,EAAWS,CAAA;YACT,IAAIA,CAAA,CAAEC,MAAM,CAACC,KAAK,IAAIF,CAAA,CAAEC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,GAAG;cAC/CtB,MAAA,CAAOmB,CAAA,CAAEC,MAAM,CAACC,KAAK;YACvB;UACF;UACAE,GAAA,EAAKrB,QAAA;UACLsB,IAAA,EAAK;yBAGPpB,KAAA,CAAC;UAAEC,SAAA,EAAW,GAAGR,SAAA,mBAA4B;qBAC1CI,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;;;;;AAMjC","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","useTranslation","Button","Dropzone","DrawerHeader","baseClass","AddFilesView","acceptMimeTypes","onCancel","onDrop","t","inputRef","useRef","_jsxs","className","_jsx","onClose","title","multipleFiles","onChange","buttonStyle","iconPosition","onClick","current","click","size","accept","hidden","multiple","e","target","files","length","ref","type"],"sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Dropzone } from '../../Dropzone/index.js'\nimport { DrawerHeader } from '../Header/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--add-files'\n\ntype Props = {\n readonly acceptMimeTypes?: string\n readonly onCancel: () => void\n readonly onDrop: (acceptedFiles: FileList) => void\n}\nexport function AddFilesView({ acceptMimeTypes, onCancel, onDrop }: Props) {\n const { t } = useTranslation()\n\n const inputRef = React.useRef(null)\n\n return (\n <div className={baseClass}>\n <DrawerHeader onClose={onCancel} title={t('upload:addFiles')} />\n <div className={`${baseClass}__dropArea`}>\n <Dropzone multipleFiles onChange={onDrop}>\n <Button\n buttonStyle=\"pill\"\n iconPosition=\"left\"\n onClick={() => {\n if (inputRef.current) {\n inputRef.current.click()\n }\n }}\n size=\"small\"\n >\n {t('upload:selectFile')}\n </Button>\n <input\n accept={acceptMimeTypes}\n aria-hidden=\"true\"\n className={`${baseClass}__hidden-input`}\n hidden\n multiple\n onChange={(e) => {\n if (e.target.files && e.target.files.length > 0) {\n onDrop(e.target.files)\n }\n }}\n ref={inputRef}\n type=\"file\"\n />\n\n <p className={`${baseClass}__dragAndDropText`}>\n {t('general:or')} {t('upload:dragAndDrop')}\n </p>\n </Dropzone>\n </div>\n </div>\n )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,SAASC,aAAa;EAAEC,eAAe;EAAEC,QAAQ;EAAEC;AAAM,CAAS;EACvE,MAAM;IAAEC;EAAC,CAAE,GAAGT,cAAA;EAEd,MAAMU,QAAA,GAAWX,KAAA,CAAMY,MAAM,CAAC;EAE9B,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWT,SAAA;4BACdU,IAAA,CAACX,YAAA;MAAaY,OAAA,EAASR,QAAA;MAAUS,KAAA,EAAOP,CAAA,CAAE;qBAC1CK,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGT,SAAA,YAAqB;gBACtC,aAAAQ,KAAA,CAACV,QAAA;QAASe,aAAa;QAACC,QAAA,EAAUV,MAAA;gCAChCM,IAAA,CAACb,MAAA;UACCkB,WAAA,EAAY;UACZC,YAAA,EAAa;UACbC,OAAA,EAASA,CAAA;YACP,IAAIX,QAAA,CAASY,OAAO,EAAE;cACpBZ,QAAA,CAASY,OAAO,CAACC,KAAK;YACxB;UACF;UACAC,IAAA,EAAK;oBAEJf,CAAA,CAAE;yBAELK,IAAA,CAAC;UACCW,MAAA,EAAQnB,eAAA;UACR,eAAY;UACZO,SAAA,EAAW,GAAGT,SAAA,gBAAyB;UACvCsB,MAAM;UACNC,QAAQ;UACRT,QAAA,EAAWU,CAAA;YACT,IAAIA,CAAA,CAAEC,MAAM,CAACC,KAAK,IAAIF,CAAA,CAAEC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,GAAG;cAC/CvB,MAAA,CAAOoB,CAAA,CAAEC,MAAM,CAACC,KAAK;YACvB;UACF;UACAE,GAAA,EAAKtB,QAAA;UACLuB,IAAA,EAAK;yBAGPrB,KAAA,CAAC;UAAEC,SAAA,EAAW,GAAGT,SAAA,mBAA4B;qBAC1CK,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;;;;;AAMjC","ignoreList":[]}
@@ -1,28 +1,30 @@
1
- .bulk-upload--add-files {
2
- height: 100%;
3
- display: flex;
4
- flex-direction: column;
5
-
6
- &__dropArea {
1
+ @layer payload-default {
2
+ .bulk-upload--add-files {
7
3
  height: 100%;
8
- padding: calc(var(--base) * 2) var(--gutter-h);
9
- }
10
-
11
- .dropzone {
12
- flex-direction: column;
13
- justify-content: center;
14
4
  display: flex;
15
- gap: var(--base);
16
- background-color: var(--theme-elevation-50);
5
+ flex-direction: column;
17
6
 
18
- p {
19
- margin: 0;
7
+ &__dropArea {
8
+ height: 100%;
9
+ padding: calc(var(--base) * 2) var(--gutter-h);
10
+ }
11
+
12
+ .dropzone {
13
+ flex-direction: column;
14
+ justify-content: center;
15
+ display: flex;
16
+ gap: var(--base);
17
+ background-color: var(--theme-elevation-50);
18
+
19
+ p {
20
+ margin: 0;
21
+ }
20
22
  }
21
- }
22
23
 
23
- &__dragAndDropText {
24
- margin: 0;
25
- text-transform: lowercase;
26
- align-self: center;
24
+ &__dragAndDropText {
25
+ margin: 0;
26
+ text-transform: lowercase;
27
+ align-self: center;
28
+ }
27
29
  }
28
30
  }
@@ -1,23 +1,25 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .bulk-upload--file-manager {
4
- display: flex;
5
- height: 100%;
6
- width: 100%;
7
- overflow: hidden;
8
-
9
- &__editView {
10
- flex-grow: 1;
3
+ @layer payload-default {
4
+ .bulk-upload--file-manager {
5
+ display: flex;
11
6
  height: 100%;
12
- max-height: 100%;
13
- overflow: auto;
14
- }
15
-
16
- @include mid-break {
17
- flex-direction: column-reverse;
7
+ width: 100%;
8
+ overflow: hidden;
18
9
 
19
10
  &__editView {
20
11
  flex-grow: 1;
12
+ height: 100%;
13
+ max-height: 100%;
14
+ overflow: auto;
15
+ }
16
+
17
+ @include mid-break {
18
+ flex-direction: column-reverse;
19
+
20
+ &__editView {
21
+ flex-grow: 1;
22
+ }
21
23
  }
22
24
  }
23
25
  }
@@ -1,27 +1,29 @@
1
- .drawer-close-button {
2
- --size: calc(var(--base) * 1.2);
3
- border: 0;
4
- background-color: transparent;
5
- padding: 0;
6
- cursor: pointer;
7
- overflow: hidden;
8
- direction: ltr;
9
- display: flex;
10
- align-items: center;
11
- justify-content: center;
12
- width: var(--size);
13
- height: var(--size);
1
+ @layer payload-default {
2
+ .drawer-close-button {
3
+ --size: calc(var(--base) * 1.2);
4
+ border: 0;
5
+ background-color: transparent;
6
+ padding: 0;
7
+ cursor: pointer;
8
+ overflow: hidden;
9
+ direction: ltr;
10
+ display: flex;
11
+ align-items: center;
12
+ justify-content: center;
13
+ width: var(--size);
14
+ height: var(--size);
14
15
 
15
- svg {
16
- margin: calc(-1 * var(--size));
17
- width: calc(var(--size) * 2);
18
- height: calc(var(--size) * 2);
16
+ svg {
17
+ margin: calc(-1 * var(--size));
18
+ width: calc(var(--size) * 2);
19
+ height: calc(var(--size) * 2);
19
20
 
20
- position: relative;
21
+ position: relative;
21
22
 
22
- .stroke {
23
- stroke-width: 1px;
24
- vector-effect: non-scaling-stroke;
23
+ .stroke {
24
+ stroke-width: 1px;
25
+ vector-effect: non-scaling-stroke;
26
+ }
25
27
  }
26
28
  }
27
29
  }
@@ -94,7 +94,9 @@ export function EditForm({
94
94
  formState: prevFormState
95
95
  }) => {
96
96
  const docPreferences = await getDocPreferences();
97
- const newFormState = await getFormState({
97
+ const {
98
+ state: newFormState
99
+ } = await getFormState({
98
100
  apiRoute,
99
101
  body: {
100
102
  collectionSlug,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["useRouter","useSearchParams","React","useCallback","Form","useForm","WatchChildErrors","useConfig","RenderComponent","useDocumentEvents","useDocumentInfo","useEditDepth","OperationProvider","useUploadEdits","formatAdminURL","getFormState","DocumentFields","Upload","useFormsManager","BulkUploadProvider","baseClass","EditForm","submitted","action","AfterDocument","AfterFields","BeforeDocument","BeforeFields","collectionSlug","docSlug","docPermissions","getDocPreferences","getVersions","hasSavePermission","initialState","isEditing","isInitializing","onSave","onSaveFromContext","config","routes","admin","adminRoute","api","apiRoute","serverURL","getEntityConfig","router","depth","params","reportUpdate","resetUploadEdits","locale","get","collectionConfig","slug","schemaPath","useState","json","entitySlug","updatedAt","result","Date","toISOString","operation","redirectRoute","path","doc","id","push","onChange","formState","prevFormState","docPreferences","newFormState","body","_jsx","_jsxs","className","disabled","undefined","method","onSuccess","Fragment","components","edit","mappedComponent","uploadConfig","upload","fields","readOnly","ReportAllErrors","GetFieldProxy","getFields","getFormDataRef","useEffect","current","docConfig","activeIndex","setFormTotalErrorCount","errorCountRef","useRef","reportFormErrorCount","errorCount","index","setErrorCount"],"sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, DocumentPermissions } from 'payload'\n\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { useCallback } from 'react'\n\nimport type { EditFormProps } from './types.js'\n\nimport { Form, useForm } from '../../../forms/Form/index.js'\nimport { type FormProps } from '../../../forms/Form/types.js'\nimport { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { RenderComponent } from '../../../providers/Config/RenderComponent.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { OperationProvider } from '../../../providers/Operation/index.js'\nimport { useUploadEdits } from '../../../providers/UploadEdits/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { getFormState } from '../../../utilities/getFormState.js'\nimport { DocumentFields } from '../../DocumentFields/index.js'\nimport { Upload } from '../../Upload/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { BulkUploadProvider } from '../index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\n\nexport function EditForm({ submitted }: EditFormProps) {\n const {\n action,\n AfterDocument,\n AfterFields,\n BeforeDocument,\n BeforeFields,\n collectionSlug: docSlug,\n docPermissions,\n getDocPreferences,\n getVersions,\n hasSavePermission,\n initialState,\n isEditing,\n isInitializing,\n onSave: onSaveFromContext,\n } = useDocumentInfo()\n\n const {\n config: {\n routes: { admin: adminRoute, api: apiRoute },\n serverURL,\n },\n getEntityConfig,\n } = useConfig()\n\n const router = useRouter()\n const depth = useEditDepth()\n const params = useSearchParams()\n const { reportUpdate } = useDocumentEvents()\n const { resetUploadEdits } = useUploadEdits()\n\n const locale = params.get('locale')\n\n const collectionConfig = getEntityConfig({ collectionSlug: docSlug }) as ClientCollectionConfig\n const collectionSlug = collectionConfig.slug\n\n const [schemaPath] = React.useState(collectionSlug)\n\n const onSave = useCallback(\n (json) => {\n reportUpdate({\n entitySlug: collectionSlug,\n updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n })\n\n void getVersions()\n\n if (typeof onSaveFromContext === 'function') {\n void onSaveFromContext({\n ...json,\n operation: 'create',\n })\n }\n\n if (!isEditing && depth < 2) {\n // Redirect to the same locale if it's been set\n const redirectRoute = formatAdminURL({\n adminRoute,\n path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`,\n })\n router.push(redirectRoute)\n } else {\n resetUploadEdits()\n }\n },\n [\n adminRoute,\n collectionSlug,\n depth,\n getVersions,\n isEditing,\n locale,\n onSaveFromContext,\n reportUpdate,\n resetUploadEdits,\n router,\n ],\n )\n\n const onChange: NonNullable<FormProps['onChange']>[0] = useCallback(\n async ({ formState: prevFormState }) => {\n const docPreferences = await getDocPreferences()\n const newFormState = await getFormState({\n apiRoute,\n body: {\n collectionSlug,\n docPreferences,\n formState: prevFormState,\n operation: 'create',\n schemaPath,\n },\n serverURL,\n })\n\n return newFormState\n },\n [apiRoute, collectionSlug, schemaPath, getDocPreferences, serverURL],\n )\n\n return (\n <OperationProvider operation=\"create\">\n <BulkUploadProvider>\n {BeforeDocument}\n <Form\n action={action}\n className={`${baseClass}__form`}\n disabled={isInitializing || !hasSavePermission}\n initialState={isInitializing ? undefined : initialState}\n isInitializing={isInitializing}\n method=\"POST\"\n onChange={[onChange]}\n onSuccess={onSave}\n submitted={submitted}\n >\n <DocumentFields\n AfterFields={AfterFields}\n BeforeFields={\n BeforeFields || (\n <React.Fragment>\n {collectionConfig?.admin?.components?.edit?.Upload ? (\n <RenderComponent\n mappedComponent={collectionConfig.admin.components.edit.Upload}\n />\n ) : (\n <Upload\n collectionSlug={collectionConfig.slug}\n initialState={initialState}\n uploadConfig={collectionConfig.upload}\n />\n )}\n </React.Fragment>\n )\n }\n docPermissions={docPermissions || ({} as DocumentPermissions)}\n fields={collectionConfig.fields}\n readOnly={!hasSavePermission}\n schemaPath={schemaPath}\n />\n <ReportAllErrors />\n <GetFieldProxy />\n </Form>\n {AfterDocument}\n </BulkUploadProvider>\n </OperationProvider>\n )\n}\n\nfunction GetFieldProxy() {\n const { getFields } = useForm()\n const { getFormDataRef } = useFormsManager()\n\n React.useEffect(() => {\n getFormDataRef.current = getFields\n }, [getFields, getFormDataRef])\n\n return null\n}\n\nfunction ReportAllErrors() {\n const { docConfig } = useDocumentInfo()\n const { activeIndex, setFormTotalErrorCount } = useFormsManager()\n const errorCountRef = React.useRef(0)\n\n const reportFormErrorCount = React.useCallback(\n (errorCount) => {\n if (errorCount === errorCountRef.current) {\n return\n }\n setFormTotalErrorCount({ errorCount, index: activeIndex })\n errorCountRef.current = errorCount\n },\n [activeIndex, setFormTotalErrorCount],\n )\n\n if (!docConfig) {\n return null\n }\n\n return <WatchChildErrors fields={docConfig.fields} path=\"\" setErrorCount={reportFormErrorCount} />\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["useRouter","useSearchParams","React","useCallback","Form","useForm","WatchChildErrors","useConfig","RenderComponent","useDocumentEvents","useDocumentInfo","useEditDepth","OperationProvider","useUploadEdits","formatAdminURL","getFormState","DocumentFields","Upload","useFormsManager","BulkUploadProvider","baseClass","EditForm","submitted","action","AfterDocument","AfterFields","BeforeDocument","BeforeFields","collectionSlug","docSlug","docPermissions","getDocPreferences","getVersions","hasSavePermission","initialState","isEditing","isInitializing","onSave","onSaveFromContext","config","routes","admin","adminRoute","api","apiRoute","serverURL","getEntityConfig","router","depth","params","reportUpdate","resetUploadEdits","locale","get","collectionConfig","slug","schemaPath","useState","json","entitySlug","updatedAt","result","Date","toISOString","operation","redirectRoute","path","doc","id","push","onChange","formState","prevFormState","docPreferences","state","newFormState","body","_jsx","_jsxs","className","disabled","undefined","method","onSuccess","Fragment","components","edit","mappedComponent","uploadConfig","upload","fields","readOnly","ReportAllErrors","GetFieldProxy","getFields","getFormDataRef","useEffect","current","docConfig","activeIndex","setFormTotalErrorCount","errorCountRef","useRef","reportFormErrorCount","errorCount","index","setErrorCount"],"sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, DocumentPermissions } from 'payload'\n\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { useCallback } from 'react'\n\nimport type { EditFormProps } from './types.js'\n\nimport { Form, useForm } from '../../../forms/Form/index.js'\nimport { type FormProps } from '../../../forms/Form/types.js'\nimport { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { RenderComponent } from '../../../providers/Config/RenderComponent.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { OperationProvider } from '../../../providers/Operation/index.js'\nimport { useUploadEdits } from '../../../providers/UploadEdits/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { getFormState } from '../../../utilities/getFormState.js'\nimport { DocumentFields } from '../../DocumentFields/index.js'\nimport { Upload } from '../../Upload/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { BulkUploadProvider } from '../index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\n\nexport function EditForm({ submitted }: EditFormProps) {\n const {\n action,\n AfterDocument,\n AfterFields,\n BeforeDocument,\n BeforeFields,\n collectionSlug: docSlug,\n docPermissions,\n getDocPreferences,\n getVersions,\n hasSavePermission,\n initialState,\n isEditing,\n isInitializing,\n onSave: onSaveFromContext,\n } = useDocumentInfo()\n\n const {\n config: {\n routes: { admin: adminRoute, api: apiRoute },\n serverURL,\n },\n getEntityConfig,\n } = useConfig()\n\n const router = useRouter()\n const depth = useEditDepth()\n const params = useSearchParams()\n const { reportUpdate } = useDocumentEvents()\n const { resetUploadEdits } = useUploadEdits()\n\n const locale = params.get('locale')\n\n const collectionConfig = getEntityConfig({ collectionSlug: docSlug }) as ClientCollectionConfig\n const collectionSlug = collectionConfig.slug\n\n const [schemaPath] = React.useState(collectionSlug)\n\n const onSave = useCallback(\n (json) => {\n reportUpdate({\n entitySlug: collectionSlug,\n updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n })\n\n void getVersions()\n\n if (typeof onSaveFromContext === 'function') {\n void onSaveFromContext({\n ...json,\n operation: 'create',\n })\n }\n\n if (!isEditing && depth < 2) {\n // Redirect to the same locale if it's been set\n const redirectRoute = formatAdminURL({\n adminRoute,\n path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`,\n })\n router.push(redirectRoute)\n } else {\n resetUploadEdits()\n }\n },\n [\n adminRoute,\n collectionSlug,\n depth,\n getVersions,\n isEditing,\n locale,\n onSaveFromContext,\n reportUpdate,\n resetUploadEdits,\n router,\n ],\n )\n\n const onChange: NonNullable<FormProps['onChange']>[0] = useCallback(\n async ({ formState: prevFormState }) => {\n const docPreferences = await getDocPreferences()\n const { state: newFormState } = await getFormState({\n apiRoute,\n body: {\n collectionSlug,\n docPreferences,\n formState: prevFormState,\n operation: 'create',\n schemaPath,\n },\n serverURL,\n })\n\n return newFormState\n },\n [apiRoute, collectionSlug, schemaPath, getDocPreferences, serverURL],\n )\n\n return (\n <OperationProvider operation=\"create\">\n <BulkUploadProvider>\n {BeforeDocument}\n <Form\n action={action}\n className={`${baseClass}__form`}\n disabled={isInitializing || !hasSavePermission}\n initialState={isInitializing ? undefined : initialState}\n isInitializing={isInitializing}\n method=\"POST\"\n onChange={[onChange]}\n onSuccess={onSave}\n submitted={submitted}\n >\n <DocumentFields\n AfterFields={AfterFields}\n BeforeFields={\n BeforeFields || (\n <React.Fragment>\n {collectionConfig?.admin?.components?.edit?.Upload ? (\n <RenderComponent\n mappedComponent={collectionConfig.admin.components.edit.Upload}\n />\n ) : (\n <Upload\n collectionSlug={collectionConfig.slug}\n initialState={initialState}\n uploadConfig={collectionConfig.upload}\n />\n )}\n </React.Fragment>\n )\n }\n docPermissions={docPermissions || ({} as DocumentPermissions)}\n fields={collectionConfig.fields}\n readOnly={!hasSavePermission}\n schemaPath={schemaPath}\n />\n <ReportAllErrors />\n <GetFieldProxy />\n </Form>\n {AfterDocument}\n </BulkUploadProvider>\n </OperationProvider>\n )\n}\n\nfunction GetFieldProxy() {\n const { getFields } = useForm()\n const { getFormDataRef } = useFormsManager()\n\n React.useEffect(() => {\n getFormDataRef.current = getFields\n }, [getFields, getFormDataRef])\n\n return null\n}\n\nfunction ReportAllErrors() {\n const { docConfig } = useDocumentInfo()\n const { activeIndex, setFormTotalErrorCount } = useFormsManager()\n const errorCountRef = React.useRef(0)\n\n const reportFormErrorCount = React.useCallback(\n (errorCount) => {\n if (errorCount === errorCountRef.current) {\n return\n }\n setFormTotalErrorCount({ errorCount, index: activeIndex })\n errorCountRef.current = errorCount\n },\n [activeIndex, setFormTotalErrorCount],\n )\n\n if (!docConfig) {\n return null\n }\n\n return <WatchChildErrors fields={docConfig.fields} path=\"\" setErrorCount={reportFormErrorCount} />\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,9 +1,11 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .collection-edit {
4
- width: 100%;
3
+ @layer payload-default {
4
+ .collection-edit {
5
+ width: 100%;
5
6
 
6
- &__form {
7
- height: auto;
7
+ &__form {
8
+ height: auto;
9
+ }
8
10
  }
9
11
  }