@payloadcms/ui 4.0.0-canary.1 → 4.0.0-canary.3

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 (290) hide show
  1. package/dist/css/colors.css +3 -0
  2. package/dist/css/design-tokens.css +5 -0
  3. package/dist/css/elevations.css +4 -0
  4. package/dist/css/radius.css +1 -3
  5. package/dist/css/theme.css +4 -0
  6. package/dist/css/utilities.css +5 -0
  7. package/dist/elements/APIKeyInput/index.css +92 -0
  8. package/dist/elements/APIKeyInput/index.d.ts +14 -0
  9. package/dist/elements/APIKeyInput/index.d.ts.map +1 -0
  10. package/dist/elements/APIKeyInput/index.js +86 -0
  11. package/dist/elements/APIKeyInput/index.js.map +1 -0
  12. package/dist/elements/AppHeader/index.d.ts +3 -2
  13. package/dist/elements/AppHeader/index.d.ts.map +1 -1
  14. package/dist/elements/AppHeader/index.js +2 -2
  15. package/dist/elements/AppHeader/index.js.map +1 -1
  16. package/dist/elements/BulkUpload/ActionsBar/index.css +10 -4
  17. package/dist/elements/BulkUpload/ActionsBar/index.d.ts.map +1 -1
  18. package/dist/elements/BulkUpload/ActionsBar/index.js +43 -40
  19. package/dist/elements/BulkUpload/ActionsBar/index.js.map +1 -1
  20. package/dist/elements/BulkUpload/AddFilesView/index.js +1 -1
  21. package/dist/elements/BulkUpload/AddFilesView/index.js.map +1 -1
  22. package/dist/elements/BulkUpload/AddingFilesView/index.css +25 -0
  23. package/dist/elements/BulkUpload/AddingFilesView/index.d.ts +1 -1
  24. package/dist/elements/BulkUpload/AddingFilesView/index.d.ts.map +1 -1
  25. package/dist/elements/BulkUpload/AddingFilesView/index.js +1 -1
  26. package/dist/elements/BulkUpload/AddingFilesView/index.js.map +1 -1
  27. package/dist/elements/BulkUpload/EditForm/index.css +9 -0
  28. package/dist/elements/BulkUpload/EditForm/index.d.ts +1 -1
  29. package/dist/elements/BulkUpload/EditForm/index.d.ts.map +1 -1
  30. package/dist/elements/BulkUpload/EditForm/index.js +1 -1
  31. package/dist/elements/BulkUpload/EditForm/index.js.map +1 -1
  32. package/dist/elements/BulkUpload/EditMany/DrawerContent.d.ts +1 -1
  33. package/dist/elements/BulkUpload/EditMany/DrawerContent.d.ts.map +1 -1
  34. package/dist/elements/BulkUpload/EditMany/DrawerContent.js +59 -55
  35. package/dist/elements/BulkUpload/EditMany/DrawerContent.js.map +1 -1
  36. package/dist/elements/BulkUpload/EditMany/index.css +71 -0
  37. package/dist/elements/BulkUpload/EditMany/index.d.ts +1 -1
  38. package/dist/elements/BulkUpload/EditMany/index.d.ts.map +1 -1
  39. package/dist/elements/BulkUpload/EditMany/index.js +1 -1
  40. package/dist/elements/BulkUpload/EditMany/index.js.map +1 -1
  41. package/dist/elements/BulkUpload/FileSidebar/index.css +54 -75
  42. package/dist/elements/BulkUpload/FileSidebar/index.d.ts.map +1 -1
  43. package/dist/elements/BulkUpload/FileSidebar/index.js +60 -50
  44. package/dist/elements/BulkUpload/FileSidebar/index.js.map +1 -1
  45. package/dist/elements/ColumnSelector/index.js +1 -1
  46. package/dist/elements/ColumnSelector/index.js.map +1 -1
  47. package/dist/elements/DocumentControls/index.css +7 -1
  48. package/dist/elements/DocumentFields/index.css +1 -1
  49. package/dist/elements/Drawer/index.d.ts +25 -0
  50. package/dist/elements/Drawer/index.d.ts.map +1 -1
  51. package/dist/elements/Drawer/index.js +134 -62
  52. package/dist/elements/Drawer/index.js.map +1 -1
  53. package/dist/elements/FileDetails/DraggableFileDetails/index.css +32 -0
  54. package/dist/elements/FileDetails/DraggableFileDetails/index.d.ts +1 -1
  55. package/dist/elements/FileDetails/DraggableFileDetails/index.d.ts.map +1 -1
  56. package/dist/elements/FileDetails/DraggableFileDetails/index.js +19 -18
  57. package/dist/elements/FileDetails/DraggableFileDetails/index.js.map +1 -1
  58. package/dist/elements/Hierarchy/Field/SelectedHierarchies.css +36 -0
  59. package/dist/elements/Hierarchy/Field/SelectedHierarchies.d.ts +1 -1
  60. package/dist/elements/Hierarchy/Field/SelectedHierarchies.d.ts.map +1 -1
  61. package/dist/elements/Hierarchy/Field/SelectedHierarchies.js +1 -1
  62. package/dist/elements/Hierarchy/Field/SelectedHierarchies.js.map +1 -1
  63. package/dist/elements/Hierarchy/Field/index.client.d.ts +1 -1
  64. package/dist/elements/Hierarchy/Field/index.client.d.ts.map +1 -1
  65. package/dist/elements/Hierarchy/Field/index.client.js +5 -2
  66. package/dist/elements/Hierarchy/Field/index.client.js.map +1 -1
  67. package/dist/elements/Hierarchy/Field/index.css +37 -0
  68. package/dist/elements/Hierarchy/MoveMany/index.d.ts +0 -1
  69. package/dist/elements/Hierarchy/MoveMany/index.d.ts.map +1 -1
  70. package/dist/elements/Hierarchy/MoveMany/index.js +0 -1
  71. package/dist/elements/Hierarchy/MoveMany/index.js.map +1 -1
  72. package/dist/elements/Hierarchy/Tree/LoadMore/index.css +27 -0
  73. package/dist/elements/Hierarchy/Tree/LoadMore/index.d.ts +1 -1
  74. package/dist/elements/Hierarchy/Tree/LoadMore/index.d.ts.map +1 -1
  75. package/dist/elements/Hierarchy/Tree/LoadMore/index.js +1 -1
  76. package/dist/elements/Hierarchy/Tree/LoadMore/index.js.map +1 -1
  77. package/dist/elements/Hierarchy/Tree/TreeFocusContext.d.ts.map +1 -1
  78. package/dist/elements/Hierarchy/Tree/TreeFocusContext.js +36 -16
  79. package/dist/elements/Hierarchy/Tree/TreeFocusContext.js.map +1 -1
  80. package/dist/elements/Hierarchy/Tree/TreeNode/index.d.ts.map +1 -1
  81. package/dist/elements/Hierarchy/Tree/TreeNode/index.js +20 -15
  82. package/dist/elements/Hierarchy/Tree/TreeNode/index.js.map +1 -1
  83. package/dist/elements/LoadMoreRow/index.css +34 -0
  84. package/dist/elements/LoadMoreRow/index.d.ts +1 -1
  85. package/dist/elements/LoadMoreRow/index.d.ts.map +1 -1
  86. package/dist/elements/LoadMoreRow/index.js +4 -8
  87. package/dist/elements/LoadMoreRow/index.js.map +1 -1
  88. package/dist/elements/Popup/PopupButtonList/index.css +5 -0
  89. package/dist/elements/Popup/PopupGroupLabel/index.css +19 -4
  90. package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingScheduleWhere.d.ts +13 -0
  91. package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingScheduleWhere.d.ts.map +1 -0
  92. package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingScheduleWhere.js +41 -0
  93. package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingScheduleWhere.js.map +1 -0
  94. package/dist/elements/PublishButton/ScheduleDrawer/index.d.ts +1 -0
  95. package/dist/elements/PublishButton/ScheduleDrawer/index.d.ts.map +1 -1
  96. package/dist/elements/PublishButton/ScheduleDrawer/index.js +9 -31
  97. package/dist/elements/PublishButton/ScheduleDrawer/index.js.map +1 -1
  98. package/dist/elements/PublishButton/index.d.ts.map +1 -1
  99. package/dist/elements/PublishButton/index.js +4 -5
  100. package/dist/elements/PublishButton/index.js.map +1 -1
  101. package/dist/elements/PublishMany/DrawerContent.d.ts +2 -1
  102. package/dist/elements/PublishMany/DrawerContent.d.ts.map +1 -1
  103. package/dist/elements/PublishMany/DrawerContent.js.map +1 -1
  104. package/dist/elements/PublishMany/index.d.ts +2 -6
  105. package/dist/elements/PublishMany/index.d.ts.map +1 -1
  106. package/dist/elements/PublishMany/index.js +0 -38
  107. package/dist/elements/PublishMany/index.js.map +1 -1
  108. package/dist/elements/ReactSelect/MultiValue/index.css +1 -1
  109. package/dist/elements/ReactSelect/getCaptureMenuScroll.d.ts +5 -0
  110. package/dist/elements/ReactSelect/getCaptureMenuScroll.d.ts.map +1 -0
  111. package/dist/elements/ReactSelect/getCaptureMenuScroll.js +10 -0
  112. package/dist/elements/ReactSelect/getCaptureMenuScroll.js.map +1 -0
  113. package/dist/elements/ReactSelect/getMenuListStyles.d.ts +6 -0
  114. package/dist/elements/ReactSelect/getMenuListStyles.d.ts.map +1 -0
  115. package/dist/elements/ReactSelect/getMenuListStyles.js +7 -0
  116. package/dist/elements/ReactSelect/getMenuListStyles.js.map +1 -0
  117. package/dist/elements/ReactSelect/index.css +0 -1
  118. package/dist/elements/ReactSelect/index.d.ts.map +1 -1
  119. package/dist/elements/ReactSelect/index.js +168 -140
  120. package/dist/elements/ReactSelect/index.js.map +1 -1
  121. package/dist/elements/ReactSelect/types.d.ts +1 -0
  122. package/dist/elements/ReactSelect/types.d.ts.map +1 -1
  123. package/dist/elements/ReactSelect/types.js.map +1 -1
  124. package/dist/elements/SchedulePublishButton/index.d.ts.map +1 -1
  125. package/dist/elements/SchedulePublishButton/index.js +6 -1
  126. package/dist/elements/SchedulePublishButton/index.js.map +1 -1
  127. package/dist/elements/SelectMany/index.js +1 -1
  128. package/dist/elements/SelectMany/index.js.map +1 -1
  129. package/dist/elements/Table/index.css +7 -5
  130. package/dist/elements/Tabs/index.css +100 -0
  131. package/dist/elements/Tabs/index.d.ts +32 -0
  132. package/dist/elements/Tabs/index.d.ts.map +1 -0
  133. package/dist/elements/Tabs/index.js +62 -0
  134. package/dist/elements/Tabs/index.js.map +1 -0
  135. package/dist/elements/TimezonePicker/index.css +0 -15
  136. package/dist/elements/Toasts/fieldErrors.d.ts +1 -0
  137. package/dist/elements/Toasts/fieldErrors.d.ts.map +1 -1
  138. package/dist/elements/Toasts/fieldErrors.js +25 -9
  139. package/dist/elements/Toasts/fieldErrors.js.map +1 -1
  140. package/dist/elements/Toasts/index.css +5 -0
  141. package/dist/elements/UnpublishButton/index.d.ts.map +1 -1
  142. package/dist/elements/UnpublishButton/index.js +5 -13
  143. package/dist/elements/UnpublishButton/index.js.map +1 -1
  144. package/dist/elements/UnpublishMany/DrawerContent.d.ts +2 -1
  145. package/dist/elements/UnpublishMany/DrawerContent.d.ts.map +1 -1
  146. package/dist/elements/UnpublishMany/DrawerContent.js.map +1 -1
  147. package/dist/elements/UnpublishMany/index.d.ts +2 -4
  148. package/dist/elements/UnpublishMany/index.d.ts.map +1 -1
  149. package/dist/elements/UnpublishMany/index.js +0 -38
  150. package/dist/elements/UnpublishMany/index.js.map +1 -1
  151. package/dist/elements/UserMenu/LanguageMenu/index.js +1 -1
  152. package/dist/elements/UserMenu/LanguageMenu/index.js.map +1 -1
  153. package/dist/elements/UserMenu/SettingsMenu/index.d.ts +6 -2
  154. package/dist/elements/UserMenu/SettingsMenu/index.d.ts.map +1 -1
  155. package/dist/elements/UserMenu/SettingsMenu/index.js +15 -10
  156. package/dist/elements/UserMenu/SettingsMenu/index.js.map +1 -1
  157. package/dist/elements/UserMenu/ThemeMenu/index.js +1 -1
  158. package/dist/elements/UserMenu/ThemeMenu/index.js.map +1 -1
  159. package/dist/elements/UserMenu/index.d.ts +2 -1
  160. package/dist/elements/UserMenu/index.d.ts.map +1 -1
  161. package/dist/elements/UserMenu/index.js +8 -5
  162. package/dist/elements/UserMenu/index.js.map +1 -1
  163. package/dist/exports/client/index.d.ts +7 -0
  164. package/dist/exports/client/index.d.ts.map +1 -1
  165. package/dist/exports/client/index.js +26 -26
  166. package/dist/exports/client/index.js.map +4 -4
  167. package/dist/fields/RadioGroup/index.css +6 -0
  168. package/dist/fields/Tabs/Tab/index.d.ts +0 -1
  169. package/dist/fields/Tabs/Tab/index.d.ts.map +1 -1
  170. package/dist/fields/Tabs/Tab/index.js +12 -23
  171. package/dist/fields/Tabs/Tab/index.js.map +1 -1
  172. package/dist/fields/Tabs/index.d.ts.map +1 -1
  173. package/dist/fields/Tabs/index.js +37 -37
  174. package/dist/fields/Tabs/index.js.map +1 -1
  175. package/dist/fields/Upload/HasMany/index.css +4 -0
  176. package/dist/forms/RenderFields/RenderField.d.ts +1 -1
  177. package/dist/icons/Check/index.css +1 -2
  178. package/dist/icons/Check/index.js +1 -1
  179. package/dist/icons/Check/index.js.map +1 -1
  180. package/dist/icons/Gear/index.d.ts.map +1 -1
  181. package/dist/icons/Gear/index.js +8 -1
  182. package/dist/icons/Gear/index.js.map +1 -1
  183. package/dist/icons/{Write → Key}/index.css +1 -1
  184. package/dist/icons/Key/index.d.ts +7 -0
  185. package/dist/icons/Key/index.d.ts.map +1 -0
  186. package/dist/icons/Key/index.js +24 -0
  187. package/dist/icons/Key/index.js.map +1 -0
  188. package/dist/icons/Schedule/index.d.ts.map +1 -1
  189. package/dist/icons/Schedule/index.js +38 -39
  190. package/dist/icons/Schedule/index.js.map +1 -1
  191. package/dist/icons/Warning/index.css +1 -7
  192. package/dist/icons/Warning/index.d.ts +1 -1
  193. package/dist/icons/Warning/index.d.ts.map +1 -1
  194. package/dist/icons/Warning/index.js +11 -16
  195. package/dist/icons/Warning/index.js.map +1 -1
  196. package/dist/icons/WarningTriangle/index.css +5 -0
  197. package/dist/icons/WarningTriangle/index.d.ts +6 -0
  198. package/dist/icons/WarningTriangle/index.d.ts.map +1 -0
  199. package/dist/icons/WarningTriangle/index.js +21 -0
  200. package/dist/icons/WarningTriangle/index.js.map +1 -0
  201. package/dist/icons/Write/index.d.ts +0 -1
  202. package/dist/icons/Write/index.d.ts.map +1 -1
  203. package/dist/icons/Write/index.js +1 -2
  204. package/dist/icons/Write/index.js.map +1 -1
  205. package/dist/providers/DocumentInfo/index.d.ts.map +1 -1
  206. package/dist/providers/DocumentInfo/index.js +4 -0
  207. package/dist/providers/DocumentInfo/index.js.map +1 -1
  208. package/dist/providers/DocumentInfo/types.d.ts +4 -0
  209. package/dist/providers/DocumentInfo/types.d.ts.map +1 -1
  210. package/dist/providers/DocumentInfo/types.js.map +1 -1
  211. package/dist/providers/Root/index.d.ts.map +1 -1
  212. package/dist/providers/Root/index.js +27 -24
  213. package/dist/providers/Root/index.js.map +1 -1
  214. package/dist/providers/TableColumns/RenderDefaultCell/index.css +1 -0
  215. package/dist/providers/ToastContainer/index.css +208 -0
  216. package/dist/providers/ToastContainer/index.d.ts +1 -0
  217. package/dist/providers/ToastContainer/index.d.ts.map +1 -1
  218. package/dist/providers/ToastContainer/index.js +19 -6
  219. package/dist/providers/ToastContainer/index.js.map +1 -1
  220. package/dist/scss/app.scss +1 -2
  221. package/dist/styles.css +1 -1
  222. package/dist/templates/Default/index.d.ts.map +1 -1
  223. package/dist/templates/Default/index.js +51 -9
  224. package/dist/templates/Default/index.js.map +1 -1
  225. package/dist/utilities/getHasScheduledPublish.d.ts +12 -0
  226. package/dist/utilities/getHasScheduledPublish.d.ts.map +1 -0
  227. package/dist/utilities/getHasScheduledPublish.js +38 -0
  228. package/dist/utilities/getHasScheduledPublish.js.map +1 -0
  229. package/dist/utilities/getVersions.d.ts.map +1 -1
  230. package/dist/utilities/getVersions.js +1 -21
  231. package/dist/utilities/getVersions.js.map +1 -1
  232. package/dist/views/Document/index.d.ts.map +1 -1
  233. package/dist/views/Document/index.js +10 -1
  234. package/dist/views/Document/index.js.map +1 -1
  235. package/dist/views/Edit/Auth/APIKey.d.ts.map +1 -1
  236. package/dist/views/Edit/Auth/APIKey.js +10 -32
  237. package/dist/views/Edit/Auth/APIKey.js.map +1 -1
  238. package/dist/views/Edit/Auth/index.css +0 -67
  239. package/dist/views/HierarchyList/DocumentListSelection/index.js +4 -4
  240. package/dist/views/HierarchyList/DocumentListSelection/index.js.map +1 -1
  241. package/dist/views/List/ListSelection/index.js +4 -4
  242. package/dist/views/List/ListSelection/index.js.map +1 -1
  243. package/dist/views/List/handleGroupBy.d.ts.map +1 -1
  244. package/dist/views/List/handleGroupBy.js +9 -0
  245. package/dist/views/List/handleGroupBy.js.map +1 -1
  246. package/dist/views/List/index.client.d.ts.map +1 -1
  247. package/dist/views/List/index.client.js +3 -2
  248. package/dist/views/List/index.client.js.map +1 -1
  249. package/dist/views/List/index.css +1 -1
  250. package/dist/views/List/index.d.ts.map +1 -1
  251. package/dist/views/List/index.js +2 -1
  252. package/dist/views/List/index.js.map +1 -1
  253. package/dist/views/List/renderListViewSlots.d.ts.map +1 -1
  254. package/dist/views/List/renderListViewSlots.js +11 -0
  255. package/dist/views/List/renderListViewSlots.js.map +1 -1
  256. package/dist/views/Logout/LogoutClient.js +1 -1
  257. package/dist/views/Logout/LogoutClient.js.map +1 -1
  258. package/dist/views/Version/SelectComparison/VersionDrawer/index.css +5 -0
  259. package/dist/views/Version/SelectComparison/VersionDrawer/index.d.ts +1 -1
  260. package/dist/views/Version/SelectComparison/VersionDrawer/index.d.ts.map +1 -1
  261. package/dist/views/Version/SelectComparison/VersionDrawer/index.js +1 -2
  262. package/dist/views/Version/SelectComparison/VersionDrawer/index.js.map +1 -1
  263. package/dist/views/Version/SelectComparison/index.css +5 -0
  264. package/dist/views/Version/SelectComparison/index.d.ts +1 -1
  265. package/dist/views/Version/SelectComparison/index.d.ts.map +1 -1
  266. package/dist/views/Version/SelectComparison/index.js +1 -1
  267. package/dist/views/Version/SelectComparison/index.js.map +1 -1
  268. package/dist/views/Versions/index.css +2 -2
  269. package/dist/views/Versions/index.d.ts +1 -1
  270. package/dist/views/Versions/index.d.ts.map +1 -1
  271. package/dist/views/Versions/index.js +3 -26
  272. package/dist/views/Versions/index.js.map +1 -1
  273. package/package.json +5 -5
  274. package/dist/elements/BulkUpload/AddingFilesView/index.scss +0 -25
  275. package/dist/elements/BulkUpload/EditForm/index.scss +0 -11
  276. package/dist/elements/BulkUpload/EditMany/index.scss +0 -171
  277. package/dist/elements/FileDetails/DraggableFileDetails/index.scss +0 -35
  278. package/dist/elements/Hierarchy/Field/SelectedHierarchies.scss +0 -78
  279. package/dist/elements/Hierarchy/Field/index.scss +0 -41
  280. package/dist/elements/Hierarchy/MoveMany/index.scss +0 -7
  281. package/dist/elements/Hierarchy/Tree/LoadMore/index.scss +0 -26
  282. package/dist/elements/Hierarchy/Tree/TreeConnector.d.ts +0 -7
  283. package/dist/elements/Hierarchy/Tree/TreeConnector.d.ts.map +0 -1
  284. package/dist/elements/Hierarchy/Tree/TreeConnector.js +0 -23
  285. package/dist/elements/Hierarchy/Tree/TreeConnector.js.map +0 -1
  286. package/dist/elements/LoadMoreRow/index.scss +0 -45
  287. package/dist/fields/Tabs/Tab/index.css +0 -82
  288. package/dist/scss/toasts.scss +0 -146
  289. package/dist/views/Version/SelectComparison/VersionDrawer/index.scss +0 -18
  290. package/dist/views/Version/SelectComparison/index.scss +0 -9
