@payloadcms/ui 3.0.0-canary.a5aaf21 → 3.0.0-canary.a6e7305

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 (417) hide show
  1. package/dist/elements/AddNewRelation/index.scss +36 -34
  2. package/dist/elements/AppHeader/index.d.ts.map +1 -1
  3. package/dist/elements/AppHeader/index.js +1 -0
  4. package/dist/elements/AppHeader/index.js.map +1 -1
  5. package/dist/elements/AppHeader/index.scss +151 -150
  6. package/dist/elements/ArrayAction/index.scss +23 -21
  7. package/dist/elements/Autosave/index.d.ts.map +1 -1
  8. package/dist/elements/Autosave/index.js +1 -3
  9. package/dist/elements/Autosave/index.js.map +1 -1
  10. package/dist/elements/Autosave/index.scss +4 -2
  11. package/dist/elements/Banner/index.scss +51 -49
  12. package/dist/elements/BulkUpload/ActionsBar/index.scss +49 -43
  13. package/dist/elements/BulkUpload/AddFilesView/index.d.ts +2 -1
  14. package/dist/elements/BulkUpload/AddFilesView/index.d.ts.map +1 -1
  15. package/dist/elements/BulkUpload/AddFilesView/index.js +2 -0
  16. package/dist/elements/BulkUpload/AddFilesView/index.js.map +1 -1
  17. package/dist/elements/BulkUpload/AddFilesView/index.scss +23 -21
  18. package/dist/elements/BulkUpload/AddingFilesView/index.scss +16 -14
  19. package/dist/elements/BulkUpload/DrawerCloseButton/index.scss +23 -21
  20. package/dist/elements/BulkUpload/EditForm/index.scss +6 -4
  21. package/dist/elements/BulkUpload/FileSidebar/index.d.ts.map +1 -1
  22. package/dist/elements/BulkUpload/FileSidebar/index.js +34 -25
  23. package/dist/elements/BulkUpload/FileSidebar/index.js.map +1 -1
  24. package/dist/elements/BulkUpload/FileSidebar/index.scss +250 -210
  25. package/dist/elements/BulkUpload/FormsManager/index.d.ts +1 -0
  26. package/dist/elements/BulkUpload/FormsManager/index.d.ts.map +1 -1
  27. package/dist/elements/BulkUpload/FormsManager/index.js +60 -25
  28. package/dist/elements/BulkUpload/FormsManager/index.js.map +1 -1
  29. package/dist/elements/BulkUpload/Header/index.scss +11 -9
  30. package/dist/elements/BulkUpload/index.d.ts.map +1 -1
  31. package/dist/elements/BulkUpload/index.js +32 -42
  32. package/dist/elements/BulkUpload/index.js.map +1 -1
  33. package/dist/elements/Button/index.d.ts.map +1 -1
  34. package/dist/elements/Button/index.js +13 -4
  35. package/dist/elements/Button/index.js.map +1 -1
  36. package/dist/elements/Button/index.scss +205 -199
  37. package/dist/elements/Button/types.d.ts +3 -1
  38. package/dist/elements/Button/types.d.ts.map +1 -1
  39. package/dist/elements/Button/types.js.map +1 -1
  40. package/dist/elements/Card/index.scss +58 -56
  41. package/dist/elements/CodeEditor/CodeEditor.d.ts.map +1 -1
  42. package/dist/elements/CodeEditor/CodeEditor.js +32 -27
  43. package/dist/elements/CodeEditor/CodeEditor.js.map +1 -1
  44. package/dist/elements/CodeEditor/index.scss +16 -14
  45. package/dist/elements/CodeEditor/types.d.ts +1 -0
  46. package/dist/elements/CodeEditor/types.d.ts.map +1 -1
  47. package/dist/elements/CodeEditor/types.js.map +1 -1
  48. package/dist/elements/Collapsible/index.scss +125 -123
  49. package/dist/elements/ColumnSelector/index.scss +36 -34
  50. package/dist/elements/CopyToClipboard/index.scss +21 -19
  51. package/dist/elements/DatePicker/DatePicker.d.ts +1 -1
  52. package/dist/elements/DatePicker/DatePicker.d.ts.map +1 -1
  53. package/dist/elements/DatePicker/DatePicker.js +1 -1
  54. package/dist/elements/DatePicker/DatePicker.js.map +1 -1
  55. package/dist/elements/DatePicker/index.scss +309 -307
  56. package/dist/elements/DatePicker/library.scss +859 -0
  57. package/dist/elements/DeleteDocument/index.scss +32 -30
  58. package/dist/elements/DeleteMany/index.d.ts.map +1 -1
  59. package/dist/elements/DeleteMany/index.js +16 -5
  60. package/dist/elements/DeleteMany/index.js.map +1 -1
  61. package/dist/elements/DeleteMany/index.scss +29 -27
  62. package/dist/elements/DocumentControls/index.d.ts +1 -1
  63. package/dist/elements/DocumentControls/index.d.ts.map +1 -1
  64. package/dist/elements/DocumentControls/index.js +6 -6
  65. package/dist/elements/DocumentControls/index.js.map +1 -1
  66. package/dist/elements/DocumentControls/index.scss +190 -188
  67. package/dist/elements/DocumentDrawer/index.d.ts.map +1 -1
  68. package/dist/elements/DocumentDrawer/index.js +29 -23
  69. package/dist/elements/DocumentDrawer/index.js.map +1 -1
  70. package/dist/elements/DocumentDrawer/index.scss +55 -53
  71. package/dist/elements/DocumentDrawer/types.d.ts +1 -0
  72. package/dist/elements/DocumentDrawer/types.d.ts.map +1 -1
  73. package/dist/elements/DocumentDrawer/types.js.map +1 -1
  74. package/dist/elements/DocumentFields/index.scss +144 -142
  75. package/dist/elements/Drawer/index.scss +111 -109
  76. package/dist/elements/Dropzone/index.d.ts +2 -1
  77. package/dist/elements/Dropzone/index.d.ts.map +1 -1
  78. package/dist/elements/Dropzone/index.js +3 -2
  79. package/dist/elements/Dropzone/index.js.map +1 -1
  80. package/dist/elements/Dropzone/index.scss +32 -30
  81. package/dist/elements/DuplicateDocument/index.scss +31 -29
  82. package/dist/elements/EditMany/index.js +3 -2
  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 -36
  96. package/dist/elements/IDLabel/index.scss +11 -9
  97. package/dist/elements/ListControls/index.scss +71 -69
  98. package/dist/elements/ListDrawer/DrawerContent.d.ts.map +1 -1
  99. package/dist/elements/ListDrawer/DrawerContent.js +193 -187
  100. package/dist/elements/ListDrawer/DrawerContent.js.map +1 -1
  101. package/dist/elements/ListDrawer/index.d.ts.map +1 -1
  102. package/dist/elements/ListDrawer/index.js +2 -0
  103. package/dist/elements/ListDrawer/index.js.map +1 -1
  104. package/dist/elements/ListDrawer/index.scss +93 -91
  105. package/dist/elements/ListDrawer/types.d.ts +3 -2
  106. package/dist/elements/ListDrawer/types.d.ts.map +1 -1
  107. package/dist/elements/ListDrawer/types.js.map +1 -1
  108. package/dist/elements/ListHeader/index.scss +9 -7
  109. package/dist/elements/ListSelection/index.scss +14 -12
  110. package/dist/elements/Loading/index.scss +108 -106
  111. package/dist/elements/Localizer/LocalizerLabel/index.scss +44 -42
  112. package/dist/elements/Localizer/index.scss +7 -5
  113. package/dist/elements/Locked/index.d.ts +1 -1
  114. package/dist/elements/Locked/index.d.ts.map +1 -1
  115. package/dist/elements/Locked/index.js +2 -5
  116. package/dist/elements/Locked/index.js.map +1 -1
  117. package/dist/elements/Locked/index.scss +11 -9
  118. package/dist/elements/Logout/index.d.ts.map +1 -1
  119. package/dist/elements/Logout/index.js +15 -10
  120. package/dist/elements/Logout/index.js.map +1 -1
  121. package/dist/elements/Nav/NavToggler/index.scss +9 -7
  122. package/dist/elements/NavGroup/index.scss +43 -41
  123. package/dist/elements/Pagination/ClickableArrow/index.scss +34 -32
  124. package/dist/elements/Pagination/index.scss +40 -38
  125. package/dist/elements/PerPage/index.scss +37 -35
  126. package/dist/elements/Pill/index.scss +103 -101
  127. package/dist/elements/Popup/PopupButtonList/index.d.ts.map +1 -1
  128. package/dist/elements/Popup/PopupButtonList/index.js +1 -0
  129. package/dist/elements/Popup/PopupButtonList/index.js.map +1 -1
  130. package/dist/elements/Popup/PopupButtonList/index.scss +45 -43
  131. package/dist/elements/Popup/PopupTrigger/index.d.ts +1 -0
  132. package/dist/elements/Popup/PopupTrigger/index.d.ts.map +1 -1
  133. package/dist/elements/Popup/PopupTrigger/index.js +3 -2
  134. package/dist/elements/Popup/PopupTrigger/index.js.map +1 -1
  135. package/dist/elements/Popup/PopupTrigger/index.scss +26 -12
  136. package/dist/elements/Popup/index.d.ts +1 -0
  137. package/dist/elements/Popup/index.d.ts.map +1 -1
  138. package/dist/elements/Popup/index.js +6 -3
  139. package/dist/elements/Popup/index.js.map +1 -1
  140. package/dist/elements/Popup/index.scss +194 -175
  141. package/dist/elements/PreviewSizes/index.scss +115 -113
  142. package/dist/elements/PublishButton/index.js +31 -18
  143. package/dist/elements/PublishButton/index.js.map +1 -1
  144. package/dist/elements/PublishMany/index.d.ts.map +1 -1
  145. package/dist/elements/PublishMany/index.js +16 -5
  146. package/dist/elements/PublishMany/index.js.map +1 -1
  147. package/dist/elements/PublishMany/index.scss +28 -26
  148. package/dist/elements/ReactSelect/ClearIndicator/index.scss +6 -4
  149. package/dist/elements/ReactSelect/DropdownIndicator/index.scss +11 -9
  150. package/dist/elements/ReactSelect/MultiValue/index.scss +26 -24
  151. package/dist/elements/ReactSelect/MultiValueLabel/index.scss +16 -14
  152. package/dist/elements/ReactSelect/MultiValueRemove/index.scss +20 -18
  153. package/dist/elements/ReactSelect/ValueContainer/index.scss +22 -20
  154. package/dist/elements/ReactSelect/index.d.ts.map +1 -1
  155. package/dist/elements/ReactSelect/index.js +2 -0
  156. package/dist/elements/ReactSelect/index.js.map +1 -1
  157. package/dist/elements/ReactSelect/index.scss +69 -59
  158. package/dist/elements/ReactSelect/types.d.ts +2 -1
  159. package/dist/elements/ReactSelect/types.d.ts.map +1 -1
  160. package/dist/elements/ReactSelect/types.js.map +1 -1
  161. package/dist/elements/RelationshipTable/cells/DrawerLink/index.scss +5 -3
  162. package/dist/elements/RelationshipTable/index.d.ts +1 -0
  163. package/dist/elements/RelationshipTable/index.d.ts.map +1 -1
  164. package/dist/elements/RelationshipTable/index.js +94 -92
  165. package/dist/elements/RelationshipTable/index.js.map +1 -1
  166. package/dist/elements/RelationshipTable/index.scss +21 -19
  167. package/dist/elements/RenderTitle/index.scss +7 -5
  168. package/dist/elements/SearchFilter/index.scss +31 -28
  169. package/dist/elements/SelectAll/index.scss +5 -3
  170. package/dist/elements/SelectRow/index.scss +6 -4
  171. package/dist/elements/ShimmerEffect/index.scss +26 -24
  172. package/dist/elements/SortColumn/index.scss +51 -49
  173. package/dist/elements/SortComplex/index.scss +27 -25
  174. package/dist/elements/Status/index.js +1 -1
  175. package/dist/elements/Status/index.js.map +1 -1
  176. package/dist/elements/Status/index.scss +45 -43
  177. package/dist/elements/StayLoggedIn/index.scss +29 -26
  178. package/dist/elements/StepNav/index.d.ts.map +1 -1
  179. package/dist/elements/StepNav/index.js +21 -14
  180. package/dist/elements/StepNav/index.js.map +1 -1
  181. package/dist/elements/StepNav/index.scss +62 -61
  182. package/dist/elements/Table/DefaultCell/fields/Checkbox/index.scss +20 -18
  183. package/dist/elements/Table/DefaultCell/fields/Code/index.scss +22 -20
  184. package/dist/elements/Table/DefaultCell/fields/File/index.scss +18 -16
  185. package/dist/elements/Table/DefaultCell/fields/JSON/index.scss +20 -18
  186. package/dist/elements/Table/DefaultCell/index.d.ts.map +1 -1
  187. package/dist/elements/Table/DefaultCell/index.js +30 -30
  188. package/dist/elements/Table/DefaultCell/index.js.map +1 -1
  189. package/dist/elements/Table/TableCellProvider/index.js +9 -9
  190. package/dist/elements/Table/TableCellProvider/index.js.map +1 -1
  191. package/dist/elements/Table/index.scss +74 -72
  192. package/dist/elements/TableColumns/buildColumnState.js +1 -0
  193. package/dist/elements/TableColumns/buildColumnState.js.map +1 -1
  194. package/dist/elements/Thumbnail/createThumbnail.d.ts +5 -0
  195. package/dist/elements/Thumbnail/createThumbnail.d.ts.map +1 -0
  196. package/dist/elements/Thumbnail/createThumbnail.js +50 -0
  197. package/dist/elements/Thumbnail/createThumbnail.js.map +1 -0
  198. package/dist/elements/Thumbnail/index.d.ts.map +1 -1
  199. package/dist/elements/Thumbnail/index.js.map +1 -1
  200. package/dist/elements/Thumbnail/index.scss +37 -35
  201. package/dist/elements/ThumbnailCard/index.scss +31 -29
  202. package/dist/elements/Tooltip/index.scss +77 -75
  203. package/dist/elements/UnpublishMany/index.d.ts.map +1 -1
  204. package/dist/elements/UnpublishMany/index.js +16 -5
  205. package/dist/elements/UnpublishMany/index.js.map +1 -1
  206. package/dist/elements/UnpublishMany/index.scss +28 -26
  207. package/dist/elements/Upload/index.d.ts.map +1 -1
  208. package/dist/elements/Upload/index.js +2 -0
  209. package/dist/elements/Upload/index.js.map +1 -1
  210. package/dist/elements/Upload/index.scss +117 -121
  211. package/dist/elements/WhereBuilder/Condition/Number/index.scss +4 -2
  212. package/dist/elements/WhereBuilder/Condition/Relationship/index.scss +9 -7
  213. package/dist/elements/WhereBuilder/Condition/Text/index.scss +4 -2
  214. package/dist/elements/WhereBuilder/Condition/index.scss +43 -41
  215. package/dist/elements/WhereBuilder/index.scss +28 -26
  216. package/dist/exports/client/{CodeEditor-CXCLJBIQ.js → CodeEditor-LZ2347XA.js} +6 -6
  217. package/dist/exports/client/CodeEditor-LZ2347XA.js.map +8 -0
  218. package/dist/exports/client/{DatePicker-NBYDOP2X.js → DatePicker-FUJV23KL.js} +2 -2
  219. package/dist/exports/client/chunk-6IWEPNUV.js +14 -0
  220. package/dist/exports/client/chunk-6IWEPNUV.js.map +8 -0
  221. package/dist/exports/client/{chunk-6MRITTMD.js → chunk-UMJJTMDP.js} +2 -2
  222. package/dist/exports/client/{chunk-6MRITTMD.js.map → chunk-UMJJTMDP.js.map} +4 -4
  223. package/dist/exports/client/index.d.ts +4 -1
  224. package/dist/exports/client/index.d.ts.map +1 -1
  225. package/dist/exports/client/index.js +22 -19
  226. package/dist/exports/client/index.js.map +4 -4
  227. package/dist/exports/shared/index.d.ts +4 -0
  228. package/dist/exports/shared/index.d.ts.map +1 -1
  229. package/dist/exports/shared/index.js +2 -2
  230. package/dist/exports/shared/index.js.map +4 -4
  231. package/dist/fields/Array/index.scss +74 -72
  232. package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.scss +25 -23
  233. package/dist/fields/Blocks/BlocksDrawer/index.scss +36 -34
  234. package/dist/fields/Blocks/SectionTitle/index.scss +51 -49
  235. package/dist/fields/Blocks/index.scss +89 -87
  236. package/dist/fields/Checkbox/index.d.ts.map +1 -1
  237. package/dist/fields/Checkbox/index.js +1 -0
  238. package/dist/fields/Checkbox/index.js.map +1 -1
  239. package/dist/fields/Checkbox/index.scss +107 -105
  240. package/dist/fields/Code/index.scss +18 -16
  241. package/dist/fields/Collapsible/index.d.ts.map +1 -1
  242. package/dist/fields/Collapsible/index.scss +8 -6
  243. package/dist/fields/ConfirmPassword/index.scss +18 -16
  244. package/dist/fields/DateTime/index.scss +13 -11
  245. package/dist/fields/Email/index.scss +21 -19
  246. package/dist/fields/FieldDescription/index.scss +9 -7
  247. package/dist/fields/FieldError/index.scss +13 -11
  248. package/dist/fields/FieldLabel/index.d.ts.map +1 -1
  249. package/dist/fields/FieldLabel/index.js +58 -30
  250. package/dist/fields/FieldLabel/index.js.map +1 -1
  251. package/dist/fields/FieldLabel/index.scss +34 -10
  252. package/dist/fields/Group/index.scss +107 -105
  253. package/dist/fields/JSON/index.d.ts.map +1 -1
  254. package/dist/fields/JSON/index.js +2 -0
  255. package/dist/fields/JSON/index.js.map +1 -1
  256. package/dist/fields/JSON/index.scss +11 -9
  257. package/dist/fields/Join/index.d.ts.map +1 -1
  258. package/dist/fields/Join/index.js +14 -4
  259. package/dist/fields/Join/index.js.map +1 -1
  260. package/dist/fields/Number/index.js +1 -1
  261. package/dist/fields/Number/index.js.map +1 -1
  262. package/dist/fields/Number/index.scss +19 -17
  263. package/dist/fields/Password/index.scss +18 -16
  264. package/dist/fields/Point/index.scss +33 -31
  265. package/dist/fields/RadioGroup/Radio/index.scss +58 -56
  266. package/dist/fields/RadioGroup/index.d.ts +1 -0
  267. package/dist/fields/RadioGroup/index.d.ts.map +1 -1
  268. package/dist/fields/RadioGroup/index.js +33 -30
  269. package/dist/fields/RadioGroup/index.js.map +1 -1
  270. package/dist/fields/RadioGroup/index.scss +57 -55
  271. package/dist/fields/Relationship/findOptionsByValue.d.ts +2 -1
  272. package/dist/fields/Relationship/findOptionsByValue.d.ts.map +1 -1
  273. package/dist/fields/Relationship/findOptionsByValue.js +9 -2
  274. package/dist/fields/Relationship/findOptionsByValue.js.map +1 -1
  275. package/dist/fields/Relationship/index.d.ts.map +1 -1
  276. package/dist/fields/Relationship/index.js +2 -0
  277. package/dist/fields/Relationship/index.js.map +1 -1
  278. package/dist/fields/Relationship/index.scss +44 -42
  279. package/dist/fields/Relationship/select-components/MultiValueLabel/index.js +23 -20
  280. package/dist/fields/Relationship/select-components/MultiValueLabel/index.js.map +1 -1
  281. package/dist/fields/Relationship/select-components/MultiValueLabel/index.scss +40 -38
  282. package/dist/fields/Relationship/select-components/SingleValue/index.js +24 -21
  283. package/dist/fields/Relationship/select-components/SingleValue/index.js.map +1 -1
  284. package/dist/fields/Relationship/select-components/SingleValue/index.scss +43 -41
  285. package/dist/fields/Relationship/types.d.ts +1 -0
  286. package/dist/fields/Relationship/types.d.ts.map +1 -1
  287. package/dist/fields/Relationship/types.js.map +1 -1
  288. package/dist/fields/Row/index.scss +31 -29
  289. package/dist/fields/Select/index.scss +16 -14
  290. package/dist/fields/Tabs/Tab/index.scss +58 -56
  291. package/dist/fields/Tabs/index.d.ts.map +1 -1
  292. package/dist/fields/Tabs/index.js +69 -53
  293. package/dist/fields/Tabs/index.js.map +1 -1
  294. package/dist/fields/Tabs/index.scss +46 -44
  295. package/dist/fields/Text/index.scss +23 -21
  296. package/dist/fields/Textarea/index.d.ts.map +1 -1
  297. package/dist/fields/Textarea/index.js +3 -1
  298. package/dist/fields/Textarea/index.js.map +1 -1
  299. package/dist/fields/Textarea/index.scss +89 -87
  300. package/dist/fields/Upload/HasMany/index.d.ts +2 -0
  301. package/dist/fields/Upload/HasMany/index.d.ts.map +1 -1
  302. package/dist/fields/Upload/HasMany/index.js +20 -16
  303. package/dist/fields/Upload/HasMany/index.js.map +1 -1
  304. package/dist/fields/Upload/HasMany/index.scss +20 -18
  305. package/dist/fields/Upload/HasOne/index.d.ts +2 -0
  306. package/dist/fields/Upload/HasOne/index.d.ts.map +1 -1
  307. package/dist/fields/Upload/HasOne/index.js +3 -1
  308. package/dist/fields/Upload/HasOne/index.js.map +1 -1
  309. package/dist/fields/Upload/HasOne/index.scss +5 -3
  310. package/dist/fields/Upload/Input.d.ts +0 -1
  311. package/dist/fields/Upload/Input.d.ts.map +1 -1
  312. package/dist/fields/Upload/Input.js +170 -130
  313. package/dist/fields/Upload/Input.js.map +1 -1
  314. package/dist/fields/Upload/RelationshipContent/index.d.ts +2 -0
  315. package/dist/fields/Upload/RelationshipContent/index.d.ts.map +1 -1
  316. package/dist/fields/Upload/RelationshipContent/index.js +61 -42
  317. package/dist/fields/Upload/RelationshipContent/index.js.map +1 -1
  318. package/dist/fields/Upload/RelationshipContent/index.scss +44 -42
  319. package/dist/fields/Upload/UploadCard/index.scss +21 -19
  320. package/dist/fields/Upload/index.scss +49 -47
  321. package/dist/fields/Upload/types.d.ts +4 -0
  322. package/dist/fields/Upload/types.d.ts.map +1 -0
  323. package/dist/fields/Upload/types.js +2 -0
  324. package/dist/fields/Upload/types.js.map +1 -0
  325. package/dist/forms/Form/fieldReducer.d.ts.map +1 -1
  326. package/dist/forms/Form/fieldReducer.js +7 -0
  327. package/dist/forms/Form/fieldReducer.js.map +1 -1
  328. package/dist/forms/Form/index.scss +5 -3
  329. package/dist/forms/NullifyField/index.d.ts.map +1 -1
  330. package/dist/forms/NullifyField/index.js +1 -0
  331. package/dist/forms/NullifyField/index.js.map +1 -1
  332. package/dist/forms/RenderFields/index.scss +47 -45
  333. package/dist/forms/Submit/index.scss +5 -3
  334. package/dist/forms/useField/index.d.ts.map +1 -1
  335. package/dist/forms/useField/index.js +1 -1
  336. package/dist/forms/useField/index.js.map +1 -1
  337. package/dist/graphics/Account/Default/index.scss +43 -41
  338. package/dist/icons/Calendar/index.scss +8 -6
  339. package/dist/icons/Check/index.scss +9 -7
  340. package/dist/icons/Chevron/index.scss +18 -16
  341. package/dist/icons/CloseMenu/index.scss +7 -5
  342. package/dist/icons/Copy/index.scss +9 -7
  343. package/dist/icons/DragHandle/index.scss +9 -7
  344. package/dist/icons/Edit/index.scss +9 -7
  345. package/dist/icons/Line/index.scss +8 -6
  346. package/dist/icons/Link/index.scss +8 -6
  347. package/dist/icons/Lock/index.scss +6 -4
  348. package/dist/icons/LogOut/index.scss +8 -6
  349. package/dist/icons/Menu/index.scss +6 -4
  350. package/dist/icons/More/index.scss +8 -6
  351. package/dist/icons/Plus/index.scss +6 -4
  352. package/dist/icons/Search/index.scss +8 -6
  353. package/dist/icons/Swap/index.scss +9 -7
  354. package/dist/icons/X/index.scss +6 -4
  355. package/dist/providers/Auth/index.d.ts +9 -4
  356. package/dist/providers/Auth/index.d.ts.map +1 -1
  357. package/dist/providers/Auth/index.js +51 -56
  358. package/dist/providers/Auth/index.js.map +1 -1
  359. package/dist/providers/Config/createClientConfig/collections.d.ts.map +1 -1
  360. package/dist/providers/Config/createClientConfig/collections.js +10 -0
  361. package/dist/providers/Config/createClientConfig/collections.js.map +1 -1
  362. package/dist/providers/Config/createClientConfig/fields.d.ts.map +1 -1
  363. package/dist/providers/Config/createClientConfig/fields.js +22 -7
  364. package/dist/providers/Config/createClientConfig/fields.js.map +1 -1
  365. package/dist/providers/DocumentInfo/index.d.ts.map +1 -1
  366. package/dist/providers/DocumentInfo/index.js +25 -15
  367. package/dist/providers/DocumentInfo/index.js.map +1 -1
  368. package/dist/providers/DocumentInfo/types.d.ts +3 -2
  369. package/dist/providers/DocumentInfo/types.d.ts.map +1 -1
  370. package/dist/providers/DocumentInfo/types.js.map +1 -1
  371. package/dist/providers/ListQuery/index.js +1 -1
  372. package/dist/providers/ListQuery/index.js.map +1 -1
  373. package/dist/providers/Root/index.js +0 -1
  374. package/dist/providers/Root/index.js.map +1 -1
  375. package/dist/providers/ScrollInfo/index.d.ts +1 -3
  376. package/dist/providers/ScrollInfo/index.d.ts.map +1 -1
  377. package/dist/providers/ScrollInfo/index.js +1 -12
  378. package/dist/providers/ScrollInfo/index.js.map +1 -1
  379. package/dist/providers/Selection/index.js +3 -3
  380. package/dist/providers/Selection/index.js.map +1 -1
  381. package/dist/providers/Theme/index.d.ts +0 -1
  382. package/dist/providers/Theme/index.d.ts.map +1 -1
  383. package/dist/providers/Theme/index.js +29 -21
  384. package/dist/providers/Theme/index.js.map +1 -1
  385. package/dist/scss/app.scss +166 -162
  386. package/dist/scss/colors.scss +256 -254
  387. package/dist/scss/resets.scss +9 -7
  388. package/dist/scss/toastify.scss +42 -40
  389. package/dist/scss/toasts.scss +105 -103
  390. package/dist/scss/type.scss +81 -79
  391. package/dist/styles.css +1 -1
  392. package/dist/utilities/buildFormState.d.ts.map +1 -1
  393. package/dist/utilities/buildFormState.js +53 -5
  394. package/dist/utilities/buildFormState.js.map +1 -1
  395. package/dist/utilities/getFormState.d.ts.map +1 -1
  396. package/dist/utilities/getFormState.js.map +1 -1
  397. package/dist/utilities/handleBackToDashboard.d.ts +8 -0
  398. package/dist/utilities/handleBackToDashboard.d.ts.map +1 -0
  399. package/dist/utilities/handleBackToDashboard.js +12 -0
  400. package/dist/utilities/handleBackToDashboard.js.map +1 -0
  401. package/dist/utilities/handleGoBack.d.ts +9 -0
  402. package/dist/utilities/handleGoBack.d.ts.map +1 -0
  403. package/dist/utilities/handleGoBack.js +13 -0
  404. package/dist/utilities/handleGoBack.js.map +1 -0
  405. package/dist/utilities/handleTakeOver.d.ts +7 -0
  406. package/dist/utilities/handleTakeOver.d.ts.map +1 -0
  407. package/dist/utilities/handleTakeOver.js +27 -0
  408. package/dist/utilities/handleTakeOver.js.map +1 -0
  409. package/dist/utilities/isClientUserObject.d.ts +3 -0
  410. package/dist/utilities/isClientUserObject.d.ts.map +1 -0
  411. package/dist/utilities/isClientUserObject.js +4 -0
  412. package/dist/utilities/isClientUserObject.js.map +1 -0
  413. package/package.json +10 -10
  414. package/dist/exports/client/CodeEditor-CXCLJBIQ.js.map +0 -8
  415. package/dist/exports/client/chunk-W2YIQDPJ.js +0 -14
  416. package/dist/exports/client/chunk-W2YIQDPJ.js.map +0 -8
  417. /package/dist/exports/client/{DatePicker-NBYDOP2X.js.map → DatePicker-FUJV23KL.js.map} +0 -0
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
 
