@payloadcms/ui 3.0.0-beta.106 → 3.0.0-beta.108

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 (249) hide show
  1. package/dist/elements/BulkUpload/ActionsBar/index.js +2 -2
  2. package/dist/elements/BulkUpload/ActionsBar/index.js.map +1 -1
  3. package/dist/elements/BulkUpload/EditForm/index.js +3 -1
  4. package/dist/elements/BulkUpload/EditForm/index.js.map +1 -1
  5. package/dist/elements/BulkUpload/FormsManager/index.js +3 -1
  6. package/dist/elements/BulkUpload/FormsManager/index.js.map +1 -1
  7. package/dist/elements/Button/types.d.ts +6 -0
  8. package/dist/elements/Button/types.d.ts.map +1 -1
  9. package/dist/elements/Button/types.js.map +1 -1
  10. package/dist/elements/CodeEditor/CodeEditor.d.ts.map +1 -1
  11. package/dist/elements/CodeEditor/CodeEditor.js +51 -25
  12. package/dist/elements/CodeEditor/CodeEditor.js.map +1 -1
  13. package/dist/elements/CodeEditor/index.d.ts.map +1 -1
  14. package/dist/elements/CodeEditor/index.js +2 -8
  15. package/dist/elements/CodeEditor/index.js.map +1 -1
  16. package/dist/elements/ColumnSelector/index.d.ts.map +1 -1
  17. package/dist/elements/ColumnSelector/index.js +14 -2
  18. package/dist/elements/ColumnSelector/index.js.map +1 -1
  19. package/dist/elements/DocumentControls/index.d.ts +4 -1
  20. package/dist/elements/DocumentControls/index.d.ts.map +1 -1
  21. package/dist/elements/DocumentControls/index.js +42 -6
  22. package/dist/elements/DocumentControls/index.js.map +1 -1
  23. package/dist/elements/DocumentControls/index.scss +8 -0
  24. package/dist/elements/DocumentDrawer/DrawerContent.d.ts.map +1 -1
  25. package/dist/elements/DocumentDrawer/DrawerContent.js +23 -17
  26. package/dist/elements/DocumentDrawer/DrawerContent.js.map +1 -1
  27. package/dist/elements/DocumentDrawer/types.d.ts +4 -1
  28. package/dist/elements/DocumentDrawer/types.d.ts.map +1 -1
  29. package/dist/elements/DocumentDrawer/types.js.map +1 -1
  30. package/dist/elements/EditMany/index.d.ts.map +1 -1
  31. package/dist/elements/EditMany/index.js +235 -124
  32. package/dist/elements/EditMany/index.js.map +1 -1
  33. package/dist/elements/Hamburger/index.scss +4 -0
  34. package/dist/elements/ListControls/index.d.ts.map +1 -1
  35. package/dist/elements/ListControls/index.js +9 -5
  36. package/dist/elements/ListControls/index.js.map +1 -1
  37. package/dist/elements/ListControls/index.scss +0 -6
  38. package/dist/elements/ListDrawer/DrawerContent.d.ts +2 -0
  39. package/dist/elements/ListDrawer/DrawerContent.d.ts.map +1 -1
  40. package/dist/elements/ListDrawer/DrawerContent.js +3 -3
  41. package/dist/elements/ListDrawer/DrawerContent.js.map +1 -1
  42. package/dist/elements/ListDrawer/index.d.ts.map +1 -1
  43. package/dist/elements/ListDrawer/index.js +18 -15
  44. package/dist/elements/ListDrawer/index.js.map +1 -1
  45. package/dist/elements/ListDrawer/types.d.ts +2 -0
  46. package/dist/elements/ListDrawer/types.d.ts.map +1 -1
  47. package/dist/elements/ListDrawer/types.js.map +1 -1
  48. package/dist/elements/Localizer/LocalizerLabel/index.d.ts.map +1 -1
  49. package/dist/elements/Localizer/LocalizerLabel/index.js +9 -5
  50. package/dist/elements/Localizer/LocalizerLabel/index.js.map +1 -1
  51. package/dist/elements/Localizer/LocalizerLabel/index.scss +7 -3
  52. package/dist/elements/Locked/index.d.ts +8 -0
  53. package/dist/elements/Locked/index.d.ts.map +1 -0
  54. package/dist/elements/Locked/index.js +72 -0
  55. package/dist/elements/Locked/index.js.map +1 -0
  56. package/dist/elements/Locked/index.scss +14 -0
  57. package/dist/elements/Pagination/index.d.ts.map +1 -1
  58. package/dist/elements/Pagination/index.js +1 -1
  59. package/dist/elements/Pagination/index.js.map +1 -1
  60. package/dist/elements/PerPage/index.d.ts +5 -5
  61. package/dist/elements/PerPage/index.d.ts.map +1 -1
  62. package/dist/elements/PerPage/index.js +2 -1
  63. package/dist/elements/PerPage/index.js.map +1 -1
  64. package/dist/elements/Pill/index.scss +3 -1
  65. package/dist/elements/PreviewButton/usePreviewURL.d.ts.map +1 -1
  66. package/dist/elements/PreviewButton/usePreviewURL.js +11 -3
  67. package/dist/elements/PreviewButton/usePreviewURL.js.map +1 -1
  68. package/dist/elements/PublishButton/index.d.ts.map +1 -1
  69. package/dist/elements/PublishButton/index.js +97 -46
  70. package/dist/elements/PublishButton/index.js.map +1 -1
  71. package/dist/elements/PublishMany/index.js +2 -1
  72. package/dist/elements/PublishMany/index.js.map +1 -1
  73. package/dist/elements/ReactSelect/index.scss +4 -0
  74. package/dist/elements/RelationshipTable/TableWrapper.d.ts +8 -0
  75. package/dist/elements/RelationshipTable/TableWrapper.d.ts.map +1 -0
  76. package/dist/elements/RelationshipTable/TableWrapper.js +69 -0
  77. package/dist/elements/RelationshipTable/TableWrapper.js.map +1 -0
  78. package/dist/elements/RelationshipTable/cells/DrawerLink/index.d.ts +8 -0
  79. package/dist/elements/RelationshipTable/cells/DrawerLink/index.d.ts.map +1 -0
  80. package/dist/elements/RelationshipTable/cells/DrawerLink/index.js +82 -0
  81. package/dist/elements/RelationshipTable/cells/DrawerLink/index.js.map +1 -0
  82. package/dist/elements/RelationshipTable/cells/DrawerLink/index.scss +4 -0
  83. package/dist/elements/RelationshipTable/index.d.ts +15 -0
  84. package/dist/elements/RelationshipTable/index.d.ts.map +1 -0
  85. package/dist/elements/RelationshipTable/index.js +445 -0
  86. package/dist/elements/RelationshipTable/index.js.map +1 -0
  87. package/dist/elements/RelationshipTable/index.scss +26 -0
  88. package/dist/elements/SelectRow/index.d.ts.map +1 -1
  89. package/dist/elements/SelectRow/index.js +60 -29
  90. package/dist/elements/SelectRow/index.js.map +1 -1
  91. package/dist/elements/SortColumn/index.d.ts +1 -0
  92. package/dist/elements/SortColumn/index.d.ts.map +1 -1
  93. package/dist/elements/SortColumn/index.js +29 -17
  94. package/dist/elements/SortColumn/index.js.map +1 -1
  95. package/dist/elements/SortColumn/index.scss +10 -1
  96. package/dist/elements/Table/DefaultCell/fields/Relationship/index.d.ts +2 -3
  97. package/dist/elements/Table/DefaultCell/fields/Relationship/index.d.ts.map +1 -1
  98. package/dist/elements/Table/DefaultCell/fields/Relationship/index.js +43 -40
  99. package/dist/elements/Table/DefaultCell/fields/Relationship/index.js.map +1 -1
  100. package/dist/elements/Table/DefaultCell/fields/Relationship/index.scss +0 -3
  101. package/dist/elements/Table/DefaultCell/fields/index.d.ts +1 -0
  102. package/dist/elements/Table/DefaultCell/fields/index.d.ts.map +1 -1
  103. package/dist/elements/Table/DefaultCell/fields/index.js +1 -0
  104. package/dist/elements/Table/DefaultCell/fields/index.js.map +1 -1
  105. package/dist/elements/Table/RenderCell.d.ts +11 -0
  106. package/dist/elements/Table/RenderCell.d.ts.map +1 -0
  107. package/dist/elements/Table/RenderCell.js +30 -0
  108. package/dist/elements/Table/RenderCell.js.map +1 -0
  109. package/dist/elements/Table/index.d.ts +3 -6
  110. package/dist/elements/Table/index.d.ts.map +1 -1
  111. package/dist/elements/Table/index.js +36 -31
  112. package/dist/elements/Table/index.js.map +1 -1
  113. package/dist/elements/Table/index.scss +50 -0
  114. package/dist/elements/TableColumns/buildColumnState.d.ts +5 -2
  115. package/dist/elements/TableColumns/buildColumnState.d.ts.map +1 -1
  116. package/dist/elements/TableColumns/buildColumnState.js +35 -22
  117. package/dist/elements/TableColumns/buildColumnState.js.map +1 -1
  118. package/dist/elements/TableColumns/index.d.ts +5 -0
  119. package/dist/elements/TableColumns/index.d.ts.map +1 -1
  120. package/dist/elements/TableColumns/index.js +107 -74
  121. package/dist/elements/TableColumns/index.js.map +1 -1
  122. package/dist/elements/Tooltip/index.d.ts +1 -0
  123. package/dist/elements/Tooltip/index.d.ts.map +1 -1
  124. package/dist/elements/Tooltip/index.js +15 -13
  125. package/dist/elements/Tooltip/index.js.map +1 -1
  126. package/dist/elements/Tooltip/index.scss +2 -2
  127. package/dist/elements/UnpublishMany/index.js +2 -1
  128. package/dist/elements/UnpublishMany/index.js.map +1 -1
  129. package/dist/elements/WhereBuilder/Condition/index.js +32 -30
  130. package/dist/elements/WhereBuilder/Condition/index.js.map +1 -1
  131. package/dist/exports/client/{CodeEditor-CHKRX3U2.js → CodeEditor-CXCLJBIQ.js} +6 -4
  132. package/dist/exports/client/CodeEditor-CXCLJBIQ.js.map +8 -0
  133. package/dist/exports/client/{DatePicker-OLRZVTAD.js → DatePicker-NBYDOP2X.js} +2 -2
  134. package/dist/exports/client/{chunk-JINNHJP7.js → chunk-6MRITTMD.js} +3 -3
  135. package/dist/exports/client/{chunk-JINNHJP7.js.map → chunk-6MRITTMD.js.map} +4 -4
  136. package/dist/exports/client/chunk-W2YIQDPJ.js +14 -0
  137. package/dist/exports/client/{chunk-BGA6EPOL.js.map → chunk-W2YIQDPJ.js.map} +2 -2
  138. package/dist/exports/client/index.d.ts +1 -0
  139. package/dist/exports/client/index.d.ts.map +1 -1
  140. package/dist/exports/client/index.js +19 -19
  141. package/dist/exports/client/index.js.map +4 -4
  142. package/dist/exports/shared/index.js +2 -2
  143. package/dist/exports/shared/index.js.map +2 -2
  144. package/dist/fields/Array/ArrayRow.js +2 -2
  145. package/dist/fields/Array/ArrayRow.js.map +1 -1
  146. package/dist/fields/Blocks/BlockRow.js +2 -2
  147. package/dist/fields/Blocks/BlockRow.js.map +1 -1
  148. package/dist/fields/Collapsible/index.d.ts +16 -16
  149. package/dist/fields/Collapsible/index.d.ts.map +1 -1
  150. package/dist/fields/Group/index.js +2 -2
  151. package/dist/fields/Group/index.js.map +1 -1
  152. package/dist/fields/Join/index.d.ts +9 -0
  153. package/dist/fields/Join/index.d.ts.map +1 -0
  154. package/dist/fields/Join/index.js +75 -0
  155. package/dist/fields/Join/index.js.map +1 -0
  156. package/dist/fields/Password/index.js +29 -25
  157. package/dist/fields/Password/index.js.map +1 -1
  158. package/dist/fields/Relationship/select-components/SingleValue/index.d.ts.map +1 -1
  159. package/dist/fields/Relationship/select-components/SingleValue/index.js +11 -13
  160. package/dist/fields/Relationship/select-components/SingleValue/index.js.map +1 -1
  161. package/dist/fields/Row/index.scss +3 -0
  162. package/dist/fields/Textarea/index.d.ts.map +1 -1
  163. package/dist/fields/Textarea/index.js +2 -0
  164. package/dist/fields/Textarea/index.js.map +1 -1
  165. package/dist/fields/Upload/RelationshipContent/index.js +28 -29
  166. package/dist/fields/Upload/RelationshipContent/index.js.map +1 -1
  167. package/dist/fields/Upload/UploadCard/index.scss +0 -1
  168. package/dist/fields/index.d.ts.map +1 -1
  169. package/dist/fields/index.js +2 -0
  170. package/dist/fields/index.js.map +1 -1
  171. package/dist/forms/Form/index.js +6 -2
  172. package/dist/forms/Form/index.js.map +1 -1
  173. package/dist/forms/NullifyField/index.d.ts.map +1 -1
  174. package/dist/forms/NullifyField/index.js +1 -0
  175. package/dist/forms/NullifyField/index.js.map +1 -1
  176. package/dist/forms/RenderFields/RenderField.d.ts.map +1 -1
  177. package/dist/forms/RenderFields/RenderField.js +3 -1
  178. package/dist/forms/RenderFields/RenderField.js.map +1 -1
  179. package/dist/forms/RenderFields/index.d.ts.map +1 -1
  180. package/dist/forms/RenderFields/index.js +18 -15
  181. package/dist/forms/RenderFields/index.js.map +1 -1
  182. package/dist/forms/buildStateFromSchema/addFieldStatePromise.d.ts.map +1 -1
  183. package/dist/forms/buildStateFromSchema/addFieldStatePromise.js +3 -4
  184. package/dist/forms/buildStateFromSchema/addFieldStatePromise.js.map +1 -1
  185. package/dist/forms/buildStateFromSchema/index.d.ts +2 -0
  186. package/dist/forms/buildStateFromSchema/index.d.ts.map +1 -1
  187. package/dist/forms/buildStateFromSchema/index.js.map +1 -1
  188. package/dist/forms/useField/index.js +203 -111
  189. package/dist/forms/useField/index.js.map +1 -1
  190. package/dist/hooks/useDelay.js +48 -15
  191. package/dist/hooks/useDelay.js.map +1 -1
  192. package/dist/hooks/useDelayedRender.js +71 -32
  193. package/dist/hooks/useDelayedRender.js.map +1 -1
  194. package/dist/hooks/usePayloadAPI.d.ts.map +1 -1
  195. package/dist/hooks/usePayloadAPI.js.map +1 -1
  196. package/dist/icons/Chevron/index.d.ts +3 -3
  197. package/dist/icons/Chevron/index.d.ts.map +1 -1
  198. package/dist/icons/Chevron/index.js +4 -4
  199. package/dist/icons/Chevron/index.js.map +1 -1
  200. package/dist/icons/Chevron/index.scss +9 -1
  201. package/dist/icons/Lock/index.d.ts +6 -0
  202. package/dist/icons/Lock/index.d.ts.map +1 -0
  203. package/dist/icons/Lock/index.js +27 -0
  204. package/dist/icons/Lock/index.js.map +1 -0
  205. package/dist/icons/Lock/index.scss +8 -0
  206. package/dist/providers/Config/createClientConfig/collections.d.ts.map +1 -1
  207. package/dist/providers/Config/createClientConfig/collections.js +11 -1
  208. package/dist/providers/Config/createClientConfig/collections.js.map +1 -1
  209. package/dist/providers/Config/createClientConfig/fields.d.ts.map +1 -1
  210. package/dist/providers/Config/createClientConfig/fields.js +3 -0
  211. package/dist/providers/Config/createClientConfig/fields.js.map +1 -1
  212. package/dist/providers/DocumentInfo/index.d.ts.map +1 -1
  213. package/dist/providers/DocumentInfo/index.js +109 -8
  214. package/dist/providers/DocumentInfo/index.js.map +1 -1
  215. package/dist/providers/DocumentInfo/types.d.ts +32 -27
  216. package/dist/providers/DocumentInfo/types.d.ts.map +1 -1
  217. package/dist/providers/DocumentInfo/types.js.map +1 -1
  218. package/dist/providers/ListQuery/index.d.ts +5 -5
  219. package/dist/providers/ListQuery/index.d.ts.map +1 -1
  220. package/dist/providers/ListQuery/index.js.map +1 -1
  221. package/dist/providers/Preferences/index.js +3 -1
  222. package/dist/providers/Preferences/index.js.map +1 -1
  223. package/dist/providers/Root/index.d.ts.map +1 -1
  224. package/dist/providers/Root/index.js +2 -1
  225. package/dist/providers/Root/index.js.map +1 -1
  226. package/dist/providers/Selection/index.d.ts +2 -1
  227. package/dist/providers/Selection/index.d.ts.map +1 -1
  228. package/dist/providers/Selection/index.js +23 -8
  229. package/dist/providers/Selection/index.js.map +1 -1
  230. package/dist/providers/Translation/index.d.ts.map +1 -1
  231. package/dist/providers/Translation/index.js +5 -7
  232. package/dist/providers/Translation/index.js.map +1 -1
  233. package/dist/styles.css +1 -1
  234. package/dist/utilities/buildFormState.d.ts +9 -3
  235. package/dist/utilities/buildFormState.d.ts.map +1 -1
  236. package/dist/utilities/buildFormState.js +82 -4
  237. package/dist/utilities/buildFormState.js.map +1 -1
  238. package/dist/utilities/deepMerge.d.ts +12 -0
  239. package/dist/utilities/deepMerge.d.ts.map +1 -0
  240. package/dist/utilities/deepMerge.js +25 -0
  241. package/dist/utilities/deepMerge.js.map +1 -0
  242. package/dist/utilities/getFormState.d.ts +8 -2
  243. package/dist/utilities/getFormState.d.ts.map +1 -1
  244. package/dist/utilities/getFormState.js +3 -1
  245. package/dist/utilities/getFormState.js.map +1 -1
  246. package/package.json +15 -15
  247. package/dist/exports/client/CodeEditor-CHKRX3U2.js.map +0 -8
  248. package/dist/exports/client/chunk-BGA6EPOL.js +0 -14
  249. /package/dist/exports/client/{DatePicker-OLRZVTAD.js.map → DatePicker-NBYDOP2X.js.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","ClickableArrow","Page","Separator","nodeTypes","baseClass","Pagination","props","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","currentPage","prevPage","totalPages","updatePage","pages","Array","from","length","_","index","rangeStartIndex","rangeEndIndex","nodes","slice","unshift","type","isFirstPage","push","isLastPage","direction","isDisabled","_jsx","className","map","node","i","isCurrent","NodeType"],"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport './index.scss'\nimport { Page } from './Page/index.js'\nimport { Separator } from './Separator/index.js'\n\nconst nodeTypes = {\n ClickableArrow,\n Page,\n Separator,\n}\n\nconst baseClass = 'paginator'\n\nexport type PaginationProps = {\n hasNextPage?: boolean\n hasPrevPage?: boolean\n limit?: number\n nextPage?: number\n numberOfNeighbors?: number\n onChange?: (page: number) => void\n page?: number\n prevPage?: number\n totalPages?: number\n}\n\nexport type Node =\n | {\n props?: {\n direction?: 'left' | 'right'\n isDisabled?: boolean\n isFirstPage?: boolean\n isLastPage?: boolean\n page?: number\n updatePage: (page?: number) => void\n }\n type: 'ClickableArrow' | 'Page' | 'Separator'\n }\n | number\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n const {\n hasNextPage = false,\n hasPrevPage = false,\n nextPage = null,\n numberOfNeighbors = 1,\n onChange,\n page: currentPage,\n prevPage = null,\n totalPages = null,\n } = props\n\n if (!totalPages || totalPages <= 1) {\n return null\n }\n\n const updatePage = (page) => {\n if (typeof onChange === 'function') {\n onChange(page)\n }\n }\n\n // Create array of integers for each page\n const pages = Array.from({ length: totalPages }, (_, index) => index + 1)\n\n // Assign indices for start and end of the range of pages that should be shown in paginator\n let rangeStartIndex = currentPage - 1 - numberOfNeighbors\n\n // Sanitize rangeStartIndex in case it is less than zero for safe split\n if (rangeStartIndex <= 0) {\n rangeStartIndex = 0\n }\n\n const rangeEndIndex = currentPage - 1 + numberOfNeighbors + 1\n\n // Slice out the range of pages that we want to render\n const nodes: Node[] = pages.slice(rangeStartIndex, rangeEndIndex)\n\n // Add prev separator if necessary\n if (currentPage - numberOfNeighbors - 1 >= 2) {\n nodes.unshift({ type: 'Separator' })\n }\n // Add first page if necessary\n if (currentPage > numberOfNeighbors + 1) {\n nodes.unshift({\n type: 'Page',\n props: {\n isFirstPage: true,\n page: 1,\n updatePage,\n },\n })\n }\n\n // Add next separator if necessary\n if (currentPage + numberOfNeighbors + 1 < totalPages) {\n nodes.push({ type: 'Separator' })\n }\n // Add last page if necessary\n if (rangeEndIndex < totalPages) {\n nodes.push({\n type: 'Page',\n props: {\n isLastPage: true,\n page: totalPages,\n updatePage,\n },\n })\n }\n\n // Add prev and next arrows based on necessity\n nodes.unshift({\n type: 'ClickableArrow',\n props: {\n direction: 'right',\n isDisabled: !hasNextPage,\n updatePage: () => updatePage(nextPage),\n },\n })\n\n nodes.unshift({\n type: 'ClickableArrow',\n props: {\n direction: 'left',\n isDisabled: !hasPrevPage,\n updatePage: () => updatePage(prevPage),\n },\n })\n\n return (\n <div className={baseClass}>\n {nodes.map((node, i) => {\n if (typeof node === 'number') {\n return (\n <Page isCurrent={currentPage === node} key={i} page={node} updatePage={updatePage} />\n )\n }\n\n const NodeType = nodeTypes[node.type]\n\n return <NodeType key={i} {...node.props} />\n })}\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","ClickableArrow","Page","Separator","nodeTypes","baseClass","Pagination","props","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","currentPage","prevPage","totalPages","updatePage","pages","Array","from","length","_","index","rangeStartIndex","rangeEndIndex","nodes","slice","unshift","type","isFirstPage","push","isLastPage","direction","isDisabled","_jsx","className","map","node","i","isCurrent","NodeType"],"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport './index.scss'\nimport { Page } from './Page/index.js'\nimport { Separator } from './Separator/index.js'\n\nconst nodeTypes = {\n ClickableArrow,\n Page,\n Separator,\n}\n\nconst baseClass = 'paginator'\n\nexport type PaginationProps = {\n hasNextPage?: boolean\n hasPrevPage?: boolean\n limit?: number\n nextPage?: number\n numberOfNeighbors?: number\n onChange?: (page: number) => void\n page?: number\n prevPage?: number\n totalPages?: number\n}\n\nexport type Node =\n | {\n props?: {\n direction?: 'left' | 'right'\n isDisabled?: boolean\n isFirstPage?: boolean\n isLastPage?: boolean\n page?: number\n updatePage: (page?: number) => void\n }\n type: 'ClickableArrow' | 'Page' | 'Separator'\n }\n | number\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n const {\n hasNextPage = false,\n hasPrevPage = false,\n nextPage = null,\n numberOfNeighbors = 1,\n onChange,\n page: currentPage,\n prevPage = null,\n totalPages = null,\n } = props\n\n if (!hasNextPage && !hasPrevPage) {\n return null\n }\n\n const updatePage = (page) => {\n if (typeof onChange === 'function') {\n onChange(page)\n }\n }\n\n // Create array of integers for each page\n const pages = Array.from({ length: totalPages }, (_, index) => index + 1)\n\n // Assign indices for start and end of the range of pages that should be shown in paginator\n let rangeStartIndex = currentPage - 1 - numberOfNeighbors\n\n // Sanitize rangeStartIndex in case it is less than zero for safe split\n if (rangeStartIndex <= 0) {\n rangeStartIndex = 0\n }\n\n const rangeEndIndex = currentPage - 1 + numberOfNeighbors + 1\n\n // Slice out the range of pages that we want to render\n const nodes: Node[] = pages.slice(rangeStartIndex, rangeEndIndex)\n\n // Add prev separator if necessary\n if (currentPage - numberOfNeighbors - 1 >= 2) {\n nodes.unshift({ type: 'Separator' })\n }\n\n // Add first page if necessary\n if (currentPage > numberOfNeighbors + 1) {\n nodes.unshift({\n type: 'Page',\n props: {\n isFirstPage: true,\n page: 1,\n updatePage,\n },\n })\n }\n\n // Add next separator if necessary\n if (currentPage + numberOfNeighbors + 1 < totalPages) {\n nodes.push({ type: 'Separator' })\n }\n\n // Add last page if necessary\n if (rangeEndIndex < totalPages) {\n nodes.push({\n type: 'Page',\n props: {\n isLastPage: true,\n page: totalPages,\n updatePage,\n },\n })\n }\n\n // Add prev and next arrows based on necessity\n nodes.unshift({\n type: 'ClickableArrow',\n props: {\n direction: 'right',\n isDisabled: !hasNextPage,\n updatePage: () => updatePage(nextPage),\n },\n })\n\n nodes.unshift({\n type: 'ClickableArrow',\n props: {\n direction: 'left',\n isDisabled: !hasPrevPage,\n updatePage: () => updatePage(prevPage),\n },\n })\n\n return (\n <div className={baseClass}>\n {nodes.map((node, i) => {\n if (typeof node === 'number') {\n return (\n <Page isCurrent={currentPage === node} key={i} page={node} updatePage={updatePage} />\n )\n }\n\n const NodeType = nodeTypes[node.type]\n\n return <NodeType key={i} {...node.props} />\n })}\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
2
  import './index.scss';
3
3
  export type PerPageProps = {
4
- defaultLimit?: number;
5
- handleChange?: (limit: number) => void;
6
- limit: number;
7
- limits: number[];
8
- resetPage?: boolean;
4
+ readonly defaultLimit?: number;
5
+ readonly handleChange?: (limit: number) => void;
6
+ readonly limit: number;
7
+ readonly limits: number[];
8
+ readonly resetPage?: boolean;
9
9
  };
10
10
  export declare const PerPage: React.FC<PerPageProps>;
11
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PerPage/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,YAAY,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsD1C,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PerPage/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsD1C,CAAA"}
@@ -45,7 +45,8 @@ export const PerPage = t0 => {
45
45
  children: [limitNumber === limitToUse && _jsx("div", {
46
46
  className: `${baseClass}__chevron`,
47
47
  children: _jsx(ChevronIcon, {
48
- direction: "right"
48
+ direction: "right",
49
+ size: "small"
49
50
  })
50
51
  }), "\xA0", _jsx("span", {
51
52
  children: limitNumber
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","collectionDefaults","isNumber","React","ChevronIcon","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","t0","$","defaultLimit","t1","handleChange","limit","t2","undefined","t","limitToUse","t3","t4","t5","close","_jsx","ButtonGroup","children","map","limitNumber","i","_jsxs","Button","className","filter","Boolean","join","onClick","direction","button","render"],"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { collectionDefaults, isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'per-page'\n\nconst defaultLimits = collectionDefaults.admin.pagination.limits\n\nexport type PerPageProps = {\n defaultLimit?: number\n handleChange?: (limit: number) => void\n limit: number\n limits: number[]\n resetPage?: boolean\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n defaultLimit = 10,\n handleChange,\n limit,\n limits = defaultLimits,\n}) => {\n const { t } = useTranslation()\n\n const limitToUse = isNumber(limit) ? limit : defaultLimit\n\n return (\n <div className={baseClass}>\n <Popup\n button={\n <div className={`${baseClass}__base-button`}>\n <span>{t('general:perPage', { limit: limitToUse })}</span>\n &nbsp;\n <ChevronIcon className={`${baseClass}__icon`} />\n </div>\n }\n horizontalAlign=\"right\"\n render={({ close }) => (\n <PopupList.ButtonGroup>\n {limits.map((limitNumber, i) => (\n <PopupList.Button\n className={[\n `${baseClass}__button`,\n limitNumber === limitToUse && `${baseClass}__button-active`,\n ]\n .filter(Boolean)\n .join(' ')}\n key={i}\n onClick={() => {\n close()\n if (handleChange) {\n handleChange(limitNumber)\n }\n }}\n >\n {limitNumber === limitToUse && (\n <div className={`${baseClass}__chevron`}>\n <ChevronIcon direction=\"right\" />\n </div>\n )}\n &nbsp;\n <span>{limitNumber}</span>\n </PopupList.Button>\n ))}\n </PopupList.ButtonGroup>\n )}\n size=\"small\"\n />\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA;AACA,SAASC,kBAAkB,EAAEC,QAAQ,QAAQ;AAC7C,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,aAAA,GAAgBR,kBAAA,CAAmBS,KAAK,CAACC,UAAU,CAACC,MAAM;AAUhE,OAAO,MAAMC,OAAA,GAAkCC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB,YAAA,EAAAC,EAAA;IAAAC,YAAA;IAAAC,KAAA;IAAAP,MAAA,EAAAQ;EAAA,IAAAN,EAK/C;EAJC,MAAAE,YAAA,GAAAC,EAAiB,KAAAI,SAAA,QAAjBJ,EAAiB;EAGjB,MAAAL,MAAA,GAAAQ,EAAsB,KAAAC,SAAA,GAAAZ,aAAA,GAAtBW,EAAsB;EAEtB;IAAAE;EAAA,IAAcjB,cAAA;EAEd,MAAAkB,UAAA,GAAmBrB,QAAA,CAASiB,KAAA,IAASA,KAAA,GAAQH,YAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAT,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAO,CAAA,IAAAP,CAAA,QAAAH,MAAA,IAAAG,CAAA,QAAAG,YAAA;IAAA,IAAAO,EAAA;IAAA,IAAAV,CAAA,QAAAH,MAAA,IAAAG,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAG,YAAA;MAa/BO,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAS;QAAA,OAChBE,IAAA,CAAArB,SAAA,CAAAsB,WAAA;UAAAC,QAAA,EACGlB,MAAA,CAAAmB,GAAA,EAAAC,WAAA,EAAAC,CAAA,KACCC,KAAA,CAAA3B,SAAA,CAAA4B,MAAA;YAAAC,SAAA,EACa,CACT,GAAA5B,SAAA,UAAsB,EACtBwB,WAAA,KAAgBT,UAAA,IAAc,GAAAf,SAAA,iBAA6B,EAAA6B,MAAA,CAAAC,OAEnD,EAAAC,IAAA,CACF;YAAAC,OAAA,EAAAA,CAAA;cAGNb,KAAA;cAAA,IACIT,YAAA;gBACFA,YAAA,CAAac,WAAA;cAAA;YAAA;YAAAF,QAAA,GAIhBE,WAAA,KAAgBT,UAAA,IACfK,IAAA,CAAC;cAAAQ,SAAA,EAAe,GAAA5B,SAAA,WAAuB;cAAAsB,QAAA,EACrCF,IAAA,CAAAxB,WAAA;gBAAAqC,SAAA,EAAuB;cAAA,C;gBAEzB,QAEFb,IAAA,CAAC;cAAAE,QAAA,EAAME;YAAA,C;aAdFC,CAAA;QAAA,C;;;;;;;;;IApBjBT,EAAA,GAAAI,IAAA,CAAC;MAAAQ,SAAA,EAAA5B,SAAA;MAAAsB,QAAA,EACCF,IAAA,CAAAtB,KAAA;QAAAoC,MAAA,EAEIR,KAAA,CAAC;UAAAE,SAAA,EAAe,GAAA5B,SAAA,eAA2B;UAAAsB,QAAA,GACzCF,IAAA,CAAC;YAAAE,QAAA,EAAMR,CAAA,CAAE;cAAAH,KAAA,EAA4BI;YAAA,CAAW;UAAA,C,GAAU,QAE1DK,IAAA,CAAAxB,WAAA;YAAAgC,SAAA,EAAwB,GAAA5B,SAAA;UAAoB,C;;yBAGhC;QAAAmC,MAAA,EACRlB,E;cA6BH;MAAA,C;;;;;;;;;;SAvCTD,E;CA2CJ","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","collectionDefaults","isNumber","React","ChevronIcon","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","t0","$","defaultLimit","t1","handleChange","limit","t2","undefined","t","limitToUse","t3","t4","t5","close","_jsx","ButtonGroup","children","map","limitNumber","i","_jsxs","Button","className","filter","Boolean","join","onClick","direction","size","button","render"],"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { collectionDefaults, isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'per-page'\n\nconst defaultLimits = collectionDefaults.admin.pagination.limits\n\nexport type PerPageProps = {\n readonly defaultLimit?: number\n readonly handleChange?: (limit: number) => void\n readonly limit: number\n readonly limits: number[]\n readonly resetPage?: boolean\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n defaultLimit = 10,\n handleChange,\n limit,\n limits = defaultLimits,\n}) => {\n const { t } = useTranslation()\n\n const limitToUse = isNumber(limit) ? limit : defaultLimit\n\n return (\n <div className={baseClass}>\n <Popup\n button={\n <div className={`${baseClass}__base-button`}>\n <span>{t('general:perPage', { limit: limitToUse })}</span>\n &nbsp;\n <ChevronIcon className={`${baseClass}__icon`} />\n </div>\n }\n horizontalAlign=\"right\"\n render={({ close }) => (\n <PopupList.ButtonGroup>\n {limits.map((limitNumber, i) => (\n <PopupList.Button\n className={[\n `${baseClass}__button`,\n limitNumber === limitToUse && `${baseClass}__button-active`,\n ]\n .filter(Boolean)\n .join(' ')}\n key={i}\n onClick={() => {\n close()\n if (handleChange) {\n handleChange(limitNumber)\n }\n }}\n >\n {limitNumber === limitToUse && (\n <div className={`${baseClass}__chevron`}>\n <ChevronIcon direction=\"right\" size=\"small\" />\n </div>\n )}\n &nbsp;\n <span>{limitNumber}</span>\n </PopupList.Button>\n ))}\n </PopupList.ButtonGroup>\n )}\n size=\"small\"\n />\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA;AACA,SAASC,kBAAkB,EAAEC,QAAQ,QAAQ;AAC7C,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,aAAA,GAAgBR,kBAAA,CAAmBS,KAAK,CAACC,UAAU,CAACC,MAAM;AAUhE,OAAO,MAAMC,OAAA,GAAkCC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB,YAAA,EAAAC,EAAA;IAAAC,YAAA;IAAAC,KAAA;IAAAP,MAAA,EAAAQ;EAAA,IAAAN,EAK/C;EAJC,MAAAE,YAAA,GAAAC,EAAiB,KAAAI,SAAA,QAAjBJ,EAAiB;EAGjB,MAAAL,MAAA,GAAAQ,EAAsB,KAAAC,SAAA,GAAAZ,aAAA,GAAtBW,EAAsB;EAEtB;IAAAE;EAAA,IAAcjB,cAAA;EAEd,MAAAkB,UAAA,GAAmBrB,QAAA,CAASiB,KAAA,IAASA,KAAA,GAAQH,YAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAT,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAO,CAAA,IAAAP,CAAA,QAAAH,MAAA,IAAAG,CAAA,QAAAG,YAAA;IAAA,IAAAO,EAAA;IAAA,IAAAV,CAAA,QAAAH,MAAA,IAAAG,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAG,YAAA;MAa/BO,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAS;QAAA,OAChBE,IAAA,CAAArB,SAAA,CAAAsB,WAAA;UAAAC,QAAA,EACGlB,MAAA,CAAAmB,GAAA,EAAAC,WAAA,EAAAC,CAAA,KACCC,KAAA,CAAA3B,SAAA,CAAA4B,MAAA;YAAAC,SAAA,EACa,CACT,GAAA5B,SAAA,UAAsB,EACtBwB,WAAA,KAAgBT,UAAA,IAAc,GAAAf,SAAA,iBAA6B,EAAA6B,MAAA,CAAAC,OAEnD,EAAAC,IAAA,CACF;YAAAC,OAAA,EAAAA,CAAA;cAGNb,KAAA;cAAA,IACIT,YAAA;gBACFA,YAAA,CAAac,WAAA;cAAA;YAAA;YAAAF,QAAA,GAIhBE,WAAA,KAAgBT,UAAA,IACfK,IAAA,CAAC;cAAAQ,SAAA,EAAe,GAAA5B,SAAA,WAAuB;cAAAsB,QAAA,EACrCF,IAAA,CAAAxB,WAAA;gBAAAqC,SAAA,EAAuB;gBAAAC,IAAA,EAAa;cAAA,C;gBAEtC,QAEFd,IAAA,CAAC;cAAAE,QAAA,EAAME;YAAA,C;aAdFC,CAAA;QAAA,C;;;;;;;;;IApBjBT,EAAA,GAAAI,IAAA,CAAC;MAAAQ,SAAA,EAAA5B,SAAA;MAAAsB,QAAA,EACCF,IAAA,CAAAtB,KAAA;QAAAqC,MAAA,EAEIT,KAAA,CAAC;UAAAE,SAAA,EAAe,GAAA5B,SAAA,eAA2B;UAAAsB,QAAA,GACzCF,IAAA,CAAC;YAAAE,QAAA,EAAMR,CAAA,CAAE;cAAAH,KAAA,EAA4BI;YAAA,CAAW;UAAA,C,GAAU,QAE1DK,IAAA,CAAAxB,WAAA;YAAAgC,SAAA,EAAwB,GAAA5B,SAAA;UAAoB,C;;yBAGhC;QAAAoC,MAAA,EACRnB,E;cA6BH;MAAA,C;;;;;;;;;;SAvCTD,E;CA2CJ","ignoreList":[]}
@@ -15,6 +15,7 @@
15
15
  padding: 0 base(0.4);
16
16
  align-items: center;
17
17
  flex-shrink: 0;
18
+ gap: base(0.2);
18
19
 
19
20
  &--rounded {
20
21
  border-radius: var(--style-radius-l);
@@ -54,7 +55,8 @@
54
55
 
55
56
  &--has-icon {
56
57
  padding-inline-start: base(0.4);
57
- padding-inline-end: base(0.1);
58
+ padding-inline-end: base(0.3);
59
+
58
60
  svg {
59
61
  display: block;
60
62
  }
@@ -1 +1 @@
1
- {"version":3,"file":"usePreviewURL.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/usePreviewURL.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,aAAa,QAAO;IAC/B,kBAAkB,EAAE,CAAC,EAAE,iBAAiB,EAAE,EAAE;QAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACpF,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CAsEnB,CAAA"}
1
+ {"version":3,"file":"usePreviewURL.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/usePreviewURL.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa,QAAO;IAC/B,kBAAkB,EAAE,CAAC,EAAE,iBAAiB,EAAE,EAAE;QAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACpF,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CA8EnB,CAAA"}
@@ -1,5 +1,6 @@
1
1
  'use client';
2
2
 
3
+ import * as qs from 'qs-esm';
3
4
  import { useCallback, useRef, useState } from 'react';
4
5
  import { toast } from 'sonner';
5
6
  import { useConfig } from '../../providers/Config/index.js';
@@ -10,13 +11,15 @@ export const usePreviewURL = () => {
10
11
  const {
11
12
  id,
12
13
  collectionSlug,
13
- globalSlug
14
+ globalSlug,
15
+ versions
14
16
  } = useDocumentInfo();
15
17
  const [isLoading, setIsLoading] = useState(false);
16
18
  const [previewURL, setPreviewURL] = useState('');
17
19
  const {
18
20
  code: locale
19
21
  } = useLocale();
22
+ const hasVersions = versions?.totalDocs > 0;
20
23
  const {
21
24
  config: {
22
25
  routes: {
@@ -48,7 +51,11 @@ export const usePreviewURL = () => {
48
51
  if (globalSlug) {
49
52
  url = `${url}/globals/${globalSlug}/preview`;
50
53
  }
51
- const res = await fetch(`${url}${locale ? `?locale=${locale}` : ''}`);
54
+ const params = {
55
+ draft: hasVersions ? 'true' : 'false',
56
+ locale: locale || undefined
57
+ };
58
+ const res = await fetch(`${url}?${qs.stringify(params)}`);
52
59
  if (!res.ok) {
53
60
  throw new Error();
54
61
  }
@@ -67,8 +74,9 @@ export const usePreviewURL = () => {
67
74
  isGeneratingPreviewURL.current = false;
68
75
  toast.error(t('error:previewing'));
69
76
  }
70
- }, [serverURL, api, collectionSlug, globalSlug, id, locale, t]);
77
+ }, [serverURL, api, collectionSlug, globalSlug, hasVersions, locale, id, t]);
71
78
  return {
79
+ // eslint-disable-next-line @typescript-eslint/no-misused-promises
72
80
  generatePreviewURL,
73
81
  isLoading,
74
82
  label: isLoading ? t('general:loading') : t('version:preview'),
@@ -1 +1 @@
1
- {"version":3,"file":"usePreviewURL.js","names":["useCallback","useRef","useState","toast","useConfig","useDocumentInfo","useLocale","useTranslation","usePreviewURL","id","collectionSlug","globalSlug","isLoading","setIsLoading","previewURL","setPreviewURL","code","locale","config","routes","api","serverURL","t","isGeneratingPreviewURL","generatePreviewURL","openPreviewWindow","current","url","res","fetch","ok","Error","newPreviewURL","json","window","open","err","error","label"],"sources":["../../../src/elements/PreviewButton/usePreviewURL.tsx"],"sourcesContent":["'use client'\nimport { useCallback, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\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'\n\nexport const usePreviewURL = (): {\n generatePreviewURL: ({ openPreviewWindow }: { openPreviewWindow?: boolean }) => void\n isLoading: boolean\n label: string\n previewURL: string\n} => {\n const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n const [isLoading, setIsLoading] = useState(false)\n const [previewURL, setPreviewURL] = useState('')\n const { code: locale } = useLocale()\n\n const {\n config: {\n routes: { api },\n serverURL,\n },\n } = useConfig()\n\n const { t } = useTranslation()\n\n const isGeneratingPreviewURL = useRef(false)\n\n // we need to regenerate the preview URL every time the button is clicked\n // to do this we need to fetch the document data fresh from the API\n // this will ensure the latest data is used when generating the preview URL\n const generatePreviewURL = useCallback(\n async ({ openPreviewWindow = false }) => {\n if (isGeneratingPreviewURL.current) {\n return\n }\n isGeneratingPreviewURL.current = true\n\n try {\n setIsLoading(true)\n\n let url = `${serverURL}${api}`\n if (collectionSlug) {\n url = `${url}/${collectionSlug}/${id}/preview`\n }\n if (globalSlug) {\n url = `${url}/globals/${globalSlug}/preview`\n }\n\n const res = await fetch(`${url}${locale ? `?locale=${locale}` : ''}`)\n\n if (!res.ok) {\n throw new Error()\n }\n const newPreviewURL = await res.json()\n if (!newPreviewURL) {\n throw new Error()\n }\n setPreviewURL(newPreviewURL)\n setIsLoading(false)\n isGeneratingPreviewURL.current = false\n if (openPreviewWindow) {\n window.open(newPreviewURL, '_blank')\n }\n } catch (err) {\n setIsLoading(false)\n isGeneratingPreviewURL.current = false\n toast.error(t('error:previewing'))\n }\n },\n [serverURL, api, collectionSlug, globalSlug, id, locale, t],\n )\n\n return {\n generatePreviewURL,\n isLoading,\n label: isLoading ? t('general:loading') : t('version:preview'),\n previewURL,\n }\n}\n"],"mappings":"AAAA;;AACA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAC9C,SAASC,KAAK,QAAQ;AAEtB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,aAAA,GAAgBA,CAAA;EAM3B,MAAM;IAAEC,EAAE;IAAEC,cAAc;IAAEC;EAAU,CAAE,GAAGN,eAAA;EAE3C,MAAM,CAACO,SAAA,EAAWC,YAAA,CAAa,GAAGX,QAAA,CAAS;EAC3C,MAAM,CAACY,UAAA,EAAYC,aAAA,CAAc,GAAGb,QAAA,CAAS;EAC7C,MAAM;IAAEc,IAAA,EAAMC;EAAM,CAAE,GAAGX,SAAA;EAEzB,MAAM;IACJY,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC;MAAG,CAAE;MACfC;IAAS;EACV,CACF,GAAGjB,SAAA;EAEJ,MAAM;IAAEkB;EAAC,CAAE,GAAGf,cAAA;EAEd,MAAMgB,sBAAA,GAAyBtB,MAAA,CAAO;EAEtC;EACA;EACA;EACA,MAAMuB,kBAAA,GAAqBxB,WAAA,CACzB,OAAO;IAAEyB,iBAAA,GAAoB;EAAK,CAAE;IAClC,IAAIF,sBAAA,CAAuBG,OAAO,EAAE;MAClC;IACF;IACAH,sBAAA,CAAuBG,OAAO,GAAG;IAEjC,IAAI;MACFb,YAAA,CAAa;MAEb,IAAIc,GAAA,GAAM,GAAGN,SAAA,GAAYD,GAAA,EAAK;MAC9B,IAAIV,cAAA,EAAgB;QAClBiB,GAAA,GAAM,GAAGA,GAAA,IAAOjB,cAAA,IAAkBD,EAAA,UAAY;MAChD;MACA,IAAIE,UAAA,EAAY;QACdgB,GAAA,GAAM,GAAGA,GAAA,YAAehB,UAAA,UAAoB;MAC9C;MAEA,MAAMiB,GAAA,GAAM,MAAMC,KAAA,CAAM,GAAGF,GAAA,GAAMV,MAAA,GAAS,WAAWA,MAAA,EAAQ,GAAG,IAAI;MAEpE,IAAI,CAACW,GAAA,CAAIE,EAAE,EAAE;QACX,MAAM,IAAIC,KAAA;MACZ;MACA,MAAMC,aAAA,GAAgB,MAAMJ,GAAA,CAAIK,IAAI;MACpC,IAAI,CAACD,aAAA,EAAe;QAClB,MAAM,IAAID,KAAA;MACZ;MACAhB,aAAA,CAAciB,aAAA;MACdnB,YAAA,CAAa;MACbU,sBAAA,CAAuBG,OAAO,GAAG;MACjC,IAAID,iBAAA,EAAmB;QACrBS,MAAA,CAAOC,IAAI,CAACH,aAAA,EAAe;MAC7B;IACF,EAAE,OAAOI,GAAA,EAAK;MACZvB,YAAA,CAAa;MACbU,sBAAA,CAAuBG,OAAO,GAAG;MACjCvB,KAAA,CAAMkC,KAAK,CAACf,CAAA,CAAE;IAChB;EACF,GACA,CAACD,SAAA,EAAWD,GAAA,EAAKV,cAAA,EAAgBC,UAAA,EAAYF,EAAA,EAAIQ,MAAA,EAAQK,CAAA,CAAE;EAG7D,OAAO;IACLE,kBAAA;IACAZ,SAAA;IACA0B,KAAA,EAAO1B,SAAA,GAAYU,CAAA,CAAE,qBAAqBA,CAAA,CAAE;IAC5CR;EACF;AACF","ignoreList":[]}
1
+ {"version":3,"file":"usePreviewURL.js","names":["qs","useCallback","useRef","useState","toast","useConfig","useDocumentInfo","useLocale","useTranslation","usePreviewURL","id","collectionSlug","globalSlug","versions","isLoading","setIsLoading","previewURL","setPreviewURL","code","locale","hasVersions","totalDocs","config","routes","api","serverURL","t","isGeneratingPreviewURL","generatePreviewURL","openPreviewWindow","current","url","params","draft","undefined","res","fetch","stringify","ok","Error","newPreviewURL","json","window","open","err","error","label"],"sources":["../../../src/elements/PreviewButton/usePreviewURL.tsx"],"sourcesContent":["'use client'\nimport * as qs from 'qs-esm'\nimport { useCallback, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\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'\n\nexport const usePreviewURL = (): {\n generatePreviewURL: ({ openPreviewWindow }: { openPreviewWindow?: boolean }) => void\n isLoading: boolean\n label: string\n previewURL: string\n} => {\n const { id, collectionSlug, globalSlug, versions } = useDocumentInfo()\n\n const [isLoading, setIsLoading] = useState(false)\n const [previewURL, setPreviewURL] = useState('')\n const { code: locale } = useLocale()\n\n const hasVersions = versions?.totalDocs > 0\n\n const {\n config: {\n routes: { api },\n serverURL,\n },\n } = useConfig()\n\n const { t } = useTranslation()\n\n const isGeneratingPreviewURL = useRef(false)\n\n // we need to regenerate the preview URL every time the button is clicked\n // to do this we need to fetch the document data fresh from the API\n // this will ensure the latest data is used when generating the preview URL\n const generatePreviewURL = useCallback(\n async ({ openPreviewWindow = false }) => {\n if (isGeneratingPreviewURL.current) {\n return\n }\n isGeneratingPreviewURL.current = true\n\n try {\n setIsLoading(true)\n\n let url = `${serverURL}${api}`\n if (collectionSlug) {\n url = `${url}/${collectionSlug}/${id}/preview`\n }\n if (globalSlug) {\n url = `${url}/globals/${globalSlug}/preview`\n }\n\n const params = {\n draft: hasVersions ? 'true' : 'false',\n locale: locale || undefined,\n }\n\n const res = await fetch(`${url}?${qs.stringify(params)}`)\n\n if (!res.ok) {\n throw new Error()\n }\n const newPreviewURL = await res.json()\n if (!newPreviewURL) {\n throw new Error()\n }\n setPreviewURL(newPreviewURL)\n setIsLoading(false)\n isGeneratingPreviewURL.current = false\n if (openPreviewWindow) {\n window.open(newPreviewURL, '_blank')\n }\n } catch (err) {\n setIsLoading(false)\n isGeneratingPreviewURL.current = false\n toast.error(t('error:previewing'))\n }\n },\n [serverURL, api, collectionSlug, globalSlug, hasVersions, locale, id, t],\n )\n\n return {\n // eslint-disable-next-line @typescript-eslint/no-misused-promises\n generatePreviewURL,\n isLoading,\n label: isLoading ? t('general:loading') : t('version:preview'),\n previewURL,\n }\n}\n"],"mappings":"AAAA;;AACA,YAAYA,EAAA,MAAQ;AACpB,SAASC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAC9C,SAASC,KAAK,QAAQ;AAEtB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,aAAA,GAAgBA,CAAA;EAM3B,MAAM;IAAEC,EAAE;IAAEC,cAAc;IAAEC,UAAU;IAAEC;EAAQ,CAAE,GAAGP,eAAA;EAErD,MAAM,CAACQ,SAAA,EAAWC,YAAA,CAAa,GAAGZ,QAAA,CAAS;EAC3C,MAAM,CAACa,UAAA,EAAYC,aAAA,CAAc,GAAGd,QAAA,CAAS;EAC7C,MAAM;IAAEe,IAAA,EAAMC;EAAM,CAAE,GAAGZ,SAAA;EAEzB,MAAMa,WAAA,GAAcP,QAAA,EAAUQ,SAAA,GAAY;EAE1C,MAAM;IACJC,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC;MAAG,CAAE;MACfC;IAAS;EACV,CACF,GAAGpB,SAAA;EAEJ,MAAM;IAAEqB;EAAC,CAAE,GAAGlB,cAAA;EAEd,MAAMmB,sBAAA,GAAyBzB,MAAA,CAAO;EAEtC;EACA;EACA;EACA,MAAM0B,kBAAA,GAAqB3B,WAAA,CACzB,OAAO;IAAE4B,iBAAA,GAAoB;EAAK,CAAE;IAClC,IAAIF,sBAAA,CAAuBG,OAAO,EAAE;MAClC;IACF;IACAH,sBAAA,CAAuBG,OAAO,GAAG;IAEjC,IAAI;MACFf,YAAA,CAAa;MAEb,IAAIgB,GAAA,GAAM,GAAGN,SAAA,GAAYD,GAAA,EAAK;MAC9B,IAAIb,cAAA,EAAgB;QAClBoB,GAAA,GAAM,GAAGA,GAAA,IAAOpB,cAAA,IAAkBD,EAAA,UAAY;MAChD;MACA,IAAIE,UAAA,EAAY;QACdmB,GAAA,GAAM,GAAGA,GAAA,YAAenB,UAAA,UAAoB;MAC9C;MAEA,MAAMoB,MAAA,GAAS;QACbC,KAAA,EAAOb,WAAA,GAAc,SAAS;QAC9BD,MAAA,EAAQA,MAAA,IAAUe;MACpB;MAEA,MAAMC,GAAA,GAAM,MAAMC,KAAA,CAAM,GAAGL,GAAA,IAAO/B,EAAA,CAAGqC,SAAS,CAACL,MAAA,GAAS;MAExD,IAAI,CAACG,GAAA,CAAIG,EAAE,EAAE;QACX,MAAM,IAAIC,KAAA;MACZ;MACA,MAAMC,aAAA,GAAgB,MAAML,GAAA,CAAIM,IAAI;MACpC,IAAI,CAACD,aAAA,EAAe;QAClB,MAAM,IAAID,KAAA;MACZ;MACAtB,aAAA,CAAcuB,aAAA;MACdzB,YAAA,CAAa;MACbY,sBAAA,CAAuBG,OAAO,GAAG;MACjC,IAAID,iBAAA,EAAmB;QACrBa,MAAA,CAAOC,IAAI,CAACH,aAAA,EAAe;MAC7B;IACF,EAAE,OAAOI,GAAA,EAAK;MACZ7B,YAAA,CAAa;MACbY,sBAAA,CAAuBG,OAAO,GAAG;MACjC1B,KAAA,CAAMyC,KAAK,CAACnB,CAAA,CAAE;IAChB;EACF,GACA,CAACD,SAAA,EAAWD,GAAA,EAAKb,cAAA,EAAgBC,UAAA,EAAYQ,WAAA,EAAaD,MAAA,EAAQT,EAAA,EAAIgB,CAAA,CAAE;EAG1E,OAAO;IACL;IACAE,kBAAA;IACAd,SAAA;IACAgC,KAAA,EAAOhC,SAAA,GAAYY,CAAA,CAAE,qBAAqBA,CAAA,CAAE;IAC5CV;EACF;AACF","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAsB,MAAM,OAAO,CAAA;AAa1C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CA8F7D,CAAA;AAED,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAKzC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAsB,MAAM,OAAO,CAAA;AAa1C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAyI7D,CAAA;AAED,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAKzC,CAAA"}
@@ -2,6 +2,7 @@
2
2
 
3
3
  import { c as _c } from "react/compiler-runtime";
4
4
  import { jsx as _jsx } from "react/jsx-runtime";
5
+ import * as qs from 'qs-esm';
5
6
  import React, { useCallback } from 'react';
6
7
  import { useForm, useFormModified } from '../../forms/Form/context.js';
7
8
  import { FormSubmit } from '../../forms/Submit/index.js';
@@ -13,21 +14,12 @@ import { useEditDepth } from '../../providers/EditDepth/index.js';
13
14
  import { useLocale } from '../../providers/Locale/index.js';
14
15
  import { useOperation } from '../../providers/Operation/index.js';
15
16
  import { useTranslation } from '../../providers/Translation/index.js';
17
+ import { PopupList } from '../Popup/index.js';
16
18
  export const DefaultPublishButton = t0 => {
17
- const $ = _c(24);
19
+ const $ = _c(36);
18
20
  const {
19
21
  label: labelProp
20
22
  } = t0;
21
- const {
22
- config: t1
23
- } = useConfig();
24
- const {
25
- routes: t2,
26
- serverURL
27
- } = t1;
28
- const {
29
- api
30
- } = t2;
31
23
  const {
32
24
  id,
33
25
  collectionSlug,
@@ -37,6 +29,9 @@ export const DefaultPublishButton = t0 => {
37
29
  publishedDoc,
38
30
  unpublishedVersions
39
31
  } = useDocumentInfo();
32
+ const {
33
+ config
34
+ } = useConfig();
40
35
  const {
41
36
  submit
42
37
  } = useForm();
@@ -46,25 +41,37 @@ export const DefaultPublishButton = t0 => {
46
41
  code: locale
47
42
  } = useLocale();
48
43
  const {
44
+ localization,
45
+ routes: t1,
46
+ serverURL
47
+ } = config;
48
+ const {
49
+ api
50
+ } = t1;
51
+ const {
52
+ i18n,
49
53
  t
50
54
  } = useTranslation();
51
- let t3;
55
+ const {
56
+ code
57
+ } = useLocale();
58
+ let t2;
52
59
  if ($[0] !== labelProp || $[1] !== t) {
53
- t3 = labelProp || t("version:publishChanges");
60
+ t2 = labelProp || t("version:publishChanges");
54
61
  $[0] = labelProp;
55
62
  $[1] = t;
56
- $[2] = t3;
63
+ $[2] = t2;
57
64
  } else {
58
- t3 = $[2];
65
+ t2 = $[2];
59
66
  }
60
- const label = t3;
67
+ const label = t2;
61
68
  const hasNewerVersions = unpublishedVersions?.totalDocs > 0;
62
69
  const canPublish = hasPublishPermission && (modified || hasNewerVersions || !publishedDoc);
63
70
  const operation = useOperation();
64
71
  const forceDisable = operation === "update" && !modified;
65
- let t4;
72
+ let t3;
66
73
  if ($[3] !== forceDisable || $[4] !== locale || $[5] !== collectionSlug || $[6] !== serverURL || $[7] !== api || $[8] !== id || $[9] !== globalSlug || $[10] !== submit) {
67
- t4 = async () => {
74
+ t3 = async () => {
68
75
  if (forceDisable) {
69
76
  return;
70
77
  }
@@ -97,33 +104,33 @@ export const DefaultPublishButton = t0 => {
97
104
  $[8] = id;
98
105
  $[9] = globalSlug;
99
106
  $[10] = submit;
100
- $[11] = t4;
107
+ $[11] = t3;
101
108
  } else {
102
- t4 = $[11];
109
+ t3 = $[11];
103
110
  }
104
- const saveDraft = t4;
105
- let t5;
111
+ const saveDraft = t3;
112
+ let t4;
106
113
  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
107
- t5 = ["s"];
108
- $[12] = t5;
114
+ t4 = ["s"];
115
+ $[12] = t4;
109
116
  } else {
110
- t5 = $[12];
117
+ t4 = $[12];
111
118
  }
112
- let t6;
119
+ let t5;
113
120
  if ($[13] !== editDepth) {
114
- t6 = {
121
+ t5 = {
115
122
  cmdCtrlKey: true,
116
123
  editDepth,
117
- keyCodes: t5
124
+ keyCodes: t4
118
125
  };
119
126
  $[13] = editDepth;
120
- $[14] = t6;
127
+ $[14] = t5;
121
128
  } else {
122
- t6 = $[14];
129
+ t5 = $[14];
123
130
  }
124
- let t7;
131
+ let t6;
125
132
  if ($[15] !== saveDraft || $[16] !== docConfig.versions) {
126
- t7 = e => {
133
+ t6 = e => {
127
134
  e.preventDefault();
128
135
  e.stopPropagation();
129
136
  if (saveDraft && docConfig.versions?.drafts && docConfig.versions?.drafts?.autosave) {
@@ -132,14 +139,14 @@ export const DefaultPublishButton = t0 => {
132
139
  };
133
140
  $[15] = saveDraft;
134
141
  $[16] = docConfig.versions;
135
- $[17] = t7;
142
+ $[17] = t6;
136
143
  } else {
137
- t7 = $[17];
144
+ t6 = $[17];
138
145
  }
139
- useHotkey(t6, t7);
140
- let t8;
146
+ useHotkey(t5, t6);
147
+ let t7;
141
148
  if ($[18] !== submit) {
142
- t8 = () => {
149
+ t7 = () => {
143
150
  submit({
144
151
  overrides: {
145
152
  _status: "published"
@@ -147,31 +154,75 @@ export const DefaultPublishButton = t0 => {
147
154
  });
148
155
  };
149
156
  $[18] = submit;
150
- $[19] = t8;
157
+ $[19] = t7;
151
158
  } else {
152
- t8 = $[19];
159
+ t7 = $[19];
153
160
  }
154
- const publish = t8;
161
+ const publish = t7;
162
+ let t8;
163
+ if ($[20] !== serverURL || $[21] !== api || $[22] !== globalSlug || $[23] !== collectionSlug || $[24] !== id || $[25] !== submit) {
164
+ t8 = locale_0 => {
165
+ const params = qs.stringify({
166
+ publishSpecificLocale: locale_0
167
+ });
168
+ const action_0 = `${serverURL}${api}${globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}/${id ? `${"/" + id}` : ""}`}${params ? "?" + params : ""}`;
169
+ submit({
170
+ action: action_0,
171
+ overrides: {
172
+ _status: "published"
173
+ }
174
+ });
175
+ };
176
+ $[20] = serverURL;
177
+ $[21] = api;
178
+ $[22] = globalSlug;
179
+ $[23] = collectionSlug;
180
+ $[24] = id;
181
+ $[25] = submit;
182
+ $[26] = t8;
183
+ } else {
184
+ t8 = $[26];
185
+ }
186
+ const publishSpecificLocale = t8;
155
187
  if (!hasPublishPermission) {
156
188
  return null;
157
189
  }
158
190
  const t9 = !canPublish;
159
191
  let t10;
160
- if ($[20] !== t9 || $[21] !== publish || $[22] !== label) {
192
+ if ($[27] !== localization || $[28] !== i18n || $[29] !== code || $[30] !== publishSpecificLocale || $[31] !== t || $[32] !== t9 || $[33] !== publish || $[34] !== label) {
161
193
  t10 = _jsx(FormSubmit, {
162
194
  buttonId: "action-save",
163
195
  disabled: t9,
164
196
  onClick: publish,
165
197
  size: "medium",
198
+ SubMenuPopupContent: localization ? localization.locales.map(locale_1 => {
199
+ const formattedLabel = typeof locale_1.label === "string" ? locale_1.label : locale_1.label && locale_1.label[i18n?.language];
200
+ const isActive = typeof locale_1 === "string" ? locale_1 === code : locale_1.code === code;
201
+ if (isActive) {
202
+ return _jsx(PopupList.ButtonGroup, {
203
+ children: _jsx(PopupList.Button, {
204
+ onClick: () => publishSpecificLocale(locale_1.code),
205
+ children: t("version:publishIn", {
206
+ locale: formattedLabel || locale_1.code
207
+ })
208
+ })
209
+ }, locale_1.code);
210
+ }
211
+ }) : null,
166
212
  type: "button",
167
213
  children: label
168
214
  });
169
- $[20] = t9;
170
- $[21] = publish;
171
- $[22] = label;
172
- $[23] = t10;
215
+ $[27] = localization;
216
+ $[28] = i18n;
217
+ $[29] = code;
218
+ $[30] = publishSpecificLocale;
219
+ $[31] = t;
220
+ $[32] = t9;
221
+ $[33] = publish;
222
+ $[34] = label;
223
+ $[35] = t10;
173
224
  } else {
174
- t10 = $[23];
225
+ t10 = $[35];
175
226
  }
176
227
  return t10;
177
228
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useForm","useFormModified","FormSubmit","useHotkey","useConfig","RenderComponent","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","DefaultPublishButton","t0","$","label","labelProp","config","t1","routes","t2","serverURL","api","id","collectionSlug","docConfig","globalSlug","hasPublishPermission","publishedDoc","unpublishedVersions","submit","modified","editDepth","code","locale","t","t3","hasNewerVersions","totalDocs","canPublish","operation","forceDisable","t4","search","action","method","overrides","_status","skipValidation","saveDraft","t5","Symbol","for","t6","cmdCtrlKey","keyCodes","t7","versions","e","preventDefault","stopPropagation","drafts","autosave","t8","publish","t9","t10","_jsx","buttonId","disabled","onClick","size","type","children","PublishButton","CustomComponent","mappedComponent"],"sources":["../../../src/elements/PublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { MappedComponent } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const DefaultPublishButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n const {\n config: {\n routes: { api },\n serverURL,\n },\n } = useConfig()\n\n const {\n id,\n collectionSlug,\n docConfig,\n globalSlug,\n hasPublishPermission,\n publishedDoc,\n unpublishedVersions,\n } = useDocumentInfo()\n\n const { submit } = useForm()\n const modified = useFormModified()\n const editDepth = useEditDepth()\n const { code: locale } = useLocale()\n\n const { t } = useTranslation()\n const label = labelProp || t('version:publishChanges')\n\n const hasNewerVersions = unpublishedVersions?.totalDocs > 0\n const canPublish = hasPublishPermission && (modified || hasNewerVersions || !publishedDoc)\n const operation = useOperation()\n\n const forceDisable = operation === 'update' && !modified\n\n const saveDraft = useCallback(async () => {\n if (forceDisable) {\n return\n }\n\n const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n let action\n let method = 'POST'\n\n if (collectionSlug) {\n action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n if (id) {\n method = 'PATCH'\n }\n }\n\n if (globalSlug) {\n action = `${serverURL}${api}/globals/${globalSlug}${search}`\n }\n\n await submit({\n action,\n method,\n overrides: {\n _status: 'draft',\n },\n skipValidation: true,\n })\n }, [submit, collectionSlug, globalSlug, serverURL, api, locale, id, forceDisable])\n\n useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n e.preventDefault()\n e.stopPropagation()\n\n if (saveDraft && docConfig.versions?.drafts && docConfig.versions?.drafts?.autosave) {\n void saveDraft()\n }\n })\n\n const publish = useCallback(() => {\n void submit({\n overrides: {\n _status: 'published',\n },\n })\n }, [submit])\n\n if (!hasPublishPermission) {\n return null\n }\n\n return (\n <FormSubmit\n buttonId=\"action-save\"\n disabled={!canPublish}\n onClick={publish}\n size=\"medium\"\n type=\"button\"\n >\n {label}\n </FormSubmit>\n )\n}\n\ntype Props = {\n CustomComponent?: MappedComponent\n}\n\nexport const PublishButton: React.FC<Props> = ({ CustomComponent }) => {\n if (CustomComponent) {\n return <RenderComponent mappedComponent={CustomComponent} />\n }\n return <DefaultPublishButton />\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","qs","React","useCallback","useForm","useFormModified","FormSubmit","useHotkey","useConfig","RenderComponent","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","PopupList","DefaultPublishButton","t0","$","label","labelProp","id","collectionSlug","docConfig","globalSlug","hasPublishPermission","publishedDoc","unpublishedVersions","config","submit","modified","editDepth","code","locale","localization","routes","t1","serverURL","api","i18n","t","t2","hasNewerVersions","totalDocs","canPublish","operation","forceDisable","t3","search","action","method","overrides","_status","skipValidation","saveDraft","t4","Symbol","for","t5","cmdCtrlKey","keyCodes","t6","versions","e","preventDefault","stopPropagation","drafts","autosave","t7","publish","t8","locale_0","params","stringify","publishSpecificLocale","action_0","t9","t10","_jsx","buttonId","disabled","onClick","size","SubMenuPopupContent","locales","map","locale_1","formattedLabel","language","isActive","ButtonGroup","children","Button","type","PublishButton","CustomComponent","mappedComponent"],"sources":["../../../src/elements/PublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { MappedComponent } from 'payload'\n\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { PopupList } from '../Popup/index.js'\nexport const DefaultPublishButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n const {\n id,\n collectionSlug,\n docConfig,\n globalSlug,\n hasPublishPermission,\n publishedDoc,\n unpublishedVersions,\n } = useDocumentInfo()\n\n const { config } = useConfig()\n const { submit } = useForm()\n const modified = useFormModified()\n const editDepth = useEditDepth()\n const { code: locale } = useLocale()\n\n const {\n localization,\n routes: { api },\n serverURL,\n } = config\n\n const { i18n, t } = useTranslation()\n const { code } = useLocale()\n const label = labelProp || t('version:publishChanges')\n\n const hasNewerVersions = unpublishedVersions?.totalDocs > 0\n const canPublish = hasPublishPermission && (modified || hasNewerVersions || !publishedDoc)\n const operation = useOperation()\n\n const forceDisable = operation === 'update' && !modified\n\n const saveDraft = useCallback(async () => {\n if (forceDisable) {\n return\n }\n\n const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n let action\n let method = 'POST'\n\n if (collectionSlug) {\n action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n if (id) {\n method = 'PATCH'\n }\n }\n\n if (globalSlug) {\n action = `${serverURL}${api}/globals/${globalSlug}${search}`\n }\n\n await submit({\n action,\n method,\n overrides: {\n _status: 'draft',\n },\n skipValidation: true,\n })\n }, [submit, collectionSlug, globalSlug, serverURL, api, locale, id, forceDisable])\n\n useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n e.preventDefault()\n e.stopPropagation()\n\n if (saveDraft && docConfig.versions?.drafts && docConfig.versions?.drafts?.autosave) {\n void saveDraft()\n }\n })\n\n const publish = useCallback(() => {\n void submit({\n overrides: {\n _status: 'published',\n },\n })\n }, [submit])\n\n const publishSpecificLocale = useCallback(\n (locale) => {\n const params = qs.stringify({\n publishSpecificLocale: locale,\n })\n\n const action = `${serverURL}${api}${\n globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}/${id ? `${'/' + id}` : ''}`\n }${params ? '?' + params : ''}`\n\n void submit({\n action,\n overrides: {\n _status: 'published',\n },\n })\n },\n [api, collectionSlug, globalSlug, id, serverURL, submit],\n )\n\n if (!hasPublishPermission) {\n return null\n }\n\n return (\n <FormSubmit\n buttonId=\"action-save\"\n disabled={!canPublish}\n onClick={publish}\n size=\"medium\"\n SubMenuPopupContent={\n localization\n ? localization.locales.map((locale) => {\n const formattedLabel =\n typeof locale.label === 'string'\n ? locale.label\n : locale.label && locale.label[i18n?.language]\n\n const isActive = typeof locale === 'string' ? locale === code : locale.code === code\n\n if (isActive) {\n return (\n <PopupList.ButtonGroup key={locale.code}>\n <PopupList.Button onClick={() => publishSpecificLocale(locale.code)}>\n {t('version:publishIn', { locale: formattedLabel || locale.code })}\n </PopupList.Button>\n </PopupList.ButtonGroup>\n )\n }\n })\n : null\n }\n type=\"button\"\n >\n {label}\n </FormSubmit>\n )\n}\n\ntype Props = {\n CustomComponent?: MappedComponent\n}\n\nexport const PublishButton: React.FC<Props> = ({ CustomComponent }) => {\n if (CustomComponent) {\n return <RenderComponent mappedComponent={CustomComponent} />\n }\n return <DefaultPublishButton />\n}\n"],"mappings":"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","ignoreList":[]}
@@ -88,7 +88,8 @@ export const PublishMany = props => {
88
88
  page: selectAll ? '1' : undefined
89
89
  }
90
90
  }));
91
- clearRouteCache();
91
+ clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this
92
+ ;
92
93
  return null;
93
94
  }
94
95
  if (json.errors) {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","PublishMany","props","clearRouteCache","collection","slug","labels","plural","versions","config","routes","api","serverURL","permissions","toggleModal","i18n","t","getQueryParams","selectAll","submitted","setSubmitted","router","stringifyParams","collectionPermissions","collections","hasPermission","update","permission","modalSlug","addDefaultError","error","handlePublish","patch","_status","not_equals","body","JSON","stringify","headers","language","then","res","json","status","success","replace","params","page","undefined","errors","forEach","message","e","drafts","None","_jsxs","Fragment","_jsx","className","onClick","label","buttonStyle","id","size","type"],"sources":["../../../src/elements/PublishMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\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 { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'publish-many'\n\nexport type PublishManyProps = {\n collection: ClientCollectionConfig\n}\n\nexport const PublishMany: React.FC<PublishManyProps> = (props) => {\n const { clearRouteCache } = useRouteCache()\n\n const { collection: { slug, labels: { plural }, versions } = {} } = props\n\n const {\n config: {\n routes: { api },\n serverURL,\n },\n } = useConfig()\n const { permissions } = useAuth()\n const { toggleModal } = useModal()\n const { i18n, t } = useTranslation()\n const { getQueryParams, selectAll } = useSelection()\n const [submitted, setSubmitted] = useState(false)\n const router = useRouter()\n const { stringifyParams } = useSearchParams()\n\n const collectionPermissions = permissions?.collections?.[slug]\n const hasPermission = collectionPermissions?.update?.permission\n\n const modalSlug = `publish-${slug}`\n\n const addDefaultError = useCallback(() => {\n toast.error(t('error:unknown'))\n }, [t])\n\n const handlePublish = useCallback(async () => {\n setSubmitted(true)\n await requests\n .patch(\n `${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'published' } })}&draft=true`,\n {\n body: JSON.stringify({\n _status: 'published',\n }),\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\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(t('general:updatedSuccessfully'))\n router.replace(\n stringifyParams({\n params: {\n page: selectAll ? '1' : undefined,\n },\n }),\n )\n\n clearRouteCache()\n return null\n }\n\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 }, [\n addDefaultError,\n api,\n getQueryParams,\n i18n.language,\n modalSlug,\n selectAll,\n serverURL,\n slug,\n t,\n toggleModal,\n router,\n stringifyParams,\n clearRouteCache,\n ])\n\n if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {\n return null\n }\n\n return (\n <React.Fragment>\n <Pill\n className={`${baseClass}__toggle`}\n onClick={() => {\n setSubmitted(false)\n toggleModal(modalSlug)\n }}\n >\n {t('version:publish')}\n </Pill>\n <Modal className={baseClass} slug={modalSlug}>\n <div className={`${baseClass}__wrapper`}>\n <div className={`${baseClass}__content`}>\n <h1>{t('version:confirmPublish')}</h1>\n <p>{t('version:aboutToPublishSelection', { label: getTranslation(plural, i18n) })}</p>\n </div>\n <div className={`${baseClass}__controls`}>\n <Button\n buttonStyle=\"secondary\"\n id=\"confirm-cancel\"\n onClick={submitted ? undefined : () => toggleModal(modalSlug)}\n size=\"large\"\n type=\"button\"\n >\n {t('general:cancel')}\n </Button>\n <Button\n id=\"confirm-publish\"\n onClick={submitted ? undefined : handlePublish}\n size=\"large\"\n >\n {submitted ? t('version:publishing') : t('general:confirm')}\n </Button>\n </div>\n </div>\n </Modal>\n </React.Fragment>\n )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,KAAK,EAAEC,QAAQ,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,OAAOC,KAAA,IAASC,WAAW,EAAEC,QAAQ,QAAQ;AAC7C,SAASC,KAAK,QAAQ;AAEtB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,eAAe,EAAEC,YAAY,QAAQ;AAC9C,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,MAAM,QAAQ;AACvB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,MAAMC,WAAA,GAA2CC,KAAA;EACtD,MAAM;IAAEC;EAAe,CAAE,GAAGX,aAAA;EAE5B,MAAM;IAAEY,UAAA,EAAY;MAAEC,IAAI;MAAEC,MAAA,EAAQ;QAAEC;MAAM,CAAE;MAAEC;IAAQ,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGN,KAAA;EAEpE,MAAM;IACJO,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC;MAAG,CAAE;MACfC;IAAS;EACV,CACF,GAAGrB,SAAA;EACJ,MAAM;IAAEsB;EAAW,CAAE,GAAGvB,OAAA;EACxB,MAAM;IAAEwB;EAAW,CAAE,GAAG/B,QAAA;EACxB,MAAM;IAAEgC,IAAI;IAAEC;EAAC,CAAE,GAAGpB,cAAA;EACpB,MAAM;IAAEqB,cAAc;IAAEC;EAAS,CAAE,GAAGvB,YAAA;EACtC,MAAM,CAACwB,SAAA,EAAWC,YAAA,CAAa,GAAGhC,QAAA,CAAS;EAC3C,MAAMiC,MAAA,GAASpC,SAAA;EACf,MAAM;IAAEqC;EAAe,CAAE,GAAG7B,eAAA;EAE5B,MAAM8B,qBAAA,GAAwBV,WAAA,EAAaW,WAAA,GAAcnB,IAAA,CAAK;EAC9D,MAAMoB,aAAA,GAAgBF,qBAAA,EAAuBG,MAAA,EAAQC,UAAA;EAErD,MAAMC,SAAA,GAAY,WAAWvB,IAAA,EAAM;EAEnC,MAAMwB,eAAA,GAAkB1C,WAAA,CAAY;IAClCE,KAAA,CAAMyC,KAAK,CAACd,CAAA,CAAE;EAChB,GAAG,CAACA,CAAA,CAAE;EAEN,MAAMe,aAAA,GAAgB5C,WAAA,CAAY;IAChCiC,YAAA,CAAa;IACb,MAAMvB,QAAA,CACHmC,KAAK,CACJ,GAAGpB,SAAA,GAAYD,GAAA,IAAON,IAAA,GAAOY,cAAA,CAAe;MAAEgB,OAAA,EAAS;QAAEC,UAAA,EAAY;MAAY;IAAE,eAAe,EAClG;MACEC,IAAA,EAAMC,IAAA,CAAKC,SAAS,CAAC;QACnBJ,OAAA,EAAS;MACX;MACAK,OAAA,EAAS;QACP,mBAAmBvB,IAAA,CAAKwB,QAAQ;QAChC,gBAAgB;MAClB;IACF,GAEDC,IAAI,CAAC,MAAOC,GAAA;MACX,IAAI;QACF,MAAMC,IAAA,GAAO,MAAMD,GAAA,CAAIC,IAAI;QAC3B5B,WAAA,CAAYc,SAAA;QACZ,IAAIa,GAAA,CAAIE,MAAM,GAAG,KAAK;UACpBtD,KAAA,CAAMuD,OAAO,CAAC5B,CAAA,CAAE;UAChBK,MAAA,CAAOwB,OAAO,CACZvB,eAAA,CAAgB;YACdwB,MAAA,EAAQ;cACNC,IAAA,EAAM7B,SAAA,GAAY,MAAM8B;YAC1B;UACF;UAGF7C,eAAA;UACA,OAAO;QACT;QAEA,IAAIuC,IAAA,CAAKO,MAAM,EAAE;UACfP,IAAA,CAAKO,MAAM,CAACC,OAAO,CAAEpB,KAAA,IAAUzC,KAAA,CAAMyC,KAAK,CAACA,KAAA,CAAMqB,OAAO;QAC1D,OAAO;UACLtB,eAAA;QACF;QACA,OAAO;MACT,EAAE,OAAOuB,CAAA,EAAG;QACV,OAAOvB,eAAA;MACT;IACF;EACJ,GAAG,CACDA,eAAA,EACAlB,GAAA,EACAM,cAAA,EACAF,IAAA,CAAKwB,QAAQ,EACbX,SAAA,EACAV,SAAA,EACAN,SAAA,EACAP,IAAA,EACAW,CAAA,EACAF,WAAA,EACAO,MAAA,EACAC,eAAA,EACAnB,eAAA,CACD;EAED,IAAI,CAACK,QAAA,EAAU6C,MAAA,IAAUnC,SAAA,KAAcxB,eAAA,CAAgB4D,IAAI,IAAI,CAAC7B,aAAA,EAAe;IAC7E,OAAO;EACT;EAEA,oBACE8B,KAAA,CAACrE,KAAA,CAAMsE,QAAQ;4BACbC,IAAA,CAAC1D,IAAA;MACC2D,SAAA,EAAW,GAAG1D,SAAA,UAAmB;MACjC2D,OAAA,EAASA,CAAA;QACPvC,YAAA,CAAa;QACbN,WAAA,CAAYc,SAAA;MACd;gBAECZ,CAAA,CAAE;qBAELyC,IAAA,CAAC3E,KAAA;MAAM4E,SAAA,EAAW1D,SAAA;MAAWK,IAAA,EAAMuB,SAAA;gBACjC,aAAA2B,KAAA,CAAC;QAAIG,SAAA,EAAW,GAAG1D,SAAA,WAAoB;gCACrCuD,KAAA,CAAC;UAAIG,SAAA,EAAW,GAAG1D,SAAA,WAAoB;kCACrCyD,IAAA,CAAC;sBAAIzC,CAAA,CAAE;2BACPyC,IAAA,CAAC;sBAAGzC,CAAA,CAAE,mCAAmC;cAAE4C,KAAA,EAAO5E,cAAA,CAAeuB,MAAA,EAAQQ,IAAA;YAAM;;yBAEjFwC,KAAA,CAAC;UAAIG,SAAA,EAAW,GAAG1D,SAAA,YAAqB;kCACtCyD,IAAA,CAAC3D,MAAA;YACC+D,WAAA,EAAY;YACZC,EAAA,EAAG;YACHH,OAAA,EAASxC,SAAA,GAAY6B,SAAA,GAAY,MAAMlC,WAAA,CAAYc,SAAA;YACnDmC,IAAA,EAAK;YACLC,IAAA,EAAK;sBAEJhD,CAAA,CAAE;2BAELyC,IAAA,CAAC3D,MAAA;YACCgE,EAAA,EAAG;YACHH,OAAA,EAASxC,SAAA,GAAY6B,SAAA,GAAYjB,aAAA;YACjCgC,IAAA,EAAK;sBAEJ5C,SAAA,GAAYH,CAAA,CAAE,wBAAwBA,CAAA,CAAE;;;;;;AAOvD","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","PublishMany","props","clearRouteCache","collection","slug","labels","plural","versions","config","routes","api","serverURL","permissions","toggleModal","i18n","t","getQueryParams","selectAll","submitted","setSubmitted","router","stringifyParams","collectionPermissions","collections","hasPermission","update","permission","modalSlug","addDefaultError","error","handlePublish","patch","_status","not_equals","body","JSON","stringify","headers","language","then","res","json","status","success","replace","params","page","undefined","errors","forEach","message","e","drafts","None","_jsxs","Fragment","_jsx","className","onClick","label","buttonStyle","id","size","type"],"sources":["../../../src/elements/PublishMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\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 { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'publish-many'\n\nexport type PublishManyProps = {\n collection: ClientCollectionConfig\n}\n\nexport const PublishMany: React.FC<PublishManyProps> = (props) => {\n const { clearRouteCache } = useRouteCache()\n\n const { collection: { slug, labels: { plural }, versions } = {} } = props\n\n const {\n config: {\n routes: { api },\n serverURL,\n },\n } = useConfig()\n const { permissions } = useAuth()\n const { toggleModal } = useModal()\n const { i18n, t } = useTranslation()\n const { getQueryParams, selectAll } = useSelection()\n const [submitted, setSubmitted] = useState(false)\n const router = useRouter()\n const { stringifyParams } = useSearchParams()\n\n const collectionPermissions = permissions?.collections?.[slug]\n const hasPermission = collectionPermissions?.update?.permission\n\n const modalSlug = `publish-${slug}`\n\n const addDefaultError = useCallback(() => {\n toast.error(t('error:unknown'))\n }, [t])\n\n const handlePublish = useCallback(async () => {\n setSubmitted(true)\n await requests\n .patch(\n `${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'published' } })}&draft=true`,\n {\n body: JSON.stringify({\n _status: 'published',\n }),\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\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(t('general:updatedSuccessfully'))\n router.replace(\n stringifyParams({\n params: {\n page: selectAll ? '1' : undefined,\n },\n }),\n )\n\n clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\n return null\n }\n\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 }, [\n addDefaultError,\n api,\n getQueryParams,\n i18n.language,\n modalSlug,\n selectAll,\n serverURL,\n slug,\n t,\n toggleModal,\n router,\n stringifyParams,\n clearRouteCache,\n ])\n\n if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {\n return null\n }\n\n return (\n <React.Fragment>\n <Pill\n className={`${baseClass}__toggle`}\n onClick={() => {\n setSubmitted(false)\n toggleModal(modalSlug)\n }}\n >\n {t('version:publish')}\n </Pill>\n <Modal className={baseClass} slug={modalSlug}>\n <div className={`${baseClass}__wrapper`}>\n <div className={`${baseClass}__content`}>\n <h1>{t('version:confirmPublish')}</h1>\n <p>{t('version:aboutToPublishSelection', { label: getTranslation(plural, i18n) })}</p>\n </div>\n <div className={`${baseClass}__controls`}>\n <Button\n buttonStyle=\"secondary\"\n id=\"confirm-cancel\"\n onClick={submitted ? undefined : () => toggleModal(modalSlug)}\n size=\"large\"\n type=\"button\"\n >\n {t('general:cancel')}\n </Button>\n <Button\n id=\"confirm-publish\"\n onClick={submitted ? undefined : handlePublish}\n size=\"large\"\n >\n {submitted ? t('version:publishing') : t('general:confirm')}\n </Button>\n </div>\n </div>\n </Modal>\n </React.Fragment>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -12,6 +12,10 @@
12
12
  flex-wrap: nowrap;
13
13
  }
14
14
 
15
+ .rs__indicators {
16
+ gap: calc(var(--base) / 4);
17
+ }
18
+
15
19
  .rs__indicator {
16
20
  padding: 0px 4px;
17
21
  cursor: pointer;
@@ -0,0 +1,8 @@
1
+ import type { ClientCollectionConfig } from 'payload';
2
+ import React from 'react';
3
+ type RelationshipTableComponentProps = {
4
+ readonly collectionConfig: ClientCollectionConfig;
5
+ };
6
+ export declare const RelationshipTableWrapper: React.FC<RelationshipTableComponentProps>;
7
+ export {};
8
+ //# sourceMappingURL=TableWrapper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/elements/RelationshipTable/TableWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,KAAK,+BAA+B,GAAG;IACrC,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA+B9E,CAAA"}