@payloadcms/ui 3.0.0-alpha.60 → 3.0.0-alpha.62

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 (476) hide show
  1. package/dist/@types/assets.d.js.map +1 -1
  2. package/dist/assets/index.js.map +1 -1
  3. package/dist/elements/AppHeader/index.js.map +1 -1
  4. package/dist/elements/ArrayAction/index.js.map +1 -1
  5. package/dist/elements/Autosave/index.js +4 -1
  6. package/dist/elements/Autosave/index.js.map +1 -1
  7. package/dist/elements/Banner/index.js.map +1 -1
  8. package/dist/elements/Button/index.js.map +1 -1
  9. package/dist/elements/Button/types.js.map +1 -1
  10. package/dist/elements/Card/index.js.map +1 -1
  11. package/dist/elements/CodeEditor/CodeEditor.js.map +1 -1
  12. package/dist/elements/CodeEditor/index.js.map +1 -1
  13. package/dist/elements/CodeEditor/types.js.map +1 -1
  14. package/dist/elements/Collapsible/index.js.map +1 -1
  15. package/dist/elements/Collapsible/provider.js.map +1 -1
  16. package/dist/elements/ColumnSelector/index.js.map +1 -1
  17. package/dist/elements/CopyToClipboard/index.js.map +1 -1
  18. package/dist/elements/DatePicker/DatePicker.js +4 -4
  19. package/dist/elements/DatePicker/DatePicker.js.map +1 -1
  20. package/dist/elements/DatePicker/getFormattedLocale.d.ts +2 -0
  21. package/dist/elements/DatePicker/getFormattedLocale.d.ts.map +1 -0
  22. package/dist/elements/DatePicker/getFormattedLocale.js +12 -0
  23. package/dist/elements/DatePicker/getFormattedLocale.js.map +1 -0
  24. package/dist/elements/DatePicker/index.js.map +1 -1
  25. package/dist/elements/DatePicker/types.js.map +1 -1
  26. package/dist/elements/DeleteDocument/index.js.map +1 -1
  27. package/dist/elements/DeleteMany/index.js.map +1 -1
  28. package/dist/elements/DocumentControls/index.d.ts.map +1 -1
  29. package/dist/elements/DocumentControls/index.js +21 -5
  30. package/dist/elements/DocumentControls/index.js.map +1 -1
  31. package/dist/elements/DocumentDrawer/DrawerContent.js.map +1 -1
  32. package/dist/elements/DocumentDrawer/index.js.map +1 -1
  33. package/dist/elements/DocumentDrawer/types.js.map +1 -1
  34. package/dist/elements/DocumentFields/index.js.map +1 -1
  35. package/dist/elements/DocumentHeader/Tabs/ShouldRenderTabs.js.map +1 -1
  36. package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js.map +1 -1
  37. package/dist/elements/DocumentHeader/Tabs/Tab/index.js.map +1 -1
  38. package/dist/elements/DocumentHeader/Tabs/getCustomViews.js.map +1 -1
  39. package/dist/elements/DocumentHeader/Tabs/getViewConfig.js.map +1 -1
  40. package/dist/elements/DocumentHeader/Tabs/index.js.map +1 -1
  41. package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js.map +1 -1
  42. package/dist/elements/DocumentHeader/Tabs/tabs/index.js.map +1 -1
  43. package/dist/elements/DocumentHeader/index.js.map +1 -1
  44. package/dist/elements/DraggableSortable/DraggableSortableItem/index.js.map +1 -1
  45. package/dist/elements/DraggableSortable/DraggableSortableItem/types.js.map +1 -1
  46. package/dist/elements/DraggableSortable/index.js.map +1 -1
  47. package/dist/elements/DraggableSortable/types.js.map +1 -1
  48. package/dist/elements/DraggableSortable/useDraggableSortable/index.js.map +1 -1
  49. package/dist/elements/DraggableSortable/useDraggableSortable/types.js.map +1 -1
  50. package/dist/elements/Drawer/index.js.map +1 -1
  51. package/dist/elements/Drawer/types.js.map +1 -1
  52. package/dist/elements/Drawer/useDrawerSlug.js.map +1 -1
  53. package/dist/elements/Dropzone/index.js.map +1 -1
  54. package/dist/elements/DuplicateDocument/index.js.map +1 -1
  55. package/dist/elements/EditMany/index.js +2 -2
  56. package/dist/elements/EditMany/index.js.map +1 -1
  57. package/dist/elements/EditUpload/index.js.map +1 -1
  58. package/dist/elements/ErrorPill/index.js.map +1 -1
  59. package/dist/elements/FieldSelect/index.js.map +1 -1
  60. package/dist/elements/FileDetails/FileMeta/index.js.map +1 -1
  61. package/dist/elements/FileDetails/index.js.map +1 -1
  62. package/dist/elements/GenerateConfirmation/index.js.map +1 -1
  63. package/dist/elements/Gutter/index.js.map +1 -1
  64. package/dist/elements/Hamburger/index.js.map +1 -1
  65. package/dist/elements/HydrateClientUser/index.d.ts +3 -2
  66. package/dist/elements/HydrateClientUser/index.d.ts.map +1 -1
  67. package/dist/elements/HydrateClientUser/index.js.map +1 -1
  68. package/dist/elements/IDLabel/index.js.map +1 -1
  69. package/dist/elements/ListControls/getTextFieldsToBeSearched.js.map +1 -1
  70. package/dist/elements/ListControls/index.js +1 -1
  71. package/dist/elements/ListControls/index.js.map +1 -1
  72. package/dist/elements/ListDrawer/DrawerContent.js.map +1 -1
  73. package/dist/elements/ListDrawer/index.js.map +1 -1
  74. package/dist/elements/ListDrawer/types.js.map +1 -1
  75. package/dist/elements/ListSelection/index.js.map +1 -1
  76. package/dist/elements/Loading/index.js.map +1 -1
  77. package/dist/elements/LoadingOverlay/index.js.map +1 -1
  78. package/dist/elements/LoadingOverlay/reducer.js.map +1 -1
  79. package/dist/elements/LoadingOverlay/types.js.map +1 -1
  80. package/dist/elements/Localizer/LocalizerLabel/index.js.map +1 -1
  81. package/dist/elements/Localizer/index.js.map +1 -1
  82. package/dist/elements/Logout/index.js.map +1 -1
  83. package/dist/elements/Modal/index.js.map +1 -1
  84. package/dist/elements/Nav/NavHamburger/index.js.map +1 -1
  85. package/dist/elements/Nav/NavToggler/index.js.map +1 -1
  86. package/dist/elements/Nav/NavWrapper/index.js.map +1 -1
  87. package/dist/elements/Nav/context.js.map +1 -1
  88. package/dist/elements/Nav/index.client.js.map +1 -1
  89. package/dist/elements/Nav/index.js.map +1 -1
  90. package/dist/elements/NavGroup/index.js.map +1 -1
  91. package/dist/elements/Pagination/ClickableArrow/index.js.map +1 -1
  92. package/dist/elements/Pagination/Page/index.js.map +1 -1
  93. package/dist/elements/Pagination/Separator/index.js.map +1 -1
  94. package/dist/elements/Pagination/index.js.map +1 -1
  95. package/dist/elements/PerPage/index.js.map +1 -1
  96. package/dist/elements/Pill/index.js.map +1 -1
  97. package/dist/elements/Popup/PopupButtonList/index.js.map +1 -1
  98. package/dist/elements/Popup/PopupTrigger/index.js.map +1 -1
  99. package/dist/elements/Popup/PopupTrigger/types.js.map +1 -1
  100. package/dist/elements/Popup/index.js.map +1 -1
  101. package/dist/elements/PreviewButton/index.js.map +1 -1
  102. package/dist/elements/PreviewButton/usePreviewURL.js.map +1 -1
  103. package/dist/elements/PreviewSizes/index.js.map +1 -1
  104. package/dist/elements/Publish/index.js +1 -1
  105. package/dist/elements/Publish/index.js.map +1 -1
  106. package/dist/elements/PublishMany/index.js.map +1 -1
  107. package/dist/elements/ReactSelect/ClearIndicator/index.js.map +1 -1
  108. package/dist/elements/ReactSelect/Control/index.js.map +1 -1
  109. package/dist/elements/ReactSelect/MultiValue/index.js.map +1 -1
  110. package/dist/elements/ReactSelect/MultiValueLabel/index.js.map +1 -1
  111. package/dist/elements/ReactSelect/MultiValueRemove/index.js.map +1 -1
  112. package/dist/elements/ReactSelect/SingleValue/index.js.map +1 -1
  113. package/dist/elements/ReactSelect/ValueContainer/index.js.map +1 -1
  114. package/dist/elements/ReactSelect/index.js.map +1 -1
  115. package/dist/elements/ReactSelect/types.js.map +1 -1
  116. package/dist/elements/RenderCustomComponent/index.js.map +1 -1
  117. package/dist/elements/RenderTitle/index.js.map +1 -1
  118. package/dist/elements/Save/index.js.map +1 -1
  119. package/dist/elements/SaveDraft/index.js.map +1 -1
  120. package/dist/elements/SearchFilter/index.js.map +1 -1
  121. package/dist/elements/SelectAll/index.js.map +1 -1
  122. package/dist/elements/SelectRow/index.js.map +1 -1
  123. package/dist/elements/ShimmerEffect/index.js.map +1 -1
  124. package/dist/elements/SortColumn/index.js.map +1 -1
  125. package/dist/elements/SortComplex/index.js.map +1 -1
  126. package/dist/elements/Status/index.js.map +1 -1
  127. package/dist/elements/StayLoggedIn/index.js.map +1 -1
  128. package/dist/elements/StepNav/SetStepNav.js.map +1 -1
  129. package/dist/elements/StepNav/index.d.ts +2 -1
  130. package/dist/elements/StepNav/index.d.ts.map +1 -1
  131. package/dist/elements/StepNav/index.js.map +1 -1
  132. package/dist/elements/Table/DefaultCell/fields/Array/index.js.map +1 -1
  133. package/dist/elements/Table/DefaultCell/fields/Blocks/index.js.map +1 -1
  134. package/dist/elements/Table/DefaultCell/fields/Checkbox/index.js.map +1 -1
  135. package/dist/elements/Table/DefaultCell/fields/Code/index.js.map +1 -1
  136. package/dist/elements/Table/DefaultCell/fields/Date/index.js +5 -1
  137. package/dist/elements/Table/DefaultCell/fields/Date/index.js.map +1 -1
  138. package/dist/elements/Table/DefaultCell/fields/File/index.js.map +1 -1
  139. package/dist/elements/Table/DefaultCell/fields/JSON/index.js +1 -1
  140. package/dist/elements/Table/DefaultCell/fields/JSON/index.js.map +1 -1
  141. package/dist/elements/Table/DefaultCell/fields/Relationship/index.js.map +1 -1
  142. package/dist/elements/Table/DefaultCell/fields/Select/index.js.map +1 -1
  143. package/dist/elements/Table/DefaultCell/fields/Textarea/index.js.map +1 -1
  144. package/dist/elements/Table/DefaultCell/fields/index.js.map +1 -1
  145. package/dist/elements/Table/DefaultCell/index.js.map +1 -1
  146. package/dist/elements/Table/RelationshipProvider/index.js.map +1 -1
  147. package/dist/elements/Table/RelationshipProvider/reducer.js.map +1 -1
  148. package/dist/elements/Table/TableCellProvider/index.js.map +1 -1
  149. package/dist/elements/Table/index.js.map +1 -1
  150. package/dist/elements/TableColumns/buildColumnState.d.ts.map +1 -1
  151. package/dist/elements/TableColumns/buildColumnState.js +1 -0
  152. package/dist/elements/TableColumns/buildColumnState.js.map +1 -1
  153. package/dist/elements/TableColumns/columnReducer.js.map +1 -1
  154. package/dist/elements/TableColumns/filterFields.js.map +1 -1
  155. package/dist/elements/TableColumns/getInitialColumns.js.map +1 -1
  156. package/dist/elements/TableColumns/index.js.map +1 -1
  157. package/dist/elements/Thumbnail/index.js.map +1 -1
  158. package/dist/elements/ThumbnailCard/index.js.map +1 -1
  159. package/dist/elements/Tooltip/index.js.map +1 -1
  160. package/dist/elements/Translation/index.js.map +1 -1
  161. package/dist/elements/UnpublishMany/index.js.map +1 -1
  162. package/dist/elements/Upload/index.js.map +1 -1
  163. package/dist/elements/ViewDescription/index.js.map +1 -1
  164. package/dist/elements/ViewDescription/types.js.map +1 -1
  165. package/dist/elements/WhereBuilder/Condition/Date/index.js.map +1 -1
  166. package/dist/elements/WhereBuilder/Condition/Date/types.js.map +1 -1
  167. package/dist/elements/WhereBuilder/Condition/Number/index.js.map +1 -1
  168. package/dist/elements/WhereBuilder/Condition/Number/types.js.map +1 -1
  169. package/dist/elements/WhereBuilder/Condition/Relationship/index.js.map +1 -1
  170. package/dist/elements/WhereBuilder/Condition/Relationship/optionsReducer.js.map +1 -1
  171. package/dist/elements/WhereBuilder/Condition/Relationship/types.js.map +1 -1
  172. package/dist/elements/WhereBuilder/Condition/Select/index.js.map +1 -1
  173. package/dist/elements/WhereBuilder/Condition/Select/types.js.map +1 -1
  174. package/dist/elements/WhereBuilder/Condition/Text/index.js.map +1 -1
  175. package/dist/elements/WhereBuilder/Condition/Text/types.js.map +1 -1
  176. package/dist/elements/WhereBuilder/Condition/index.js.map +1 -1
  177. package/dist/elements/WhereBuilder/Condition/types.js.map +1 -1
  178. package/dist/elements/WhereBuilder/field-types.js.map +1 -1
  179. package/dist/elements/WhereBuilder/index.js.map +1 -1
  180. package/dist/elements/WhereBuilder/reduceFieldMap.js.map +1 -1
  181. package/dist/elements/WhereBuilder/transformWhereQuery.js.map +1 -1
  182. package/dist/elements/WhereBuilder/types.js.map +1 -1
  183. package/dist/elements/WhereBuilder/validateWhereQuery.js.map +1 -1
  184. package/dist/elements/WindowInfo/index.js.map +1 -1
  185. package/dist/elements/withMergedProps/index.d.ts +2 -1
  186. package/dist/elements/withMergedProps/index.d.ts.map +1 -1
  187. package/dist/elements/withMergedProps/index.js +7 -1
  188. package/dist/elements/withMergedProps/index.js.map +1 -1
  189. package/dist/exports/elements.d.ts +3 -2
  190. package/dist/exports/elements.d.ts.map +1 -1
  191. package/dist/exports/elements.js +5 -2
  192. package/dist/exports/elements.js.map +1 -1
  193. package/dist/exports/fields.d.ts +2 -0
  194. package/dist/exports/fields.d.ts.map +1 -0
  195. package/dist/exports/fields.js +3 -0
  196. package/dist/exports/fields.js.map +1 -0
  197. package/dist/exports/providers.d.ts +2 -0
  198. package/dist/exports/providers.d.ts.map +1 -0
  199. package/dist/exports/providers.js +3 -0
  200. package/dist/exports/providers.js.map +1 -0
  201. package/dist/fields/Array/ArrayRow.js.map +1 -1
  202. package/dist/fields/Array/index.d.ts.map +1 -1
  203. package/dist/fields/Array/index.js +3 -2
  204. package/dist/fields/Array/index.js.map +1 -1
  205. package/dist/fields/Blocks/BlockRow.js.map +1 -1
  206. package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.js.map +1 -1
  207. package/dist/fields/Blocks/BlocksDrawer/index.js.map +1 -1
  208. package/dist/fields/Blocks/RowActions.js.map +1 -1
  209. package/dist/fields/Blocks/SectionTitle/index.js.map +1 -1
  210. package/dist/fields/Blocks/index.d.ts.map +1 -1
  211. package/dist/fields/Blocks/index.js +3 -2
  212. package/dist/fields/Blocks/index.js.map +1 -1
  213. package/dist/fields/Checkbox/Input.js.map +1 -1
  214. package/dist/fields/Checkbox/index.js.map +1 -1
  215. package/dist/fields/Checkbox/types.js.map +1 -1
  216. package/dist/fields/Code/index.js.map +1 -1
  217. package/dist/fields/Collapsible/index.d.ts.map +1 -1
  218. package/dist/fields/Collapsible/index.js +27 -21
  219. package/dist/fields/Collapsible/index.js.map +1 -1
  220. package/dist/fields/ConfirmPassword/index.js.map +1 -1
  221. package/dist/fields/DateTime/index.js.map +1 -1
  222. package/dist/fields/Email/index.js.map +1 -1
  223. package/dist/fields/Group/index.js.map +1 -1
  224. package/dist/fields/Group/provider.js.map +1 -1
  225. package/dist/fields/HiddenInput/index.d.ts +1 -1
  226. package/dist/fields/HiddenInput/index.d.ts.map +1 -1
  227. package/dist/fields/HiddenInput/index.js.map +1 -1
  228. package/dist/fields/JSON/index.d.ts +1 -0
  229. package/dist/fields/JSON/index.d.ts.map +1 -1
  230. package/dist/fields/JSON/index.js +20 -1
  231. package/dist/fields/JSON/index.js.map +1 -1
  232. package/dist/fields/Number/index.js.map +1 -1
  233. package/dist/fields/Password/index.js.map +1 -1
  234. package/dist/fields/Point/index.js.map +1 -1
  235. package/dist/fields/RadioGroup/Radio/index.js.map +1 -1
  236. package/dist/fields/RadioGroup/index.js.map +1 -1
  237. package/dist/fields/Relationship/AddNew/index.js.map +1 -1
  238. package/dist/fields/Relationship/AddNew/types.js.map +1 -1
  239. package/dist/fields/Relationship/AddNew/useRelatedCollections.js.map +1 -1
  240. package/dist/fields/Relationship/createRelationMap.js.map +1 -1
  241. package/dist/fields/Relationship/findOptionsByValue.js.map +1 -1
  242. package/dist/fields/Relationship/index.js.map +1 -1
  243. package/dist/fields/Relationship/optionsReducer.js.map +1 -1
  244. package/dist/fields/Relationship/select-components/MultiValueLabel/index.js.map +1 -1
  245. package/dist/fields/Relationship/select-components/SingleValue/index.js.map +1 -1
  246. package/dist/fields/Relationship/types.js.map +1 -1
  247. package/dist/fields/RichText/index.js.map +1 -1
  248. package/dist/fields/Row/index.js.map +1 -1
  249. package/dist/fields/Row/provider.js.map +1 -1
  250. package/dist/fields/Row/types.js.map +1 -1
  251. package/dist/fields/Select/index.js.map +1 -1
  252. package/dist/fields/Tabs/Tab/index.js.map +1 -1
  253. package/dist/fields/Tabs/index.d.ts.map +1 -1
  254. package/dist/fields/Tabs/index.js +27 -23
  255. package/dist/fields/Tabs/index.js.map +1 -1
  256. package/dist/fields/Tabs/provider.js.map +1 -1
  257. package/dist/fields/Text/Input.js.map +1 -1
  258. package/dist/fields/Text/index.js.map +1 -1
  259. package/dist/fields/Text/types.js.map +1 -1
  260. package/dist/fields/Textarea/Input.js.map +1 -1
  261. package/dist/fields/Textarea/index.js.map +1 -1
  262. package/dist/fields/Textarea/types.js.map +1 -1
  263. package/dist/fields/UI/index.js.map +1 -1
  264. package/dist/fields/Upload/Input.js.map +1 -1
  265. package/dist/fields/Upload/index.js.map +1 -1
  266. package/dist/fields/Upload/types.js.map +1 -1
  267. package/dist/fields/index.js.map +1 -1
  268. package/dist/fields/shared/index.d.ts +1 -0
  269. package/dist/fields/shared/index.d.ts.map +1 -1
  270. package/dist/fields/shared/index.js.map +1 -1
  271. package/dist/forms/FieldDescription/index.js.map +1 -1
  272. package/dist/forms/FieldError/index.js.map +1 -1
  273. package/dist/forms/FieldLabel/index.js.map +1 -1
  274. package/dist/forms/FieldPropsProvider/index.d.ts +2 -0
  275. package/dist/forms/FieldPropsProvider/index.d.ts.map +1 -1
  276. package/dist/forms/FieldPropsProvider/index.js +5 -3
  277. package/dist/forms/FieldPropsProvider/index.js.map +1 -1
  278. package/dist/forms/Form/context.js.map +1 -1
  279. package/dist/forms/Form/createNestedFieldPath.js.map +1 -1
  280. package/dist/forms/Form/errorMessages.js.map +1 -1
  281. package/dist/forms/Form/fieldReducer.d.ts.map +1 -1
  282. package/dist/forms/Form/fieldReducer.js +53 -0
  283. package/dist/forms/Form/fieldReducer.js.map +1 -1
  284. package/dist/forms/Form/getDataByPath.js.map +1 -1
  285. package/dist/forms/Form/getSiblingData.js.map +1 -1
  286. package/dist/forms/Form/index.d.ts.map +1 -1
  287. package/dist/forms/Form/index.js +3 -8
  288. package/dist/forms/Form/index.js.map +1 -1
  289. package/dist/forms/Form/initContextState.js.map +1 -1
  290. package/dist/forms/Form/mergeErrorPaths.js.map +1 -1
  291. package/dist/forms/Form/mergeServerFormState.js.map +1 -1
  292. package/dist/forms/Form/rows.js.map +1 -1
  293. package/dist/forms/Form/types.d.ts +8 -1
  294. package/dist/forms/Form/types.d.ts.map +1 -1
  295. package/dist/forms/Form/types.js.map +1 -1
  296. package/dist/forms/NullifyField/index.js.map +1 -1
  297. package/dist/forms/RenderFields/RenderField.d.ts +1 -0
  298. package/dist/forms/RenderFields/RenderField.d.ts.map +1 -1
  299. package/dist/forms/RenderFields/RenderField.js +2 -1
  300. package/dist/forms/RenderFields/RenderField.js.map +1 -1
  301. package/dist/forms/RenderFields/index.d.ts.map +1 -1
  302. package/dist/forms/RenderFields/index.js +2 -1
  303. package/dist/forms/RenderFields/index.js.map +1 -1
  304. package/dist/forms/RenderFields/types.js.map +1 -1
  305. package/dist/forms/RowLabel/Context/index.js.map +1 -1
  306. package/dist/forms/RowLabel/index.js.map +1 -1
  307. package/dist/forms/RowLabel/types.js.map +1 -1
  308. package/dist/forms/Submit/index.js.map +1 -1
  309. package/dist/forms/WatchChildErrors/buildPathSegments.js.map +1 -1
  310. package/dist/forms/WatchChildErrors/getFieldStateFromPaths.js.map +1 -1
  311. package/dist/forms/WatchChildErrors/getNestedFieldState.js.map +1 -1
  312. package/dist/forms/WatchChildErrors/index.js.map +1 -1
  313. package/dist/forms/buildStateFromSchema/addFieldStatePromise.js.map +1 -1
  314. package/dist/forms/buildStateFromSchema/buildStateFromSchema.spec.js.map +1 -1
  315. package/dist/forms/buildStateFromSchema/calculateDefaultValues/index.js.map +1 -1
  316. package/dist/forms/buildStateFromSchema/calculateDefaultValues/iterateFields.js.map +1 -1
  317. package/dist/forms/buildStateFromSchema/calculateDefaultValues/promise.js.map +1 -1
  318. package/dist/forms/buildStateFromSchema/getFilterOptionsQuery.js.map +1 -1
  319. package/dist/forms/buildStateFromSchema/index.js.map +1 -1
  320. package/dist/forms/buildStateFromSchema/iterateFields.js.map +1 -1
  321. package/dist/forms/useField/index.js.map +1 -1
  322. package/dist/forms/useField/types.js.map +1 -1
  323. package/dist/forms/withCondition/WatchCondition.js.map +1 -1
  324. package/dist/forms/withCondition/index.js.map +1 -1
  325. package/dist/graphics/Account/Default/index.js.map +1 -1
  326. package/dist/graphics/Account/Gravatar/index.js.map +1 -1
  327. package/dist/graphics/Account/index.js.map +1 -1
  328. package/dist/graphics/DefaultBlockImage/index.js.map +1 -1
  329. package/dist/graphics/ExternalLink/index.js.map +1 -1
  330. package/dist/graphics/File/index.js.map +1 -1
  331. package/dist/graphics/Icon/index.js.map +1 -1
  332. package/dist/graphics/Logo/index.js.map +1 -1
  333. package/dist/graphics/Search/index.js.map +1 -1
  334. package/dist/hooks/useDebounce.js.map +1 -1
  335. package/dist/hooks/useDebouncedCallback.js.map +1 -1
  336. package/dist/hooks/useDebouncedEffect.js.map +1 -1
  337. package/dist/hooks/useDelay.js.map +1 -1
  338. package/dist/hooks/useDelayedRender.js.map +1 -1
  339. package/dist/hooks/useHotkey.js.map +1 -1
  340. package/dist/hooks/useIntersect.js.map +1 -1
  341. package/dist/hooks/usePayloadAPI.js.map +1 -1
  342. package/dist/hooks/useResize.js.map +1 -1
  343. package/dist/hooks/useThrottledEffect.js.map +1 -1
  344. package/dist/hooks/useUseAsTitle.js.map +1 -1
  345. package/dist/icons/Calendar/index.js.map +1 -1
  346. package/dist/icons/Check/index.js.map +1 -1
  347. package/dist/icons/Chevron/index.js.map +1 -1
  348. package/dist/icons/CloseMenu/index.js.map +1 -1
  349. package/dist/icons/CodeBlock/index.js.map +1 -1
  350. package/dist/icons/Copy/index.js.map +1 -1
  351. package/dist/icons/DragHandle/index.js.map +1 -1
  352. package/dist/icons/Edit/index.js.map +1 -1
  353. package/dist/icons/Line/index.js.map +1 -1
  354. package/dist/icons/Link/index.js.map +1 -1
  355. package/dist/icons/LogOut/index.js.map +1 -1
  356. package/dist/icons/Menu/index.js.map +1 -1
  357. package/dist/icons/MinimizeMaximize/index.js.map +1 -1
  358. package/dist/icons/More/index.js.map +1 -1
  359. package/dist/icons/Plus/index.js.map +1 -1
  360. package/dist/icons/Search/index.js.map +1 -1
  361. package/dist/icons/Swap/index.js.map +1 -1
  362. package/dist/icons/X/index.js.map +1 -1
  363. package/dist/providers/Actions/SetViewActions/index.js.map +1 -1
  364. package/dist/providers/Actions/index.js.map +1 -1
  365. package/dist/providers/Auth/index.js.map +1 -1
  366. package/dist/providers/ClientFunction/index.js.map +1 -1
  367. package/dist/providers/ComponentMap/buildComponentMap/WithServerSideProps.d.ts +3 -0
  368. package/dist/providers/ComponentMap/buildComponentMap/WithServerSideProps.d.ts.map +1 -0
  369. package/dist/providers/ComponentMap/buildComponentMap/WithServerSideProps.js +19 -0
  370. package/dist/providers/ComponentMap/buildComponentMap/WithServerSideProps.js.map +1 -0
  371. package/dist/providers/ComponentMap/buildComponentMap/actions.d.ts +2 -1
  372. package/dist/providers/ComponentMap/buildComponentMap/actions.d.ts.map +1 -1
  373. package/dist/providers/ComponentMap/buildComponentMap/actions.js +7 -3
  374. package/dist/providers/ComponentMap/buildComponentMap/actions.js.map +1 -1
  375. package/dist/providers/ComponentMap/buildComponentMap/collections.d.ts +5 -2
  376. package/dist/providers/ComponentMap/buildComponentMap/collections.d.ts.map +1 -1
  377. package/dist/providers/ComponentMap/buildComponentMap/collections.js +36 -14
  378. package/dist/providers/ComponentMap/buildComponentMap/collections.js.map +1 -1
  379. package/dist/providers/ComponentMap/buildComponentMap/fields.d.ts +4 -1
  380. package/dist/providers/ComponentMap/buildComponentMap/fields.d.ts.map +1 -1
  381. package/dist/providers/ComponentMap/buildComponentMap/fields.js +75 -18
  382. package/dist/providers/ComponentMap/buildComponentMap/fields.js.map +1 -1
  383. package/dist/providers/ComponentMap/buildComponentMap/globals.d.ts +5 -2
  384. package/dist/providers/ComponentMap/buildComponentMap/globals.d.ts.map +1 -1
  385. package/dist/providers/ComponentMap/buildComponentMap/globals.js +20 -6
  386. package/dist/providers/ComponentMap/buildComponentMap/globals.js.map +1 -1
  387. package/dist/providers/ComponentMap/buildComponentMap/index.d.ts +4 -1
  388. package/dist/providers/ComponentMap/buildComponentMap/index.d.ts.map +1 -1
  389. package/dist/providers/ComponentMap/buildComponentMap/index.js +22 -4
  390. package/dist/providers/ComponentMap/buildComponentMap/index.js.map +1 -1
  391. package/dist/providers/ComponentMap/buildComponentMap/types.d.ts +2 -0
  392. package/dist/providers/ComponentMap/buildComponentMap/types.d.ts.map +1 -1
  393. package/dist/providers/ComponentMap/buildComponentMap/types.js.map +1 -1
  394. package/dist/providers/ComponentMap/index.d.ts +1 -0
  395. package/dist/providers/ComponentMap/index.d.ts.map +1 -1
  396. package/dist/providers/ComponentMap/index.js +1 -0
  397. package/dist/providers/ComponentMap/index.js.map +1 -1
  398. package/dist/providers/Config/index.js.map +1 -1
  399. package/dist/providers/DocumentEvents/index.js.map +1 -1
  400. package/dist/providers/DocumentInfo/index.js.map +1 -1
  401. package/dist/providers/DocumentInfo/types.js.map +1 -1
  402. package/dist/providers/EditDepth/index.js.map +1 -1
  403. package/dist/providers/EntityVisibility/index.js.map +1 -1
  404. package/dist/providers/FieldComponents/index.js.map +1 -1
  405. package/dist/providers/FormQueryParams/index.js.map +1 -1
  406. package/dist/providers/FormQueryParams/types.js.map +1 -1
  407. package/dist/providers/ListInfo/index.js.map +1 -1
  408. package/dist/providers/ListQuery/index.js.map +1 -1
  409. package/dist/providers/Locale/index.js +1 -1
  410. package/dist/providers/Locale/index.js.map +1 -1
  411. package/dist/providers/Operation/index.js.map +1 -1
  412. package/dist/providers/Params/index.js.map +1 -1
  413. package/dist/providers/Preferences/index.js.map +1 -1
  414. package/dist/providers/Root/index.d.ts +4 -3
  415. package/dist/providers/Root/index.d.ts.map +1 -1
  416. package/dist/providers/Root/index.js +3 -2
  417. package/dist/providers/Root/index.js.map +1 -1
  418. package/dist/providers/RouteCache/index.js.map +1 -1
  419. package/dist/providers/SearchParams/index.js.map +1 -1
  420. package/dist/providers/Selection/index.js.map +1 -1
  421. package/dist/providers/Theme/index.js.map +1 -1
  422. package/dist/providers/Translation/index.d.ts +4 -3
  423. package/dist/providers/Translation/index.d.ts.map +1 -1
  424. package/dist/providers/Translation/index.js +20 -6
  425. package/dist/providers/Translation/index.js.map +1 -1
  426. package/dist/scss/app.scss +2 -3
  427. package/dist/scss/vars.scss +0 -7
  428. package/dist/templates/Default/NavHamburger/index.js.map +1 -1
  429. package/dist/templates/Default/Wrapper/index.js.map +1 -1
  430. package/dist/templates/Default/index.js.map +1 -1
  431. package/dist/templates/Minimal/index.js.map +1 -1
  432. package/dist/utilities/api.js.map +1 -1
  433. package/dist/utilities/arraysHaveSameStrings.js.map +1 -1
  434. package/dist/utilities/buildComponentMap.js.map +1 -1
  435. package/dist/utilities/canUseDOM.js.map +1 -1
  436. package/dist/utilities/dateLocales.js.map +1 -1
  437. package/dist/utilities/findLocaleFromCode.js.map +1 -1
  438. package/dist/utilities/flattenFieldMap.js.map +1 -1
  439. package/dist/utilities/formatDate.d.ts +13 -2
  440. package/dist/utilities/formatDate.d.ts.map +1 -1
  441. package/dist/utilities/formatDate.js +4 -7
  442. package/dist/utilities/formatDate.js.map +1 -1
  443. package/dist/utilities/formatDocTitle.js +5 -1
  444. package/dist/utilities/formatDocTitle.js.map +1 -1
  445. package/dist/utilities/formatFields.js.map +1 -1
  446. package/dist/utilities/generateFieldID.js.map +1 -1
  447. package/dist/utilities/getFormState.js.map +1 -1
  448. package/dist/utilities/getOffsetTop.js.map +1 -1
  449. package/dist/utilities/getRequestLanguage.js.map +1 -1
  450. package/dist/utilities/getSupportedMonacoLocale.js.map +1 -1
  451. package/dist/utilities/groupNavItems.js.map +1 -1
  452. package/dist/utilities/reduceFieldsToValues.js.map +1 -1
  453. package/dist/utilities/scrollToID.js.map +1 -1
  454. package/dist/utilities/setsAreEqual.js.map +1 -1
  455. package/package.json +10 -10
  456. package/dist/assets/fonts/SuisseIntl-Bold.woff +0 -0
  457. package/dist/assets/fonts/SuisseIntl-Bold.woff2 +0 -0
  458. package/dist/assets/fonts/SuisseIntl-Medium.woff +0 -0
  459. package/dist/assets/fonts/SuisseIntl-Medium.woff2 +0 -0
  460. package/dist/assets/fonts/SuisseIntl-SemiBold.woff +0 -0
  461. package/dist/assets/fonts/SuisseIntl-SemiBold.woff2 +0 -0
  462. package/dist/assets/fonts/SuisseIntl.woff +0 -0
  463. package/dist/assets/fonts/SuisseIntl.woff2 +0 -0
  464. package/dist/assets/fonts/merriweather-v30-latin-900.woff +0 -0
  465. package/dist/assets/fonts/merriweather-v30-latin-900.woff2 +0 -0
  466. package/dist/assets/fonts/merriweather-v30-latin-900italic.woff +0 -0
  467. package/dist/assets/fonts/merriweather-v30-latin-900italic.woff2 +0 -0
  468. package/dist/assets/fonts/merriweather-v30-latin-italic.woff +0 -0
  469. package/dist/assets/fonts/merriweather-v30-latin-italic.woff2 +0 -0
  470. package/dist/assets/fonts/merriweather-v30-latin-regular.woff +0 -0
  471. package/dist/assets/fonts/merriweather-v30-latin-regular.woff2 +0 -0
  472. package/dist/scss/fonts.scss +0 -75
  473. package/dist/utilities/getDateLocale.d.ts +0 -7
  474. package/dist/utilities/getDateLocale.d.ts.map +0 -1
  475. package/dist/utilities/getDateLocale.js +0 -16
  476. package/dist/utilities/getDateLocale.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/@types/assets.d.ts"],"names":[],"mappings":""}