3
- import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
4
  import { useModal } from '@faceless-ui/modal';
5
5
  import * as qs from 'qs-esm';
6
6
  import React from 'react';
@@ -11,7 +11,9 @@ import { useLocale } from '../../../providers/Locale/index.js';
11
11
  import { useTranslation } from '../../../providers/Translation/index.js';
12
12
  import { getFormState } from '../../../utilities/getFormState.js';
13
13
  import { hasSavePermission as getHasSavePermission } from '../../../utilities/hasSavePermission.js';
14
+ import { LoadingOverlay } from '../../Loading/index.js';
14
15
  import { useLoadingOverlay } from '../../LoadingOverlay/index.js';
16
+ import { createThumbnail } from '../../Thumbnail/createThumbnail.js';
15
17
  import { useBulkUpload } from '../index.js';
16
18
  import { createFormData } from './createFormData.js';
17
19
  import { formsManagementReducer } from './reducer.js';
@@ -32,6 +34,7 @@ const Context = /*#__PURE__*/React.createContext({
32
34
  saveAllDocs: () => Promise.resolve(),
33
35
  setActiveIndex: () => 0,
34
36
  setFormTotalErrorCount: () => {},
37
+ thumbnailUrls: [],
35
38
  totalErrorCount: 0
36
39
  });
