@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
@@ -13,7 +13,7 @@ import { isFieldRTL } from '../shared/index.js';
13
13
  import './index.scss';
14
14
  import { PasswordInput } from './input.js';
15
15
  const PasswordFieldComponent = props => {
16
- const $ = _c(35);
16
+ const $ = _c(39);
17
17
  const {
18
18
  autoComplete,
19
19
  errorProps,
@@ -121,7 +121,7 @@ const PasswordFieldComponent = props => {
121
121
  const disabled = disabledFromProps || formInitializing || formProcessing;
122
122
  const t7 = config.localization || undefined;
123
123
  let t8;
124
- if ($[12] !== rtl || $[13] !== locale || $[14] !== t7 || $[15] !== field || $[16] !== setValue || $[17] !== value_0 || $[18] !== autoComplete || $[19] !== className || $[20] !== description || $[21] !== errorProps || $[22] !== inputRef || $[23] !== label || $[24] !== labelProps || $[25] !== path || $[26] !== placeholder || $[27] !== disabled || $[28] !== required || $[29] !== showError || $[30] !== style || $[31] !== width) {
124
+ if ($[12] !== rtl || $[13] !== locale || $[14] !== t7 || $[15] !== field?.admin?.components?.afterInput || $[16] !== field?.admin?.components?.beforeInput || $[17] !== field?.admin?.components?.Description || $[18] !== field?.admin?.components?.Error || $[19] !== field?.admin?.components?.Label || $[20] !== setValue || $[21] !== value_0 || $[22] !== autoComplete || $[23] !== className || $[24] !== description || $[25] !== errorProps || $[26] !== inputRef || $[27] !== label || $[28] !== labelProps || $[29] !== path || $[30] !== placeholder || $[31] !== disabled || $[32] !== required || $[33] !== showError || $[34] !== style || $[35] !== width) {
125
125
  const renderRTL = isFieldRTL({
126
126
  fieldLocalized: false,
127
127
  fieldRTL: rtl,
@@ -129,14 +129,14 @@ const PasswordFieldComponent = props => {
129
129
  localizationConfig: t7
130
130
  });
131
131
  let t9;
132
- if ($[33] !== setValue) {
132
+ if ($[37] !== setValue) {
133
133
  t9 = e => {
134
134
  setValue(e.target.value);
135
135
  };
136
- $[33] = setValue;
137
- $[34] = t9;
136
+ $[37] = setValue;
137
+ $[38] = t9;
138
138
  } else {
139
- t9 = $[34];
139
+ t9 = $[38];
140
140
  }
141
141
  t8 = _jsx(PasswordInput, {
142
142
  afterInput: field?.admin?.components?.afterInput,
@@ -165,26 +165,30 @@ const PasswordFieldComponent = props => {
165
165
  $[12] = rtl;
166
166
  $[13] = locale;
167
167
  $[14] = t7;
168
- $[15] = field;
169
- $[16] = setValue;
170
- $[17] = value_0;
171
- $[18] = autoComplete;
172
- $[19] = className;
173
- $[20] = description;
174
- $[21] = errorProps;
175
- $[22] = inputRef;
176
- $[23] = label;
177
- $[24] = labelProps;
178
- $[25] = path;
179
- $[26] = placeholder;
180
- $[27] = disabled;
181
- $[28] = required;
182
- $[29] = showError;
183
- $[30] = style;
184
- $[31] = width;
185
- $[32] = t8;
168
+ $[15] = field?.admin?.components?.afterInput;
169
+ $[16] = field?.admin?.components?.beforeInput;
170
+ $[17] = field?.admin?.components?.Description;
171
+ $[18] = field?.admin?.components?.Error;
172
+ $[19] = field?.admin?.components?.Label;
173
+ $[20] = setValue;
174
+ $[21] = value_0;
175
+ $[22] = autoComplete;
176
+ $[23] = className;
177
+ $[24] = description;
178
+ $[25] = errorProps;
179
+ $[26] = inputRef;
180
+ $[27] = label;
181
+ $[28] = labelProps;
182
+ $[29] = path;
183
+ $[30] = placeholder;
184
+ $[31] = disabled;
185
+ $[32] = required;
186
+ $[33] = showError;
187
+ $[34] = style;
188
+ $[35] = width;
189
+ $[36] = t8;
186
190
  } else {
187
- t8 = $[32];
191
+ t8 = $[36];
188
192
  }
189
193
  return t8;
190
194
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","password","React","useCallback","useField","withCondition","useConfig","useLocale","useTranslation","isFieldRTL","PasswordInput","PasswordFieldComponent","props","$","autoComplete","errorProps","field","t0","inputRef","labelProps","validate","t1","undefined","name","_path","pathFromProps","admin","t2","label","required","t3","className","description","disabled","disabledFromProps","placeholder","rtl","style","width","t","locale","config","t4","value","options","type","data","preferences","fields","req","payload","siblingData","memoizedValidate","t5","t6","path","formInitializing","formProcessing","setValue","showError","value_0","t7","localization","t8","renderRTL","fieldLocalized","fieldRTL","localizationConfig","t9","e","target","_jsx","afterInput","components","beforeInput","Description","Error","Label","onChange","readOnly","PasswordField"],"sources":["../../../src/fields/Password/index.tsx"],"sourcesContent":["'use client'\nimport type { PasswordFieldValidation, PayloadRequest } from 'payload'\n\nimport { password } from 'payload/shared'\nimport React, { useCallback } from 'react'\n\nimport type { PasswordFieldProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport './index.scss'\nimport { PasswordInput } from './input.js'\n\nconst PasswordFieldComponent: React.FC<PasswordFieldProps> = (props) => {\n const {\n autoComplete,\n errorProps,\n field,\n field: {\n name,\n _path: pathFromProps,\n admin: {\n className,\n description,\n disabled: disabledFromProps,\n placeholder,\n rtl,\n style,\n width,\n } = {} as PasswordFieldProps['field']['admin'],\n label,\n required,\n } = {} as PasswordFieldProps['field'],\n inputRef,\n labelProps,\n validate,\n } = props\n\n const { t } = useTranslation()\n const locale = useLocale()\n const { config } = useConfig()\n\n const memoizedValidate: PasswordFieldValidation = useCallback(\n (value, options) => {\n if (typeof validate === 'function') {\n return validate(value, { ...options, required })\n }\n\n return password(value, {\n name: 'password',\n type: 'text',\n data: {},\n preferences: { fields: {} },\n req: {\n payload: {\n config,\n },\n t,\n } as unknown as PayloadRequest,\n required: true,\n siblingData: {},\n })\n },\n [validate, config, t, required],\n )\n\n const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n path: pathFromProps || name,\n validate: memoizedValidate,\n })\n\n const disabled = disabledFromProps || formInitializing || formProcessing\n\n const renderRTL = isFieldRTL({\n fieldLocalized: false,\n fieldRTL: rtl,\n locale,\n localizationConfig: config.localization || undefined,\n })\n\n return (\n <PasswordInput\n afterInput={field?.admin?.components?.afterInput}\n autoComplete={autoComplete}\n beforeInput={field?.admin?.components?.beforeInput}\n className={className}\n Description={field?.admin?.components?.Description}\n description={description}\n Error={field?.admin?.components?.Error}\n errorProps={errorProps}\n inputRef={inputRef}\n Label={field?.admin?.components?.Label}\n label={label}\n labelProps={labelProps}\n onChange={(e) => {\n setValue(e.target.value)\n }}\n path={path}\n placeholder={placeholder}\n readOnly={disabled}\n required={required}\n rtl={renderRTL}\n showError={showError}\n style={style}\n value={(value as string) || ''}\n width={width}\n />\n )\n}\n\nexport const PasswordField = withCondition(PasswordFieldComponent)\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","password","React","useCallback","useField","withCondition","useConfig","useLocale","useTranslation","isFieldRTL","PasswordInput","PasswordFieldComponent","props","$","autoComplete","errorProps","field","t0","inputRef","labelProps","validate","t1","undefined","name","_path","pathFromProps","admin","t2","label","required","t3","className","description","disabled","disabledFromProps","placeholder","rtl","style","width","t","locale","config","t4","value","options","type","data","preferences","fields","req","payload","siblingData","memoizedValidate","t5","t6","path","formInitializing","formProcessing","setValue","showError","value_0","t7","localization","t8","components","afterInput","beforeInput","Description","Error","Label","renderRTL","fieldLocalized","fieldRTL","localizationConfig","t9","e","target","_jsx","onChange","readOnly","PasswordField"],"sources":["../../../src/fields/Password/index.tsx"],"sourcesContent":["'use client'\nimport type { PasswordFieldValidation, PayloadRequest } from 'payload'\n\nimport { password } from 'payload/shared'\nimport React, { useCallback } from 'react'\n\nimport type { PasswordFieldProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport './index.scss'\nimport { PasswordInput } from './input.js'\n\nconst PasswordFieldComponent: React.FC<PasswordFieldProps> = (props) => {\n const {\n autoComplete,\n errorProps,\n field,\n field: {\n name,\n _path: pathFromProps,\n admin: {\n className,\n description,\n disabled: disabledFromProps,\n placeholder,\n rtl,\n style,\n width,\n } = {} as PasswordFieldProps['field']['admin'],\n label,\n required,\n } = {} as PasswordFieldProps['field'],\n inputRef,\n labelProps,\n validate,\n } = props\n\n const { t } = useTranslation()\n const locale = useLocale()\n const { config } = useConfig()\n\n const memoizedValidate: PasswordFieldValidation = useCallback(\n (value, options) => {\n if (typeof validate === 'function') {\n return validate(value, { ...options, required })\n }\n\n return password(value, {\n name: 'password',\n type: 'text',\n data: {},\n preferences: { fields: {} },\n req: {\n payload: {\n config,\n },\n t,\n } as unknown as PayloadRequest,\n required: true,\n siblingData: {},\n })\n },\n [validate, config, t, required],\n )\n\n const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n path: pathFromProps || name,\n validate: memoizedValidate,\n })\n\n const disabled = disabledFromProps || formInitializing || formProcessing\n\n const renderRTL = isFieldRTL({\n fieldLocalized: false,\n fieldRTL: rtl,\n locale,\n localizationConfig: config.localization || undefined,\n })\n\n return (\n <PasswordInput\n afterInput={field?.admin?.components?.afterInput}\n autoComplete={autoComplete}\n beforeInput={field?.admin?.components?.beforeInput}\n className={className}\n Description={field?.admin?.components?.Description}\n description={description}\n Error={field?.admin?.components?.Error}\n errorProps={errorProps}\n inputRef={inputRef}\n Label={field?.admin?.components?.Label}\n label={label}\n labelProps={labelProps}\n onChange={(e) => {\n setValue(e.target.value)\n }}\n path={path}\n placeholder={placeholder}\n readOnly={disabled}\n required={required}\n rtl={renderRTL}\n showError={showError}\n style={style}\n value={(value as string) || ''}\n width={width}\n />\n )\n}\n\nexport const PasswordField = withCondition(PasswordFieldComponent)\n"],"mappings":"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","ignoreList":[]}
@@ -1,28 +1,30 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .field-type.password {
4
- position: relative;
3
+ @layer payload-default {
4
+ .field-type.password {
5
+ position: relative;
5
6
 
6
- input {
7
- @include formInput;
7
+ input {
8
+ @include formInput;
9
+ }
8
10
  }
9
- }
10
11
 
11
- html[data-theme='light'] {
12
- .field-type.password {
13
- &.error {
14
- input {
15
- @include lightInputError;
12
+ html[data-theme='light'] {
13
+ .field-type.password {
14
+ &.error {
15
+ input {
16
+ @include lightInputError;
17
+ }
16
18
  }
17
19
  }
18
20
  }
19
- }
20
21
 
21
- html[data-theme='dark'] {
22
- .field-type.password {
23
- &.error {
24
- input {
25
- @include darkInputError;
22
+ html[data-theme='dark'] {
23
+ .field-type.password {
24
+ &.error {
25
+ input {
26
+ @include darkInputError;
27
+ }
26
28
  }
27
29
  }
28
30
  }
@@ -1,47 +1,49 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .point {
4
- position: relative;
5
-
6
- & .input-wrapper {
3
+ @layer payload-default {
4
+ .point {
7
5
  position: relative;
8
- }
9
6
 
10
- &__wrap {
11
- display: flex;
12
- width: calc(100% + #{base(1)});
13
- margin: 0;
14
- margin-left: base(-0.5);
15
- margin-right: base(-0.5);
16
- list-style: none;
17
- padding: 0;
7
+ & .input-wrapper {
8
+ position: relative;
9
+ }
10
+
11
+ &__wrap {
12
+ display: flex;
13
+ width: calc(100% + #{base(1)});
14
+ margin: 0;
15
+ margin-left: base(-0.5);
16
+ margin-right: base(-0.5);
17
+ list-style: none;
18
+ padding: 0;
18
19
 
19
- li {
20
- padding: 0 base(0.5);
21
- width: 50%;
20
+ li {
21
+ padding: 0 base(0.5);
22
+ width: 50%;
23
+ }
22
24
  }
23
- }
24
25
 
25
- input {
26
- @include formInput;
26
+ input {
27
+ @include formInput;
28
+ }
27
29
  }
28
- }
29
30
 
30
- html[data-theme='light'] {
31
- .point {
32
- &.error {
33
- input {
34
- @include lightInputError;
31
+ html[data-theme='light'] {
32
+ .point {
33
+ &.error {
34
+ input {
35
+ @include lightInputError;
36
+ }
35
37
  }
36
38
  }
37
39
  }
38
- }
39
40
 
40
- html[data-theme='dark'] {
41
- .point {
42
- &.error {
43
- input {
44
- @include darkInputError;
41
+ html[data-theme='dark'] {
42
+ .point {
43
+ &.error {
44
+ input {
45
+ @include darkInputError;
46
+ }
45
47
  }
46
48
  }
47
49
  }
@@ -1,77 +1,79 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .radio-input {
4
- display: flex;
5
- align-items: center;
6
- cursor: pointer;
7
- margin: base(0.1) 0;
8
- position: relative;
9
-
10
- input[type='radio'] {
11
- opacity: 0;
12
- margin: 0;
13
- position: absolute;
14
- }
15
-
16
- input[type='radio']:focus + .radio-input__styled-radio {
17
- box-shadow: 0 0 3px 3px var(--theme-success-400);
18
- }
19
-
20
- &__styled-radio {
21
- border: 1px solid var(--theme-border-color);
22
- background-color: var(--theme-input-bg);
23
- @include shadow-sm;
24
- width: $baseline;
25
- height: $baseline;
3
+ @layer payload-default {
4
+ .radio-input {
5
+ display: flex;
6
+ align-items: center;
7
+ cursor: pointer;
8
+ margin: base(0.1) 0;
26
9
  position: relative;
27
- padding: 0;
28
- display: inline-block;
29
- border-radius: 50%;
30
10
 
31
- &:before {
32
- content: ' ';
33
- display: block;
34
- border-radius: 100%;
35
- background-color: var(--theme-elevation-800);
36
- width: calc(100% - 8px);
37
- height: calc(100% - 8px);
38
- border: 4px solid var(--theme-elevation-0);
11
+ input[type='radio'] {
39
12
  opacity: 0;
13
+ margin: 0;
14
+ position: absolute;
40
15
  }
41
16
 
42
- &--disabled {
43
- @include readOnly;
44
- &::before {
45
- border-color: var(--theme-elevation-100);
46
- }
17
+ input[type='radio']:focus + .radio-input__styled-radio {
18
+ box-shadow: 0 0 3px 3px var(--theme-success-400);
47
19
  }
48
- }
49
20
 
50
- [dir='rtl'] &__label {
51
- margin-left: 0;
52
- margin-right: base(0.5);
53
- }
21
+ &__styled-radio {
22
+ border: 1px solid var(--theme-border-color);
23
+ background-color: var(--theme-input-bg);
24
+ @include shadow-sm;
25
+ width: $baseline;
26
+ height: $baseline;
27
+ position: relative;
28
+ padding: 0;
29
+ display: inline-block;
30
+ border-radius: 50%;
54
31
 
55
- &__label {
56
- margin-left: base(0.5);
57
- }
32
+ &:before {
33
+ content: ' ';
34
+ display: block;
35
+ border-radius: 100%;
36
+ background-color: var(--theme-elevation-800);
37
+ width: calc(100% - 8px);
38
+ height: calc(100% - 8px);
39
+ border: 4px solid var(--theme-elevation-0);
40
+ opacity: 0;
41
+ }
58
42
 
59
- &--is-selected {
60
- .radio-input {
61
- &__styled-radio {
62
- &:before {
63
- opacity: 1;
43
+ &--disabled {
44
+ @include readOnly;
45
+ &::before {
46
+ border-color: var(--theme-elevation-100);
64
47
  }
65
48
  }
66
49
  }
67
- }
68
50
 
69
- &:not(&--is-selected) {
70
- &:hover {
51
+ [dir='rtl'] &__label {
52
+ margin-left: 0;
53
+ margin-right: base(0.5);
54
+ }
55
+
56
+ &__label {
57
+ margin-left: base(0.5);
58
+ }
59
+
60
+ &--is-selected {
71
61
  .radio-input {
72
62
  &__styled-radio {
73
63
  &:before {
74
- opacity: 0.2;
64
+ opacity: 1;
65
+ }
66
+ }
67
+ }
68
+ }
69
+
70
+ &:not(&--is-selected) {
71
+ &:hover {
72
+ .radio-input {
73
+ &__styled-radio {
74
+ &:before {
75
+ opacity: 0.2;
76
+ }
75
77
  }
76
78
  }
77
79
  }
@@ -1,84 +1,86 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .radio-group {
4
- .tooltip:not([aria-hidden='true']) {
5
- right: auto;
6
- position: static;
7
- margin-bottom: 0.2em;
8
- max-width: fit-content;
9
- }
10
-
11
- &--layout-horizontal {
12
- ul {
13
- display: flex;
14
- flex-wrap: wrap;
3
+ @layer payload-default {
4
+ .radio-group {
5
+ .tooltip:not([aria-hidden='true']) {
6
+ right: auto;
7
+ position: static;
8
+ margin-bottom: 0.2em;
9
+ max-width: fit-content;
15
10
  }
16
11
 
17
- li {
18
- flex-shrink: 0;
19
- [dir='ltr'] & {
20
- padding-right: $baseline;
12
+ &--layout-horizontal {
13
+ ul {
14
+ display: flex;
15
+ flex-wrap: wrap;
21
16
  }
22
- [dir='rtl'] & {
23
- padding-left: $baseline;
17
+
18
+ li {
19
+ flex-shrink: 0;
20
+ [dir='ltr'] & {
21
+ padding-right: $baseline;
22
+ }
23
+ [dir='rtl'] & {
24
+ padding-left: $baseline;
25
+ }
24
26
  }
25
27
  }
26
- }
27
28
 
28
- ul {
29
- list-style: none;
30
- padding: 0;
31
- margin: 0;
29
+ ul {
30
+ list-style: none;
31
+ padding: 0;
32
+ margin: 0;
33
+ }
32
34
  }
33
- }
34
-
35
- .radio-group--read-only {
36
- .radio-input {
37
- cursor: default;
38
35
 
39
- &:hover {
40
- border-color: var(--theme-elevation-50);
41
- }
36
+ .radio-group--read-only {
37
+ .radio-input {
38
+ cursor: default;
42
39
 
43
- &__label {
44
- color: var(--theme-elevation-400);
45
- }
40
+ &:hover {
41
+ border-color: var(--theme-elevation-50);
42
+ }
46
43
 
47
- &--is-selected {
48
- .radio-input__styled-radio {
49
- &:before {
50
- background-color: var(--theme-elevation-250);
51
- }
44
+ &__label {
45
+ color: var(--theme-elevation-400);
52
46
  }
53
- }
54
47
 
55
- &:not(.radio-input--is-selected) {
56
- &:hover {
48
+ &--is-selected {
57
49
  .radio-input__styled-radio {
58
50
  &:before {
59
- opacity: 0;
51
+ background-color: var(--theme-elevation-250);
52
+ }
53
+ }
54
+ }
55
+
56
+ &:not(.radio-input--is-selected) {
57
+ &:hover {
58
+ .radio-input__styled-radio {
59
+ &:before {
60
+ opacity: 0;
61
+ }
60
62
  }
61
63
  }
62
64
  }
63
65
  }
64
66
  }
65
- }
66
67
 
67
- html[data-theme='light'] {
68
- .radio-group {
69
- &.error {
70
- .radio-input__styled-radio {
71
- @include lightInputError;
68
+ html[data-theme='light'] {
69
+ .radio-group {
70
+ &.error {
71
+ .radio-input__styled-radio {
72
+ @include lightInputError;
73
+ }
72
74
  }
73
75
  }
74
76
  }
75
- }
76
77
 
77
- html[data-theme='dark'] {
78
- .radio-group {
79
- &.error {
80
- .radio-input__styled-radio {
81
- @include darkInputError;
78
+ html[data-theme='dark'] {
79
+ .radio-group {
80
+ &.error {
81
+ .radio-input__styled-radio {
82
+ @include darkInputError;
83
+ }
82
84
  }
83
85
  }
84
86
  }
@@ -1,9 +1,10 @@
1
1
  import type { Option } from '../../elements/ReactSelect/types.js';
2
2
  import type { OptionGroup, Value } from './types.js';
3
3
  type Args = {
4
+ allowEdit: boolean;
4
5
  options: OptionGroup[];
5
6
  value: Value | Value[];
6
7
  };
7
- export declare const findOptionsByValue: ({ options, value }: Args) => Option | Option[];
8
+ export declare const findOptionsByValue: ({ allowEdit, options, value }: Args) => Option | Option[];
8
9
  export {};
9
10
  //# sourceMappingURL=findOptionsByValue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"findOptionsByValue.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/findOptionsByValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEpD,KAAK,IAAI,GAAG;IACV,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,kBAAkB,uBAAwB,IAAI,KAAG,MAAM,GAAG,MAAM,EAuC5E,CAAA"}
1
+ {"version":3,"file":"findOptionsByValue.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/findOptionsByValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEpD,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,kBAAkB,kCAAmC,IAAI,KAAG,MAAM,GAAG,MAAM,EAuCvF,CAAA"}
@@ -1,6 +1,7 @@
1
1
  'use client';
2
2
 
3
3
  export const findOptionsByValue = ({
4
+ allowEdit,
4
5
  options,
5
6
  value
6
7
  }) => {
@@ -18,7 +19,10 @@ export const findOptionsByValue = ({
18
19
  });
19
20
  }
20
21
  });
21
- return matchedOption;
22
+ return matchedOption ? {
23
+ allowEdit,
24
+ ...matchedOption
25
+ } : undefined;
22
26
  });
23
27
  }
24
28
  let matchedOption;
@@ -32,7 +36,10 @@ export const findOptionsByValue = ({
32
36
  });
33
37
  }
34
38
  });
35
- return matchedOption;
39
+ return matchedOption ? {
40
+ allowEdit,
41
+ ...matchedOption
42
+ } : undefined;
36
43
  }
37
44
  return undefined;
38
45
  };
@@ -1 +1 @@
1
- {"version":3,"file":"findOptionsByValue.js","names":["findOptionsByValue","options","value","Array","isArray","map","val","matchedOption","forEach","optGroup","find","option","relationTo","undefined"],"sources":["../../../src/fields/Relationship/findOptionsByValue.ts"],"sourcesContent":["'use client'\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { OptionGroup, Value } from './types.js'\n\ntype Args = {\n options: OptionGroup[]\n value: Value | Value[]\n}\n\nexport const findOptionsByValue = ({ options, value }: Args): Option | Option[] => {\n if (value || typeof value === 'number') {\n if (Array.isArray(value)) {\n return value.map((val) => {\n let matchedOption: Option\n\n options.forEach((optGroup) => {\n if (!matchedOption) {\n matchedOption = optGroup.options.find((option) => {\n if (typeof val === 'object') {\n return option.value === val.value && option.relationTo === val.relationTo\n }\n\n return val === option.value\n })\n }\n })\n\n return matchedOption\n })\n }\n\n let matchedOption: Option\n\n options.forEach((optGroup) => {\n if (!matchedOption) {\n matchedOption = optGroup.options.find((option) => {\n if (typeof value === 'object') {\n return option.value === value.value && option.relationTo === value.relationTo\n }\n return value === option.value\n })\n }\n })\n\n return matchedOption\n }\n\n return undefined\n}\n"],"mappings":"AAAA;;AASA,OAAO,MAAMA,kBAAA,GAAqBA,CAAC;EAAEC,OAAO;EAAEC;AAAK,CAAQ;EACzD,IAAIA,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU;IACtC,IAAIC,KAAA,CAAMC,OAAO,CAACF,KAAA,GAAQ;MACxB,OAAOA,KAAA,CAAMG,GAAG,CAAEC,GAAA;QAChB,IAAIC,aAAA;QAEJN,OAAA,CAAQO,OAAO,CAAEC,QAAA;UACf,IAAI,CAACF,aAAA,EAAe;YAClBA,aAAA,GAAgBE,QAAA,CAASR,OAAO,CAACS,IAAI,CAAEC,MAAA;cACrC,IAAI,OAAOL,GAAA,KAAQ,UAAU;gBAC3B,OAAOK,MAAA,CAAOT,KAAK,KAAKI,GAAA,CAAIJ,KAAK,IAAIS,MAAA,CAAOC,UAAU,KAAKN,GAAA,CAAIM,UAAU;cAC3E;cAEA,OAAON,GAAA,KAAQK,MAAA,CAAOT,KAAK;YAC7B;UACF;QACF;QAEA,OAAOK,aAAA;MACT;IACF;IAEA,IAAIA,aAAA;IAEJN,OAAA,CAAQO,OAAO,CAAEC,QAAA;MACf,IAAI,CAACF,aAAA,EAAe;QAClBA,aAAA,GAAgBE,QAAA,CAASR,OAAO,CAACS,IAAI,CAAEC,MAAA;UACrC,IAAI,OAAOT,KAAA,KAAU,UAAU;YAC7B,OAAOS,MAAA,CAAOT,KAAK,KAAKA,KAAA,CAAMA,KAAK,IAAIS,MAAA,CAAOC,UAAU,KAAKV,KAAA,CAAMU,UAAU;UAC/E;UACA,OAAOV,KAAA,KAAUS,MAAA,CAAOT,KAAK;QAC/B;MACF;IACF;IAEA,OAAOK,aAAA;EACT;EAEA,OAAOM,SAAA;AACT","ignoreList":[]}
1
+ {"version":3,"file":"findOptionsByValue.js","names":["findOptionsByValue","allowEdit","options","value","Array","isArray","map","val","matchedOption","forEach","optGroup","find","option","relationTo","undefined"],"sources":["../../../src/fields/Relationship/findOptionsByValue.ts"],"sourcesContent":["'use client'\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { OptionGroup, Value } from './types.js'\n\ntype Args = {\n allowEdit: boolean\n options: OptionGroup[]\n value: Value | Value[]\n}\n\nexport const findOptionsByValue = ({ allowEdit, options, value }: Args): Option | Option[] => {\n if (value || typeof value === 'number') {\n if (Array.isArray(value)) {\n return value.map((val) => {\n let matchedOption: Option\n\n options.forEach((optGroup) => {\n if (!matchedOption) {\n matchedOption = optGroup.options.find((option) => {\n if (typeof val === 'object') {\n return option.value === val.value && option.relationTo === val.relationTo\n }\n\n return val === option.value\n })\n }\n })\n\n return matchedOption ? { allowEdit, ...matchedOption } : undefined\n })\n }\n\n let matchedOption: Option\n\n options.forEach((optGroup) => {\n if (!matchedOption) {\n matchedOption = optGroup.options.find((option) => {\n if (typeof value === 'object') {\n return option.value === value.value && option.relationTo === value.relationTo\n }\n return value === option.value\n })\n }\n })\n\n return matchedOption ? { allowEdit, ...matchedOption } : undefined\n }\n\n return undefined\n}\n"],"mappings":"AAAA;;AAUA,OAAO,MAAMA,kBAAA,GAAqBA,CAAC;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAK,CAAQ;EACpE,IAAIA,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU;IACtC,IAAIC,KAAA,CAAMC,OAAO,CAACF,KAAA,GAAQ;MACxB,OAAOA,KAAA,CAAMG,GAAG,CAAEC,GAAA;QAChB,IAAIC,aAAA;QAEJN,OAAA,CAAQO,OAAO,CAAEC,QAAA;UACf,IAAI,CAACF,aAAA,EAAe;YAClBA,aAAA,GAAgBE,QAAA,CAASR,OAAO,CAACS,IAAI,CAAEC,MAAA;cACrC,IAAI,OAAOL,GAAA,KAAQ,UAAU;gBAC3B,OAAOK,MAAA,CAAOT,KAAK,KAAKI,GAAA,CAAIJ,KAAK,IAAIS,MAAA,CAAOC,UAAU,KAAKN,GAAA,CAAIM,UAAU;cAC3E;cAEA,OAAON,GAAA,KAAQK,MAAA,CAAOT,KAAK;YAC7B;UACF;QACF;QAEA,OAAOK,aAAA,GAAgB;UAAEP,SAAA;UAAW,GAAGO;QAAc,IAAIM,SAAA;MAC3D;IACF;IAEA,IAAIN,aAAA;IAEJN,OAAA,CAAQO,OAAO,CAAEC,QAAA;MACf,IAAI,CAACF,aAAA,EAAe;QAClBA,aAAA,GAAgBE,QAAA,CAASR,OAAO,CAACS,IAAI,CAAEC,MAAA;UACrC,IAAI,OAAOT,KAAA,KAAU,UAAU;YAC7B,OAAOS,MAAA,CAAOT,KAAK,KAAKA,KAAA,CAAMA,KAAK,IAAIS,MAAA,CAAOC,UAAU,KAAKV,KAAA,CAAMU,UAAU;UAC/E;UACA,OAAOV,KAAA,KAAUS,MAAA,CAAOT,KAAK;QAC/B;MACF;IACF;IAEA,OAAOK,aAAA,GAAgB;MAAEP,SAAA;MAAW,GAAGO;IAAc,IAAIM,SAAA;EAC3D;EAEA,OAAOA,SAAA;AACT","ignoreList":[]}
@@ -3,9 +3,9 @@ import './index.scss';
3
3
  export declare const RelationshipField: React.FC<{
4
4
  readonly validate?: import("payload").RelationshipFieldValidation;
5
5
  } & {
6
- readonly descriptionProps?: import("payload").FieldDescriptionClientProps<Omit<import("payload").RelationshipFieldClient, "type"> & Partial<Pick<import("payload").RelationshipFieldClient, "type">>>;
7
- readonly errorProps?: import("payload").FieldErrorClientProps<Omit<import("payload").RelationshipFieldClient, "type"> & Partial<Pick<import("payload").RelationshipFieldClient, "type">>>;
8
- readonly field: Omit<import("payload").RelationshipFieldClient, "type"> & Partial<Pick<import("payload").RelationshipFieldClient, "type">>;
9
- readonly labelProps?: import("payload").FieldLabelClientProps<Omit<import("payload").RelationshipFieldClient, "type"> & Partial<Pick<import("payload").RelationshipFieldClient, "type">>>;
6
+ readonly descriptionProps?: import("payload").FieldDescriptionClientProps<(Omit<import("payload").PolymorphicRelationshipFieldClient, "type"> & Partial<Pick<import("payload").PolymorphicRelationshipFieldClient, "type">>) | (Omit<import("payload").SingleRelationshipFieldClient, "type"> & Partial<Pick<import("payload").SingleRelationshipFieldClient, "type">>)>;
7
+ readonly errorProps?: import("payload").FieldErrorClientProps<(Omit<import("payload").PolymorphicRelationshipFieldClient, "type"> & Partial<Pick<import("payload").PolymorphicRelationshipFieldClient, "type">>) | (Omit<import("payload").SingleRelationshipFieldClient, "type"> & Partial<Pick<import("payload").SingleRelationshipFieldClient, "type">>)>;
8
+ readonly field: (Omit<import("payload").PolymorphicRelationshipFieldClient, "type"> & Partial<Pick<import("payload").PolymorphicRelationshipFieldClient, "type">>) | (Omit<import("payload").SingleRelationshipFieldClient, "type"> & Partial<Pick<import("payload").SingleRelationshipFieldClient, "type">>);
9
+ readonly labelProps?: import("payload").FieldLabelClientProps<(Omit<import("payload").PolymorphicRelationshipFieldClient, "type"> & Partial<Pick<import("payload").PolymorphicRelationshipFieldClient, "type">>) | (Omit<import("payload").SingleRelationshipFieldClient, "type"> & Partial<Pick<import("payload").SingleRelationshipFieldClient, "type">>)>;
10
10
  } & import("payload").FormFieldBase>;
11
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAwBnF,OAAO,cAAc,CAAA;AA4rBrB,eAAO,MAAM,iBAAiB;;;;;;;oCAA4C,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAwBnF,OAAO,cAAc,CAAA;AA6rBrB,eAAO,MAAM,iBAAiB;;;;;;;oCAA4C,CAAA"}
@@ -38,6 +38,7 @@ const RelationshipFieldComponent = props => {
38
38
  _path: pathFromProps,
39
39
  admin: {
40
40
  allowCreate = true,
41
+ allowEdit = true,
41
42
  className,
42
43
  description,
43
44
  isSortable = true,
@@ -458,6 +459,7 @@ const RelationshipFieldComponent = props => {
458
459
  }
459
460
  }, [openDrawer, currentlyOpenRelationship]);
460
461
  const valueToRender = findOptionsByValue({
462
+ allowEdit,
461
463
  options,
462
464
  value: value_0
463
465
  });