@delmaredigital/payload-puck 0.6.12 → 0.6.14
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 -2
- package/dist/admin/EditWithPuckButton.js +64 -26
- package/dist/admin/EditWithPuckCell.d.ts +0 -1
- package/dist/admin/EditWithPuckCell.js +42 -14
- package/dist/admin/PuckEditorView.d.ts +1 -2
- package/dist/admin/PuckEditorView.js +117 -33
- package/dist/admin/client.d.ts +2 -3
- package/dist/admin/client.js +3 -5
- package/dist/admin/generateAdminComponents.d.ts +0 -1
- package/dist/admin/generateAdminComponents.js +6 -8
- package/dist/admin/index.d.ts +5 -6
- package/dist/admin/index.js +2 -3
- package/dist/ai/collections/AiContext.d.ts +0 -1
- package/dist/ai/collections/AiContext.js +55 -30
- package/dist/ai/collections/AiPrompts.d.ts +0 -1
- package/dist/ai/collections/AiPrompts.js +23 -20
- package/dist/ai/createAiApiRoutes.d.ts +0 -1
- package/dist/ai/createAiApiRoutes.js +27 -20
- package/dist/ai/createAiGenerate.d.ts +0 -1
- package/dist/ai/createAiGenerate.js +6 -9
- package/dist/ai/createAiPlugin.d.ts +0 -1
- package/dist/ai/createAiPlugin.js +6 -10
- package/dist/ai/hooks/useAiContext.d.ts +0 -1
- package/dist/ai/hooks/useAiContext.js +49 -40
- package/dist/ai/hooks/useAiPrompts.d.ts +0 -1
- package/dist/ai/hooks/useAiPrompts.js +32 -26
- package/dist/ai/index.d.ts +0 -1
- package/dist/ai/index.js +8 -11
- package/dist/ai/plugins/ContextEditorPanel.d.ts +1 -2
- package/dist/ai/plugins/ContextEditorPanel.js +398 -108
- package/dist/ai/plugins/PromptEditorPanel.d.ts +1 -2
- package/dist/ai/plugins/PromptEditorPanel.js +236 -52
- package/dist/ai/plugins/contextEditorPlugin.d.ts +0 -1
- package/dist/ai/plugins/contextEditorPlugin.js +11 -6
- package/dist/ai/plugins/promptApiRoutes.d.ts +0 -1
- package/dist/ai/plugins/promptApiRoutes.js +118 -51
- package/dist/ai/plugins/promptEditorPlugin.d.ts +0 -1
- package/dist/ai/plugins/promptEditorPlugin.js +11 -6
- package/dist/ai/presets/componentAiDefaults.d.ts +0 -1
- package/dist/ai/presets/componentAiDefaults.js +107 -84
- package/dist/ai/presets/index.d.ts +0 -1
- package/dist/ai/presets/index.js +11 -19
- package/dist/ai/presets/instructions/interactive.d.ts +0 -1
- package/dist/ai/presets/instructions/interactive.js +84 -76
- package/dist/ai/presets/instructions/layout.d.ts +0 -1
- package/dist/ai/presets/instructions/layout.js +121 -118
- package/dist/ai/presets/instructions/media.d.ts +0 -1
- package/dist/ai/presets/instructions/media.js +30 -30
- package/dist/ai/presets/instructions/pagePatterns.d.ts +0 -1
- package/dist/ai/presets/instructions/pagePatterns.js +3 -7
- package/dist/ai/presets/instructions/schemas.d.ts +0 -1
- package/dist/ai/presets/instructions/schemas.js +494 -138
- package/dist/ai/presets/instructions/typography.d.ts +0 -1
- package/dist/ai/presets/instructions/typography.js +37 -34
- package/dist/ai/tools/index.d.ts +0 -1
- package/dist/ai/tools/index.js +91 -56
- package/dist/ai/types.d.ts +0 -1
- package/dist/ai/types.js +6 -2
- package/dist/ai/utils/injectAiConfig.d.ts +0 -1
- package/dist/ai/utils/injectAiConfig.js +32 -41
- package/dist/api/createPuckApiRoutes.d.ts +1 -2
- package/dist/api/createPuckApiRoutes.js +122 -66
- package/dist/api/createPuckApiRoutesVersions.d.ts +1 -2
- package/dist/api/createPuckApiRoutesVersions.js +87 -38
- package/dist/api/createPuckApiRoutesWithId.d.ts +1 -2
- package/dist/api/createPuckApiRoutesWithId.js +165 -73
- package/dist/api/index.d.ts +5 -6
- package/dist/api/index.js +5 -7
- package/dist/api/payload-config.d.js +14 -0
- package/dist/api/types.d.ts +0 -1
- package/dist/api/types.js +3 -2
- package/dist/api/utils/mapRootProps.d.ts +1 -2
- package/dist/api/utils/mapRootProps.js +76 -45
- package/dist/collections/Templates.d.ts +0 -1
- package/dist/collections/Templates.js +23 -21
- package/dist/components/AccordionClient.d.ts +2 -3
- package/dist/components/AccordionClient.js +80 -23
- package/dist/components/AnimatedWrapper.d.ts +2 -3
- package/dist/components/AnimatedWrapper.js +30 -17
- package/dist/components/exports.d.ts +0 -1
- package/dist/components/exports.js +1 -3
- package/dist/components/index.d.ts +5 -6
- package/dist/components/index.js +6 -8
- package/dist/components/interactive/Accordion.d.ts +1 -2
- package/dist/components/interactive/Accordion.js +148 -56
- package/dist/components/interactive/Accordion.server.d.ts +1 -2
- package/dist/components/interactive/Accordion.server.js +24 -8
- package/dist/components/interactive/Button.d.ts +3 -4
- package/dist/components/interactive/Button.js +88 -44
- package/dist/components/interactive/Button.server.d.ts +2 -3
- package/dist/components/interactive/Button.server.js +39 -21
- package/dist/components/interactive/Card.d.ts +3 -4
- package/dist/components/interactive/Card.js +130 -40
- package/dist/components/interactive/Card.server.d.ts +3 -4
- package/dist/components/interactive/Card.server.js +71 -12
- package/dist/components/interactive/Divider.d.ts +1 -2
- package/dist/components/interactive/Divider.js +53 -27
- package/dist/components/interactive/Divider.server.d.ts +1 -2
- package/dist/components/interactive/Divider.server.js +27 -13
- package/dist/components/interactive/index.d.ts +4 -5
- package/dist/components/interactive/index.js +4 -6
- package/dist/components/layout/Container.d.ts +1 -2
- package/dist/components/layout/Container.js +100 -48
- package/dist/components/layout/Container.server.d.ts +1 -2
- package/dist/components/layout/Container.server.js +66 -20
- package/dist/components/layout/Flex.d.ts +2 -3
- package/dist/components/layout/Flex.js +123 -56
- package/dist/components/layout/Flex.server.d.ts +1 -2
- package/dist/components/layout/Flex.server.js +49 -15
- package/dist/components/layout/Grid.d.ts +1 -2
- package/dist/components/layout/Grid.js +92 -45
- package/dist/components/layout/Grid.server.d.ts +1 -2
- package/dist/components/layout/Grid.server.js +55 -15
- package/dist/components/layout/Section.d.ts +1 -2
- package/dist/components/layout/Section.js +146 -65
- package/dist/components/layout/Section.server.d.ts +1 -2
- package/dist/components/layout/Section.server.js +91 -29
- package/dist/components/layout/Spacer.d.ts +1 -2
- package/dist/components/layout/Spacer.js +79 -31
- package/dist/components/layout/Spacer.server.d.ts +1 -2
- package/dist/components/layout/Spacer.server.js +30 -10
- package/dist/components/layout/Template.d.ts +1 -2
- package/dist/components/layout/Template.js +57 -31
- package/dist/components/layout/Template.server.d.ts +1 -2
- package/dist/components/layout/Template.server.js +42 -12
- package/dist/components/layout/index.d.ts +8 -9
- package/dist/components/layout/index.js +7 -9
- package/dist/components/media/Image.d.ts +3 -4
- package/dist/components/media/Image.js +121 -40
- package/dist/components/media/Image.server.d.ts +3 -4
- package/dist/components/media/Image.server.js +75 -14
- package/dist/components/media/index.d.ts +1 -2
- package/dist/components/media/index.js +1 -3
- package/dist/components/typography/Heading.d.ts +2 -3
- package/dist/components/typography/Heading.js +44 -26
- package/dist/components/typography/Heading.server.d.ts +2 -3
- package/dist/components/typography/Heading.server.js +15 -11
- package/dist/components/typography/RichText.editor.d.ts +1 -2
- package/dist/components/typography/RichText.editor.js +43 -20
- package/dist/components/typography/RichText.server.d.ts +2 -3
- package/dist/components/typography/RichText.server.js +32 -15
- package/dist/components/typography/Text.d.ts +2 -3
- package/dist/components/typography/Text.js +48 -24
- package/dist/components/typography/Text.server.d.ts +2 -3
- package/dist/components/typography/Text.server.js +20 -9
- package/dist/components/typography/index.d.ts +4 -5
- package/dist/components/typography/index.js +4 -6
- package/dist/config/config.editor.d.ts +3 -4
- package/dist/config/config.editor.js +118 -55
- package/dist/config/index.d.ts +4 -5
- package/dist/config/index.js +61 -36
- package/dist/config/merge.d.ts +1 -2
- package/dist/config/merge.js +22 -27
- package/dist/config/presets.d.ts +4 -5
- package/dist/config/presets.js +194 -76
- package/dist/config/types.d.ts +0 -1
- package/dist/config/types.js +5 -3
- package/dist/editor/PuckEditor.d.ts +4 -5
- package/dist/editor/PuckEditor.js +161 -71
- package/dist/editor/PuckEditorImpl.client.d.ts +4 -5
- package/dist/editor/PuckEditorImpl.client.js +303 -153
- package/dist/editor/components/DarkModeStyles.d.ts +0 -1
- package/dist/editor/components/DarkModeStyles.js +10 -13
- package/dist/editor/components/HeaderActions.d.ts +0 -1
- package/dist/editor/components/HeaderActions.js +307 -65
- package/dist/editor/components/IframeWrapper.d.ts +1 -2
- package/dist/editor/components/IframeWrapper.js +81 -59
- package/dist/editor/components/LoadingState.d.ts +1 -2
- package/dist/editor/components/LoadingState.js +16 -4
- package/dist/editor/components/PreviewModal.d.ts +0 -1
- package/dist/editor/components/PreviewModal.js +233 -79
- package/dist/editor/components/PreviewModeToggle.d.ts +0 -1
- package/dist/editor/components/PreviewModeToggle.js +42 -16
- package/dist/editor/components/VersionHistory.d.ts +0 -1
- package/dist/editor/components/VersionHistory.js +218 -72
- package/dist/editor/hooks/useDarkMode.d.ts +0 -1
- package/dist/editor/hooks/useDarkMode.js +35 -24
- package/dist/editor/hooks/useUnsavedChanges.d.ts +0 -1
- package/dist/editor/hooks/useUnsavedChanges.js +7 -9
- package/dist/editor/index.d.ts +0 -1
- package/dist/editor/index.js +4 -7
- package/dist/editor/plugins/VersionHistoryPanel.d.ts +0 -1
- package/dist/editor/plugins/VersionHistoryPanel.js +235 -76
- package/dist/editor/plugins/index.d.ts +0 -1
- package/dist/editor/plugins/index.js +3 -5
- package/dist/editor/plugins/versionHistoryPlugin.d.ts +0 -1
- package/dist/editor/plugins/versionHistoryPlugin.js +9 -9
- package/dist/editor/utils/detectPageTree.d.ts +0 -1
- package/dist/editor/utils/detectPageTree.js +4 -6
- package/dist/editor/utils/index.d.ts +0 -1
- package/dist/editor/utils/index.js +0 -1
- package/dist/editor/utils/injectPageTreeFields.d.ts +0 -1
- package/dist/editor/utils/injectPageTreeFields.js +12 -10
- package/dist/endpoints/ai.d.ts +0 -1
- package/dist/endpoints/ai.js +57 -35
- package/dist/endpoints/context.d.ts +0 -1
- package/dist/endpoints/context.js +85 -41
- package/dist/endpoints/index.d.ts +0 -1
- package/dist/endpoints/index.js +152 -77
- package/dist/endpoints/postcss.d.js +4 -0
- package/dist/endpoints/prompts.d.ts +0 -1
- package/dist/endpoints/prompts.js +80 -40
- package/dist/endpoints/styles.d.ts +0 -1
- package/dist/endpoints/styles.js +33 -37
- package/dist/exports/client.d.ts +0 -1
- package/dist/exports/client.js +1 -3
- package/dist/exports/rsc.d.ts +0 -1
- package/dist/exports/rsc.js +1 -3
- package/dist/fields/AlignmentField.d.ts +1 -2
- package/dist/fields/AlignmentField.js +92 -31
- package/dist/fields/AnimationField.d.ts +2 -3
- package/dist/fields/AnimationField.js +557 -85
- package/dist/fields/BackgroundField.d.ts +2 -3
- package/dist/fields/BackgroundField.js +753 -121
- package/dist/fields/BorderField.d.ts +2 -3
- package/dist/fields/BorderField.js +274 -74
- package/dist/fields/ColorPickerField.d.ts +2 -3
- package/dist/fields/ColorPickerField.js +209 -69
- package/dist/fields/ContentAlignmentField.d.ts +1 -2
- package/dist/fields/ContentAlignmentField.js +160 -76
- package/dist/fields/DimensionsField.d.ts +2 -3
- package/dist/fields/DimensionsField.js +574 -147
- package/dist/fields/FlexAlignmentField.d.ts +2 -3
- package/dist/fields/FlexAlignmentField.js +188 -52
- package/dist/fields/FolderPickerField.d.ts +8 -2
- package/dist/fields/FolderPickerField.js +287 -76
- package/dist/fields/GradientEditor.d.ts +2 -3
- package/dist/fields/GradientEditor.js +461 -87
- package/dist/fields/LockedField.d.ts +15 -3
- package/dist/fields/LockedField.js +179 -50
- package/dist/fields/MarginField.d.ts +2 -3
- package/dist/fields/MarginField.js +143 -47
- package/dist/fields/MediaField.d.ts +1 -2
- package/dist/fields/MediaField.js +687 -187
- package/dist/fields/PaddingField.d.ts +2 -3
- package/dist/fields/PaddingField.js +143 -47
- package/dist/fields/PageSegmentField.d.ts +15 -3
- package/dist/fields/PageSegmentField.js +155 -55
- package/dist/fields/ResetField.d.ts +1 -2
- package/dist/fields/ResetField.js +58 -32
- package/dist/fields/ResponsiveField.d.ts +1 -2
- package/dist/fields/ResponsiveField.js +232 -91
- package/dist/fields/ResponsiveVisibilityField.d.ts +2 -3
- package/dist/fields/ResponsiveVisibilityField.js +118 -37
- package/dist/fields/SizeField.d.ts +3 -4
- package/dist/fields/SizeField.js +225 -53
- package/dist/fields/SlugPreviewField.d.ts +8 -2
- package/dist/fields/SlugPreviewField.js +64 -17
- package/dist/fields/TemplateField.d.ts +1 -2
- package/dist/fields/TemplateField.js +361 -121
- package/dist/fields/TransformField.d.ts +2 -3
- package/dist/fields/TransformField.js +516 -82
- package/dist/fields/VerticalAlignmentField.d.ts +1 -2
- package/dist/fields/VerticalAlignmentField.js +92 -31
- package/dist/fields/WidthField.d.ts +2 -3
- package/dist/fields/WidthField.js +277 -82
- package/dist/fields/index.d.ts +41 -42
- package/dist/fields/index.js +36 -44
- package/dist/fields/richtext/controls/ColorPickerControl.d.ts +13 -3
- package/dist/fields/richtext/controls/ColorPickerControl.js +211 -48
- package/dist/fields/richtext/controls/DropdownPortal.d.ts +2 -3
- package/dist/fields/richtext/controls/DropdownPortal.js +35 -5
- package/dist/fields/richtext/controls/FontSizeControl.d.ts +9 -2
- package/dist/fields/richtext/controls/FontSizeControl.js +108 -25
- package/dist/fields/richtext/controls/HighlightControl.d.ts +12 -2
- package/dist/fields/richtext/controls/HighlightControl.js +53 -18
- package/dist/fields/richtext/controls/index.d.ts +5 -6
- package/dist/fields/richtext/controls/index.js +7 -12
- package/dist/fields/richtext/controls/shared.d.ts +0 -1
- package/dist/fields/richtext/controls/shared.js +107 -64
- package/dist/fields/richtext/createRichTextField.d.ts +18 -5
- package/dist/fields/richtext/createRichTextField.js +112 -27
- package/dist/fields/richtext/extensions/FontSize.d.ts +0 -1
- package/dist/fields/richtext/extensions/FontSize.js +25 -21
- package/dist/fields/richtext/extensions/index.d.ts +1 -2
- package/dist/fields/richtext/extensions/index.js +1 -3
- package/dist/fields/richtext/index.d.ts +6 -7
- package/dist/fields/richtext/index.js +7 -9
- package/dist/fields/shared.d.ts +1 -2
- package/dist/fields/shared.js +914 -479
- package/dist/hooks/index.d.ts +2 -3
- package/dist/hooks/index.js +2 -4
- package/dist/hooks/useResponsiveStyles.d.ts +1 -2
- package/dist/hooks/useResponsiveStyles.js +35 -33
- package/dist/hooks/useScrollAnimation.d.ts +0 -1
- package/dist/hooks/useScrollAnimation.js +25 -25
- package/dist/index.d.ts +4 -5
- package/dist/index.js +4 -6
- package/dist/layouts/LayoutWrapper.d.ts +3 -4
- package/dist/layouts/LayoutWrapper.js +114 -52
- package/dist/layouts/defaults.d.ts +1 -2
- package/dist/layouts/defaults.js +22 -32
- package/dist/layouts/index.d.ts +4 -5
- package/dist/layouts/index.js +4 -5
- package/dist/layouts/types.d.ts +0 -1
- package/dist/layouts/types.js +3 -3
- package/dist/layouts/utils.d.ts +1 -2
- package/dist/layouts/utils.js +31 -41
- package/dist/next/index.d.ts +0 -1
- package/dist/next/index.js +30 -35
- package/dist/plugin/collections/Pages.d.ts +2 -3
- package/dist/plugin/collections/Pages.js +45 -44
- package/dist/plugin/fields/index.d.ts +3 -4
- package/dist/plugin/fields/index.js +99 -79
- package/dist/plugin/fields/types.d.ts +1 -2
- package/dist/plugin/fields/types.js +25 -3
- package/dist/plugin/hooks/index.d.ts +1 -2
- package/dist/plugin/hooks/index.js +1 -3
- package/dist/plugin/hooks/isHomepageUnique.d.ts +0 -1
- package/dist/plugin/hooks/isHomepageUnique.js +27 -20
- package/dist/plugin/index.d.ts +8 -9
- package/dist/plugin/index.js +189 -189
- package/dist/render/HybridPageRenderer.d.ts +2 -3
- package/dist/render/HybridPageRenderer.js +57 -11
- package/dist/render/PageRenderer.d.ts +2 -3
- package/dist/render/PageRenderer.js +30 -15
- package/dist/render/PuckEditor.client.d.ts +1 -2
- package/dist/render/PuckEditor.client.js +32 -17
- package/dist/render/index.d.ts +5 -6
- package/dist/render/index.js +4 -7
- package/dist/styles/puck-dark-mode.css +101 -0
- package/dist/theme/context.d.ts +2 -3
- package/dist/theme/context.js +20 -19
- package/dist/theme/defaults.d.ts +1 -2
- package/dist/theme/defaults.js +82 -38
- package/dist/theme/example.d.ts +1 -2
- package/dist/theme/example.js +67 -31
- package/dist/theme/index.d.ts +5 -6
- package/dist/theme/index.js +5 -6
- package/dist/theme/types.d.ts +0 -1
- package/dist/theme/types.js +5 -3
- package/dist/theme/utils.d.ts +1 -2
- package/dist/theme/utils.js +23 -26
- package/dist/types/index.d.ts +6 -7
- package/dist/types/index.js +2 -2
- package/dist/utils/index.d.ts +2 -3
- package/dist/utils/index.js +12 -23
- package/dist/utils/migration.d.ts +1 -2
- package/dist/utils/migration.js +42 -50
- package/dist/utils/validation.d.ts +1 -2
- package/dist/utils/validation.js +35 -44
- package/dist/version.d.ts +1 -2
- package/dist/version.js +1 -2
- package/dist/views/PuckConfigContext.d.ts +1 -2
- package/dist/views/PuckConfigContext.js +24 -11
- package/dist/views/PuckEditorView.d.ts +1 -2
- package/dist/views/PuckEditorView.js +105 -39
- package/dist/views/index.d.ts +0 -1
- package/dist/views/index.js +1 -3
- package/package.json +62 -42
- package/dist/admin/EditWithPuckButton.d.ts.map +0 -1
- package/dist/admin/EditWithPuckButton.js.map +0 -1
- package/dist/admin/EditWithPuckCell.d.ts.map +0 -1
- package/dist/admin/EditWithPuckCell.js.map +0 -1
- package/dist/admin/PuckEditorView.d.ts.map +0 -1
- package/dist/admin/PuckEditorView.js.map +0 -1
- package/dist/admin/client.d.ts.map +0 -1
- package/dist/admin/client.js.map +0 -1
- package/dist/admin/generateAdminComponents.d.ts.map +0 -1
- package/dist/admin/generateAdminComponents.js.map +0 -1
- package/dist/admin/index.d.ts.map +0 -1
- package/dist/admin/index.js.map +0 -1
- package/dist/ai/collections/AiContext.d.ts.map +0 -1
- package/dist/ai/collections/AiContext.js.map +0 -1
- package/dist/ai/collections/AiPrompts.d.ts.map +0 -1
- package/dist/ai/collections/AiPrompts.js.map +0 -1
- package/dist/ai/createAiApiRoutes.d.ts.map +0 -1
- package/dist/ai/createAiApiRoutes.js.map +0 -1
- package/dist/ai/createAiGenerate.d.ts.map +0 -1
- package/dist/ai/createAiGenerate.js.map +0 -1
- package/dist/ai/createAiPlugin.d.ts.map +0 -1
- package/dist/ai/createAiPlugin.js.map +0 -1
- package/dist/ai/hooks/useAiContext.d.ts.map +0 -1
- package/dist/ai/hooks/useAiContext.js.map +0 -1
- package/dist/ai/hooks/useAiPrompts.d.ts.map +0 -1
- package/dist/ai/hooks/useAiPrompts.js.map +0 -1
- package/dist/ai/index.d.ts.map +0 -1
- package/dist/ai/index.js.map +0 -1
- package/dist/ai/plugins/ContextEditorPanel.d.ts.map +0 -1
- package/dist/ai/plugins/ContextEditorPanel.js.map +0 -1
- package/dist/ai/plugins/PromptEditorPanel.d.ts.map +0 -1
- package/dist/ai/plugins/PromptEditorPanel.js.map +0 -1
- package/dist/ai/plugins/contextEditorPlugin.d.ts.map +0 -1
- package/dist/ai/plugins/contextEditorPlugin.js.map +0 -1
- package/dist/ai/plugins/promptApiRoutes.d.ts.map +0 -1
- package/dist/ai/plugins/promptApiRoutes.js.map +0 -1
- package/dist/ai/plugins/promptEditorPlugin.d.ts.map +0 -1
- package/dist/ai/plugins/promptEditorPlugin.js.map +0 -1
- package/dist/ai/presets/componentAiDefaults.d.ts.map +0 -1
- package/dist/ai/presets/componentAiDefaults.js.map +0 -1
- package/dist/ai/presets/index.d.ts.map +0 -1
- package/dist/ai/presets/index.js.map +0 -1
- package/dist/ai/presets/instructions/interactive.d.ts.map +0 -1
- package/dist/ai/presets/instructions/interactive.js.map +0 -1
- package/dist/ai/presets/instructions/layout.d.ts.map +0 -1
- package/dist/ai/presets/instructions/layout.js.map +0 -1
- package/dist/ai/presets/instructions/media.d.ts.map +0 -1
- package/dist/ai/presets/instructions/media.js.map +0 -1
- package/dist/ai/presets/instructions/pagePatterns.d.ts.map +0 -1
- package/dist/ai/presets/instructions/pagePatterns.js.map +0 -1
- package/dist/ai/presets/instructions/schemas.d.ts.map +0 -1
- package/dist/ai/presets/instructions/schemas.js.map +0 -1
- package/dist/ai/presets/instructions/typography.d.ts.map +0 -1
- package/dist/ai/presets/instructions/typography.js.map +0 -1
- package/dist/ai/tools/index.d.ts.map +0 -1
- package/dist/ai/tools/index.js.map +0 -1
- package/dist/ai/types.d.ts.map +0 -1
- package/dist/ai/types.js.map +0 -1
- package/dist/ai/utils/injectAiConfig.d.ts.map +0 -1
- package/dist/ai/utils/injectAiConfig.js.map +0 -1
- package/dist/api/createPuckApiRoutes.d.ts.map +0 -1
- package/dist/api/createPuckApiRoutes.js.map +0 -1
- package/dist/api/createPuckApiRoutesVersions.d.ts.map +0 -1
- package/dist/api/createPuckApiRoutesVersions.js.map +0 -1
- package/dist/api/createPuckApiRoutesWithId.d.ts.map +0 -1
- package/dist/api/createPuckApiRoutesWithId.js.map +0 -1
- package/dist/api/index.d.ts.map +0 -1
- package/dist/api/index.js.map +0 -1
- package/dist/api/types.d.ts.map +0 -1
- package/dist/api/types.js.map +0 -1
- package/dist/api/utils/mapRootProps.d.ts.map +0 -1
- package/dist/api/utils/mapRootProps.js.map +0 -1
- package/dist/collections/Templates.d.ts.map +0 -1
- package/dist/collections/Templates.js.map +0 -1
- package/dist/components/AccordionClient.d.ts.map +0 -1
- package/dist/components/AccordionClient.js.map +0 -1
- package/dist/components/AnimatedWrapper.d.ts.map +0 -1
- package/dist/components/AnimatedWrapper.js.map +0 -1
- package/dist/components/exports.d.ts.map +0 -1
- package/dist/components/exports.js.map +0 -1
- package/dist/components/index.d.ts.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/components/interactive/Accordion.d.ts.map +0 -1
- package/dist/components/interactive/Accordion.js.map +0 -1
- package/dist/components/interactive/Accordion.server.d.ts.map +0 -1
- package/dist/components/interactive/Accordion.server.js.map +0 -1
- package/dist/components/interactive/Button.d.ts.map +0 -1
- package/dist/components/interactive/Button.js.map +0 -1
- package/dist/components/interactive/Button.server.d.ts.map +0 -1
- package/dist/components/interactive/Button.server.js.map +0 -1
- package/dist/components/interactive/Card.d.ts.map +0 -1
- package/dist/components/interactive/Card.js.map +0 -1
- package/dist/components/interactive/Card.server.d.ts.map +0 -1
- package/dist/components/interactive/Card.server.js.map +0 -1
- package/dist/components/interactive/Divider.d.ts.map +0 -1
- package/dist/components/interactive/Divider.js.map +0 -1
- package/dist/components/interactive/Divider.server.d.ts.map +0 -1
- package/dist/components/interactive/Divider.server.js.map +0 -1
- package/dist/components/interactive/index.d.ts.map +0 -1
- package/dist/components/interactive/index.js.map +0 -1
- package/dist/components/layout/Container.d.ts.map +0 -1
- package/dist/components/layout/Container.js.map +0 -1
- package/dist/components/layout/Container.server.d.ts.map +0 -1
- package/dist/components/layout/Container.server.js.map +0 -1
- package/dist/components/layout/Flex.d.ts.map +0 -1
- package/dist/components/layout/Flex.js.map +0 -1
- package/dist/components/layout/Flex.server.d.ts.map +0 -1
- package/dist/components/layout/Flex.server.js.map +0 -1
- package/dist/components/layout/Grid.d.ts.map +0 -1
- package/dist/components/layout/Grid.js.map +0 -1
- package/dist/components/layout/Grid.server.d.ts.map +0 -1
- package/dist/components/layout/Grid.server.js.map +0 -1
- package/dist/components/layout/Section.d.ts.map +0 -1
- package/dist/components/layout/Section.js.map +0 -1
- package/dist/components/layout/Section.server.d.ts.map +0 -1
- package/dist/components/layout/Section.server.js.map +0 -1
- package/dist/components/layout/Spacer.d.ts.map +0 -1
- package/dist/components/layout/Spacer.js.map +0 -1
- package/dist/components/layout/Spacer.server.d.ts.map +0 -1
- package/dist/components/layout/Spacer.server.js.map +0 -1
- package/dist/components/layout/Template.d.ts.map +0 -1
- package/dist/components/layout/Template.js.map +0 -1
- package/dist/components/layout/Template.server.d.ts.map +0 -1
- package/dist/components/layout/Template.server.js.map +0 -1
- package/dist/components/layout/index.d.ts.map +0 -1
- package/dist/components/layout/index.js.map +0 -1
- package/dist/components/media/Image.d.ts.map +0 -1
- package/dist/components/media/Image.js.map +0 -1
- package/dist/components/media/Image.server.d.ts.map +0 -1
- package/dist/components/media/Image.server.js.map +0 -1
- package/dist/components/media/index.d.ts.map +0 -1
- package/dist/components/media/index.js.map +0 -1
- package/dist/components/typography/Heading.d.ts.map +0 -1
- package/dist/components/typography/Heading.js.map +0 -1
- package/dist/components/typography/Heading.server.d.ts.map +0 -1
- package/dist/components/typography/Heading.server.js.map +0 -1
- package/dist/components/typography/RichText.editor.d.ts.map +0 -1
- package/dist/components/typography/RichText.editor.js.map +0 -1
- package/dist/components/typography/RichText.server.d.ts.map +0 -1
- package/dist/components/typography/RichText.server.js.map +0 -1
- package/dist/components/typography/Text.d.ts.map +0 -1
- package/dist/components/typography/Text.js.map +0 -1
- package/dist/components/typography/Text.server.d.ts.map +0 -1
- package/dist/components/typography/Text.server.js.map +0 -1
- package/dist/components/typography/index.d.ts.map +0 -1
- package/dist/components/typography/index.js.map +0 -1
- package/dist/config/config.editor.d.ts.map +0 -1
- package/dist/config/config.editor.js.map +0 -1
- package/dist/config/index.d.ts.map +0 -1
- package/dist/config/index.js.map +0 -1
- package/dist/config/merge.d.ts.map +0 -1
- package/dist/config/merge.js.map +0 -1
- package/dist/config/presets.d.ts.map +0 -1
- package/dist/config/presets.js.map +0 -1
- package/dist/config/types.d.ts.map +0 -1
- package/dist/config/types.js.map +0 -1
- package/dist/editor/PuckEditor.d.ts.map +0 -1
- package/dist/editor/PuckEditor.js.map +0 -1
- package/dist/editor/PuckEditorImpl.client.d.ts.map +0 -1
- package/dist/editor/PuckEditorImpl.client.js.map +0 -1
- package/dist/editor/components/DarkModeStyles.d.ts.map +0 -1
- package/dist/editor/components/DarkModeStyles.js.map +0 -1
- package/dist/editor/components/HeaderActions.d.ts.map +0 -1
- package/dist/editor/components/HeaderActions.js.map +0 -1
- package/dist/editor/components/IframeWrapper.d.ts.map +0 -1
- package/dist/editor/components/IframeWrapper.js.map +0 -1
- package/dist/editor/components/LoadingState.d.ts.map +0 -1
- package/dist/editor/components/LoadingState.js.map +0 -1
- package/dist/editor/components/PreviewModal.d.ts.map +0 -1
- package/dist/editor/components/PreviewModal.js.map +0 -1
- package/dist/editor/components/PreviewModeToggle.d.ts.map +0 -1
- package/dist/editor/components/PreviewModeToggle.js.map +0 -1
- package/dist/editor/components/VersionHistory.d.ts.map +0 -1
- package/dist/editor/components/VersionHistory.js.map +0 -1
- package/dist/editor/hooks/useDarkMode.d.ts.map +0 -1
- package/dist/editor/hooks/useDarkMode.js.map +0 -1
- package/dist/editor/hooks/useUnsavedChanges.d.ts.map +0 -1
- package/dist/editor/hooks/useUnsavedChanges.js.map +0 -1
- package/dist/editor/index.d.ts.map +0 -1
- package/dist/editor/index.js.map +0 -1
- package/dist/editor/plugins/VersionHistoryPanel.d.ts.map +0 -1
- package/dist/editor/plugins/VersionHistoryPanel.js.map +0 -1
- package/dist/editor/plugins/index.d.ts.map +0 -1
- package/dist/editor/plugins/index.js.map +0 -1
- package/dist/editor/plugins/versionHistoryPlugin.d.ts.map +0 -1
- package/dist/editor/plugins/versionHistoryPlugin.js.map +0 -1
- package/dist/editor/utils/detectPageTree.d.ts.map +0 -1
- package/dist/editor/utils/detectPageTree.js.map +0 -1
- package/dist/editor/utils/index.d.ts.map +0 -1
- package/dist/editor/utils/index.js.map +0 -1
- package/dist/editor/utils/injectPageTreeFields.d.ts.map +0 -1
- package/dist/editor/utils/injectPageTreeFields.js.map +0 -1
- package/dist/endpoints/ai.d.ts.map +0 -1
- package/dist/endpoints/ai.js.map +0 -1
- package/dist/endpoints/context.d.ts.map +0 -1
- package/dist/endpoints/context.js.map +0 -1
- package/dist/endpoints/index.d.ts.map +0 -1
- package/dist/endpoints/index.js.map +0 -1
- package/dist/endpoints/prompts.d.ts.map +0 -1
- package/dist/endpoints/prompts.js.map +0 -1
- package/dist/endpoints/styles.d.ts.map +0 -1
- package/dist/endpoints/styles.js.map +0 -1
- package/dist/exports/client.d.ts.map +0 -1
- package/dist/exports/client.js.map +0 -1
- package/dist/exports/rsc.d.ts.map +0 -1
- package/dist/exports/rsc.js.map +0 -1
- package/dist/fields/AlignmentField.d.ts.map +0 -1
- package/dist/fields/AlignmentField.js.map +0 -1
- package/dist/fields/AnimationField.d.ts.map +0 -1
- package/dist/fields/AnimationField.js.map +0 -1
- package/dist/fields/BackgroundField.d.ts.map +0 -1
- package/dist/fields/BackgroundField.js.map +0 -1
- package/dist/fields/BorderField.d.ts.map +0 -1
- package/dist/fields/BorderField.js.map +0 -1
- package/dist/fields/ColorPickerField.d.ts.map +0 -1
- package/dist/fields/ColorPickerField.js.map +0 -1
- package/dist/fields/ContentAlignmentField.d.ts.map +0 -1
- package/dist/fields/ContentAlignmentField.js.map +0 -1
- package/dist/fields/DimensionsField.d.ts.map +0 -1
- package/dist/fields/DimensionsField.js.map +0 -1
- package/dist/fields/FlexAlignmentField.d.ts.map +0 -1
- package/dist/fields/FlexAlignmentField.js.map +0 -1
- package/dist/fields/FolderPickerField.d.ts.map +0 -1
- package/dist/fields/FolderPickerField.js.map +0 -1
- package/dist/fields/GradientEditor.d.ts.map +0 -1
- package/dist/fields/GradientEditor.js.map +0 -1
- package/dist/fields/LockedField.d.ts.map +0 -1
- package/dist/fields/LockedField.js.map +0 -1
- package/dist/fields/MarginField.d.ts.map +0 -1
- package/dist/fields/MarginField.js.map +0 -1
- package/dist/fields/MediaField.d.ts.map +0 -1
- package/dist/fields/MediaField.js.map +0 -1
- package/dist/fields/PaddingField.d.ts.map +0 -1
- package/dist/fields/PaddingField.js.map +0 -1
- package/dist/fields/PageSegmentField.d.ts.map +0 -1
- package/dist/fields/PageSegmentField.js.map +0 -1
- package/dist/fields/ResetField.d.ts.map +0 -1
- package/dist/fields/ResetField.js.map +0 -1
- package/dist/fields/ResponsiveField.d.ts.map +0 -1
- package/dist/fields/ResponsiveField.js.map +0 -1
- package/dist/fields/ResponsiveVisibilityField.d.ts.map +0 -1
- package/dist/fields/ResponsiveVisibilityField.js.map +0 -1
- package/dist/fields/SizeField.d.ts.map +0 -1
- package/dist/fields/SizeField.js.map +0 -1
- package/dist/fields/SlugPreviewField.d.ts.map +0 -1
- package/dist/fields/SlugPreviewField.js.map +0 -1
- package/dist/fields/TemplateField.d.ts.map +0 -1
- package/dist/fields/TemplateField.js.map +0 -1
- package/dist/fields/TransformField.d.ts.map +0 -1
- package/dist/fields/TransformField.js.map +0 -1
- package/dist/fields/VerticalAlignmentField.d.ts.map +0 -1
- package/dist/fields/VerticalAlignmentField.js.map +0 -1
- package/dist/fields/WidthField.d.ts.map +0 -1
- package/dist/fields/WidthField.js.map +0 -1
- package/dist/fields/index.d.ts.map +0 -1
- package/dist/fields/index.js.map +0 -1
- package/dist/fields/richtext/controls/ColorPickerControl.d.ts.map +0 -1
- package/dist/fields/richtext/controls/ColorPickerControl.js.map +0 -1
- package/dist/fields/richtext/controls/DropdownPortal.d.ts.map +0 -1
- package/dist/fields/richtext/controls/DropdownPortal.js.map +0 -1
- package/dist/fields/richtext/controls/FontSizeControl.d.ts.map +0 -1
- package/dist/fields/richtext/controls/FontSizeControl.js.map +0 -1
- package/dist/fields/richtext/controls/HighlightControl.d.ts.map +0 -1
- package/dist/fields/richtext/controls/HighlightControl.js.map +0 -1
- package/dist/fields/richtext/controls/index.d.ts.map +0 -1
- package/dist/fields/richtext/controls/index.js.map +0 -1
- package/dist/fields/richtext/controls/shared.d.ts.map +0 -1
- package/dist/fields/richtext/controls/shared.js.map +0 -1
- package/dist/fields/richtext/createRichTextField.d.ts.map +0 -1
- package/dist/fields/richtext/createRichTextField.js.map +0 -1
- package/dist/fields/richtext/extensions/FontSize.d.ts.map +0 -1
- package/dist/fields/richtext/extensions/FontSize.js.map +0 -1
- package/dist/fields/richtext/extensions/index.d.ts.map +0 -1
- package/dist/fields/richtext/extensions/index.js.map +0 -1
- package/dist/fields/richtext/index.d.ts.map +0 -1
- package/dist/fields/richtext/index.js.map +0 -1
- package/dist/fields/shared.d.ts.map +0 -1
- package/dist/fields/shared.js.map +0 -1
- package/dist/hooks/index.d.ts.map +0 -1
- package/dist/hooks/index.js.map +0 -1
- package/dist/hooks/useResponsiveStyles.d.ts.map +0 -1
- package/dist/hooks/useResponsiveStyles.js.map +0 -1
- package/dist/hooks/useScrollAnimation.d.ts.map +0 -1
- package/dist/hooks/useScrollAnimation.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/layouts/LayoutWrapper.d.ts.map +0 -1
- package/dist/layouts/LayoutWrapper.js.map +0 -1
- package/dist/layouts/defaults.d.ts.map +0 -1
- package/dist/layouts/defaults.js.map +0 -1
- package/dist/layouts/index.d.ts.map +0 -1
- package/dist/layouts/index.js.map +0 -1
- package/dist/layouts/types.d.ts.map +0 -1
- package/dist/layouts/types.js.map +0 -1
- package/dist/layouts/utils.d.ts.map +0 -1
- package/dist/layouts/utils.js.map +0 -1
- package/dist/next/index.d.ts.map +0 -1
- package/dist/next/index.js.map +0 -1
- package/dist/plugin/collections/Pages.d.ts.map +0 -1
- package/dist/plugin/collections/Pages.js.map +0 -1
- package/dist/plugin/fields/index.d.ts.map +0 -1
- package/dist/plugin/fields/index.js.map +0 -1
- package/dist/plugin/fields/types.d.ts.map +0 -1
- package/dist/plugin/fields/types.js.map +0 -1
- package/dist/plugin/hooks/index.d.ts.map +0 -1
- package/dist/plugin/hooks/index.js.map +0 -1
- package/dist/plugin/hooks/isHomepageUnique.d.ts.map +0 -1
- package/dist/plugin/hooks/isHomepageUnique.js.map +0 -1
- package/dist/plugin/index.d.ts.map +0 -1
- package/dist/plugin/index.js.map +0 -1
- package/dist/render/HybridPageRenderer.d.ts.map +0 -1
- package/dist/render/HybridPageRenderer.js.map +0 -1
- package/dist/render/PageRenderer.d.ts.map +0 -1
- package/dist/render/PageRenderer.js.map +0 -1
- package/dist/render/PuckEditor.client.d.ts.map +0 -1
- package/dist/render/PuckEditor.client.js.map +0 -1
- package/dist/render/index.d.ts.map +0 -1
- package/dist/render/index.js.map +0 -1
- package/dist/theme/context.d.ts.map +0 -1
- package/dist/theme/context.js.map +0 -1
- package/dist/theme/defaults.d.ts.map +0 -1
- package/dist/theme/defaults.js.map +0 -1
- package/dist/theme/example.d.ts.map +0 -1
- package/dist/theme/example.js.map +0 -1
- package/dist/theme/index.d.ts.map +0 -1
- package/dist/theme/index.js.map +0 -1
- package/dist/theme/types.d.ts.map +0 -1
- package/dist/theme/types.js.map +0 -1
- package/dist/theme/utils.d.ts.map +0 -1
- package/dist/theme/utils.js.map +0 -1
- package/dist/types/index.d.ts.map +0 -1
- package/dist/types/index.js.map +0 -1
- package/dist/utils/index.d.ts.map +0 -1
- package/dist/utils/index.js.map +0 -1
- package/dist/utils/migration.d.ts.map +0 -1
- package/dist/utils/migration.js.map +0 -1
- package/dist/utils/validation.d.ts.map +0 -1
- package/dist/utils/validation.js.map +0 -1
- package/dist/version.d.ts.map +0 -1
- package/dist/version.js.map +0 -1
- package/dist/views/PuckConfigContext.d.ts.map +0 -1
- package/dist/views/PuckConfigContext.js.map +0 -1
- package/dist/views/PuckEditorView.d.ts.map +0 -1
- package/dist/views/PuckEditorView.js.map +0 -1
- package/dist/views/index.d.ts.map +0 -1
- package/dist/views/index.js.map +0 -1
|
@@ -5,26 +5,31 @@ import { useState, useCallback, memo, useEffect, useMemo } from 'react';
|
|
|
5
5
|
* Editor-only props that should be stripped from data before preview rendering.
|
|
6
6
|
* These props are used for editor/panel synchronization and shouldn't affect
|
|
7
7
|
* how content renders in the preview.
|
|
8
|
-
*/
|
|
9
|
-
|
|
8
|
+
*/ const EDITOR_ONLY_PROPS = [
|
|
9
|
+
'editorPreviewFilter'
|
|
10
|
+
];
|
|
10
11
|
/**
|
|
11
12
|
* Removes editor-only props from Puck data content items.
|
|
12
13
|
* This ensures the preview renders as it would on the frontend,
|
|
13
14
|
* without editor-specific state interfering.
|
|
14
|
-
*/
|
|
15
|
-
function stripEditorOnlyProps(data) {
|
|
15
|
+
*/ function stripEditorOnlyProps(data) {
|
|
16
16
|
return {
|
|
17
17
|
...data,
|
|
18
|
-
content: data.content.map((item)
|
|
19
|
-
const cleanedProps = {
|
|
20
|
-
|
|
18
|
+
content: data.content.map((item)=>{
|
|
19
|
+
const cleanedProps = {
|
|
20
|
+
...item.props
|
|
21
|
+
};
|
|
22
|
+
for (const prop of EDITOR_ONLY_PROPS){
|
|
21
23
|
delete cleanedProps[prop];
|
|
22
24
|
}
|
|
23
|
-
return {
|
|
24
|
-
|
|
25
|
+
return {
|
|
26
|
+
...item,
|
|
27
|
+
props: cleanedProps
|
|
28
|
+
};
|
|
29
|
+
})
|
|
25
30
|
};
|
|
26
31
|
}
|
|
27
|
-
import { X, ExternalLink, AlertTriangle
|
|
32
|
+
import { X, ExternalLink, AlertTriangle } from 'lucide-react';
|
|
28
33
|
import { PageRenderer } from '../../render/PageRenderer.js';
|
|
29
34
|
// Styles
|
|
30
35
|
const styles = {
|
|
@@ -32,7 +37,7 @@ const styles = {
|
|
|
32
37
|
position: 'fixed',
|
|
33
38
|
inset: 0,
|
|
34
39
|
zIndex: 9990,
|
|
35
|
-
backgroundColor: 'var(--theme-bg)'
|
|
40
|
+
backgroundColor: 'var(--theme-bg)'
|
|
36
41
|
},
|
|
37
42
|
controlPanel: {
|
|
38
43
|
position: 'fixed',
|
|
@@ -43,7 +48,7 @@ const styles = {
|
|
|
43
48
|
display: 'flex',
|
|
44
49
|
flexDirection: 'column',
|
|
45
50
|
gap: '8px',
|
|
46
|
-
alignItems: 'flex-end'
|
|
51
|
+
alignItems: 'flex-end'
|
|
47
52
|
},
|
|
48
53
|
controlCard: {
|
|
49
54
|
backgroundColor: 'var(--theme-bg)',
|
|
@@ -53,7 +58,7 @@ const styles = {
|
|
|
53
58
|
padding: '8px',
|
|
54
59
|
display: 'flex',
|
|
55
60
|
flexDirection: 'column',
|
|
56
|
-
gap: '4px'
|
|
61
|
+
gap: '4px'
|
|
57
62
|
},
|
|
58
63
|
closeButton: {
|
|
59
64
|
display: 'flex',
|
|
@@ -67,7 +72,7 @@ const styles = {
|
|
|
67
72
|
borderRadius: '6px',
|
|
68
73
|
transition: 'background-color 0.15s',
|
|
69
74
|
border: 'none',
|
|
70
|
-
cursor: 'pointer'
|
|
75
|
+
cursor: 'pointer'
|
|
71
76
|
},
|
|
72
77
|
viewButton: {
|
|
73
78
|
display: 'flex',
|
|
@@ -80,7 +85,7 @@ const styles = {
|
|
|
80
85
|
borderRadius: '6px',
|
|
81
86
|
transition: 'background-color 0.15s, color 0.15s',
|
|
82
87
|
border: 'none',
|
|
83
|
-
cursor: 'pointer'
|
|
88
|
+
cursor: 'pointer'
|
|
84
89
|
},
|
|
85
90
|
unsavedBadge: {
|
|
86
91
|
backgroundColor: 'var(--theme-warning-100)',
|
|
@@ -89,19 +94,19 @@ const styles = {
|
|
|
89
94
|
borderRadius: '9999px',
|
|
90
95
|
fontSize: '12px',
|
|
91
96
|
fontWeight: 500,
|
|
92
|
-
boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)'
|
|
97
|
+
boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)'
|
|
93
98
|
},
|
|
94
99
|
content: {
|
|
95
100
|
height: '100%',
|
|
96
101
|
overflow: 'auto',
|
|
97
|
-
backgroundColor: 'var(--theme-bg)'
|
|
102
|
+
backgroundColor: 'var(--theme-bg)'
|
|
98
103
|
},
|
|
99
104
|
emptyState: {
|
|
100
105
|
display: 'flex',
|
|
101
106
|
alignItems: 'center',
|
|
102
107
|
justifyContent: 'center',
|
|
103
108
|
height: '100%',
|
|
104
|
-
color: 'var(--theme-elevation-500)'
|
|
109
|
+
color: 'var(--theme-elevation-500)'
|
|
105
110
|
},
|
|
106
111
|
// Navigation dialog styles
|
|
107
112
|
dialogOverlay: {
|
|
@@ -111,7 +116,7 @@ const styles = {
|
|
|
111
116
|
display: 'flex',
|
|
112
117
|
alignItems: 'center',
|
|
113
118
|
justifyContent: 'center',
|
|
114
|
-
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
119
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
115
120
|
},
|
|
116
121
|
dialogContainer: {
|
|
117
122
|
backgroundColor: 'var(--theme-bg)',
|
|
@@ -120,7 +125,7 @@ const styles = {
|
|
|
120
125
|
maxWidth: '448px',
|
|
121
126
|
width: '100%',
|
|
122
127
|
margin: '0 16px',
|
|
123
|
-
overflow: 'hidden'
|
|
128
|
+
overflow: 'hidden'
|
|
124
129
|
},
|
|
125
130
|
dialogHeader: {
|
|
126
131
|
display: 'flex',
|
|
@@ -128,7 +133,7 @@ const styles = {
|
|
|
128
133
|
gap: '12px',
|
|
129
134
|
padding: '16px 20px',
|
|
130
135
|
borderBottom: '1px solid var(--theme-elevation-200)',
|
|
131
|
-
backgroundColor: 'var(--theme-warning-50)'
|
|
136
|
+
backgroundColor: 'var(--theme-warning-50)'
|
|
132
137
|
},
|
|
133
138
|
dialogIconWrapper: {
|
|
134
139
|
flexShrink: 0,
|
|
@@ -138,27 +143,27 @@ const styles = {
|
|
|
138
143
|
backgroundColor: 'var(--theme-warning-100)',
|
|
139
144
|
display: 'flex',
|
|
140
145
|
alignItems: 'center',
|
|
141
|
-
justifyContent: 'center'
|
|
146
|
+
justifyContent: 'center'
|
|
142
147
|
},
|
|
143
148
|
dialogTitle: {
|
|
144
149
|
fontSize: '16px',
|
|
145
150
|
fontWeight: 600,
|
|
146
151
|
color: 'var(--theme-elevation-900)',
|
|
147
|
-
margin: 0
|
|
152
|
+
margin: 0
|
|
148
153
|
},
|
|
149
154
|
dialogSubtitle: {
|
|
150
155
|
fontSize: '14px',
|
|
151
156
|
color: 'var(--theme-elevation-500)',
|
|
152
|
-
margin: 0
|
|
157
|
+
margin: 0
|
|
153
158
|
},
|
|
154
159
|
dialogBody: {
|
|
155
|
-
padding: '16px 20px'
|
|
160
|
+
padding: '16px 20px'
|
|
156
161
|
},
|
|
157
162
|
dialogBodyText: {
|
|
158
163
|
fontSize: '14px',
|
|
159
164
|
color: 'var(--theme-elevation-700)',
|
|
160
165
|
margin: 0,
|
|
161
|
-
marginBottom: '8px'
|
|
166
|
+
marginBottom: '8px'
|
|
162
167
|
},
|
|
163
168
|
dialogUrl: {
|
|
164
169
|
fontSize: '14px',
|
|
@@ -167,13 +172,13 @@ const styles = {
|
|
|
167
172
|
padding: '8px 12px',
|
|
168
173
|
borderRadius: '4px',
|
|
169
174
|
color: 'var(--theme-elevation-800)',
|
|
170
|
-
wordBreak: 'break-all'
|
|
175
|
+
wordBreak: 'break-all'
|
|
171
176
|
},
|
|
172
177
|
dialogWarning: {
|
|
173
178
|
fontSize: '14px',
|
|
174
179
|
color: 'var(--theme-warning-600)',
|
|
175
180
|
marginTop: '12px',
|
|
176
|
-
fontWeight: 500
|
|
181
|
+
fontWeight: 500
|
|
177
182
|
},
|
|
178
183
|
dialogFooter: {
|
|
179
184
|
padding: '16px 20px',
|
|
@@ -181,7 +186,7 @@ const styles = {
|
|
|
181
186
|
borderTop: '1px solid var(--theme-elevation-200)',
|
|
182
187
|
display: 'flex',
|
|
183
188
|
flexDirection: 'column',
|
|
184
|
-
gap: '8px'
|
|
189
|
+
gap: '8px'
|
|
185
190
|
},
|
|
186
191
|
buttonSecondary: {
|
|
187
192
|
padding: '8px 16px',
|
|
@@ -192,7 +197,7 @@ const styles = {
|
|
|
192
197
|
border: '1px solid var(--theme-elevation-300)',
|
|
193
198
|
borderRadius: '6px',
|
|
194
199
|
transition: 'background-color 0.15s',
|
|
195
|
-
cursor: 'pointer'
|
|
200
|
+
cursor: 'pointer'
|
|
196
201
|
},
|
|
197
202
|
buttonPrimary: {
|
|
198
203
|
padding: '8px 16px',
|
|
@@ -203,7 +208,7 @@ const styles = {
|
|
|
203
208
|
border: 'none',
|
|
204
209
|
borderRadius: '6px',
|
|
205
210
|
transition: 'background-color 0.15s',
|
|
206
|
-
cursor: 'pointer'
|
|
211
|
+
cursor: 'pointer'
|
|
207
212
|
},
|
|
208
213
|
buttonDanger: {
|
|
209
214
|
padding: '8px 16px',
|
|
@@ -214,16 +219,16 @@ const styles = {
|
|
|
214
219
|
border: '1px solid var(--theme-error-200)',
|
|
215
220
|
borderRadius: '6px',
|
|
216
221
|
transition: 'background-color 0.15s',
|
|
217
|
-
cursor: 'pointer'
|
|
222
|
+
cursor: 'pointer'
|
|
218
223
|
},
|
|
219
224
|
buttonDisabled: {
|
|
220
225
|
opacity: 0.5,
|
|
221
|
-
cursor: 'not-allowed'
|
|
226
|
+
cursor: 'not-allowed'
|
|
222
227
|
},
|
|
223
228
|
icon: {
|
|
224
229
|
width: '16px',
|
|
225
|
-
height: '16px'
|
|
226
|
-
}
|
|
230
|
+
height: '16px'
|
|
231
|
+
}
|
|
227
232
|
};
|
|
228
233
|
/**
|
|
229
234
|
* Full-screen preview modal with client-side rendering
|
|
@@ -236,24 +241,24 @@ const styles = {
|
|
|
236
241
|
* - Shows current editor state (including unsaved changes)
|
|
237
242
|
* - Interactive elements (accordions, hover states) still work
|
|
238
243
|
* - Links show confirmation dialog before navigating
|
|
239
|
-
*/
|
|
240
|
-
export const PreviewModal = memo(function PreviewModal({ isOpen, onClose, data, pageTitle, onOpenInNewTab, layouts, hasUnsavedChanges = false, onSave, isSaving = false, editorStylesheets, editorCss, config, }) {
|
|
244
|
+
*/ export const PreviewModal = /*#__PURE__*/ memo(function PreviewModal({ isOpen, onClose, data, pageTitle, onOpenInNewTab, layouts, hasUnsavedChanges = false, onSave, isSaving = false, editorStylesheets, editorCss, config }) {
|
|
241
245
|
// Strip editor-only props from data to ensure preview renders like frontend
|
|
242
|
-
const cleanedData = useMemo(()
|
|
246
|
+
const cleanedData = useMemo(()=>{
|
|
243
247
|
return data ? stripEditorOnlyProps(data) : null;
|
|
244
|
-
}, [
|
|
248
|
+
}, [
|
|
249
|
+
data
|
|
250
|
+
]);
|
|
245
251
|
// Navigation confirmation state
|
|
246
252
|
const [pendingNavigation, setPendingNavigation] = useState(null);
|
|
247
253
|
const [isNavigating, setIsNavigating] = useState(false);
|
|
248
254
|
const [viewButtonHovered, setViewButtonHovered] = useState(false);
|
|
249
255
|
// Inject stylesheets into document head when modal is open
|
|
250
|
-
useEffect(()
|
|
251
|
-
if (!isOpen)
|
|
252
|
-
return;
|
|
256
|
+
useEffect(()=>{
|
|
257
|
+
if (!isOpen) return;
|
|
253
258
|
const injectedElements = [];
|
|
254
259
|
// Inject external stylesheets
|
|
255
260
|
if (editorStylesheets && editorStylesheets.length > 0) {
|
|
256
|
-
editorStylesheets.forEach((href, index)
|
|
261
|
+
editorStylesheets.forEach((href, index)=>{
|
|
257
262
|
const linkId = `puck-preview-stylesheet-${index}`;
|
|
258
263
|
if (!document.getElementById(linkId)) {
|
|
259
264
|
const link = document.createElement('link');
|
|
@@ -277,29 +282,35 @@ export const PreviewModal = memo(function PreviewModal({ isOpen, onClose, data,
|
|
|
277
282
|
}
|
|
278
283
|
}
|
|
279
284
|
// Cleanup: remove injected elements when modal closes
|
|
280
|
-
return ()
|
|
281
|
-
injectedElements.forEach((el)
|
|
285
|
+
return ()=>{
|
|
286
|
+
injectedElements.forEach((el)=>el.remove());
|
|
282
287
|
};
|
|
283
|
-
}, [
|
|
288
|
+
}, [
|
|
289
|
+
isOpen,
|
|
290
|
+
editorStylesheets,
|
|
291
|
+
editorCss
|
|
292
|
+
]);
|
|
284
293
|
// Handle escape key
|
|
285
|
-
useEffect(()
|
|
286
|
-
if (!isOpen)
|
|
287
|
-
|
|
288
|
-
const handleEscape = (e) => {
|
|
294
|
+
useEffect(()=>{
|
|
295
|
+
if (!isOpen) return;
|
|
296
|
+
const handleEscape = (e)=>{
|
|
289
297
|
if (e.key === 'Escape') {
|
|
290
298
|
if (pendingNavigation) {
|
|
291
299
|
setPendingNavigation(null);
|
|
292
|
-
}
|
|
293
|
-
else {
|
|
300
|
+
} else {
|
|
294
301
|
onClose();
|
|
295
302
|
}
|
|
296
303
|
}
|
|
297
304
|
};
|
|
298
305
|
document.addEventListener('keydown', handleEscape);
|
|
299
|
-
return ()
|
|
300
|
-
}, [
|
|
306
|
+
return ()=>document.removeEventListener('keydown', handleEscape);
|
|
307
|
+
}, [
|
|
308
|
+
isOpen,
|
|
309
|
+
pendingNavigation,
|
|
310
|
+
onClose
|
|
311
|
+
]);
|
|
301
312
|
// Intercept link clicks
|
|
302
|
-
const handleContentClick = useCallback((e)
|
|
313
|
+
const handleContentClick = useCallback((e)=>{
|
|
303
314
|
const target = e.target;
|
|
304
315
|
const anchor = target.closest('a');
|
|
305
316
|
if (anchor) {
|
|
@@ -317,44 +328,187 @@ export const PreviewModal = memo(function PreviewModal({ isOpen, onClose, data,
|
|
|
317
328
|
}
|
|
318
329
|
}, []);
|
|
319
330
|
// Handle navigation after confirmation
|
|
320
|
-
const handleNavigate = useCallback((saveFirst)
|
|
321
|
-
if (!pendingNavigation)
|
|
322
|
-
|
|
323
|
-
const navigate = () => {
|
|
331
|
+
const handleNavigate = useCallback((saveFirst)=>{
|
|
332
|
+
if (!pendingNavigation) return;
|
|
333
|
+
const navigate = ()=>{
|
|
324
334
|
setIsNavigating(true);
|
|
325
335
|
onClose();
|
|
326
336
|
window.location.href = pendingNavigation;
|
|
327
337
|
};
|
|
328
338
|
if (saveFirst && onSave) {
|
|
329
|
-
onSave().then(navigate).catch(()
|
|
339
|
+
onSave().then(navigate).catch(()=>{
|
|
330
340
|
setIsNavigating(false);
|
|
331
341
|
});
|
|
332
|
-
}
|
|
333
|
-
else {
|
|
342
|
+
} else {
|
|
334
343
|
navigate();
|
|
335
344
|
}
|
|
336
|
-
}, [
|
|
345
|
+
}, [
|
|
346
|
+
pendingNavigation,
|
|
347
|
+
onClose,
|
|
348
|
+
onSave
|
|
349
|
+
]);
|
|
337
350
|
// Cancel navigation
|
|
338
|
-
const handleCancelNavigation = useCallback(()
|
|
351
|
+
const handleCancelNavigation = useCallback(()=>{
|
|
339
352
|
setPendingNavigation(null);
|
|
340
353
|
}, []);
|
|
341
|
-
if (!isOpen)
|
|
342
|
-
|
|
343
|
-
|
|
354
|
+
if (!isOpen) return null;
|
|
355
|
+
return /*#__PURE__*/ _jsxs("div", {
|
|
356
|
+
style: styles.overlay,
|
|
357
|
+
children: [
|
|
358
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
359
|
+
style: styles.controlPanel,
|
|
360
|
+
children: [
|
|
361
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
362
|
+
style: styles.controlCard,
|
|
363
|
+
children: [
|
|
364
|
+
/*#__PURE__*/ _jsxs("button", {
|
|
365
|
+
type: "button",
|
|
366
|
+
onClick: onClose,
|
|
367
|
+
style: styles.closeButton,
|
|
368
|
+
title: "Close preview (Esc)",
|
|
369
|
+
children: [
|
|
370
|
+
/*#__PURE__*/ _jsx(X, {
|
|
371
|
+
style: styles.icon
|
|
372
|
+
}),
|
|
373
|
+
"Close Preview"
|
|
374
|
+
]
|
|
375
|
+
}),
|
|
376
|
+
onOpenInNewTab && /*#__PURE__*/ _jsxs("button", {
|
|
377
|
+
type: "button",
|
|
378
|
+
onClick: onOpenInNewTab,
|
|
379
|
+
style: {
|
|
344
380
|
...styles.viewButton,
|
|
345
|
-
...
|
|
381
|
+
...viewButtonHovered ? {
|
|
346
382
|
backgroundColor: 'var(--theme-elevation-100)',
|
|
347
|
-
color: 'var(--theme-elevation-900)'
|
|
348
|
-
} : {}
|
|
349
|
-
},
|
|
383
|
+
color: 'var(--theme-elevation-900)'
|
|
384
|
+
} : {}
|
|
385
|
+
},
|
|
386
|
+
onMouseEnter: ()=>setViewButtonHovered(true),
|
|
387
|
+
onMouseLeave: ()=>setViewButtonHovered(false),
|
|
388
|
+
title: "Open published page in new tab",
|
|
389
|
+
children: [
|
|
390
|
+
/*#__PURE__*/ _jsx(ExternalLink, {
|
|
391
|
+
style: styles.icon
|
|
392
|
+
}),
|
|
393
|
+
"View Page"
|
|
394
|
+
]
|
|
395
|
+
})
|
|
396
|
+
]
|
|
397
|
+
}),
|
|
398
|
+
hasUnsavedChanges && /*#__PURE__*/ _jsx("div", {
|
|
399
|
+
style: styles.unsavedBadge,
|
|
400
|
+
children: "Unsaved changes"
|
|
401
|
+
})
|
|
402
|
+
]
|
|
403
|
+
}),
|
|
404
|
+
/*#__PURE__*/ _jsx("div", {
|
|
405
|
+
style: styles.content,
|
|
406
|
+
onClickCapture: handleContentClick,
|
|
407
|
+
children: cleanedData ? /*#__PURE__*/ _jsx(PageRenderer, {
|
|
408
|
+
data: cleanedData,
|
|
409
|
+
layouts: layouts,
|
|
410
|
+
config: config
|
|
411
|
+
}) : /*#__PURE__*/ _jsx("div", {
|
|
412
|
+
style: styles.emptyState,
|
|
413
|
+
children: "No content to preview"
|
|
414
|
+
})
|
|
415
|
+
}),
|
|
416
|
+
pendingNavigation && /*#__PURE__*/ _jsx("div", {
|
|
417
|
+
style: styles.dialogOverlay,
|
|
418
|
+
children: /*#__PURE__*/ _jsxs("div", {
|
|
419
|
+
style: styles.dialogContainer,
|
|
420
|
+
onClick: (e)=>e.stopPropagation(),
|
|
421
|
+
children: [
|
|
422
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
423
|
+
style: styles.dialogHeader,
|
|
424
|
+
children: [
|
|
425
|
+
/*#__PURE__*/ _jsx("div", {
|
|
426
|
+
style: styles.dialogIconWrapper,
|
|
427
|
+
children: /*#__PURE__*/ _jsx(AlertTriangle, {
|
|
428
|
+
style: {
|
|
429
|
+
width: '20px',
|
|
430
|
+
height: '20px',
|
|
431
|
+
color: 'var(--theme-warning-600)'
|
|
432
|
+
}
|
|
433
|
+
})
|
|
434
|
+
}),
|
|
435
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
436
|
+
children: [
|
|
437
|
+
/*#__PURE__*/ _jsx("h3", {
|
|
438
|
+
style: styles.dialogTitle,
|
|
439
|
+
children: "Navigate away?"
|
|
440
|
+
}),
|
|
441
|
+
/*#__PURE__*/ _jsx("p", {
|
|
442
|
+
style: styles.dialogSubtitle,
|
|
443
|
+
children: "This will close the preview"
|
|
444
|
+
})
|
|
445
|
+
]
|
|
446
|
+
})
|
|
447
|
+
]
|
|
448
|
+
}),
|
|
449
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
450
|
+
style: styles.dialogBody,
|
|
451
|
+
children: [
|
|
452
|
+
/*#__PURE__*/ _jsx("p", {
|
|
453
|
+
style: styles.dialogBodyText,
|
|
454
|
+
children: "You're about to navigate to:"
|
|
455
|
+
}),
|
|
456
|
+
/*#__PURE__*/ _jsx("p", {
|
|
457
|
+
style: styles.dialogUrl,
|
|
458
|
+
children: pendingNavigation
|
|
459
|
+
}),
|
|
460
|
+
hasUnsavedChanges && /*#__PURE__*/ _jsx("p", {
|
|
461
|
+
style: styles.dialogWarning,
|
|
462
|
+
children: "You have unsaved changes that will be lost."
|
|
463
|
+
})
|
|
464
|
+
]
|
|
465
|
+
}),
|
|
466
|
+
/*#__PURE__*/ _jsx("div", {
|
|
467
|
+
style: styles.dialogFooter,
|
|
468
|
+
children: /*#__PURE__*/ _jsxs("div", {
|
|
469
|
+
style: {
|
|
470
|
+
display: 'flex',
|
|
471
|
+
gap: '8px',
|
|
472
|
+
justifyContent: 'flex-end',
|
|
473
|
+
flexWrap: 'wrap'
|
|
474
|
+
},
|
|
475
|
+
children: [
|
|
476
|
+
/*#__PURE__*/ _jsx("button", {
|
|
477
|
+
type: "button",
|
|
478
|
+
onClick: handleCancelNavigation,
|
|
479
|
+
disabled: isNavigating || isSaving,
|
|
480
|
+
style: {
|
|
350
481
|
...styles.buttonSecondary,
|
|
351
|
-
...
|
|
352
|
-
},
|
|
482
|
+
...isNavigating || isSaving ? styles.buttonDisabled : {}
|
|
483
|
+
},
|
|
484
|
+
children: "Cancel"
|
|
485
|
+
}),
|
|
486
|
+
hasUnsavedChanges && onSave && /*#__PURE__*/ _jsx("button", {
|
|
487
|
+
type: "button",
|
|
488
|
+
onClick: ()=>handleNavigate(true),
|
|
489
|
+
disabled: isNavigating || isSaving,
|
|
490
|
+
style: {
|
|
353
491
|
...styles.buttonPrimary,
|
|
354
|
-
...
|
|
355
|
-
},
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
492
|
+
...isNavigating || isSaving ? styles.buttonDisabled : {}
|
|
493
|
+
},
|
|
494
|
+
children: isSaving ? 'Saving...' : 'Save & Navigate'
|
|
495
|
+
}),
|
|
496
|
+
/*#__PURE__*/ _jsx("button", {
|
|
497
|
+
type: "button",
|
|
498
|
+
onClick: ()=>handleNavigate(false),
|
|
499
|
+
disabled: isNavigating || isSaving,
|
|
500
|
+
style: {
|
|
501
|
+
...hasUnsavedChanges ? styles.buttonDanger : styles.buttonPrimary,
|
|
502
|
+
...isNavigating || isSaving ? styles.buttonDisabled : {}
|
|
503
|
+
},
|
|
504
|
+
children: isNavigating ? 'Navigating...' : hasUnsavedChanges ? 'Navigate without saving' : 'Navigate'
|
|
505
|
+
})
|
|
506
|
+
]
|
|
507
|
+
})
|
|
508
|
+
})
|
|
509
|
+
]
|
|
510
|
+
})
|
|
511
|
+
})
|
|
512
|
+
]
|
|
513
|
+
});
|
|
359
514
|
});
|
|
360
|
-
//# sourceMappingURL=PreviewModal.js.map
|
|
@@ -9,7 +9,7 @@ const styles = {
|
|
|
9
9
|
gap: '2px',
|
|
10
10
|
padding: '2px',
|
|
11
11
|
backgroundColor: 'var(--puck-color-grey-11, #e8e8e8)',
|
|
12
|
-
borderRadius: '6px'
|
|
12
|
+
borderRadius: '6px'
|
|
13
13
|
},
|
|
14
14
|
button: {
|
|
15
15
|
display: 'flex',
|
|
@@ -20,21 +20,21 @@ const styles = {
|
|
|
20
20
|
border: 'none',
|
|
21
21
|
borderRadius: '4px',
|
|
22
22
|
cursor: 'pointer',
|
|
23
|
-
transition: 'background-color 0.15s, color 0.15s'
|
|
23
|
+
transition: 'background-color 0.15s, color 0.15s'
|
|
24
24
|
},
|
|
25
25
|
buttonActive: {
|
|
26
26
|
backgroundColor: 'var(--puck-color-white, #ffffff)',
|
|
27
27
|
color: 'var(--puck-color-grey-02, #3d3d3d)',
|
|
28
|
-
boxShadow: '0 1px 2px rgba(0, 0, 0, 0.05)'
|
|
28
|
+
boxShadow: '0 1px 2px rgba(0, 0, 0, 0.05)'
|
|
29
29
|
},
|
|
30
30
|
buttonInactive: {
|
|
31
31
|
backgroundColor: 'transparent',
|
|
32
|
-
color: 'var(--puck-color-grey-05, #8f8f8f)'
|
|
32
|
+
color: 'var(--puck-color-grey-05, #8f8f8f)'
|
|
33
33
|
},
|
|
34
34
|
icon: {
|
|
35
35
|
width: '14px',
|
|
36
|
-
height: '14px'
|
|
37
|
-
}
|
|
36
|
+
height: '14px'
|
|
37
|
+
}
|
|
38
38
|
};
|
|
39
39
|
/**
|
|
40
40
|
* Toggle button for switching preview iframe between light/dark modes.
|
|
@@ -51,17 +51,43 @@ const styles = {
|
|
|
51
51
|
* onToggle={setPreviewDarkMode}
|
|
52
52
|
* />
|
|
53
53
|
* ```
|
|
54
|
-
*/
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
*/ export const PreviewModeToggle = /*#__PURE__*/ memo(function PreviewModeToggle({ isDarkMode, onToggle, disabled = false }) {
|
|
55
|
+
return /*#__PURE__*/ _jsxs("div", {
|
|
56
|
+
style: {
|
|
57
57
|
...styles.container,
|
|
58
|
-
...
|
|
59
|
-
|
|
58
|
+
...disabled ? {
|
|
59
|
+
opacity: 0.5,
|
|
60
|
+
pointerEvents: 'none'
|
|
61
|
+
} : {}
|
|
62
|
+
},
|
|
63
|
+
title: "Toggle preview dark/light mode",
|
|
64
|
+
children: [
|
|
65
|
+
/*#__PURE__*/ _jsx("button", {
|
|
66
|
+
type: "button",
|
|
67
|
+
onClick: ()=>onToggle(false),
|
|
68
|
+
style: {
|
|
60
69
|
...styles.button,
|
|
61
|
-
|
|
62
|
-
},
|
|
70
|
+
...!isDarkMode ? styles.buttonActive : styles.buttonInactive
|
|
71
|
+
},
|
|
72
|
+
"aria-label": "Light mode preview",
|
|
73
|
+
"aria-pressed": !isDarkMode,
|
|
74
|
+
children: /*#__PURE__*/ _jsx(Sun, {
|
|
75
|
+
style: styles.icon
|
|
76
|
+
})
|
|
77
|
+
}),
|
|
78
|
+
/*#__PURE__*/ _jsx("button", {
|
|
79
|
+
type: "button",
|
|
80
|
+
onClick: ()=>onToggle(true),
|
|
81
|
+
style: {
|
|
63
82
|
...styles.button,
|
|
64
|
-
...
|
|
65
|
-
},
|
|
83
|
+
...isDarkMode ? styles.buttonActive : styles.buttonInactive
|
|
84
|
+
},
|
|
85
|
+
"aria-label": "Dark mode preview",
|
|
86
|
+
"aria-pressed": isDarkMode,
|
|
87
|
+
children: /*#__PURE__*/ _jsx(Moon, {
|
|
88
|
+
style: styles.icon
|
|
89
|
+
})
|
|
90
|
+
})
|
|
91
|
+
]
|
|
92
|
+
});
|
|
66
93
|
});
|
|
67
|
-
//# sourceMappingURL=PreviewModeToggle.js.map
|