37
40
  const initialState = {
@@ -71,6 +74,33 @@ export function FormsManagerProvider({
71
74
  forms,
72
75
  totalErrorCount
73
76
  } = state;
77
+ const formsRef = React.useRef(forms);
78
+ formsRef.current = forms;
79
+ const formsCount = forms.length;
80
+ const thumbnailUrlsRef = React.useRef([]);
81
+ const processedFiles = React.useRef(new Set()) // Track already-processed files
82
+ ;
83
+ const [renderedThumbnails, setRenderedThumbnails] = React.useState([]);
84
+ React.useEffect(() => {
85
+ (async () => {
86
+ const newThumbnails = [...thumbnailUrlsRef.current];
87
+ for (let i = 0; i < formsCount; i++) {
88
+ const file = formsRef.current[i].formState.file.value;
89
+ // Skip if already processed
90
+ if (processedFiles.current.has(file) || !file) {
91
+ continue;
92
+ }
93
+ processedFiles.current.add(file);
94
+ // Generate thumbnail and update ref
95
+ const thumbnailUrl = await createThumbnail(file);
96
+ newThumbnails[i] = thumbnailUrl;
97
+ thumbnailUrlsRef.current = newThumbnails;
98
+ // Trigger re-render in batches
99
+ setRenderedThumbnails([...newThumbnails]);
100
+ await new Promise(resolve => setTimeout(resolve, 100));
101
+ }
102
+ })();
103
+ }, [formsCount, createThumbnail]);
74
104
  const {
75
105
  toggleLoadingOverlay
76
106
  } = useLoadingOverlay();
@@ -83,6 +113,8 @@ export function FormsManagerProvider({
83
113
  initialFiles,
84
114
  onSuccess
85
115
  } = useBulkUpload();
116
+ const [isUploading, setIsUploading] = React.useState(false);
117
+ const [loadingText, setLoadingText] = React.useState('');
86
118
  const hasInitializedWithFiles = React.useRef(false);
87
119
  const initialStateRef = React.useRef(null);
88
120
  const getFormDataRef = React.useRef(() => ({}));
@@ -152,8 +184,8 @@ export function FormsManagerProvider({
152
184
  type: 'REPLACE',
153
185
  state: {
154
186
  activeIndex: index,
155
- forms: forms.map((form, i) => {
156
- if (i === activeIndex) {
187
+ forms: forms.map((form, i_0) => {
188
+ if (i_0 === activeIndex) {
157
189
  return {
158
190
  errorCount: form.errorCount,
159
191
  formState: currentFormsData
@@ -208,13 +240,14 @@ export function FormsManagerProvider({
208
240
  formState: currentFormsData_0
209
241
  };
210
242
  const newDocs = [];
211
- const promises = currentForms.map(async (form_0, i_0) => {
243
+ setIsUploading(true);
244
+ for (let i_1 = 0; i_1 < currentForms.length; i_1++) {
212
245
  try {
213
- toggleLoadingOverlay({
214
- isLoading: true,
215
- key: 'saveAllDocs',
216
- loadingText: t('general:uploading')
217
- });
246
+ const form_0 = currentForms[i_1];
247
+ setLoadingText(t('general:uploadingBulk', {
248
+ current: i_1 + 1,
249
+ total: currentForms.length
250
+ }));
218
251
  const req = await fetch(actionURL, {
219
252
  body: createFormData(form_0.formState, overrides),
220
253
  method: 'POST'
@@ -225,7 +258,7 @@ export function FormsManagerProvider({
225
258
  }
226
259
  // should expose some sort of helper for this
227
260
  if (json_0?.errors?.length) {
228
- const [fieldErrors, nonFieldErrors] = json_0.errors.reduce(([fieldErrs, nonFieldErrs], err) => {
261
+ const [fieldErrors] = json_0.errors.reduce(([fieldErrs, nonFieldErrs], err) => {
229
262
  const newFieldErrs = [];
230
263
  const newNonFieldErrs = [];
231
264
  if (err?.message) {
@@ -242,25 +275,21 @@ export function FormsManagerProvider({
242
275
  }
243
276
  return [[...fieldErrs, ...newFieldErrs], [...nonFieldErrs, ...newNonFieldErrs]];
244
277
  }, [[], []]);
245
- currentForms[i_0] = {
278
+ currentForms[i_1] = {
246
279
  errorCount: fieldErrors.length,
247
- formState: fieldReducer(currentForms[i_0].formState, {
280
+ formState: fieldReducer(currentForms[i_1].formState, {
248
281
  type: 'ADD_SERVER_ERRORS',
249
282
  errors: fieldErrors
250
283
  })
251
284
  };
252
285
  }
253
- } catch (error_0) {
254
- // swallow error
255
- } finally {
256
- setHasSubmitted(true);
257
- toggleLoadingOverlay({
258
- isLoading: false,
259
- key: 'saveAllDocs'
260
- });
286
+ } catch (_) {
287
+ // swallow
261
288
  }
262
- });
263
- await Promise.all(promises);
289
+ }
290
+ setHasSubmitted(true);
291
+ setLoadingText('');
292
+ setIsUploading(false);
264
293
  const remainingForms = currentForms.filter(({
265
294
  errorCount: errorCount_0
266
295
  }) => errorCount_0 > 0);
@@ -287,7 +316,7 @@ export function FormsManagerProvider({
287
316
  }) => acc + errorCount_2, 0)
288
317
  }
289
318
  });
290
- }, [actionURL, activeIndex, forms, onSuccess, t, toggleLoadingOverlay, closeModal, drawerSlug]);
319
+ }, [actionURL, activeIndex, forms, onSuccess, t, closeModal, drawerSlug]);
291
320
  React.useEffect(() => {
292
321
  if (!collectionSlug) {
293
322
  return;
@@ -311,7 +340,7 @@ export function FormsManagerProvider({
311
340
  }
312
341
  return;
313
342
  }, [addFiles, initialFiles, initializeSharedFormState, initilizeSharedDocPermissions, collectionSlug, hasInitializedState, hasInitializedDocPermissions]);
314
- return /*#__PURE__*/_jsx(Context.Provider, {
343
+ return /*#__PURE__*/_jsxs(Context.Provider, {
315
344
  value: {
316
345
  activeIndex: state.activeIndex,
317
346
  addFiles,
@@ -327,9 +356,15 @@ export function FormsManagerProvider({
327
356
  saveAllDocs,
328
357
  setActiveIndex,
329
358
  setFormTotalErrorCount,
359
+ thumbnailUrls: renderedThumbnails,
330
360
  totalErrorCount
331
361
  },
332
- children: children
362
+ children: [isUploading && /*#__PURE__*/_jsx(LoadingOverlay, {
363
+ animationDuration: "250ms",
364
+ loadingText: loadingText,
365
+ overlayType: "fullscreen",
366
+ show: true
367
+ }), children]
333
368
  });
334
369
  }
335
370
  export function useFormsManager() {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["useModal","qs","React","toast","fieldReducer","useConfig","useLocale","useTranslation","getFormState","hasSavePermission","getHasSavePermission","useLoadingOverlay","useBulkUpload","createFormData","formsManagementReducer","Context","createContext","activeIndex","addFiles","Promise","resolve","collectionSlug","docPermissions","undefined","forms","getFormDataRef","current","hasPublishPermission","hasSubmitted","isInitializing","removeFile","saveAllDocs","setActiveIndex","setFormTotalErrorCount","totalErrorCount","initialState","FormsManagerProvider","children","config","routes","api","serverURL","code","i18n","t","setHasSubmitted","useState","setDocPermissions","setHasSavePermission","setHasPublishPermission","hasInitializedState","setHasInitializedState","hasInitializedDocPermissions","setHasInitializedDocPermissions","setIsInitializing","state","dispatch","useReducer","toggleLoadingOverlay","closeModal","drawerSlug","initialFiles","onSuccess","hasInitializedWithFiles","useRef","initialStateRef","actionURL","initilizeSharedDocPermissions","useCallback","params","locale","docAccessURL","res","fetch","stringify","credentials","headers","language","method","json","publishedAccessJSON","body","JSON","_status","then","isEditing","update","permission","initializeSharedFormState","abortController","signal","abort","formStateWithoutFiles","apiRoute","operation","schemaPath","error","index","currentFormsData","type","map","form","i","errorCount","formState","files","isLoading","key","count","overrides","currentForms","newDocs","promises","loadingText","req","status","doc","push","errors","length","fieldErrors","nonFieldErrors","reduce","fieldErrs","nonFieldErrs","err","newFieldErrs","newNonFieldErrs","message","Array","isArray","data","forEach","dataError","field","all","remainingForms","filter","successCount","Math","max","success","acc","useEffect","_jsx","Provider","value","useFormsManager","useContext"],"sources":["../../../../src/elements/BulkUpload/FormsManager/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Data, DocumentPermissions, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport type { State } from './reducer.js'\n\nimport { fieldReducer } from '../../../forms/Form/fieldReducer.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { getFormState } from '../../../utilities/getFormState.js'\nimport { hasSavePermission as getHasSavePermission } from '../../../utilities/hasSavePermission.js'\nimport { useLoadingOverlay } from '../../LoadingOverlay/index.js'\nimport { useBulkUpload } from '../index.js'\nimport { createFormData } from './createFormData.js'\nimport { formsManagementReducer } from './reducer.js'\n\ntype FormsManagerContext = {\n readonly activeIndex: State['activeIndex']\n readonly addFiles: (filelist: FileList) => Promise<void>\n readonly collectionSlug: string\n readonly docPermissions?: DocumentPermissions\n readonly forms: State['forms']\n getFormDataRef: React.RefObject<() => Data>\n readonly hasPublishPermission: boolean\n readonly hasSavePermission: boolean\n readonly hasSubmitted: boolean\n readonly isInitializing: boolean\n readonly removeFile: (index: number) => void\n readonly saveAllDocs: ({ overrides }?: { overrides?: Record<string, unknown> }) => Promise<void>\n readonly setActiveIndex: (index: number) => void\n readonly setFormTotalErrorCount: ({\n errorCount,\n index,\n }: {\n errorCount: number\n index: number\n }) => void\n readonly totalErrorCount?: number\n}\n\nconst Context = React.createContext<FormsManagerContext>({\n activeIndex: 0,\n addFiles: () => Promise.resolve(),\n collectionSlug: '',\n docPermissions: undefined,\n forms: [],\n getFormDataRef: { current: () => ({}) },\n hasPublishPermission: false,\n hasSavePermission: false,\n hasSubmitted: false,\n isInitializing: false,\n removeFile: () => {},\n saveAllDocs: () => Promise.resolve(),\n setActiveIndex: () => 0,\n setFormTotalErrorCount: () => {},\n totalErrorCount: 0,\n})\n\nconst initialState: State = {\n activeIndex: 0,\n forms: [],\n totalErrorCount: 0,\n}\n\ntype FormsManagerProps = {\n readonly children: React.ReactNode\n}\nexport function FormsManagerProvider({ children }: FormsManagerProps) {\n const { config } = useConfig()\n const {\n routes: { api },\n serverURL,\n } = config\n const { code } = useLocale()\n const { i18n, t } = useTranslation()\n\n const [hasSubmitted, setHasSubmitted] = React.useState(false)\n const [docPermissions, setDocPermissions] = React.useState<DocumentPermissions>()\n const [hasSavePermission, setHasSavePermission] = React.useState(false)\n const [hasPublishPermission, setHasPublishPermission] = React.useState(false)\n const [hasInitializedState, setHasInitializedState] = React.useState(false)\n const [hasInitializedDocPermissions, setHasInitializedDocPermissions] = React.useState(false)\n const [isInitializing, setIsInitializing] = React.useState(false)\n const [state, dispatch] = React.useReducer(formsManagementReducer, initialState)\n const { activeIndex, forms, totalErrorCount } = state\n\n const { toggleLoadingOverlay } = useLoadingOverlay()\n const { closeModal } = useModal()\n const { collectionSlug, drawerSlug, initialFiles, onSuccess } = useBulkUpload()\n\n const hasInitializedWithFiles = React.useRef(false)\n const initialStateRef = React.useRef<FormState>(null)\n const getFormDataRef = React.useRef<() => Data>(() => ({}))\n\n const actionURL = `${api}/${collectionSlug}`\n\n const initilizeSharedDocPermissions = React.useCallback(async () => {\n const params = {\n locale: code || undefined,\n }\n\n const docAccessURL = `/${collectionSlug}/access`\n const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n method: 'post',\n })\n\n const json: DocumentPermissions = await res.json()\n const publishedAccessJSON = await fetch(\n `${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`,\n {\n body: JSON.stringify({\n _status: 'published',\n }),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n method: 'POST',\n },\n ).then((res) => res.json())\n\n setDocPermissions(json)\n\n setHasSavePermission(\n getHasSavePermission({\n collectionSlug,\n docPermissions: json,\n isEditing: false,\n }),\n )\n\n setHasPublishPermission(publishedAccessJSON?.update?.permission)\n setHasInitializedDocPermissions(true)\n }, [api, code, collectionSlug, i18n.language, serverURL])\n\n const initializeSharedFormState = React.useCallback(\n async (abortController?: AbortController) => {\n if (abortController?.signal) {\n abortController.abort('aborting previous fetch for initial form state without files')\n }\n\n try {\n const { state: formStateWithoutFiles } = await getFormState({\n apiRoute: config.routes.api,\n body: {\n collectionSlug,\n locale: code,\n operation: 'create',\n schemaPath: collectionSlug,\n },\n // onError: onLoadError,\n serverURL: config.serverURL,\n signal: abortController?.signal,\n })\n initialStateRef.current = formStateWithoutFiles\n setHasInitializedState(true)\n } catch (error) {\n // swallow error\n }\n },\n [code, collectionSlug, config.routes.api, config.serverURL],\n )\n\n const setActiveIndex: FormsManagerContext['setActiveIndex'] = React.useCallback(\n (index: number) => {\n const currentFormsData = getFormDataRef.current()\n dispatch({\n type: 'REPLACE',\n state: {\n activeIndex: index,\n forms: forms.map((form, i) => {\n if (i === activeIndex) {\n return {\n errorCount: form.errorCount,\n formState: currentFormsData,\n }\n }\n return form\n }),\n },\n })\n },\n [forms, activeIndex],\n )\n\n const addFiles = React.useCallback(\n async (files: FileList) => {\n toggleLoadingOverlay({ isLoading: true, key: 'addingDocs' })\n if (!hasInitializedState) {\n await initializeSharedFormState()\n }\n dispatch({ type: 'ADD_FORMS', files, initialState: initialStateRef.current })\n toggleLoadingOverlay({ isLoading: false, key: 'addingDocs' })\n },\n [initializeSharedFormState, hasInitializedState, toggleLoadingOverlay],\n )\n\n const removeFile: FormsManagerContext['removeFile'] = React.useCallback((index) => {\n dispatch({ type: 'REMOVE_FORM', index })\n }, [])\n\n const setFormTotalErrorCount: FormsManagerContext['setFormTotalErrorCount'] = React.useCallback(\n ({ errorCount, index }) => {\n dispatch({\n type: 'UPDATE_ERROR_COUNT',\n count: errorCount,\n index,\n })\n },\n [],\n )\n\n const saveAllDocs: FormsManagerContext['saveAllDocs'] = React.useCallback(\n async ({ overrides } = {}) => {\n const currentFormsData = getFormDataRef.current()\n const currentForms = [...forms]\n currentForms[activeIndex] = {\n errorCount: currentForms[activeIndex].errorCount,\n formState: currentFormsData,\n }\n const newDocs = []\n const promises = currentForms.map(async (form, i) => {\n try {\n toggleLoadingOverlay({\n isLoading: true,\n key: 'saveAllDocs',\n loadingText: t('general:uploading'),\n })\n const req = await fetch(actionURL, {\n body: createFormData(form.formState, overrides),\n method: 'POST',\n })\n\n const json = await req.json()\n\n if (req.status === 201 && json?.doc) {\n newDocs.push(json.doc)\n }\n\n // should expose some sort of helper for this\n if (json?.errors?.length) {\n const [fieldErrors, nonFieldErrors] = json.errors.reduce(\n ([fieldErrs, nonFieldErrs], err) => {\n const newFieldErrs: any[] = []\n const newNonFieldErrs: any[] = []\n\n if (err?.message) {\n newNonFieldErrs.push(err)\n }\n\n if (Array.isArray(err?.data?.errors)) {\n err.data?.errors.forEach((dataError) => {\n if (dataError?.field) {\n newFieldErrs.push(dataError)\n } else {\n newNonFieldErrs.push(dataError)\n }\n })\n }\n\n return [\n [...fieldErrs, ...newFieldErrs],\n [...nonFieldErrs, ...newNonFieldErrs],\n ]\n },\n [[], []],\n )\n\n currentForms[i] = {\n errorCount: fieldErrors.length,\n formState: fieldReducer(currentForms[i].formState, {\n type: 'ADD_SERVER_ERRORS',\n errors: fieldErrors,\n }),\n }\n }\n } catch (error) {\n // swallow error\n } finally {\n setHasSubmitted(true)\n toggleLoadingOverlay({ isLoading: false, key: 'saveAllDocs' })\n }\n })\n\n await Promise.all(promises)\n\n const remainingForms = currentForms.filter(({ errorCount }) => errorCount > 0)\n const successCount = Math.max(0, currentForms.length - remainingForms.length)\n const errorCount = currentForms.length - successCount\n\n if (successCount) {\n toast.success(`Successfully saved ${successCount} files`)\n\n if (typeof onSuccess === 'function') {\n onSuccess(newDocs, errorCount)\n }\n }\n\n if (errorCount) {\n toast.error(`Failed to save ${errorCount} files`)\n } else {\n closeModal(drawerSlug)\n }\n\n dispatch({\n type: 'REPLACE',\n state: {\n activeIndex: 0,\n forms: remainingForms,\n totalErrorCount: remainingForms.reduce((acc, { errorCount }) => acc + errorCount, 0),\n },\n })\n },\n [actionURL, activeIndex, forms, onSuccess, t, toggleLoadingOverlay, closeModal, drawerSlug],\n )\n\n React.useEffect(() => {\n if (!collectionSlug) {\n return\n }\n if (!hasInitializedState) {\n void initializeSharedFormState()\n }\n\n if (!hasInitializedDocPermissions) {\n void initilizeSharedDocPermissions()\n }\n\n if (initialFiles) {\n if (!hasInitializedState || !hasInitializedDocPermissions) {\n setIsInitializing(true)\n } else {\n setIsInitializing(false)\n }\n }\n\n if (hasInitializedState && initialFiles && !hasInitializedWithFiles.current) {\n void addFiles(initialFiles)\n hasInitializedWithFiles.current = true\n }\n return\n }, [\n addFiles,\n initialFiles,\n initializeSharedFormState,\n initilizeSharedDocPermissions,\n collectionSlug,\n hasInitializedState,\n hasInitializedDocPermissions,\n ])\n\n return (\n <Context.Provider\n value={{\n activeIndex: state.activeIndex,\n addFiles,\n collectionSlug,\n docPermissions,\n forms,\n getFormDataRef,\n hasPublishPermission,\n hasSavePermission,\n hasSubmitted,\n isInitializing,\n removeFile,\n saveAllDocs,\n setActiveIndex,\n setFormTotalErrorCount,\n totalErrorCount,\n }}\n >\n {children}\n </Context.Provider>\n )\n}\n\nexport function useFormsManager() {\n return React.useContext(Context)\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["useModal","qs","React","toast","fieldReducer","useConfig","useLocale","useTranslation","getFormState","hasSavePermission","getHasSavePermission","LoadingOverlay","useLoadingOverlay","createThumbnail","useBulkUpload","createFormData","formsManagementReducer","Context","createContext","activeIndex","addFiles","Promise","resolve","collectionSlug","docPermissions","undefined","forms","getFormDataRef","current","hasPublishPermission","hasSubmitted","isInitializing","removeFile","saveAllDocs","setActiveIndex","setFormTotalErrorCount","thumbnailUrls","totalErrorCount","initialState","FormsManagerProvider","children","config","routes","api","serverURL","code","i18n","t","setHasSubmitted","useState","setDocPermissions","setHasSavePermission","setHasPublishPermission","hasInitializedState","setHasInitializedState","hasInitializedDocPermissions","setHasInitializedDocPermissions","setIsInitializing","state","dispatch","useReducer","formsRef","useRef","formsCount","length","thumbnailUrlsRef","processedFiles","Set","renderedThumbnails","setRenderedThumbnails","useEffect","newThumbnails","i","file","formState","value","has","add","thumbnailUrl","setTimeout","toggleLoadingOverlay","closeModal","drawerSlug","initialFiles","onSuccess","isUploading","setIsUploading","loadingText","setLoadingText","hasInitializedWithFiles","initialStateRef","actionURL","initilizeSharedDocPermissions","useCallback","params","locale","docAccessURL","res","fetch","stringify","credentials","headers","language","method","json","publishedAccessJSON","body","JSON","_status","then","isEditing","update","permission","initializeSharedFormState","abortController","signal","abort","formStateWithoutFiles","apiRoute","operation","schemaPath","error","index","currentFormsData","type","map","form","errorCount","files","isLoading","key","count","overrides","currentForms","newDocs","total","req","status","doc","push","errors","fieldErrors","reduce","fieldErrs","nonFieldErrs","err","newFieldErrs","newNonFieldErrs","message","Array","isArray","data","forEach","dataError","field","_","remainingForms","filter","successCount","Math","max","success","acc","_jsxs","Provider","_jsx","animationDuration","overlayType","show","useFormsManager","useContext"],"sources":["../../../../src/elements/BulkUpload/FormsManager/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Data, DocumentPermissions, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport type { State } from './reducer.js'\n\nimport { fieldReducer } from '../../../forms/Form/fieldReducer.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { getFormState } from '../../../utilities/getFormState.js'\nimport { hasSavePermission as getHasSavePermission } from '../../../utilities/hasSavePermission.js'\nimport { LoadingOverlay } from '../../Loading/index.js'\nimport { useLoadingOverlay } from '../../LoadingOverlay/index.js'\nimport { createThumbnail } from '../../Thumbnail/createThumbnail.js'\nimport { useBulkUpload } from '../index.js'\nimport { createFormData } from './createFormData.js'\nimport { formsManagementReducer } from './reducer.js'\n\ntype FormsManagerContext = {\n readonly activeIndex: State['activeIndex']\n readonly addFiles: (filelist: FileList) => Promise<void>\n readonly collectionSlug: string\n readonly docPermissions?: DocumentPermissions\n readonly forms: State['forms']\n getFormDataRef: React.RefObject<() => Data>\n readonly hasPublishPermission: boolean\n readonly hasSavePermission: boolean\n readonly hasSubmitted: boolean\n readonly isInitializing: boolean\n readonly removeFile: (index: number) => void\n readonly saveAllDocs: ({ overrides }?: { overrides?: Record<string, unknown> }) => Promise<void>\n readonly setActiveIndex: (index: number) => void\n readonly setFormTotalErrorCount: ({\n errorCount,\n index,\n }: {\n errorCount: number\n index: number\n }) => void\n readonly thumbnailUrls: string[]\n readonly totalErrorCount?: number\n}\n\nconst Context = React.createContext<FormsManagerContext>({\n activeIndex: 0,\n addFiles: () => Promise.resolve(),\n collectionSlug: '',\n docPermissions: undefined,\n forms: [],\n getFormDataRef: { current: () => ({}) },\n hasPublishPermission: false,\n hasSavePermission: false,\n hasSubmitted: false,\n isInitializing: false,\n removeFile: () => {},\n saveAllDocs: () => Promise.resolve(),\n setActiveIndex: () => 0,\n setFormTotalErrorCount: () => {},\n thumbnailUrls: [],\n totalErrorCount: 0,\n})\n\nconst initialState: State = {\n activeIndex: 0,\n forms: [],\n totalErrorCount: 0,\n}\n\ntype FormsManagerProps = {\n readonly children: React.ReactNode\n}\nexport function FormsManagerProvider({ children }: FormsManagerProps) {\n const { config } = useConfig()\n const {\n routes: { api },\n serverURL,\n } = config\n const { code } = useLocale()\n const { i18n, t } = useTranslation()\n\n const [hasSubmitted, setHasSubmitted] = React.useState(false)\n const [docPermissions, setDocPermissions] = React.useState<DocumentPermissions>()\n const [hasSavePermission, setHasSavePermission] = React.useState(false)\n const [hasPublishPermission, setHasPublishPermission] = React.useState(false)\n const [hasInitializedState, setHasInitializedState] = React.useState(false)\n const [hasInitializedDocPermissions, setHasInitializedDocPermissions] = React.useState(false)\n const [isInitializing, setIsInitializing] = React.useState(false)\n const [state, dispatch] = React.useReducer(formsManagementReducer, initialState)\n const { activeIndex, forms, totalErrorCount } = state\n\n const formsRef = React.useRef(forms)\n formsRef.current = forms\n const formsCount = forms.length\n\n const thumbnailUrlsRef = React.useRef<string[]>([])\n const processedFiles = React.useRef(new Set()) // Track already-processed files\n const [renderedThumbnails, setRenderedThumbnails] = React.useState<string[]>([])\n\n React.useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n ;(async () => {\n const newThumbnails = [...thumbnailUrlsRef.current]\n\n for (let i = 0; i < formsCount; i++) {\n const file = formsRef.current[i].formState.file.value as File\n\n // Skip if already processed\n if (processedFiles.current.has(file) || !file) {\n continue\n }\n processedFiles.current.add(file)\n\n // Generate thumbnail and update ref\n const thumbnailUrl = await createThumbnail(file)\n newThumbnails[i] = thumbnailUrl\n thumbnailUrlsRef.current = newThumbnails\n\n // Trigger re-render in batches\n setRenderedThumbnails([...newThumbnails])\n await new Promise((resolve) => setTimeout(resolve, 100))\n }\n })()\n }, [formsCount, createThumbnail])\n\n const { toggleLoadingOverlay } = useLoadingOverlay()\n const { closeModal } = useModal()\n const { collectionSlug, drawerSlug, initialFiles, onSuccess } = useBulkUpload()\n\n const [isUploading, setIsUploading] = React.useState(false)\n const [loadingText, setLoadingText] = React.useState('')\n\n const hasInitializedWithFiles = React.useRef(false)\n const initialStateRef = React.useRef<FormState>(null)\n const getFormDataRef = React.useRef<() => Data>(() => ({}))\n\n const actionURL = `${api}/${collectionSlug}`\n\n const initilizeSharedDocPermissions = React.useCallback(async () => {\n const params = {\n locale: code || undefined,\n }\n\n const docAccessURL = `/${collectionSlug}/access`\n const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n method: 'post',\n })\n\n const json: DocumentPermissions = await res.json()\n const publishedAccessJSON = await fetch(\n `${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`,\n {\n body: JSON.stringify({\n _status: 'published',\n }),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n method: 'POST',\n },\n ).then((res) => res.json())\n\n setDocPermissions(json)\n\n setHasSavePermission(\n getHasSavePermission({\n collectionSlug,\n docPermissions: json,\n isEditing: false,\n }),\n )\n\n setHasPublishPermission(publishedAccessJSON?.update?.permission)\n setHasInitializedDocPermissions(true)\n }, [api, code, collectionSlug, i18n.language, serverURL])\n\n const initializeSharedFormState = React.useCallback(\n async (abortController?: AbortController) => {\n if (abortController?.signal) {\n abortController.abort('aborting previous fetch for initial form state without files')\n }\n\n try {\n const { state: formStateWithoutFiles } = await getFormState({\n apiRoute: config.routes.api,\n body: {\n collectionSlug,\n locale: code,\n operation: 'create',\n schemaPath: collectionSlug,\n },\n // onError: onLoadError,\n serverURL: config.serverURL,\n signal: abortController?.signal,\n })\n initialStateRef.current = formStateWithoutFiles\n setHasInitializedState(true)\n } catch (error) {\n // swallow error\n }\n },\n [code, collectionSlug, config.routes.api, config.serverURL],\n )\n\n const setActiveIndex: FormsManagerContext['setActiveIndex'] = React.useCallback(\n (index: number) => {\n const currentFormsData = getFormDataRef.current()\n dispatch({\n type: 'REPLACE',\n state: {\n activeIndex: index,\n forms: forms.map((form, i) => {\n if (i === activeIndex) {\n return {\n errorCount: form.errorCount,\n formState: currentFormsData,\n }\n }\n return form\n }),\n },\n })\n },\n [forms, activeIndex],\n )\n\n const addFiles = React.useCallback(\n async (files: FileList) => {\n toggleLoadingOverlay({ isLoading: true, key: 'addingDocs' })\n if (!hasInitializedState) {\n await initializeSharedFormState()\n }\n dispatch({ type: 'ADD_FORMS', files, initialState: initialStateRef.current })\n toggleLoadingOverlay({ isLoading: false, key: 'addingDocs' })\n },\n [initializeSharedFormState, hasInitializedState, toggleLoadingOverlay],\n )\n\n const removeFile: FormsManagerContext['removeFile'] = React.useCallback((index) => {\n dispatch({ type: 'REMOVE_FORM', index })\n }, [])\n\n const setFormTotalErrorCount: FormsManagerContext['setFormTotalErrorCount'] = React.useCallback(\n ({ errorCount, index }) => {\n dispatch({\n type: 'UPDATE_ERROR_COUNT',\n count: errorCount,\n index,\n })\n },\n [],\n )\n\n const saveAllDocs: FormsManagerContext['saveAllDocs'] = React.useCallback(\n async ({ overrides } = {}) => {\n const currentFormsData = getFormDataRef.current()\n const currentForms = [...forms]\n currentForms[activeIndex] = {\n errorCount: currentForms[activeIndex].errorCount,\n formState: currentFormsData,\n }\n const newDocs = []\n\n setIsUploading(true)\n\n for (let i = 0; i < currentForms.length; i++) {\n try {\n const form = currentForms[i]\n\n setLoadingText(t('general:uploadingBulk', { current: i + 1, total: currentForms.length }))\n\n const req = await fetch(actionURL, {\n body: createFormData(form.formState, overrides),\n method: 'POST',\n })\n\n const json = await req.json()\n\n if (req.status === 201 && json?.doc) {\n newDocs.push(json.doc)\n }\n\n // should expose some sort of helper for this\n if (json?.errors?.length) {\n const [fieldErrors] = json.errors.reduce(\n ([fieldErrs, nonFieldErrs], err) => {\n const newFieldErrs: any[] = []\n const newNonFieldErrs: any[] = []\n\n if (err?.message) {\n newNonFieldErrs.push(err)\n }\n\n if (Array.isArray(err?.data?.errors)) {\n err.data?.errors.forEach((dataError) => {\n if (dataError?.field) {\n newFieldErrs.push(dataError)\n } else {\n newNonFieldErrs.push(dataError)\n }\n })\n }\n\n return [\n [...fieldErrs, ...newFieldErrs],\n [...nonFieldErrs, ...newNonFieldErrs],\n ]\n },\n [[], []],\n )\n\n currentForms[i] = {\n errorCount: fieldErrors.length,\n formState: fieldReducer(currentForms[i].formState, {\n type: 'ADD_SERVER_ERRORS',\n errors: fieldErrors,\n }),\n }\n }\n } catch (_) {\n // swallow\n }\n }\n\n setHasSubmitted(true)\n setLoadingText('')\n setIsUploading(false)\n\n const remainingForms = currentForms.filter(({ errorCount }) => errorCount > 0)\n const successCount = Math.max(0, currentForms.length - remainingForms.length)\n const errorCount = currentForms.length - successCount\n\n if (successCount) {\n toast.success(`Successfully saved ${successCount} files`)\n\n if (typeof onSuccess === 'function') {\n onSuccess(newDocs, errorCount)\n }\n }\n\n if (errorCount) {\n toast.error(`Failed to save ${errorCount} files`)\n } else {\n closeModal(drawerSlug)\n }\n\n dispatch({\n type: 'REPLACE',\n state: {\n activeIndex: 0,\n forms: remainingForms,\n totalErrorCount: remainingForms.reduce((acc, { errorCount }) => acc + errorCount, 0),\n },\n })\n },\n [actionURL, activeIndex, forms, onSuccess, t, closeModal, drawerSlug],\n )\n\n React.useEffect(() => {\n if (!collectionSlug) {\n return\n }\n if (!hasInitializedState) {\n void initializeSharedFormState()\n }\n\n if (!hasInitializedDocPermissions) {\n void initilizeSharedDocPermissions()\n }\n\n if (initialFiles) {\n if (!hasInitializedState || !hasInitializedDocPermissions) {\n setIsInitializing(true)\n } else {\n setIsInitializing(false)\n }\n }\n\n if (hasInitializedState && initialFiles && !hasInitializedWithFiles.current) {\n void addFiles(initialFiles)\n hasInitializedWithFiles.current = true\n }\n return\n }, [\n addFiles,\n initialFiles,\n initializeSharedFormState,\n initilizeSharedDocPermissions,\n collectionSlug,\n hasInitializedState,\n hasInitializedDocPermissions,\n ])\n\n return (\n <Context.Provider\n value={{\n activeIndex: state.activeIndex,\n addFiles,\n collectionSlug,\n docPermissions,\n forms,\n getFormDataRef,\n hasPublishPermission,\n hasSavePermission,\n hasSubmitted,\n isInitializing,\n removeFile,\n saveAllDocs,\n setActiveIndex,\n setFormTotalErrorCount,\n thumbnailUrls: renderedThumbnails,\n totalErrorCount,\n }}\n >\n {isUploading && (\n <LoadingOverlay\n animationDuration=\"250ms\"\n loadingText={loadingText}\n overlayType=\"fullscreen\"\n show\n />\n )}\n {children}\n </Context.Provider>\n )\n}\n\nexport function useFormsManager() {\n return React.useContext(Context)\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,12 +1,14 @@
1
- .bulk-upload--drawer-header {
2
- display: flex;
3
- justify-content: space-between;
4
- align-items: center;
5
- padding: calc(var(--base) * 2.5) var(--gutter-h);
6
- height: 48px;
7
- border-bottom: 1px solid var(--theme-border-color);
1
+ @layer payload-default {
2
+ .bulk-upload--drawer-header {
3
+ display: flex;
4
+ justify-content: space-between;
5
+ align-items: center;
6
+ padding: calc(var(--base) * 2.5) var(--gutter-h);
7
+ height: 48px;
8
+ border-bottom: 1px solid var(--theme-border-color);
8
9
 
9
- h2 {
10
- margin: 0;
10
+ h2 {
11
+ margin: 0;
12
+ }
11
13
  }
12
14
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/BulkUpload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAiCzB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,wBAAgB,gBAAgB,sBAa/B;AAED,KAAK,iBAAiB,GAAG;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,QAAQ,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,eAAe,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC1C,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAC9D,YAAY,EAAE,CAAC,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CAClE,CAAA;AAeD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBA8CtF;AAED,eAAO,MAAM,aAAa,yBAAkC,CAAA;AAE5D,wBAAgB,uBAAuB,WAItC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/BulkUpload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIzC,OAAO,KAAK,MAAM,OAAO,CAAA;AA8DzB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,wBAAgB,gBAAgB,sBAa/B;AAED,KAAK,iBAAiB,GAAG;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,QAAQ,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,eAAe,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC1C,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAC9D,YAAY,EAAE,CAAC,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CAClE,CAAA;AAeD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBA8CtF;AAED,eAAO,MAAM,aAAa,yBAAkC,CAAA;AAE5D,wBAAgB,uBAAuB,WAItC"}
@@ -3,15 +3,18 @@
3
3
  import { c as _c } from "react/compiler-runtime";
4
4
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
5
  import { useModal } from '@faceless-ui/modal';
6
+ import { validateMimeType } from 'payload/shared';
6
7
  import React from 'react';
8
+ import { toast } from 'sonner';
9
+ import { useConfig } from '../../providers/Config/index.js';
7
10
  import { EditDepthProvider, useEditDepth } from '../../providers/EditDepth/index.js';
11
+ import { useTranslation } from '../../providers/Translation/index.js';
8
12
  import { Drawer } from '../Drawer/index.js';
9
13
  import { AddFilesView } from './AddFilesView/index.js';
10
14
  import { AddingFilesView } from './AddingFilesView/index.js';
11
15
  import { FormsManagerProvider, useFormsManager } from './FormsManager/index.js';
12
16
  const drawerSlug = 'bulk-upload-drawer-slug';
13
17
  function DrawerContent() {
14
- const $ = _c(9);
15
18
  const {
16
19
  addFiles,
17
20
  forms,
@@ -24,52 +27,39 @@ function DrawerContent() {
24
27
  collectionSlug,
25
28
  drawerSlug
26
29
  } = useBulkUpload();
27
- let t0;
28
- if ($[0] !== addFiles) {
29
- t0 = acceptedFiles => {
30
- addFiles(acceptedFiles);
31
- };
32
- $[0] = addFiles;
33
- $[1] = t0;
34
- } else {
35
- t0 = $[1];
36
- }
37
- const onDrop = t0;
30
+ const {
31
+ config
32
+ } = useConfig();
33
+ const {
34
+ t
35
+ } = useTranslation();
36
+ const uploadCollection = config.collections.find(col => col.slug === collectionSlug);
37
+ const uploadConfig = uploadCollection.upload;
38
+ const uploadMimeTypes = uploadConfig.mimeTypes;
39
+ const onDrop = React.useCallback(acceptedFiles => {
40
+ const fileTransfer = new DataTransfer();
41
+ for (const candidateFile of acceptedFiles) {
42
+ if (uploadMimeTypes === undefined || uploadMimeTypes.length === 0 || validateMimeType(candidateFile.type, uploadMimeTypes)) {
43
+ fileTransfer.items.add(candidateFile);
44
+ }
45
+ }
46
+ if (fileTransfer.files.length === 0) {
47
+ toast.error(t('error:invalidFileType'));
48
+ } else {
49
+ void addFiles(fileTransfer.files);
50
+ }
51
+ }, [addFiles, t, uploadMimeTypes]);
38
52
  if (!collectionSlug) {
39
53
  return null;
40
54
  }
41
55
  if (!forms.length && !isInitializing) {
42
- let t1;
43
- if ($[2] !== closeModal || $[3] !== drawerSlug) {
44
- t1 = () => closeModal(drawerSlug);
45
- $[2] = closeModal;
46
- $[3] = drawerSlug;
47
- $[4] = t1;
48
- } else {
49
- t1 = $[4];
50
- }
51
- let t2;
52
- if ($[5] !== t1 || $[6] !== onDrop) {
53
- t2 = _jsx(AddFilesView, {
54
- onCancel: t1,
55
- onDrop
56
- });
57
- $[5] = t1;
58
- $[6] = onDrop;
59
- $[7] = t2;
60
- } else {
61
- t2 = $[7];
62
- }
63
- return t2;
56
+ return /*#__PURE__*/_jsx(AddFilesView, {
57
+ acceptMimeTypes: uploadMimeTypes?.join(', '),
58
+ onCancel: () => closeModal(drawerSlug),
59
+ onDrop: onDrop
60
+ });
64
61
  } else {
65
- let t1;
66
- if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
67
- t1 = _jsx(AddingFilesView, {});
68
- $[8] = t1;
69
- } else {
70
- t1 = $[8];
71
- }
72
- return t1;
62
+ return /*#__PURE__*/_jsx(AddingFilesView, {});
73
63
  }
74
64
  }
75
65
  export function BulkUploadDrawer() {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","useModal","React","EditDepthProvider","useEditDepth","Drawer","AddFilesView","AddingFilesView","FormsManagerProvider","useFormsManager","drawerSlug","DrawerContent","$","addFiles","forms","isInitializing","closeModal","collectionSlug","useBulkUpload","t0","acceptedFiles","onDrop","length","t1","t2","_jsx","onCancel","BulkUploadDrawer","currentDepth","depth","children","gutter","Header","slug","Context","createContext","initialFiles","undefined","maxFiles","onSuccess","setCollectionSlug","setInitialFiles","setMaxFiles","setOnCancel","setOnSuccess","BulkUploadProvider","collection","setCollection","useState","onSuccessFunction","setOnSuccessFunction","onCancelFunction","setOnCancelFunction","useBulkUploadDrawerSlug","Symbol","for","t3","t4","docIDs","errorCount","t5","Provider","value","_jsxs","Fragment","useContext"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { EditDepthProvider, useEditDepth } from '../../providers/EditDepth/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { AddFilesView } from './AddFilesView/index.js'\nimport { AddingFilesView } from './AddingFilesView/index.js'\nimport { FormsManagerProvider, useFormsManager } from './FormsManager/index.js'\n\nconst drawerSlug = 'bulk-upload-drawer-slug'\n\nfunction DrawerContent() {\n const { addFiles, forms, isInitializing } = useFormsManager()\n const { closeModal } = useModal()\n const { collectionSlug, drawerSlug } = useBulkUpload()\n\n const onDrop = React.useCallback(\n (acceptedFiles: FileList) => {\n void addFiles(acceptedFiles)\n },\n [addFiles],\n )\n\n if (!collectionSlug) {\n return null\n }\n\n if (!forms.length && !isInitializing) {\n return <AddFilesView onCancel={() => closeModal(drawerSlug)} onDrop={onDrop} />\n } else {\n return <AddingFilesView />\n }\n}\n\nexport type BulkUploadProps = {\n readonly children: React.ReactNode\n}\n\nexport function BulkUploadDrawer() {\n const currentDepth = useEditDepth()\n const { drawerSlug } = useBulkUpload()\n\n return (\n <EditDepthProvider depth={currentDepth || 1}>\n <Drawer gutter={false} Header={null} slug={drawerSlug}>\n <FormsManagerProvider>\n <DrawerContent />\n </FormsManagerProvider>\n </Drawer>\n </EditDepthProvider>\n )\n}\n\ntype BulkUploadContext = {\n collectionSlug: string\n drawerSlug: string\n initialFiles: FileList\n maxFiles: number\n onCancel: () => void\n onSuccess: (newDocs: JsonObject[], errorCount: number) => void\n setCollectionSlug: (slug: string) => void\n setInitialFiles: (files: FileList) => void\n setMaxFiles: (maxFiles: number) => void\n setOnCancel: (onCancel: BulkUploadContext['onCancel']) => void\n setOnSuccess: (onSuccess: BulkUploadContext['onSuccess']) => void\n}\n\nconst Context = React.createContext<BulkUploadContext>({\n collectionSlug: '',\n drawerSlug: '',\n initialFiles: undefined,\n maxFiles: undefined,\n onCancel: () => null,\n onSuccess: () => null,\n setCollectionSlug: () => null,\n setInitialFiles: () => null,\n setMaxFiles: () => null,\n setOnCancel: () => null,\n setOnSuccess: () => null,\n})\nexport function BulkUploadProvider({ children }: { readonly children: React.ReactNode }) {\n const [collection, setCollection] = React.useState<string>()\n const [onSuccessFunction, setOnSuccessFunction] = React.useState<BulkUploadContext['onSuccess']>()\n const [onCancelFunction, setOnCancelFunction] = React.useState<BulkUploadContext['onCancel']>()\n const [initialFiles, setInitialFiles] = React.useState<FileList>(undefined)\n const [maxFiles, setMaxFiles] = React.useState<number>(undefined)\n const drawerSlug = useBulkUploadDrawerSlug()\n\n const setCollectionSlug: BulkUploadContext['setCollectionSlug'] = (slug) => {\n setCollection(slug)\n }\n\n const setOnSuccess: BulkUploadContext['setOnSuccess'] = (onSuccess) => {\n setOnSuccessFunction(() => onSuccess)\n }\n\n return (\n <Context.Provider\n value={{\n collectionSlug: collection,\n drawerSlug,\n initialFiles,\n maxFiles,\n onCancel: () => {\n if (typeof onCancelFunction === 'function') {\n onCancelFunction()\n }\n },\n onSuccess: (docIDs, errorCount) => {\n if (typeof onSuccessFunction === 'function') {\n onSuccessFunction(docIDs, errorCount)\n }\n },\n setCollectionSlug,\n setInitialFiles,\n setMaxFiles,\n setOnCancel: setOnCancelFunction,\n setOnSuccess,\n }}\n >\n <React.Fragment>\n {children}\n <BulkUploadDrawer />\n </React.Fragment>\n </Context.Provider>\n )\n}\n\nexport const useBulkUpload = () => React.useContext(Context)\n\nexport function useBulkUploadDrawerSlug() {\n const depth = useEditDepth()\n\n return `${drawerSlug}-${depth || 1}`\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","useModal","validateMimeType","React","toast","useConfig","EditDepthProvider","useEditDepth","useTranslation","Drawer","AddFilesView","AddingFilesView","FormsManagerProvider","useFormsManager","drawerSlug","DrawerContent","addFiles","forms","isInitializing","closeModal","collectionSlug","useBulkUpload","config","t","uploadCollection","collections","find","col","slug","uploadConfig","upload","uploadMimeTypes","mimeTypes","onDrop","useCallback","acceptedFiles","fileTransfer","DataTransfer","candidateFile","undefined","length","type","items","add","files","error","_jsx","acceptMimeTypes","join","onCancel","BulkUploadDrawer","$","currentDepth","t0","t1","depth","children","gutter","Header","Context","createContext","initialFiles","maxFiles","onSuccess","setCollectionSlug","setInitialFiles","setMaxFiles","setOnCancel","setOnSuccess","BulkUploadProvider","collection","setCollection","useState","onSuccessFunction","setOnSuccessFunction","onCancelFunction","setOnCancelFunction","useBulkUploadDrawerSlug","Symbol","for","t2","t3","t4","docIDs","errorCount","t5","Provider","value","_jsxs","Fragment","useContext"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from 'payload/shared'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { EditDepthProvider, useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { AddFilesView } from './AddFilesView/index.js'\nimport { AddingFilesView } from './AddingFilesView/index.js'\nimport { FormsManagerProvider, useFormsManager } from './FormsManager/index.js'\n\nconst drawerSlug = 'bulk-upload-drawer-slug'\n\nfunction DrawerContent() {\n const { addFiles, forms, isInitializing } = useFormsManager()\n const { closeModal } = useModal()\n const { collectionSlug, drawerSlug } = useBulkUpload()\n const { config } = useConfig()\n const { t } = useTranslation()\n\n const uploadCollection = config.collections.find((col) => col.slug === collectionSlug)\n const uploadConfig = uploadCollection.upload\n const uploadMimeTypes = uploadConfig.mimeTypes\n\n const onDrop = React.useCallback(\n (acceptedFiles: FileList) => {\n const fileTransfer = new DataTransfer()\n for (const candidateFile of acceptedFiles) {\n if (\n uploadMimeTypes === undefined ||\n uploadMimeTypes.length === 0 ||\n validateMimeType(candidateFile.type, uploadMimeTypes)\n ) {\n fileTransfer.items.add(candidateFile)\n }\n }\n if (fileTransfer.files.length === 0) {\n toast.error(t('error:invalidFileType'))\n } else {\n void addFiles(fileTransfer.files)\n }\n },\n [addFiles, t, uploadMimeTypes],\n )\n\n if (!collectionSlug) {\n return null\n }\n\n if (!forms.length && !isInitializing) {\n return (\n <AddFilesView\n acceptMimeTypes={uploadMimeTypes?.join(', ')}\n onCancel={() => closeModal(drawerSlug)}\n onDrop={onDrop}\n />\n )\n } else {\n return <AddingFilesView />\n }\n}\n\nexport type BulkUploadProps = {\n readonly children: React.ReactNode\n}\n\nexport function BulkUploadDrawer() {\n const currentDepth = useEditDepth()\n const { drawerSlug } = useBulkUpload()\n\n return (\n <EditDepthProvider depth={currentDepth || 1}>\n <Drawer gutter={false} Header={null} slug={drawerSlug}>\n <FormsManagerProvider>\n <DrawerContent />\n </FormsManagerProvider>\n </Drawer>\n </EditDepthProvider>\n )\n}\n\ntype BulkUploadContext = {\n collectionSlug: string\n drawerSlug: string\n initialFiles: FileList\n maxFiles: number\n onCancel: () => void\n onSuccess: (newDocs: JsonObject[], errorCount: number) => void\n setCollectionSlug: (slug: string) => void\n setInitialFiles: (files: FileList) => void\n setMaxFiles: (maxFiles: number) => void\n setOnCancel: (onCancel: BulkUploadContext['onCancel']) => void\n setOnSuccess: (onSuccess: BulkUploadContext['onSuccess']) => void\n}\n\nconst Context = React.createContext<BulkUploadContext>({\n collectionSlug: '',\n drawerSlug: '',\n initialFiles: undefined,\n maxFiles: undefined,\n onCancel: () => null,\n onSuccess: () => null,\n setCollectionSlug: () => null,\n setInitialFiles: () => null,\n setMaxFiles: () => null,\n setOnCancel: () => null,\n setOnSuccess: () => null,\n})\nexport function BulkUploadProvider({ children }: { readonly children: React.ReactNode }) {\n const [collection, setCollection] = React.useState<string>()\n const [onSuccessFunction, setOnSuccessFunction] = React.useState<BulkUploadContext['onSuccess']>()\n const [onCancelFunction, setOnCancelFunction] = React.useState<BulkUploadContext['onCancel']>()\n const [initialFiles, setInitialFiles] = React.useState<FileList>(undefined)\n const [maxFiles, setMaxFiles] = React.useState<number>(undefined)\n const drawerSlug = useBulkUploadDrawerSlug()\n\n const setCollectionSlug: BulkUploadContext['setCollectionSlug'] = (slug) => {\n setCollection(slug)\n }\n\n const setOnSuccess: BulkUploadContext['setOnSuccess'] = (onSuccess) => {\n setOnSuccessFunction(() => onSuccess)\n }\n\n return (\n <Context.Provider\n value={{\n collectionSlug: collection,\n drawerSlug,\n initialFiles,\n maxFiles,\n onCancel: () => {\n if (typeof onCancelFunction === 'function') {\n onCancelFunction()\n }\n },\n onSuccess: (docIDs, errorCount) => {\n if (typeof onSuccessFunction === 'function') {\n onSuccessFunction(docIDs, errorCount)\n }\n },\n setCollectionSlug,\n setInitialFiles,\n setMaxFiles,\n setOnCancel: setOnCancelFunction,\n setOnSuccess,\n }}\n >\n <React.Fragment>\n {children}\n <BulkUploadDrawer />\n </React.Fragment>\n </Context.Provider>\n )\n}\n\nexport const useBulkUpload = () => React.useContext(Context)\n\nexport function useBulkUploadDrawerSlug() {\n const depth = useEditDepth()\n\n return `${drawerSlug}-${depth || 1}`\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,qGA8IjB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,qGAiJjB,CAAA"}
@@ -87,12 +87,13 @@ export const Button = /*#__PURE__*/forwardRef((props, ref) => {
87
87
  className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,
88
88
  disabled,
89
89
  onClick: !disabled ? handleClick : undefined,
90
- onMouseEnter: tooltip ? () => setShowTooltip(true) : undefined,
91
- onMouseLeave: tooltip ? () => setShowTooltip(false) : undefined,
90
+ onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,
91
+ onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,
92
92
  rel: newTab ? 'noopener noreferrer' : undefined,
93
93
  target: newTab ? '_blank' : undefined
94
94
  };
95
95
  let buttonElement;
96
+ let prefetch;
96
97
  switch (el) {
97
98
  case 'anchor':
98
99
  buttonElement = /*#__PURE__*/_jsx("a", {
@@ -116,10 +117,13 @@ export const Button = /*#__PURE__*/forwardRef((props, ref) => {
116
117
  ;
117
118
  if (disabled) {
118
119
  LinkTag = 'div';
120
+ } else {
121
+ prefetch = false;
119
122
  }
120
123
  buttonElement = /*#__PURE__*/_jsx(LinkTag, {
121
124
  ...buttonProps,
122
125
  href: to || url,
126
+ prefetch: prefetch,
123
127
  to: to || url,
124
128
  children: /*#__PURE__*/_jsx(ButtonContents, {
125
129
  icon: icon,
@@ -150,12 +154,17 @@ export const Button = /*#__PURE__*/forwardRef((props, ref) => {
150
154
  className: styleClasses,
151
155
  children: [buttonElement, /*#__PURE__*/_jsx(Popup, {
152
156
  button: /*#__PURE__*/_jsx(ChevronIcon, {}),
157
+ buttonSize: size,
153
158
  className: disabled ? `${baseClass}--popup-disabled` : '',
154
159
  horizontalAlign: "right",
155
160
  noBackground: true,
161
+ render: ({
162
+ close
163
+ }) => SubMenuPopupContent({
164
+ close: () => close()
165
+ }),
156
166
  size: "large",
157
- verticalAlign: "bottom",
158
- children: SubMenuPopupContent
167
+ verticalAlign: "bottom"
159
168
  })]
160
169
  });
161
170
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","forwardRef","Fragment","isValidElement","ChevronIcon","EditIcon","LinkIcon","PlusIcon","SwapIcon","XIcon","Popup","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","_jsxs","_jsx","className","show","Button","props","ref","id","type","ariaLabel","buttonStyle","disabled","el","iconPosition","iconStyle","Link","newTab","onClick","round","size","SubMenuPopupContent","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","undefined","onMouseEnter","onMouseLeave","rel","target","buttonElement","href","console","error","LinkTag","Tag","button","horizontalAlign","noBackground","verticalAlign"],"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { forwardRef, Fragment, isValidElement } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst icons = {\n chevron: ChevronIcon,\n edit: EditIcon,\n link: LinkIcon,\n plus: PlusIcon,\n swap: SwapIcon,\n x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, showTooltip, tooltip }) => {\n const BuiltInIcon = icons[icon]\n\n return (\n <Fragment>\n {tooltip && (\n <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n {tooltip}\n </Tooltip>\n )}\n <span className={`${baseClass}__content`}>\n {children && <span className={`${baseClass}__label`}>{children}</span>}\n {icon && (\n <span className={`${baseClass}__icon`}>\n {isValidElement(icon) && icon}\n {BuiltInIcon && <BuiltInIcon />}\n </span>\n )}\n </span>\n </Fragment>\n )\n}\n\nexport const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, Props>((props, ref) => {\n const {\n id,\n type = 'button',\n 'aria-label': ariaLabel,\n buttonStyle = 'primary',\n children,\n className,\n disabled,\n el = 'button',\n icon,\n iconPosition = 'right',\n iconStyle = 'without-border',\n Link,\n newTab,\n onClick,\n round,\n size = 'medium',\n SubMenuPopupContent,\n to,\n tooltip,\n url,\n } = props\n\n const [showTooltip, setShowTooltip] = React.useState(false)\n\n const classes = [\n baseClass,\n className && className,\n icon && `${baseClass}--icon`,\n iconStyle && `${baseClass}--icon-style-${iconStyle}`,\n icon && !children && `${baseClass}--icon-only`,\n size && `${baseClass}--size-${size}`,\n icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n tooltip && `${baseClass}--has-tooltip`,\n !SubMenuPopupContent && `${baseClass}--withoutPopup`,\n ]\n .filter(Boolean)\n .join(' ')\n\n function handleClick(event) {\n setShowTooltip(false)\n if (type !== 'submit' && onClick) {\n event.preventDefault()\n }\n if (onClick) {\n onClick(event)\n }\n }\n\n const styleClasses = [\n buttonStyle && `${baseClass}--style-${buttonStyle}`,\n disabled && `${baseClass}--disabled`,\n round && `${baseClass}--round`,\n SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`,\n ]\n .filter(Boolean)\n .join(' ')\n\n const buttonProps = {\n id,\n type,\n 'aria-disabled': disabled,\n 'aria-label': ariaLabel,\n className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,\n disabled,\n onClick: !disabled ? handleClick : undefined,\n onMouseEnter: tooltip ? () => setShowTooltip(true) : undefined,\n onMouseLeave: tooltip ? () => setShowTooltip(false) : undefined,\n rel: newTab ? 'noopener noreferrer' : undefined,\n target: newTab ? '_blank' : undefined,\n }\n\n let buttonElement\n\n switch (el) {\n case 'anchor':\n buttonElement = (\n <a\n {...buttonProps}\n href={!disabled ? url : undefined}\n ref={ref as React.Ref<HTMLAnchorElement>}\n >\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </a>\n )\n break\n\n case 'link':\n if (!Link) {\n console.error('Link is required when using el=\"link\"', children)\n return null\n }\n\n let LinkTag = Link // eslint-disable-line no-case-declarations\n\n if (disabled) {\n LinkTag = 'div'\n }\n\n buttonElement = (\n <LinkTag {...buttonProps} href={to || url} to={to || url}>\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </LinkTag>\n )\n break\n\n default:\n const Tag = el // eslint-disable-line no-case-declarations\n\n buttonElement = (\n <Tag ref={ref} type=\"submit\" {...buttonProps}>\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </Tag>\n )\n break\n }\n if (SubMenuPopupContent) {\n return (\n <div className={styleClasses}>\n {buttonElement}\n <Popup\n button={<ChevronIcon />}\n className={disabled ? `${baseClass}--popup-disabled` : ''}\n horizontalAlign=\"right\"\n noBackground\n size=\"large\"\n verticalAlign=\"bottom\"\n >\n {SubMenuPopupContent}\n </Popup>\n </div>\n )\n }\n\n return buttonElement\n})\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","forwardRef","Fragment","isValidElement","ChevronIcon","EditIcon","LinkIcon","PlusIcon","SwapIcon","XIcon","Popup","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","_jsxs","_jsx","className","show","Button","props","ref","id","type","ariaLabel","buttonStyle","disabled","el","iconPosition","iconStyle","Link","newTab","onClick","round","size","SubMenuPopupContent","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","undefined","onPointerEnter","onPointerLeave","rel","target","buttonElement","prefetch","href","console","error","LinkTag","Tag","button","buttonSize","horizontalAlign","noBackground","render","close","verticalAlign"],"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { forwardRef, Fragment, isValidElement } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst icons = {\n chevron: ChevronIcon,\n edit: EditIcon,\n link: LinkIcon,\n plus: PlusIcon,\n swap: SwapIcon,\n x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, showTooltip, tooltip }) => {\n const BuiltInIcon = icons[icon]\n\n return (\n <Fragment>\n {tooltip && (\n <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n {tooltip}\n </Tooltip>\n )}\n <span className={`${baseClass}__content`}>\n {children && <span className={`${baseClass}__label`}>{children}</span>}\n {icon && (\n <span className={`${baseClass}__icon`}>\n {isValidElement(icon) && icon}\n {BuiltInIcon && <BuiltInIcon />}\n </span>\n )}\n </span>\n </Fragment>\n )\n}\n\nexport const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, Props>((props, ref) => {\n const {\n id,\n type = 'button',\n 'aria-label': ariaLabel,\n buttonStyle = 'primary',\n children,\n className,\n disabled,\n el = 'button',\n icon,\n iconPosition = 'right',\n iconStyle = 'without-border',\n Link,\n newTab,\n onClick,\n round,\n size = 'medium',\n SubMenuPopupContent,\n to,\n tooltip,\n url,\n } = props\n\n const [showTooltip, setShowTooltip] = React.useState(false)\n\n const classes = [\n baseClass,\n className && className,\n icon && `${baseClass}--icon`,\n iconStyle && `${baseClass}--icon-style-${iconStyle}`,\n icon && !children && `${baseClass}--icon-only`,\n size && `${baseClass}--size-${size}`,\n icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n tooltip && `${baseClass}--has-tooltip`,\n !SubMenuPopupContent && `${baseClass}--withoutPopup`,\n ]\n .filter(Boolean)\n .join(' ')\n\n function handleClick(event) {\n setShowTooltip(false)\n if (type !== 'submit' && onClick) {\n event.preventDefault()\n }\n if (onClick) {\n onClick(event)\n }\n }\n\n const styleClasses = [\n buttonStyle && `${baseClass}--style-${buttonStyle}`,\n disabled && `${baseClass}--disabled`,\n round && `${baseClass}--round`,\n SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`,\n ]\n .filter(Boolean)\n .join(' ')\n\n const buttonProps = {\n id,\n type,\n 'aria-disabled': disabled,\n 'aria-label': ariaLabel,\n className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,\n disabled,\n onClick: !disabled ? handleClick : undefined,\n onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,\n onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,\n rel: newTab ? 'noopener noreferrer' : undefined,\n target: newTab ? '_blank' : undefined,\n }\n\n let buttonElement\n let prefetch\n\n switch (el) {\n case 'anchor':\n buttonElement = (\n <a\n {...buttonProps}\n href={!disabled ? url : undefined}\n ref={ref as React.Ref<HTMLAnchorElement>}\n >\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </a>\n )\n break\n\n case 'link':\n if (!Link) {\n console.error('Link is required when using el=\"link\"', children)\n return null\n }\n\n let LinkTag = Link // eslint-disable-line no-case-declarations\n\n if (disabled) {\n LinkTag = 'div'\n } else {\n prefetch = false\n }\n\n buttonElement = (\n <LinkTag {...buttonProps} href={to || url} prefetch={prefetch} to={to || url}>\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </LinkTag>\n )\n break\n\n default:\n const Tag = el // eslint-disable-line no-case-declarations\n\n buttonElement = (\n <Tag ref={ref} type=\"submit\" {...buttonProps}>\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </Tag>\n )\n break\n }\n if (SubMenuPopupContent) {\n return (\n <div className={styleClasses}>\n {buttonElement}\n <Popup\n button={<ChevronIcon />}\n buttonSize={size}\n className={disabled ? `${baseClass}--popup-disabled` : ''}\n horizontalAlign=\"right\"\n noBackground\n render={({ close }) => SubMenuPopupContent({ close: () => close() })}\n size=\"large\"\n verticalAlign=\"bottom\"\n />\n </div>\n )\n }\n\n return buttonElement\n})\n"],"mappings":"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","ignoreList":[]}