@delmaredigital/payload-puck 0.6.12 → 0.6.13

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 (583) hide show
  1. package/README.md +50 -1
  2. package/dist/admin/EditWithPuckButton.d.ts +1 -1
  3. package/dist/admin/EditWithPuckButton.d.ts.map +1 -1
  4. package/dist/admin/EditWithPuckButton.js +65 -25
  5. package/dist/admin/EditWithPuckButton.js.map +1 -1
  6. package/dist/admin/EditWithPuckCell.js +43 -13
  7. package/dist/admin/EditWithPuckCell.js.map +1 -1
  8. package/dist/admin/PuckEditorView.d.ts +1 -1
  9. package/dist/admin/PuckEditorView.d.ts.map +1 -1
  10. package/dist/admin/PuckEditorView.js +118 -32
  11. package/dist/admin/PuckEditorView.js.map +1 -1
  12. package/dist/admin/client.d.ts +2 -2
  13. package/dist/admin/client.d.ts.map +1 -1
  14. package/dist/admin/client.js +4 -4
  15. package/dist/admin/client.js.map +1 -1
  16. package/dist/admin/generateAdminComponents.js +7 -7
  17. package/dist/admin/generateAdminComponents.js.map +1 -1
  18. package/dist/admin/index.d.ts +5 -5
  19. package/dist/admin/index.d.ts.map +1 -1
  20. package/dist/admin/index.js +3 -2
  21. package/dist/admin/index.js.map +1 -1
  22. package/dist/ai/collections/AiContext.js +56 -29
  23. package/dist/ai/collections/AiContext.js.map +1 -1
  24. package/dist/ai/collections/AiPrompts.js +24 -19
  25. package/dist/ai/collections/AiPrompts.js.map +1 -1
  26. package/dist/ai/createAiApiRoutes.js +28 -19
  27. package/dist/ai/createAiApiRoutes.js.map +1 -1
  28. package/dist/ai/createAiGenerate.js +7 -8
  29. package/dist/ai/createAiGenerate.js.map +1 -1
  30. package/dist/ai/createAiPlugin.js +7 -9
  31. package/dist/ai/createAiPlugin.js.map +1 -1
  32. package/dist/ai/hooks/useAiContext.js +50 -39
  33. package/dist/ai/hooks/useAiContext.js.map +1 -1
  34. package/dist/ai/hooks/useAiPrompts.js +33 -25
  35. package/dist/ai/hooks/useAiPrompts.js.map +1 -1
  36. package/dist/ai/index.js +9 -10
  37. package/dist/ai/index.js.map +1 -1
  38. package/dist/ai/plugins/ContextEditorPanel.d.ts +1 -1
  39. package/dist/ai/plugins/ContextEditorPanel.d.ts.map +1 -1
  40. package/dist/ai/plugins/ContextEditorPanel.js +399 -107
  41. package/dist/ai/plugins/ContextEditorPanel.js.map +1 -1
  42. package/dist/ai/plugins/PromptEditorPanel.d.ts +1 -1
  43. package/dist/ai/plugins/PromptEditorPanel.d.ts.map +1 -1
  44. package/dist/ai/plugins/PromptEditorPanel.js +237 -51
  45. package/dist/ai/plugins/PromptEditorPanel.js.map +1 -1
  46. package/dist/ai/plugins/contextEditorPlugin.js +12 -5
  47. package/dist/ai/plugins/contextEditorPlugin.js.map +1 -1
  48. package/dist/ai/plugins/promptApiRoutes.js +119 -50
  49. package/dist/ai/plugins/promptApiRoutes.js.map +1 -1
  50. package/dist/ai/plugins/promptEditorPlugin.js +12 -5
  51. package/dist/ai/plugins/promptEditorPlugin.js.map +1 -1
  52. package/dist/ai/presets/componentAiDefaults.js +108 -83
  53. package/dist/ai/presets/componentAiDefaults.js.map +1 -1
  54. package/dist/ai/presets/index.js +12 -18
  55. package/dist/ai/presets/index.js.map +1 -1
  56. package/dist/ai/presets/instructions/interactive.js +85 -75
  57. package/dist/ai/presets/instructions/interactive.js.map +1 -1
  58. package/dist/ai/presets/instructions/layout.js +122 -117
  59. package/dist/ai/presets/instructions/layout.js.map +1 -1
  60. package/dist/ai/presets/instructions/media.js +31 -29
  61. package/dist/ai/presets/instructions/media.js.map +1 -1
  62. package/dist/ai/presets/instructions/pagePatterns.js +4 -6
  63. package/dist/ai/presets/instructions/pagePatterns.js.map +1 -1
  64. package/dist/ai/presets/instructions/schemas.js +495 -137
  65. package/dist/ai/presets/instructions/schemas.js.map +1 -1
  66. package/dist/ai/presets/instructions/typography.js +38 -33
  67. package/dist/ai/presets/instructions/typography.js.map +1 -1
  68. package/dist/ai/tools/index.js +92 -55
  69. package/dist/ai/tools/index.js.map +1 -1
  70. package/dist/ai/types.js +7 -1
  71. package/dist/ai/types.js.map +1 -1
  72. package/dist/ai/utils/injectAiConfig.js +33 -40
  73. package/dist/ai/utils/injectAiConfig.js.map +1 -1
  74. package/dist/api/createPuckApiRoutes.d.ts +1 -1
  75. package/dist/api/createPuckApiRoutes.d.ts.map +1 -1
  76. package/dist/api/createPuckApiRoutes.js +123 -65
  77. package/dist/api/createPuckApiRoutes.js.map +1 -1
  78. package/dist/api/createPuckApiRoutesVersions.d.ts +1 -1
  79. package/dist/api/createPuckApiRoutesVersions.d.ts.map +1 -1
  80. package/dist/api/createPuckApiRoutesVersions.js +88 -37
  81. package/dist/api/createPuckApiRoutesVersions.js.map +1 -1
  82. package/dist/api/createPuckApiRoutesWithId.d.ts +1 -1
  83. package/dist/api/createPuckApiRoutesWithId.d.ts.map +1 -1
  84. package/dist/api/createPuckApiRoutesWithId.js +166 -72
  85. package/dist/api/createPuckApiRoutesWithId.js.map +1 -1
  86. package/dist/api/index.d.ts +5 -5
  87. package/dist/api/index.d.ts.map +1 -1
  88. package/dist/api/index.js +6 -6
  89. package/dist/api/index.js.map +1 -1
  90. package/dist/api/payload-config.d.js +15 -0
  91. package/dist/api/payload-config.d.js.map +1 -0
  92. package/dist/api/types.js +4 -1
  93. package/dist/api/types.js.map +1 -1
  94. package/dist/api/utils/mapRootProps.d.ts +1 -1
  95. package/dist/api/utils/mapRootProps.d.ts.map +1 -1
  96. package/dist/api/utils/mapRootProps.js +77 -44
  97. package/dist/api/utils/mapRootProps.js.map +1 -1
  98. package/dist/collections/Templates.js +24 -20
  99. package/dist/collections/Templates.js.map +1 -1
  100. package/dist/components/AccordionClient.d.ts +2 -2
  101. package/dist/components/AccordionClient.d.ts.map +1 -1
  102. package/dist/components/AccordionClient.js +81 -22
  103. package/dist/components/AccordionClient.js.map +1 -1
  104. package/dist/components/AnimatedWrapper.d.ts +2 -2
  105. package/dist/components/AnimatedWrapper.d.ts.map +1 -1
  106. package/dist/components/AnimatedWrapper.js +31 -16
  107. package/dist/components/AnimatedWrapper.js.map +1 -1
  108. package/dist/components/exports.js +2 -2
  109. package/dist/components/exports.js.map +1 -1
  110. package/dist/components/index.d.ts +5 -5
  111. package/dist/components/index.d.ts.map +1 -1
  112. package/dist/components/index.js +7 -7
  113. package/dist/components/index.js.map +1 -1
  114. package/dist/components/interactive/Accordion.d.ts +1 -1
  115. package/dist/components/interactive/Accordion.d.ts.map +1 -1
  116. package/dist/components/interactive/Accordion.js +149 -55
  117. package/dist/components/interactive/Accordion.js.map +1 -1
  118. package/dist/components/interactive/Accordion.server.d.ts +1 -1
  119. package/dist/components/interactive/Accordion.server.d.ts.map +1 -1
  120. package/dist/components/interactive/Accordion.server.js +25 -7
  121. package/dist/components/interactive/Accordion.server.js.map +1 -1
  122. package/dist/components/interactive/Button.d.ts +3 -3
  123. package/dist/components/interactive/Button.d.ts.map +1 -1
  124. package/dist/components/interactive/Button.js +89 -43
  125. package/dist/components/interactive/Button.js.map +1 -1
  126. package/dist/components/interactive/Button.server.d.ts +2 -2
  127. package/dist/components/interactive/Button.server.d.ts.map +1 -1
  128. package/dist/components/interactive/Button.server.js +40 -20
  129. package/dist/components/interactive/Button.server.js.map +1 -1
  130. package/dist/components/interactive/Card.d.ts +3 -3
  131. package/dist/components/interactive/Card.d.ts.map +1 -1
  132. package/dist/components/interactive/Card.js +131 -39
  133. package/dist/components/interactive/Card.js.map +1 -1
  134. package/dist/components/interactive/Card.server.d.ts +3 -3
  135. package/dist/components/interactive/Card.server.d.ts.map +1 -1
  136. package/dist/components/interactive/Card.server.js +72 -11
  137. package/dist/components/interactive/Card.server.js.map +1 -1
  138. package/dist/components/interactive/Divider.d.ts +1 -1
  139. package/dist/components/interactive/Divider.d.ts.map +1 -1
  140. package/dist/components/interactive/Divider.js +54 -26
  141. package/dist/components/interactive/Divider.js.map +1 -1
  142. package/dist/components/interactive/Divider.server.d.ts +1 -1
  143. package/dist/components/interactive/Divider.server.d.ts.map +1 -1
  144. package/dist/components/interactive/Divider.server.js +28 -12
  145. package/dist/components/interactive/Divider.server.js.map +1 -1
  146. package/dist/components/interactive/index.d.ts +4 -4
  147. package/dist/components/interactive/index.d.ts.map +1 -1
  148. package/dist/components/interactive/index.js +5 -5
  149. package/dist/components/interactive/index.js.map +1 -1
  150. package/dist/components/layout/Container.d.ts +1 -1
  151. package/dist/components/layout/Container.d.ts.map +1 -1
  152. package/dist/components/layout/Container.js +101 -47
  153. package/dist/components/layout/Container.js.map +1 -1
  154. package/dist/components/layout/Container.server.d.ts +1 -1
  155. package/dist/components/layout/Container.server.d.ts.map +1 -1
  156. package/dist/components/layout/Container.server.js +67 -19
  157. package/dist/components/layout/Container.server.js.map +1 -1
  158. package/dist/components/layout/Flex.d.ts +2 -2
  159. package/dist/components/layout/Flex.d.ts.map +1 -1
  160. package/dist/components/layout/Flex.js +124 -55
  161. package/dist/components/layout/Flex.js.map +1 -1
  162. package/dist/components/layout/Flex.server.d.ts +1 -1
  163. package/dist/components/layout/Flex.server.d.ts.map +1 -1
  164. package/dist/components/layout/Flex.server.js +50 -14
  165. package/dist/components/layout/Flex.server.js.map +1 -1
  166. package/dist/components/layout/Grid.d.ts +1 -1
  167. package/dist/components/layout/Grid.d.ts.map +1 -1
  168. package/dist/components/layout/Grid.js +93 -44
  169. package/dist/components/layout/Grid.js.map +1 -1
  170. package/dist/components/layout/Grid.server.d.ts +1 -1
  171. package/dist/components/layout/Grid.server.d.ts.map +1 -1
  172. package/dist/components/layout/Grid.server.js +56 -14
  173. package/dist/components/layout/Grid.server.js.map +1 -1
  174. package/dist/components/layout/Section.d.ts +1 -1
  175. package/dist/components/layout/Section.d.ts.map +1 -1
  176. package/dist/components/layout/Section.js +147 -64
  177. package/dist/components/layout/Section.js.map +1 -1
  178. package/dist/components/layout/Section.server.d.ts +1 -1
  179. package/dist/components/layout/Section.server.d.ts.map +1 -1
  180. package/dist/components/layout/Section.server.js +92 -28
  181. package/dist/components/layout/Section.server.js.map +1 -1
  182. package/dist/components/layout/Spacer.d.ts +1 -1
  183. package/dist/components/layout/Spacer.d.ts.map +1 -1
  184. package/dist/components/layout/Spacer.js +80 -30
  185. package/dist/components/layout/Spacer.js.map +1 -1
  186. package/dist/components/layout/Spacer.server.d.ts +1 -1
  187. package/dist/components/layout/Spacer.server.d.ts.map +1 -1
  188. package/dist/components/layout/Spacer.server.js +31 -9
  189. package/dist/components/layout/Spacer.server.js.map +1 -1
  190. package/dist/components/layout/Template.d.ts +1 -1
  191. package/dist/components/layout/Template.d.ts.map +1 -1
  192. package/dist/components/layout/Template.js +58 -30
  193. package/dist/components/layout/Template.js.map +1 -1
  194. package/dist/components/layout/Template.server.d.ts +1 -1
  195. package/dist/components/layout/Template.server.d.ts.map +1 -1
  196. package/dist/components/layout/Template.server.js +43 -11
  197. package/dist/components/layout/Template.server.js.map +1 -1
  198. package/dist/components/layout/index.d.ts +8 -8
  199. package/dist/components/layout/index.d.ts.map +1 -1
  200. package/dist/components/layout/index.js +8 -8
  201. package/dist/components/layout/index.js.map +1 -1
  202. package/dist/components/media/Image.d.ts +3 -3
  203. package/dist/components/media/Image.d.ts.map +1 -1
  204. package/dist/components/media/Image.js +122 -39
  205. package/dist/components/media/Image.js.map +1 -1
  206. package/dist/components/media/Image.server.d.ts +3 -3
  207. package/dist/components/media/Image.server.d.ts.map +1 -1
  208. package/dist/components/media/Image.server.js +76 -13
  209. package/dist/components/media/Image.server.js.map +1 -1
  210. package/dist/components/media/index.d.ts +1 -1
  211. package/dist/components/media/index.d.ts.map +1 -1
  212. package/dist/components/media/index.js +2 -2
  213. package/dist/components/media/index.js.map +1 -1
  214. package/dist/components/typography/Heading.d.ts +2 -2
  215. package/dist/components/typography/Heading.d.ts.map +1 -1
  216. package/dist/components/typography/Heading.js +45 -25
  217. package/dist/components/typography/Heading.js.map +1 -1
  218. package/dist/components/typography/Heading.server.d.ts +2 -2
  219. package/dist/components/typography/Heading.server.d.ts.map +1 -1
  220. package/dist/components/typography/Heading.server.js +16 -10
  221. package/dist/components/typography/Heading.server.js.map +1 -1
  222. package/dist/components/typography/RichText.editor.d.ts +1 -1
  223. package/dist/components/typography/RichText.editor.d.ts.map +1 -1
  224. package/dist/components/typography/RichText.editor.js +44 -19
  225. package/dist/components/typography/RichText.editor.js.map +1 -1
  226. package/dist/components/typography/RichText.server.d.ts +2 -2
  227. package/dist/components/typography/RichText.server.d.ts.map +1 -1
  228. package/dist/components/typography/RichText.server.js +33 -14
  229. package/dist/components/typography/RichText.server.js.map +1 -1
  230. package/dist/components/typography/Text.d.ts +2 -2
  231. package/dist/components/typography/Text.d.ts.map +1 -1
  232. package/dist/components/typography/Text.js +49 -23
  233. package/dist/components/typography/Text.js.map +1 -1
  234. package/dist/components/typography/Text.server.d.ts +2 -2
  235. package/dist/components/typography/Text.server.d.ts.map +1 -1
  236. package/dist/components/typography/Text.server.js +21 -8
  237. package/dist/components/typography/Text.server.js.map +1 -1
  238. package/dist/components/typography/index.d.ts +4 -4
  239. package/dist/components/typography/index.d.ts.map +1 -1
  240. package/dist/components/typography/index.js +5 -5
  241. package/dist/components/typography/index.js.map +1 -1
  242. package/dist/config/config.editor.d.ts +3 -3
  243. package/dist/config/config.editor.d.ts.map +1 -1
  244. package/dist/config/config.editor.js +119 -54
  245. package/dist/config/config.editor.js.map +1 -1
  246. package/dist/config/index.d.ts +4 -4
  247. package/dist/config/index.d.ts.map +1 -1
  248. package/dist/config/index.js +62 -35
  249. package/dist/config/index.js.map +1 -1
  250. package/dist/config/merge.d.ts +1 -1
  251. package/dist/config/merge.d.ts.map +1 -1
  252. package/dist/config/merge.js +23 -26
  253. package/dist/config/merge.js.map +1 -1
  254. package/dist/config/presets.d.ts +4 -4
  255. package/dist/config/presets.js +195 -75
  256. package/dist/config/presets.js.map +1 -1
  257. package/dist/config/types.js +6 -2
  258. package/dist/config/types.js.map +1 -1
  259. package/dist/editor/PuckEditor.d.ts +4 -4
  260. package/dist/editor/PuckEditor.d.ts.map +1 -1
  261. package/dist/editor/PuckEditor.js +162 -70
  262. package/dist/editor/PuckEditor.js.map +1 -1
  263. package/dist/editor/PuckEditorImpl.client.d.ts +4 -4
  264. package/dist/editor/PuckEditorImpl.client.d.ts.map +1 -1
  265. package/dist/editor/PuckEditorImpl.client.js +304 -152
  266. package/dist/editor/PuckEditorImpl.client.js.map +1 -1
  267. package/dist/editor/components/DarkModeStyles.js +11 -12
  268. package/dist/editor/components/DarkModeStyles.js.map +1 -1
  269. package/dist/editor/components/HeaderActions.js +308 -64
  270. package/dist/editor/components/HeaderActions.js.map +1 -1
  271. package/dist/editor/components/IframeWrapper.d.ts +1 -1
  272. package/dist/editor/components/IframeWrapper.d.ts.map +1 -1
  273. package/dist/editor/components/IframeWrapper.js +82 -58
  274. package/dist/editor/components/IframeWrapper.js.map +1 -1
  275. package/dist/editor/components/LoadingState.d.ts +1 -1
  276. package/dist/editor/components/LoadingState.d.ts.map +1 -1
  277. package/dist/editor/components/LoadingState.js +17 -3
  278. package/dist/editor/components/LoadingState.js.map +1 -1
  279. package/dist/editor/components/PreviewModal.js +234 -78
  280. package/dist/editor/components/PreviewModal.js.map +1 -1
  281. package/dist/editor/components/PreviewModeToggle.js +43 -15
  282. package/dist/editor/components/PreviewModeToggle.js.map +1 -1
  283. package/dist/editor/components/VersionHistory.js +219 -71
  284. package/dist/editor/components/VersionHistory.js.map +1 -1
  285. package/dist/editor/hooks/useDarkMode.js +36 -23
  286. package/dist/editor/hooks/useDarkMode.js.map +1 -1
  287. package/dist/editor/hooks/useUnsavedChanges.js +8 -8
  288. package/dist/editor/hooks/useUnsavedChanges.js.map +1 -1
  289. package/dist/editor/index.js +5 -6
  290. package/dist/editor/index.js.map +1 -1
  291. package/dist/editor/plugins/VersionHistoryPanel.js +236 -75
  292. package/dist/editor/plugins/VersionHistoryPanel.js.map +1 -1
  293. package/dist/editor/plugins/index.js +4 -4
  294. package/dist/editor/plugins/index.js.map +1 -1
  295. package/dist/editor/plugins/versionHistoryPlugin.js +10 -8
  296. package/dist/editor/plugins/versionHistoryPlugin.js.map +1 -1
  297. package/dist/editor/utils/detectPageTree.js +5 -5
  298. package/dist/editor/utils/detectPageTree.js.map +1 -1
  299. package/dist/editor/utils/index.js +1 -0
  300. package/dist/editor/utils/index.js.map +1 -1
  301. package/dist/editor/utils/injectPageTreeFields.js +13 -9
  302. package/dist/editor/utils/injectPageTreeFields.js.map +1 -1
  303. package/dist/endpoints/ai.js +58 -34
  304. package/dist/endpoints/ai.js.map +1 -1
  305. package/dist/endpoints/context.js +86 -40
  306. package/dist/endpoints/context.js.map +1 -1
  307. package/dist/endpoints/index.js +153 -76
  308. package/dist/endpoints/index.js.map +1 -1
  309. package/dist/endpoints/postcss.d.js +5 -0
  310. package/dist/endpoints/postcss.d.js.map +1 -0
  311. package/dist/endpoints/prompts.js +81 -39
  312. package/dist/endpoints/prompts.js.map +1 -1
  313. package/dist/endpoints/styles.js +34 -36
  314. package/dist/endpoints/styles.js.map +1 -1
  315. package/dist/exports/client.js +2 -2
  316. package/dist/exports/client.js.map +1 -1
  317. package/dist/exports/rsc.js +2 -2
  318. package/dist/exports/rsc.js.map +1 -1
  319. package/dist/fields/AlignmentField.d.ts +1 -1
  320. package/dist/fields/AlignmentField.d.ts.map +1 -1
  321. package/dist/fields/AlignmentField.js +93 -30
  322. package/dist/fields/AlignmentField.js.map +1 -1
  323. package/dist/fields/AnimationField.d.ts +2 -2
  324. package/dist/fields/AnimationField.d.ts.map +1 -1
  325. package/dist/fields/AnimationField.js +558 -84
  326. package/dist/fields/AnimationField.js.map +1 -1
  327. package/dist/fields/BackgroundField.d.ts +2 -2
  328. package/dist/fields/BackgroundField.d.ts.map +1 -1
  329. package/dist/fields/BackgroundField.js +754 -120
  330. package/dist/fields/BackgroundField.js.map +1 -1
  331. package/dist/fields/BorderField.d.ts +2 -2
  332. package/dist/fields/BorderField.d.ts.map +1 -1
  333. package/dist/fields/BorderField.js +275 -73
  334. package/dist/fields/BorderField.js.map +1 -1
  335. package/dist/fields/ColorPickerField.d.ts +2 -2
  336. package/dist/fields/ColorPickerField.d.ts.map +1 -1
  337. package/dist/fields/ColorPickerField.js +210 -68
  338. package/dist/fields/ColorPickerField.js.map +1 -1
  339. package/dist/fields/ContentAlignmentField.d.ts +1 -1
  340. package/dist/fields/ContentAlignmentField.d.ts.map +1 -1
  341. package/dist/fields/ContentAlignmentField.js +161 -75
  342. package/dist/fields/ContentAlignmentField.js.map +1 -1
  343. package/dist/fields/DimensionsField.d.ts +2 -2
  344. package/dist/fields/DimensionsField.d.ts.map +1 -1
  345. package/dist/fields/DimensionsField.js +575 -146
  346. package/dist/fields/DimensionsField.js.map +1 -1
  347. package/dist/fields/FlexAlignmentField.d.ts +2 -2
  348. package/dist/fields/FlexAlignmentField.d.ts.map +1 -1
  349. package/dist/fields/FlexAlignmentField.js +189 -51
  350. package/dist/fields/FlexAlignmentField.js.map +1 -1
  351. package/dist/fields/FolderPickerField.d.ts +8 -1
  352. package/dist/fields/FolderPickerField.d.ts.map +1 -1
  353. package/dist/fields/FolderPickerField.js +288 -75
  354. package/dist/fields/FolderPickerField.js.map +1 -1
  355. package/dist/fields/GradientEditor.d.ts +2 -2
  356. package/dist/fields/GradientEditor.d.ts.map +1 -1
  357. package/dist/fields/GradientEditor.js +462 -86
  358. package/dist/fields/GradientEditor.js.map +1 -1
  359. package/dist/fields/LockedField.d.ts +15 -2
  360. package/dist/fields/LockedField.d.ts.map +1 -1
  361. package/dist/fields/LockedField.js +180 -49
  362. package/dist/fields/LockedField.js.map +1 -1
  363. package/dist/fields/MarginField.d.ts +2 -2
  364. package/dist/fields/MarginField.d.ts.map +1 -1
  365. package/dist/fields/MarginField.js +144 -46
  366. package/dist/fields/MarginField.js.map +1 -1
  367. package/dist/fields/MediaField.d.ts +1 -1
  368. package/dist/fields/MediaField.d.ts.map +1 -1
  369. package/dist/fields/MediaField.js +688 -186
  370. package/dist/fields/MediaField.js.map +1 -1
  371. package/dist/fields/PaddingField.d.ts +2 -2
  372. package/dist/fields/PaddingField.d.ts.map +1 -1
  373. package/dist/fields/PaddingField.js +144 -46
  374. package/dist/fields/PaddingField.js.map +1 -1
  375. package/dist/fields/PageSegmentField.d.ts +15 -2
  376. package/dist/fields/PageSegmentField.d.ts.map +1 -1
  377. package/dist/fields/PageSegmentField.js +156 -54
  378. package/dist/fields/PageSegmentField.js.map +1 -1
  379. package/dist/fields/ResetField.d.ts +1 -1
  380. package/dist/fields/ResetField.d.ts.map +1 -1
  381. package/dist/fields/ResetField.js +59 -31
  382. package/dist/fields/ResetField.js.map +1 -1
  383. package/dist/fields/ResponsiveField.d.ts +1 -1
  384. package/dist/fields/ResponsiveField.d.ts.map +1 -1
  385. package/dist/fields/ResponsiveField.js +233 -90
  386. package/dist/fields/ResponsiveField.js.map +1 -1
  387. package/dist/fields/ResponsiveVisibilityField.d.ts +2 -2
  388. package/dist/fields/ResponsiveVisibilityField.d.ts.map +1 -1
  389. package/dist/fields/ResponsiveVisibilityField.js +119 -36
  390. package/dist/fields/ResponsiveVisibilityField.js.map +1 -1
  391. package/dist/fields/SizeField.d.ts +3 -3
  392. package/dist/fields/SizeField.d.ts.map +1 -1
  393. package/dist/fields/SizeField.js +226 -52
  394. package/dist/fields/SizeField.js.map +1 -1
  395. package/dist/fields/SlugPreviewField.d.ts +8 -1
  396. package/dist/fields/SlugPreviewField.d.ts.map +1 -1
  397. package/dist/fields/SlugPreviewField.js +65 -16
  398. package/dist/fields/SlugPreviewField.js.map +1 -1
  399. package/dist/fields/TemplateField.d.ts +1 -1
  400. package/dist/fields/TemplateField.d.ts.map +1 -1
  401. package/dist/fields/TemplateField.js +362 -120
  402. package/dist/fields/TemplateField.js.map +1 -1
  403. package/dist/fields/TransformField.d.ts +2 -2
  404. package/dist/fields/TransformField.d.ts.map +1 -1
  405. package/dist/fields/TransformField.js +517 -81
  406. package/dist/fields/TransformField.js.map +1 -1
  407. package/dist/fields/VerticalAlignmentField.d.ts +1 -1
  408. package/dist/fields/VerticalAlignmentField.d.ts.map +1 -1
  409. package/dist/fields/VerticalAlignmentField.js +93 -30
  410. package/dist/fields/VerticalAlignmentField.js.map +1 -1
  411. package/dist/fields/WidthField.d.ts +2 -2
  412. package/dist/fields/WidthField.d.ts.map +1 -1
  413. package/dist/fields/WidthField.js +278 -81
  414. package/dist/fields/WidthField.js.map +1 -1
  415. package/dist/fields/index.d.ts +41 -41
  416. package/dist/fields/index.d.ts.map +1 -1
  417. package/dist/fields/index.js +37 -43
  418. package/dist/fields/index.js.map +1 -1
  419. package/dist/fields/richtext/controls/ColorPickerControl.d.ts +13 -2
  420. package/dist/fields/richtext/controls/ColorPickerControl.d.ts.map +1 -1
  421. package/dist/fields/richtext/controls/ColorPickerControl.js +212 -47
  422. package/dist/fields/richtext/controls/ColorPickerControl.js.map +1 -1
  423. package/dist/fields/richtext/controls/DropdownPortal.d.ts +2 -2
  424. package/dist/fields/richtext/controls/DropdownPortal.d.ts.map +1 -1
  425. package/dist/fields/richtext/controls/DropdownPortal.js +36 -4
  426. package/dist/fields/richtext/controls/DropdownPortal.js.map +1 -1
  427. package/dist/fields/richtext/controls/FontSizeControl.d.ts +9 -1
  428. package/dist/fields/richtext/controls/FontSizeControl.d.ts.map +1 -1
  429. package/dist/fields/richtext/controls/FontSizeControl.js +109 -24
  430. package/dist/fields/richtext/controls/FontSizeControl.js.map +1 -1
  431. package/dist/fields/richtext/controls/HighlightControl.d.ts +12 -1
  432. package/dist/fields/richtext/controls/HighlightControl.d.ts.map +1 -1
  433. package/dist/fields/richtext/controls/HighlightControl.js +54 -17
  434. package/dist/fields/richtext/controls/HighlightControl.js.map +1 -1
  435. package/dist/fields/richtext/controls/index.d.ts +5 -5
  436. package/dist/fields/richtext/controls/index.d.ts.map +1 -1
  437. package/dist/fields/richtext/controls/index.js +8 -11
  438. package/dist/fields/richtext/controls/index.js.map +1 -1
  439. package/dist/fields/richtext/controls/shared.js +108 -63
  440. package/dist/fields/richtext/controls/shared.js.map +1 -1
  441. package/dist/fields/richtext/createRichTextField.d.ts +18 -4
  442. package/dist/fields/richtext/createRichTextField.d.ts.map +1 -1
  443. package/dist/fields/richtext/createRichTextField.js +113 -26
  444. package/dist/fields/richtext/createRichTextField.js.map +1 -1
  445. package/dist/fields/richtext/extensions/FontSize.js +26 -20
  446. package/dist/fields/richtext/extensions/FontSize.js.map +1 -1
  447. package/dist/fields/richtext/extensions/index.d.ts +1 -1
  448. package/dist/fields/richtext/extensions/index.d.ts.map +1 -1
  449. package/dist/fields/richtext/extensions/index.js +2 -2
  450. package/dist/fields/richtext/extensions/index.js.map +1 -1
  451. package/dist/fields/richtext/index.d.ts +6 -6
  452. package/dist/fields/richtext/index.d.ts.map +1 -1
  453. package/dist/fields/richtext/index.js +8 -8
  454. package/dist/fields/richtext/index.js.map +1 -1
  455. package/dist/fields/shared.d.ts +1 -1
  456. package/dist/fields/shared.d.ts.map +1 -1
  457. package/dist/fields/shared.js +915 -478
  458. package/dist/fields/shared.js.map +1 -1
  459. package/dist/hooks/index.d.ts +2 -2
  460. package/dist/hooks/index.d.ts.map +1 -1
  461. package/dist/hooks/index.js +3 -3
  462. package/dist/hooks/index.js.map +1 -1
  463. package/dist/hooks/useResponsiveStyles.d.ts +1 -1
  464. package/dist/hooks/useResponsiveStyles.d.ts.map +1 -1
  465. package/dist/hooks/useResponsiveStyles.js +36 -32
  466. package/dist/hooks/useResponsiveStyles.js.map +1 -1
  467. package/dist/hooks/useScrollAnimation.js +26 -24
  468. package/dist/hooks/useScrollAnimation.js.map +1 -1
  469. package/dist/index.d.ts +4 -4
  470. package/dist/index.d.ts.map +1 -1
  471. package/dist/index.js +5 -5
  472. package/dist/index.js.map +1 -1
  473. package/dist/layouts/LayoutWrapper.d.ts +3 -3
  474. package/dist/layouts/LayoutWrapper.d.ts.map +1 -1
  475. package/dist/layouts/LayoutWrapper.js +115 -51
  476. package/dist/layouts/LayoutWrapper.js.map +1 -1
  477. package/dist/layouts/defaults.d.ts +1 -1
  478. package/dist/layouts/defaults.d.ts.map +1 -1
  479. package/dist/layouts/defaults.js +23 -31
  480. package/dist/layouts/defaults.js.map +1 -1
  481. package/dist/layouts/index.d.ts +4 -4
  482. package/dist/layouts/index.d.ts.map +1 -1
  483. package/dist/layouts/index.js +5 -4
  484. package/dist/layouts/index.js.map +1 -1
  485. package/dist/layouts/types.js +4 -2
  486. package/dist/layouts/types.js.map +1 -1
  487. package/dist/layouts/utils.d.ts +1 -1
  488. package/dist/layouts/utils.d.ts.map +1 -1
  489. package/dist/layouts/utils.js +32 -40
  490. package/dist/layouts/utils.js.map +1 -1
  491. package/dist/next/index.js +31 -34
  492. package/dist/next/index.js.map +1 -1
  493. package/dist/plugin/collections/Pages.d.ts +2 -2
  494. package/dist/plugin/collections/Pages.d.ts.map +1 -1
  495. package/dist/plugin/collections/Pages.js +46 -43
  496. package/dist/plugin/collections/Pages.js.map +1 -1
  497. package/dist/plugin/fields/index.d.ts +3 -3
  498. package/dist/plugin/fields/index.d.ts.map +1 -1
  499. package/dist/plugin/fields/index.js +100 -78
  500. package/dist/plugin/fields/index.js.map +1 -1
  501. package/dist/plugin/fields/types.d.ts +1 -1
  502. package/dist/plugin/fields/types.d.ts.map +1 -1
  503. package/dist/plugin/fields/types.js +26 -2
  504. package/dist/plugin/fields/types.js.map +1 -1
  505. package/dist/plugin/hooks/index.d.ts +1 -1
  506. package/dist/plugin/hooks/index.d.ts.map +1 -1
  507. package/dist/plugin/hooks/index.js +2 -2
  508. package/dist/plugin/hooks/index.js.map +1 -1
  509. package/dist/plugin/hooks/isHomepageUnique.js +28 -19
  510. package/dist/plugin/hooks/isHomepageUnique.js.map +1 -1
  511. package/dist/plugin/index.d.ts +8 -8
  512. package/dist/plugin/index.d.ts.map +1 -1
  513. package/dist/plugin/index.js +190 -188
  514. package/dist/plugin/index.js.map +1 -1
  515. package/dist/render/HybridPageRenderer.d.ts +2 -2
  516. package/dist/render/HybridPageRenderer.d.ts.map +1 -1
  517. package/dist/render/HybridPageRenderer.js +58 -10
  518. package/dist/render/HybridPageRenderer.js.map +1 -1
  519. package/dist/render/PageRenderer.d.ts +2 -2
  520. package/dist/render/PageRenderer.d.ts.map +1 -1
  521. package/dist/render/PageRenderer.js +31 -14
  522. package/dist/render/PageRenderer.js.map +1 -1
  523. package/dist/render/PuckEditor.client.d.ts +1 -1
  524. package/dist/render/PuckEditor.client.d.ts.map +1 -1
  525. package/dist/render/PuckEditor.client.js +33 -16
  526. package/dist/render/PuckEditor.client.js.map +1 -1
  527. package/dist/render/index.d.ts +5 -5
  528. package/dist/render/index.d.ts.map +1 -1
  529. package/dist/render/index.js +5 -6
  530. package/dist/render/index.js.map +1 -1
  531. package/dist/styles/puck-dark-mode.css +101 -0
  532. package/dist/theme/context.d.ts +2 -2
  533. package/dist/theme/context.d.ts.map +1 -1
  534. package/dist/theme/context.js +21 -18
  535. package/dist/theme/context.js.map +1 -1
  536. package/dist/theme/defaults.d.ts +1 -1
  537. package/dist/theme/defaults.d.ts.map +1 -1
  538. package/dist/theme/defaults.js +83 -37
  539. package/dist/theme/defaults.js.map +1 -1
  540. package/dist/theme/example.d.ts +1 -1
  541. package/dist/theme/example.d.ts.map +1 -1
  542. package/dist/theme/example.js +68 -30
  543. package/dist/theme/example.js.map +1 -1
  544. package/dist/theme/index.d.ts +5 -5
  545. package/dist/theme/index.d.ts.map +1 -1
  546. package/dist/theme/index.js +6 -5
  547. package/dist/theme/index.js.map +1 -1
  548. package/dist/theme/types.js +6 -2
  549. package/dist/theme/types.js.map +1 -1
  550. package/dist/theme/utils.d.ts +1 -1
  551. package/dist/theme/utils.d.ts.map +1 -1
  552. package/dist/theme/utils.js +24 -25
  553. package/dist/theme/utils.js.map +1 -1
  554. package/dist/types/index.d.ts +6 -6
  555. package/dist/types/index.d.ts.map +1 -1
  556. package/dist/types/index.js +3 -1
  557. package/dist/types/index.js.map +1 -1
  558. package/dist/utils/index.d.ts +2 -2
  559. package/dist/utils/index.d.ts.map +1 -1
  560. package/dist/utils/index.js +13 -22
  561. package/dist/utils/index.js.map +1 -1
  562. package/dist/utils/migration.d.ts +1 -1
  563. package/dist/utils/migration.d.ts.map +1 -1
  564. package/dist/utils/migration.js +43 -49
  565. package/dist/utils/migration.js.map +1 -1
  566. package/dist/utils/validation.d.ts +1 -1
  567. package/dist/utils/validation.d.ts.map +1 -1
  568. package/dist/utils/validation.js +36 -43
  569. package/dist/utils/validation.js.map +1 -1
  570. package/dist/version.d.ts +1 -1
  571. package/dist/version.js +2 -1
  572. package/dist/version.js.map +1 -1
  573. package/dist/views/PuckConfigContext.d.ts +1 -1
  574. package/dist/views/PuckConfigContext.d.ts.map +1 -1
  575. package/dist/views/PuckConfigContext.js +25 -10
  576. package/dist/views/PuckConfigContext.js.map +1 -1
  577. package/dist/views/PuckEditorView.d.ts +1 -1
  578. package/dist/views/PuckEditorView.d.ts.map +1 -1
  579. package/dist/views/PuckEditorView.js +106 -38
  580. package/dist/views/PuckEditorView.js.map +1 -1
  581. package/dist/views/index.js +2 -2
  582. package/dist/views/index.js.map +1 -1
  583. package/package.json +62 -42