@@ -7,6 +7,7 @@ import { ModalContainer, ModalProvider } from '@faceless-ui/modal';
7
7
  import { ScrollInfoProvider } from '@faceless-ui/scroll-info';
8
8
  import React from 'react';
9
9
  import { CloseModalOnRouteChange } from '../../elements/CloseModalOnRouteChange/index.js';
10
+ import { DrawerStackProvider } from '../../elements/Drawer/index.js';
10
11
  import { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js';
11
12
  import { NavProvider } from '../../elements/Nav/context.js';
12
13
  import { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js';
@@ -73,30 +74,32 @@ export const RootProvider = t0 => {
73
74
  xs: "(max-width: 400px)"
74
75
  },
75
76
  children: _jsx(ScrollInfoProvider, {
76
- children: _jsxs(ModalProvider, {
77
+ children: _jsx(ModalProvider, {
77
78
  classPrefix: "payload",
78
79
  transTime: 0,
79
80
  zIndex: "var(--z-modal)",
80
- children: [_jsx(CloseModalOnRouteChange, {}), _jsxs(AuthProvider, {
81
- permissions,
82
- user,
83
- children: [_jsx(PreferencesProvider, {
84
- children: _jsx(HierarchyProvider, {
85
- children: _jsx(ThemeProvider, {
86
- highContrastMode,
87
- theme,
88
- children: _jsx(LocaleProvider, {
89
- locale,
90
- children: _jsx(StepNavProvider, {
91
- children: _jsx(LoadingOverlayProvider, {
92
- children: _jsx(DocumentEventsProvider, {
93
- children: _jsx(NavProvider, {
94
- initialIsOpen: isNavOpen,
95
- children: _jsx(UploadHandlersProvider, {
96
- children: _jsx(DndContext, {
97
- collisionDetection: pointerWithin,
98
- id: dndContextID,
99
- children
81
+ children: _jsxs(DrawerStackProvider, {
82
+ children: [_jsx(CloseModalOnRouteChange, {}), _jsxs(AuthProvider, {
83
+ permissions,
84
+ user,
85
+ children: [_jsx(PreferencesProvider, {
86
+ children: _jsx(HierarchyProvider, {
87
+ children: _jsx(ThemeProvider, {
88
+ highContrastMode,
89
+ theme,
90
+ children: _jsx(LocaleProvider, {
91
+ locale,
92
+ children: _jsx(StepNavProvider, {
93
+ children: _jsx(LoadingOverlayProvider, {
94
+ children: _jsx(DocumentEventsProvider, {
95
+ children: _jsx(NavProvider, {
96
+ initialIsOpen: isNavOpen,
97
+ children: _jsx(UploadHandlersProvider, {
98
+ children: _jsx(DndContext, {
99
+ collisionDetection: pointerWithin,
100
+ id: dndContextID,
101
+ children
102
+ })
100
103
  })
101
104
  })
102
105
  })
@@ -105,9 +108,9 @@ export const RootProvider = t0 => {
105
108
  })
106
109
  })
107
110
  })
108
- })
109
- }), _jsx(ModalContainer, {}), _jsx(StayLoggedInModal, {})]
110
- })]
111
+ }), _jsx(ModalContainer, {}), _jsx(StayLoggedInModal, {})]
112
+ })]
113
+ })
111
114
  })
112
115
  })
113
116
  })
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","DndContext","pointerWithin","ModalContainer","ModalProvider","ScrollInfoProvider","React","CloseModalOnRouteChange","LoadingOverlayProvider","NavProvider","StayLoggedInModal","StepNavProvider","ClickOutsideProvider","WindowInfoProvider","AuthProvider","ClientFunctionProvider","ConfigProvider","DocumentEventsProvider","HierarchyProvider","LocaleProvider","PreferencesProvider","RouteCache","RouteTransitionProvider","ServerFunctionsProvider","ThemeProvider","ToastContainer","TranslationProvider","UploadHandlersProvider","RootProvider","t0","$","children","config","dateFNSKey","fallbackLang","highContrastMode","isNavOpen","languageCode","languageOptions","locale","permissions","RouterAdapter","serverFunction","theme","translations","user","dndContextID","useId","t1","_jsxs","_jsx","cachingEnabled","process","env","NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","initialIsOpen","collisionDetection","id"],"sources":["../../../src/providers/Root/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient, I18nOptions, Language } from '@payloadcms/translations'\nimport type {\n ClientConfig,\n LanguageOptions,\n Locale,\n RouterAdapterComponent,\n SanitizedPermissions,\n ServerFunctionClient,\n TypedUser,\n} from 'payload'\n\nimport { DndContext, pointerWithin } from '@dnd-kit/core'\nimport { ModalContainer, ModalProvider } from '@faceless-ui/modal'\nimport { ScrollInfoProvider } from '@faceless-ui/scroll-info'\nimport React from 'react'\n\nimport type { Theme } from '../Theme/index.js'\n\nimport { CloseModalOnRouteChange } from '../../elements/CloseModalOnRouteChange/index.js'\nimport { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js'\nimport { NavProvider } from '../../elements/Nav/context.js'\nimport { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js'\nimport { StepNavProvider } from '../../elements/StepNav/index.js'\nimport { ClickOutsideProvider } from '../../providers/ClickOutside/index.js'\nimport { WindowInfoProvider } from '../../providers/WindowInfo/index.js'\nimport { AuthProvider } from '../Auth/index.js'\nimport { ClientFunctionProvider } from '../ClientFunction/index.js'\nimport { ConfigProvider } from '../Config/index.js'\nimport { DocumentEventsProvider } from '../DocumentEvents/index.js'\nimport { HierarchyProvider } from '../Hierarchy/index.js'\nimport { LocaleProvider } from '../Locale/index.js'\nimport { PreferencesProvider } from '../Preferences/index.js'\nimport { RouteCache } from '../RouteCache/index.js'\nimport { RouteTransitionProvider } from '../RouteTransition/index.js'\nimport { ServerFunctionsProvider } from '../ServerFunctions/index.js'\nimport { ThemeProvider } from '../Theme/index.js'\nimport { ToastContainer } from '../ToastContainer/index.js'\nimport { TranslationProvider } from '../Translation/index.js'\nimport { UploadHandlersProvider } from '../UploadHandlers/index.js'\n\ntype Props = {\n readonly children: React.ReactNode\n readonly config: ClientConfig\n readonly dateFNSKey: Language['dateFNSKey']\n readonly fallbackLang: I18nOptions['fallbackLanguage']\n readonly highContrastMode: boolean\n readonly isNavOpen?: boolean\n readonly languageCode: string\n readonly languageOptions: LanguageOptions\n readonly locale?: Locale['code']\n readonly permissions: SanitizedPermissions\n readonly RouterAdapter: RouterAdapterComponent\n readonly serverFunction: ServerFunctionClient\n readonly theme: Theme\n readonly translations: I18nClient['translations']\n readonly user: null | TypedUser\n}\n\nexport const RootProvider: React.FC<Props> = ({\n children,\n config,\n dateFNSKey,\n fallbackLang,\n highContrastMode,\n isNavOpen,\n languageCode,\n languageOptions,\n locale,\n permissions,\n RouterAdapter,\n serverFunction,\n theme,\n translations,\n user,\n}) => {\n const dndContextID = React.useId()\n\n return (\n <ClickOutsideProvider>\n <RouterAdapter>\n <ServerFunctionsProvider serverFunction={serverFunction}>\n <RouteTransitionProvider>\n <RouteCache\n cachingEnabled={process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === 'true'}\n >\n <ConfigProvider config={config}>\n <ClientFunctionProvider>\n <TranslationProvider\n dateFNSKey={dateFNSKey}\n fallbackLang={fallbackLang}\n language={languageCode}\n languageOptions={languageOptions}\n translations={translations}\n >\n <WindowInfoProvider\n breakpoints={{\n l: '(max-width: 1440px)',\n m: '(max-width: 1024px)',\n s: '(max-width: 768px)',\n xs: '(max-width: 400px)',\n }}\n >\n <ScrollInfoProvider>\n <ModalProvider classPrefix=\"payload\" transTime={0} zIndex=\"var(--z-modal)\">\n <CloseModalOnRouteChange />\n <AuthProvider permissions={permissions} user={user}>\n <PreferencesProvider>\n <HierarchyProvider>\n <ThemeProvider highContrastMode={highContrastMode} theme={theme}>\n <LocaleProvider locale={locale}>\n <StepNavProvider>\n <LoadingOverlayProvider>\n <DocumentEventsProvider>\n <NavProvider initialIsOpen={isNavOpen}>\n <UploadHandlersProvider>\n <DndContext\n collisionDetection={pointerWithin}\n // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n id={dndContextID}\n >\n {children}\n </DndContext>\n </UploadHandlersProvider>\n </NavProvider>\n </DocumentEventsProvider>\n </LoadingOverlayProvider>\n </StepNavProvider>\n </LocaleProvider>\n </ThemeProvider>\n </HierarchyProvider>\n </PreferencesProvider>\n <ModalContainer />\n <StayLoggedInModal />\n </AuthProvider>\n </ModalProvider>\n </ScrollInfoProvider>\n </WindowInfoProvider>\n </TranslationProvider>\n </ClientFunctionProvider>\n </ConfigProvider>\n </RouteCache>\n </RouteTransitionProvider>\n </ServerFunctionsProvider>\n </RouterAdapter>\n <ToastContainer config={config} />\n </ClickOutsideProvider>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","DndContext","pointerWithin","ModalContainer","ModalProvider","ScrollInfoProvider","React","CloseModalOnRouteChange","DrawerStackProvider","LoadingOverlayProvider","NavProvider","StayLoggedInModal","StepNavProvider","ClickOutsideProvider","WindowInfoProvider","AuthProvider","ClientFunctionProvider","ConfigProvider","DocumentEventsProvider","HierarchyProvider","LocaleProvider","PreferencesProvider","RouteCache","RouteTransitionProvider","ServerFunctionsProvider","ThemeProvider","ToastContainer","TranslationProvider","UploadHandlersProvider","RootProvider","t0","$","children","config","dateFNSKey","fallbackLang","highContrastMode","isNavOpen","languageCode","languageOptions","locale","permissions","RouterAdapter","serverFunction","theme","translations","user","dndContextID","useId","t1","_jsxs","_jsx","cachingEnabled","process","env","NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","initialIsOpen","collisionDetection","id"],"sources":["../../../src/providers/Root/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient, I18nOptions, Language } from '@payloadcms/translations'\nimport type {\n ClientConfig,\n LanguageOptions,\n Locale,\n RouterAdapterComponent,\n SanitizedPermissions,\n ServerFunctionClient,\n TypedUser,\n} from 'payload'\n\nimport { DndContext, pointerWithin } from '@dnd-kit/core'\nimport { ModalContainer, ModalProvider } from '@faceless-ui/modal'\nimport { ScrollInfoProvider } from '@faceless-ui/scroll-info'\nimport React from 'react'\n\nimport type { Theme } from '../Theme/index.js'\n\nimport { CloseModalOnRouteChange } from '../../elements/CloseModalOnRouteChange/index.js'\nimport { DrawerStackProvider } from '../../elements/Drawer/index.js'\nimport { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js'\nimport { NavProvider } from '../../elements/Nav/context.js'\nimport { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js'\nimport { StepNavProvider } from '../../elements/StepNav/index.js'\nimport { ClickOutsideProvider } from '../../providers/ClickOutside/index.js'\nimport { WindowInfoProvider } from '../../providers/WindowInfo/index.js'\nimport { AuthProvider } from '../Auth/index.js'\nimport { ClientFunctionProvider } from '../ClientFunction/index.js'\nimport { ConfigProvider } from '../Config/index.js'\nimport { DocumentEventsProvider } from '../DocumentEvents/index.js'\nimport { HierarchyProvider } from '../Hierarchy/index.js'\nimport { LocaleProvider } from '../Locale/index.js'\nimport { PreferencesProvider } from '../Preferences/index.js'\nimport { RouteCache } from '../RouteCache/index.js'\nimport { RouteTransitionProvider } from '../RouteTransition/index.js'\nimport { ServerFunctionsProvider } from '../ServerFunctions/index.js'\nimport { ThemeProvider } from '../Theme/index.js'\nimport { ToastContainer } from '../ToastContainer/index.js'\nimport { TranslationProvider } from '../Translation/index.js'\nimport { UploadHandlersProvider } from '../UploadHandlers/index.js'\n\ntype Props = {\n readonly children: React.ReactNode\n readonly config: ClientConfig\n readonly dateFNSKey: Language['dateFNSKey']\n readonly fallbackLang: I18nOptions['fallbackLanguage']\n readonly highContrastMode: boolean\n readonly isNavOpen?: boolean\n readonly languageCode: string\n readonly languageOptions: LanguageOptions\n readonly locale?: Locale['code']\n readonly permissions: SanitizedPermissions\n readonly RouterAdapter: RouterAdapterComponent\n readonly serverFunction: ServerFunctionClient\n readonly theme: Theme\n readonly translations: I18nClient['translations']\n readonly user: null | TypedUser\n}\n\nexport const RootProvider: React.FC<Props> = ({\n children,\n config,\n dateFNSKey,\n fallbackLang,\n highContrastMode,\n isNavOpen,\n languageCode,\n languageOptions,\n locale,\n permissions,\n RouterAdapter,\n serverFunction,\n theme,\n translations,\n user,\n}) => {\n const dndContextID = React.useId()\n\n return (\n <ClickOutsideProvider>\n <RouterAdapter>\n <ServerFunctionsProvider serverFunction={serverFunction}>\n <RouteTransitionProvider>\n <RouteCache\n cachingEnabled={process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === 'true'}\n >\n <ConfigProvider config={config}>\n <ClientFunctionProvider>\n <TranslationProvider\n dateFNSKey={dateFNSKey}\n fallbackLang={fallbackLang}\n language={languageCode}\n languageOptions={languageOptions}\n translations={translations}\n >\n <WindowInfoProvider\n breakpoints={{\n l: '(max-width: 1440px)',\n m: '(max-width: 1024px)',\n s: '(max-width: 768px)',\n xs: '(max-width: 400px)',\n }}\n >\n <ScrollInfoProvider>\n <ModalProvider classPrefix=\"payload\" transTime={0} zIndex=\"var(--z-modal)\">\n <DrawerStackProvider>\n <CloseModalOnRouteChange />\n <AuthProvider permissions={permissions} user={user}>\n <PreferencesProvider>\n <HierarchyProvider>\n <ThemeProvider highContrastMode={highContrastMode} theme={theme}>\n <LocaleProvider locale={locale}>\n <StepNavProvider>\n <LoadingOverlayProvider>\n <DocumentEventsProvider>\n <NavProvider initialIsOpen={isNavOpen}>\n <UploadHandlersProvider>\n <DndContext\n collisionDetection={pointerWithin}\n // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n id={dndContextID}\n >\n {children}\n </DndContext>\n </UploadHandlersProvider>\n </NavProvider>\n </DocumentEventsProvider>\n </LoadingOverlayProvider>\n </StepNavProvider>\n </LocaleProvider>\n </ThemeProvider>\n </HierarchyProvider>\n </PreferencesProvider>\n <ModalContainer />\n <StayLoggedInModal />\n </AuthProvider>\n </DrawerStackProvider>\n </ModalProvider>\n </ScrollInfoProvider>\n </WindowInfoProvider>\n </TranslationProvider>\n </ClientFunctionProvider>\n </ConfigProvider>\n </RouteCache>\n </RouteTransitionProvider>\n </ServerFunctionsProvider>\n </RouterAdapter>\n <ToastContainer config={config} />\n </ClickOutsideProvider>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -7,5 +7,6 @@
7
7
  text-decoration: underline;
8
8
  text-align: left;
9
9
  white-space: nowrap;
10
+ height: 100%;
10
11
  }
11
12
  }
@@ -0,0 +1,208 @@
1
+ @layer payload-default {
2
+ .payload-toast-container {
3
+ padding: 0;
4
+ margin: 0;
5
+
6
+ .toast-title {
7
+ padding-inline: var(--spacer-1);
8
+ color: var(--color-text);
9
+ font-family: var(--text-body-medium-strong-font-family);
10
+ font-size: var(--text-body-medium-strong-font-size);
11
+ font-weight: var(--text-body-medium-strong-font-weight);
12
+ letter-spacing: var(--text-body-medium-strong-letter-spacing);
13
+ line-height: var(--text-body-medium-strong-line-height);
14
+ }
15
+
16
+ .payload-toast-item {
17
+ display: flex;
18
+ align-items: flex-start;
19
+ gap: var(--spacer-2);
20
+ min-height: var(--spacer-6);
21
+ /* set width to match FPL */
22
+ inline-size: 280px;
23
+ margin: 0;
24
+ padding: var(--spacer-2);
25
+ color: var(--color-text);
26
+ font-style: normal;
27
+ font-weight: var(--font-weight-strong);
28
+ background: var(--color-bg-elevated);
29
+ border-radius: var(--radius-large);
30
+ box-shadow: var(--elevation-100-canvas);
31
+
32
+ .toast-content {
33
+ display: flex;
34
+ flex: 1;
35
+ flex-direction: column;
36
+ gap: var(--spacer-1);
37
+ width: 100%;
38
+ transition: opacity 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
39
+ padding-block: var(--spacer-1);
40
+ }
41
+
42
+ &[data-front='false'] {
43
+ .toast-content {
44
+ opacity: 0;
45
+ }
46
+ }
47
+
48
+ &[data-expanded='true'] {
49
+ .toast-content {
50
+ opacity: 1;
51
+ }
52
+ }
53
+
54
+ .toast-icon {
55
+ display: flex;
56
+ align-items: center;
57
+ justify-content: center;
58
+ margin: 0;
59
+ flex-shrink: 0;
60
+ }
61
+
62
+ .toast-icon + .toast-content .toast-title {
63
+ padding-inline-start: 0;
64
+ }
65
+
66
+ &.toast-error {
67
+ color: var(--color-text-ondanger);
68
+ background: var(--color-bg-danger);
69
+
70
+ .toast-title {
71
+ color: var(--color-text-ondanger);
72
+ }
73
+
74
+ .icon--warning {
75
+ color: var(--color-text-ondanger);
76
+ }
77
+ }
78
+
79
+ &.toast-warning {
80
+ .icon--warning {
81
+ color: var(--color-icon-warning);
82
+ }
83
+ }
84
+ }
85
+ }
86
+ }
87
+
88
+ /* Sonner injects unlayered `:where()` (0,0,0) styles that beat our layered rules. These overrides
89
+ are unlayered too, winning on class specificity. */
90
+
91
+ .payload-toast-container .toast-title {
92
+ font-weight: var(--text-body-medium-strong-font-weight);
93
+ line-height: var(--text-body-medium-strong-line-height);
94
+ }
95
+
96
+ /* Sonner forces [data-icon] to 16px; use a --spacer-4 (24px) box so our icons fit. */
97
+ .payload-toast-container .payload-toast-item .toast-icon {
98
+ position: relative;
99
+ width: var(--spacer-4);
100
+ height: var(--spacer-4);
101
+ margin: 0;
102
+ justify-content: center;
103
+ }
104
+
105
+ .payload-toast-container .payload-toast-item .toast-icon svg {
106
+ margin: 0;
107
+ }
108
+
109
+ /* Spinner wrapper is `absolute; inset: 0`; restore flex flow so the box centers it. */
110
+ .payload-toast-container .payload-toast-item .toast-icon .sonner-loading-wrapper {
111
+ position: static;
112
+ }
113
+
114
+ .payload-toast-container
115
+ .payload-toast-item
116
+ .toast-icon
117
+ .sonner-loading-wrapper[data-visible='false'] {
118
+ display: none;
119
+ }
120
+
121
+ /* Sonner positions [data-close-button] absolutely; place it inline as a --spacer-4 (24px) IconButton. */
122
+ .payload-toast-container .payload-toast-item .payload-toast-close-button {
123
+ position: relative;
124
+ inset: auto;
125
+ order: 1;
126
+ display: flex;
127
+ align-items: center;
128
+ justify-content: center;
129
+ flex-shrink: 0;
130
+ min-width: var(--spacer-4);
131
+ min-height: var(--spacer-4);
132
+ width: auto;
133
+ height: auto;
134
+ margin: 0;
135
+ padding: 0;
136
+ border: 0;
137
+ border-radius: var(--radius-medium);
138
+ background: transparent;
139
+ color: var(--color-icon);
140
+ transform: none;
141
+ cursor: pointer;
142
+ transition: none;
143
+ }
144
+
145
+ /* Sonner sets a dark-theme base background on [data-close-button]. Override with higher specificity. */
146
+ [data-sonner-toaster][data-theme='dark'].payload-toast-container
147
+ [data-sonner-toast].payload-toast-item
148
+ [data-close-button].payload-toast-close-button {
149
+ background: transparent;
150
+ border-color: transparent;
151
+ }
152
+
153
+ .payload-toast-container .payload-toast-item .payload-toast-close-button:hover,
154
+ .payload-toast-container .payload-toast-item .payload-toast-close-button:focus-visible {
155
+ background: var(--color-bg-hover);
156
+ }
157
+
158
+ [data-sonner-toaster][data-theme='dark'].payload-toast-container
159
+ [data-sonner-toast].payload-toast-item
160
+ [data-close-button].payload-toast-close-button:hover,
161
+ [data-sonner-toaster][data-theme='dark'].payload-toast-container
162
+ [data-sonner-toast].payload-toast-item
163
+ [data-close-button].payload-toast-close-button:focus-visible {
164
+ background: var(--color-bg-hover);
165
+ }
166
+
167
+ [data-sonner-toaster][data-theme='dark'].payload-toast-container
168
+ [data-sonner-toast].payload-toast-item
169
+ [data-close-button].payload-toast-close-button:active {
170
+ background: var(--color-bg-pressed);
171
+ }
172
+
173
+ .payload-toast-container .toast-error .payload-toast-close-button {
174
+ color: var(--color-text-ondanger);
175
+ }
176
+
177
+ .payload-toast-container .toast-error .payload-toast-close-button:hover,
178
+ .payload-toast-container .toast-error .payload-toast-close-button:focus-visible {
179
+ background: var(--color-bg-danger-hover);
180
+ }
181
+
182
+ [data-sonner-toaster][data-theme='dark'].payload-toast-container
183
+ [data-sonner-toast].payload-toast-item.toast-error
184
+ [data-close-button].payload-toast-close-button:hover,
185
+ [data-sonner-toaster][data-theme='dark'].payload-toast-container
186
+ [data-sonner-toast].payload-toast-item.toast-error
187
+ [data-close-button].payload-toast-close-button:focus-visible {
188
+ background: var(--color-bg-danger-hover);
189
+ }
190
+
191
+ [data-sonner-toaster][data-theme='dark'].payload-toast-container
192
+ [data-sonner-toast].payload-toast-item.toast-error
193
+ [data-close-button].payload-toast-close-button:active {
194
+ background: var(--color-bg-danger-pressed);
195
+ }
196
+
197
+ [data-sonner-toaster].payload-toast-container[data-lifted='true'] {
198
+ transform: none;
199
+ }
200
+
201
+ [data-sonner-toaster].payload-toast-container[data-x-position='right'] {
202
+ left: auto;
203
+ right: var(--spacer-6);
204
+ }
205
+
206
+ [data-sonner-toaster].payload-toast-container[data-y-position='bottom'] {
207
+ bottom: var(--spacer-6);
208
+ }
@@ -1,5 +1,6 @@
1
1
  import type { ClientConfig } from 'payload';
2
2
  import React from 'react';
3
+ import './index.css';
3
4
  export declare const ToastContainer: React.FC<{
4
5
  config: ClientConfig;
5
6
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ToastContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,MAAM,EAAE,YAAY,CAAA;CACrB,CAqCA,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ToastContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,MAAM,EAAE,YAAY,CAAA;CACrB,CA6CA,CAAA"}
@@ -3,10 +3,11 @@
3
3
  import { jsx as _jsx } from "react/jsx-runtime";
4
4
  import React from 'react';
5
5
  import { Toaster } from 'sonner';
6
- import { ErrorIcon } from '../../icons/Error/index.js';
6
+ import { CheckIcon } from '../../icons/Check/index.js';
7
7
  import { InfoIcon } from '../../icons/Info/index.js';
8
- import { SuccessIcon } from '../../icons/Success/index.js';
9
8
  import { WarningIcon } from '../../icons/Warning/index.js';
9
+ import { XIcon } from '../../icons/X/index.js';
10
+ import './index.css';
10
11
  export const ToastContainer = ({
11
12
  config
12
13
  }) => {
@@ -23,19 +24,31 @@ export const ToastContainer = ({
23
24
  return /*#__PURE__*/_jsx(Toaster, {
24
25
  className: "payload-toast-container",
25
26
  closeButton: true,
26
- // @ts-expect-error
27
+ // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing "undefined" opts out of RTL/LTR handling
27
28
  dir: "undefined",
28
29
  duration: duration ?? 4000,
29
30
  expand: expand ?? false,
30
31
  gap: 8,
31
32
  icons: {
32
- error: /*#__PURE__*/_jsx(ErrorIcon, {}),
33
+ close: /*#__PURE__*/_jsx(XIcon, {
34
+ size: 24
35
+ }),
36
+ error: /*#__PURE__*/_jsx(WarningIcon, {}),
33
37
  info: /*#__PURE__*/_jsx(InfoIcon, {}),
34
- success: /*#__PURE__*/_jsx(SuccessIcon, {}),
38
+ success: /*#__PURE__*/_jsx(CheckIcon, {
39
+ size: 24
40
+ }),
35
41
  warning: /*#__PURE__*/_jsx(WarningIcon, {})
36
42
  },
37
- offset: "calc(var(--gutter-h) / 2)",
43
+ offset: {
44
+ bottom: 'var(--spacer-6)',
45
+ right: 'var(--spacer-6)'
46
+ },
38
47
  position: position ?? 'bottom-right',
48
+ style: {
49
+ width: '280px'
50
+ },
51
+ theme: "dark",
39
52
  toastOptions: {
40
53
  classNames: {
41
54
  closeButton: 'payload-toast-close-button',
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","Toaster","ErrorIcon","InfoIcon","SuccessIcon","WarningIcon","ToastContainer","config","admin","toast","duration","expand","limit","position","_jsx","className","closeButton","dir","gap","icons","error","info","success","warning","offset","toastOptions","classNames","content","icon","title","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React from 'react'\nimport { Toaster } from 'sonner'\n\nimport { ErrorIcon } from '../../icons/Error/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { SuccessIcon } from '../../icons/Success/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\n\nexport const ToastContainer: React.FC<{\n config: ClientConfig\n}> = ({ config }) => {\n const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n return (\n <Toaster\n className=\"payload-toast-container\"\n closeButton\n // @ts-expect-error\n dir=\"undefined\"\n duration={duration ?? 4000}\n expand={expand ?? false}\n gap={8}\n icons={{\n error: <ErrorIcon />,\n info: <InfoIcon />,\n success: <SuccessIcon />,\n warning: <WarningIcon />,\n }}\n offset=\"calc(var(--gutter-h) / 2)\"\n position={position ?? 'bottom-right'}\n toastOptions={{\n classNames: {\n closeButton: 'payload-toast-close-button',\n content: 'toast-content',\n error: 'toast-error',\n icon: 'toast-icon',\n info: 'toast-info',\n success: 'toast-success',\n title: 'toast-title',\n toast: 'payload-toast-item',\n warning: 'toast-warning',\n },\n unstyled: true,\n }}\n visibleToasts={limit ?? 5}\n />\n )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,OAAO,QAAQ;AAExB,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,WAAW,QAAQ;AAE5B,OAAO,MAAMC,cAAA,GAERA,CAAC;EAAEC;AAAM,CAAE;EACd,MAAM;IAAEC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,KAAK;QAAEC;MAAQ,CAAE,GAAG,CAAC;IAAC,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGN,MAAA;EAE9E,oBACEO,IAAA,CAACb,OAAA;IACCc,SAAA,EAAU;IACVC,WAAW;IACX;IACAC,GAAA,EAAI;IACJP,QAAA,EAAUA,QAAA,IAAY;IACtBC,MAAA,EAAQA,MAAA,IAAU;IAClBO,GAAA,EAAK;IACLC,KAAA,EAAO;MACLC,KAAA,eAAON,IAAA,CAACZ,SAAA;MACRmB,IAAA,eAAMP,IAAA,CAACX,QAAA;MACPmB,OAAA,eAASR,IAAA,CAACV,WAAA;MACVmB,OAAA,eAAST,IAAA,CAACT,WAAA;IACZ;IACAmB,MAAA,EAAO;IACPX,QAAA,EAAUA,QAAA,IAAY;IACtBY,YAAA,EAAc;MACZC,UAAA,EAAY;QACVV,WAAA,EAAa;QACbW,OAAA,EAAS;QACTP,KAAA,EAAO;QACPQ,IAAA,EAAM;QACNP,IAAA,EAAM;QACNC,OAAA,EAAS;QACTO,KAAA,EAAO;QACPpB,KAAA,EAAO;QACPc,OAAA,EAAS;MACX;MACAO,QAAA,EAAU;IACZ;IACAC,aAAA,EAAenB,KAAA,IAAS;;AAG9B","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","ToastContainer","config","admin","toast","duration","expand","limit","position","_jsx","className","closeButton","dir","gap","icons","close","size","error","info","success","warning","offset","bottom","right","style","width","theme","toastOptions","classNames","content","icon","title","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React from 'react'\nimport { Toaster } from 'sonner'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport './index.css'\n\nexport const ToastContainer: React.FC<{\n config: ClientConfig\n}> = ({ config }) => {\n const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n return (\n <Toaster\n className=\"payload-toast-container\"\n closeButton\n // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing \"undefined\" opts out of RTL/LTR handling\n dir=\"undefined\"\n duration={duration ?? 4000}\n expand={expand ?? false}\n gap={8}\n icons={{\n close: <XIcon size={24} />,\n error: <WarningIcon />,\n info: <InfoIcon />,\n success: <CheckIcon size={24} />,\n warning: <WarningIcon />,\n }}\n offset={{\n bottom: 'var(--spacer-6)',\n right: 'var(--spacer-6)',\n }}\n position={position ?? 'bottom-right'}\n style={{\n width: '280px',\n }}\n theme=\"dark\"\n toastOptions={{\n classNames: {\n closeButton: 'payload-toast-close-button',\n content: 'toast-content',\n error: 'toast-error',\n icon: 'toast-icon',\n info: 'toast-info',\n success: 'toast-success',\n title: 'toast-title',\n toast: 'payload-toast-item',\n warning: 'toast-warning',\n },\n unstyled: true,\n }}\n visibleToasts={limit ?? 5}\n />\n )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,OAAO,QAAQ;AAExB,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,OAAO;AAEP,OAAO,MAAMC,cAAA,GAERA,CAAC;EAAEC;AAAM,CAAE;EACd,MAAM;IAAEC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,KAAK;QAAEC;MAAQ,CAAE,GAAG,CAAC;IAAC,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGN,MAAA;EAE9E,oBACEO,IAAA,CAACb,OAAA;IACCc,SAAA,EAAU;IACVC,WAAW;IACX;IACAC,GAAA,EAAI;IACJP,QAAA,EAAUA,QAAA,IAAY;IACtBC,MAAA,EAAQA,MAAA,IAAU;IAClBO,GAAA,EAAK;IACLC,KAAA,EAAO;MACLC,KAAA,eAAON,IAAA,CAACT,KAAA;QAAMgB,IAAA,EAAM;;MACpBC,KAAA,eAAOR,IAAA,CAACV,WAAA;MACRmB,IAAA,eAAMT,IAAA,CAACX,QAAA;MACPqB,OAAA,eAASV,IAAA,CAACZ,SAAA;QAAUmB,IAAA,EAAM;;MAC1BI,OAAA,eAASX,IAAA,CAACV,WAAA;IACZ;IACAsB,MAAA,EAAQ;MACNC,MAAA,EAAQ;MACRC,KAAA,EAAO;IACT;IACAf,QAAA,EAAUA,QAAA,IAAY;IACtBgB,KAAA,EAAO;MACLC,KAAA,EAAO;IACT;IACAC,KAAA,EAAM;IACNC,YAAA,EAAc;MACZC,UAAA,EAAY;QACVjB,WAAA,EAAa;QACbkB,OAAA,EAAS;QACTZ,KAAA,EAAO;QACPa,IAAA,EAAM;QACNZ,IAAA,EAAM;QACNC,OAAA,EAAS;QACTY,KAAA,EAAO;QACP3B,KAAA,EAAO;QACPgB,OAAA,EAAS;MACX;MACAY,QAAA,EAAU;IACZ;IACAC,aAAA,EAAe1B,KAAA,IAAS;;AAG9B","ignoreList":[]}
@@ -1,7 +1,6 @@
1
1
  @layer payload-default, payload;
2
2
 
3
- @import './styles';
4
- @import './toasts.scss';
3
+ @import 'styles';
5
4
  @import './colors.scss';
6
5
  @import '../styles.css';
7
6