@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.
- package/README.md +50 -1
- package/dist/admin/EditWithPuckButton.d.ts +1 -1
- package/dist/admin/EditWithPuckButton.d.ts.map +1 -1
- package/dist/admin/EditWithPuckButton.js +65 -25
- package/dist/admin/EditWithPuckButton.js.map +1 -1
- package/dist/admin/EditWithPuckCell.js +43 -13
- package/dist/admin/EditWithPuckCell.js.map +1 -1
- package/dist/admin/PuckEditorView.d.ts +1 -1
- package/dist/admin/PuckEditorView.d.ts.map +1 -1
- package/dist/admin/PuckEditorView.js +118 -32
- package/dist/admin/PuckEditorView.js.map +1 -1
- package/dist/admin/client.d.ts +2 -2
- package/dist/admin/client.d.ts.map +1 -1
- package/dist/admin/client.js +4 -4
- package/dist/admin/client.js.map +1 -1
- package/dist/admin/generateAdminComponents.js +7 -7
- package/dist/admin/generateAdminComponents.js.map +1 -1
- package/dist/admin/index.d.ts +5 -5
- package/dist/admin/index.d.ts.map +1 -1
- package/dist/admin/index.js +3 -2
- package/dist/admin/index.js.map +1 -1
- package/dist/ai/collections/AiContext.js +56 -29
- package/dist/ai/collections/AiContext.js.map +1 -1
- package/dist/ai/collections/AiPrompts.js +24 -19
- package/dist/ai/collections/AiPrompts.js.map +1 -1
- package/dist/ai/createAiApiRoutes.js +28 -19
- package/dist/ai/createAiApiRoutes.js.map +1 -1
- package/dist/ai/createAiGenerate.js +7 -8
- package/dist/ai/createAiGenerate.js.map +1 -1
- package/dist/ai/createAiPlugin.js +7 -9
- package/dist/ai/createAiPlugin.js.map +1 -1
- package/dist/ai/hooks/useAiContext.js +50 -39
- package/dist/ai/hooks/useAiContext.js.map +1 -1
- package/dist/ai/hooks/useAiPrompts.js +33 -25
- package/dist/ai/hooks/useAiPrompts.js.map +1 -1
- package/dist/ai/index.js +9 -10
- package/dist/ai/index.js.map +1 -1
- package/dist/ai/plugins/ContextEditorPanel.d.ts +1 -1
- package/dist/ai/plugins/ContextEditorPanel.d.ts.map +1 -1
- package/dist/ai/plugins/ContextEditorPanel.js +399 -107
- package/dist/ai/plugins/ContextEditorPanel.js.map +1 -1
- package/dist/ai/plugins/PromptEditorPanel.d.ts +1 -1
- package/dist/ai/plugins/PromptEditorPanel.d.ts.map +1 -1
- package/dist/ai/plugins/PromptEditorPanel.js +237 -51
- package/dist/ai/plugins/PromptEditorPanel.js.map +1 -1
- package/dist/ai/plugins/contextEditorPlugin.js +12 -5
- package/dist/ai/plugins/contextEditorPlugin.js.map +1 -1
- package/dist/ai/plugins/promptApiRoutes.js +119 -50
- package/dist/ai/plugins/promptApiRoutes.js.map +1 -1
- package/dist/ai/plugins/promptEditorPlugin.js +12 -5
- package/dist/ai/plugins/promptEditorPlugin.js.map +1 -1
- package/dist/ai/presets/componentAiDefaults.js +108 -83
- package/dist/ai/presets/componentAiDefaults.js.map +1 -1
- package/dist/ai/presets/index.js +12 -18
- package/dist/ai/presets/index.js.map +1 -1
- package/dist/ai/presets/instructions/interactive.js +85 -75
- package/dist/ai/presets/instructions/interactive.js.map +1 -1
- package/dist/ai/presets/instructions/layout.js +122 -117
- package/dist/ai/presets/instructions/layout.js.map +1 -1
- package/dist/ai/presets/instructions/media.js +31 -29
- package/dist/ai/presets/instructions/media.js.map +1 -1
- package/dist/ai/presets/instructions/pagePatterns.js +4 -6
- package/dist/ai/presets/instructions/pagePatterns.js.map +1 -1
- package/dist/ai/presets/instructions/schemas.js +495 -137
- package/dist/ai/presets/instructions/schemas.js.map +1 -1
- package/dist/ai/presets/instructions/typography.js +38 -33
- package/dist/ai/presets/instructions/typography.js.map +1 -1
- package/dist/ai/tools/index.js +92 -55
- package/dist/ai/tools/index.js.map +1 -1
- package/dist/ai/types.js +7 -1
- package/dist/ai/types.js.map +1 -1
- package/dist/ai/utils/injectAiConfig.js +33 -40
- package/dist/ai/utils/injectAiConfig.js.map +1 -1
- package/dist/api/createPuckApiRoutes.d.ts +1 -1
- package/dist/api/createPuckApiRoutes.d.ts.map +1 -1
- package/dist/api/createPuckApiRoutes.js +123 -65
- package/dist/api/createPuckApiRoutes.js.map +1 -1
- package/dist/api/createPuckApiRoutesVersions.d.ts +1 -1
- package/dist/api/createPuckApiRoutesVersions.d.ts.map +1 -1
- package/dist/api/createPuckApiRoutesVersions.js +88 -37
- package/dist/api/createPuckApiRoutesVersions.js.map +1 -1
- package/dist/api/createPuckApiRoutesWithId.d.ts +1 -1
- package/dist/api/createPuckApiRoutesWithId.d.ts.map +1 -1
- package/dist/api/createPuckApiRoutesWithId.js +166 -72
- package/dist/api/createPuckApiRoutesWithId.js.map +1 -1
- package/dist/api/index.d.ts +5 -5
- package/dist/api/index.d.ts.map +1 -1
- package/dist/api/index.js +6 -6
- package/dist/api/index.js.map +1 -1
- package/dist/api/payload-config.d.js +15 -0
- package/dist/api/payload-config.d.js.map +1 -0
- package/dist/api/types.js +4 -1
- package/dist/api/types.js.map +1 -1
- package/dist/api/utils/mapRootProps.d.ts +1 -1
- package/dist/api/utils/mapRootProps.d.ts.map +1 -1
- package/dist/api/utils/mapRootProps.js +77 -44
- package/dist/api/utils/mapRootProps.js.map +1 -1
- package/dist/collections/Templates.js +24 -20
- package/dist/collections/Templates.js.map +1 -1
- package/dist/components/AccordionClient.d.ts +2 -2
- package/dist/components/AccordionClient.d.ts.map +1 -1
- package/dist/components/AccordionClient.js +81 -22
- package/dist/components/AccordionClient.js.map +1 -1
- package/dist/components/AnimatedWrapper.d.ts +2 -2
- package/dist/components/AnimatedWrapper.d.ts.map +1 -1
- package/dist/components/AnimatedWrapper.js +31 -16
- package/dist/components/AnimatedWrapper.js.map +1 -1
- package/dist/components/exports.js +2 -2
- package/dist/components/exports.js.map +1 -1
- package/dist/components/index.d.ts +5 -5
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +7 -7
- package/dist/components/index.js.map +1 -1
- package/dist/components/interactive/Accordion.d.ts +1 -1
- package/dist/components/interactive/Accordion.d.ts.map +1 -1
- package/dist/components/interactive/Accordion.js +149 -55
- package/dist/components/interactive/Accordion.js.map +1 -1
- package/dist/components/interactive/Accordion.server.d.ts +1 -1
- package/dist/components/interactive/Accordion.server.d.ts.map +1 -1
- package/dist/components/interactive/Accordion.server.js +25 -7
- package/dist/components/interactive/Accordion.server.js.map +1 -1
- package/dist/components/interactive/Button.d.ts +3 -3
- package/dist/components/interactive/Button.d.ts.map +1 -1
- package/dist/components/interactive/Button.js +89 -43
- package/dist/components/interactive/Button.js.map +1 -1
- package/dist/components/interactive/Button.server.d.ts +2 -2
- package/dist/components/interactive/Button.server.d.ts.map +1 -1
- package/dist/components/interactive/Button.server.js +40 -20
- package/dist/components/interactive/Button.server.js.map +1 -1
- package/dist/components/interactive/Card.d.ts +3 -3
- package/dist/components/interactive/Card.d.ts.map +1 -1
- package/dist/components/interactive/Card.js +131 -39
- package/dist/components/interactive/Card.js.map +1 -1
- package/dist/components/interactive/Card.server.d.ts +3 -3
- package/dist/components/interactive/Card.server.d.ts.map +1 -1
- package/dist/components/interactive/Card.server.js +72 -11
- package/dist/components/interactive/Card.server.js.map +1 -1
- package/dist/components/interactive/Divider.d.ts +1 -1
- package/dist/components/interactive/Divider.d.ts.map +1 -1
- package/dist/components/interactive/Divider.js +54 -26
- package/dist/components/interactive/Divider.js.map +1 -1
- package/dist/components/interactive/Divider.server.d.ts +1 -1
- package/dist/components/interactive/Divider.server.d.ts.map +1 -1
- package/dist/components/interactive/Divider.server.js +28 -12
- package/dist/components/interactive/Divider.server.js.map +1 -1
- package/dist/components/interactive/index.d.ts +4 -4
- package/dist/components/interactive/index.d.ts.map +1 -1
- package/dist/components/interactive/index.js +5 -5
- package/dist/components/interactive/index.js.map +1 -1
- package/dist/components/layout/Container.d.ts +1 -1
- package/dist/components/layout/Container.d.ts.map +1 -1
- package/dist/components/layout/Container.js +101 -47
- package/dist/components/layout/Container.js.map +1 -1
- package/dist/components/layout/Container.server.d.ts +1 -1
- package/dist/components/layout/Container.server.d.ts.map +1 -1
- package/dist/components/layout/Container.server.js +67 -19
- package/dist/components/layout/Container.server.js.map +1 -1
- package/dist/components/layout/Flex.d.ts +2 -2
- package/dist/components/layout/Flex.d.ts.map +1 -1
- package/dist/components/layout/Flex.js +124 -55
- package/dist/components/layout/Flex.js.map +1 -1
- package/dist/components/layout/Flex.server.d.ts +1 -1
- package/dist/components/layout/Flex.server.d.ts.map +1 -1
- package/dist/components/layout/Flex.server.js +50 -14
- package/dist/components/layout/Flex.server.js.map +1 -1
- package/dist/components/layout/Grid.d.ts +1 -1
- package/dist/components/layout/Grid.d.ts.map +1 -1
- package/dist/components/layout/Grid.js +93 -44
- package/dist/components/layout/Grid.js.map +1 -1
- package/dist/components/layout/Grid.server.d.ts +1 -1
- package/dist/components/layout/Grid.server.d.ts.map +1 -1
- package/dist/components/layout/Grid.server.js +56 -14
- package/dist/components/layout/Grid.server.js.map +1 -1
- package/dist/components/layout/Section.d.ts +1 -1
- package/dist/components/layout/Section.d.ts.map +1 -1
- package/dist/components/layout/Section.js +147 -64
- package/dist/components/layout/Section.js.map +1 -1
- package/dist/components/layout/Section.server.d.ts +1 -1
- package/dist/components/layout/Section.server.d.ts.map +1 -1
- package/dist/components/layout/Section.server.js +92 -28
- package/dist/components/layout/Section.server.js.map +1 -1
- package/dist/components/layout/Spacer.d.ts +1 -1
- package/dist/components/layout/Spacer.d.ts.map +1 -1
- package/dist/components/layout/Spacer.js +80 -30
- package/dist/components/layout/Spacer.js.map +1 -1
- package/dist/components/layout/Spacer.server.d.ts +1 -1
- package/dist/components/layout/Spacer.server.d.ts.map +1 -1
- package/dist/components/layout/Spacer.server.js +31 -9
- package/dist/components/layout/Spacer.server.js.map +1 -1
- package/dist/components/layout/Template.d.ts +1 -1
- package/dist/components/layout/Template.d.ts.map +1 -1
- package/dist/components/layout/Template.js +58 -30
- package/dist/components/layout/Template.js.map +1 -1
- package/dist/components/layout/Template.server.d.ts +1 -1
- package/dist/components/layout/Template.server.d.ts.map +1 -1
- package/dist/components/layout/Template.server.js +43 -11
- package/dist/components/layout/Template.server.js.map +1 -1
- package/dist/components/layout/index.d.ts +8 -8
- package/dist/components/layout/index.d.ts.map +1 -1
- package/dist/components/layout/index.js +8 -8
- package/dist/components/layout/index.js.map +1 -1
- package/dist/components/media/Image.d.ts +3 -3
- package/dist/components/media/Image.d.ts.map +1 -1
- package/dist/components/media/Image.js +122 -39
- package/dist/components/media/Image.js.map +1 -1
- package/dist/components/media/Image.server.d.ts +3 -3
- package/dist/components/media/Image.server.d.ts.map +1 -1
- package/dist/components/media/Image.server.js +76 -13
- package/dist/components/media/Image.server.js.map +1 -1
- package/dist/components/media/index.d.ts +1 -1
- package/dist/components/media/index.d.ts.map +1 -1
- package/dist/components/media/index.js +2 -2
- package/dist/components/media/index.js.map +1 -1
- package/dist/components/typography/Heading.d.ts +2 -2
- package/dist/components/typography/Heading.d.ts.map +1 -1
- package/dist/components/typography/Heading.js +45 -25
- package/dist/components/typography/Heading.js.map +1 -1
- package/dist/components/typography/Heading.server.d.ts +2 -2
- package/dist/components/typography/Heading.server.d.ts.map +1 -1
- package/dist/components/typography/Heading.server.js +16 -10
- package/dist/components/typography/Heading.server.js.map +1 -1
- package/dist/components/typography/RichText.editor.d.ts +1 -1
- package/dist/components/typography/RichText.editor.d.ts.map +1 -1
- package/dist/components/typography/RichText.editor.js +44 -19
- package/dist/components/typography/RichText.editor.js.map +1 -1
- package/dist/components/typography/RichText.server.d.ts +2 -2
- package/dist/components/typography/RichText.server.d.ts.map +1 -1
- package/dist/components/typography/RichText.server.js +33 -14
- package/dist/components/typography/RichText.server.js.map +1 -1
- package/dist/components/typography/Text.d.ts +2 -2
- package/dist/components/typography/Text.d.ts.map +1 -1
- package/dist/components/typography/Text.js +49 -23
- package/dist/components/typography/Text.js.map +1 -1
- package/dist/components/typography/Text.server.d.ts +2 -2
- package/dist/components/typography/Text.server.d.ts.map +1 -1
- package/dist/components/typography/Text.server.js +21 -8
- package/dist/components/typography/Text.server.js.map +1 -1
- package/dist/components/typography/index.d.ts +4 -4
- package/dist/components/typography/index.d.ts.map +1 -1
- package/dist/components/typography/index.js +5 -5
- package/dist/components/typography/index.js.map +1 -1
- package/dist/config/config.editor.d.ts +3 -3
- package/dist/config/config.editor.d.ts.map +1 -1
- package/dist/config/config.editor.js +119 -54
- package/dist/config/config.editor.js.map +1 -1
- package/dist/config/index.d.ts +4 -4
- package/dist/config/index.d.ts.map +1 -1
- package/dist/config/index.js +62 -35
- package/dist/config/index.js.map +1 -1
- package/dist/config/merge.d.ts +1 -1
- package/dist/config/merge.d.ts.map +1 -1
- package/dist/config/merge.js +23 -26
- package/dist/config/merge.js.map +1 -1
- package/dist/config/presets.d.ts +4 -4
- package/dist/config/presets.js +195 -75
- package/dist/config/presets.js.map +1 -1
- package/dist/config/types.js +6 -2
- package/dist/config/types.js.map +1 -1
- package/dist/editor/PuckEditor.d.ts +4 -4
- package/dist/editor/PuckEditor.d.ts.map +1 -1
- package/dist/editor/PuckEditor.js +162 -70
- package/dist/editor/PuckEditor.js.map +1 -1
- package/dist/editor/PuckEditorImpl.client.d.ts +4 -4
- package/dist/editor/PuckEditorImpl.client.d.ts.map +1 -1
- package/dist/editor/PuckEditorImpl.client.js +304 -152
- package/dist/editor/PuckEditorImpl.client.js.map +1 -1
- package/dist/editor/components/DarkModeStyles.js +11 -12
- package/dist/editor/components/DarkModeStyles.js.map +1 -1
- package/dist/editor/components/HeaderActions.js +308 -64
- package/dist/editor/components/HeaderActions.js.map +1 -1
- package/dist/editor/components/IframeWrapper.d.ts +1 -1
- package/dist/editor/components/IframeWrapper.d.ts.map +1 -1
- package/dist/editor/components/IframeWrapper.js +82 -58
- package/dist/editor/components/IframeWrapper.js.map +1 -1
- package/dist/editor/components/LoadingState.d.ts +1 -1
- package/dist/editor/components/LoadingState.d.ts.map +1 -1
- package/dist/editor/components/LoadingState.js +17 -3
- package/dist/editor/components/LoadingState.js.map +1 -1
- package/dist/editor/components/PreviewModal.js +234 -78
- package/dist/editor/components/PreviewModal.js.map +1 -1
- package/dist/editor/components/PreviewModeToggle.js +43 -15
- package/dist/editor/components/PreviewModeToggle.js.map +1 -1
- package/dist/editor/components/VersionHistory.js +219 -71
- package/dist/editor/components/VersionHistory.js.map +1 -1
- package/dist/editor/hooks/useDarkMode.js +36 -23
- package/dist/editor/hooks/useDarkMode.js.map +1 -1
- package/dist/editor/hooks/useUnsavedChanges.js +8 -8
- package/dist/editor/hooks/useUnsavedChanges.js.map +1 -1
- package/dist/editor/index.js +5 -6
- package/dist/editor/index.js.map +1 -1
- package/dist/editor/plugins/VersionHistoryPanel.js +236 -75
- package/dist/editor/plugins/VersionHistoryPanel.js.map +1 -1
- package/dist/editor/plugins/index.js +4 -4
- package/dist/editor/plugins/index.js.map +1 -1
- package/dist/editor/plugins/versionHistoryPlugin.js +10 -8
- package/dist/editor/plugins/versionHistoryPlugin.js.map +1 -1
- package/dist/editor/utils/detectPageTree.js +5 -5
- package/dist/editor/utils/detectPageTree.js.map +1 -1
- package/dist/editor/utils/index.js +1 -0
- package/dist/editor/utils/index.js.map +1 -1
- package/dist/editor/utils/injectPageTreeFields.js +13 -9
- package/dist/editor/utils/injectPageTreeFields.js.map +1 -1
- package/dist/endpoints/ai.js +58 -34
- package/dist/endpoints/ai.js.map +1 -1
- package/dist/endpoints/context.js +86 -40
- package/dist/endpoints/context.js.map +1 -1
- package/dist/endpoints/index.js +153 -76
- package/dist/endpoints/index.js.map +1 -1
- package/dist/endpoints/postcss.d.js +5 -0
- package/dist/endpoints/postcss.d.js.map +1 -0
- package/dist/endpoints/prompts.js +81 -39
- package/dist/endpoints/prompts.js.map +1 -1
- package/dist/endpoints/styles.js +34 -36
- package/dist/endpoints/styles.js.map +1 -1
- package/dist/exports/client.js +2 -2
- package/dist/exports/client.js.map +1 -1
- package/dist/exports/rsc.js +2 -2
- package/dist/exports/rsc.js.map +1 -1
- package/dist/fields/AlignmentField.d.ts +1 -1
- package/dist/fields/AlignmentField.d.ts.map +1 -1
- package/dist/fields/AlignmentField.js +93 -30
- package/dist/fields/AlignmentField.js.map +1 -1
- package/dist/fields/AnimationField.d.ts +2 -2
- package/dist/fields/AnimationField.d.ts.map +1 -1
- package/dist/fields/AnimationField.js +558 -84
- package/dist/fields/AnimationField.js.map +1 -1
- package/dist/fields/BackgroundField.d.ts +2 -2
- package/dist/fields/BackgroundField.d.ts.map +1 -1
- package/dist/fields/BackgroundField.js +754 -120
- package/dist/fields/BackgroundField.js.map +1 -1
- package/dist/fields/BorderField.d.ts +2 -2
- package/dist/fields/BorderField.d.ts.map +1 -1
- package/dist/fields/BorderField.js +275 -73
- package/dist/fields/BorderField.js.map +1 -1
- package/dist/fields/ColorPickerField.d.ts +2 -2
- package/dist/fields/ColorPickerField.d.ts.map +1 -1
- package/dist/fields/ColorPickerField.js +210 -68
- package/dist/fields/ColorPickerField.js.map +1 -1
- package/dist/fields/ContentAlignmentField.d.ts +1 -1
- package/dist/fields/ContentAlignmentField.d.ts.map +1 -1
- package/dist/fields/ContentAlignmentField.js +161 -75
- package/dist/fields/ContentAlignmentField.js.map +1 -1
- package/dist/fields/DimensionsField.d.ts +2 -2
- package/dist/fields/DimensionsField.d.ts.map +1 -1
- package/dist/fields/DimensionsField.js +575 -146
- package/dist/fields/DimensionsField.js.map +1 -1
- package/dist/fields/FlexAlignmentField.d.ts +2 -2
- package/dist/fields/FlexAlignmentField.d.ts.map +1 -1
- package/dist/fields/FlexAlignmentField.js +189 -51
- package/dist/fields/FlexAlignmentField.js.map +1 -1
- package/dist/fields/FolderPickerField.d.ts +8 -1
- package/dist/fields/FolderPickerField.d.ts.map +1 -1
- package/dist/fields/FolderPickerField.js +288 -75
- package/dist/fields/FolderPickerField.js.map +1 -1
- package/dist/fields/GradientEditor.d.ts +2 -2
- package/dist/fields/GradientEditor.d.ts.map +1 -1
- package/dist/fields/GradientEditor.js +462 -86
- package/dist/fields/GradientEditor.js.map +1 -1
- package/dist/fields/LockedField.d.ts +15 -2
- package/dist/fields/LockedField.d.ts.map +1 -1
- package/dist/fields/LockedField.js +180 -49
- package/dist/fields/LockedField.js.map +1 -1
- package/dist/fields/MarginField.d.ts +2 -2
- package/dist/fields/MarginField.d.ts.map +1 -1
- package/dist/fields/MarginField.js +144 -46
- package/dist/fields/MarginField.js.map +1 -1
- package/dist/fields/MediaField.d.ts +1 -1
- package/dist/fields/MediaField.d.ts.map +1 -1
- package/dist/fields/MediaField.js +688 -186
- package/dist/fields/MediaField.js.map +1 -1
- package/dist/fields/PaddingField.d.ts +2 -2
- package/dist/fields/PaddingField.d.ts.map +1 -1
- package/dist/fields/PaddingField.js +144 -46
- package/dist/fields/PaddingField.js.map +1 -1
- package/dist/fields/PageSegmentField.d.ts +15 -2
- package/dist/fields/PageSegmentField.d.ts.map +1 -1
- package/dist/fields/PageSegmentField.js +156 -54
- package/dist/fields/PageSegmentField.js.map +1 -1
- package/dist/fields/ResetField.d.ts +1 -1
- package/dist/fields/ResetField.d.ts.map +1 -1
- package/dist/fields/ResetField.js +59 -31
- package/dist/fields/ResetField.js.map +1 -1
- package/dist/fields/ResponsiveField.d.ts +1 -1
- package/dist/fields/ResponsiveField.d.ts.map +1 -1
- package/dist/fields/ResponsiveField.js +233 -90
- package/dist/fields/ResponsiveField.js.map +1 -1
- package/dist/fields/ResponsiveVisibilityField.d.ts +2 -2
- package/dist/fields/ResponsiveVisibilityField.d.ts.map +1 -1
- package/dist/fields/ResponsiveVisibilityField.js +119 -36
- package/dist/fields/ResponsiveVisibilityField.js.map +1 -1
- package/dist/fields/SizeField.d.ts +3 -3
- package/dist/fields/SizeField.d.ts.map +1 -1
- package/dist/fields/SizeField.js +226 -52
- package/dist/fields/SizeField.js.map +1 -1
- package/dist/fields/SlugPreviewField.d.ts +8 -1
- package/dist/fields/SlugPreviewField.d.ts.map +1 -1
- package/dist/fields/SlugPreviewField.js +65 -16
- package/dist/fields/SlugPreviewField.js.map +1 -1
- package/dist/fields/TemplateField.d.ts +1 -1
- package/dist/fields/TemplateField.d.ts.map +1 -1
- package/dist/fields/TemplateField.js +362 -120
- package/dist/fields/TemplateField.js.map +1 -1
- package/dist/fields/TransformField.d.ts +2 -2
- package/dist/fields/TransformField.d.ts.map +1 -1
- package/dist/fields/TransformField.js +517 -81
- package/dist/fields/TransformField.js.map +1 -1
- package/dist/fields/VerticalAlignmentField.d.ts +1 -1
- package/dist/fields/VerticalAlignmentField.d.ts.map +1 -1
- package/dist/fields/VerticalAlignmentField.js +93 -30
- package/dist/fields/VerticalAlignmentField.js.map +1 -1
- package/dist/fields/WidthField.d.ts +2 -2
- package/dist/fields/WidthField.d.ts.map +1 -1
- package/dist/fields/WidthField.js +278 -81
- package/dist/fields/WidthField.js.map +1 -1
- package/dist/fields/index.d.ts +41 -41
- package/dist/fields/index.d.ts.map +1 -1
- package/dist/fields/index.js +37 -43
- package/dist/fields/index.js.map +1 -1
- package/dist/fields/richtext/controls/ColorPickerControl.d.ts +13 -2
- package/dist/fields/richtext/controls/ColorPickerControl.d.ts.map +1 -1
- package/dist/fields/richtext/controls/ColorPickerControl.js +212 -47
- package/dist/fields/richtext/controls/ColorPickerControl.js.map +1 -1
- package/dist/fields/richtext/controls/DropdownPortal.d.ts +2 -2
- package/dist/fields/richtext/controls/DropdownPortal.d.ts.map +1 -1
- package/dist/fields/richtext/controls/DropdownPortal.js +36 -4
- package/dist/fields/richtext/controls/DropdownPortal.js.map +1 -1
- package/dist/fields/richtext/controls/FontSizeControl.d.ts +9 -1
- package/dist/fields/richtext/controls/FontSizeControl.d.ts.map +1 -1
- package/dist/fields/richtext/controls/FontSizeControl.js +109 -24
- package/dist/fields/richtext/controls/FontSizeControl.js.map +1 -1
- package/dist/fields/richtext/controls/HighlightControl.d.ts +12 -1
- package/dist/fields/richtext/controls/HighlightControl.d.ts.map +1 -1
- package/dist/fields/richtext/controls/HighlightControl.js +54 -17
- package/dist/fields/richtext/controls/HighlightControl.js.map +1 -1
- package/dist/fields/richtext/controls/index.d.ts +5 -5
- package/dist/fields/richtext/controls/index.d.ts.map +1 -1
- package/dist/fields/richtext/controls/index.js +8 -11
- package/dist/fields/richtext/controls/index.js.map +1 -1
- package/dist/fields/richtext/controls/shared.js +108 -63
- package/dist/fields/richtext/controls/shared.js.map +1 -1
- package/dist/fields/richtext/createRichTextField.d.ts +18 -4
- package/dist/fields/richtext/createRichTextField.d.ts.map +1 -1
- package/dist/fields/richtext/createRichTextField.js +113 -26
- package/dist/fields/richtext/createRichTextField.js.map +1 -1
- package/dist/fields/richtext/extensions/FontSize.js +26 -20
- package/dist/fields/richtext/extensions/FontSize.js.map +1 -1
- package/dist/fields/richtext/extensions/index.d.ts +1 -1
- package/dist/fields/richtext/extensions/index.d.ts.map +1 -1
- package/dist/fields/richtext/extensions/index.js +2 -2
- package/dist/fields/richtext/extensions/index.js.map +1 -1
- package/dist/fields/richtext/index.d.ts +6 -6
- package/dist/fields/richtext/index.d.ts.map +1 -1
- package/dist/fields/richtext/index.js +8 -8
- package/dist/fields/richtext/index.js.map +1 -1
- package/dist/fields/shared.d.ts +1 -1
- package/dist/fields/shared.d.ts.map +1 -1
- package/dist/fields/shared.js +915 -478
- package/dist/fields/shared.js.map +1 -1
- package/dist/hooks/index.d.ts +2 -2
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +3 -3
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useResponsiveStyles.d.ts +1 -1
- package/dist/hooks/useResponsiveStyles.d.ts.map +1 -1
- package/dist/hooks/useResponsiveStyles.js +36 -32
- package/dist/hooks/useResponsiveStyles.js.map +1 -1
- package/dist/hooks/useScrollAnimation.js +26 -24
- package/dist/hooks/useScrollAnimation.js.map +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/layouts/LayoutWrapper.d.ts +3 -3
- package/dist/layouts/LayoutWrapper.d.ts.map +1 -1
- package/dist/layouts/LayoutWrapper.js +115 -51
- package/dist/layouts/LayoutWrapper.js.map +1 -1
- package/dist/layouts/defaults.d.ts +1 -1
- package/dist/layouts/defaults.d.ts.map +1 -1
- package/dist/layouts/defaults.js +23 -31
- package/dist/layouts/defaults.js.map +1 -1
- package/dist/layouts/index.d.ts +4 -4
- package/dist/layouts/index.d.ts.map +1 -1
- package/dist/layouts/index.js +5 -4
- package/dist/layouts/index.js.map +1 -1
- package/dist/layouts/types.js +4 -2
- package/dist/layouts/types.js.map +1 -1
- package/dist/layouts/utils.d.ts +1 -1
- package/dist/layouts/utils.d.ts.map +1 -1
- package/dist/layouts/utils.js +32 -40
- package/dist/layouts/utils.js.map +1 -1
- package/dist/next/index.js +31 -34
- package/dist/next/index.js.map +1 -1
- package/dist/plugin/collections/Pages.d.ts +2 -2
- package/dist/plugin/collections/Pages.d.ts.map +1 -1
- package/dist/plugin/collections/Pages.js +46 -43
- package/dist/plugin/collections/Pages.js.map +1 -1
- package/dist/plugin/fields/index.d.ts +3 -3
- package/dist/plugin/fields/index.d.ts.map +1 -1
- package/dist/plugin/fields/index.js +100 -78
- package/dist/plugin/fields/index.js.map +1 -1
- package/dist/plugin/fields/types.d.ts +1 -1
- package/dist/plugin/fields/types.d.ts.map +1 -1
- package/dist/plugin/fields/types.js +26 -2
- package/dist/plugin/fields/types.js.map +1 -1
- package/dist/plugin/hooks/index.d.ts +1 -1
- package/dist/plugin/hooks/index.d.ts.map +1 -1
- package/dist/plugin/hooks/index.js +2 -2
- package/dist/plugin/hooks/index.js.map +1 -1
- package/dist/plugin/hooks/isHomepageUnique.js +28 -19
- package/dist/plugin/hooks/isHomepageUnique.js.map +1 -1
- package/dist/plugin/index.d.ts +8 -8
- package/dist/plugin/index.d.ts.map +1 -1
- package/dist/plugin/index.js +190 -188
- package/dist/plugin/index.js.map +1 -1
- package/dist/render/HybridPageRenderer.d.ts +2 -2
- package/dist/render/HybridPageRenderer.d.ts.map +1 -1
- package/dist/render/HybridPageRenderer.js +58 -10
- package/dist/render/HybridPageRenderer.js.map +1 -1
- package/dist/render/PageRenderer.d.ts +2 -2
- package/dist/render/PageRenderer.d.ts.map +1 -1
- package/dist/render/PageRenderer.js +31 -14
- package/dist/render/PageRenderer.js.map +1 -1
- package/dist/render/PuckEditor.client.d.ts +1 -1
- package/dist/render/PuckEditor.client.d.ts.map +1 -1
- package/dist/render/PuckEditor.client.js +33 -16
- package/dist/render/PuckEditor.client.js.map +1 -1
- package/dist/render/index.d.ts +5 -5
- package/dist/render/index.d.ts.map +1 -1
- package/dist/render/index.js +5 -6
- package/dist/render/index.js.map +1 -1
- package/dist/styles/puck-dark-mode.css +101 -0
- package/dist/theme/context.d.ts +2 -2
- package/dist/theme/context.d.ts.map +1 -1
- package/dist/theme/context.js +21 -18
- package/dist/theme/context.js.map +1 -1
- package/dist/theme/defaults.d.ts +1 -1
- package/dist/theme/defaults.d.ts.map +1 -1
- package/dist/theme/defaults.js +83 -37
- package/dist/theme/defaults.js.map +1 -1
- package/dist/theme/example.d.ts +1 -1
- package/dist/theme/example.d.ts.map +1 -1
- package/dist/theme/example.js +68 -30
- package/dist/theme/example.js.map +1 -1
- package/dist/theme/index.d.ts +5 -5
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +6 -5
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/types.js +6 -2
- package/dist/theme/types.js.map +1 -1
- package/dist/theme/utils.d.ts +1 -1
- package/dist/theme/utils.d.ts.map +1 -1
- package/dist/theme/utils.js +24 -25
- package/dist/theme/utils.js.map +1 -1
- package/dist/types/index.d.ts +6 -6
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/index.js +3 -1
- package/dist/types/index.js.map +1 -1
- package/dist/utils/index.d.ts +2 -2
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +13 -22
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/migration.d.ts +1 -1
- package/dist/utils/migration.d.ts.map +1 -1
- package/dist/utils/migration.js +43 -49
- package/dist/utils/migration.js.map +1 -1
- package/dist/utils/validation.d.ts +1 -1
- package/dist/utils/validation.d.ts.map +1 -1
- package/dist/utils/validation.js +36 -43
- package/dist/utils/validation.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +2 -1
- package/dist/version.js.map +1 -1
- package/dist/views/PuckConfigContext.d.ts +1 -1
- package/dist/views/PuckConfigContext.d.ts.map +1 -1
- package/dist/views/PuckConfigContext.js +25 -10
- package/dist/views/PuckConfigContext.js.map +1 -1
- package/dist/views/PuckEditorView.d.ts +1 -1
- package/dist/views/PuckEditorView.d.ts.map +1 -1
- package/dist/views/PuckEditorView.js +106 -38
- package/dist/views/PuckEditorView.js.map +1 -1
- package/dist/views/index.js +2 -2
- package/dist/views/index.js.map +1 -1
- 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
|
|
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
|
-
}, [
|
|
56
|
-
|
|
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 = ()
|
|
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)
|
|
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
|
-
}, [
|
|
122
|
-
|
|
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
|
|
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
|
-
},
|
|
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
|
-
},
|
|
154
|
+
},
|
|
155
|
+
onMouseLeave: (e)=>{
|
|
145
156
|
if (!isSelected) {
|
|
146
157
|
e.currentTarget.style.backgroundColor = 'transparent';
|
|
147
158
|
}
|
|
148
|
-
},
|
|
159
|
+
},
|
|
160
|
+
children: [
|
|
161
|
+
hasChildren ? /*#__PURE__*/ _jsx("button", {
|
|
162
|
+
type: "button",
|
|
163
|
+
onClick: (e)=>{
|
|
149
164
|
e.stopPropagation();
|
|
150
165
|
onToggleExpand(folder.id);
|
|
151
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
|
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
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
}
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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 })
|
|
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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"}
|