@@ -5,19 +5,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
5
  *
6
6
  * Integrates with @delmaredigital/payload-page-tree to allow
7
7
  * selecting folders from within the Puck editor.
8
- */
9
- import { useState, useEffect } from 'react';
8
+ */ import React, { useState, useEffect } from 'react';
10
9
  import { Folder, FolderOpen, FolderPlus, ChevronRight, ChevronDown, Check, X } from 'lucide-react';
11
10
  // =============================================================================
12
11
  // Folder Path Hook
13
12
  // =============================================================================
14
13
  /**
15
14
  * Fetches the folder path for display
16
- */
17
- function useFolderPath(folderId, folderSlug = 'payload-folders') {
15
+ */ function useFolderPath(folderId, folderSlug = 'payload-folders') {
18
16
  const [folderPath, setFolderPath] = useState(null);
19
17
  const [loading, setLoading] = useState(false);
20
- useEffect(() => {
18
+ useEffect(()=>{
21
19
  if (!folderId) {
22
20
  setFolderPath(null);
23
21
  return;
@@ -35,35 +33,38 @@ function useFolderPath(folderId, folderSlug = 'payload-folders') {
35
33
  const pathParts = [];
36
34
  // Build path from folder hierarchy
37
35
  let current = folder;
38
- while (current) {
36
+ while(current){
39
37
  if (current.pathSegment || current.name) {
40
38
  pathParts.unshift(current.pathSegment || current.name);
41
39
  }
42
40
  current = current.folder;
43
41
  }
44
42
  setFolderPath(pathParts.length > 0 ? `/${pathParts.join('/')}` : null);
45
- }
46
- catch (error) {
43
+ } catch (error) {
47
44
  console.error('Error fetching folder path:', error);
48
45
  setFolderPath(null);
49
- }
50
- finally {
46
+ } finally{
51
47
  setLoading(false);
52
48
  }
53
49
  }
54
50
  fetchPath();
55
- }, [folderId, folderSlug]);
56
- return { folderPath, loading };
51
+ }, [
52
+ folderId,
53
+ folderSlug
54
+ ]);
55
+ return {
56
+ folderPath,
57
+ loading
58
+ };
57
59
  }
58
60
  /**
59
61
  * Fetches all folders for the tree
60
- */
61
- function useFolders(folderSlug = 'payload-folders') {
62
+ */ function useFolders(folderSlug = 'payload-folders') {
62
63
  const [folders, setFolders] = useState([]);
63
64
  const [loading, setLoading] = useState(true);
64
65
  const [fetchCount, setFetchCount] = useState(0);
65
- const refetch = () => setFetchCount((c) => c + 1);
66
- useEffect(() => {
66
+ const refetch = ()=>setFetchCount((c)=>c + 1);
67
+ useEffect(()=>{
67
68
  async function fetchFolders() {
68
69
  setLoading(true);
69
70
  try {
@@ -78,29 +79,28 @@ function useFolders(folderSlug = 'payload-folders') {
78
79
  const folderMap = new Map();
79
80
  const rootFolders = [];
80
81
  // First pass: create all nodes
81
- for (const folder of allFolders) {
82
+ for (const folder of allFolders){
82
83
  folderMap.set(folder.id, {
83
84
  id: folder.id,
84
85
  name: folder.name,
85
86
  pathSegment: folder.pathSegment,
86
- children: [],
87
+ children: []
87
88
  });
88
89
  }
89
90
  // Second pass: build hierarchy
90
- for (const folder of allFolders) {
91
+ for (const folder of allFolders){
91
92
  const node = folderMap.get(folder.id);
92
93
  const parentId = typeof folder.folder === 'object' ? folder.folder?.id : folder.folder;
93
94
  if (parentId && folderMap.has(parentId)) {
94
95
  folderMap.get(parentId).children.push(node);
95
- }
96
- else {
96
+ } else {
97
97
  rootFolders.push(node);
98
98
  }
99
99
  }
100
100
  // Sort children by name
101
- const sortChildren = (nodes) => {
102
- nodes.sort((a, b) => a.name.localeCompare(b.name));
103
- for (const node of nodes) {
101
+ const sortChildren = (nodes)=>{
102
+ nodes.sort((a, b)=>a.name.localeCompare(b.name));
103
+ for (const node of nodes){
104
104
  if (node.children?.length) {
105
105
  sortChildren(node.children);
106
106
  }
@@ -108,27 +108,35 @@ function useFolders(folderSlug = 'payload-folders') {
108
108
  };
109
109
  sortChildren(rootFolders);
110
110
  setFolders(rootFolders);
111
- }
112
- catch (error) {
111
+ } catch (error) {
113
112
  console.error('Error fetching folders:', error);
114
113
  setFolders([]);
115
- }
116
- finally {
114
+ } finally{
117
115
  setLoading(false);
118
116
  }
119
117
  }
120
118
  fetchFolders();
121
- }, [folderSlug, fetchCount]);
122
- return { folders, loading, refetch };
119
+ }, [
120
+ folderSlug,
121
+ fetchCount
122
+ ]);
123
+ return {
124
+ folders,
125
+ loading,
126
+ refetch
127
+ };
123
128
  }
124
129
  // =============================================================================
125
130
  // FolderTree Component
126
131
  // =============================================================================
127
- function FolderTreeItem({ folder, selectedId, onSelect, expandedIds, onToggleExpand, level = 0, }) {
132
+ function FolderTreeItem({ folder, selectedId, onSelect, expandedIds, onToggleExpand, level = 0 }) {
128
133
  const hasChildren = folder.children && folder.children.length > 0;
129
134
  const isExpanded = expandedIds.has(folder.id);
130
135
  const isSelected = folder.id === selectedId;
131
- return (_jsxs("div", { children: [_jsxs("div", { style: {
136
+ return /*#__PURE__*/ _jsxs("div", {
137
+ children: [
138
+ /*#__PURE__*/ _jsxs("div", {
139
+ style: {
132
140
  display: 'flex',
133
141
  alignItems: 'center',
134
142
  padding: '6px 8px',
@@ -136,37 +144,106 @@ function FolderTreeItem({ folder, selectedId, onSelect, expandedIds, onToggleExp
136
144
  cursor: 'pointer',
137
145
  borderRadius: '4px',
138
146
  backgroundColor: isSelected ? 'var(--puck-color-azure-12)' : 'transparent',
139
- transition: 'background-color 0.1s ease',
140
- }, onClick: () => onSelect(folder.id), onMouseEnter: (e) => {
147
+ transition: 'background-color 0.1s ease'
148
+ },
149
+ onClick: ()=>onSelect(folder.id),
150
+ onMouseEnter: (e)=>{
141
151
  if (!isSelected) {
142
152
  e.currentTarget.style.backgroundColor = 'var(--puck-color-grey-11)';
143
153
  }
144
- }, onMouseLeave: (e) => {
154
+ },
155
+ onMouseLeave: (e)=>{
145
156
  if (!isSelected) {
146
157
  e.currentTarget.style.backgroundColor = 'transparent';
147
158
  }
148
- }, children: [hasChildren ? (_jsx("button", { type: "button", onClick: (e) => {
159
+ },
160
+ children: [
161
+ hasChildren ? /*#__PURE__*/ _jsx("button", {
162
+ type: "button",
163
+ onClick: (e)=>{
149
164
  e.stopPropagation();
150
165
  onToggleExpand(folder.id);
151
- }, style: {
166
+ },
167
+ style: {
152
168
  background: 'none',
153
169
  border: 'none',
154
170
  padding: '2px',
155
171
  cursor: 'pointer',
156
172
  color: 'var(--puck-color-grey-05)',
157
173
  display: 'flex',
158
- alignItems: 'center',
159
- }, children: isExpanded ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 }) })) : (_jsx("span", { style: { width: '18px' } })), isExpanded ? (_jsx(FolderOpen, { size: 16, style: { marginRight: '8px', color: 'var(--puck-color-azure-06)' } })) : (_jsx(Folder, { size: 16, style: { marginRight: '8px', color: 'var(--puck-color-grey-05)' } })), _jsx("span", { style: {
174
+ alignItems: 'center'
175
+ },
176
+ children: isExpanded ? /*#__PURE__*/ _jsx(ChevronDown, {
177
+ size: 14
178
+ }) : /*#__PURE__*/ _jsx(ChevronRight, {
179
+ size: 14
180
+ })
181
+ }) : /*#__PURE__*/ _jsx("span", {
182
+ style: {
183
+ width: '18px'
184
+ }
185
+ }),
186
+ isExpanded ? /*#__PURE__*/ _jsx(FolderOpen, {
187
+ size: 16,
188
+ style: {
189
+ marginRight: '8px',
190
+ color: 'var(--puck-color-azure-06)'
191
+ }
192
+ }) : /*#__PURE__*/ _jsx(Folder, {
193
+ size: 16,
194
+ style: {
195
+ marginRight: '8px',
196
+ color: 'var(--puck-color-grey-05)'
197
+ }
198
+ }),
199
+ /*#__PURE__*/ _jsx("span", {
200
+ style: {
160
201
  fontSize: '14px',
161
202
  color: isSelected ? 'var(--puck-color-azure-04)' : 'var(--puck-color-grey-04)',
162
- flex: 1,
163
- }, children: folder.name }), isSelected && (_jsx(Check, { size: 14, style: { color: 'var(--puck-color-azure-04)' } }))] }), hasChildren && isExpanded && (_jsx("div", { children: folder.children.map((child) => (_jsx(FolderTreeItem, { folder: child, selectedId: selectedId, onSelect: onSelect, expandedIds: expandedIds, onToggleExpand: onToggleExpand, level: level + 1 }, child.id))) }))] }));
203
+ flex: 1
204
+ },
205
+ children: folder.name
206
+ }),
207
+ isSelected && /*#__PURE__*/ _jsx(Check, {
208
+ size: 14,
209
+ style: {
210
+ color: 'var(--puck-color-azure-04)'
211
+ }
212
+ })
213
+ ]
214
+ }),
215
+ hasChildren && isExpanded && /*#__PURE__*/ _jsx("div", {
216
+ children: folder.children.map((child)=>/*#__PURE__*/ _jsx(FolderTreeItem, {
217
+ folder: child,
218
+ selectedId: selectedId,
219
+ onSelect: onSelect,
220
+ expandedIds: expandedIds,
221
+ onToggleExpand: onToggleExpand,
222
+ level: level + 1
223
+ }, child.id))
224
+ })
225
+ ]
226
+ });
164
227
  }
165
- function FolderTree({ folders, selectedId, onSelect, expandedIds, onToggleExpand, }) {
228
+ function FolderTree({ folders, selectedId, onSelect, expandedIds, onToggleExpand }) {
166
229
  if (folders.length === 0) {
167
- return (_jsx("div", { style: { padding: '16px', textAlign: 'center', color: 'var(--puck-color-grey-05)' }, children: "No folders found" }));
230
+ return /*#__PURE__*/ _jsx("div", {
231
+ style: {
232
+ padding: '16px',
233
+ textAlign: 'center',
234
+ color: 'var(--puck-color-grey-05)'
235
+ },
236
+ children: "No folders found"
237
+ });
168
238
  }
169
- return (_jsxs("div", { style: { maxHeight: '300px', overflowY: 'auto' }, children: [_jsxs("div", { style: {
239
+ return /*#__PURE__*/ _jsxs("div", {
240
+ style: {
241
+ maxHeight: '300px',
242
+ overflowY: 'auto'
243
+ },
244
+ children: [
245
+ /*#__PURE__*/ _jsxs("div", {
246
+ style: {
170
247
  display: 'flex',
171
248
  alignItems: 'center',
172
249
  padding: '6px 8px',
@@ -174,63 +251,130 @@ function FolderTree({ folders, selectedId, onSelect, expandedIds, onToggleExpand
174
251
  borderRadius: '4px',
175
252
  backgroundColor: selectedId === null ? 'var(--puck-color-azure-12)' : 'transparent',
176
253
  borderBottom: '1px solid var(--puck-color-grey-09)',
177
- marginBottom: '4px',
178
- }, onClick: () => onSelect(null), children: [_jsx(Folder, { size: 16, style: { marginRight: '8px', color: 'var(--puck-color-grey-05)' } }), _jsx("span", { style: {
254
+ marginBottom: '4px'
255
+ },
256
+ onClick: ()=>onSelect(null),
257
+ children: [
258
+ /*#__PURE__*/ _jsx(Folder, {
259
+ size: 16,
260
+ style: {
261
+ marginRight: '8px',
262
+ color: 'var(--puck-color-grey-05)'
263
+ }
264
+ }),
265
+ /*#__PURE__*/ _jsx("span", {
266
+ style: {
179
267
  fontSize: '14px',
180
268
  color: selectedId === null ? 'var(--puck-color-azure-04)' : 'var(--puck-color-grey-04)',
181
269
  fontStyle: 'italic',
182
- flex: 1,
183
- }, children: "(No folder - root level)" }), selectedId === null && (_jsx(Check, { size: 14, style: { color: 'var(--puck-color-azure-04)' } }))] }), folders.map((folder) => (_jsx(FolderTreeItem, { folder: folder, selectedId: selectedId, onSelect: onSelect, expandedIds: expandedIds, onToggleExpand: onToggleExpand }, folder.id)))] }));
270
+ flex: 1
271
+ },
272
+ children: "(No folder - root level)"
273
+ }),
274
+ selectedId === null && /*#__PURE__*/ _jsx(Check, {
275
+ size: 14,
276
+ style: {
277
+ color: 'var(--puck-color-azure-04)'
278
+ }
279
+ })
280
+ ]
281
+ }),
282
+ folders.map((folder)=>/*#__PURE__*/ _jsx(FolderTreeItem, {
283
+ folder: folder,
284
+ selectedId: selectedId,
285
+ onSelect: onSelect,
286
+ expandedIds: expandedIds,
287
+ onToggleExpand: onToggleExpand
288
+ }, folder.id))
289
+ ]
290
+ });
184
291
  }
185
292
  // =============================================================================
186
293
  // FolderPickerField Component
187
294
  // =============================================================================
188
- export function FolderPickerField({ value, onChange, label = 'Folder', folderSlug = 'payload-folders', }) {
295
+ export function FolderPickerField({ value, onChange, label = 'Folder', folderSlug = 'payload-folders' }) {
189
296
  const [isOpen, setIsOpen] = useState(false);
190
297
  const [expandedIds, setExpandedIds] = useState(new Set());
191
298
  const { folderPath, loading: pathLoading } = useFolderPath(value, folderSlug);
192
299
  const { folders, loading: foldersLoading, refetch } = useFolders(folderSlug);
193
- const handleToggleExpand = (folderId) => {
194
- setExpandedIds((prev) => {
300
+ const handleToggleExpand = (folderId)=>{
301
+ setExpandedIds((prev)=>{
195
302
  const next = new Set(prev);
196
303
  if (next.has(folderId)) {
197
304
  next.delete(folderId);
198
- }
199
- else {
305
+ } else {
200
306
  next.add(folderId);
201
307
  }
202
308
  return next;
203
309
  });
204
310
  };
205
- const handleSelect = (folderId) => {
311
+ const handleSelect = (folderId)=>{
206
312
  onChange(folderId);
207
313
  setIsOpen(false);
208
314
  };
209
- const handleOpenDropdown = () => {
315
+ const handleOpenDropdown = ()=>{
210
316
  if (!isOpen) {
211
317
  // Refetch folders when opening to get any newly created ones
212
318
  refetch();
213
319
  }
214
320
  setIsOpen(!isOpen);
215
321
  };
216
- return (_jsxs("div", { className: "puck-field", style: { position: 'relative' }, children: [_jsx("label", { style: { display: 'block', fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)', marginBottom: '8px' }, children: label }), _jsxs("div", { style: {
322
+ return /*#__PURE__*/ _jsxs("div", {
323
+ className: "puck-field",
324
+ style: {
325
+ position: 'relative'
326
+ },
327
+ children: [
328
+ /*#__PURE__*/ _jsx("label", {
329
+ style: {
330
+ display: 'block',
331
+ fontSize: '14px',
332
+ fontWeight: 500,
333
+ color: 'var(--puck-color-grey-04)',
334
+ marginBottom: '8px'
335
+ },
336
+ children: label
337
+ }),
338
+ /*#__PURE__*/ _jsxs("div", {
339
+ style: {
217
340
  display: 'flex',
218
341
  alignItems: 'center',
219
342
  padding: '8px 12px',
220
343
  border: '1px solid var(--puck-color-grey-09)',
221
344
  borderRadius: '6px',
222
345
  backgroundColor: 'var(--puck-color-white)',
223
- cursor: 'pointer',
224
- }, onClick: handleOpenDropdown, children: [_jsx(Folder, { size: 16, style: { marginRight: '8px', color: 'var(--puck-color-grey-05)' } }), _jsx("span", { style: {
346
+ cursor: 'pointer'
347
+ },
348
+ onClick: handleOpenDropdown,
349
+ children: [
350
+ /*#__PURE__*/ _jsx(Folder, {
351
+ size: 16,
352
+ style: {
353
+ marginRight: '8px',
354
+ color: 'var(--puck-color-grey-05)'
355
+ }
356
+ }),
357
+ /*#__PURE__*/ _jsx("span", {
358
+ style: {
225
359
  flex: 1,
226
360
  fontSize: '14px',
227
361
  color: value ? 'var(--puck-color-grey-04)' : 'var(--puck-color-grey-06)',
228
- fontStyle: value ? 'normal' : 'italic',
229
- }, children: pathLoading ? 'Loading...' : folderPath || '(Root level)' }), _jsx(ChevronDown, { size: 16, style: {
362
+ fontStyle: value ? 'normal' : 'italic'
363
+ },
364
+ children: pathLoading ? 'Loading...' : folderPath || '(Root level)'
365
+ }),
366
+ /*#__PURE__*/ _jsx(ChevronDown, {
367
+ size: 16,
368
+ style: {
230
369
  color: 'var(--puck-color-grey-05)',
231
370
  transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
232
- transition: 'transform 0.2s ease',
233
- } })] }), isOpen && (_jsxs("div", { style: {
371
+ transition: 'transform 0.2s ease'
372
+ }
373
+ })
374
+ ]
375
+ }),
376
+ isOpen && /*#__PURE__*/ _jsxs("div", {
377
+ style: {
234
378
  position: 'absolute',
235
379
  top: '100%',
236
380
  left: 0,
@@ -240,43 +384,112 @@ export function FolderPickerField({ value, onChange, label = 'Folder', folderSlu
240
384
  border: '1px solid var(--puck-color-grey-09)',
241
385
  borderRadius: '6px',
242
386
  boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
243
- zIndex: 1000,
244
- }, children: [_jsxs("div", { style: {
387
+ zIndex: 1000
388
+ },
389
+ children: [
390
+ /*#__PURE__*/ _jsxs("div", {
391
+ style: {
245
392
  display: 'flex',
246
393
  alignItems: 'center',
247
394
  justifyContent: 'space-between',
248
395
  padding: '8px 12px',
249
- borderBottom: '1px solid var(--puck-color-grey-09)',
250
- }, children: [_jsx("span", { style: { fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)' }, children: "Select Folder" }), _jsx("button", { type: "button", onClick: () => setIsOpen(false), style: {
396
+ borderBottom: '1px solid var(--puck-color-grey-09)'
397
+ },
398
+ children: [
399
+ /*#__PURE__*/ _jsx("span", {
400
+ style: {
401
+ fontSize: '14px',
402
+ fontWeight: 500,
403
+ color: 'var(--puck-color-grey-04)'
404
+ },
405
+ children: "Select Folder"
406
+ }),
407
+ /*#__PURE__*/ _jsx("button", {
408
+ type: "button",
409
+ onClick: ()=>setIsOpen(false),
410
+ style: {
251
411
  background: 'none',
252
412
  border: 'none',
253
413
  padding: '4px',
254
414
  cursor: 'pointer',
255
415
  color: 'var(--puck-color-grey-05)',
256
416
  display: 'flex',
257
- alignItems: 'center',
258
- }, children: _jsx(X, { size: 16 }) })] }), _jsx("div", { style: { padding: '8px' }, children: foldersLoading ? (_jsx("div", { style: { padding: '16px', textAlign: 'center', color: 'var(--puck-color-grey-05)' }, children: "Loading folders..." })) : (_jsx(FolderTree, { folders: folders, selectedId: value, onSelect: handleSelect, expandedIds: expandedIds, onToggleExpand: handleToggleExpand })) }), _jsx("div", { style: {
417
+ alignItems: 'center'
418
+ },
419
+ children: /*#__PURE__*/ _jsx(X, {
420
+ size: 16
421
+ })
422
+ })
423
+ ]
424
+ }),
425
+ /*#__PURE__*/ _jsx("div", {
426
+ style: {
427
+ padding: '8px'
428
+ },
429
+ children: foldersLoading ? /*#__PURE__*/ _jsx("div", {
430
+ style: {
431
+ padding: '16px',
432
+ textAlign: 'center',
433
+ color: 'var(--puck-color-grey-05)'
434
+ },
435
+ children: "Loading folders..."
436
+ }) : /*#__PURE__*/ _jsx(FolderTree, {
437
+ folders: folders,
438
+ selectedId: value,
439
+ onSelect: handleSelect,
440
+ expandedIds: expandedIds,
441
+ onToggleExpand: handleToggleExpand
442
+ })
443
+ }),
444
+ /*#__PURE__*/ _jsx("div", {
445
+ style: {
259
446
  borderTop: '1px solid var(--puck-color-grey-09)',
260
- padding: '8px 12px',
261
- }, children: _jsxs("a", { href: "/admin/page-tree", target: "_blank", rel: "noopener noreferrer", style: {
447
+ padding: '8px 12px'
448
+ },
449
+ children: /*#__PURE__*/ _jsxs("a", {
450
+ href: "/admin/page-tree",
451
+ target: "_blank",
452
+ rel: "noopener noreferrer",
453
+ style: {
262
454
  display: 'flex',
263
455
  alignItems: 'center',
264
456
  fontSize: '13px',
265
457
  color: 'var(--puck-color-azure-05)',
266
- textDecoration: 'none',
267
- }, onClick: () => setIsOpen(false), children: [_jsx(FolderPlus, { size: 14, style: { marginRight: '6px' } }), "Manage folders"] }) })] }))] }));
458
+ textDecoration: 'none'
459
+ },
460
+ onClick: ()=>setIsOpen(false),
461
+ children: [
462
+ /*#__PURE__*/ _jsx(FolderPlus, {
463
+ size: 14,
464
+ style: {
465
+ marginRight: '6px'
466
+ }
467
+ }),
468
+ "Manage folders"
469
+ ]
470
+ })
471
+ })
472
+ ]
473
+ })
474
+ ]
475
+ });
268
476
  }
269
477
  // =============================================================================
270
478
  // Field Configuration Factory
271
479
  // =============================================================================
272
480
  /**
273
481
  * Creates a Puck field configuration for folder selection
274
- */
275
- export function createFolderPickerField(config) {
482
+ */ export function createFolderPickerField(config) {
276
483
  return {
277
484
  type: 'custom',
278
485
  label: config?.label ?? 'Folder',
279
- render: ({ value, onChange }) => (_jsx(FolderPickerField, { value: value, onChange: onChange, label: config?.label, folderSlug: config?.folderSlug })),
486
+ render: ({ value, onChange })=>/*#__PURE__*/ _jsx(FolderPickerField, {
487
+ value: value,
488
+ onChange: onChange,
489
+ label: config?.label,
490
+ folderSlug: config?.folderSlug
491
+ })
280
492
  };
281
493
  }
494
+
282
495
  //# sourceMappingURL=FolderPickerField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FolderPickerField.js","sourceRoot":"","sources":["../../src/fields/FolderPickerField.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"sources":["../../src/fields/FolderPickerField.tsx"],"sourcesContent":["'use client'\n\n/**\n * FolderPickerField - Custom Puck field for folder selection\n *\n * Integrates with @delmaredigital/payload-page-tree to allow\n * selecting folders from within the Puck editor.\n */\n\nimport React, { useState, useEffect } from 'react'\nimport type { CustomField } from '@puckeditor/core'\nimport { Folder, FolderOpen, FolderPlus, ChevronRight, ChevronDown, Check, X } from 'lucide-react'\n\n// =============================================================================\n// Types\n// =============================================================================\n\ninterface FolderNode {\n id: string\n name: string\n pathSegment?: string\n children?: FolderNode[]\n}\n\ninterface FolderPickerFieldProps {\n value: string | null\n onChange: (value: string | null) => void\n label?: string\n folderSlug?: string\n}\n\ninterface FolderTreeProps {\n folders: FolderNode[]\n selectedId: string | null\n onSelect: (folderId: string | null) => void\n expandedIds: Set<string>\n onToggleExpand: (folderId: string) => void\n level?: number\n}\n\n// =============================================================================\n// Folder Path Hook\n// =============================================================================\n\n/**\n * Fetches the folder path for display\n */\nfunction useFolderPath(folderId: string | null, folderSlug: string = 'payload-folders') {\n const [folderPath, setFolderPath] = useState<string | null>(null)\n const [loading, setLoading] = useState(false)\n\n useEffect(() => {\n if (!folderId) {\n setFolderPath(null)\n return\n }\n\n async function fetchPath() {\n setLoading(true)\n try {\n // Fetch folder and build path by traversing parents\n const response = await fetch(`/api/${folderSlug}/${folderId}?depth=2`)\n if (!response.ok) {\n setFolderPath(null)\n return\n }\n\n const folder = await response.json()\n const pathParts: string[] = []\n\n // Build path from folder hierarchy\n let current = folder\n while (current) {\n if (current.pathSegment || current.name) {\n pathParts.unshift(current.pathSegment || current.name)\n }\n current = current.folder\n }\n\n setFolderPath(pathParts.length > 0 ? `/${pathParts.join('/')}` : null)\n } catch (error) {\n console.error('Error fetching folder path:', error)\n setFolderPath(null)\n } finally {\n setLoading(false)\n }\n }\n\n fetchPath()\n }, [folderId, folderSlug])\n\n return { folderPath, loading }\n}\n\n/**\n * Fetches all folders for the tree\n */\nfunction useFolders(folderSlug: string = 'payload-folders') {\n const [folders, setFolders] = useState<FolderNode[]>([])\n const [loading, setLoading] = useState(true)\n const [fetchCount, setFetchCount] = useState(0)\n\n const refetch = () => setFetchCount((c) => c + 1)\n\n useEffect(() => {\n async function fetchFolders() {\n setLoading(true)\n try {\n const response = await fetch(`/api/${folderSlug}?limit=1000&sort=name`)\n if (!response.ok) {\n setFolders([])\n return\n }\n\n const data = await response.json()\n const allFolders = data.docs || []\n\n // Build tree structure\n const folderMap = new Map<string, FolderNode>()\n const rootFolders: FolderNode[] = []\n\n // First pass: create all nodes\n for (const folder of allFolders) {\n folderMap.set(folder.id, {\n id: folder.id,\n name: folder.name,\n pathSegment: folder.pathSegment,\n children: [],\n })\n }\n\n // Second pass: build hierarchy\n for (const folder of allFolders) {\n const node = folderMap.get(folder.id)!\n const parentId = typeof folder.folder === 'object' ? folder.folder?.id : folder.folder\n\n if (parentId && folderMap.has(parentId)) {\n folderMap.get(parentId)!.children!.push(node)\n } else {\n rootFolders.push(node)\n }\n }\n\n // Sort children by name\n const sortChildren = (nodes: FolderNode[]) => {\n nodes.sort((a, b) => a.name.localeCompare(b.name))\n for (const node of nodes) {\n if (node.children?.length) {\n sortChildren(node.children)\n }\n }\n }\n sortChildren(rootFolders)\n\n setFolders(rootFolders)\n } catch (error) {\n console.error('Error fetching folders:', error)\n setFolders([])\n } finally {\n setLoading(false)\n }\n }\n\n fetchFolders()\n }, [folderSlug, fetchCount])\n\n return { folders, loading, refetch }\n}\n\n// =============================================================================\n// FolderTree Component\n// =============================================================================\n\nfunction FolderTreeItem({\n folder,\n selectedId,\n onSelect,\n expandedIds,\n onToggleExpand,\n level = 0,\n}: {\n folder: FolderNode\n selectedId: string | null\n onSelect: (folderId: string | null) => void\n expandedIds: Set<string>\n onToggleExpand: (folderId: string) => void\n level?: number\n}) {\n const hasChildren = folder.children && folder.children.length > 0\n const isExpanded = expandedIds.has(folder.id)\n const isSelected = folder.id === selectedId\n\n return (\n <div>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n padding: '6px 8px',\n paddingLeft: `${8 + level * 16}px`,\n cursor: 'pointer',\n borderRadius: '4px',\n backgroundColor: isSelected ? 'var(--puck-color-azure-12)' : 'transparent',\n transition: 'background-color 0.1s ease',\n }}\n onClick={() => onSelect(folder.id)}\n onMouseEnter={(e) => {\n if (!isSelected) {\n e.currentTarget.style.backgroundColor = 'var(--puck-color-grey-11)'\n }\n }}\n onMouseLeave={(e) => {\n if (!isSelected) {\n e.currentTarget.style.backgroundColor = 'transparent'\n }\n }}\n >\n {/* Expand/collapse button */}\n {hasChildren ? (\n <button\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation()\n onToggleExpand(folder.id)\n }}\n style={{\n background: 'none',\n border: 'none',\n padding: '2px',\n cursor: 'pointer',\n color: 'var(--puck-color-grey-05)',\n display: 'flex',\n alignItems: 'center',\n }}\n >\n {isExpanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n </button>\n ) : (\n <span style={{ width: '18px' }} />\n )}\n\n {/* Folder icon */}\n {isExpanded ? (\n <FolderOpen size={16} style={{ marginRight: '8px', color: 'var(--puck-color-azure-06)' }} />\n ) : (\n <Folder size={16} style={{ marginRight: '8px', color: 'var(--puck-color-grey-05)' }} />\n )}\n\n {/* Folder name */}\n <span\n style={{\n fontSize: '14px',\n color: isSelected ? 'var(--puck-color-azure-04)' : 'var(--puck-color-grey-04)',\n flex: 1,\n }}\n >\n {folder.name}\n </span>\n\n {/* Selected indicator */}\n {isSelected && (\n <Check size={14} style={{ color: 'var(--puck-color-azure-04)' }} />\n )}\n </div>\n\n {/* Children */}\n {hasChildren && isExpanded && (\n <div>\n {folder.children!.map((child) => (\n <FolderTreeItem\n key={child.id}\n folder={child}\n selectedId={selectedId}\n onSelect={onSelect}\n expandedIds={expandedIds}\n onToggleExpand={onToggleExpand}\n level={level + 1}\n />\n ))}\n </div>\n )}\n </div>\n )\n}\n\nfunction FolderTree({\n folders,\n selectedId,\n onSelect,\n expandedIds,\n onToggleExpand,\n}: FolderTreeProps) {\n if (folders.length === 0) {\n return (\n <div style={{ padding: '16px', textAlign: 'center', color: 'var(--puck-color-grey-05)' }}>\n No folders found\n </div>\n )\n }\n\n return (\n <div style={{ maxHeight: '300px', overflowY: 'auto' }}>\n {/* Root option */}\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n padding: '6px 8px',\n cursor: 'pointer',\n borderRadius: '4px',\n backgroundColor: selectedId === null ? 'var(--puck-color-azure-12)' : 'transparent',\n borderBottom: '1px solid var(--puck-color-grey-09)',\n marginBottom: '4px',\n }}\n onClick={() => onSelect(null)}\n >\n <Folder size={16} style={{ marginRight: '8px', color: 'var(--puck-color-grey-05)' }} />\n <span\n style={{\n fontSize: '14px',\n color: selectedId === null ? 'var(--puck-color-azure-04)' : 'var(--puck-color-grey-04)',\n fontStyle: 'italic',\n flex: 1,\n }}\n >\n (No folder - root level)\n </span>\n {selectedId === null && (\n <Check size={14} style={{ color: 'var(--puck-color-azure-04)' }} />\n )}\n </div>\n\n {/* Folder tree */}\n {folders.map((folder) => (\n <FolderTreeItem\n key={folder.id}\n folder={folder}\n selectedId={selectedId}\n onSelect={onSelect}\n expandedIds={expandedIds}\n onToggleExpand={onToggleExpand}\n />\n ))}\n </div>\n )\n}\n\n// =============================================================================\n// FolderPickerField Component\n// =============================================================================\n\nexport function FolderPickerField({\n value,\n onChange,\n label = 'Folder',\n folderSlug = 'payload-folders',\n}: FolderPickerFieldProps) {\n const [isOpen, setIsOpen] = useState(false)\n const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set())\n const { folderPath, loading: pathLoading } = useFolderPath(value, folderSlug)\n const { folders, loading: foldersLoading, refetch } = useFolders(folderSlug)\n\n const handleToggleExpand = (folderId: string) => {\n setExpandedIds((prev) => {\n const next = new Set(prev)\n if (next.has(folderId)) {\n next.delete(folderId)\n } else {\n next.add(folderId)\n }\n return next\n })\n }\n\n const handleSelect = (folderId: string | null) => {\n onChange(folderId)\n setIsOpen(false)\n }\n\n const handleOpenDropdown = () => {\n if (!isOpen) {\n // Refetch folders when opening to get any newly created ones\n refetch()\n }\n setIsOpen(!isOpen)\n }\n\n return (\n <div className=\"puck-field\" style={{ position: 'relative' }}>\n {/* Label */}\n <label style={{ display: 'block', fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)', marginBottom: '8px' }}>\n {label}\n </label>\n\n {/* Current folder display / trigger */}\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n padding: '8px 12px',\n border: '1px solid var(--puck-color-grey-09)',\n borderRadius: '6px',\n backgroundColor: 'var(--puck-color-white)',\n cursor: 'pointer',\n }}\n onClick={handleOpenDropdown}\n >\n <Folder size={16} style={{ marginRight: '8px', color: 'var(--puck-color-grey-05)' }} />\n <span\n style={{\n flex: 1,\n fontSize: '14px',\n color: value ? 'var(--puck-color-grey-04)' : 'var(--puck-color-grey-06)',\n fontStyle: value ? 'normal' : 'italic',\n }}\n >\n {pathLoading ? 'Loading...' : folderPath || '(Root level)'}\n </span>\n <ChevronDown\n size={16}\n style={{\n color: 'var(--puck-color-grey-05)',\n transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',\n transition: 'transform 0.2s ease',\n }}\n />\n </div>\n\n {/* Folder picker dropdown */}\n {isOpen && (\n <div\n style={{\n position: 'absolute',\n top: '100%',\n left: 0,\n right: 0,\n marginTop: '4px',\n backgroundColor: 'var(--puck-color-white)',\n border: '1px solid var(--puck-color-grey-09)',\n borderRadius: '6px',\n boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n zIndex: 1000,\n }}\n >\n {/* Header */}\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '8px 12px',\n borderBottom: '1px solid var(--puck-color-grey-09)',\n }}\n >\n <span style={{ fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)' }}>\n Select Folder\n </span>\n <button\n type=\"button\"\n onClick={() => setIsOpen(false)}\n style={{\n background: 'none',\n border: 'none',\n padding: '4px',\n cursor: 'pointer',\n color: 'var(--puck-color-grey-05)',\n display: 'flex',\n alignItems: 'center',\n }}\n >\n <X size={16} />\n </button>\n </div>\n\n {/* Folder tree */}\n <div style={{ padding: '8px' }}>\n {foldersLoading ? (\n <div style={{ padding: '16px', textAlign: 'center', color: 'var(--puck-color-grey-05)' }}>\n Loading folders...\n </div>\n ) : (\n <FolderTree\n folders={folders}\n selectedId={value}\n onSelect={handleSelect}\n expandedIds={expandedIds}\n onToggleExpand={handleToggleExpand}\n />\n )}\n </div>\n\n {/* Create folder link - links to page-tree view where folders can be managed */}\n <div\n style={{\n borderTop: '1px solid var(--puck-color-grey-09)',\n padding: '8px 12px',\n }}\n >\n <a\n href=\"/admin/page-tree\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n style={{\n display: 'flex',\n alignItems: 'center',\n fontSize: '13px',\n color: 'var(--puck-color-azure-05)',\n textDecoration: 'none',\n }}\n onClick={() => setIsOpen(false)}\n >\n <FolderPlus size={14} style={{ marginRight: '6px' }} />\n Manage folders\n </a>\n </div>\n </div>\n )}\n </div>\n )\n}\n\n// =============================================================================\n// Field Configuration Factory\n// =============================================================================\n\n/**\n * Creates a Puck field configuration for folder selection\n */\nexport function createFolderPickerField(config?: {\n label?: string\n folderSlug?: string\n}): CustomField<string | null> {\n return {\n type: 'custom',\n label: config?.label ?? 'Folder',\n render: ({ value, onChange }) => (\n <FolderPickerField\n value={value}\n onChange={onChange}\n label={config?.label}\n folderSlug={config?.folderSlug}\n />\n ),\n }\n}\n"],"names":["React","useState","useEffect","Folder","FolderOpen","FolderPlus","ChevronRight","ChevronDown","Check","X","useFolderPath","folderId","folderSlug","folderPath","setFolderPath","loading","setLoading","fetchPath","response","fetch","ok","folder","json","pathParts","current","pathSegment","name","unshift","length","join","error","console","useFolders","folders","setFolders","fetchCount","setFetchCount","refetch","c","fetchFolders","data","allFolders","docs","folderMap","Map","rootFolders","set","id","children","node","get","parentId","has","push","sortChildren","nodes","sort","a","b","localeCompare","FolderTreeItem","selectedId","onSelect","expandedIds","onToggleExpand","level","hasChildren","isExpanded","isSelected","div","style","display","alignItems","padding","paddingLeft","cursor","borderRadius","backgroundColor","transition","onClick","onMouseEnter","e","currentTarget","onMouseLeave","button","type","stopPropagation","background","border","color","size","span","width","marginRight","fontSize","flex","map","child","FolderTree","textAlign","maxHeight","overflowY","borderBottom","marginBottom","fontStyle","FolderPickerField","value","onChange","label","isOpen","setIsOpen","setExpandedIds","Set","pathLoading","foldersLoading","handleToggleExpand","prev","next","delete","add","handleSelect","handleOpenDropdown","className","position","fontWeight","transform","top","left","right","marginTop","boxShadow","zIndex","justifyContent","borderTop","href","target","rel","textDecoration","createFolderPickerField","config","render"],"mappings":"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"}