1
+ {"version":3,"sources":["../../src/@types/assets.d.ts"],"names":[],"rangeMappings":"","mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/assets/index.ts"],"sourcesContent":["export { default as payloadFavicon } from '../assets/favicon.svg'\nexport { default as payloadOgImage } from '../assets/og-image.png'\n"],"names":["default","payloadFavicon","payloadOgImage"],"mappings":"AAAA,SAASA,WAAWC,cAAc,QAAQ,wBAAuB;AACjE,SAASD,WAAWE,cAAc,QAAQ,yBAAwB"}
1
+ {"version":3,"sources":["../../src/assets/index.ts"],"sourcesContent":["export { default as payloadFavicon } from '../assets/favicon.svg'\nexport { default as payloadOgImage } from '../assets/og-image.png'\n"],"names":["default","payloadFavicon","payloadOgImage"],"rangeMappings":";","mappings":"AAAA,SAASA,WAAWC,cAAc,QAAQ,wBAAuB;AACjE,SAASD,WAAWE,cAAc,QAAQ,yBAAwB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/AppHeader/index.tsx"],"sourcesContent":["'use client'\nimport LinkWithDefault from 'next/link.js'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { useActions } from '../../providers/Actions/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Hamburger } from '../Hamburger/index.js'\nimport { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js'\nimport { Localizer } from '../Localizer/index.js'\nimport { NavToggler } from '../Nav/NavToggler/index.js'\nimport { useNav } from '../Nav/context.js'\nimport { StepNav } from '../StepNav/index.js'\nimport './index.scss'\n\nconst baseClass = 'app-header'\n\nexport const AppHeader: React.FC = () => {\n const { t } = useTranslation()\n\n const {\n localization,\n routes: { admin: adminRoute },\n } = useConfig()\n\n const { actions } = useActions()\n\n const { navOpen } = useNav()\n\n const customControlsRef = useRef<HTMLDivElement>(null)\n const [isScrollable, setIsScrollable] = useState(false)\n\n useEffect(() => {\n const checkIsScrollable = () => {\n const el = customControlsRef.current\n if (el) {\n const scrollable = el.scrollWidth > el.clientWidth\n setIsScrollable(scrollable)\n }\n }\n\n checkIsScrollable()\n window.addEventListener('resize', checkIsScrollable)\n\n return () => {\n window.removeEventListener('resize', checkIsScrollable)\n }\n }, [actions])\n\n const Link = LinkWithDefault.default\n\n const LinkElement = Link || 'a'\n\n return (\n <header className={[baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' ')}>\n <div className={`${baseClass}__bg`} />\n <div className={`${baseClass}__content`}>\n <div className={`${baseClass}__wrapper`}>\n <NavToggler className={`${baseClass}__mobile-nav-toggler`} tabIndex={-1}>\n <Hamburger />\n </NavToggler>\n <div className={`${baseClass}__controls-wrapper`}>\n <div className={`${baseClass}__step-nav-wrapper`}>\n <StepNav Link={Link} className={`${baseClass}__step-nav`} />\n </div>\n <div className={`${baseClass}__actions-wrapper`}>\n <div className={`${baseClass}__actions`} ref={customControlsRef}>\n {Array.isArray(actions) &&\n actions.map((Action, i) => (\n <div\n className={\n isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : ''\n }\n key={i}\n >\n {Action}\n </div>\n ))}\n </div>\n {isScrollable && <div className={`${baseClass}__gradient-placeholder`} />}\n </div>\n {localization && (\n <LocalizerLabel ariaLabel=\"invisible\" className={`${baseClass}__localizer-spacing`} />\n )}\n <LinkElement\n aria-label={t('authentication:account')}\n className={`${baseClass}__account`}\n href={`${adminRoute}/account`}\n tabIndex={0}\n >\n <Account />\n </LinkElement>\n </div>\n </div>\n </div>\n <Localizer className={`${baseClass}__localizer`} />\n </header>\n )\n}\n"],"names":["LinkWithDefault","React","useEffect","useRef","useState","Account","useActions","useConfig","useTranslation","Hamburger","LocalizerLabel","Localizer","NavToggler","useNav","StepNav","baseClass","AppHeader","t","localization","routes","admin","adminRoute","actions","navOpen","customControlsRef","isScrollable","setIsScrollable","checkIsScrollable","el","current","scrollable","scrollWidth","clientWidth","window","addEventListener","removeEventListener","Link","default","LinkElement","header","className","filter","Boolean","join","div","tabIndex","ref","Array","isArray","map","Action","i","length","key","ariaLabel","aria-label","href"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/elements/AppHeader/index.tsx"],"sourcesContent":["'use client'\nimport LinkWithDefault from 'next/link.js'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { useActions } from '../../providers/Actions/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Hamburger } from '../Hamburger/index.js'\nimport { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js'\nimport { Localizer } from '../Localizer/index.js'\nimport { NavToggler } from '../Nav/NavToggler/index.js'\nimport { useNav } from '../Nav/context.js'\nimport { StepNav } from '../StepNav/index.js'\nimport './index.scss'\n\nconst baseClass = 'app-header'\n\nexport const AppHeader: React.FC = () => {\n const { t } = useTranslation()\n\n const {\n localization,\n routes: { admin: adminRoute },\n } = useConfig()\n\n const { actions } = useActions()\n\n const { navOpen } = useNav()\n\n const customControlsRef = useRef<HTMLDivElement>(null)\n const [isScrollable, setIsScrollable] = useState(false)\n\n useEffect(() => {\n const checkIsScrollable = () => {\n const el = customControlsRef.current\n if (el) {\n const scrollable = el.scrollWidth > el.clientWidth\n setIsScrollable(scrollable)\n }\n }\n\n checkIsScrollable()\n window.addEventListener('resize', checkIsScrollable)\n\n return () => {\n window.removeEventListener('resize', checkIsScrollable)\n }\n }, [actions])\n\n const Link = LinkWithDefault.default\n\n const LinkElement = Link || 'a'\n\n return (\n <header className={[baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' ')}>\n <div className={`${baseClass}__bg`} />\n <div className={`${baseClass}__content`}>\n <div className={`${baseClass}__wrapper`}>\n <NavToggler className={`${baseClass}__mobile-nav-toggler`} tabIndex={-1}>\n <Hamburger />\n </NavToggler>\n <div className={`${baseClass}__controls-wrapper`}>\n <div className={`${baseClass}__step-nav-wrapper`}>\n <StepNav Link={Link} className={`${baseClass}__step-nav`} />\n </div>\n <div className={`${baseClass}__actions-wrapper`}>\n <div className={`${baseClass}__actions`} ref={customControlsRef}>\n {Array.isArray(actions) &&\n actions.map((Action, i) => (\n <div\n className={\n isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : ''\n }\n key={i}\n >\n {Action}\n </div>\n ))}\n </div>\n {isScrollable && <div className={`${baseClass}__gradient-placeholder`} />}\n </div>\n {localization && (\n <LocalizerLabel ariaLabel=\"invisible\" className={`${baseClass}__localizer-spacing`} />\n )}\n <LinkElement\n aria-label={t('authentication:account')}\n className={`${baseClass}__account`}\n href={`${adminRoute}/account`}\n tabIndex={0}\n >\n <Account />\n </LinkElement>\n </div>\n </div>\n </div>\n <Localizer className={`${baseClass}__localizer`} />\n </header>\n )\n}\n"],"names":["LinkWithDefault","React","useEffect","useRef","useState","Account","useActions","useConfig","useTranslation","Hamburger","LocalizerLabel","Localizer","NavToggler","useNav","StepNav","baseClass","AppHeader","t","localization","routes","admin","adminRoute","actions","navOpen","customControlsRef","isScrollable","setIsScrollable","checkIsScrollable","el","current","scrollable","scrollWidth","clientWidth","window","addEventListener","removeEventListener","Link","default","LinkElement","header","className","filter","Boolean","join","div","tabIndex","ref","Array","isArray","map","Action","i","length","key","ariaLabel","aria-label","href"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { Copy } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { Plus } from '../../icons/Plus/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n addRow: (current: number, blockType?: string) => void\n duplicateRow: (current: number) => void\n hasMaxRows: boolean\n index: number\n moveRow: (from: number, to: number) => void\n removeRow: (index: number) => void\n rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n addRow,\n duplicateRow,\n hasMaxRows,\n index,\n moveRow,\n removeRow,\n rowCount,\n}) => {\n const { t } = useTranslation()\n\n return (\n <Popup\n button={<MoreIcon />}\n buttonClassName={`${baseClass}__button`}\n className={baseClass}\n horizontalAlign=\"center\"\n render={({ close }) => {\n return (\n <PopupList.ButtonGroup buttonSize=\"small\">\n {index !== 0 && (\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__move-up`}\n onClick={() => {\n moveRow(index, index - 1)\n close()\n }}\n >\n <div className={`${baseClass}__action-chevron`}>\n <Chevron direction=\"up\" />\n </div>\n {t('general:moveUp')}\n </PopupList.Button>\n )}\n {index < rowCount - 1 && (\n <PopupList.Button\n className={`${baseClass}__action`}\n onClick={() => {\n moveRow(index, index + 1)\n close()\n }}\n >\n <div className={`${baseClass}__action-chevron`}>\n <Chevron />\n </div>\n {t('general:moveDown')}\n </PopupList.Button>\n )}\n {!hasMaxRows && (\n <React.Fragment>\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__add`}\n onClick={() => {\n addRow(index + 1)\n close()\n }}\n >\n <Plus />\n {t('general:addBelow')}\n </PopupList.Button>\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__duplicate`}\n onClick={() => {\n duplicateRow(index)\n close()\n }}\n >\n <Copy />\n {t('general:duplicate')}\n </PopupList.Button>\n </React.Fragment>\n )}\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__remove`}\n onClick={() => {\n removeRow(index)\n close()\n }}\n >\n <X />\n {t('general:remove')}\n </PopupList.Button>\n </PopupList.ButtonGroup>\n )\n }}\n size=\"medium\"\n />\n )\n}\n"],"names":["React","Chevron","Copy","MoreIcon","Plus","X","useTranslation","PopupList","Popup","baseClass","ArrayAction","addRow","duplicateRow","hasMaxRows","index","moveRow","removeRow","rowCount","t","button","buttonClassName","className","horizontalAlign","render","close","ButtonGroup","buttonSize","Button","onClick","div","direction","Fragment","size"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,SAAS,QAAQ,oBAAmB;AAC7C,SAASC,KAAK,QAAQ,oBAAmB;AAGzC,MAAMC,YAAY;AAYlB,OAAO,MAAMC,cAA+B,CAAC,EAC3CC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IAEd,qBACE,oBAACE;QACCW,sBAAQ,oBAAChB;QACTiB,iBAAiB,CAAC,EAAEX,UAAU,QAAQ,CAAC;QACvCY,WAAWZ;QACXa,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE;YAChB,qBACE,oBAACjB,UAAUkB,WAAW;gBAACC,YAAW;eAC/BZ,UAAU,mBACT,oBAACP,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,SAAS,CAAC;gBACvDmB,SAAS;oBACPb,QAAQD,OAAOA,QAAQ;oBACvBU;gBACF;6BAEA,oBAACK;gBAAIR,WAAW,CAAC,EAAEZ,UAAU,gBAAgB,CAAC;6BAC5C,oBAACR;gBAAQ6B,WAAU;iBAEpBZ,EAAE,oBAGNJ,QAAQG,WAAW,mBAClB,oBAACV,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,QAAQ,CAAC;gBACjCmB,SAAS;oBACPb,QAAQD,OAAOA,QAAQ;oBACvBU;gBACF;6BAEA,oBAACK;gBAAIR,WAAW,CAAC,EAAEZ,UAAU,gBAAgB,CAAC;6BAC5C,oBAACR,iBAEFiB,EAAE,sBAGN,CAACL,4BACA,oBAACb,MAAM+B,QAAQ,sBACb,oBAACxB,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,KAAK,CAAC;gBACnDmB,SAAS;oBACPjB,OAAOG,QAAQ;oBACfU;gBACF;6BAEA,oBAACpB,aACAc,EAAE,oCAEL,oBAACX,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,WAAW,CAAC;gBACzDmB,SAAS;oBACPhB,aAAaE;oBACbU;gBACF;6BAEA,oBAACtB,aACAgB,EAAE,sCAIT,oBAACX,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,QAAQ,CAAC;gBACtDmB,SAAS;oBACPZ,UAAUF;oBACVU;gBACF;6BAEA,oBAACnB,UACAa,EAAE;QAIX;QACAc,MAAK;;AAGX,EAAC"}
1
+ {"version":3,"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { Copy } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { Plus } from '../../icons/Plus/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n addRow: (current: number, blockType?: string) => void\n duplicateRow: (current: number) => void\n hasMaxRows: boolean\n index: number\n moveRow: (from: number, to: number) => void\n removeRow: (index: number) => void\n rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n addRow,\n duplicateRow,\n hasMaxRows,\n index,\n moveRow,\n removeRow,\n rowCount,\n}) => {\n const { t } = useTranslation()\n\n return (\n <Popup\n button={<MoreIcon />}\n buttonClassName={`${baseClass}__button`}\n className={baseClass}\n horizontalAlign=\"center\"\n render={({ close }) => {\n return (\n <PopupList.ButtonGroup buttonSize=\"small\">\n {index !== 0 && (\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__move-up`}\n onClick={() => {\n moveRow(index, index - 1)\n close()\n }}\n >\n <div className={`${baseClass}__action-chevron`}>\n <Chevron direction=\"up\" />\n </div>\n {t('general:moveUp')}\n </PopupList.Button>\n )}\n {index < rowCount - 1 && (\n <PopupList.Button\n className={`${baseClass}__action`}\n onClick={() => {\n moveRow(index, index + 1)\n close()\n }}\n >\n <div className={`${baseClass}__action-chevron`}>\n <Chevron />\n </div>\n {t('general:moveDown')}\n </PopupList.Button>\n )}\n {!hasMaxRows && (\n <React.Fragment>\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__add`}\n onClick={() => {\n addRow(index + 1)\n close()\n }}\n >\n <Plus />\n {t('general:addBelow')}\n </PopupList.Button>\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__duplicate`}\n onClick={() => {\n duplicateRow(index)\n close()\n }}\n >\n <Copy />\n {t('general:duplicate')}\n </PopupList.Button>\n </React.Fragment>\n )}\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__remove`}\n onClick={() => {\n removeRow(index)\n close()\n }}\n >\n <X />\n {t('general:remove')}\n </PopupList.Button>\n </PopupList.ButtonGroup>\n )\n }}\n size=\"medium\"\n />\n )\n}\n"],"names":["React","Chevron","Copy","MoreIcon","Plus","X","useTranslation","PopupList","Popup","baseClass","ArrayAction","addRow","duplicateRow","hasMaxRows","index","moveRow","removeRow","rowCount","t","button","buttonClassName","className","horizontalAlign","render","close","ButtonGroup","buttonSize","Button","onClick","div","direction","Fragment","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,SAAS,QAAQ,oBAAmB;AAC7C,SAASC,KAAK,QAAQ,oBAAmB;AAGzC,MAAMC,YAAY;AAYlB,OAAO,MAAMC,cAA+B,CAAC,EAC3CC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IAEd,qBACE,oBAACE;QACCW,sBAAQ,oBAAChB;QACTiB,iBAAiB,CAAC,EAAEX,UAAU,QAAQ,CAAC;QACvCY,WAAWZ;QACXa,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE;YAChB,qBACE,oBAACjB,UAAUkB,WAAW;gBAACC,YAAW;eAC/BZ,UAAU,mBACT,oBAACP,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,SAAS,CAAC;gBACvDmB,SAAS;oBACPb,QAAQD,OAAOA,QAAQ;oBACvBU;gBACF;6BAEA,oBAACK;gBAAIR,WAAW,CAAC,EAAEZ,UAAU,gBAAgB,CAAC;6BAC5C,oBAACR;gBAAQ6B,WAAU;iBAEpBZ,EAAE,oBAGNJ,QAAQG,WAAW,mBAClB,oBAACV,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,QAAQ,CAAC;gBACjCmB,SAAS;oBACPb,QAAQD,OAAOA,QAAQ;oBACvBU;gBACF;6BAEA,oBAACK;gBAAIR,WAAW,CAAC,EAAEZ,UAAU,gBAAgB,CAAC;6BAC5C,oBAACR,iBAEFiB,EAAE,sBAGN,CAACL,4BACA,oBAACb,MAAM+B,QAAQ,sBACb,oBAACxB,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,KAAK,CAAC;gBACnDmB,SAAS;oBACPjB,OAAOG,QAAQ;oBACfU;gBACF;6BAEA,oBAACpB,aACAc,EAAE,oCAEL,oBAACX,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,WAAW,CAAC;gBACzDmB,SAAS;oBACPhB,aAAaE;oBACbU;gBACF;6BAEA,oBAACtB,aACAgB,EAAE,sCAIT,oBAACX,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,QAAQ,CAAC;gBACtDmB,SAAS;oBACPZ,UAAUF;oBACVU;gBACF;6BAEA,oBAACnB,UACAa,EAAE;QAIX;QACAc,MAAK;;AAGX,EAAC"}
@@ -102,7 +102,10 @@ export const Autosave = ({ id, collection, global: globalDoc, publishedDocUpdate
102
102
  return /*#__PURE__*/ React.createElement("div", {
103
103
  className: baseClass
104
104
  }, saving && t('general:saving'), !saving && lastSaved && /*#__PURE__*/ React.createElement(React.Fragment, null, t('version:lastSavedAgo', {
105
- distance: formatTimeToNow(lastSaved, i18n.language)
105
+ distance: formatTimeToNow({
106
+ date: lastSaved,
107
+ i18n
108
+ })
106
109
  })));
107
110
  };
108
111
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { useAllFormFields, useFormModified } from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDate.js'\nimport { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n\nexport type Props = {\n collection?: ClientCollectionConfig\n global?: ClientGlobalConfig\n id?: number | string\n publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({\n id,\n collection,\n global: globalDoc,\n publishedDocUpdatedAt,\n}) => {\n const {\n routes: { api },\n serverURL,\n } = useConfig()\n const { docConfig, getVersions, versions } = useDocumentInfo()\n const versionsConfig = docConfig?.versions\n\n const [fields] = useAllFormFields()\n const modified = useFormModified()\n const { code: locale } = useLocale()\n const { i18n, t } = useTranslation()\n\n let interval = 800\n if (versionsConfig.drafts && versionsConfig?.drafts?.autosave)\n interval = versionsConfig.drafts.autosave.interval\n\n const [saving, setSaving] = useState(false)\n const [lastSaved, setLastSaved] = useState<number>()\n const debouncedFields = useDebounce(fields, interval)\n const fieldRef = useRef(fields)\n const modifiedRef = useRef(modified)\n const localeRef = useRef(locale)\n\n // Store fields in ref so the autosave func\n // can always retrieve the most to date copies\n // after the timeout has executed\n fieldRef.current = fields\n\n // Store modified in ref so the autosave func\n // can bail out if modified becomes false while\n // timing out during autosave\n modifiedRef.current = modified\n\n // Store locale in ref so the autosave func\n // can always retrieve the most to date locale\n localeRef.current = locale\n\n // When debounced fields change, autosave\n useEffect(() => {\n const autosave = () => {\n if (modified) {\n setSaving(true)\n\n let url: string\n let method: string\n\n if (collection && id) {\n url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`\n method = 'PATCH'\n }\n\n if (globalDoc) {\n url = `${serverURL}${api}/globals/${globalDoc.slug}?draft=true&autosave=true&locale=${localeRef.current}`\n method = 'POST'\n }\n\n if (url) {\n setTimeout(async () => {\n if (modifiedRef.current) {\n const body = {\n ...reduceFieldsToValues(fieldRef.current, true),\n _status: 'draft',\n }\n const res = await fetch(url, {\n body: JSON.stringify(body),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n method,\n })\n\n if (res.status === 200) {\n setLastSaved(new Date().getTime())\n void getVersions()\n }\n }\n\n setSaving(false)\n }, 1000)\n }\n }\n }\n\n void autosave()\n }, [i18n, debouncedFields, modified, serverURL, api, collection, globalDoc, id, getVersions])\n\n useEffect(() => {\n if (versions?.docs?.[0]) {\n setLastSaved(new Date(versions.docs[0].updatedAt).getTime())\n } else if (publishedDocUpdatedAt) {\n setLastSaved(new Date(publishedDocUpdatedAt).getTime())\n }\n }, [publishedDocUpdatedAt, versions])\n\n return (\n <div className={baseClass}>\n {saving && t('general:saving')}\n {!saving && lastSaved && (\n <React.Fragment>\n {t('version:lastSavedAgo', {\n distance: formatTimeToNow(lastSaved, i18n.language),\n })}\n </React.Fragment>\n )}\n </div>\n )\n}\n"],"names":["React","useEffect","useRef","useState","useAllFormFields","useFormModified","useDebounce","useConfig","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValues","baseClass","Autosave","id","collection","global","globalDoc","publishedDocUpdatedAt","routes","api","serverURL","docConfig","getVersions","versions","versionsConfig","fields","modified","code","locale","i18n","t","interval","drafts","autosave","saving","setSaving","lastSaved","setLastSaved","debouncedFields","fieldRef","modifiedRef","localeRef","current","url","method","slug","setTimeout","body","_status","res","fetch","JSON","stringify","credentials","headers","language","status","Date","getTime","docs","updatedAt","div","className","Fragment","distance"],"mappings":"AAAA;AAIA,OAAOA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAE1D,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,8BAA6B;AAC/E,SAASC,WAAW,QAAQ,6BAA4B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,gCAA+B;AAC/D,SAASC,oBAAoB,QAAQ,0CAAyC;AAG9E,MAAMC,YAAY;AASlB,OAAO,MAAMC,WAA4B,CAAC,EACxCC,EAAE,EACFC,UAAU,EACVC,QAAQC,SAAS,EACjBC,qBAAqB,EACtB;IACC,MAAM,EACJC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGf;IACJ,MAAM,EAAEgB,SAAS,EAAEC,WAAW,EAAEC,QAAQ,EAAE,GAAGjB;IAC7C,MAAMkB,iBAAiBH,WAAWE;IAElC,MAAM,CAACE,OAAO,GAAGvB;IACjB,MAAMwB,WAAWvB;IACjB,MAAM,EAAEwB,MAAMC,MAAM,EAAE,GAAGrB;IACzB,MAAM,EAAEsB,IAAI,EAAEC,CAAC,EAAE,GAAGtB;IAEpB,IAAIuB,WAAW;IACf,IAAIP,eAAeQ,MAAM,IAAIR,gBAAgBQ,QAAQC,UACnDF,WAAWP,eAAeQ,MAAM,CAACC,QAAQ,CAACF,QAAQ;IAEpD,MAAM,CAACG,QAAQC,UAAU,GAAGlC,SAAS;IACrC,MAAM,CAACmC,WAAWC,aAAa,GAAGpC;IAClC,MAAMqC,kBAAkBlC,YAAYqB,QAAQM;IAC5C,MAAMQ,WAAWvC,OAAOyB;IACxB,MAAMe,cAAcxC,OAAO0B;IAC3B,MAAMe,YAAYzC,OAAO4B;IAEzB,2CAA2C;IAC3C,8CAA8C;IAC9C,iCAAiC;IACjCW,SAASG,OAAO,GAAGjB;IAEnB,6CAA6C;IAC7C,+CAA+C;IAC/C,6BAA6B;IAC7Be,YAAYE,OAAO,GAAGhB;IAEtB,2CAA2C;IAC3C,8CAA8C;IAC9Ce,UAAUC,OAAO,GAAGd;IAEpB,yCAAyC;IACzC7B,UAAU;QACR,MAAMkC,WAAW;YACf,IAAIP,UAAU;gBACZS,UAAU;gBAEV,IAAIQ;gBACJ,IAAIC;gBAEJ,IAAI9B,cAAcD,IAAI;oBACpB8B,MAAM,CAAC,EAAEvB,UAAU,EAAED,IAAI,CAAC,EAAEL,WAAW+B,IAAI,CAAC,CAAC,EAAEhC,GAAG,iCAAiC,EAAE4B,UAAUC,OAAO,CAAC,CAAC;oBACxGE,SAAS;gBACX;gBAEA,IAAI5B,WAAW;oBACb2B,MAAM,CAAC,EAAEvB,UAAU,EAAED,IAAI,SAAS,EAAEH,UAAU6B,IAAI,CAAC,iCAAiC,EAAEJ,UAAUC,OAAO,CAAC,CAAC;oBACzGE,SAAS;gBACX;gBAEA,IAAID,KAAK;oBACPG,WAAW;wBACT,IAAIN,YAAYE,OAAO,EAAE;4BACvB,MAAMK,OAAO;gCACX,GAAGrC,qBAAqB6B,SAASG,OAAO,EAAE,KAAK;gCAC/CM,SAAS;4BACX;4BACA,MAAMC,MAAM,MAAMC,MAAMP,KAAK;gCAC3BI,MAAMI,KAAKC,SAAS,CAACL;gCACrBM,aAAa;gCACbC,SAAS;oCACP,mBAAmBzB,KAAK0B,QAAQ;oCAChC,gBAAgB;gCAClB;gCACAX;4BACF;4BAEA,IAAIK,IAAIO,MAAM,KAAK,KAAK;gCACtBnB,aAAa,IAAIoB,OAAOC,OAAO;gCAC/B,KAAKpC;4BACP;wBACF;wBAEAa,UAAU;oBACZ,GAAG;gBACL;YACF;QACF;QAEA,KAAKF;IACP,GAAG;QAACJ;QAAMS;QAAiBZ;QAAUN;QAAWD;QAAKL;QAAYE;QAAWH;QAAIS;KAAY;IAE5FvB,UAAU;QACR,IAAIwB,UAAUoC,MAAM,CAAC,EAAE,EAAE;YACvBtB,aAAa,IAAIoB,KAAKlC,SAASoC,IAAI,CAAC,EAAE,CAACC,SAAS,EAAEF,OAAO;QAC3D,OAAO,IAAIzC,uBAAuB;YAChCoB,aAAa,IAAIoB,KAAKxC,uBAAuByC,OAAO;QACtD;IACF,GAAG;QAACzC;QAAuBM;KAAS;IAEpC,qBACE,oBAACsC;QAAIC,WAAWnD;OACbuB,UAAUJ,EAAE,mBACZ,CAACI,UAAUE,2BACV,oBAACtC,MAAMiE,QAAQ,QACZjC,EAAE,wBAAwB;QACzBkC,UAAUvD,gBAAgB2B,WAAWP,KAAK0B,QAAQ;IACpD;AAKV,EAAC"}
1
+ {"version":3,"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { useAllFormFields, useFormModified } from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDate.js'\nimport { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n\nexport type Props = {\n collection?: ClientCollectionConfig\n global?: ClientGlobalConfig\n id?: number | string\n publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({\n id,\n collection,\n global: globalDoc,\n publishedDocUpdatedAt,\n}) => {\n const {\n routes: { api },\n serverURL,\n } = useConfig()\n const { docConfig, getVersions, versions } = useDocumentInfo()\n const versionsConfig = docConfig?.versions\n\n const [fields] = useAllFormFields()\n const modified = useFormModified()\n const { code: locale } = useLocale()\n const { i18n, t } = useTranslation()\n\n let interval = 800\n if (versionsConfig.drafts && versionsConfig?.drafts?.autosave)\n interval = versionsConfig.drafts.autosave.interval\n\n const [saving, setSaving] = useState(false)\n const [lastSaved, setLastSaved] = useState<number>()\n const debouncedFields = useDebounce(fields, interval)\n const fieldRef = useRef(fields)\n const modifiedRef = useRef(modified)\n const localeRef = useRef(locale)\n\n // Store fields in ref so the autosave func\n // can always retrieve the most to date copies\n // after the timeout has executed\n fieldRef.current = fields\n\n // Store modified in ref so the autosave func\n // can bail out if modified becomes false while\n // timing out during autosave\n modifiedRef.current = modified\n\n // Store locale in ref so the autosave func\n // can always retrieve the most to date locale\n localeRef.current = locale\n\n // When debounced fields change, autosave\n useEffect(() => {\n const autosave = () => {\n if (modified) {\n setSaving(true)\n\n let url: string\n let method: string\n\n if (collection && id) {\n url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`\n method = 'PATCH'\n }\n\n if (globalDoc) {\n url = `${serverURL}${api}/globals/${globalDoc.slug}?draft=true&autosave=true&locale=${localeRef.current}`\n method = 'POST'\n }\n\n if (url) {\n setTimeout(async () => {\n if (modifiedRef.current) {\n const body = {\n ...reduceFieldsToValues(fieldRef.current, true),\n _status: 'draft',\n }\n const res = await fetch(url, {\n body: JSON.stringify(body),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n method,\n })\n\n if (res.status === 200) {\n setLastSaved(new Date().getTime())\n void getVersions()\n }\n }\n\n setSaving(false)\n }, 1000)\n }\n }\n }\n\n void autosave()\n }, [i18n, debouncedFields, modified, serverURL, api, collection, globalDoc, id, getVersions])\n\n useEffect(() => {\n if (versions?.docs?.[0]) {\n setLastSaved(new Date(versions.docs[0].updatedAt).getTime())\n } else if (publishedDocUpdatedAt) {\n setLastSaved(new Date(publishedDocUpdatedAt).getTime())\n }\n }, [publishedDocUpdatedAt, versions])\n\n return (\n <div className={baseClass}>\n {saving && t('general:saving')}\n {!saving && lastSaved && (\n <React.Fragment>\n {t('version:lastSavedAgo', {\n distance: formatTimeToNow({ date: lastSaved, i18n }),\n })}\n </React.Fragment>\n )}\n </div>\n )\n}\n"],"names":["React","useEffect","useRef","useState","useAllFormFields","useFormModified","useDebounce","useConfig","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValues","baseClass","Autosave","id","collection","global","globalDoc","publishedDocUpdatedAt","routes","api","serverURL","docConfig","getVersions","versions","versionsConfig","fields","modified","code","locale","i18n","t","interval","drafts","autosave","saving","setSaving","lastSaved","setLastSaved","debouncedFields","fieldRef","modifiedRef","localeRef","current","url","method","slug","setTimeout","body","_status","res","fetch","JSON","stringify","credentials","headers","language","status","Date","getTime","docs","updatedAt","div","className","Fragment","distance","date"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/Banner/index.tsx"],"sourcesContent":["import LinkImport from 'next/link.js' // TODO: abstract this out to support all routers\nimport type { MouseEvent } from 'react'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nconst baseClass = 'banner'\n\ntype onClick = (event: MouseEvent) => void\n\nexport type Props = {\n alignIcon?: 'left' | 'right'\n children?: React.ReactNode\n className?: string\n icon?: React.ReactNode\n onClick?: onClick\n to?: string\n type?: 'default' | 'error' | 'info' | 'success'\n}\n\nexport type RenderedTypeProps = {\n children?: React.ReactNode\n className?: string\n onClick?: onClick\n to: string\n}\n\nexport const Banner: React.FC<Props> = ({\n type = 'default',\n alignIcon = 'right',\n children,\n className,\n icon,\n onClick,\n to,\n}) => {\n const classes = [\n baseClass,\n `${baseClass}--type-${type}`,\n className && className,\n to && `${baseClass}--has-link`,\n (to || onClick) && `${baseClass}--has-action`,\n icon && `${baseClass}--has-icon`,\n icon && `${baseClass}--align-icon-${alignIcon}`,\n ]\n .filter(Boolean)\n .join(' ')\n\n let RenderedType: React.ComponentType<RenderedTypeProps> | React.ElementType = 'div'\n\n if (onClick && !to) RenderedType = 'button'\n if (to) RenderedType = Link\n\n return (\n <RenderedType className={classes} href={to || ''} onClick={onClick}>\n {icon && alignIcon === 'left' && <React.Fragment>{icon}</React.Fragment>}\n <span className={`${baseClass}__content`}>{children}</span>\n {icon && alignIcon === 'right' && <React.Fragment>{icon}</React.Fragment>}\n </RenderedType>\n )\n}\n"],"names":["LinkImport","React","Link","default","baseClass","Banner","type","alignIcon","children","className","icon","onClick","to","classes","filter","Boolean","join","RenderedType","href","Fragment","span"],"mappings":"AAAA,OAAOA,gBAAgB,eAAc,CAAC,iDAAiD;AAGvF,OAAOC,WAAW,QAAO;AAIzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,MAAMI,YAAY;AAqBlB,OAAO,MAAMC,SAA0B,CAAC,EACtCC,OAAO,SAAS,EAChBC,YAAY,OAAO,EACnBC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,OAAO,EACPC,EAAE,EACH;IACC,MAAMC,UAAU;QACdT;QACA,CAAC,EAAEA,UAAU,OAAO,EAAEE,KAAK,CAAC;QAC5BG,aAAaA;QACbG,MAAM,CAAC,EAAER,UAAU,UAAU,CAAC;QAC7BQ,CAAAA,MAAMD,OAAM,KAAM,CAAC,EAAEP,UAAU,YAAY,CAAC;QAC7CM,QAAQ,CAAC,EAAEN,UAAU,UAAU,CAAC;QAChCM,QAAQ,CAAC,EAAEN,UAAU,aAAa,EAAEG,UAAU,CAAC;KAChD,CACEO,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,eAA2E;IAE/E,IAAIN,WAAW,CAACC,IAAIK,eAAe;IACnC,IAAIL,IAAIK,eAAef;IAEvB,qBACE,oBAACe;QAAaR,WAAWI;QAASK,MAAMN,MAAM;QAAID,SAASA;OACxDD,QAAQH,cAAc,wBAAU,oBAACN,MAAMkB,QAAQ,QAAET,qBAClD,oBAACU;QAAKX,WAAW,CAAC,EAAEL,UAAU,SAAS,CAAC;OAAGI,WAC1CE,QAAQH,cAAc,yBAAW,oBAACN,MAAMkB,QAAQ,QAAET;AAGzD,EAAC"}
1
+ {"version":3,"sources":["../../../src/elements/Banner/index.tsx"],"sourcesContent":["import LinkImport from 'next/link.js' // TODO: abstract this out to support all routers\nimport type { MouseEvent } from 'react'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nconst baseClass = 'banner'\n\ntype onClick = (event: MouseEvent) => void\n\nexport type Props = {\n alignIcon?: 'left' | 'right'\n children?: React.ReactNode\n className?: string\n icon?: React.ReactNode\n onClick?: onClick\n to?: string\n type?: 'default' | 'error' | 'info' | 'success'\n}\n\nexport type RenderedTypeProps = {\n children?: React.ReactNode\n className?: string\n onClick?: onClick\n to: string\n}\n\nexport const Banner: React.FC<Props> = ({\n type = 'default',\n alignIcon = 'right',\n children,\n className,\n icon,\n onClick,\n to,\n}) => {\n const classes = [\n baseClass,\n `${baseClass}--type-${type}`,\n className && className,\n to && `${baseClass}--has-link`,\n (to || onClick) && `${baseClass}--has-action`,\n icon && `${baseClass}--has-icon`,\n icon && `${baseClass}--align-icon-${alignIcon}`,\n ]\n .filter(Boolean)\n .join(' ')\n\n let RenderedType: React.ComponentType<RenderedTypeProps> | React.ElementType = 'div'\n\n if (onClick && !to) RenderedType = 'button'\n if (to) RenderedType = Link\n\n return (\n <RenderedType className={classes} href={to || ''} onClick={onClick}>\n {icon && alignIcon === 'left' && <React.Fragment>{icon}</React.Fragment>}\n <span className={`${baseClass}__content`}>{children}</span>\n {icon && alignIcon === 'right' && <React.Fragment>{icon}</React.Fragment>}\n </RenderedType>\n )\n}\n"],"names":["LinkImport","React","Link","default","baseClass","Banner","type","alignIcon","children","className","icon","onClick","to","classes","filter","Boolean","join","RenderedType","href","Fragment","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,gBAAgB,eAAc,CAAC,iDAAiD;AAGvF,OAAOC,WAAW,QAAO;AAIzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,MAAMI,YAAY;AAqBlB,OAAO,MAAMC,SAA0B,CAAC,EACtCC,OAAO,SAAS,EAChBC,YAAY,OAAO,EACnBC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,OAAO,EACPC,EAAE,EACH;IACC,MAAMC,UAAU;QACdT;QACA,CAAC,EAAEA,UAAU,OAAO,EAAEE,KAAK,CAAC;QAC5BG,aAAaA;QACbG,MAAM,CAAC,EAAER,UAAU,UAAU,CAAC;QAC7BQ,CAAAA,MAAMD,OAAM,KAAM,CAAC,EAAEP,UAAU,YAAY,CAAC;QAC7CM,QAAQ,CAAC,EAAEN,UAAU,UAAU,CAAC;QAChCM,QAAQ,CAAC,EAAEN,UAAU,aAAa,EAAEG,UAAU,CAAC;KAChD,CACEO,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,eAA2E;IAE/E,IAAIN,WAAW,CAACC,IAAIK,eAAe;IACnC,IAAIL,IAAIK,eAAef;IAEvB,qBACE,oBAACe;QAAaR,WAAWI;QAASK,MAAMN,MAAM;QAAID,SAASA;OACxDD,QAAQH,cAAc,wBAAU,oBAACN,MAAMkB,QAAQ,QAAET,qBAClD,oBAACU;QAAKX,WAAW,CAAC,EAAEL,UAAU,SAAS,CAAC;OAAGI,WAC1CE,QAAQH,cAAc,yBAAW,oBAACN,MAAMkB,QAAQ,QAAET;AAGzD,EAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment, forwardRef, isValidElement } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { Edit } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { Plus } from '../../icons/Plus/index.js'\nimport { Swap } from '../../icons/Swap/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst icons = {\n chevron: Chevron,\n edit: Edit,\n link: LinkIcon,\n plus: Plus,\n swap: Swap,\n x: X,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, showTooltip, tooltip }) => {\n const BuiltInIcon = icons[icon]\n\n return (\n <Fragment>\n {tooltip && (\n <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n {tooltip}\n </Tooltip>\n )}\n <span className={`${baseClass}__content`}>\n {children && <span className={`${baseClass}__label`}>{children}</span>}\n {icon && (\n <span className={`${baseClass}__icon`}>\n {isValidElement(icon) && icon}\n {BuiltInIcon && <BuiltInIcon />}\n </span>\n )}\n </span>\n </Fragment>\n )\n}\n\nexport const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, Props>((props, ref) => {\n const {\n id,\n type = 'button',\n Link,\n 'aria-label': ariaLabel,\n buttonStyle = 'primary',\n children,\n className,\n disabled,\n el = 'button',\n icon,\n iconPosition = 'right',\n iconStyle = 'without-border',\n newTab,\n onClick,\n round,\n size = 'medium',\n to,\n tooltip,\n url,\n } = props\n\n const [showTooltip, setShowTooltip] = React.useState(false)\n\n const classes = [\n baseClass,\n className && className,\n buttonStyle && `${baseClass}--style-${buttonStyle}`,\n icon && `${baseClass}--icon`,\n iconStyle && `${baseClass}--icon-style-${iconStyle}`,\n icon && !children && `${baseClass}--icon-only`,\n disabled && `${baseClass}--disabled`,\n round && `${baseClass}--round`,\n size && `${baseClass}--size-${size}`,\n iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n tooltip && `${baseClass}--has-tooltip`,\n ]\n .filter(Boolean)\n .join(' ')\n\n function handleClick(event) {\n setShowTooltip(false)\n if (type !== 'submit' && onClick) event.preventDefault()\n if (onClick) onClick(event)\n }\n\n const buttonProps = {\n id,\n type,\n 'aria-disabled': disabled,\n 'aria-label': ariaLabel,\n className: classes,\n disabled,\n onClick: !disabled ? handleClick : undefined,\n onMouseEnter: tooltip ? () => setShowTooltip(true) : undefined,\n onMouseLeave: tooltip ? () => setShowTooltip(false) : undefined,\n rel: newTab ? 'noopener noreferrer' : undefined,\n target: newTab ? '_blank' : undefined,\n }\n\n switch (el) {\n case 'link':\n if (!Link) {\n console.error('Link is required when using el=\"link\"', children)\n return null\n }\n\n return (\n <Link {...buttonProps} href={to || url} to={to || url}>\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </Link>\n )\n\n case 'anchor':\n return (\n <a {...buttonProps} href={url} ref={ref as React.LegacyRef<HTMLAnchorElement>}>\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </a>\n )\n\n default:\n const Tag = el // eslint-disable-line no-case-declarations\n\n return (\n <Tag ref={ref} type=\"submit\" {...buttonProps}>\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </Tag>\n )\n }\n})\n"],"names":["React","Fragment","forwardRef","isValidElement","Chevron","Edit","LinkIcon","Plus","Swap","X","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","className","show","span","Button","props","ref","id","type","Link","ariaLabel","buttonStyle","disabled","el","iconPosition","iconStyle","newTab","onClick","round","size","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","buttonProps","undefined","onMouseEnter","onMouseLeave","rel","target","console","error","href","a","Tag"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment, forwardRef, isValidElement } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { Edit } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { Plus } from '../../icons/Plus/index.js'\nimport { Swap } from '../../icons/Swap/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst icons = {\n chevron: Chevron,\n edit: Edit,\n link: LinkIcon,\n plus: Plus,\n swap: Swap,\n x: X,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, showTooltip, tooltip }) => {\n const BuiltInIcon = icons[icon]\n\n return (\n <Fragment>\n {tooltip && (\n <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n {tooltip}\n </Tooltip>\n )}\n <span className={`${baseClass}__content`}>\n {children && <span className={`${baseClass}__label`}>{children}</span>}\n {icon && (\n <span className={`${baseClass}__icon`}>\n {isValidElement(icon) && icon}\n {BuiltInIcon && <BuiltInIcon />}\n </span>\n )}\n </span>\n </Fragment>\n )\n}\n\nexport const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, Props>((props, ref) => {\n const {\n id,\n type = 'button',\n Link,\n 'aria-label': ariaLabel,\n buttonStyle = 'primary',\n children,\n className,\n disabled,\n el = 'button',\n icon,\n iconPosition = 'right',\n iconStyle = 'without-border',\n newTab,\n onClick,\n round,\n size = 'medium',\n to,\n tooltip,\n url,\n } = props\n\n const [showTooltip, setShowTooltip] = React.useState(false)\n\n const classes = [\n baseClass,\n className && className,\n buttonStyle && `${baseClass}--style-${buttonStyle}`,\n icon && `${baseClass}--icon`,\n iconStyle && `${baseClass}--icon-style-${iconStyle}`,\n icon && !children && `${baseClass}--icon-only`,\n disabled && `${baseClass}--disabled`,\n round && `${baseClass}--round`,\n size && `${baseClass}--size-${size}`,\n iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n tooltip && `${baseClass}--has-tooltip`,\n ]\n .filter(Boolean)\n .join(' ')\n\n function handleClick(event) {\n setShowTooltip(false)\n if (type !== 'submit' && onClick) event.preventDefault()\n if (onClick) onClick(event)\n }\n\n const buttonProps = {\n id,\n type,\n 'aria-disabled': disabled,\n 'aria-label': ariaLabel,\n className: classes,\n disabled,\n onClick: !disabled ? handleClick : undefined,\n onMouseEnter: tooltip ? () => setShowTooltip(true) : undefined,\n onMouseLeave: tooltip ? () => setShowTooltip(false) : undefined,\n rel: newTab ? 'noopener noreferrer' : undefined,\n target: newTab ? '_blank' : undefined,\n }\n\n switch (el) {\n case 'link':\n if (!Link) {\n console.error('Link is required when using el=\"link\"', children)\n return null\n }\n\n return (\n <Link {...buttonProps} href={to || url} to={to || url}>\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </Link>\n )\n\n case 'anchor':\n return (\n <a {...buttonProps} href={url} ref={ref as React.LegacyRef<HTMLAnchorElement>}>\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </a>\n )\n\n default:\n const Tag = el // eslint-disable-line no-case-declarations\n\n return (\n <Tag ref={ref} type=\"submit\" {...buttonProps}>\n <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n {children}\n </ButtonContents>\n </Tag>\n )\n }\n})\n"],"names":["React","Fragment","forwardRef","isValidElement","Chevron","Edit","LinkIcon","Plus","Swap","X","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","className","show","span","Button","props","ref","id","type","Link","ariaLabel","buttonStyle","disabled","el","iconPosition","iconStyle","newTab","onClick","round","size","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","buttonProps","undefined","onMouseEnter","onMouseLeave","rel","target","console","error","href","a","Tag"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\nexport type Props = {\n Link?: React.ElementType\n 'aria-label'?: string\n buttonId?: string\n buttonStyle?: 'error' | 'icon-label' | 'none' | 'primary' | 'secondary' | 'transparent'\n children?: React.ReactNode\n className?: string\n disabled?: boolean\n el?: 'anchor' | 'link' | ElementType\n icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n iconPosition?: 'left' | 'right'\n iconStyle?: 'none' | 'with-border' | 'without-border'\n id?: string\n newTab?: boolean\n onClick?: (event: MouseEvent) => void\n round?: boolean\n size?: 'medium' | 'small'\n to?: string\n tooltip?: string\n type?: 'button' | 'submit'\n url?: string\n}\n"],"names":[],"mappings":"AAGA,WAqBC"}
1
+ {"version":3,"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\nexport type Props = {\n Link?: React.ElementType\n 'aria-label'?: string\n buttonId?: string\n buttonStyle?: 'error' | 'icon-label' | 'none' | 'primary' | 'secondary' | 'transparent'\n children?: React.ReactNode\n className?: string\n disabled?: boolean\n el?: 'anchor' | 'link' | ElementType\n icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n iconPosition?: 'left' | 'right'\n iconStyle?: 'none' | 'with-border' | 'without-border'\n id?: string\n newTab?: boolean\n onClick?: (event: MouseEvent) => void\n round?: boolean\n size?: 'medium' | 'small'\n to?: string\n tooltip?: string\n type?: 'button' | 'submit'\n url?: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAGA,WAqBC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/Card/index.tsx"],"sourcesContent":["import type { ElementType } from 'react'\n\nimport React from 'react'\n\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nexport type Props = {\n Link?: ElementType\n actions?: React.ReactNode\n buttonAriaLabel?: string\n href?: string\n id?: string\n onClick?: () => void\n title: string\n titleAs?: ElementType\n}\n\nconst baseClass = 'card'\n\nexport const Card: React.FC<Props> = (props) => {\n const { id, Link, actions, buttonAriaLabel, href, onClick, title, titleAs } = props\n\n const classes = [baseClass, id, (onClick || href) && `${baseClass}--has-onclick`]\n .filter(Boolean)\n .join(' ')\n\n const Tag = titleAs ?? 'div'\n\n return (\n <div className={classes} id={id}>\n <Tag className={`${baseClass}__title`}>{title}</Tag>\n {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n {(onClick || href) && (\n <Button\n Link={Link}\n aria-label={buttonAriaLabel}\n buttonStyle=\"none\"\n className={`${baseClass}__click`}\n el=\"link\"\n onClick={onClick}\n to={href}\n />\n )}\n </div>\n )\n}\n"],"names":["React","Button","baseClass","Card","props","id","Link","actions","buttonAriaLabel","href","onClick","title","titleAs","classes","filter","Boolean","join","Tag","div","className","aria-label","buttonStyle","el","to"],"mappings":"AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,qBAAoB;AAc3C,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAwB,CAACC;IACpC,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAEC,OAAO,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGR;IAE9E,MAAMS,UAAU;QAACX;QAAWG;QAAKK,CAAAA,WAAWD,IAAG,KAAM,CAAC,EAAEP,UAAU,aAAa,CAAC;KAAC,CAC9EY,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,MAAML,WAAW;IAEvB,qBACE,oBAACM;QAAIC,WAAWN;QAASR,IAAIA;qBAC3B,oBAACY;QAAIE,WAAW,CAAC,EAAEjB,UAAU,OAAO,CAAC;OAAGS,QACvCJ,yBAAW,oBAACW;QAAIC,WAAW,CAAC,EAAEjB,UAAU,SAAS,CAAC;OAAGK,UACrD,AAACG,CAAAA,WAAWD,IAAG,mBACd,oBAACR;QACCK,MAAMA;QACNc,cAAYZ;QACZa,aAAY;QACZF,WAAW,CAAC,EAAEjB,UAAU,OAAO,CAAC;QAChCoB,IAAG;QACHZ,SAASA;QACTa,IAAId;;AAKd,EAAC"}
1
+ {"version":3,"sources":["../../../src/elements/Card/index.tsx"],"sourcesContent":["import type { ElementType } from 'react'\n\nimport React from 'react'\n\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nexport type Props = {\n Link?: ElementType\n actions?: React.ReactNode\n buttonAriaLabel?: string\n href?: string\n id?: string\n onClick?: () => void\n title: string\n titleAs?: ElementType\n}\n\nconst baseClass = 'card'\n\nexport const Card: React.FC<Props> = (props) => {\n const { id, Link, actions, buttonAriaLabel, href, onClick, title, titleAs } = props\n\n const classes = [baseClass, id, (onClick || href) && `${baseClass}--has-onclick`]\n .filter(Boolean)\n .join(' ')\n\n const Tag = titleAs ?? 'div'\n\n return (\n <div className={classes} id={id}>\n <Tag className={`${baseClass}__title`}>{title}</Tag>\n {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n {(onClick || href) && (\n <Button\n Link={Link}\n aria-label={buttonAriaLabel}\n buttonStyle=\"none\"\n className={`${baseClass}__click`}\n el=\"link\"\n onClick={onClick}\n to={href}\n />\n )}\n </div>\n )\n}\n"],"names":["React","Button","baseClass","Card","props","id","Link","actions","buttonAriaLabel","href","onClick","title","titleAs","classes","filter","Boolean","join","Tag","div","className","aria-label","buttonStyle","el","to"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,qBAAoB;AAc3C,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAwB,CAACC;IACpC,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAEC,OAAO,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGR;IAE9E,MAAMS,UAAU;QAACX;QAAWG;QAAKK,CAAAA,WAAWD,IAAG,KAAM,CAAC,EAAEP,UAAU,aAAa,CAAC;KAAC,CAC9EY,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,MAAML,WAAW;IAEvB,qBACE,oBAACM;QAAIC,WAAWN;QAASR,IAAIA;qBAC3B,oBAACY;QAAIE,WAAW,CAAC,EAAEjB,UAAU,OAAO,CAAC;OAAGS,QACvCJ,yBAAW,oBAACW;QAAIC,WAAW,CAAC,EAAEjB,UAAU,SAAS,CAAC;OAAGK,UACrD,AAACG,CAAAA,WAAWD,IAAG,mBACd,oBAACR;QACCK,MAAMA;QACNc,cAAYZ;QACZa,aAAY;QACZF,WAAW,CAAC,EAAEjB,UAAU,OAAO,CAAC;QAChCoB,IAAG;QACHZ,SAASA;QACTa,IAAId;;AAKd,EAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["import EditorImport from '@monaco-editor/react'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport './index.scss'\n\nconst Editor = (EditorImport.default || EditorImport) as unknown as typeof EditorImport.default\n\nconst baseClass = 'code-editor'\n\nconst CodeEditor: React.FC<Props> = (props) => {\n const { className, height, options, readOnly, ...rest } = props\n\n const { theme } = useTheme()\n\n const classes = [\n baseClass,\n className,\n rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n ]\n .filter(Boolean)\n .join(' ')\n\n return (\n <Editor\n className={classes}\n height={height}\n loading={<ShimmerEffect height={height} />}\n options={{\n detectIndentation: true,\n minimap: {\n enabled: false,\n },\n readOnly: Boolean(readOnly),\n scrollBeyondLastLine: false,\n tabSize: 2,\n wordWrap: 'on',\n ...options,\n }}\n theme={theme === 'dark' ? 'vs-dark' : 'vs'}\n {...rest}\n />\n )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"names":["EditorImport","React","useTheme","ShimmerEffect","Editor","default","baseClass","CodeEditor","props","className","height","options","readOnly","rest","theme","classes","defaultLanguage","filter","Boolean","join","loading","detectIndentation","minimap","enabled","scrollBeyondLastLine","tabSize","wordWrap"],"mappings":"AAAA,OAAOA,kBAAkB,uBAAsB;AAC/C,OAAOC,WAAW,QAAO;AAIzB,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,aAAa,QAAQ,4BAA2B;AAGzD,MAAMC,SAAUJ,aAAaK,OAAO,IAAIL;AAExC,MAAMM,YAAY;AAElB,MAAMC,aAA8B,CAACC;IACnC,MAAM,EAAEC,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGL;IAE1D,MAAM,EAAEM,KAAK,EAAE,GAAGZ;IAElB,MAAMa,UAAU;QACdT;QACAG;QACAI,MAAMG,kBAAkB,CAAC,UAAU,EAAEH,KAAKG,eAAe,CAAC,CAAC,GAAG;KAC/D,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACf;QACCK,WAAWM;QACXL,QAAQA;QACRU,uBAAS,oBAACjB;YAAcO,QAAQA;;QAChCC,SAAS;YACPU,mBAAmB;YACnBC,SAAS;gBACPC,SAAS;YACX;YACAX,UAAUM,QAAQN;YAClBY,sBAAsB;YACtBC,SAAS;YACTC,UAAU;YACV,GAAGf,OAAO;QACZ;QACAG,OAAOA,UAAU,SAAS,YAAY;QACrC,GAAGD,IAAI;;AAGd;AAEA,iDAAiD;AACjD,eAAeN,WAAU"}
1
+ {"version":3,"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["import EditorImport from '@monaco-editor/react'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport './index.scss'\n\nconst Editor = (EditorImport.default || EditorImport) as unknown as typeof EditorImport.default\n\nconst baseClass = 'code-editor'\n\nconst CodeEditor: React.FC<Props> = (props) => {\n const { className, height, options, readOnly, ...rest } = props\n\n const { theme } = useTheme()\n\n const classes = [\n baseClass,\n className,\n rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n ]\n .filter(Boolean)\n .join(' ')\n\n return (\n <Editor\n className={classes}\n height={height}\n loading={<ShimmerEffect height={height} />}\n options={{\n detectIndentation: true,\n minimap: {\n enabled: false,\n },\n readOnly: Boolean(readOnly),\n scrollBeyondLastLine: false,\n tabSize: 2,\n wordWrap: 'on',\n ...options,\n }}\n theme={theme === 'dark' ? 'vs-dark' : 'vs'}\n {...rest}\n />\n )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"names":["EditorImport","React","useTheme","ShimmerEffect","Editor","default","baseClass","CodeEditor","props","className","height","options","readOnly","rest","theme","classes","defaultLanguage","filter","Boolean","join","loading","detectIndentation","minimap","enabled","scrollBeyondLastLine","tabSize","wordWrap"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,kBAAkB,uBAAsB;AAC/C,OAAOC,WAAW,QAAO;AAIzB,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,aAAa,QAAQ,4BAA2B;AAGzD,MAAMC,SAAUJ,aAAaK,OAAO,IAAIL;AAExC,MAAMM,YAAY;AAElB,MAAMC,aAA8B,CAACC;IACnC,MAAM,EAAEC,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGL;IAE1D,MAAM,EAAEM,KAAK,EAAE,GAAGZ;IAElB,MAAMa,UAAU;QACdT;QACAG;QACAI,MAAMG,kBAAkB,CAAC,UAAU,EAAEH,KAAKG,eAAe,CAAC,CAAC,GAAG;KAC/D,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACf;QACCK,WAAWM;QACXL,QAAQA;QACRU,uBAAS,oBAACjB;YAAcO,QAAQA;;QAChCC,SAAS;YACPU,mBAAmB;YACnBC,SAAS;gBACPC,SAAS;YACX;YACAX,UAAUM,QAAQN;YAClBY,sBAAsB;YACtBC,SAAS;YACTC,UAAU;YACV,GAAGf,OAAO;QACZ;QACAG,OAAOA,UAAU,SAAS,YAAY;QACrC,GAAGD,IAAI;;AAGd;AAEA,iDAAiD;AACjD,eAAeN,WAAU"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/CodeEditor/index.tsx"],"sourcesContent":["import React, { Suspense, lazy } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst LazyEditor = lazy(() => import('./CodeEditor.js'))\n\nexport type { Props }\n\nexport const CodeEditor: React.FC<Props> = (props) => {\n const { height = '35vh' } = props\n\n return (\n <Suspense fallback={<ShimmerEffect height={height} />}>\n <LazyEditor {...props} height={height} />\n </Suspense>\n )\n}\n"],"names":["React","Suspense","lazy","ShimmerEffect","LazyEditor","CodeEditor","props","height","fallback"],"mappings":"AAAA,OAAOA,SAASC,QAAQ,EAAEC,IAAI,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,2BAAaF,KAAK,IAAM,MAAM,CAAC;AAIrC,OAAO,MAAMG,aAA8B,CAACC;IAC1C,MAAM,EAAEC,SAAS,MAAM,EAAE,GAAGD;IAE5B,qBACE,oBAACL;QAASO,wBAAU,oBAACL;YAAcI,QAAQA;;qBACzC,oBAACH;QAAY,GAAGE,KAAK;QAAEC,QAAQA;;AAGrC,EAAC"}
1
+ {"version":3,"sources":["../../../src/elements/CodeEditor/index.tsx"],"sourcesContent":["import React, { Suspense, lazy } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst LazyEditor = lazy(() => import('./CodeEditor.js'))\n\nexport type { Props }\n\nexport const CodeEditor: React.FC<Props> = (props) => {\n const { height = '35vh' } = props\n\n return (\n <Suspense fallback={<ShimmerEffect height={height} />}>\n <LazyEditor {...props} height={height} />\n </Suspense>\n )\n}\n"],"names":["React","Suspense","lazy","ShimmerEffect","LazyEditor","CodeEditor","props","height","fallback"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,OAAOA,SAASC,QAAQ,EAAEC,IAAI,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,2BAAaF,KAAK,IAAM,MAAM,CAAC;AAIrC,OAAO,MAAMG,aAA8B,CAACC;IAC1C,MAAM,EAAEC,SAAS,MAAM,EAAE,GAAGD;IAE5B,qBACE,oBAACL;QAASO,wBAAU,oBAACL;YAAcI,QAAQA;;qBACzC,oBAACH;QAAY,GAAGE,KAAK;QAAEC,QAAQA;;AAGrC,EAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/CodeEditor/types.ts"],"sourcesContent":["import type { EditorProps } from '@monaco-editor/react'\n\nexport type Props = EditorProps & {\n readOnly?: boolean\n}\n"],"names":[],"mappings":"AAEA,WAEC"}
1
+ {"version":3,"sources":["../../../src/elements/CodeEditor/types.ts"],"sourcesContent":["import type { EditorProps } from '@monaco-editor/react'\n\nexport type Props = EditorProps & {\n readOnly?: boolean\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAEC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n AnimateHeightImport) as typeof AnimateHeightImport.default\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { DragHandle } from '../../icons/DragHandle/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type Props = {\n actions?: React.ReactNode\n children: React.ReactNode\n className?: string\n collapsibleStyle?: 'default' | 'error'\n dragHandleProps?: DragHandleProps\n header?: React.ReactNode\n initCollapsed?: boolean\n isCollapsed?: boolean\n onToggle?: (collapsed: boolean) => void\n}\n\nexport const Collapsible: React.FC<Props> = ({\n actions,\n children,\n className,\n collapsibleStyle = 'default',\n dragHandleProps,\n header,\n initCollapsed,\n isCollapsed: collapsedFromProps,\n onToggle,\n}) => {\n const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n const [hoveringToggle, setHoveringToggle] = useState(false)\n const { isWithinCollapsible } = useCollapsible()\n const { t } = useTranslation()\n\n const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n const toggleCollapsible = React.useCallback(() => {\n if (typeof onToggle === 'function') onToggle(!isCollapsed)\n setCollapsedLocal(!isCollapsed)\n }, [onToggle, isCollapsed])\n\n return (\n <div\n className={[\n baseClass,\n className,\n dragHandleProps && `${baseClass}--has-drag-handle`,\n isCollapsed && `${baseClass}--collapsed`,\n isWithinCollapsible && `${baseClass}--nested`,\n hoveringToggle && `${baseClass}--hovered`,\n `${baseClass}--style-${collapsibleStyle}`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n <div\n className={`${baseClass}__toggle-wrap`}\n onMouseEnter={() => setHoveringToggle(true)}\n onMouseLeave={() => setHoveringToggle(false)}\n >\n {dragHandleProps && (\n <div\n className={`${baseClass}__drag`}\n {...dragHandleProps.attributes}\n {...dragHandleProps.listeners}\n >\n <DragHandle />\n </div>\n )}\n <button\n className={[\n `${baseClass}__toggle`,\n `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={toggleCollapsible}\n type=\"button\"\n >\n <span>{t('fields:toggleBlock')}</span>\n </button>\n {header && (\n <div\n className={[\n `${baseClass}__header-wrap`,\n dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {header && header}\n </div>\n )}\n <div className={`${baseClass}__actions-wrap`}>\n {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n <div className={`${baseClass}__indicator`}>\n <Chevron direction={!isCollapsed ? 'up' : undefined} />\n </div>\n </div>\n </div>\n <AnimateHeight duration={200} height={isCollapsed ? 0 : 'auto'}>\n <div className={`${baseClass}__content`}>{children}</div>\n </AnimateHeight>\n </CollapsibleProvider>\n </div>\n )\n}\n"],"names":["React","useState","AnimateHeightImport","AnimateHeight","default","Chevron","DragHandle","useTranslation","CollapsibleProvider","useCollapsible","baseClass","Collapsible","actions","children","className","collapsibleStyle","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","toggleCollapsible","useCallback","div","filter","join","toggle","onMouseEnter","onMouseLeave","attributes","listeners","button","onClick","type","span","direction","undefined","duration","height"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n AnimateHeightImport) as typeof AnimateHeightImport.default\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { DragHandle } from '../../icons/DragHandle/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type Props = {\n actions?: React.ReactNode\n children: React.ReactNode\n className?: string\n collapsibleStyle?: 'default' | 'error'\n dragHandleProps?: DragHandleProps\n header?: React.ReactNode\n initCollapsed?: boolean\n isCollapsed?: boolean\n onToggle?: (collapsed: boolean) => void\n}\n\nexport const Collapsible: React.FC<Props> = ({\n actions,\n children,\n className,\n collapsibleStyle = 'default',\n dragHandleProps,\n header,\n initCollapsed,\n isCollapsed: collapsedFromProps,\n onToggle,\n}) => {\n const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n const [hoveringToggle, setHoveringToggle] = useState(false)\n const { isWithinCollapsible } = useCollapsible()\n const { t } = useTranslation()\n\n const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n const toggleCollapsible = React.useCallback(() => {\n if (typeof onToggle === 'function') onToggle(!isCollapsed)\n setCollapsedLocal(!isCollapsed)\n }, [onToggle, isCollapsed])\n\n return (\n <div\n className={[\n baseClass,\n className,\n dragHandleProps && `${baseClass}--has-drag-handle`,\n isCollapsed && `${baseClass}--collapsed`,\n isWithinCollapsible && `${baseClass}--nested`,\n hoveringToggle && `${baseClass}--hovered`,\n `${baseClass}--style-${collapsibleStyle}`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n <div\n className={`${baseClass}__toggle-wrap`}\n onMouseEnter={() => setHoveringToggle(true)}\n onMouseLeave={() => setHoveringToggle(false)}\n >\n {dragHandleProps && (\n <div\n className={`${baseClass}__drag`}\n {...dragHandleProps.attributes}\n {...dragHandleProps.listeners}\n >\n <DragHandle />\n </div>\n )}\n <button\n className={[\n `${baseClass}__toggle`,\n `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={toggleCollapsible}\n type=\"button\"\n >\n <span>{t('fields:toggleBlock')}</span>\n </button>\n {header && (\n <div\n className={[\n `${baseClass}__header-wrap`,\n dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {header && header}\n </div>\n )}\n <div className={`${baseClass}__actions-wrap`}>\n {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n <div className={`${baseClass}__indicator`}>\n <Chevron direction={!isCollapsed ? 'up' : undefined} />\n </div>\n </div>\n </div>\n <AnimateHeight duration={200} height={isCollapsed ? 0 : 'auto'}>\n <div className={`${baseClass}__content`}>{children}</div>\n </AnimateHeight>\n </CollapsibleProvider>\n </div>\n )\n}\n"],"names":["React","useState","AnimateHeightImport","AnimateHeight","default","Chevron","DragHandle","useTranslation","CollapsibleProvider","useCollapsible","baseClass","Collapsible","actions","children","className","collapsibleStyle","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","toggleCollapsible","useCallback","div","filter","join","toggle","onMouseEnter","onMouseLeave","attributes","listeners","button","onClick","type","span","direction","undefined","duration","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/Collapsible/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\ntype ContextType = {\n isCollapsed: boolean\n isVisible: boolean\n isWithinCollapsible: boolean\n toggle: () => void\n}\n\nconst Context = createContext({\n isCollapsed: undefined,\n isVisible: undefined,\n isWithinCollapsible: undefined,\n toggle: () => {},\n} as ContextType)\n\nexport const CollapsibleProvider: React.FC<{\n children?: React.ReactNode\n isCollapsed?: boolean\n isWithinCollapsible?: boolean\n toggle: () => void\n}> = ({ children, isCollapsed, isWithinCollapsible = true, toggle }) => {\n const { isCollapsed: parentIsCollapsed, isVisible } = useCollapsible()\n\n const contextValue = React.useMemo((): ContextType => {\n return {\n isCollapsed,\n isVisible: isVisible && !parentIsCollapsed,\n isWithinCollapsible,\n toggle,\n }\n }, [isCollapsed, isWithinCollapsible, toggle, parentIsCollapsed, isVisible])\n\n return <Context.Provider value={contextValue}>{children}</Context.Provider>\n}\n\nexport const useCollapsible = (): ContextType => useContext(Context)\n"],"names":["React","createContext","useContext","Context","isCollapsed","undefined","isVisible","isWithinCollapsible","toggle","CollapsibleProvider","children","parentIsCollapsed","useCollapsible","contextValue","useMemo","Provider","value"],"mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AASxD,MAAMC,wBAAUF,cAAc;IAC5BG,aAAaC;IACbC,WAAWD;IACXE,qBAAqBF;IACrBG,QAAQ,KAAO;AACjB;AAEA,OAAO,MAAMC,sBAKR,CAAC,EAAEC,QAAQ,EAAEN,WAAW,EAAEG,sBAAsB,IAAI,EAAEC,MAAM,EAAE;IACjE,MAAM,EAAEJ,aAAaO,iBAAiB,EAAEL,SAAS,EAAE,GAAGM;IAEtD,MAAMC,eAAeb,MAAMc,OAAO,CAAC;QACjC,OAAO;YACLV;YACAE,WAAWA,aAAa,CAACK;YACzBJ;YACAC;QACF;IACF,GAAG;QAACJ;QAAaG;QAAqBC;QAAQG;QAAmBL;KAAU;IAE3E,qBAAO,oBAACH,QAAQY,QAAQ;QAACC,OAAOH;OAAeH;AACjD,EAAC;AAED,OAAO,MAAME,iBAAiB,IAAmBV,WAAWC,SAAQ"}
1
+ {"version":3,"sources":["../../../src/elements/Collapsible/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\ntype ContextType = {\n isCollapsed: boolean\n isVisible: boolean\n isWithinCollapsible: boolean\n toggle: () => void\n}\n\nconst Context = createContext({\n isCollapsed: undefined,\n isVisible: undefined,\n isWithinCollapsible: undefined,\n toggle: () => {},\n} as ContextType)\n\nexport const CollapsibleProvider: React.FC<{\n children?: React.ReactNode\n isCollapsed?: boolean\n isWithinCollapsible?: boolean\n toggle: () => void\n}> = ({ children, isCollapsed, isWithinCollapsible = true, toggle }) => {\n const { isCollapsed: parentIsCollapsed, isVisible } = useCollapsible()\n\n const contextValue = React.useMemo((): ContextType => {\n return {\n isCollapsed,\n isVisible: isVisible && !parentIsCollapsed,\n isWithinCollapsible,\n toggle,\n }\n }, [isCollapsed, isWithinCollapsible, toggle, parentIsCollapsed, isVisible])\n\n return <Context.Provider value={contextValue}>{children}</Context.Provider>\n}\n\nexport const useCollapsible = (): ContextType => useContext(Context)\n"],"names":["React","createContext","useContext","Context","isCollapsed","undefined","isVisible","isWithinCollapsible","toggle","CollapsibleProvider","children","parentIsCollapsed","useCollapsible","contextValue","useMemo","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AASxD,MAAMC,wBAAUF,cAAc;IAC5BG,aAAaC;IACbC,WAAWD;IACXE,qBAAqBF;IACrBG,QAAQ,KAAO;AACjB;AAEA,OAAO,MAAMC,sBAKR,CAAC,EAAEC,QAAQ,EAAEN,WAAW,EAAEG,sBAAsB,IAAI,EAAEC,MAAM,EAAE;IACjE,MAAM,EAAEJ,aAAaO,iBAAiB,EAAEL,SAAS,EAAE,GAAGM;IAEtD,MAAMC,eAAeb,MAAMc,OAAO,CAAC;QACjC,OAAO;YACLV;YACAE,WAAWA,aAAa,CAACK;YACzBJ;YACAC;QACF;IACF,GAAG;QAACJ;QAAaG;QAAqBC;QAAQG;QAAmBL;KAAU;IAE3E,qBAAO,oBAACH,QAAQY,QAAQ;QAACC,OAAOH;OAAeH;AACjD,EAAC;AAED,OAAO,MAAME,iBAAiB,IAAmBV,WAAWC,SAAQ"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport React, { useId } from 'react'\n\nimport { Plus } from '../../icons/Plus/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { useTableColumns } from '../TableColumns/index.js'\nimport './index.scss'\n\nconst baseClass = 'column-selector'\n\nexport type Props = {\n collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {\n const { columns, moveColumn, toggleColumn } = useTableColumns()\n\n const uuid = useId()\n const editDepth = useEditDepth()\n\n if (!columns) {\n return null\n }\n\n return (\n <DraggableSortable\n className={baseClass}\n ids={columns.map((col) => col?.accessor)}\n onDragEnd={({ moveFromIndex, moveToIndex }) => {\n moveColumn({\n fromIndex: moveFromIndex,\n toIndex: moveToIndex,\n })\n }}\n >\n {columns.map((col, i) => {\n if (!col) return null\n\n const { Label, accessor, active } = col\n\n if (col.accessor === '_select') return null\n\n return (\n <Pill\n alignIcon=\"left\"\n aria-checked={active}\n className={[`${baseClass}__column`, active && `${baseClass}__column--active`]\n .filter(Boolean)\n .join(' ')}\n draggable\n icon={active ? <X /> : <Plus />}\n id={accessor}\n key={`${collectionSlug}-${col.name || i}${editDepth ? `-${editDepth}-` : ''}${uuid}`}\n onClick={() => {\n toggleColumn(accessor)\n }}\n >\n {Label}\n </Pill>\n )\n })}\n </DraggableSortable>\n )\n}\n"],"names":["React","useId","Plus","X","useEditDepth","DraggableSortable","Pill","useTableColumns","baseClass","ColumnSelector","collectionSlug","columns","moveColumn","toggleColumn","uuid","editDepth","className","ids","map","col","accessor","onDragEnd","moveFromIndex","moveToIndex","fromIndex","toIndex","i","Label","active","alignIcon","aria-checked","filter","Boolean","join","draggable","icon","id","key","name","onClick"],"mappings":"AAAA;AAGA,OAAOA,SAASC,KAAK,QAAQ,QAAO;AAEpC,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,eAAe,QAAQ,2BAA0B;AAG1D,MAAMC,YAAY;AAMlB,OAAO,MAAMC,iBAAkC,CAAC,EAAEC,cAAc,EAAE;IAChE,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGN;IAE9C,MAAMO,OAAOb;IACb,MAAMc,YAAYX;IAElB,IAAI,CAACO,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,oBAACN;QACCW,WAAWR;QACXS,KAAKN,QAAQO,GAAG,CAAC,CAACC,MAAQA,KAAKC;QAC/BC,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YACxCX,WAAW;gBACTY,WAAWF;gBACXG,SAASF;YACX;QACF;OAECZ,QAAQO,GAAG,CAAC,CAACC,KAAKO;QACjB,IAAI,CAACP,KAAK,OAAO;QAEjB,MAAM,EAAEQ,KAAK,EAAEP,QAAQ,EAAEQ,MAAM,EAAE,GAAGT;QAEpC,IAAIA,IAAIC,QAAQ,KAAK,WAAW,OAAO;QAEvC,qBACE,oBAACd;YACCuB,WAAU;YACVC,gBAAcF;YACdZ,WAAW;gBAAC,CAAC,EAAER,UAAU,QAAQ,CAAC;gBAAEoB,UAAU,CAAC,EAAEpB,UAAU,gBAAgB,CAAC;aAAC,CAC1EuB,MAAM,CAACC,SACPC,IAAI,CAAC;YACRC,WAAAA;YACAC,MAAMP,uBAAS,oBAACzB,yBAAO,oBAACD;YACxBkC,IAAIhB;YACJiB,KAAK,CAAC,EAAE3B,eAAe,CAAC,EAAES,IAAImB,IAAI,IAAIZ,EAAE,EAAEX,YAAY,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,GAAG,GAAG,EAAED,KAAK,CAAC;YACpFyB,SAAS;gBACP1B,aAAaO;YACf;WAECO;IAGP;AAGN,EAAC"}
1
+ {"version":3,"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport React, { useId } from 'react'\n\nimport { Plus } from '../../icons/Plus/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { useTableColumns } from '../TableColumns/index.js'\nimport './index.scss'\n\nconst baseClass = 'column-selector'\n\nexport type Props = {\n collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {\n const { columns, moveColumn, toggleColumn } = useTableColumns()\n\n const uuid = useId()\n const editDepth = useEditDepth()\n\n if (!columns) {\n return null\n }\n\n return (\n <DraggableSortable\n className={baseClass}\n ids={columns.map((col) => col?.accessor)}\n onDragEnd={({ moveFromIndex, moveToIndex }) => {\n moveColumn({\n fromIndex: moveFromIndex,\n toIndex: moveToIndex,\n })\n }}\n >\n {columns.map((col, i) => {\n if (!col) return null\n\n const { Label, accessor, active } = col\n\n if (col.accessor === '_select') return null\n\n return (\n <Pill\n alignIcon=\"left\"\n aria-checked={active}\n className={[`${baseClass}__column`, active && `${baseClass}__column--active`]\n .filter(Boolean)\n .join(' ')}\n draggable\n icon={active ? <X /> : <Plus />}\n id={accessor}\n key={`${collectionSlug}-${col.name || i}${editDepth ? `-${editDepth}-` : ''}${uuid}`}\n onClick={() => {\n toggleColumn(accessor)\n }}\n >\n {Label}\n </Pill>\n )\n })}\n </DraggableSortable>\n )\n}\n"],"names":["React","useId","Plus","X","useEditDepth","DraggableSortable","Pill","useTableColumns","baseClass","ColumnSelector","collectionSlug","columns","moveColumn","toggleColumn","uuid","editDepth","className","ids","map","col","accessor","onDragEnd","moveFromIndex","moveToIndex","fromIndex","toIndex","i","Label","active","alignIcon","aria-checked","filter","Boolean","join","draggable","icon","id","key","name","onClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,SAASC,KAAK,QAAQ,QAAO;AAEpC,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,eAAe,QAAQ,2BAA0B;AAG1D,MAAMC,YAAY;AAMlB,OAAO,MAAMC,iBAAkC,CAAC,EAAEC,cAAc,EAAE;IAChE,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGN;IAE9C,MAAMO,OAAOb;IACb,MAAMc,YAAYX;IAElB,IAAI,CAACO,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,oBAACN;QACCW,WAAWR;QACXS,KAAKN,QAAQO,GAAG,CAAC,CAACC,MAAQA,KAAKC;QAC/BC,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YACxCX,WAAW;gBACTY,WAAWF;gBACXG,SAASF;YACX;QACF;OAECZ,QAAQO,GAAG,CAAC,CAACC,KAAKO;QACjB,IAAI,CAACP,KAAK,OAAO;QAEjB,MAAM,EAAEQ,KAAK,EAAEP,QAAQ,EAAEQ,MAAM,EAAE,GAAGT;QAEpC,IAAIA,IAAIC,QAAQ,KAAK,WAAW,OAAO;QAEvC,qBACE,oBAACd;YACCuB,WAAU;YACVC,gBAAcF;YACdZ,WAAW;gBAAC,CAAC,EAAER,UAAU,QAAQ,CAAC;gBAAEoB,UAAU,CAAC,EAAEpB,UAAU,gBAAgB,CAAC;aAAC,CAC1EuB,MAAM,CAACC,SACPC,IAAI,CAAC;YACRC,WAAAA;YACAC,MAAMP,uBAAS,oBAACzB,yBAAO,oBAACD;YACxBkC,IAAIhB;YACJiB,KAAK,CAAC,EAAE3B,eAAe,CAAC,EAAES,IAAImB,IAAI,IAAIZ,EAAE,EAAEX,YAAY,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,GAAG,GAAG,EAAED,KAAK,CAAC;YACpFyB,SAAS;gBACP1B,aAAaO;YACf;WAECO;IAGP;AAGN,EAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef, useState } from 'react'\n\nimport { Copy } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n defaultMessage?: string\n successMessage?: string\n value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({ defaultMessage, successMessage, value }) => {\n const ref = useRef(null)\n const [copied, setCopied] = useState(false)\n const [hovered, setHovered] = useState(false)\n const { t } = useTranslation()\n\n if (value) {\n return (\n <button\n className={baseClass}\n onClick={() => {\n if (ref && ref.current) {\n ref.current.select()\n ref.current.setSelectionRange(0, value.length + 1)\n document.execCommand('copy')\n setCopied(true)\n }\n }}\n onMouseEnter={() => {\n setHovered(true)\n setCopied(false)\n }}\n onMouseLeave={() => {\n setHovered(false)\n setCopied(false)\n }}\n type=\"button\"\n >\n <Copy />\n <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n {copied && (successMessage ?? t('general:copied'))}\n {!copied && (defaultMessage ?? t('general:copy'))}\n </Tooltip>\n <textarea readOnly ref={ref} tabIndex={-1} value={value} />\n </button>\n )\n }\n\n return null\n}\n"],"names":["React","useRef","useState","Copy","useTranslation","Tooltip","baseClass","CopyToClipboard","defaultMessage","successMessage","value","ref","copied","setCopied","hovered","setHovered","t","button","className","onClick","current","select","setSelectionRange","length","document","execCommand","onMouseEnter","onMouseLeave","type","delay","undefined","show","textarea","readOnly","tabIndex"],"mappings":"AAAA;AACA,OAAOA,SAASC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAE/C,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,OAAO,QAAQ,sBAAqB;AAG7C,MAAMC,YAAY;AAQlB,OAAO,MAAMC,kBAAmC,CAAC,EAAEC,cAAc,EAAEC,cAAc,EAAEC,KAAK,EAAE;IACxF,MAAMC,MAAMV,OAAO;IACnB,MAAM,CAACW,QAAQC,UAAU,GAAGX,SAAS;IACrC,MAAM,CAACY,SAASC,WAAW,GAAGb,SAAS;IACvC,MAAM,EAAEc,CAAC,EAAE,GAAGZ;IAEd,IAAIM,OAAO;QACT,qBACE,oBAACO;YACCC,WAAWZ;YACXa,SAAS;gBACP,IAAIR,OAAOA,IAAIS,OAAO,EAAE;oBACtBT,IAAIS,OAAO,CAACC,MAAM;oBAClBV,IAAIS,OAAO,CAACE,iBAAiB,CAAC,GAAGZ,MAAMa,MAAM,GAAG;oBAChDC,SAASC,WAAW,CAAC;oBACrBZ,UAAU;gBACZ;YACF;YACAa,cAAc;gBACZX,WAAW;gBACXF,UAAU;YACZ;YACAc,cAAc;gBACZZ,WAAW;gBACXF,UAAU;YACZ;YACAe,MAAK;yBAEL,oBAACzB,2BACD,oBAACE;YAAQwB,OAAOjB,SAAS,IAAIkB;YAAWC,MAAMjB,WAAWF;WACtDA,UAAWH,CAAAA,kBAAkBO,EAAE,iBAAgB,GAC/C,CAACJ,UAAWJ,CAAAA,kBAAkBQ,EAAE,eAAc,kBAEjD,oBAACgB;YAASC,UAAAA;YAAStB,KAAKA;YAAKuB,UAAU,CAAC;YAAGxB,OAAOA;;IAGxD;IAEA,OAAO;AACT,EAAC"}
1
+ {"version":3,"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef, useState } from 'react'\n\nimport { Copy } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n defaultMessage?: string\n successMessage?: string\n value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({ defaultMessage, successMessage, value }) => {\n const ref = useRef(null)\n const [copied, setCopied] = useState(false)\n const [hovered, setHovered] = useState(false)\n const { t } = useTranslation()\n\n if (value) {\n return (\n <button\n className={baseClass}\n onClick={() => {\n if (ref && ref.current) {\n ref.current.select()\n ref.current.setSelectionRange(0, value.length + 1)\n document.execCommand('copy')\n setCopied(true)\n }\n }}\n onMouseEnter={() => {\n setHovered(true)\n setCopied(false)\n }}\n onMouseLeave={() => {\n setHovered(false)\n setCopied(false)\n }}\n type=\"button\"\n >\n <Copy />\n <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n {copied && (successMessage ?? t('general:copied'))}\n {!copied && (defaultMessage ?? t('general:copy'))}\n </Tooltip>\n <textarea readOnly ref={ref} tabIndex={-1} value={value} />\n </button>\n )\n }\n\n return null\n}\n"],"names":["React","useRef","useState","Copy","useTranslation","Tooltip","baseClass","CopyToClipboard","defaultMessage","successMessage","value","ref","copied","setCopied","hovered","setHovered","t","button","className","onClick","current","select","setSelectionRange","length","document","execCommand","onMouseEnter","onMouseLeave","type","delay","undefined","show","textarea","readOnly","tabIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAE/C,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,OAAO,QAAQ,sBAAqB;AAG7C,MAAMC,YAAY;AAQlB,OAAO,MAAMC,kBAAmC,CAAC,EAAEC,cAAc,EAAEC,cAAc,EAAEC,KAAK,EAAE;IACxF,MAAMC,MAAMV,OAAO;IACnB,MAAM,CAACW,QAAQC,UAAU,GAAGX,SAAS;IACrC,MAAM,CAACY,SAASC,WAAW,GAAGb,SAAS;IACvC,MAAM,EAAEc,CAAC,EAAE,GAAGZ;IAEd,IAAIM,OAAO;QACT,qBACE,oBAACO;YACCC,WAAWZ;YACXa,SAAS;gBACP,IAAIR,OAAOA,IAAIS,OAAO,EAAE;oBACtBT,IAAIS,OAAO,CAACC,MAAM;oBAClBV,IAAIS,OAAO,CAACE,iBAAiB,CAAC,GAAGZ,MAAMa,MAAM,GAAG;oBAChDC,SAASC,WAAW,CAAC;oBACrBZ,UAAU;gBACZ;YACF;YACAa,cAAc;gBACZX,WAAW;gBACXF,UAAU;YACZ;YACAc,cAAc;gBACZZ,WAAW;gBACXF,UAAU;YACZ;YACAe,MAAK;yBAEL,oBAACzB,2BACD,oBAACE;YAAQwB,OAAOjB,SAAS,IAAIkB;YAAWC,MAAMjB,WAAWF;WACtDA,UAAWH,CAAAA,kBAAkBO,EAAE,iBAAgB,GAC/C,CAACJ,UAAWJ,CAAAA,kBAAkBQ,EAAE,eAAc,kBAEjD,oBAACgB;YAASC,UAAAA;YAAStB,KAAKA;YAAKuB,UAAU,CAAC;YAAGxB,OAAOA;;IAGxD;IAEA,OAAO;AACT,EAAC"}
@@ -4,15 +4,15 @@ const ReactDatePicker = ReactDatePickerDefaultImport.default || ReactDatePickerD
4
4
  import { Calendar as CalendarIcon } from '../../icons/Calendar/index.js';
5
5
  import { X as XIcon } from '../../icons/X/index.js';
6
6
  import { useTranslation } from '../../providers/Translation/index.js';
7
- import { getDateLocale } from '../../utilities/getDateLocale.js';
7
+ import { getFormattedLocale } from './getFormattedLocale.js';
8
8
  const baseClass = 'date-time-picker';
9
9
  const DateTime = (props)=>{
10
10
  const { displayFormat: customDisplayFormat, maxDate, maxTime, minDate, minTime, monthsToShow = 1, onChange: onChangeFromProps, overrides, pickerAppearance = 'default', placeholder: placeholderText, readOnly, timeFormat = 'h:mm aa', timeIntervals = 30, value } = props;
11
11
  // Use the user's AdminUI language preference for the locale
12
12
  const { i18n } = useTranslation();
13
- const { locale, localeData } = getDateLocale(i18n.language);
13
+ const datepickerLocale = getFormattedLocale(i18n.language);
14
14
  try {
15
- registerLocale(locale, localeData);
15
+ registerLocale(datepickerLocale, i18n.dateFNS);
16
16
  } catch (e) {
17
17
  console.warn(`Could not find DatePicker locale for ${i18n.language}`);
18
18
  }
@@ -74,7 +74,7 @@ const DateTime = (props)=>{
74
74
  }, /*#__PURE__*/ React.createElement(ReactDatePicker, {
75
75
  ...dateTimePickerProps,
76
76
  dropdownMode: "select",
77
- locale: locale,
77
+ locale: datepickerLocale,
78
78
  showMonthDropdown: true,
79
79
  showYearDropdown: true
80
80
  })));
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"sourcesContent":["import type { ReactDatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\nimport ReactDatePickerDefaultImport, { registerLocale } from 'react-datepicker'\nconst ReactDatePicker = (ReactDatePickerDefaultImport.default ||\n ReactDatePickerDefaultImport) as unknown as typeof ReactDatePickerDefaultImport.default\nimport 'react-datepicker/dist/react-datepicker.css'\n\nimport type { Props } from './types.js'\n\nimport { Calendar as CalendarIcon } from '../../icons/Calendar/index.js'\nimport { X as XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getDateLocale } from '../../utilities/getDateLocale.js'\nimport './index.scss'\n\nconst baseClass = 'date-time-picker'\n\nconst DateTime: React.FC<Props> = (props) => {\n const {\n displayFormat: customDisplayFormat,\n maxDate,\n maxTime,\n minDate,\n minTime,\n monthsToShow = 1,\n onChange: onChangeFromProps,\n overrides,\n pickerAppearance = 'default',\n placeholder: placeholderText,\n readOnly,\n timeFormat = 'h:mm aa',\n timeIntervals = 30,\n value,\n } = props\n\n // Use the user's AdminUI language preference for the locale\n const { i18n } = useTranslation()\n\n const { locale, localeData } = getDateLocale(i18n.language)\n\n try {\n registerLocale(locale, localeData)\n } catch (e) {\n console.warn(`Could not find DatePicker locale for ${i18n.language}`)\n }\n\n let dateFormat = customDisplayFormat\n\n if (!customDisplayFormat) {\n // when no displayFormat is provided, determine format based on the picker appearance\n if (pickerAppearance === 'default') dateFormat = 'MM/dd/yyyy'\n else if (pickerAppearance === 'dayAndTime') dateFormat = 'MMM d, yyy h:mm a'\n else if (pickerAppearance === 'timeOnly') dateFormat = 'h:mm a'\n else if (pickerAppearance === 'dayOnly') dateFormat = 'MMM dd'\n else if (pickerAppearance === 'monthOnly') dateFormat = 'MMMM'\n }\n\n const onChange = (incomingDate: Date) => {\n const newDate = incomingDate\n if (newDate instanceof Date && ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)) {\n const tzOffset = incomingDate.getTimezoneOffset() / 60\n newDate.setHours(12 - tzOffset, 0)\n }\n if (typeof onChangeFromProps === 'function') onChangeFromProps(newDate)\n }\n\n const dateTimePickerProps: ReactDatePickerProps = {\n customInputRef: 'ref',\n dateFormat,\n disabled: readOnly,\n maxDate,\n maxTime,\n minDate,\n minTime,\n monthsShown: Math.min(2, monthsToShow),\n onChange,\n placeholderText,\n popperPlacement: 'bottom-start',\n selected: value && new Date(value),\n showMonthYearPicker: pickerAppearance === 'monthOnly',\n showPopperArrow: false,\n showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',\n timeFormat,\n timeIntervals,\n ...overrides,\n }\n\n const classes = [baseClass, `${baseClass}__appearance--${pickerAppearance}`]\n .filter(Boolean)\n .join(' ')\n\n return (\n <div className={classes}>\n <div className={`${baseClass}__icon-wrap`}>\n {dateTimePickerProps.selected && (\n <button\n className={`${baseClass}__clear-button`}\n onClick={() => onChange(null)}\n type=\"button\"\n >\n <XIcon />\n </button>\n )}\n <CalendarIcon />\n </div>\n <div className={`${baseClass}__input-wrapper`}>\n <ReactDatePicker\n {...dateTimePickerProps}\n dropdownMode=\"select\"\n locale={locale}\n showMonthDropdown\n showYearDropdown\n />\n </div>\n </div>\n )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default DateTime\n"],"names":["React","ReactDatePickerDefaultImport","registerLocale","ReactDatePicker","default","Calendar","CalendarIcon","X","XIcon","useTranslation","getDateLocale","baseClass","DateTime","props","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","onChange","onChangeFromProps","overrides","pickerAppearance","placeholder","placeholderText","readOnly","timeFormat","timeIntervals","value","i18n","locale","localeData","language","e","console","warn","dateFormat","incomingDate","newDate","Date","includes","tzOffset","getTimezoneOffset","setHours","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","popperPlacement","selected","showMonthYearPicker","showPopperArrow","showTimeSelect","classes","filter","Boolean","join","div","className","button","onClick","type","dropdownMode","showMonthDropdown","showYearDropdown"],"mappings":"AAEA,OAAOA,WAAW,QAAO;AACzB,OAAOC,gCAAgCC,cAAc,QAAQ,mBAAkB;AAC/E,MAAMC,kBAAmBF,6BAA6BG,OAAO,IAC3DH;AAKF,SAASI,YAAYC,YAAY,QAAQ,gCAA+B;AACxE,SAASC,KAAKC,KAAK,QAAQ,yBAAwB;AACnD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,aAAa,QAAQ,mCAAkC;AAGhE,MAAMC,YAAY;AAElB,MAAMC,WAA4B,CAACC;IACjC,MAAM,EACJC,eAAeC,mBAAmB,EAClCC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,eAAe,CAAC,EAChBC,UAAUC,iBAAiB,EAC3BC,SAAS,EACTC,mBAAmB,SAAS,EAC5BC,aAAaC,eAAe,EAC5BC,QAAQ,EACRC,aAAa,SAAS,EACtBC,gBAAgB,EAAE,EAClBC,KAAK,EACN,GAAGjB;IAEJ,4DAA4D;IAC5D,MAAM,EAAEkB,IAAI,EAAE,GAAGtB;IAEjB,MAAM,EAAEuB,MAAM,EAAEC,UAAU,EAAE,GAAGvB,cAAcqB,KAAKG,QAAQ;IAE1D,IAAI;QACFhC,eAAe8B,QAAQC;IACzB,EAAE,OAAOE,GAAG;QACVC,QAAQC,IAAI,CAAC,CAAC,qCAAqC,EAAEN,KAAKG,QAAQ,CAAC,CAAC;IACtE;IAEA,IAAII,aAAavB;IAEjB,IAAI,CAACA,qBAAqB;QACxB,qFAAqF;QACrF,IAAIS,qBAAqB,WAAWc,aAAa;aAC5C,IAAId,qBAAqB,cAAcc,aAAa;aACpD,IAAId,qBAAqB,YAAYc,aAAa;aAClD,IAAId,qBAAqB,WAAWc,aAAa;aACjD,IAAId,qBAAqB,aAAac,aAAa;IAC1D;IAEA,MAAMjB,WAAW,CAACkB;QAChB,MAAMC,UAAUD;QAChB,IAAIC,mBAAmBC,QAAQ;YAAC;YAAW;YAAW;SAAY,CAACC,QAAQ,CAAClB,mBAAmB;YAC7F,MAAMmB,WAAWJ,aAAaK,iBAAiB,KAAK;YACpDJ,QAAQK,QAAQ,CAAC,KAAKF,UAAU;QAClC;QACA,IAAI,OAAOrB,sBAAsB,YAAYA,kBAAkBkB;IACjE;IAEA,MAAMM,sBAA4C;QAChDC,gBAAgB;QAChBT;QACAU,UAAUrB;QACVX;QACAC;QACAC;QACAC;QACA8B,aAAaC,KAAKC,GAAG,CAAC,GAAG/B;QACzBC;QACAK;QACA0B,iBAAiB;QACjBC,UAAUvB,SAAS,IAAIW,KAAKX;QAC5BwB,qBAAqB9B,qBAAqB;QAC1C+B,iBAAiB;QACjBC,gBAAgBhC,qBAAqB,gBAAgBA,qBAAqB;QAC1EI;QACAC;QACA,GAAGN,SAAS;IACd;IAEA,MAAMkC,UAAU;QAAC9C;QAAW,CAAC,EAAEA,UAAU,cAAc,EAAEa,iBAAiB,CAAC;KAAC,CACzEkC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACC;QAAIC,WAAWL;qBACd,oBAACI;QAAIC,WAAW,CAAC,EAAEnD,UAAU,WAAW,CAAC;OACtCmC,oBAAoBO,QAAQ,kBAC3B,oBAACU;QACCD,WAAW,CAAC,EAAEnD,UAAU,cAAc,CAAC;QACvCqD,SAAS,IAAM3C,SAAS;QACxB4C,MAAK;qBAEL,oBAACzD,6BAGL,oBAACF,oCAEH,oBAACuD;QAAIC,WAAW,CAAC,EAAEnD,UAAU,eAAe,CAAC;qBAC3C,oBAACR;QACE,GAAG2C,mBAAmB;QACvBoB,cAAa;QACblC,QAAQA;QACRmC,mBAAAA;QACAC,kBAAAA;;AAKV;AAEA,iDAAiD;AACjD,eAAexD,SAAQ"}
1
+ {"version":3,"sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"sourcesContent":["import type { ReactDatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\nimport ReactDatePickerDefaultImport, { registerLocale } from 'react-datepicker'\nconst ReactDatePicker = (ReactDatePickerDefaultImport.default ||\n ReactDatePickerDefaultImport) as unknown as typeof ReactDatePickerDefaultImport.default\nimport 'react-datepicker/dist/react-datepicker.css'\n\nimport type { Props } from './types.js'\n\nimport { Calendar as CalendarIcon } from '../../icons/Calendar/index.js'\nimport { X as XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormattedLocale } from './getFormattedLocale.js'\nimport './index.scss'\n\nconst baseClass = 'date-time-picker'\n\nconst DateTime: React.FC<Props> = (props) => {\n const {\n displayFormat: customDisplayFormat,\n maxDate,\n maxTime,\n minDate,\n minTime,\n monthsToShow = 1,\n onChange: onChangeFromProps,\n overrides,\n pickerAppearance = 'default',\n placeholder: placeholderText,\n readOnly,\n timeFormat = 'h:mm aa',\n timeIntervals = 30,\n value,\n } = props\n\n // Use the user's AdminUI language preference for the locale\n const { i18n } = useTranslation()\n\n const datepickerLocale = getFormattedLocale(i18n.language)\n\n try {\n registerLocale(datepickerLocale, i18n.dateFNS)\n } catch (e) {\n console.warn(`Could not find DatePicker locale for ${i18n.language}`)\n }\n\n let dateFormat = customDisplayFormat\n\n if (!customDisplayFormat) {\n // when no displayFormat is provided, determine format based on the picker appearance\n if (pickerAppearance === 'default') dateFormat = 'MM/dd/yyyy'\n else if (pickerAppearance === 'dayAndTime') dateFormat = 'MMM d, yyy h:mm a'\n else if (pickerAppearance === 'timeOnly') dateFormat = 'h:mm a'\n else if (pickerAppearance === 'dayOnly') dateFormat = 'MMM dd'\n else if (pickerAppearance === 'monthOnly') dateFormat = 'MMMM'\n }\n\n const onChange = (incomingDate: Date) => {\n const newDate = incomingDate\n if (newDate instanceof Date && ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)) {\n const tzOffset = incomingDate.getTimezoneOffset() / 60\n newDate.setHours(12 - tzOffset, 0)\n }\n if (typeof onChangeFromProps === 'function') onChangeFromProps(newDate)\n }\n\n const dateTimePickerProps: ReactDatePickerProps = {\n customInputRef: 'ref',\n dateFormat,\n disabled: readOnly,\n maxDate,\n maxTime,\n minDate,\n minTime,\n monthsShown: Math.min(2, monthsToShow),\n onChange,\n placeholderText,\n popperPlacement: 'bottom-start',\n selected: value && new Date(value),\n showMonthYearPicker: pickerAppearance === 'monthOnly',\n showPopperArrow: false,\n showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',\n timeFormat,\n timeIntervals,\n ...overrides,\n }\n\n const classes = [baseClass, `${baseClass}__appearance--${pickerAppearance}`]\n .filter(Boolean)\n .join(' ')\n\n return (\n <div className={classes}>\n <div className={`${baseClass}__icon-wrap`}>\n {dateTimePickerProps.selected && (\n <button\n className={`${baseClass}__clear-button`}\n onClick={() => onChange(null)}\n type=\"button\"\n >\n <XIcon />\n </button>\n )}\n <CalendarIcon />\n </div>\n <div className={`${baseClass}__input-wrapper`}>\n <ReactDatePicker\n {...dateTimePickerProps}\n dropdownMode=\"select\"\n locale={datepickerLocale}\n showMonthDropdown\n showYearDropdown\n />\n </div>\n </div>\n )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default DateTime\n"],"names":["React","ReactDatePickerDefaultImport","registerLocale","ReactDatePicker","default","Calendar","CalendarIcon","X","XIcon","useTranslation","getFormattedLocale","baseClass","DateTime","props","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","onChange","onChangeFromProps","overrides","pickerAppearance","placeholder","placeholderText","readOnly","timeFormat","timeIntervals","value","i18n","datepickerLocale","language","dateFNS","e","console","warn","dateFormat","incomingDate","newDate","Date","includes","tzOffset","getTimezoneOffset","setHours","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","popperPlacement","selected","showMonthYearPicker","showPopperArrow","showTimeSelect","classes","filter","Boolean","join","div","className","button","onClick","type","dropdownMode","locale","showMonthDropdown","showYearDropdown"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,WAAW,QAAO;AACzB,OAAOC,gCAAgCC,cAAc,QAAQ,mBAAkB;AAC/E,MAAMC,kBAAmBF,6BAA6BG,OAAO,IAC3DH;AAKF,SAASI,YAAYC,YAAY,QAAQ,gCAA+B;AACxE,SAASC,KAAKC,KAAK,QAAQ,yBAAwB;AACnD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,kBAAkB,QAAQ,0BAAyB;AAG5D,MAAMC,YAAY;AAElB,MAAMC,WAA4B,CAACC;IACjC,MAAM,EACJC,eAAeC,mBAAmB,EAClCC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,eAAe,CAAC,EAChBC,UAAUC,iBAAiB,EAC3BC,SAAS,EACTC,mBAAmB,SAAS,EAC5BC,aAAaC,eAAe,EAC5BC,QAAQ,EACRC,aAAa,SAAS,EACtBC,gBAAgB,EAAE,EAClBC,KAAK,EACN,GAAGjB;IAEJ,4DAA4D;IAC5D,MAAM,EAAEkB,IAAI,EAAE,GAAGtB;IAEjB,MAAMuB,mBAAmBtB,mBAAmBqB,KAAKE,QAAQ;IAEzD,IAAI;QACF/B,eAAe8B,kBAAkBD,KAAKG,OAAO;IAC/C,EAAE,OAAOC,GAAG;QACVC,QAAQC,IAAI,CAAC,CAAC,qCAAqC,EAAEN,KAAKE,QAAQ,CAAC,CAAC;IACtE;IAEA,IAAIK,aAAavB;IAEjB,IAAI,CAACA,qBAAqB;QACxB,qFAAqF;QACrF,IAAIS,qBAAqB,WAAWc,aAAa;aAC5C,IAAId,qBAAqB,cAAcc,aAAa;aACpD,IAAId,qBAAqB,YAAYc,aAAa;aAClD,IAAId,qBAAqB,WAAWc,aAAa;aACjD,IAAId,qBAAqB,aAAac,aAAa;IAC1D;IAEA,MAAMjB,WAAW,CAACkB;QAChB,MAAMC,UAAUD;QAChB,IAAIC,mBAAmBC,QAAQ;YAAC;YAAW;YAAW;SAAY,CAACC,QAAQ,CAAClB,mBAAmB;YAC7F,MAAMmB,WAAWJ,aAAaK,iBAAiB,KAAK;YACpDJ,QAAQK,QAAQ,CAAC,KAAKF,UAAU;QAClC;QACA,IAAI,OAAOrB,sBAAsB,YAAYA,kBAAkBkB;IACjE;IAEA,MAAMM,sBAA4C;QAChDC,gBAAgB;QAChBT;QACAU,UAAUrB;QACVX;QACAC;QACAC;QACAC;QACA8B,aAAaC,KAAKC,GAAG,CAAC,GAAG/B;QACzBC;QACAK;QACA0B,iBAAiB;QACjBC,UAAUvB,SAAS,IAAIW,KAAKX;QAC5BwB,qBAAqB9B,qBAAqB;QAC1C+B,iBAAiB;QACjBC,gBAAgBhC,qBAAqB,gBAAgBA,qBAAqB;QAC1EI;QACAC;QACA,GAAGN,SAAS;IACd;IAEA,MAAMkC,UAAU;QAAC9C;QAAW,CAAC,EAAEA,UAAU,cAAc,EAAEa,iBAAiB,CAAC;KAAC,CACzEkC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACC;QAAIC,WAAWL;qBACd,oBAACI;QAAIC,WAAW,CAAC,EAAEnD,UAAU,WAAW,CAAC;OACtCmC,oBAAoBO,QAAQ,kBAC3B,oBAACU;QACCD,WAAW,CAAC,EAAEnD,UAAU,cAAc,CAAC;QACvCqD,SAAS,IAAM3C,SAAS;QACxB4C,MAAK;qBAEL,oBAACzD,6BAGL,oBAACF,oCAEH,oBAACuD;QAAIC,WAAW,CAAC,EAAEnD,UAAU,eAAe,CAAC;qBAC3C,oBAACR;QACE,GAAG2C,mBAAmB;QACvBoB,cAAa;QACbC,QAAQnC;QACRoC,mBAAAA;QACAC,kBAAAA;;AAKV;AAEA,iDAAiD;AACjD,eAAezD,SAAQ"}
@@ -0,0 +1,2 @@
1
+ export declare const getFormattedLocale: (language?: string) => any;
2
+ //# sourceMappingURL=getFormattedLocale.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getFormattedLocale.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/getFormattedLocale.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,4BAW9B,CAAA"}
@@ -0,0 +1,12 @@
1
+ export const getFormattedLocale = (language = 'enUS')=>{
2
+ const formattedLocales = {
3
+ en: 'enUS',
4
+ my: 'enUS',
5
+ ua: 'uk',
6
+ zh: 'zhCN'
7
+ };
8
+ const formattedLocale = formattedLocales[language] || language;
9
+ return formattedLocale;
10
+ };
11
+
12
+ //# sourceMappingURL=getFormattedLocale.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/elements/DatePicker/getFormattedLocale.ts"],"sourcesContent":["export const getFormattedLocale = (language = 'enUS') => {\n const formattedLocales = {\n en: 'enUS',\n my: 'enUS', // Burmese is not currently supported\n ua: 'uk',\n zh: 'zhCN',\n }\n\n const formattedLocale = formattedLocales[language] || language\n\n return formattedLocale\n}\n"],"names":["getFormattedLocale","language","formattedLocales","en","my","ua","zh","formattedLocale"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,OAAO,MAAMA,qBAAqB,CAACC,WAAW,MAAM;IAClD,MAAMC,mBAAmB;QACvBC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACN;IAEA,MAAMC,kBAAkBL,gBAAgB,CAACD,SAAS,IAAIA;IAEtD,OAAOM;AACT,EAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/DatePicker/index.tsx"],"sourcesContent":["import React, { Suspense, lazy } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst DatePicker = lazy(() => import('./DatePicker.js'))\n\nexport const DatePickerField: React.FC<Props> = (props) => (\n <Suspense fallback={<ShimmerEffect height={50} />}>\n <DatePicker {...props} />\n </Suspense>\n)\n"],"names":["React","Suspense","lazy","ShimmerEffect","DatePicker","DatePickerField","props","fallback","height"],"mappings":"AAAA,OAAOA,SAASC,QAAQ,EAAEC,IAAI,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,2BAAaF,KAAK,IAAM,MAAM,CAAC;AAErC,OAAO,MAAMG,kBAAmC,CAACC,sBAC/C,oBAACL;QAASM,wBAAU,oBAACJ;YAAcK,QAAQ;;qBACzC,oBAACJ,YAAeE,QAEnB"}
1
+ {"version":3,"sources":["../../../src/elements/DatePicker/index.tsx"],"sourcesContent":["import React, { Suspense, lazy } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst DatePicker = lazy(() => import('./DatePicker.js'))\n\nexport const DatePickerField: React.FC<Props> = (props) => (\n <Suspense fallback={<ShimmerEffect height={50} />}>\n <DatePicker {...props} />\n </Suspense>\n)\n"],"names":["React","Suspense","lazy","ShimmerEffect","DatePicker","DatePickerField","props","fallback","height"],"rangeMappings":";;;;;;;","mappings":"AAAA,OAAOA,SAASC,QAAQ,EAAEC,IAAI,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,2BAAaF,KAAK,IAAM,MAAM,CAAC;AAErC,OAAO,MAAMG,kBAAmC,CAACC,sBAC/C,oBAACL;QAASM,wBAAU,oBAACJ;YAAcK,QAAQ;;qBACzC,oBAACJ,YAAeE,QAEnB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/DatePicker/types.ts"],"sourcesContent":["import type { DayPickerProps, SharedProps, TimePickerProps } from 'payload/types'\n\nexport type Props = SharedProps &\n DayPickerProps &\n TimePickerProps & {\n onChange?: (val: Date) => void\n placeholder?: string\n readOnly?: boolean\n value?: Date\n }\n"],"names":[],"mappings":"AAEA,WAOG"}
1
+ {"version":3,"sources":["../../../src/elements/DatePicker/types.ts"],"sourcesContent":["import type { DayPickerProps, SharedProps, TimePickerProps } from 'payload/types'\n\nexport type Props = SharedProps &\n DayPickerProps &\n TimePickerProps & {\n onChange?: (val: Date) => void\n placeholder?: string\n readOnly?: boolean\n value?: Date\n }\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAOG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-document'\n\nexport type Props = {\n buttonId?: string\n collectionSlug: SanitizedCollectionConfig['slug']\n id?: string\n singularLabel: SanitizedCollectionConfig['labels']['singular']\n title?: string\n useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const DeleteDocument: React.FC<Props> = (props) => {\n const { id, buttonId, collectionSlug, singularLabel, title: titleFromProps } = props\n const { Modal, useModal } = facelessUIImport\n\n const {\n routes: { admin, api },\n serverURL,\n } = useConfig()\n\n const { setModified } = useForm()\n const [deleting, setDeleting] = useState(false)\n const { toggleModal } = useModal()\n const router = useRouter()\n const { i18n, t } = useTranslation()\n const { title } = useDocumentInfo()\n\n const titleToRender = titleFromProps || title || id\n\n const modalSlug = `delete-${id}`\n\n const addDefaultError = useCallback(() => {\n setDeleting(false)\n toast.error(t('error:deletingTitle', { title }))\n }, [t, title])\n\n const handleDelete = useCallback(async () => {\n setDeleting(true)\n setModified(false)\n try {\n await requests\n .delete(`${serverURL}${api}/${collectionSlug}/${id}`, {\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n })\n .then(async (res) => {\n try {\n const json = await res.json()\n\n if (res.status < 400) {\n setDeleting(false)\n toggleModal(modalSlug)\n toast.success(\n t('general:titleDeleted', { label: getTranslation(singularLabel, i18n), title }) ||\n json.message,\n )\n\n return router.push(`${admin}/collections/${collectionSlug}`)\n }\n toggleModal(modalSlug)\n if (json.errors) {\n json.errors.forEach((error) => toast.error(error.message))\n } else {\n addDefaultError()\n }\n return false\n } catch (e) {\n return addDefaultError()\n }\n })\n } catch (e) {\n addDefaultError()\n }\n }, [\n setModified,\n serverURL,\n api,\n collectionSlug,\n id,\n toggleModal,\n modalSlug,\n t,\n singularLabel,\n i18n,\n title,\n router,\n admin,\n addDefaultError,\n ])\n\n if (id) {\n return (\n <React.Fragment>\n <PopupList.Button\n id={buttonId}\n onClick={() => {\n setDeleting(false)\n toggleModal(modalSlug)\n }}\n >\n {t('general:delete')}\n </PopupList.Button>\n <Modal className={baseClass} slug={modalSlug}>\n <MinimalTemplate className={`${baseClass}__template`}>\n <h1>{t('general:confirmDeletion')}</h1>\n <p>\n <Translation\n elements={{\n '1': ({ children }) => <strong>{children}</strong>,\n }}\n i18nKey=\"general:aboutToDelete\"\n t={t}\n variables={{\n label: getTranslation(singularLabel, i18n),\n title: titleToRender,\n }}\n />\n </p>\n <div className={`${baseClass}__actions`}>\n <Button\n buttonStyle=\"secondary\"\n id=\"confirm-cancel\"\n onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n type=\"button\"\n >\n {t('general:cancel')}\n </Button>\n <Button id=\"confirm-delete\" onClick={deleting ? undefined : handleDelete}>\n {deleting ? t('general:deleting') : t('general:confirm')}\n </Button>\n </div>\n </MinimalTemplate>\n </Modal>\n </React.Fragment>\n )\n }\n\n return null\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useTranslation","MinimalTemplate","requests","Button","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","singularLabel","title","titleFromProps","Modal","useModal","routes","admin","api","serverURL","setModified","deleting","setDeleting","toggleModal","router","i18n","t","titleToRender","modalSlug","addDefaultError","error","handleDelete","delete","headers","language","then","res","json","status","success","label","message","push","errors","forEach","e","Fragment","onClick","className","slug","h1","p","elements","children","strong","i18nKey","variables","div","buttonStyle","undefined","type"],"mappings":"AAAA;AAGA,YAAYA,sBAAsB,qBAAoB;AACtD,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AACpD,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,SAAS,QAAQ,oBAAmB;AAC7C,SAASC,WAAW,QAAQ,0BAAyB;AAGrD,MAAMC,YAAY;AAWlB,OAAO,MAAMC,iBAAkC,CAACC;IAC9C,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,aAAa,EAAEC,OAAOC,cAAc,EAAE,GAAGN;IAC/E,MAAM,EAAEO,KAAK,EAAEC,QAAQ,EAAE,GAAG1B;IAE5B,MAAM,EACJ2B,QAAQ,EAAEC,KAAK,EAAEC,GAAG,EAAE,EACtBC,SAAS,EACV,GAAGtB;IAEJ,MAAM,EAAEuB,WAAW,EAAE,GAAGxB;IACxB,MAAM,CAACyB,UAAUC,YAAY,GAAG5B,SAAS;IACzC,MAAM,EAAE6B,WAAW,EAAE,GAAGR;IACxB,MAAMS,SAASjC;IACf,MAAM,EAAEkC,IAAI,EAAEC,CAAC,EAAE,GAAG3B;IACpB,MAAM,EAAEa,KAAK,EAAE,GAAGd;IAElB,MAAM6B,gBAAgBd,kBAAkBD,SAASJ;IAEjD,MAAMoB,YAAY,CAAC,OAAO,EAAEpB,GAAG,CAAC;IAEhC,MAAMqB,kBAAkBpC,YAAY;QAClC6B,YAAY;QACZ3B,MAAMmC,KAAK,CAACJ,EAAE,uBAAuB;YAAEd;QAAM;IAC/C,GAAG;QAACc;QAAGd;KAAM;IAEb,MAAMmB,eAAetC,YAAY;QAC/B6B,YAAY;QACZF,YAAY;QACZ,IAAI;YACF,MAAMnB,SACH+B,MAAM,CAAC,CAAC,EAAEb,UAAU,EAAED,IAAI,CAAC,EAAER,eAAe,CAAC,EAAEF,GAAG,CAAC,EAAE;gBACpDyB,SAAS;oBACP,mBAAmBR,KAAKS,QAAQ;oBAChC,gBAAgB;gBAClB;YACF,GACCC,IAAI,CAAC,OAAOC;gBACX,IAAI;oBACF,MAAMC,OAAO,MAAMD,IAAIC,IAAI;oBAE3B,IAAID,IAAIE,MAAM,GAAG,KAAK;wBACpBhB,YAAY;wBACZC,YAAYK;wBACZjC,MAAM4C,OAAO,CACXb,EAAE,wBAAwB;4BAAEc,OAAOlD,eAAeqB,eAAec;4BAAOb;wBAAM,MAC5EyB,KAAKI,OAAO;wBAGhB,OAAOjB,OAAOkB,IAAI,CAAC,CAAC,EAAEzB,MAAM,aAAa,EAAEP,eAAe,CAAC;oBAC7D;oBACAa,YAAYK;oBACZ,IAAIS,KAAKM,MAAM,EAAE;wBACfN,KAAKM,MAAM,CAACC,OAAO,CAAC,CAACd,QAAUnC,MAAMmC,KAAK,CAACA,MAAMW,OAAO;oBAC1D,OAAO;wBACLZ;oBACF;oBACA,OAAO;gBACT,EAAE,OAAOgB,GAAG;oBACV,OAAOhB;gBACT;YACF;QACJ,EAAE,OAAOgB,GAAG;YACVhB;QACF;IACF,GAAG;QACDT;QACAD;QACAD;QACAR;QACAF;QACAe;QACAK;QACAF;QACAf;QACAc;QACAb;QACAY;QACAP;QACAY;KACD;IAED,IAAIrB,IAAI;QACN,qBACE,oBAAChB,MAAMsD,QAAQ,sBACb,oBAAC3C,UAAUD,MAAM;YACfM,IAAIC;YACJsC,SAAS;gBACPzB,YAAY;gBACZC,YAAYK;YACd;WAECF,EAAE,kCAEL,oBAACZ;YAAMkC,WAAW3C;YAAW4C,MAAMrB;yBACjC,oBAAC5B;YAAgBgD,WAAW,CAAC,EAAE3C,UAAU,UAAU,CAAC;yBAClD,oBAAC6C,YAAIxB,EAAE,2CACP,oBAACyB,yBACC,oBAAC/C;YACCgD,UAAU;gBACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAAK,oBAACC,gBAAQD;YAClC;YACAE,SAAQ;YACR7B,GAAGA;YACH8B,WAAW;gBACThB,OAAOlD,eAAeqB,eAAec;gBACrCb,OAAOe;YACT;2BAGJ,oBAAC8B;YAAIT,WAAW,CAAC,EAAE3C,UAAU,SAAS,CAAC;yBACrC,oBAACH;YACCwD,aAAY;YACZlD,IAAG;YACHuC,SAAS1B,WAAWsC,YAAY,IAAMpC,YAAYK;YAClDgC,MAAK;WAEJlC,EAAE,kCAEL,oBAACxB;YAAOM,IAAG;YAAiBuC,SAAS1B,WAAWsC,YAAY5B;WACzDV,WAAWK,EAAE,sBAAsBA,EAAE;IAOpD;IAEA,OAAO;AACT,EAAC"}
1
+ {"version":3,"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-document'\n\nexport type Props = {\n buttonId?: string\n collectionSlug: SanitizedCollectionConfig['slug']\n id?: string\n singularLabel: SanitizedCollectionConfig['labels']['singular']\n title?: string\n useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const DeleteDocument: React.FC<Props> = (props) => {\n const { id, buttonId, collectionSlug, singularLabel, title: titleFromProps } = props\n const { Modal, useModal } = facelessUIImport\n\n const {\n routes: { admin, api },\n serverURL,\n } = useConfig()\n\n const { setModified } = useForm()\n const [deleting, setDeleting] = useState(false)\n const { toggleModal } = useModal()\n const router = useRouter()\n const { i18n, t } = useTranslation()\n const { title } = useDocumentInfo()\n\n const titleToRender = titleFromProps || title || id\n\n const modalSlug = `delete-${id}`\n\n const addDefaultError = useCallback(() => {\n setDeleting(false)\n toast.error(t('error:deletingTitle', { title }))\n }, [t, title])\n\n const handleDelete = useCallback(async () => {\n setDeleting(true)\n setModified(false)\n try {\n await requests\n .delete(`${serverURL}${api}/${collectionSlug}/${id}`, {\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n })\n .then(async (res) => {\n try {\n const json = await res.json()\n\n if (res.status < 400) {\n setDeleting(false)\n toggleModal(modalSlug)\n toast.success(\n t('general:titleDeleted', { label: getTranslation(singularLabel, i18n), title }) ||\n json.message,\n )\n\n return router.push(`${admin}/collections/${collectionSlug}`)\n }\n toggleModal(modalSlug)\n if (json.errors) {\n json.errors.forEach((error) => toast.error(error.message))\n } else {\n addDefaultError()\n }\n return false\n } catch (e) {\n return addDefaultError()\n }\n })\n } catch (e) {\n addDefaultError()\n }\n }, [\n setModified,\n serverURL,\n api,\n collectionSlug,\n id,\n toggleModal,\n modalSlug,\n t,\n singularLabel,\n i18n,\n title,\n router,\n admin,\n addDefaultError,\n ])\n\n if (id) {\n return (\n <React.Fragment>\n <PopupList.Button\n id={buttonId}\n onClick={() => {\n setDeleting(false)\n toggleModal(modalSlug)\n }}\n >\n {t('general:delete')}\n </PopupList.Button>\n <Modal className={baseClass} slug={modalSlug}>\n <MinimalTemplate className={`${baseClass}__template`}>\n <h1>{t('general:confirmDeletion')}</h1>\n <p>\n <Translation\n elements={{\n '1': ({ children }) => <strong>{children}</strong>,\n }}\n i18nKey=\"general:aboutToDelete\"\n t={t}\n variables={{\n label: getTranslation(singularLabel, i18n),\n title: titleToRender,\n }}\n />\n </p>\n <div className={`${baseClass}__actions`}>\n <Button\n buttonStyle=\"secondary\"\n id=\"confirm-cancel\"\n onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n type=\"button\"\n >\n {t('general:cancel')}\n </Button>\n <Button id=\"confirm-delete\" onClick={deleting ? undefined : handleDelete}>\n {deleting ? t('general:deleting') : t('general:confirm')}\n </Button>\n </div>\n </MinimalTemplate>\n </Modal>\n </React.Fragment>\n )\n }\n\n return null\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useTranslation","MinimalTemplate","requests","Button","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","singularLabel","title","titleFromProps","Modal","useModal","routes","admin","api","serverURL","setModified","deleting","setDeleting","toggleModal","router","i18n","t","titleToRender","modalSlug","addDefaultError","error","handleDelete","delete","headers","language","then","res","json","status","success","label","message","push","errors","forEach","e","Fragment","onClick","className","slug","h1","p","elements","children","strong","i18nKey","variables","div","buttonStyle","undefined","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/elements/DeleteMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-documents'\n\nexport type Props = {\n collection: ClientCollectionConfig\n title?: string\n}\n\nexport const DeleteMany: React.FC<Props> = (props) => {\n const { Modal, useModal } = facelessUIImport\n\n const { collection: { slug, labels: { plural } } = {} } = props\n\n const { permissions } = useAuth()\n const {\n routes: { api },\n serverURL,\n } = useConfig()\n const { toggleModal } = useModal()\n const { count, getQueryParams, selectAll, toggleAll } = useSelection()\n const { i18n, t } = useTranslation()\n const [deleting, setDeleting] = useState(false)\n const router = useRouter()\n const { stringifyParams } = useSearchParams()\n const { clearRouteCache } = useRouteCache()\n\n const collectionPermissions = permissions?.collections?.[slug]\n const hasDeletePermission = collectionPermissions?.delete?.permission\n\n const modalSlug = `delete-${slug}`\n\n const addDefaultError = useCallback(() => {\n toast.error(t('error:unknown'))\n }, [t])\n\n const handleDelete = useCallback(async () => {\n setDeleting(true)\n await requests\n .delete(`${serverURL}${api}/${slug}${getQueryParams()}`, {\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n })\n .then(async (res) => {\n try {\n const json = await res.json()\n toggleModal(modalSlug)\n if (res.status < 400) {\n toast.success(json.message || t('general:deletedSuccessfully'), { autoClose: 3000 })\n toggleAll()\n router.replace(\n stringifyParams({\n params: {\n page: selectAll ? '1' : undefined,\n },\n replace: true,\n }),\n )\n clearRouteCache()\n return null\n }\n\n if (json.errors) {\n toast.error(json.message)\n } else {\n addDefaultError()\n }\n return false\n } catch (e) {\n return addDefaultError()\n }\n })\n }, [\n addDefaultError,\n api,\n getQueryParams,\n i18n.language,\n modalSlug,\n router,\n selectAll,\n serverURL,\n slug,\n stringifyParams,\n t,\n toggleAll,\n toggleModal,\n clearRouteCache,\n ])\n\n if (selectAll === SelectAllStatus.None || !hasDeletePermission) {\n return null\n }\n\n return (\n <React.Fragment>\n <Pill\n className={`${baseClass}__toggle`}\n onClick={() => {\n setDeleting(false)\n toggleModal(modalSlug)\n }}\n >\n {t('general:delete')}\n </Pill>\n <Modal className={baseClass} slug={modalSlug}>\n <MinimalTemplate className={`${baseClass}__template`}>\n <h1>{t('general:confirmDeletion')}</h1>\n <p>{t('general:aboutToDeleteCount', { count, label: getTranslation(plural, i18n) })}</p>\n <Button\n buttonStyle=\"secondary\"\n id=\"confirm-cancel\"\n onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n type=\"button\"\n >\n {t('general:cancel')}\n </Button>\n <Button id=\"confirm-delete\" onClick={deleting ? undefined : handleDelete}>\n {deleting ? t('general:deleting') : t('general:confirm')}\n </Button>\n </MinimalTemplate>\n </Modal>\n </React.Fragment>\n )\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","MinimalTemplate","requests","Button","Pill","baseClass","DeleteMany","props","Modal","useModal","collection","slug","labels","plural","permissions","routes","api","serverURL","toggleModal","count","getQueryParams","selectAll","toggleAll","i18n","t","deleting","setDeleting","router","stringifyParams","clearRouteCache","collectionPermissions","collections","hasDeletePermission","delete","permission","modalSlug","addDefaultError","error","handleDelete","headers","language","then","res","json","status","success","message","autoClose","replace","params","page","undefined","errors","e","None","Fragment","className","onClick","h1","p","label","buttonStyle","id","type"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/elements/DeleteMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-documents'\n\nexport type Props = {\n collection: ClientCollectionConfig\n title?: string\n}\n\nexport const DeleteMany: React.FC<Props> = (props) => {\n const { Modal, useModal } = facelessUIImport\n\n const { collection: { slug, labels: { plural } } = {} } = props\n\n const { permissions } = useAuth()\n const {\n routes: { api },\n serverURL,\n } = useConfig()\n const { toggleModal } = useModal()\n const { count, getQueryParams, selectAll, toggleAll } = useSelection()\n const { i18n, t } = useTranslation()\n const [deleting, setDeleting] = useState(false)\n const router = useRouter()\n const { stringifyParams } = useSearchParams()\n const { clearRouteCache } = useRouteCache()\n\n const collectionPermissions = permissions?.collections?.[slug]\n const hasDeletePermission = collectionPermissions?.delete?.permission\n\n const modalSlug = `delete-${slug}`\n\n const addDefaultError = useCallback(() => {\n toast.error(t('error:unknown'))\n }, [t])\n\n const handleDelete = useCallback(async () => {\n setDeleting(true)\n await requests\n .delete(`${serverURL}${api}/${slug}${getQueryParams()}`, {\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n })\n .then(async (res) => {\n try {\n const json = await res.json()\n toggleModal(modalSlug)\n if (res.status < 400) {\n toast.success(json.message || t('general:deletedSuccessfully'), { autoClose: 3000 })\n toggleAll()\n router.replace(\n stringifyParams({\n params: {\n page: selectAll ? '1' : undefined,\n },\n replace: true,\n }),\n )\n clearRouteCache()\n return null\n }\n\n if (json.errors) {\n toast.error(json.message)\n } else {\n addDefaultError()\n }\n return false\n } catch (e) {\n return addDefaultError()\n }\n })\n }, [\n addDefaultError,\n api,\n getQueryParams,\n i18n.language,\n modalSlug,\n router,\n selectAll,\n serverURL,\n slug,\n stringifyParams,\n t,\n toggleAll,\n toggleModal,\n clearRouteCache,\n ])\n\n if (selectAll === SelectAllStatus.None || !hasDeletePermission) {\n return null\n }\n\n return (\n <React.Fragment>\n <Pill\n className={`${baseClass}__toggle`}\n onClick={() => {\n setDeleting(false)\n toggleModal(modalSlug)\n }}\n >\n {t('general:delete')}\n </Pill>\n <Modal className={baseClass} slug={modalSlug}>\n <MinimalTemplate className={`${baseClass}__template`}>\n <h1>{t('general:confirmDeletion')}</h1>\n <p>{t('general:aboutToDeleteCount', { count, label: getTranslation(plural, i18n) })}</p>\n <Button\n buttonStyle=\"secondary\"\n id=\"confirm-cancel\"\n onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n type=\"button\"\n >\n {t('general:cancel')}\n </Button>\n <Button id=\"confirm-delete\" onClick={deleting ? undefined : handleDelete}>\n {deleting ? t('general:deleting') : t('general:confirm')}\n </Button>\n </MinimalTemplate>\n </Modal>\n </React.Fragment>\n )\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","MinimalTemplate","requests","Button","Pill","baseClass","DeleteMany","props","Modal","useModal","collection","slug","labels","plural","permissions","routes","api","serverURL","toggleModal","count","getQueryParams","selectAll","toggleAll","i18n","t","deleting","setDeleting","router","stringifyParams","clearRouteCache","collectionPermissions","collections","hasDeletePermission","delete","permission","modalSlug","addDefaultError","error","handleDelete","headers","language","then","res","json","status","success","message","autoClose","replace","params","page","undefined","errors","e","None","Fragment","className","onClick","h1","p","label","buttonStyle","id","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAG9D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAevC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,oBAAoB,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAC3D,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CACxC,CA+LA,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAG9D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAevC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,oBAAoB,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAC3D,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CACxC,CAmMA,CAAA"}