payload-richtext-tiptap 0.0.145 → 0.0.146
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/LICENSE.md +22 -22
- package/README.md +33 -33
- package/dist/src/body/StandardArticle.js.map +1 -1
- package/dist/src/fields/TiptapEditor/Components.js.map +1 -1
- package/dist/src/fields/TiptapEditor/context/EditorContext.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/AICommand/AICommand.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/AICommand/AIMenuList.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/AICommand/CommandButton.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/AICommand/groups.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/AICommand/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/AICommand/types.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Audio/Audio.js +5 -5
- package/dist/src/fields/TiptapEditor/extensions/Audio/Audio.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Audio/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/AudioBlock/AudioBlock.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/AudioBlock/components/AudioBlockMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/AudioBlock/components/AudioBlockView.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/AudioBlock/components/AudioBlockWidth.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/AudioBlock/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/BlockquoteFigure/BlockquoteFigure.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/BlockquoteFigure/Design.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/BlockquoteFigure/Quote/Quote.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/BlockquoteFigure/Quote/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/BlockquoteFigure/QuoteCaption/QuoteCaption.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/BlockquoteFigure/QuoteCaption/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/BlockquoteFigure/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Document/Document.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Document/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Figcaption/Figcaption.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Figcaption/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Figure/Figure.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Figure/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/FontSize/FontSize.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/FontSize/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Heading/Heading.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Heading/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/HorizontalRule/HorizontalRule.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/HorizontalRule/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Iframe/IframeEmbed.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Iframe/iframe.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Iframe/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Iframe/menus/IframeMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Iframe/menus/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Image/Image.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Image/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageBlock/ImageBlock.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockView.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockViewClientside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockWidth.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageBlock/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageUpload/getImageActualSize.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageUpload/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUploader.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/hooks.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/InsideLinks/InsideLink.client.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/InsideLinks/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/InsideLinks/insideLinks.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/InsideLinks/menus/InsideLinksMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/InsideLinks/menus/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Link/Link.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Link/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/LinkPreview/EditLinkPreviewPopover.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/LinkPreview/LinkPreview.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/LinkPreview/LinkPreviewEditorPanel.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/LinkPreview/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/LinkPreview/menus/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/LinkPreview/menus/linkPreviewMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/MultiColumn/Column.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/MultiColumn/Columns.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/MultiColumn/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/MultiColumn/menus/ColumnsMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/MultiColumn/menus/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Paragraph/Paragraph.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Paragraph/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Selection/Selection.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Selection/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SlashCommand/CommandButton.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SlashCommand/MenuList.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SlashCommand/SlashCommand.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SlashCommand/groups.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SlashCommand/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SlashCommand/types.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Facebook/FacebookEmbed.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Facebook/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Instagram/InstagramEmbed.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Instagram/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/LinkedinEmbed.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/SocialMediaEmbed.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/SocialMediaEmbedServerside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/TiktokEmbed.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Twitter/TwitterEmbed.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Twitter/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Youtube/YoutubeEmbed.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Youtube/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/menus/SocialMediaMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/menus/constants.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/SocialMedia/menus/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Table/Cell.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Table/Header.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Table/Row.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Table/Table.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Table/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Table/menus/TableColumn/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Table/menus/TableColumn/utils.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Table/menus/TableRow/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Table/menus/TableRow/utils.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Table/menus/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Table/utils.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/TrailingNode/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/TrailingNode/trailing-node.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Video/Video.js +5 -5
- package/dist/src/fields/TiptapEditor/extensions/Video/Video.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/Video/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/VideoBlock.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockView.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockViewClientside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockWidth.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/VideoPlayer.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualityOption.js +9 -9
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualityOption.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualitySelector.js +15 -15
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualitySelector.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/events.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/middleware/SourceInterceptor.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/util/SafeSeek.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/VideoBlock/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/extension-kit.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/EmbedContentInlineRenderer.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/EmbedContentSideRenderer.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/EmbedContentSidebarRenderer.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/FacebookServerside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/IFrameServerside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/ImageBlockServerside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/InsideLinkServerside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/InstagramServerside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/RenderEmbedClientSide.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/ServersideTiptapBody.js +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/ServersideTiptapBody.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/TiktokServerside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/TwitterBlockServerside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/VideoBlockServerside.js +5 -5
- package/dist/src/fields/TiptapEditor/extensions/serverside/VideoBlockServerside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/YouTubeServerside.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/getAssetsAspectRatio.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/extensions/serverside/useAppendRequiredBlocksMarkerClient.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/BlockEditor/OneLineEditor.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/BlockEditor/components/EditorHeader.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/BlockEditor/components/EditorInfo.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/BlockEditor/components/OneLiner.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/BlockEditor/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/BlockEditor/types.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/ContentItemMenu/hooks/useContentItemActions.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/ContentItemMenu/hooks/useData.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/ContentItemMenu/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/LinkMenu/LinkMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/LinkMenu/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/AITextMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/TextMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ContentTypePicker.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/EditIframeLinkPopover.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/EditLinkPopover.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/FontFamilyPicker.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/FontSizePicker.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/SocialMediaPopover.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-draft-selector-commands.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuCommands.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuContentTypes.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuStates.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/TextMenu/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/menus/types.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/AIEditorPanel/AIEditorPanel.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/AIEditorPanel/EditorPreview.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/AIEditorPanel/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/AIEditorPanel/markdown.hook.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/AIEditorPanel/utils.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/Colorpicker/ColorButton.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/Colorpicker/Colorpicker.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/Colorpicker/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/IframeLinkEditorPanel.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/InsideLinksEditorPanel.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/LinkEditorPanel/LinkEditorPanel.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/LinkEditorPanel/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/LinkPreviewPanel/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/panels/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Button/Button.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Button/SpanButton.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Button/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Dropdown/Dropdown.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Dropdown/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Icon.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Loader/Loader.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Loader/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Loader/types.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Panel/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/PopoverMenu.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Spinner/Spinner.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Spinner/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Surface.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Textarea/Textarea.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Textarea/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Toggle/Toggle.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Toggle/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Toolbar.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Tooltip/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/Tooltip/types.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/crazy-spinner.js.map +1 -1
- package/dist/src/fields/TiptapEditor/features/ui/scroll-area.js.map +1 -1
- package/dist/src/fields/TiptapEditor/hooks/useBlockEditor.js.map +1 -1
- package/dist/src/fields/TiptapEditor/hooks/useSidebar.js.map +1 -1
- package/dist/src/fields/TiptapEditor/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/api.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/constants.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/data/initialContent.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/extract.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/tiptapSchema.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/utils/cssVar.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/utils/deepMerge.js +8 -8
- package/dist/src/fields/TiptapEditor/lib/utils/deepMerge.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/utils/getRenderContainer.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/utils/index.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/utils/isCustomNodeSelected.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/utils/isRtl.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/utils/isTextSelected.js.map +1 -1
- package/dist/src/fields/TiptapEditor/lib/utils/partialRequired.js.map +1 -1
- package/dist/src/fields/TiptapEditor/types.d.js.map +1 -1
- package/dist/src/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/AIEditorPanel.tsx"],"sourcesContent":["'use client'\n\nimport { Editor } from '@tiptap/react'\nimport { ArrowRight, Sparkles } from 'lucide-react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport TextareaAutosize from 'react-textarea-autosize'\n\nimport { experimental_useObject as useObject } from '@ai-sdk/react'\nimport i18next from 'i18next'\nimport Markdown from 'react-markdown'\nimport { extractMarkdown } from '../../../lib/extract.js'\nimport { TiptapSchema } from '../../../lib/tiptapSchema.js'\nimport { getPrevText } from '../../../lib/utils/index.js'\nimport AICompletionCommands from '../../menus/TextMenu/components/ai-completion-command.js'\nimport AISelectorCommands from '../../menus/TextMenu/components/ai-selector-commands.js'\nimport { Surface } from '../../ui/Surface.js'\nimport { Toolbar } from '../../ui/Toolbar.js'\nimport CrazySpinner from '../../ui/crazy-spinner.js'\nimport { ScrollArea } from '../../ui/scroll-area.js'\nimport { useExtractMarkdown } from './markdown.hook.js'\n\nexport type AIEditorPanelProps = {\n editor: Editor\n onOpenChange: (value: boolean) => void\n}\n\nexport const AIEditorPanel = ({ editor, onOpenChange }: AIEditorPanelProps) => {\n const [inputValue, setInputValue] = useState('')\n const { view } = editor\n\n const editorNode = view.dom as HTMLElement\n const boundigClient = editorNode.getBoundingClientRect()\n const inputRef = useRef<HTMLTextAreaElement>(null)\n\n const { object, submit, isLoading } = useObject({\n api: '/api/generate',\n schema: TiptapSchema,\n })\n const hasCompletion = Boolean(object)\n\n const handleClick = useCallback(() => {\n if (object) {\n submit({\n prompt: object,\n body: {\n option: 'zap',\n command: inputValue,\n language: editor?.storage?.aiCommand?.language,\n },\n })\n setInputValue('')\n return\n }\n const text = getPrevText(editor, { chars: 5000 })\n\n submit({\n prompt: text,\n body: {\n option: 'zap',\n command: inputValue,\n language: editor?.storage?.aiCommand?.language,\n },\n })\n setInputValue('')\n }, [editor?.storage?.aiCommand?.language, inputValue, object, submit])\n\n const { markdown } = useExtractMarkdown(object)\n return (\n <Surface\n className={`p-2 min-w-[20rem] `}\n style={{\n width: boundigClient?.width,\n }}\n >\n <>\n {markdown && (\n <div className='flex w-full'>\n <ScrollArea className='prose p-2 px-4 prose-sm max-h-96' dir={i18next.dir()}>\n <Markdown>{markdown}</Markdown>\n </ScrollArea>\n </div>\n )}\n\n {isLoading && (\n <div className='flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-blue-500'>\n <Sparkles className='mr-2 h-4 w-4 shrink-0 ' />\n AI (Beta) is thinking\n <div className='ml-2 mt-1'>\n <CrazySpinner />\n </div>\n </div>\n )}\n\n {!isLoading && (\n <>\n <div className='flex justify-between items-center'>\n <Sparkles className='mr-2 h-4 w-4 shrink-0 text-blue-500 ' />\n <TextareaAutosize\n ref={inputRef}\n className='w-full p-2 text-black bg-white rounded dark:bg-black dark:text-white focus:outline-none'\n value={inputValue}\n onChange={(e) => {\n setInputValue(e.target.value)\n }}\n placeholder={\n hasCompletion\n ? i18next.t('tellAiPlaceholder') || 'Tell AI (Beta) what to do next'\n : i18next.t('askAiPlaceholder') || 'Ask AI (Beta) to edit or generate...'\n }\n autoFocus\n onKeyDown={(e) => {\n if (e.key === 'Enter') handleClick()\n }}\n />\n <Toolbar.Button onClick={handleClick}>\n <ArrowRight />\n </Toolbar.Button>\n </div>\n {hasCompletion ? (\n <AICompletionCommands\n editor={editor}\n onDiscard={() => {\n editor?.chain()?.focus()?.run()\n onOpenChange(false)\n }}\n completion={object}\n />\n ) : (\n <AISelectorCommands\n messages={object}\n editor={editor}\n onSelect={(value, options) => {\n submit({ prompt: value, body: options as any })\n }}\n />\n )}\n </>\n )}\n </>\n </Surface>\n )\n}\n"],"names":["ArrowRight","Sparkles","useCallback","useRef","useState","TextareaAutosize","experimental_useObject","useObject","i18next","Markdown","TiptapSchema","getPrevText","AICompletionCommands","AISelectorCommands","Surface","Toolbar","CrazySpinner","ScrollArea","useExtractMarkdown","AIEditorPanel","editor","onOpenChange","inputValue","setInputValue","view","editorNode","dom","boundigClient","getBoundingClientRect","inputRef","object","submit","isLoading","api","schema","hasCompletion","Boolean","handleClick","prompt","body","option","command","language","storage","aiCommand","text","chars","markdown","className","style","width","div","dir","ref","value","onChange","e","target","placeholder","t","autoFocus","onKeyDown","key","Button","onClick","onDiscard","chain","focus","run","completion","messages","onSelect","options"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,eAAc;AACnD,SAASC,WAAW,EAAaC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAChE,OAAOC,sBAAsB,0BAAyB;AAEtD,SAASC,0BAA0BC,SAAS,QAAQ,gBAAe;AACnE,OAAOC,aAAa,UAAS;AAC7B,OAAOC,cAAc,iBAAgB;AAErC,SAASC,YAAY,QAAQ,+BAA8B;AAC3D,SAASC,WAAW,QAAQ,8BAA6B;AACzD,OAAOC,0BAA0B,2DAA0D;AAC3F,OAAOC,wBAAwB,0DAAyD;AACxF,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,OAAOC,kBAAkB,4BAA2B;AACpD,SAASC,UAAU,QAAQ,0BAAyB;AACpD,SAASC,kBAAkB,QAAQ,qBAAoB;AAOvD,OAAO,MAAMC,gBAAgB,CAAC,EAAEC,MAAM,EAAEC,YAAY,EAAsB;IACxE,MAAM,CAACC,YAAYC,cAAc,GAAGnB,SAAS;IAC7C,MAAM,EAAEoB,IAAI,EAAE,GAAGJ;IAEjB,MAAMK,aAAaD,KAAKE,GAAG;IAC3B,MAAMC,gBAAgBF,WAAWG,qBAAqB;IACtD,MAAMC,WAAW1B,OAA4B;IAE7C,MAAM,EAAE2B,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGzB,UAAU;QAC9C0B,KAAK;QACLC,QAAQxB;IACV;IACA,MAAMyB,gBAAgBC,QAAQN;IAE9B,MAAMO,cAAcnC,YAAY;QAC9B,IAAI4B,QAAQ;YACVC,OAAO;gBACLO,QAAQR;gBACRS,MAAM;oBACJC,QAAQ;oBACRC,SAASnB;oBACToB,UAAUtB,QAAQuB,SAASC,WAAWF;gBACxC;YACF;YACAnB,cAAc;YACd;QACF;QACA,MAAMsB,OAAOlC,YAAYS,QAAQ;YAAE0B,OAAO;QAAK;QAE/Cf,OAAO;YACLO,QAAQO;YACRN,MAAM;gBACJC,QAAQ;gBACRC,SAASnB;gBACToB,UAAUtB,QAAQuB,SAASC,WAAWF;YACxC;QACF;QACAnB,cAAc;IAChB,GAAG;QAACH,QAAQuB,SAASC,WAAWF;QAAUpB;QAAYQ;QAAQC;KAAO;IAErE,MAAM,EAAEgB,QAAQ,EAAE,GAAG7B,mBAAmBY;IACxC,qBACE,KAAChB;QACCkC,WAAW,CAAC,kBAAkB,CAAC;QAC/BC,OAAO;YACLC,OAAOvB,eAAeuB;QACxB;kBAEA,cAAA;;gBACGH,0BACC,KAACI;oBAAIH,WAAU;8BACb,cAAA,KAAC/B;wBAAW+B,WAAU;wBAAmCI,KAAK5C,QAAQ4C,GAAG;kCACvE,cAAA,KAAC3C;sCAAUsC;;;;gBAKhBf,2BACC,MAACmB;oBAAIH,WAAU;;sCACb,KAAC/C;4BAAS+C,WAAU;;wBAA4B;sCAEhD,KAACG;4BAAIH,WAAU;sCACb,cAAA,KAAChC;;;;gBAKN,CAACgB,2BACA;;sCACE,MAACmB;4BAAIH,WAAU;;8CACb,KAAC/C;oCAAS+C,WAAU;;8CACpB,KAAC3C;oCACCgD,KAAKxB;oCACLmB,WAAU;oCACVM,OAAOhC;oCACPiC,UAAU,CAACC;wCACTjC,cAAciC,EAAEC,MAAM,CAACH,KAAK;oCAC9B;oCACAI,aACEvB,gBACI3B,QAAQmD,CAAC,CAAC,wBAAwB,mCAClCnD,QAAQmD,CAAC,CAAC,uBAAuB;oCAEvCC,SAAS;oCACTC,WAAW,CAACL;wCACV,IAAIA,EAAEM,GAAG,KAAK,SAASzB;oCACzB;;8CAEF,KAACtB,QAAQgD,MAAM;oCAACC,SAAS3B;8CACvB,cAAA,KAACrC;;;;wBAGJmC,8BACC,KAACvB;4BACCQ,QAAQA;4BACR6C,WAAW;gCACT7C,QAAQ8C,SAASC,SAASC;gCAC1B/C,aAAa;4BACf;4BACAgD,YAAYvC;2CAGd,KAACjB;4BACCyD,UAAUxC;4BACVV,QAAQA;4BACRmD,UAAU,CAACjB,OAAOkB;gCAChBzC,OAAO;oCAAEO,QAAQgB;oCAAOf,MAAMiC;gCAAe;4BAC/C;;;;;;;AAQhB,EAAC"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/AIEditorPanel.tsx"],"sourcesContent":["'use client'\r\n\r\nimport { Editor } from '@tiptap/react'\r\nimport { ArrowRight, Sparkles } from 'lucide-react'\r\nimport { useCallback, useEffect, useRef, useState } from 'react'\r\nimport TextareaAutosize from 'react-textarea-autosize'\r\n\r\nimport { experimental_useObject as useObject } from '@ai-sdk/react'\r\nimport i18next from 'i18next'\r\nimport Markdown from 'react-markdown'\r\nimport { extractMarkdown } from '../../../lib/extract.js'\r\nimport { TiptapSchema } from '../../../lib/tiptapSchema.js'\r\nimport { getPrevText } from '../../../lib/utils/index.js'\r\nimport AICompletionCommands from '../../menus/TextMenu/components/ai-completion-command.js'\r\nimport AISelectorCommands from '../../menus/TextMenu/components/ai-selector-commands.js'\r\nimport { Surface } from '../../ui/Surface.js'\r\nimport { Toolbar } from '../../ui/Toolbar.js'\r\nimport CrazySpinner from '../../ui/crazy-spinner.js'\r\nimport { ScrollArea } from '../../ui/scroll-area.js'\r\nimport { useExtractMarkdown } from './markdown.hook.js'\r\n\r\nexport type AIEditorPanelProps = {\r\n editor: Editor\r\n onOpenChange: (value: boolean) => void\r\n}\r\n\r\nexport const AIEditorPanel = ({ editor, onOpenChange }: AIEditorPanelProps) => {\r\n const [inputValue, setInputValue] = useState('')\r\n const { view } = editor\r\n\r\n const editorNode = view.dom as HTMLElement\r\n const boundigClient = editorNode.getBoundingClientRect()\r\n const inputRef = useRef<HTMLTextAreaElement>(null)\r\n\r\n const { object, submit, isLoading } = useObject({\r\n api: '/api/generate',\r\n schema: TiptapSchema,\r\n })\r\n const hasCompletion = Boolean(object)\r\n\r\n const handleClick = useCallback(() => {\r\n if (object) {\r\n submit({\r\n prompt: object,\r\n body: {\r\n option: 'zap',\r\n command: inputValue,\r\n language: editor?.storage?.aiCommand?.language,\r\n },\r\n })\r\n setInputValue('')\r\n return\r\n }\r\n const text = getPrevText(editor, { chars: 5000 })\r\n\r\n submit({\r\n prompt: text,\r\n body: {\r\n option: 'zap',\r\n command: inputValue,\r\n language: editor?.storage?.aiCommand?.language,\r\n },\r\n })\r\n setInputValue('')\r\n }, [editor?.storage?.aiCommand?.language, inputValue, object, submit])\r\n\r\n const { markdown } = useExtractMarkdown(object)\r\n return (\r\n <Surface\r\n className={`p-2 min-w-[20rem] `}\r\n style={{\r\n width: boundigClient?.width,\r\n }}\r\n >\r\n <>\r\n {markdown && (\r\n <div className='flex w-full'>\r\n <ScrollArea className='prose p-2 px-4 prose-sm max-h-96' dir={i18next.dir()}>\r\n <Markdown>{markdown}</Markdown>\r\n </ScrollArea>\r\n </div>\r\n )}\r\n\r\n {isLoading && (\r\n <div className='flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-blue-500'>\r\n <Sparkles className='mr-2 h-4 w-4 shrink-0 ' />\r\n AI (Beta) is thinking\r\n <div className='ml-2 mt-1'>\r\n <CrazySpinner />\r\n </div>\r\n </div>\r\n )}\r\n\r\n {!isLoading && (\r\n <>\r\n <div className='flex justify-between items-center'>\r\n <Sparkles className='mr-2 h-4 w-4 shrink-0 text-blue-500 ' />\r\n <TextareaAutosize\r\n ref={inputRef}\r\n className='w-full p-2 text-black bg-white rounded dark:bg-black dark:text-white focus:outline-none'\r\n value={inputValue}\r\n onChange={(e) => {\r\n setInputValue(e.target.value)\r\n }}\r\n placeholder={\r\n hasCompletion\r\n ? i18next.t('tellAiPlaceholder') || 'Tell AI (Beta) what to do next'\r\n : i18next.t('askAiPlaceholder') || 'Ask AI (Beta) to edit or generate...'\r\n }\r\n autoFocus\r\n onKeyDown={(e) => {\r\n if (e.key === 'Enter') handleClick()\r\n }}\r\n />\r\n <Toolbar.Button onClick={handleClick}>\r\n <ArrowRight />\r\n </Toolbar.Button>\r\n </div>\r\n {hasCompletion ? (\r\n <AICompletionCommands\r\n editor={editor}\r\n onDiscard={() => {\r\n editor?.chain()?.focus()?.run()\r\n onOpenChange(false)\r\n }}\r\n completion={object}\r\n />\r\n ) : (\r\n <AISelectorCommands\r\n messages={object}\r\n editor={editor}\r\n onSelect={(value, options) => {\r\n submit({ prompt: value, body: options as any })\r\n }}\r\n />\r\n )}\r\n </>\r\n )}\r\n </>\r\n </Surface>\r\n )\r\n}\r\n"],"names":["ArrowRight","Sparkles","useCallback","useRef","useState","TextareaAutosize","experimental_useObject","useObject","i18next","Markdown","TiptapSchema","getPrevText","AICompletionCommands","AISelectorCommands","Surface","Toolbar","CrazySpinner","ScrollArea","useExtractMarkdown","AIEditorPanel","editor","onOpenChange","inputValue","setInputValue","view","editorNode","dom","boundigClient","getBoundingClientRect","inputRef","object","submit","isLoading","api","schema","hasCompletion","Boolean","handleClick","prompt","body","option","command","language","storage","aiCommand","text","chars","markdown","className","style","width","div","dir","ref","value","onChange","e","target","placeholder","t","autoFocus","onKeyDown","key","Button","onClick","onDiscard","chain","focus","run","completion","messages","onSelect","options"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,eAAc;AACnD,SAASC,WAAW,EAAaC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAChE,OAAOC,sBAAsB,0BAAyB;AAEtD,SAASC,0BAA0BC,SAAS,QAAQ,gBAAe;AACnE,OAAOC,aAAa,UAAS;AAC7B,OAAOC,cAAc,iBAAgB;AAErC,SAASC,YAAY,QAAQ,+BAA8B;AAC3D,SAASC,WAAW,QAAQ,8BAA6B;AACzD,OAAOC,0BAA0B,2DAA0D;AAC3F,OAAOC,wBAAwB,0DAAyD;AACxF,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,OAAOC,kBAAkB,4BAA2B;AACpD,SAASC,UAAU,QAAQ,0BAAyB;AACpD,SAASC,kBAAkB,QAAQ,qBAAoB;AAOvD,OAAO,MAAMC,gBAAgB,CAAC,EAAEC,MAAM,EAAEC,YAAY,EAAsB;IACxE,MAAM,CAACC,YAAYC,cAAc,GAAGnB,SAAS;IAC7C,MAAM,EAAEoB,IAAI,EAAE,GAAGJ;IAEjB,MAAMK,aAAaD,KAAKE,GAAG;IAC3B,MAAMC,gBAAgBF,WAAWG,qBAAqB;IACtD,MAAMC,WAAW1B,OAA4B;IAE7C,MAAM,EAAE2B,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGzB,UAAU;QAC9C0B,KAAK;QACLC,QAAQxB;IACV;IACA,MAAMyB,gBAAgBC,QAAQN;IAE9B,MAAMO,cAAcnC,YAAY;QAC9B,IAAI4B,QAAQ;YACVC,OAAO;gBACLO,QAAQR;gBACRS,MAAM;oBACJC,QAAQ;oBACRC,SAASnB;oBACToB,UAAUtB,QAAQuB,SAASC,WAAWF;gBACxC;YACF;YACAnB,cAAc;YACd;QACF;QACA,MAAMsB,OAAOlC,YAAYS,QAAQ;YAAE0B,OAAO;QAAK;QAE/Cf,OAAO;YACLO,QAAQO;YACRN,MAAM;gBACJC,QAAQ;gBACRC,SAASnB;gBACToB,UAAUtB,QAAQuB,SAASC,WAAWF;YACxC;QACF;QACAnB,cAAc;IAChB,GAAG;QAACH,QAAQuB,SAASC,WAAWF;QAAUpB;QAAYQ;QAAQC;KAAO;IAErE,MAAM,EAAEgB,QAAQ,EAAE,GAAG7B,mBAAmBY;IACxC,qBACE,KAAChB;QACCkC,WAAW,CAAC,kBAAkB,CAAC;QAC/BC,OAAO;YACLC,OAAOvB,eAAeuB;QACxB;kBAEA,cAAA;;gBACGH,0BACC,KAACI;oBAAIH,WAAU;8BACb,cAAA,KAAC/B;wBAAW+B,WAAU;wBAAmCI,KAAK5C,QAAQ4C,GAAG;kCACvE,cAAA,KAAC3C;sCAAUsC;;;;gBAKhBf,2BACC,MAACmB;oBAAIH,WAAU;;sCACb,KAAC/C;4BAAS+C,WAAU;;wBAA4B;sCAEhD,KAACG;4BAAIH,WAAU;sCACb,cAAA,KAAChC;;;;gBAKN,CAACgB,2BACA;;sCACE,MAACmB;4BAAIH,WAAU;;8CACb,KAAC/C;oCAAS+C,WAAU;;8CACpB,KAAC3C;oCACCgD,KAAKxB;oCACLmB,WAAU;oCACVM,OAAOhC;oCACPiC,UAAU,CAACC;wCACTjC,cAAciC,EAAEC,MAAM,CAACH,KAAK;oCAC9B;oCACAI,aACEvB,gBACI3B,QAAQmD,CAAC,CAAC,wBAAwB,mCAClCnD,QAAQmD,CAAC,CAAC,uBAAuB;oCAEvCC,SAAS;oCACTC,WAAW,CAACL;wCACV,IAAIA,EAAEM,GAAG,KAAK,SAASzB;oCACzB;;8CAEF,KAACtB,QAAQgD,MAAM;oCAACC,SAAS3B;8CACvB,cAAA,KAACrC;;;;wBAGJmC,8BACC,KAACvB;4BACCQ,QAAQA;4BACR6C,WAAW;gCACT7C,QAAQ8C,SAASC,SAASC;gCAC1B/C,aAAa;4BACf;4BACAgD,YAAYvC;2CAGd,KAACjB;4BACCyD,UAAUxC;4BACVV,QAAQA;4BACRmD,UAAU,CAACjB,OAAOkB;gCAChBzC,OAAO;oCAAEO,QAAQgB;oCAAOf,MAAMiC;gCAAe;4BAC/C;;;;;;;AAQhB,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/EditorPreview.tsx"],"sourcesContent":["'use client'\nimport { EditorContent } from '@tiptap/react'\nimport i18n from 'i18next'\nimport { useEffect, useMemo, useRef } from 'react'\n\nimport i18next from 'i18next'\nimport {\n AdditionalContextType,\n FetchSiteMetadataType,\n TiptapProps,\n} from '../../BlockEditor/types.jsx'\nimport { openAssetHQType } from '../../../types.js'\nimport { useBlockEditor } from '../../../hooks/useBlockEditor.js'\nimport { EditorContext } from '../../../context/EditorContext.js'\n\nconst DEFAULT_LANG = 'en'\n\nexport const EditorPreview = ({\n handleChange,\n content,\n openAssetHQHandler,\n additionalContext,\n isEditable = true,\n dir,\n}: TiptapProps & {\n openAssetHQHandler?: openAssetHQType\n additionalContext?: AdditionalContextType\n fetchSiteMetadata?: FetchSiteMetadataType\n isEditable?: boolean\n dir?: 'ltr' | 'rtl' | 'auto'\n}) => {\n const menuContainerRef = useRef(null)\n const editorRef = useRef<HTMLDivElement>(null)\n\n const { editor, users, characterCount, leftSidebar } = useBlockEditor({\n content: content,\n handleChange: handleChange,\n openAssetHQHandler: openAssetHQHandler,\n additionalContext: additionalContext,\n isEditable,\n autoFocus: true,\n })\n\n const displayedUsers = users.slice(0, 3)\n const providerValue = useMemo(() => {\n return {}\n }, [])\n useEffect(() => {\n if (!additionalContext) {\n i18n.init({\n fallbackLng: DEFAULT_LANG,\n lng: DEFAULT_LANG,\n returnEmptyString: true,\n resources: {},\n })\n return\n }\n\n if (additionalContext.language && additionalContext.translations) {\n i18n.init({\n fallbackLng: additionalContext.language,\n lng: additionalContext.language,\n returnEmptyString: true,\n resources: {\n [additionalContext.language]: {\n translation: additionalContext.translations,\n },\n },\n })\n return\n }\n if (additionalContext.language) {\n i18n.init({\n fallbackLng: additionalContext?.language,\n lng: additionalContext?.language,\n returnEmptyString: true,\n resources: {},\n })\n }\n }, [])\n\n return (\n editor && (\n <EditorContext.Provider value={providerValue}>\n <div className='flex h-full overflow-visible' ref={menuContainerRef} dir={i18next.dir()}>\n <div className='relative flex flex-col flex-1 h-full justify-center items-center '>\n <EditorContent\n dir={i18next.dir()}\n editor={editor}\n ref={editorRef}\n className='flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0'\n style={{\n outline: 'none',\n }}\n />\n </div>\n </div>\n </EditorContext.Provider>\n )\n )\n}\n\nexport default EditorPreview\n"],"names":["EditorContent","i18n","useEffect","useMemo","useRef","i18next","useBlockEditor","EditorContext","DEFAULT_LANG","EditorPreview","handleChange","content","openAssetHQHandler","additionalContext","isEditable","dir","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","autoFocus","displayedUsers","slice","providerValue","init","fallbackLng","lng","returnEmptyString","resources","language","translations","translation","Provider","value","div","className","ref","style","outline"],"mappings":"AAAA;;AACA,SAASA,aAAa,QAAQ,gBAAe;AAC7C,OAAOC,UAAU,UAAS;AAC1B,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAO;AAElD,OAAOC,aAAa,UAAS;AAO7B,SAASC,cAAc,QAAQ,mCAAkC;AACjE,SAASC,aAAa,QAAQ,oCAAmC;AAEjE,MAAMC,eAAe;AAErB,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,YAAY,EACZC,OAAO,EACPC,kBAAkB,EAClBC,iBAAiB,EACjBC,aAAa,IAAI,EACjBC,GAAG,EAOJ;IACC,MAAMC,mBAAmBZ,OAAO;IAChC,MAAMa,YAAYb,OAAuB;IAEzC,MAAM,EAAEc,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGf,eAAe;QACpEK,SAASA;QACTD,cAAcA;QACdE,oBAAoBA;QACpBC,mBAAmBA;QACnBC;QACAQ,WAAW;IACb;IAEA,MAAMC,iBAAiBJ,MAAMK,KAAK,CAAC,GAAG;IACtC,MAAMC,gBAAgBtB,QAAQ;QAC5B,OAAO,CAAC;IACV,GAAG,EAAE;IACLD,UAAU;QACR,IAAI,CAACW,mBAAmB;YACtBZ,KAAKyB,IAAI,CAAC;gBACRC,aAAanB;gBACboB,KAAKpB;gBACLqB,mBAAmB;gBACnBC,WAAW,CAAC;YACd;YACA;QACF;QAEA,IAAIjB,kBAAkBkB,QAAQ,IAAIlB,kBAAkBmB,YAAY,EAAE;YAChE/B,KAAKyB,IAAI,CAAC;gBACRC,aAAad,kBAAkBkB,QAAQ;gBACvCH,KAAKf,kBAAkBkB,QAAQ;gBAC/BF,mBAAmB;gBACnBC,WAAW;oBACT,CAACjB,kBAAkBkB,QAAQ,CAAC,EAAE;wBAC5BE,aAAapB,kBAAkBmB,YAAY;oBAC7C;gBACF;YACF;YACA;QACF;QACA,IAAInB,kBAAkBkB,QAAQ,EAAE;YAC9B9B,KAAKyB,IAAI,CAAC;gBACRC,aAAad,mBAAmBkB;gBAChCH,KAAKf,mBAAmBkB;gBACxBF,mBAAmB;gBACnBC,WAAW,CAAC;YACd;QACF;IACF,GAAG,EAAE;IAEL,OACEZ,wBACE,KAACX,cAAc2B,QAAQ;QAACC,OAAOV;kBAC7B,cAAA,KAACW;YAAIC,WAAU;YAA+BC,KAAKtB;YAAkBD,KAAKV,QAAQU,GAAG;sBACnF,cAAA,KAACqB;gBAAIC,WAAU;0BACb,cAAA,KAACrC;oBACCe,KAAKV,QAAQU,GAAG;oBAChBG,QAAQA;oBACRoB,KAAKrB;oBACLoB,WAAU;oBACVE,OAAO;wBACLC,SAAS;oBACX;;;;;AAOd,EAAC;AAED,eAAe/B,cAAa"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/EditorPreview.tsx"],"sourcesContent":["'use client'\r\nimport { EditorContent } from '@tiptap/react'\r\nimport i18n from 'i18next'\r\nimport { useEffect, useMemo, useRef } from 'react'\r\n\r\nimport i18next from 'i18next'\r\nimport {\r\n AdditionalContextType,\r\n FetchSiteMetadataType,\r\n TiptapProps,\r\n} from '../../BlockEditor/types.jsx'\r\nimport { openAssetHQType } from '../../../types.js'\r\nimport { useBlockEditor } from '../../../hooks/useBlockEditor.js'\r\nimport { EditorContext } from '../../../context/EditorContext.js'\r\n\r\nconst DEFAULT_LANG = 'en'\r\n\r\nexport const EditorPreview = ({\r\n handleChange,\r\n content,\r\n openAssetHQHandler,\r\n additionalContext,\r\n isEditable = true,\r\n dir,\r\n}: TiptapProps & {\r\n openAssetHQHandler?: openAssetHQType\r\n additionalContext?: AdditionalContextType\r\n fetchSiteMetadata?: FetchSiteMetadataType\r\n isEditable?: boolean\r\n dir?: 'ltr' | 'rtl' | 'auto'\r\n}) => {\r\n const menuContainerRef = useRef(null)\r\n const editorRef = useRef<HTMLDivElement>(null)\r\n\r\n const { editor, users, characterCount, leftSidebar } = useBlockEditor({\r\n content: content,\r\n handleChange: handleChange,\r\n openAssetHQHandler: openAssetHQHandler,\r\n additionalContext: additionalContext,\r\n isEditable,\r\n autoFocus: true,\r\n })\r\n\r\n const displayedUsers = users.slice(0, 3)\r\n const providerValue = useMemo(() => {\r\n return {}\r\n }, [])\r\n useEffect(() => {\r\n if (!additionalContext) {\r\n i18n.init({\r\n fallbackLng: DEFAULT_LANG,\r\n lng: DEFAULT_LANG,\r\n returnEmptyString: true,\r\n resources: {},\r\n })\r\n return\r\n }\r\n\r\n if (additionalContext.language && additionalContext.translations) {\r\n i18n.init({\r\n fallbackLng: additionalContext.language,\r\n lng: additionalContext.language,\r\n returnEmptyString: true,\r\n resources: {\r\n [additionalContext.language]: {\r\n translation: additionalContext.translations,\r\n },\r\n },\r\n })\r\n return\r\n }\r\n if (additionalContext.language) {\r\n i18n.init({\r\n fallbackLng: additionalContext?.language,\r\n lng: additionalContext?.language,\r\n returnEmptyString: true,\r\n resources: {},\r\n })\r\n }\r\n }, [])\r\n\r\n return (\r\n editor && (\r\n <EditorContext.Provider value={providerValue}>\r\n <div className='flex h-full overflow-visible' ref={menuContainerRef} dir={i18next.dir()}>\r\n <div className='relative flex flex-col flex-1 h-full justify-center items-center '>\r\n <EditorContent\r\n dir={i18next.dir()}\r\n editor={editor}\r\n ref={editorRef}\r\n className='flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0'\r\n style={{\r\n outline: 'none',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n </EditorContext.Provider>\r\n )\r\n )\r\n}\r\n\r\nexport default EditorPreview\r\n"],"names":["EditorContent","i18n","useEffect","useMemo","useRef","i18next","useBlockEditor","EditorContext","DEFAULT_LANG","EditorPreview","handleChange","content","openAssetHQHandler","additionalContext","isEditable","dir","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","autoFocus","displayedUsers","slice","providerValue","init","fallbackLng","lng","returnEmptyString","resources","language","translations","translation","Provider","value","div","className","ref","style","outline"],"mappings":"AAAA;;AACA,SAASA,aAAa,QAAQ,gBAAe;AAC7C,OAAOC,UAAU,UAAS;AAC1B,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAO;AAElD,OAAOC,aAAa,UAAS;AAO7B,SAASC,cAAc,QAAQ,mCAAkC;AACjE,SAASC,aAAa,QAAQ,oCAAmC;AAEjE,MAAMC,eAAe;AAErB,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,YAAY,EACZC,OAAO,EACPC,kBAAkB,EAClBC,iBAAiB,EACjBC,aAAa,IAAI,EACjBC,GAAG,EAOJ;IACC,MAAMC,mBAAmBZ,OAAO;IAChC,MAAMa,YAAYb,OAAuB;IAEzC,MAAM,EAAEc,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGf,eAAe;QACpEK,SAASA;QACTD,cAAcA;QACdE,oBAAoBA;QACpBC,mBAAmBA;QACnBC;QACAQ,WAAW;IACb;IAEA,MAAMC,iBAAiBJ,MAAMK,KAAK,CAAC,GAAG;IACtC,MAAMC,gBAAgBtB,QAAQ;QAC5B,OAAO,CAAC;IACV,GAAG,EAAE;IACLD,UAAU;QACR,IAAI,CAACW,mBAAmB;YACtBZ,KAAKyB,IAAI,CAAC;gBACRC,aAAanB;gBACboB,KAAKpB;gBACLqB,mBAAmB;gBACnBC,WAAW,CAAC;YACd;YACA;QACF;QAEA,IAAIjB,kBAAkBkB,QAAQ,IAAIlB,kBAAkBmB,YAAY,EAAE;YAChE/B,KAAKyB,IAAI,CAAC;gBACRC,aAAad,kBAAkBkB,QAAQ;gBACvCH,KAAKf,kBAAkBkB,QAAQ;gBAC/BF,mBAAmB;gBACnBC,WAAW;oBACT,CAACjB,kBAAkBkB,QAAQ,CAAC,EAAE;wBAC5BE,aAAapB,kBAAkBmB,YAAY;oBAC7C;gBACF;YACF;YACA;QACF;QACA,IAAInB,kBAAkBkB,QAAQ,EAAE;YAC9B9B,KAAKyB,IAAI,CAAC;gBACRC,aAAad,mBAAmBkB;gBAChCH,KAAKf,mBAAmBkB;gBACxBF,mBAAmB;gBACnBC,WAAW,CAAC;YACd;QACF;IACF,GAAG,EAAE;IAEL,OACEZ,wBACE,KAACX,cAAc2B,QAAQ;QAACC,OAAOV;kBAC7B,cAAA,KAACW;YAAIC,WAAU;YAA+BC,KAAKtB;YAAkBD,KAAKV,QAAQU,GAAG;sBACnF,cAAA,KAACqB;gBAAIC,WAAU;0BACb,cAAA,KAACrC;oBACCe,KAAKV,QAAQU,GAAG;oBAChBG,QAAQA;oBACRoB,KAAKrB;oBACLoB,WAAU;oBACVE,OAAO;wBACLC,SAAS;oBACX;;;;;AAOd,EAAC;AAED,eAAe/B,cAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/index.tsx"],"sourcesContent":["export * from \"./AIEditorPanel.js\";\n"],"names":[],"mappings":"AAAA,cAAc,qBAAqB"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/index.tsx"],"sourcesContent":["export * from \"./AIEditorPanel.js\";\r\n"],"names":[],"mappings":"AAAA,cAAc,qBAAqB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/markdown.hook.tsx"],"sourcesContent":["import { JSONContent } from '@tiptap/react'\nimport { useCallback, useEffect, useRef } from 'react'\nimport { extractMarkdown } from '../../../lib/extract.js'\n\nexport const useExtractMarkdown = (value?: JSONContent | null) => {\n const markdownRef = useRef<string>('')\n\n const updateMarkdown = useCallback(() => {\n let latestJson = JSON.parse(JSON.stringify(value))\n // Remove nodes without content from the JSON structure\n if (value) {\n latestJson = cleanJson(value)\n }\n\n const extracted = extractMarkdown(latestJson)\n if (extracted && typeof extracted === 'string') {\n markdownRef.current = extracted\n }\n }, [value])\n\n useEffect(() => {\n if (value && value?.content?.length > 0) {\n updateMarkdown()\n } else {\n markdownRef.current = ''\n }\n }, [value])\n\n return {\n markdown: markdownRef.current,\n }\n}\n\nconst cleanJson = (node: any): any => {\n if (!node) return null\n\n // If node has no type, remove it\n if (!node?.type && !node?.attrs) {\n return null\n }\n\n if (\n [\n 'tiktok',\n 'twitter',\n 'instagram',\n 'facebook',\n 'linkedin',\n 'youtube',\n 'insideLinks',\n 'iframe',\n 'videoBlock',\n 'imageBlock',\n 'linkPreview',\n ].includes(node?.type)\n ) {\n return null\n }\n\n // If node has content, recursively clean its children\n if (Array.isArray(node.content)) {\n const cleanContent = node.content.map(cleanJson).filter(Boolean)\n\n // If no valid children remain, return null\n if (cleanContent.length === 0) {\n return null\n }\n\n return {\n ...node,\n content: cleanContent,\n }\n }\n\n return node\n}\n"],"names":["useCallback","useEffect","useRef","extractMarkdown","useExtractMarkdown","value","markdownRef","updateMarkdown","latestJson","JSON","parse","stringify","cleanJson","extracted","current","content","length","markdown","node","type","attrs","includes","Array","isArray","cleanContent","map","filter","Boolean"],"mappings":"AACA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AACtD,SAASC,eAAe,QAAQ,0BAAyB;AAEzD,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAMC,cAAcJ,OAAe;IAEnC,MAAMK,iBAAiBP,YAAY;QACjC,IAAIQ,aAAaC,KAAKC,KAAK,CAACD,KAAKE,SAAS,CAACN;QAC3C,uDAAuD;QACvD,IAAIA,OAAO;YACTG,aAAaI,UAAUP;QACzB;QAEA,MAAMQ,YAAYV,gBAAgBK;QAClC,IAAIK,aAAa,OAAOA,cAAc,UAAU;YAC9CP,YAAYQ,OAAO,GAAGD;QACxB;IACF,GAAG;QAACR;KAAM;IAEVJ,UAAU;QACR,IAAII,SAASA,OAAOU,SAASC,SAAS,GAAG;YACvCT;QACF,OAAO;YACLD,YAAYQ,OAAO,GAAG;QACxB;IACF,GAAG;QAACT;KAAM;IAEV,OAAO;QACLY,UAAUX,YAAYQ,OAAO;IAC/B;AACF,EAAC;AAED,MAAMF,YAAY,CAACM;IACjB,IAAI,CAACA,MAAM,OAAO;IAElB,kCAAkC;IAClC,IAAI,CAACA,MAAMC,QAAQ,CAACD,MAAME,OAAO;QAC/B,OAAO;IACT;IAEA,IACE;QACE;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD,CAACC,QAAQ,CAACH,MAAMC,OACjB;QACA,OAAO;IACT;IAEA,sDAAsD;IACtD,IAAIG,MAAMC,OAAO,CAACL,KAAKH,OAAO,GAAG;QAC/B,MAAMS,eAAeN,KAAKH,OAAO,CAACU,GAAG,CAACb,WAAWc,MAAM,CAACC;QAExD,2CAA2C;QAC3C,IAAIH,aAAaR,MAAM,KAAK,GAAG;YAC7B,OAAO;QACT;QAEA,OAAO;YACL,GAAGE,IAAI;YACPH,SAASS;QACX;IACF;IAEA,OAAON;AACT"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/markdown.hook.tsx"],"sourcesContent":["import { JSONContent } from '@tiptap/react'\r\nimport { useCallback, useEffect, useRef } from 'react'\r\nimport { extractMarkdown } from '../../../lib/extract.js'\r\n\r\nexport const useExtractMarkdown = (value?: JSONContent | null) => {\r\n const markdownRef = useRef<string>('')\r\n\r\n const updateMarkdown = useCallback(() => {\r\n let latestJson = JSON.parse(JSON.stringify(value))\r\n // Remove nodes without content from the JSON structure\r\n if (value) {\r\n latestJson = cleanJson(value)\r\n }\r\n\r\n const extracted = extractMarkdown(latestJson)\r\n if (extracted && typeof extracted === 'string') {\r\n markdownRef.current = extracted\r\n }\r\n }, [value])\r\n\r\n useEffect(() => {\r\n if (value && value?.content?.length > 0) {\r\n updateMarkdown()\r\n } else {\r\n markdownRef.current = ''\r\n }\r\n }, [value])\r\n\r\n return {\r\n markdown: markdownRef.current,\r\n }\r\n}\r\n\r\nconst cleanJson = (node: any): any => {\r\n if (!node) return null\r\n\r\n // If node has no type, remove it\r\n if (!node?.type && !node?.attrs) {\r\n return null\r\n }\r\n\r\n if (\r\n [\r\n 'tiktok',\r\n 'twitter',\r\n 'instagram',\r\n 'facebook',\r\n 'linkedin',\r\n 'youtube',\r\n 'insideLinks',\r\n 'iframe',\r\n 'videoBlock',\r\n 'imageBlock',\r\n 'linkPreview',\r\n ].includes(node?.type)\r\n ) {\r\n return null\r\n }\r\n\r\n // If node has content, recursively clean its children\r\n if (Array.isArray(node.content)) {\r\n const cleanContent = node.content.map(cleanJson).filter(Boolean)\r\n\r\n // If no valid children remain, return null\r\n if (cleanContent.length === 0) {\r\n return null\r\n }\r\n\r\n return {\r\n ...node,\r\n content: cleanContent,\r\n }\r\n }\r\n\r\n return node\r\n}\r\n"],"names":["useCallback","useEffect","useRef","extractMarkdown","useExtractMarkdown","value","markdownRef","updateMarkdown","latestJson","JSON","parse","stringify","cleanJson","extracted","current","content","length","markdown","node","type","attrs","includes","Array","isArray","cleanContent","map","filter","Boolean"],"mappings":"AACA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AACtD,SAASC,eAAe,QAAQ,0BAAyB;AAEzD,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAMC,cAAcJ,OAAe;IAEnC,MAAMK,iBAAiBP,YAAY;QACjC,IAAIQ,aAAaC,KAAKC,KAAK,CAACD,KAAKE,SAAS,CAACN;QAC3C,uDAAuD;QACvD,IAAIA,OAAO;YACTG,aAAaI,UAAUP;QACzB;QAEA,MAAMQ,YAAYV,gBAAgBK;QAClC,IAAIK,aAAa,OAAOA,cAAc,UAAU;YAC9CP,YAAYQ,OAAO,GAAGD;QACxB;IACF,GAAG;QAACR;KAAM;IAEVJ,UAAU;QACR,IAAII,SAASA,OAAOU,SAASC,SAAS,GAAG;YACvCT;QACF,OAAO;YACLD,YAAYQ,OAAO,GAAG;QACxB;IACF,GAAG;QAACT;KAAM;IAEV,OAAO;QACLY,UAAUX,YAAYQ,OAAO;IAC/B;AACF,EAAC;AAED,MAAMF,YAAY,CAACM;IACjB,IAAI,CAACA,MAAM,OAAO;IAElB,kCAAkC;IAClC,IAAI,CAACA,MAAMC,QAAQ,CAACD,MAAME,OAAO;QAC/B,OAAO;IACT;IAEA,IACE;QACE;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD,CAACC,QAAQ,CAACH,MAAMC,OACjB;QACA,OAAO;IACT;IAEA,sDAAsD;IACtD,IAAIG,MAAMC,OAAO,CAACL,KAAKH,OAAO,GAAG;QAC/B,MAAMS,eAAeN,KAAKH,OAAO,CAACU,GAAG,CAACb,WAAWc,MAAM,CAACC;QAExD,2CAA2C;QAC3C,IAAIH,aAAaR,MAAM,KAAK,GAAG;YAC7B,OAAO;QACT;QAEA,OAAO;YACL,GAAGE,IAAI;YACPH,SAASS;QACX;IACF;IAEA,OAAON;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/utils.ts"],"sourcesContent":["\nimport json5 from 'json5';\n\nexport const convertBody = (body: string) => {\n try {\n let parsedBody = body.replace('```json', '').replace('```', '');\n parsedBody = json5.parse(parsedBody);\n return parsedBody as unknown as object[];\n } catch (error) {\n try {\n const fixedJson = jsonFixer(body);\n return json5.parse(fixedJson);\n } catch (error) {\n console.error('Error occured When parsing translated error: ', error);\n console.error('Error occured When parsing translated body ', body);\n throw new Error(\n `Openapi translate with assistant An error occurred while processing your request .error: ${error} body: ${body}`,\n );\n }\n }\n}\n\nexport const jsonFixer = (json: string, provider?: string) => {\n if (provider === 'bedrock') {\n json += '}';\n }\n let fixedText = json\n .replace('```json', '')\n .replace('```', '')\n .replace(/”/g, '\"')\n .replace(/“/g, '\"')\n .replace(/’/g, \"'\")\n .replace(/‘/g, \"'\");\n\n const regex = /\"text\":\\s*\"([^]*)\"/g;\n\n // Metinde her text alanını kontrol et\n fixedText = fixedText.replace(regex, (match, p1) => {\n let text = p1.trim();\n\n if (!text.startsWith('\"')) {\n text = '\"' + text;\n }\n\n if (!text.endsWith('\"')) {\n text = text + '\"';\n }\n\n return `\"text\": ${text}`;\n });\n\n return fixedText;\n};\n\nexport const formatCompletion = (completion: string) => {\n const translatedText = completion\n .trim()\n .replace(/<translated_text>/g, '')\n .replace('</translated_text>', '');\n const body = convertBody(translatedText)\n return body\n}\n\nexport const checkJsonCompletion = (completion: string) => {\n return completion.includes(\"```json\") || completion.includes(\"\\\"type\\\":\") || completion.includes(\"\\\"content\\\":\")\n}"],"names":["json5","convertBody","body","parsedBody","replace","parse","error","fixedJson","jsonFixer","console","Error","json","provider","fixedText","regex","match","p1","text","trim","startsWith","endsWith","formatCompletion","completion","translatedText","checkJsonCompletion","includes"],"mappings":"AACA,OAAOA,WAAW,QAAQ;AAE1B,OAAO,MAAMC,cAAc,CAACC;IACxB,IAAI;QACA,IAAIC,aAAaD,KAAKE,OAAO,CAAC,WAAW,IAAIA,OAAO,CAAC,OAAO;QAC5DD,aAAaH,MAAMK,KAAK,CAACF;QACzB,OAAOA;IACX,EAAE,OAAOG,OAAO;QACZ,IAAI;YACA,MAAMC,YAAYC,UAAUN;YAC5B,OAAOF,MAAMK,KAAK,CAACE;QACvB,EAAE,OAAOD,OAAO;YACZG,QAAQH,KAAK,CAAC,iDAAiDA;YAC/DG,QAAQH,KAAK,CAAC,+CAA+CJ;YAC7D,MAAM,IAAIQ,MACN,CAAC,yFAAyF,EAAEJ,MAAM,OAAO,EAAEJ,MAAM;QAEzH;IACJ;AACJ,EAAC;AAED,OAAO,MAAMM,YAAY,CAACG,MAAcC;IACpC,IAAIA,aAAa,WAAW;QACxBD,QAAQ;IACZ;IACA,IAAIE,YAAYF,KACXP,OAAO,CAAC,WAAW,IACnBA,OAAO,CAAC,OAAO,IACfA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM;IAEnB,MAAMU,QAAQ;IAEd,sCAAsC;IACtCD,YAAYA,UAAUT,OAAO,CAACU,OAAO,CAACC,OAAOC;QACzC,IAAIC,OAAOD,GAAGE,IAAI;QAElB,IAAI,CAACD,KAAKE,UAAU,CAAC,MAAM;YACvBF,OAAO,MAAMA;QACjB;QAEA,IAAI,CAACA,KAAKG,QAAQ,CAAC,MAAM;YACrBH,OAAOA,OAAO;QAClB;QAEA,OAAO,CAAC,QAAQ,EAAEA,MAAM;IAC5B;IAEA,OAAOJ;AACX,EAAE;AAEF,OAAO,MAAMQ,mBAAmB,CAACC;IAC7B,MAAMC,iBAAiBD,WAClBJ,IAAI,GACJd,OAAO,CAAC,sBAAsB,IAC9BA,OAAO,CAAC,sBAAsB;IACnC,MAAMF,OAAOD,YAAYsB;IACzB,OAAOrB;AACX,EAAC;AAED,OAAO,MAAMsB,sBAAsB,CAACF;IAChC,OAAOA,WAAWG,QAAQ,CAAC,cAAcH,WAAWG,QAAQ,CAAC,gBAAgBH,WAAWG,QAAQ,CAAC;AACrG,EAAC"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/utils.ts"],"sourcesContent":["\r\nimport json5 from 'json5';\r\n\r\nexport const convertBody = (body: string) => {\r\n try {\r\n let parsedBody = body.replace('```json', '').replace('```', '');\r\n parsedBody = json5.parse(parsedBody);\r\n return parsedBody as unknown as object[];\r\n } catch (error) {\r\n try {\r\n const fixedJson = jsonFixer(body);\r\n return json5.parse(fixedJson);\r\n } catch (error) {\r\n console.error('Error occured When parsing translated error: ', error);\r\n console.error('Error occured When parsing translated body ', body);\r\n throw new Error(\r\n `Openapi translate with assistant An error occurred while processing your request .error: ${error} body: ${body}`,\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport const jsonFixer = (json: string, provider?: string) => {\r\n if (provider === 'bedrock') {\r\n json += '}';\r\n }\r\n let fixedText = json\r\n .replace('```json', '')\r\n .replace('```', '')\r\n .replace(/”/g, '\"')\r\n .replace(/“/g, '\"')\r\n .replace(/’/g, \"'\")\r\n .replace(/‘/g, \"'\");\r\n\r\n const regex = /\"text\":\\s*\"([^]*)\"/g;\r\n\r\n // Metinde her text alanını kontrol et\r\n fixedText = fixedText.replace(regex, (match, p1) => {\r\n let text = p1.trim();\r\n\r\n if (!text.startsWith('\"')) {\r\n text = '\"' + text;\r\n }\r\n\r\n if (!text.endsWith('\"')) {\r\n text = text + '\"';\r\n }\r\n\r\n return `\"text\": ${text}`;\r\n });\r\n\r\n return fixedText;\r\n};\r\n\r\nexport const formatCompletion = (completion: string) => {\r\n const translatedText = completion\r\n .trim()\r\n .replace(/<translated_text>/g, '')\r\n .replace('</translated_text>', '');\r\n const body = convertBody(translatedText)\r\n return body\r\n}\r\n\r\nexport const checkJsonCompletion = (completion: string) => {\r\n return completion.includes(\"```json\") || completion.includes(\"\\\"type\\\":\") || completion.includes(\"\\\"content\\\":\")\r\n}"],"names":["json5","convertBody","body","parsedBody","replace","parse","error","fixedJson","jsonFixer","console","Error","json","provider","fixedText","regex","match","p1","text","trim","startsWith","endsWith","formatCompletion","completion","translatedText","checkJsonCompletion","includes"],"mappings":"AACA,OAAOA,WAAW,QAAQ;AAE1B,OAAO,MAAMC,cAAc,CAACC;IACxB,IAAI;QACA,IAAIC,aAAaD,KAAKE,OAAO,CAAC,WAAW,IAAIA,OAAO,CAAC,OAAO;QAC5DD,aAAaH,MAAMK,KAAK,CAACF;QACzB,OAAOA;IACX,EAAE,OAAOG,OAAO;QACZ,IAAI;YACA,MAAMC,YAAYC,UAAUN;YAC5B,OAAOF,MAAMK,KAAK,CAACE;QACvB,EAAE,OAAOD,OAAO;YACZG,QAAQH,KAAK,CAAC,iDAAiDA;YAC/DG,QAAQH,KAAK,CAAC,+CAA+CJ;YAC7D,MAAM,IAAIQ,MACN,CAAC,yFAAyF,EAAEJ,MAAM,OAAO,EAAEJ,MAAM;QAEzH;IACJ;AACJ,EAAC;AAED,OAAO,MAAMM,YAAY,CAACG,MAAcC;IACpC,IAAIA,aAAa,WAAW;QACxBD,QAAQ;IACZ;IACA,IAAIE,YAAYF,KACXP,OAAO,CAAC,WAAW,IACnBA,OAAO,CAAC,OAAO,IACfA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM;IAEnB,MAAMU,QAAQ;IAEd,sCAAsC;IACtCD,YAAYA,UAAUT,OAAO,CAACU,OAAO,CAACC,OAAOC;QACzC,IAAIC,OAAOD,GAAGE,IAAI;QAElB,IAAI,CAACD,KAAKE,UAAU,CAAC,MAAM;YACvBF,OAAO,MAAMA;QACjB;QAEA,IAAI,CAACA,KAAKG,QAAQ,CAAC,MAAM;YACrBH,OAAOA,OAAO;QAClB;QAEA,OAAO,CAAC,QAAQ,EAAEA,MAAM;IAC5B;IAEA,OAAOJ;AACX,EAAE;AAEF,OAAO,MAAMQ,mBAAmB,CAACC;IAC7B,MAAMC,iBAAiBD,WAClBJ,IAAI,GACJd,OAAO,CAAC,sBAAsB,IAC9BA,OAAO,CAAC,sBAAsB;IACnC,MAAMF,OAAOD,YAAYsB;IACzB,OAAOrB;AACX,EAAC;AAED,OAAO,MAAMsB,sBAAsB,CAACF;IAChC,OAAOA,WAAWG,QAAQ,CAAC,cAAcH,WAAWG,QAAQ,CAAC,gBAAgBH,WAAWG,QAAQ,CAAC;AACrG,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/Colorpicker/ColorButton.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport type ColorButtonProps = {\n color?: string;\n active?: boolean;\n onColorChange?: (color: string) => void; // eslint-disable-line no-unused-vars\n};\n\nexport const ColorButton = memo(\n ({ color, active, onColorChange }: ColorButtonProps) => {\n const wrapperClassName = cn(\n \"flex items-center justify-center px-1.5 py-1.5 rounded group\",\n !active && \"hover:bg-neutral-100\",\n active && \"bg-neutral-100\"\n );\n const bubbleClassName = cn(\n \"w-4 h-4 rounded bg-slate-100 shadow-sm ring-offset-2 ring-current\",\n !active && `hover:ring-1`,\n active && `ring-1`\n );\n\n const handleClick = useCallback(() => {\n if (onColorChange) {\n onColorChange(color || \"\");\n }\n }, [onColorChange, color]);\n\n return (\n <button type=\"button\" onClick={handleClick} className={wrapperClassName}>\n <div\n style={{ backgroundColor: color, color: color }}\n className={bubbleClassName}\n ></div>\n </button>\n );\n }\n);\n\nColorButton.displayName = \"ColorButton\";\n"],"names":["React","memo","useCallback","cn","ColorButton","color","active","onColorChange","wrapperClassName","bubbleClassName","handleClick","button","type","onClick","className","div","style","backgroundColor","displayName"],"mappings":";AAAA,OAAOA,SAASC,IAAI,EAAEC,WAAW,QAAQ,QAAQ;AACjD,SAASC,EAAE,QAAQ,8BAA8B;AAQjD,OAAO,MAAMC,4BAAcH,KACzB,CAAC,EAAEI,KAAK,EAAEC,MAAM,EAAEC,aAAa,EAAoB;IACjD,MAAMC,mBAAmBL,GACvB,gEACA,CAACG,UAAU,wBACXA,UAAU;IAEZ,MAAMG,kBAAkBN,GACtB,qEACA,CAACG,UAAU,CAAC,YAAY,CAAC,EACzBA,UAAU,CAAC,MAAM,CAAC;IAGpB,MAAMI,cAAcR,YAAY;QAC9B,IAAIK,eAAe;YACjBA,cAAcF,SAAS;QACzB;IACF,GAAG;QAACE;QAAeF;KAAM;IAEzB,qBACE,KAACM;QAAOC,MAAK;QAASC,SAASH;QAAaI,WAAWN;kBACrD,cAAA,KAACO;YACCC,OAAO;gBAAEC,iBAAiBZ;gBAAOA,OAAOA;YAAM;YAC9CS,WAAWL;;;AAInB,GACA;AAEFL,YAAYc,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/Colorpicker/ColorButton.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\r\nimport { cn } from \"../../../lib/utils/index.js\";\r\n\r\nexport type ColorButtonProps = {\r\n color?: string;\r\n active?: boolean;\r\n onColorChange?: (color: string) => void; // eslint-disable-line no-unused-vars\r\n};\r\n\r\nexport const ColorButton = memo(\r\n ({ color, active, onColorChange }: ColorButtonProps) => {\r\n const wrapperClassName = cn(\r\n \"flex items-center justify-center px-1.5 py-1.5 rounded group\",\r\n !active && \"hover:bg-neutral-100\",\r\n active && \"bg-neutral-100\"\r\n );\r\n const bubbleClassName = cn(\r\n \"w-4 h-4 rounded bg-slate-100 shadow-sm ring-offset-2 ring-current\",\r\n !active && `hover:ring-1`,\r\n active && `ring-1`\r\n );\r\n\r\n const handleClick = useCallback(() => {\r\n if (onColorChange) {\r\n onColorChange(color || \"\");\r\n }\r\n }, [onColorChange, color]);\r\n\r\n return (\r\n <button type=\"button\" onClick={handleClick} className={wrapperClassName}>\r\n <div\r\n style={{ backgroundColor: color, color: color }}\r\n className={bubbleClassName}\r\n ></div>\r\n </button>\r\n );\r\n }\r\n);\r\n\r\nColorButton.displayName = \"ColorButton\";\r\n"],"names":["React","memo","useCallback","cn","ColorButton","color","active","onColorChange","wrapperClassName","bubbleClassName","handleClick","button","type","onClick","className","div","style","backgroundColor","displayName"],"mappings":";AAAA,OAAOA,SAASC,IAAI,EAAEC,WAAW,QAAQ,QAAQ;AACjD,SAASC,EAAE,QAAQ,8BAA8B;AAQjD,OAAO,MAAMC,4BAAcH,KACzB,CAAC,EAAEI,KAAK,EAAEC,MAAM,EAAEC,aAAa,EAAoB;IACjD,MAAMC,mBAAmBL,GACvB,gEACA,CAACG,UAAU,wBACXA,UAAU;IAEZ,MAAMG,kBAAkBN,GACtB,qEACA,CAACG,UAAU,CAAC,YAAY,CAAC,EACzBA,UAAU,CAAC,MAAM,CAAC;IAGpB,MAAMI,cAAcR,YAAY;QAC9B,IAAIK,eAAe;YACjBA,cAAcF,SAAS;QACzB;IACF,GAAG;QAACE;QAAeF;KAAM;IAEzB,qBACE,KAACM;QAAOC,MAAK;QAASC,SAASH;QAAaI,WAAWN;kBACrD,cAAA,KAACO;YACCC,OAAO;gBAAEC,iBAAiBZ;gBAAOA,OAAOA;YAAM;YAC9CS,WAAWL;;;AAInB,GACA;AAEFL,YAAYc,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/Colorpicker/Colorpicker.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { HexColorPicker } from \"react-colorful\";\nimport { ColorButton } from \"./ColorButton.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { themeColors } from \"../../../lib/constants.js\";\nimport { Undo } from \"lucide-react\";\nimport i18next from \"i18next\";\n\nexport type ColorPickerProps = {\n color?: string;\n onChange?: (color: string) => void;\n onClear?: () => void;\n};\n\nexport const ColorPicker = ({ color, onChange, onClear }: ColorPickerProps) => {\n const [colorInputValue, setColorInputValue] = useState(color || \"\");\n\n const handleColorUpdate = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n setColorInputValue(event.target.value);\n },\n []\n );\n\n const handleColorChange = useCallback(() => {\n const isCorrectColor = /^#([0-9A-F]{3}){1,2}$/i.test(colorInputValue);\n\n if (!isCorrectColor) {\n if (onChange) {\n onChange(\"\");\n }\n\n return;\n }\n\n if (onChange) {\n onChange(colorInputValue);\n }\n }, [colorInputValue, onChange]);\n\n return (\n <div className=\"flex flex-col gap-2\">\n <HexColorPicker\n className=\"w-full\"\n color={color || \"\"}\n onChange={onChange}\n />\n <input\n type=\"text\"\n className=\"w-full p-2 text-black bg-white border rounded dark:bg-black dark:text-white border-neutral-200 dark:border-neutral-800 focus:outline-1 focus:ring-0 focus:outline-neutral-300 dark:focus:outline-neutral-700\"\n placeholder=\"#000000\"\n value={colorInputValue}\n onChange={handleColorUpdate}\n onBlur={handleColorChange}\n />\n <div className=\"flex flex-wrap items-center gap-1 max-w-[15rem]\">\n {themeColors.map((currentColor) => (\n <ColorButton\n active={currentColor === color}\n color={currentColor}\n key={currentColor}\n onColorChange={onChange}\n />\n ))}\n <Toolbar.Button onClick={onClear}\n tooltip={i18next.t(\"resetColorToDefault\") || \"Reset color to default\"}>\n <Icon icon={Undo} />\n </Toolbar.Button>\n </div>\n </div>\n );\n};\n"],"names":["React","useCallback","useState","HexColorPicker","ColorButton","Toolbar","Icon","themeColors","Undo","i18next","ColorPicker","color","onChange","onClear","colorInputValue","setColorInputValue","handleColorUpdate","event","target","value","handleColorChange","isCorrectColor","test","div","className","input","type","placeholder","onBlur","map","currentColor","active","onColorChange","Button","onClick","tooltip","t","icon"],"mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,IAAI,QAAQ,eAAe;AACpC,OAAOC,aAAa,UAAU;AAQ9B,OAAO,MAAMC,cAAc,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAoB;IACxE,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGb,SAASS,SAAS;IAEhE,MAAMK,oBAAoBf,YACxB,CAACgB;QACCF,mBAAmBE,MAAMC,MAAM,CAACC,KAAK;IACvC,GACA,EAAE;IAGJ,MAAMC,oBAAoBnB,YAAY;QACpC,MAAMoB,iBAAiB,yBAAyBC,IAAI,CAACR;QAErD,IAAI,CAACO,gBAAgB;YACnB,IAAIT,UAAU;gBACZA,SAAS;YACX;YAEA;QACF;QAEA,IAAIA,UAAU;YACZA,SAASE;QACX;IACF,GAAG;QAACA;QAAiBF;KAAS;IAE9B,qBACE,MAACW;QAAIC,WAAU;;0BACb,KAACrB;gBACCqB,WAAU;gBACVb,OAAOA,SAAS;gBAChBC,UAAUA;;0BAEZ,KAACa;gBACCC,MAAK;gBACLF,WAAU;gBACVG,aAAY;gBACZR,OAAOL;gBACPF,UAAUI;gBACVY,QAAQR;;0BAEV,MAACG;gBAAIC,WAAU;;oBACZjB,YAAYsB,GAAG,CAAC,CAACC,6BAChB,KAAC1B;4BACC2B,QAAQD,iBAAiBnB;4BACzBA,OAAOmB;4BAEPE,eAAepB;2BADVkB;kCAIT,KAACzB,QAAQ4B,MAAM;wBAACC,SAASrB;wBACvBsB,SAAS1B,QAAQ2B,CAAC,CAAC,0BAA0B;kCAC7C,cAAA,KAAC9B;4BAAK+B,MAAM7B;;;;;;;AAKtB,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/Colorpicker/Colorpicker.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\r\nimport { HexColorPicker } from \"react-colorful\";\r\nimport { ColorButton } from \"./ColorButton.js\";\r\nimport { Toolbar } from \"../../ui/Toolbar.js\";\r\nimport { Icon } from \"../../ui/Icon.js\";\r\nimport { themeColors } from \"../../../lib/constants.js\";\r\nimport { Undo } from \"lucide-react\";\r\nimport i18next from \"i18next\";\r\n\r\nexport type ColorPickerProps = {\r\n color?: string;\r\n onChange?: (color: string) => void;\r\n onClear?: () => void;\r\n};\r\n\r\nexport const ColorPicker = ({ color, onChange, onClear }: ColorPickerProps) => {\r\n const [colorInputValue, setColorInputValue] = useState(color || \"\");\r\n\r\n const handleColorUpdate = useCallback(\r\n (event: React.ChangeEvent<HTMLInputElement>) => {\r\n setColorInputValue(event.target.value);\r\n },\r\n []\r\n );\r\n\r\n const handleColorChange = useCallback(() => {\r\n const isCorrectColor = /^#([0-9A-F]{3}){1,2}$/i.test(colorInputValue);\r\n\r\n if (!isCorrectColor) {\r\n if (onChange) {\r\n onChange(\"\");\r\n }\r\n\r\n return;\r\n }\r\n\r\n if (onChange) {\r\n onChange(colorInputValue);\r\n }\r\n }, [colorInputValue, onChange]);\r\n\r\n return (\r\n <div className=\"flex flex-col gap-2\">\r\n <HexColorPicker\r\n className=\"w-full\"\r\n color={color || \"\"}\r\n onChange={onChange}\r\n />\r\n <input\r\n type=\"text\"\r\n className=\"w-full p-2 text-black bg-white border rounded dark:bg-black dark:text-white border-neutral-200 dark:border-neutral-800 focus:outline-1 focus:ring-0 focus:outline-neutral-300 dark:focus:outline-neutral-700\"\r\n placeholder=\"#000000\"\r\n value={colorInputValue}\r\n onChange={handleColorUpdate}\r\n onBlur={handleColorChange}\r\n />\r\n <div className=\"flex flex-wrap items-center gap-1 max-w-[15rem]\">\r\n {themeColors.map((currentColor) => (\r\n <ColorButton\r\n active={currentColor === color}\r\n color={currentColor}\r\n key={currentColor}\r\n onColorChange={onChange}\r\n />\r\n ))}\r\n <Toolbar.Button onClick={onClear}\r\n tooltip={i18next.t(\"resetColorToDefault\") || \"Reset color to default\"}>\r\n <Icon icon={Undo} />\r\n </Toolbar.Button>\r\n </div>\r\n </div>\r\n );\r\n};\r\n"],"names":["React","useCallback","useState","HexColorPicker","ColorButton","Toolbar","Icon","themeColors","Undo","i18next","ColorPicker","color","onChange","onClear","colorInputValue","setColorInputValue","handleColorUpdate","event","target","value","handleColorChange","isCorrectColor","test","div","className","input","type","placeholder","onBlur","map","currentColor","active","onColorChange","Button","onClick","tooltip","t","icon"],"mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,IAAI,QAAQ,eAAe;AACpC,OAAOC,aAAa,UAAU;AAQ9B,OAAO,MAAMC,cAAc,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAoB;IACxE,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGb,SAASS,SAAS;IAEhE,MAAMK,oBAAoBf,YACxB,CAACgB;QACCF,mBAAmBE,MAAMC,MAAM,CAACC,KAAK;IACvC,GACA,EAAE;IAGJ,MAAMC,oBAAoBnB,YAAY;QACpC,MAAMoB,iBAAiB,yBAAyBC,IAAI,CAACR;QAErD,IAAI,CAACO,gBAAgB;YACnB,IAAIT,UAAU;gBACZA,SAAS;YACX;YAEA;QACF;QAEA,IAAIA,UAAU;YACZA,SAASE;QACX;IACF,GAAG;QAACA;QAAiBF;KAAS;IAE9B,qBACE,MAACW;QAAIC,WAAU;;0BACb,KAACrB;gBACCqB,WAAU;gBACVb,OAAOA,SAAS;gBAChBC,UAAUA;;0BAEZ,KAACa;gBACCC,MAAK;gBACLF,WAAU;gBACVG,aAAY;gBACZR,OAAOL;gBACPF,UAAUI;gBACVY,QAAQR;;0BAEV,MAACG;gBAAIC,WAAU;;oBACZjB,YAAYsB,GAAG,CAAC,CAACC,6BAChB,KAAC1B;4BACC2B,QAAQD,iBAAiBnB;4BACzBA,OAAOmB;4BAEPE,eAAepB;2BADVkB;kCAIT,KAACzB,QAAQ4B,MAAM;wBAACC,SAASrB;wBACvBsB,SAAS1B,QAAQ2B,CAAC,CAAC,0BAA0B;kCAC7C,cAAA,KAAC9B;4BAAK+B,MAAM7B;;;;;;;AAKtB,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/Colorpicker/index.tsx"],"sourcesContent":["export * from \"./Colorpicker.js\";\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/Colorpicker/index.tsx"],"sourcesContent":["export * from \"./Colorpicker.js\";\r\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/IframeLinkEditorPanel.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Link } from \"lucide-react\";\nimport { Button } from \"../../ui/Button/Button.js\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport i18next from \"i18next\";\n\nexport type IframeLinkEditorPanelProps = {\n initialSrc?: string;\n initialOpenInNewTab?: boolean;\n onSetLink: (src: string) => void;\n};\n\nexport const useLinkEditorState = ({\n initialSrc,\n onSetLink,\n}: IframeLinkEditorPanelProps) => {\n const [url, setUrl] = useState(initialSrc || \"\");\n\n const onChange = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setUrl(event.target.value);\n },\n []\n );\n\n // const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\n\n const handleSubmit = useCallback(\n (e: React.FormEvent) => {\n e.preventDefault();\n // if (isValidUrl) {\n onSetLink(url);\n // }\n },\n [url, onSetLink]\n );\n\n return {\n url,\n setUrl,\n onChange,\n handleSubmit,\n };\n};\n\nexport const IframeLinkEditorPanel = ({\n onSetLink,\n initialOpenInNewTab,\n initialSrc,\n}: IframeLinkEditorPanelProps) => {\n const state = useLinkEditorState({\n onSetLink,\n initialOpenInNewTab,\n initialSrc,\n });\n\n return (\n <Surface className=\"p-2\">\n <div className=\"flex items-center gap-2\">\n <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text\">\n <Icon icon={Link} className=\"flex-none text-black dark:text-white\" />\n <textarea\n className=\"flex-1 bg-transparent outline-none min-w-[12rem] text-black text-sm dark:text-white\"\n placeholder={i18next.t(\"enterEmbedCode\") || \"Enter Embed Code\"}\n value={state.url}\n onChange={state.onChange}\n />\n </label>\n <Button\n variant=\"primary\"\n buttonSize=\"small\"\n type=\"button\"\n onClick={(e) => {\n state.handleSubmit(e);\n }}\n // disabled={!state.isValidUrl}\n >\n Set Link\n </Button>\n </div>\n </Surface>\n );\n};\n"],"names":["React","useCallback","useState","Link","Button","Icon","Surface","i18next","useLinkEditorState","initialSrc","onSetLink","url","setUrl","onChange","event","target","value","handleSubmit","e","preventDefault","IframeLinkEditorPanel","initialOpenInNewTab","state","className","div","label","icon","textarea","placeholder","t","variant","buttonSize","type","onClick"],"mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,aAAa,UAAU;AAQ9B,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,SAAS,EACkB;IAC3B,MAAM,CAACC,KAAKC,OAAO,GAAGV,SAASO,cAAc;IAE7C,MAAMI,WAAWZ,YACf,CAACa;QACCF,OAAOE,MAAMC,MAAM,CAACC,KAAK;IAC3B,GACA,EAAE;IAGJ,2EAA2E;IAE3E,MAAMC,eAAehB,YACnB,CAACiB;QACCA,EAAEC,cAAc;QAChB,oBAAoB;QACpBT,UAAUC;IACV,IAAI;IACN,GACA;QAACA;QAAKD;KAAU;IAGlB,OAAO;QACLC;QACAC;QACAC;QACAI;IACF;AACF,EAAE;AAEF,OAAO,MAAMG,wBAAwB,CAAC,EACpCV,SAAS,EACTW,mBAAmB,EACnBZ,UAAU,EACiB;IAC3B,MAAMa,QAAQd,mBAAmB;QAC/BE;QACAW;QACAZ;IACF;IAEA,qBACE,KAACH;QAAQiB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,MAACE;oBAAMF,WAAU;;sCACf,KAAClB;4BAAKqB,MAAMvB;4BAAMoB,WAAU;;sCAC5B,KAACI;4BACCJ,WAAU;4BACVK,aAAarB,QAAQsB,CAAC,CAAC,qBAAqB;4BAC5Cb,OAAOM,MAAMX,GAAG;4BAChBE,UAAUS,MAAMT,QAAQ;;;;8BAG5B,KAACT;oBACC0B,SAAQ;oBACRC,YAAW;oBACXC,MAAK;oBACLC,SAAS,CAACf;wBACRI,MAAML,YAAY,CAACC;oBACrB;8BAED;;;;;AAMT,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/IframeLinkEditorPanel.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\r\nimport { Link } from \"lucide-react\";\r\nimport { Button } from \"../../ui/Button/Button.js\";\r\nimport { Icon } from \"../../ui/Icon.js\";\r\nimport { Surface } from \"../../ui/Surface.js\";\r\nimport i18next from \"i18next\";\r\n\r\nexport type IframeLinkEditorPanelProps = {\r\n initialSrc?: string;\r\n initialOpenInNewTab?: boolean;\r\n onSetLink: (src: string) => void;\r\n};\r\n\r\nexport const useLinkEditorState = ({\r\n initialSrc,\r\n onSetLink,\r\n}: IframeLinkEditorPanelProps) => {\r\n const [url, setUrl] = useState(initialSrc || \"\");\r\n\r\n const onChange = useCallback(\r\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n setUrl(event.target.value);\r\n },\r\n []\r\n );\r\n\r\n // const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\r\n\r\n const handleSubmit = useCallback(\r\n (e: React.FormEvent) => {\r\n e.preventDefault();\r\n // if (isValidUrl) {\r\n onSetLink(url);\r\n // }\r\n },\r\n [url, onSetLink]\r\n );\r\n\r\n return {\r\n url,\r\n setUrl,\r\n onChange,\r\n handleSubmit,\r\n };\r\n};\r\n\r\nexport const IframeLinkEditorPanel = ({\r\n onSetLink,\r\n initialOpenInNewTab,\r\n initialSrc,\r\n}: IframeLinkEditorPanelProps) => {\r\n const state = useLinkEditorState({\r\n onSetLink,\r\n initialOpenInNewTab,\r\n initialSrc,\r\n });\r\n\r\n return (\r\n <Surface className=\"p-2\">\r\n <div className=\"flex items-center gap-2\">\r\n <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text\">\r\n <Icon icon={Link} className=\"flex-none text-black dark:text-white\" />\r\n <textarea\r\n className=\"flex-1 bg-transparent outline-none min-w-[12rem] text-black text-sm dark:text-white\"\r\n placeholder={i18next.t(\"enterEmbedCode\") || \"Enter Embed Code\"}\r\n value={state.url}\r\n onChange={state.onChange}\r\n />\r\n </label>\r\n <Button\r\n variant=\"primary\"\r\n buttonSize=\"small\"\r\n type=\"button\"\r\n onClick={(e) => {\r\n state.handleSubmit(e);\r\n }}\r\n // disabled={!state.isValidUrl}\r\n >\r\n Set Link\r\n </Button>\r\n </div>\r\n </Surface>\r\n );\r\n};\r\n"],"names":["React","useCallback","useState","Link","Button","Icon","Surface","i18next","useLinkEditorState","initialSrc","onSetLink","url","setUrl","onChange","event","target","value","handleSubmit","e","preventDefault","IframeLinkEditorPanel","initialOpenInNewTab","state","className","div","label","icon","textarea","placeholder","t","variant","buttonSize","type","onClick"],"mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,aAAa,UAAU;AAQ9B,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,SAAS,EACkB;IAC3B,MAAM,CAACC,KAAKC,OAAO,GAAGV,SAASO,cAAc;IAE7C,MAAMI,WAAWZ,YACf,CAACa;QACCF,OAAOE,MAAMC,MAAM,CAACC,KAAK;IAC3B,GACA,EAAE;IAGJ,2EAA2E;IAE3E,MAAMC,eAAehB,YACnB,CAACiB;QACCA,EAAEC,cAAc;QAChB,oBAAoB;QACpBT,UAAUC;IACV,IAAI;IACN,GACA;QAACA;QAAKD;KAAU;IAGlB,OAAO;QACLC;QACAC;QACAC;QACAI;IACF;AACF,EAAE;AAEF,OAAO,MAAMG,wBAAwB,CAAC,EACpCV,SAAS,EACTW,mBAAmB,EACnBZ,UAAU,EACiB;IAC3B,MAAMa,QAAQd,mBAAmB;QAC/BE;QACAW;QACAZ;IACF;IAEA,qBACE,KAACH;QAAQiB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,MAACE;oBAAMF,WAAU;;sCACf,KAAClB;4BAAKqB,MAAMvB;4BAAMoB,WAAU;;sCAC5B,KAACI;4BACCJ,WAAU;4BACVK,aAAarB,QAAQsB,CAAC,CAAC,qBAAqB;4BAC5Cb,OAAOM,MAAMX,GAAG;4BAChBE,UAAUS,MAAMT,QAAQ;;;;8BAG5B,KAACT;oBACC0B,SAAQ;oBACRC,YAAW;oBACXC,MAAK;oBACLC,SAAS,CAACf;wBACRI,MAAML,YAAY,CAACC;oBACrB;8BAED;;;;;AAMT,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/index.tsx"],"sourcesContent":["export * from \"./IframeLinkEditorPanel.js\";\n"],"names":[],"mappings":"AAAA,cAAc,6BAA6B"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/index.tsx"],"sourcesContent":["export * from \"./IframeLinkEditorPanel.js\";\r\n"],"names":[],"mappings":"AAAA,cAAc,6BAA6B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/InsideLinksEditorPanel.tsx"],"sourcesContent":["import { ContentRelationship } from \"../../../extensions/InsideLinks/InsideLink.client.js\";\nimport { Surface } from \"../../ui/Surface.js\";\n\nexport type InsideLinksEditorPanelProps = {\n onRelationshipSelect: ({\n thumbnail,\n title,\n id,\n type,\n url,\n }: {\n id: string;\n type: string;\n thumbnail: string;\n title: string;\n url: string;\n }) => void;\n onCancel: () => void;\n};\n\nexport const InsideLinksEditorPanel = ({\n onRelationshipSelect,\n onCancel,\n}: // initialOpenInNewTab,\nInsideLinksEditorPanelProps) => {\n return (\n <Surface className=\"p-2\">\n <div className=\"flex flex-col items-center gap-2 p-1\">\n <ContentRelationship\n setRelationship={({ id, thumbnail, title, type, url }) => {\n onRelationshipSelect({ id, thumbnail, title, type, url });\n }}\n cancelSelection={() => {\n onCancel();\n }}\n />\n <span className=\"mt-1 mb-0 text-sm\">Add Internal Link to Contents</span>\n </div>\n </Surface>\n );\n};\n"],"names":["ContentRelationship","Surface","InsideLinksEditorPanel","onRelationshipSelect","onCancel","className","div","setRelationship","id","thumbnail","title","type","url","cancelSelection","span"],"mappings":";AAAA,SAASA,mBAAmB,QAAQ,uDAAuD;AAC3F,SAASC,OAAO,QAAQ,sBAAsB;AAmB9C,OAAO,MAAMC,yBAAyB,CAAC,EACrCC,oBAAoB,EACpBC,QAAQ,EAEiB;IACzB,qBACE,KAACH;QAAQI,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,KAACL;oBACCO,iBAAiB,CAAC,EAAEC,EAAE,EAAEC,SAAS,EAAEC,KAAK,EAAEC,IAAI,EAAEC,GAAG,EAAE;wBACnDT,qBAAqB;4BAAEK;4BAAIC;4BAAWC;4BAAOC;4BAAMC;wBAAI;oBACzD;oBACAC,iBAAiB;wBACfT;oBACF;;8BAEF,KAACU;oBAAKT,WAAU;8BAAoB;;;;;AAI5C,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/InsideLinksEditorPanel.tsx"],"sourcesContent":["import { ContentRelationship } from \"../../../extensions/InsideLinks/InsideLink.client.js\";\r\nimport { Surface } from \"../../ui/Surface.js\";\r\n\r\nexport type InsideLinksEditorPanelProps = {\r\n onRelationshipSelect: ({\r\n thumbnail,\r\n title,\r\n id,\r\n type,\r\n url,\r\n }: {\r\n id: string;\r\n type: string;\r\n thumbnail: string;\r\n title: string;\r\n url: string;\r\n }) => void;\r\n onCancel: () => void;\r\n};\r\n\r\nexport const InsideLinksEditorPanel = ({\r\n onRelationshipSelect,\r\n onCancel,\r\n}: // initialOpenInNewTab,\r\nInsideLinksEditorPanelProps) => {\r\n return (\r\n <Surface className=\"p-2\">\r\n <div className=\"flex flex-col items-center gap-2 p-1\">\r\n <ContentRelationship\r\n setRelationship={({ id, thumbnail, title, type, url }) => {\r\n onRelationshipSelect({ id, thumbnail, title, type, url });\r\n }}\r\n cancelSelection={() => {\r\n onCancel();\r\n }}\r\n />\r\n <span className=\"mt-1 mb-0 text-sm\">Add Internal Link to Contents</span>\r\n </div>\r\n </Surface>\r\n );\r\n};\r\n"],"names":["ContentRelationship","Surface","InsideLinksEditorPanel","onRelationshipSelect","onCancel","className","div","setRelationship","id","thumbnail","title","type","url","cancelSelection","span"],"mappings":";AAAA,SAASA,mBAAmB,QAAQ,uDAAuD;AAC3F,SAASC,OAAO,QAAQ,sBAAsB;AAmB9C,OAAO,MAAMC,yBAAyB,CAAC,EACrCC,oBAAoB,EACpBC,QAAQ,EAEiB;IACzB,qBACE,KAACH;QAAQI,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,KAACL;oBACCO,iBAAiB,CAAC,EAAEC,EAAE,EAAEC,SAAS,EAAEC,KAAK,EAAEC,IAAI,EAAEC,GAAG,EAAE;wBACnDT,qBAAqB;4BAAEK;4BAAIC;4BAAWC;4BAAOC;4BAAMC;wBAAI;oBACzD;oBACAC,iBAAiB;wBACfT;oBACF;;8BAEF,KAACU;oBAAKT,WAAU;8BAAoB;;;;;AAI5C,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/index.tsx"],"sourcesContent":["export * from \"./InsideLinksEditorPanel.js\";\n"],"names":[],"mappings":"AAAA,cAAc,8BAA8B"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/index.tsx"],"sourcesContent":["export * from \"./InsideLinksEditorPanel.js\";\r\n"],"names":[],"mappings":"AAAA,cAAc,8BAA8B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkEditorPanel/LinkEditorPanel.tsx"],"sourcesContent":["import { Link } from \"lucide-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { Button } from \"../../ui/Button/Button.js\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toggle } from \"../../ui/Toggle/Toggle.js\";\nimport i18next from \"i18next\";\n\nexport type LinkEditorPanelProps = {\n initialUrl?: string;\n initialOpenInNewTab?: boolean;\n onSetLink: (url: string, openInNewTab?: boolean) => void;\n};\n\nexport const useLinkEditorState = ({\n initialUrl,\n initialOpenInNewTab,\n onSetLink,\n}: LinkEditorPanelProps) => {\n const [url, setUrl] = useState(initialUrl || \"\");\n const [openInNewTab, setOpenInNewTab] = useState(\n initialOpenInNewTab || false\n );\n\n const onChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n setUrl(event.target.value);\n }, []);\n\n const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\n\n const handleSubmit = useCallback(\n (e: React.FormEvent) => {\n e.preventDefault();\n if (isValidUrl) {\n onSetLink(url, openInNewTab);\n }\n },\n [url, isValidUrl, openInNewTab, onSetLink]\n );\n\n return {\n url,\n setUrl,\n openInNewTab,\n setOpenInNewTab,\n onChange,\n handleSubmit,\n isValidUrl,\n };\n};\n\nexport const LinkEditorPanel = ({\n onSetLink,\n initialOpenInNewTab,\n initialUrl,\n}: LinkEditorPanelProps) => {\n const state = useLinkEditorState({\n onSetLink,\n initialOpenInNewTab,\n initialUrl,\n });\n\n return (\n <Surface className=\"p-2\">\n <div className=\"flex items-center gap-2\">\n <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text\">\n <Icon icon={Link} className=\"flex-none text-black dark:text-white\" />\n <input\n type=\"url\"\n className=\"flex-1 bg-transparent outline-none min-w-[12rem] text-black text-sm dark:text-white\"\n placeholder={i18next.t(\"enterUrl\") || \"Enter URL\"}\n value={state.url}\n onChange={state.onChange}\n />\n </label>\n <Button\n variant=\"primary\"\n buttonSize=\"small\"\n type=\"button\"\n onClick={(e) => {\n state.handleSubmit(e);\n }}\n disabled={!state.isValidUrl}\n >\n Set Link\n </Button>\n <div className=\"mt-3\">\n <label className=\"flex items-center justify-start gap-2 text-sm font-semibold cursor-pointer select-none text-neutral-500 dark:text-neutral-400\">\n Open in new tab\n <Toggle\n active={state.openInNewTab}\n onChange={state.setOpenInNewTab}\n />\n </label>\n </div>\n </div>\n </Surface>\n );\n};\n"],"names":["Link","React","useCallback","useMemo","useState","Button","Icon","Surface","Toggle","i18next","useLinkEditorState","initialUrl","initialOpenInNewTab","onSetLink","url","setUrl","openInNewTab","setOpenInNewTab","onChange","event","target","value","isValidUrl","test","handleSubmit","e","preventDefault","LinkEditorPanel","state","className","div","label","icon","input","type","placeholder","t","variant","buttonSize","onClick","disabled","active"],"mappings":";AAAA,SAASA,IAAI,QAAQ,eAAe;AACpC,OAAOC,SAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAC9D,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,MAAM,QAAQ,4BAA4B;AACnD,OAAOC,aAAa,UAAU;AAQ9B,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,mBAAmB,EACnBC,SAAS,EACY;IACrB,MAAM,CAACC,KAAKC,OAAO,GAAGX,SAASO,cAAc;IAC7C,MAAM,CAACK,cAAcC,gBAAgB,GAAGb,SACtCQ,uBAAuB;IAGzB,MAAMM,WAAWhB,YAAY,CAACiB;QAC5BJ,OAAOI,MAAMC,MAAM,CAACC,KAAK;IAC3B,GAAG,EAAE;IAEL,MAAMC,aAAanB,QAAQ,IAAM,qBAAqBoB,IAAI,CAACT,MAAM;QAACA;KAAI;IAEtE,MAAMU,eAAetB,YACnB,CAACuB;QACCA,EAAEC,cAAc;QAChB,IAAIJ,YAAY;YACdT,UAAUC,KAAKE;QACjB;IACF,GACA;QAACF;QAAKQ;QAAYN;QAAcH;KAAU;IAG5C,OAAO;QACLC;QACAC;QACAC;QACAC;QACAC;QACAM;QACAF;IACF;AACF,EAAE;AAEF,OAAO,MAAMK,kBAAkB,CAAC,EAC9Bd,SAAS,EACTD,mBAAmB,EACnBD,UAAU,EACW;IACrB,MAAMiB,QAAQlB,mBAAmB;QAC/BG;QACAD;QACAD;IACF;IAEA,qBACE,KAACJ;QAAQsB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,MAACE;oBAAMF,WAAU;;sCACf,KAACvB;4BAAK0B,MAAMhC;4BAAM6B,WAAU;;sCAC5B,KAACI;4BACCC,MAAK;4BACLL,WAAU;4BACVM,aAAa1B,QAAQ2B,CAAC,CAAC,eAAe;4BACtCf,OAAOO,MAAMd,GAAG;4BAChBI,UAAUU,MAAMV,QAAQ;;;;8BAG5B,KAACb;oBACCgC,SAAQ;oBACRC,YAAW;oBACXJ,MAAK;oBACLK,SAAS,CAACd;wBACRG,MAAMJ,YAAY,CAACC;oBACrB;oBACAe,UAAU,CAACZ,MAAMN,UAAU;8BAC5B;;8BAGD,KAACQ;oBAAID,WAAU;8BACb,cAAA,MAACE;wBAAMF,WAAU;;4BAAgI;0CAE/I,KAACrB;gCACCiC,QAAQb,MAAMZ,YAAY;gCAC1BE,UAAUU,MAAMX,eAAe;;;;;;;;AAO7C,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkEditorPanel/LinkEditorPanel.tsx"],"sourcesContent":["import { Link } from \"lucide-react\";\r\nimport React, { useCallback, useMemo, useState } from \"react\";\r\nimport { Button } from \"../../ui/Button/Button.js\";\r\nimport { Icon } from \"../../ui/Icon.js\";\r\nimport { Surface } from \"../../ui/Surface.js\";\r\nimport { Toggle } from \"../../ui/Toggle/Toggle.js\";\r\nimport i18next from \"i18next\";\r\n\r\nexport type LinkEditorPanelProps = {\r\n initialUrl?: string;\r\n initialOpenInNewTab?: boolean;\r\n onSetLink: (url: string, openInNewTab?: boolean) => void;\r\n};\r\n\r\nexport const useLinkEditorState = ({\r\n initialUrl,\r\n initialOpenInNewTab,\r\n onSetLink,\r\n}: LinkEditorPanelProps) => {\r\n const [url, setUrl] = useState(initialUrl || \"\");\r\n const [openInNewTab, setOpenInNewTab] = useState(\r\n initialOpenInNewTab || false\r\n );\r\n\r\n const onChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n setUrl(event.target.value);\r\n }, []);\r\n\r\n const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\r\n\r\n const handleSubmit = useCallback(\r\n (e: React.FormEvent) => {\r\n e.preventDefault();\r\n if (isValidUrl) {\r\n onSetLink(url, openInNewTab);\r\n }\r\n },\r\n [url, isValidUrl, openInNewTab, onSetLink]\r\n );\r\n\r\n return {\r\n url,\r\n setUrl,\r\n openInNewTab,\r\n setOpenInNewTab,\r\n onChange,\r\n handleSubmit,\r\n isValidUrl,\r\n };\r\n};\r\n\r\nexport const LinkEditorPanel = ({\r\n onSetLink,\r\n initialOpenInNewTab,\r\n initialUrl,\r\n}: LinkEditorPanelProps) => {\r\n const state = useLinkEditorState({\r\n onSetLink,\r\n initialOpenInNewTab,\r\n initialUrl,\r\n });\r\n\r\n return (\r\n <Surface className=\"p-2\">\r\n <div className=\"flex items-center gap-2\">\r\n <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text\">\r\n <Icon icon={Link} className=\"flex-none text-black dark:text-white\" />\r\n <input\r\n type=\"url\"\r\n className=\"flex-1 bg-transparent outline-none min-w-[12rem] text-black text-sm dark:text-white\"\r\n placeholder={i18next.t(\"enterUrl\") || \"Enter URL\"}\r\n value={state.url}\r\n onChange={state.onChange}\r\n />\r\n </label>\r\n <Button\r\n variant=\"primary\"\r\n buttonSize=\"small\"\r\n type=\"button\"\r\n onClick={(e) => {\r\n state.handleSubmit(e);\r\n }}\r\n disabled={!state.isValidUrl}\r\n >\r\n Set Link\r\n </Button>\r\n <div className=\"mt-3\">\r\n <label className=\"flex items-center justify-start gap-2 text-sm font-semibold cursor-pointer select-none text-neutral-500 dark:text-neutral-400\">\r\n Open in new tab\r\n <Toggle\r\n active={state.openInNewTab}\r\n onChange={state.setOpenInNewTab}\r\n />\r\n </label>\r\n </div>\r\n </div>\r\n </Surface>\r\n );\r\n};\r\n"],"names":["Link","React","useCallback","useMemo","useState","Button","Icon","Surface","Toggle","i18next","useLinkEditorState","initialUrl","initialOpenInNewTab","onSetLink","url","setUrl","openInNewTab","setOpenInNewTab","onChange","event","target","value","isValidUrl","test","handleSubmit","e","preventDefault","LinkEditorPanel","state","className","div","label","icon","input","type","placeholder","t","variant","buttonSize","onClick","disabled","active"],"mappings":";AAAA,SAASA,IAAI,QAAQ,eAAe;AACpC,OAAOC,SAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAC9D,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,MAAM,QAAQ,4BAA4B;AACnD,OAAOC,aAAa,UAAU;AAQ9B,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,mBAAmB,EACnBC,SAAS,EACY;IACrB,MAAM,CAACC,KAAKC,OAAO,GAAGX,SAASO,cAAc;IAC7C,MAAM,CAACK,cAAcC,gBAAgB,GAAGb,SACtCQ,uBAAuB;IAGzB,MAAMM,WAAWhB,YAAY,CAACiB;QAC5BJ,OAAOI,MAAMC,MAAM,CAACC,KAAK;IAC3B,GAAG,EAAE;IAEL,MAAMC,aAAanB,QAAQ,IAAM,qBAAqBoB,IAAI,CAACT,MAAM;QAACA;KAAI;IAEtE,MAAMU,eAAetB,YACnB,CAACuB;QACCA,EAAEC,cAAc;QAChB,IAAIJ,YAAY;YACdT,UAAUC,KAAKE;QACjB;IACF,GACA;QAACF;QAAKQ;QAAYN;QAAcH;KAAU;IAG5C,OAAO;QACLC;QACAC;QACAC;QACAC;QACAC;QACAM;QACAF;IACF;AACF,EAAE;AAEF,OAAO,MAAMK,kBAAkB,CAAC,EAC9Bd,SAAS,EACTD,mBAAmB,EACnBD,UAAU,EACW;IACrB,MAAMiB,QAAQlB,mBAAmB;QAC/BG;QACAD;QACAD;IACF;IAEA,qBACE,KAACJ;QAAQsB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,MAACE;oBAAMF,WAAU;;sCACf,KAACvB;4BAAK0B,MAAMhC;4BAAM6B,WAAU;;sCAC5B,KAACI;4BACCC,MAAK;4BACLL,WAAU;4BACVM,aAAa1B,QAAQ2B,CAAC,CAAC,eAAe;4BACtCf,OAAOO,MAAMd,GAAG;4BAChBI,UAAUU,MAAMV,QAAQ;;;;8BAG5B,KAACb;oBACCgC,SAAQ;oBACRC,YAAW;oBACXJ,MAAK;oBACLK,SAAS,CAACd;wBACRG,MAAMJ,YAAY,CAACC;oBACrB;oBACAe,UAAU,CAACZ,MAAMN,UAAU;8BAC5B;;8BAGD,KAACQ;oBAAID,WAAU;8BACb,cAAA,MAACE;wBAAMF,WAAU;;4BAAgI;0CAE/I,KAACrB;gCACCiC,QAAQb,MAAMZ,YAAY;gCAC1BE,UAAUU,MAAMX,eAAe;;;;;;;;AAO7C,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkEditorPanel/index.tsx"],"sourcesContent":["export * from \"./LinkEditorPanel.js\";\n"],"names":[],"mappings":"AAAA,cAAc,uBAAuB"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkEditorPanel/index.tsx"],"sourcesContent":["export * from \"./LinkEditorPanel.js\";\r\n"],"names":[],"mappings":"AAAA,cAAc,uBAAuB"}
|
package/dist/src/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.tsx"],"sourcesContent":["import { Pen, Trash2 } from \"lucide-react\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport Tooltip from \"../../ui/Tooltip/index.js\";\n\nexport type LinkPreviewPanelProps = {\n url: string;\n onEdit: () => void;\n onClear: () => void;\n};\n\nexport const LinkPreviewPanel = ({\n onClear,\n onEdit,\n url,\n}: LinkPreviewPanelProps) => {\n return (\n <Surface className=\"flex items-center gap-2 p-2\">\n <a\n href={url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"text-sm underline break-all\"\n >\n {url}\n </a>\n <Toolbar.Divider />\n <Tooltip title=\"Edit link\">\n <Toolbar.Button type=\"button\" onClick={onEdit}>\n <Icon icon={Pen} />\n </Toolbar.Button>\n </Tooltip>\n <Tooltip title=\"Remove link\">\n <Toolbar.Button type=\"button\" onClick={onClear}>\n <Icon icon={Trash2} />\n </Toolbar.Button>\n </Tooltip>\n </Surface>\n );\n};\n"],"names":["Pen","Trash2","Icon","Surface","Toolbar","Tooltip","LinkPreviewPanel","onClear","onEdit","url","className","a","href","target","rel","Divider","title","Button","type","onClick","icon"],"mappings":";AAAA,SAASA,GAAG,EAAEC,MAAM,QAAQ,eAAe;AAC3C,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,aAAa,4BAA4B;AAQhD,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,OAAO,EACPC,MAAM,EACNC,GAAG,EACmB;IACtB,qBACE,MAACN;QAAQO,WAAU;;0BACjB,KAACC;gBACCC,MAAMH;gBACNI,QAAO;gBACPC,KAAI;gBACJJ,WAAU;0BAETD;;0BAEH,KAACL,QAAQW,OAAO;0BAChB,KAACV;gBAAQW,OAAM;0BACb,cAAA,KAACZ,QAAQa,MAAM;oBAACC,MAAK;oBAASC,SAASX;8BACrC,cAAA,KAACN;wBAAKkB,MAAMpB;;;;0BAGhB,KAACK;gBAAQW,OAAM;0BACb,cAAA,KAACZ,QAAQa,MAAM;oBAACC,MAAK;oBAASC,SAASZ;8BACrC,cAAA,KAACL;wBAAKkB,MAAMnB;;;;;;AAKtB,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.tsx"],"sourcesContent":["import { Pen, Trash2 } from \"lucide-react\";\r\nimport { Icon } from \"../../ui/Icon.js\";\r\nimport { Surface } from \"../../ui/Surface.js\";\r\nimport { Toolbar } from \"../../ui/Toolbar.js\";\r\nimport Tooltip from \"../../ui/Tooltip/index.js\";\r\n\r\nexport type LinkPreviewPanelProps = {\r\n url: string;\r\n onEdit: () => void;\r\n onClear: () => void;\r\n};\r\n\r\nexport const LinkPreviewPanel = ({\r\n onClear,\r\n onEdit,\r\n url,\r\n}: LinkPreviewPanelProps) => {\r\n return (\r\n <Surface className=\"flex items-center gap-2 p-2\">\r\n <a\r\n href={url}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n className=\"text-sm underline break-all\"\r\n >\r\n {url}\r\n </a>\r\n <Toolbar.Divider />\r\n <Tooltip title=\"Edit link\">\r\n <Toolbar.Button type=\"button\" onClick={onEdit}>\r\n <Icon icon={Pen} />\r\n </Toolbar.Button>\r\n </Tooltip>\r\n <Tooltip title=\"Remove link\">\r\n <Toolbar.Button type=\"button\" onClick={onClear}>\r\n <Icon icon={Trash2} />\r\n </Toolbar.Button>\r\n </Tooltip>\r\n </Surface>\r\n );\r\n};\r\n"],"names":["Pen","Trash2","Icon","Surface","Toolbar","Tooltip","LinkPreviewPanel","onClear","onEdit","url","className","a","href","target","rel","Divider","title","Button","type","onClick","icon"],"mappings":";AAAA,SAASA,GAAG,EAAEC,MAAM,QAAQ,eAAe;AAC3C,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,aAAa,4BAA4B;AAQhD,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,OAAO,EACPC,MAAM,EACNC,GAAG,EACmB;IACtB,qBACE,MAACN;QAAQO,WAAU;;0BACjB,KAACC;gBACCC,MAAMH;gBACNI,QAAO;gBACPC,KAAI;gBACJJ,WAAU;0BAETD;;0BAEH,KAACL,QAAQW,OAAO;0BAChB,KAACV;gBAAQW,OAAM;0BACb,cAAA,KAACZ,QAAQa,MAAM;oBAACC,MAAK;oBAASC,SAASX;8BACrC,cAAA,KAACN;wBAAKkB,MAAMpB;;;;0BAGhB,KAACK;gBAAQW,OAAM;0BACb,cAAA,KAACZ,QAAQa,MAAM;oBAACC,MAAK;oBAASC,SAASZ;8BACrC,cAAA,KAACL;wBAAKkB,MAAMnB;;;;;;AAKtB,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkPreviewPanel/index.tsx"],"sourcesContent":["export * from \"./LinkPreviewPanel.js\";\n"],"names":[],"mappings":"AAAA,cAAc,wBAAwB"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkPreviewPanel/index.tsx"],"sourcesContent":["export * from \"./LinkPreviewPanel.js\";\r\n"],"names":[],"mappings":"AAAA,cAAc,wBAAwB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Button } from \"../../ui/Button/Button.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { CheckboxInput } from \"@payloadcms/ui\";\n\nexport type SocialMediaEditorPanelProps = {\n initialSrc?: string;\n initialOpenInNewTab?: boolean;\n onSetLink: (src: string, className?: boolean) => void;\n placeholderText: string;\n buttonText: string;\n descriptionText: string;\n};\n\nexport const useLinkEditorState = ({\n initialSrc,\n onSetLink,\n}: SocialMediaEditorPanelProps) => {\n const [url, setUrl] = useState(initialSrc || \"\");\n const [isInline, setIsInline] = useState(false);\n\n const onChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n setUrl(event.target.value);\n }, []);\n\n // const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\n\n const handleSubmit = useCallback(\n (e: React.FormEvent) => {\n e.preventDefault();\n // if (isValidUrl) {\n onSetLink(url, isInline);\n // }\n },\n [url, onSetLink, isInline]\n );\n\n return {\n url,\n setUrl,\n onChange,\n handleSubmit,\n isInline,\n setIsInline,\n };\n};\n\nexport const SocialMediaEditorPanel = ({\n onSetLink,\n initialOpenInNewTab,\n initialSrc,\n placeholderText,\n buttonText,\n descriptionText,\n}: SocialMediaEditorPanelProps) => {\n const state = useLinkEditorState({\n onSetLink,\n initialOpenInNewTab,\n initialSrc,\n placeholderText,\n buttonText,\n descriptionText,\n });\n\n return (\n <Surface className=\"p-2\">\n <div className=\"flex flex-col items-center gap-2 p-1\">\n <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text w-full\">\n {/* <Icon icon={Link} className=\"flex-none text-black dark:text-white\" /> */}\n <input\n className=\"flex-1 bg-transparent outline-none min-w-[276px] text-black text-sm dark:text-white\"\n placeholder={placeholderText}\n value={state.url}\n onChange={state.onChange}\n />\n </label>\n {/* <hr className=\"w-full py-3\" /> */}\n {/* <label className=\"flex w-full items-center\">\n <CheckboxInput\n className=\"border border-solid border-slate-700\"\n checked={state.isInline}\n onToggle={() => {\n state.setIsInline((p) => !p);\n }}\n />\n <span className=\"ml-2 cursor-pointer\">Place embed inline</span>\n </label> */}\n <Button\n variant=\"primary\"\n buttonSize=\"medium\"\n className=\"w-full m-2\"\n type=\"button\"\n onClick={(e) => {\n state.handleSubmit(e);\n }}\n // disabled={!state.isValidUrl}\n >\n {buttonText}\n </Button>\n <span className=\"mt-1 mb-0 text-sm\">{descriptionText}</span>\n </div>\n </Surface>\n );\n};\n"],"names":["React","useCallback","useState","Button","Surface","useLinkEditorState","initialSrc","onSetLink","url","setUrl","isInline","setIsInline","onChange","event","target","value","handleSubmit","e","preventDefault","SocialMediaEditorPanel","initialOpenInNewTab","placeholderText","buttonText","descriptionText","state","className","div","label","input","placeholder","variant","buttonSize","type","onClick","span"],"mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,OAAO,QAAQ,sBAAsB;AAY9C,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,SAAS,EACmB;IAC5B,MAAM,CAACC,KAAKC,OAAO,GAAGP,SAASI,cAAc;IAC7C,MAAM,CAACI,UAAUC,YAAY,GAAGT,SAAS;IAEzC,MAAMU,WAAWX,YAAY,CAACY;QAC5BJ,OAAOI,MAAMC,MAAM,CAACC,KAAK;IAC3B,GAAG,EAAE;IAEL,2EAA2E;IAE3E,MAAMC,eAAef,YACnB,CAACgB;QACCA,EAAEC,cAAc;QAChB,oBAAoB;QACpBX,UAAUC,KAAKE;IACf,IAAI;IACN,GACA;QAACF;QAAKD;QAAWG;KAAS;IAG5B,OAAO;QACLF;QACAC;QACAG;QACAI;QACAN;QACAC;IACF;AACF,EAAE;AAEF,OAAO,MAAMQ,yBAAyB,CAAC,EACrCZ,SAAS,EACTa,mBAAmB,EACnBd,UAAU,EACVe,eAAe,EACfC,UAAU,EACVC,eAAe,EACa;IAC5B,MAAMC,QAAQnB,mBAAmB;QAC/BE;QACAa;QACAd;QACAe;QACAC;QACAC;IACF;IAEA,qBACE,KAACnB;QAAQqB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,KAACE;oBAAMF,WAAU;8BAEf,cAAA,KAACG;wBACCH,WAAU;wBACVI,aAAaR;wBACbN,OAAOS,MAAMhB,GAAG;wBAChBI,UAAUY,MAAMZ,QAAQ;;;8BAc5B,KAACT;oBACC2B,SAAQ;oBACRC,YAAW;oBACXN,WAAU;oBACVO,MAAK;oBACLC,SAAS,CAAChB;wBACRO,MAAMR,YAAY,CAACC;oBACrB;8BAGCK;;8BAEH,KAACY;oBAAKT,WAAU;8BAAqBF;;;;;AAI7C,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\r\nimport { Button } from \"../../ui/Button/Button.js\";\r\nimport { Surface } from \"../../ui/Surface.js\";\r\nimport { CheckboxInput } from \"@payloadcms/ui\";\r\n\r\nexport type SocialMediaEditorPanelProps = {\r\n initialSrc?: string;\r\n initialOpenInNewTab?: boolean;\r\n onSetLink: (src: string, className?: boolean) => void;\r\n placeholderText: string;\r\n buttonText: string;\r\n descriptionText: string;\r\n};\r\n\r\nexport const useLinkEditorState = ({\r\n initialSrc,\r\n onSetLink,\r\n}: SocialMediaEditorPanelProps) => {\r\n const [url, setUrl] = useState(initialSrc || \"\");\r\n const [isInline, setIsInline] = useState(false);\r\n\r\n const onChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n setUrl(event.target.value);\r\n }, []);\r\n\r\n // const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\r\n\r\n const handleSubmit = useCallback(\r\n (e: React.FormEvent) => {\r\n e.preventDefault();\r\n // if (isValidUrl) {\r\n onSetLink(url, isInline);\r\n // }\r\n },\r\n [url, onSetLink, isInline]\r\n );\r\n\r\n return {\r\n url,\r\n setUrl,\r\n onChange,\r\n handleSubmit,\r\n isInline,\r\n setIsInline,\r\n };\r\n};\r\n\r\nexport const SocialMediaEditorPanel = ({\r\n onSetLink,\r\n initialOpenInNewTab,\r\n initialSrc,\r\n placeholderText,\r\n buttonText,\r\n descriptionText,\r\n}: SocialMediaEditorPanelProps) => {\r\n const state = useLinkEditorState({\r\n onSetLink,\r\n initialOpenInNewTab,\r\n initialSrc,\r\n placeholderText,\r\n buttonText,\r\n descriptionText,\r\n });\r\n\r\n return (\r\n <Surface className=\"p-2\">\r\n <div className=\"flex flex-col items-center gap-2 p-1\">\r\n <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text w-full\">\r\n {/* <Icon icon={Link} className=\"flex-none text-black dark:text-white\" /> */}\r\n <input\r\n className=\"flex-1 bg-transparent outline-none min-w-[276px] text-black text-sm dark:text-white\"\r\n placeholder={placeholderText}\r\n value={state.url}\r\n onChange={state.onChange}\r\n />\r\n </label>\r\n {/* <hr className=\"w-full py-3\" /> */}\r\n {/* <label className=\"flex w-full items-center\">\r\n <CheckboxInput\r\n className=\"border border-solid border-slate-700\"\r\n checked={state.isInline}\r\n onToggle={() => {\r\n state.setIsInline((p) => !p);\r\n }}\r\n />\r\n <span className=\"ml-2 cursor-pointer\">Place embed inline</span>\r\n </label> */}\r\n <Button\r\n variant=\"primary\"\r\n buttonSize=\"medium\"\r\n className=\"w-full m-2\"\r\n type=\"button\"\r\n onClick={(e) => {\r\n state.handleSubmit(e);\r\n }}\r\n // disabled={!state.isValidUrl}\r\n >\r\n {buttonText}\r\n </Button>\r\n <span className=\"mt-1 mb-0 text-sm\">{descriptionText}</span>\r\n </div>\r\n </Surface>\r\n );\r\n};\r\n"],"names":["React","useCallback","useState","Button","Surface","useLinkEditorState","initialSrc","onSetLink","url","setUrl","isInline","setIsInline","onChange","event","target","value","handleSubmit","e","preventDefault","SocialMediaEditorPanel","initialOpenInNewTab","placeholderText","buttonText","descriptionText","state","className","div","label","input","placeholder","variant","buttonSize","type","onClick","span"],"mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,OAAO,QAAQ,sBAAsB;AAY9C,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,SAAS,EACmB;IAC5B,MAAM,CAACC,KAAKC,OAAO,GAAGP,SAASI,cAAc;IAC7C,MAAM,CAACI,UAAUC,YAAY,GAAGT,SAAS;IAEzC,MAAMU,WAAWX,YAAY,CAACY;QAC5BJ,OAAOI,MAAMC,MAAM,CAACC,KAAK;IAC3B,GAAG,EAAE;IAEL,2EAA2E;IAE3E,MAAMC,eAAef,YACnB,CAACgB;QACCA,EAAEC,cAAc;QAChB,oBAAoB;QACpBX,UAAUC,KAAKE;IACf,IAAI;IACN,GACA;QAACF;QAAKD;QAAWG;KAAS;IAG5B,OAAO;QACLF;QACAC;QACAG;QACAI;QACAN;QACAC;IACF;AACF,EAAE;AAEF,OAAO,MAAMQ,yBAAyB,CAAC,EACrCZ,SAAS,EACTa,mBAAmB,EACnBd,UAAU,EACVe,eAAe,EACfC,UAAU,EACVC,eAAe,EACa;IAC5B,MAAMC,QAAQnB,mBAAmB;QAC/BE;QACAa;QACAd;QACAe;QACAC;QACAC;IACF;IAEA,qBACE,KAACnB;QAAQqB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,KAACE;oBAAMF,WAAU;8BAEf,cAAA,KAACG;wBACCH,WAAU;wBACVI,aAAaR;wBACbN,OAAOS,MAAMhB,GAAG;wBAChBI,UAAUY,MAAMZ,QAAQ;;;8BAc5B,KAACT;oBACC2B,SAAQ;oBACRC,YAAW;oBACXN,WAAU;oBACVO,MAAK;oBACLC,SAAS,CAAChB;wBACRO,MAAMR,YAAY,CAACC;oBACrB;8BAGCK;;8BAEH,KAACY;oBAAKT,WAAU;8BAAqBF;;;;;AAI7C,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/index.tsx"],"sourcesContent":["export * from \"./SocialMediaEditorPanel.js\";\n"],"names":[],"mappings":"AAAA,cAAc,8BAA8B"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/index.tsx"],"sourcesContent":["export * from \"./SocialMediaEditorPanel.js\";\r\n"],"names":[],"mappings":"AAAA,cAAc,8BAA8B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/index.tsx"],"sourcesContent":["export * from \"./Colorpicker/index.js\";\nexport * from \"./LinkEditorPanel/index.js\";\nexport * from \"./LinkPreviewPanel/index.js\";\n"],"names":[],"mappings":"AAAA,cAAc,yBAAyB;AACvC,cAAc,6BAA6B;AAC3C,cAAc,8BAA8B"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/index.tsx"],"sourcesContent":["export * from \"./Colorpicker/index.js\";\r\nexport * from \"./LinkEditorPanel/index.js\";\r\nexport * from \"./LinkPreviewPanel/index.js\";\r\n"],"names":[],"mappings":"AAAA,cAAc,yBAAyB;AACvC,cAAc,6BAA6B;AAC3C,cAAc,8BAA8B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Button/Button.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport type ButtonVariant =\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"ghost\";\nexport type ButtonSize = \"medium\" | \"small\" | \"icon\" | \"iconSmall\";\n\nexport type ButtonProps = {\n variant?: ButtonVariant;\n active?: boolean;\n activeClassname?: string;\n buttonSize?: ButtonSize;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n active,\n buttonSize = \"medium\",\n children,\n disabled,\n variant = \"primary\",\n className,\n activeClassname,\n ...rest\n },\n ref\n ) => {\n const buttonClassName = cn(\n \"flex group items-center justify-center border border-transparent gap-2 text-base font-semibold rounded-md disabled:opacity-50 whitespace-nowrap\",\n\n variant === \"primary\" &&\n cn(\n \"text-white bg-black border-black dark:text-black dark:bg-white dark:border-white\",\n !disabled &&\n !active &&\n \"hover:bg-neutral-800 active:bg-neutral-900 dark:hover:bg-neutral-200 dark:active:bg-neutral-300\",\n active && cn(\"bg-neutral-900 dark:bg-neutral-300\", activeClassname)\n ),\n\n variant === \"secondary\" &&\n cn(\n \"text-neutral-900 dark:text-white\",\n !disabled &&\n !active &&\n \"hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-900 dark:active:bg-neutral-800\",\n active && \"bg-neutral-200 dark:bg-neutral-800\"\n ),\n\n variant === \"tertiary\" &&\n cn(\n \"bg-neutral-50 text-neutral-900 dark:bg-neutral-900 dark:text-white dark:border-neutral-900\",\n !disabled &&\n !active &&\n \"hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-800 dark:active:bg-neutral-700\",\n active && cn(\"bg-neutral-200 dark:bg-neutral-800\", activeClassname)\n ),\n\n variant === \"ghost\" &&\n cn(\n \"bg-transparent border-transparent text-neutral-500 dark:text-neutral-400\",\n !disabled &&\n !active &&\n \"hover:bg-black/5 hover:text-neutral-700 active:bg-black/10 active:text-neutral-800 dark:hover:bg-white/10 dark:hover:text-neutral-300 dark:active:text-neutral-200\",\n active &&\n cn(\n \"bg-black/10 text-neutral-800 dark:bg-white/20 dark:text-neutral-200\",\n activeClassname\n )\n ),\n\n buttonSize === \"medium\" && \"py-2 px-3\",\n buttonSize === \"small\" && \"py-1 px-2\",\n buttonSize === \"icon\" && \"w-8 h-8\",\n buttonSize === \"iconSmall\" && \"w-6 h-6\",\n\n className\n );\n\n return (\n <button\n type=\"button\"\n ref={ref}\n disabled={disabled}\n className={buttonClassName}\n {...rest}\n >\n {children}\n </button>\n );\n }\n);\n\nButton.displayName = \"Button\";\n"],"names":["React","cn","Button","forwardRef","active","buttonSize","children","disabled","variant","className","activeClassname","rest","ref","buttonClassName","button","type","displayName"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AAiBjD,OAAO,MAAMC,uBAASF,MAAMG,UAAU,CACpC,CACE,EACEC,MAAM,EACNC,aAAa,QAAQ,EACrBC,QAAQ,EACRC,QAAQ,EACRC,UAAU,SAAS,EACnBC,SAAS,EACTC,eAAe,EACf,GAAGC,MACJ,EACDC;IAEA,MAAMC,kBAAkBZ,GACtB,mJAEAO,YAAY,aACVP,GACE,oFACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAUH,GAAG,sCAAsCS,mBAGvDF,YAAY,eACVP,GACE,oCACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAU,uCAGdI,YAAY,cACVP,GACE,8FACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAUH,GAAG,sCAAsCS,mBAGvDF,YAAY,WACVP,GACE,4EACA,CAACM,YACC,CAACH,UACD,sKACFA,UACEH,GACE,uEACAS,mBAIRL,eAAe,YAAY,aAC3BA,eAAe,WAAW,aAC1BA,eAAe,UAAU,WACzBA,eAAe,eAAe,WAE9BI;IAGF,qBACE,KAACK;QACCC,MAAK;QACLH,KAAKA;QACLL,UAAUA;QACVE,WAAWI;QACV,GAAGF,IAAI;kBAEPL;;AAGP,GACA;AAEFJ,OAAOc,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Button/Button.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cn } from \"../../../lib/utils/index.js\";\r\n\r\nexport type ButtonVariant =\r\n | \"primary\"\r\n | \"secondary\"\r\n | \"tertiary\"\r\n | \"quaternary\"\r\n | \"ghost\";\r\nexport type ButtonSize = \"medium\" | \"small\" | \"icon\" | \"iconSmall\";\r\n\r\nexport type ButtonProps = {\r\n variant?: ButtonVariant;\r\n active?: boolean;\r\n activeClassname?: string;\r\n buttonSize?: ButtonSize;\r\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\r\n\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n (\r\n {\r\n active,\r\n buttonSize = \"medium\",\r\n children,\r\n disabled,\r\n variant = \"primary\",\r\n className,\r\n activeClassname,\r\n ...rest\r\n },\r\n ref\r\n ) => {\r\n const buttonClassName = cn(\r\n \"flex group items-center justify-center border border-transparent gap-2 text-base font-semibold rounded-md disabled:opacity-50 whitespace-nowrap\",\r\n\r\n variant === \"primary\" &&\r\n cn(\r\n \"text-white bg-black border-black dark:text-black dark:bg-white dark:border-white\",\r\n !disabled &&\r\n !active &&\r\n \"hover:bg-neutral-800 active:bg-neutral-900 dark:hover:bg-neutral-200 dark:active:bg-neutral-300\",\r\n active && cn(\"bg-neutral-900 dark:bg-neutral-300\", activeClassname)\r\n ),\r\n\r\n variant === \"secondary\" &&\r\n cn(\r\n \"text-neutral-900 dark:text-white\",\r\n !disabled &&\r\n !active &&\r\n \"hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-900 dark:active:bg-neutral-800\",\r\n active && \"bg-neutral-200 dark:bg-neutral-800\"\r\n ),\r\n\r\n variant === \"tertiary\" &&\r\n cn(\r\n \"bg-neutral-50 text-neutral-900 dark:bg-neutral-900 dark:text-white dark:border-neutral-900\",\r\n !disabled &&\r\n !active &&\r\n \"hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-800 dark:active:bg-neutral-700\",\r\n active && cn(\"bg-neutral-200 dark:bg-neutral-800\", activeClassname)\r\n ),\r\n\r\n variant === \"ghost\" &&\r\n cn(\r\n \"bg-transparent border-transparent text-neutral-500 dark:text-neutral-400\",\r\n !disabled &&\r\n !active &&\r\n \"hover:bg-black/5 hover:text-neutral-700 active:bg-black/10 active:text-neutral-800 dark:hover:bg-white/10 dark:hover:text-neutral-300 dark:active:text-neutral-200\",\r\n active &&\r\n cn(\r\n \"bg-black/10 text-neutral-800 dark:bg-white/20 dark:text-neutral-200\",\r\n activeClassname\r\n )\r\n ),\r\n\r\n buttonSize === \"medium\" && \"py-2 px-3\",\r\n buttonSize === \"small\" && \"py-1 px-2\",\r\n buttonSize === \"icon\" && \"w-8 h-8\",\r\n buttonSize === \"iconSmall\" && \"w-6 h-6\",\r\n\r\n className\r\n );\r\n\r\n return (\r\n <button\r\n type=\"button\"\r\n ref={ref}\r\n disabled={disabled}\r\n className={buttonClassName}\r\n {...rest}\r\n >\r\n {children}\r\n </button>\r\n );\r\n }\r\n);\r\n\r\nButton.displayName = \"Button\";\r\n"],"names":["React","cn","Button","forwardRef","active","buttonSize","children","disabled","variant","className","activeClassname","rest","ref","buttonClassName","button","type","displayName"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AAiBjD,OAAO,MAAMC,uBAASF,MAAMG,UAAU,CACpC,CACE,EACEC,MAAM,EACNC,aAAa,QAAQ,EACrBC,QAAQ,EACRC,QAAQ,EACRC,UAAU,SAAS,EACnBC,SAAS,EACTC,eAAe,EACf,GAAGC,MACJ,EACDC;IAEA,MAAMC,kBAAkBZ,GACtB,mJAEAO,YAAY,aACVP,GACE,oFACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAUH,GAAG,sCAAsCS,mBAGvDF,YAAY,eACVP,GACE,oCACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAU,uCAGdI,YAAY,cACVP,GACE,8FACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAUH,GAAG,sCAAsCS,mBAGvDF,YAAY,WACVP,GACE,4EACA,CAACM,YACC,CAACH,UACD,sKACFA,UACEH,GACE,uEACAS,mBAIRL,eAAe,YAAY,aAC3BA,eAAe,WAAW,aAC1BA,eAAe,UAAU,WACzBA,eAAe,eAAe,WAE9BI;IAGF,qBACE,KAACK;QACCC,MAAK;QACLH,KAAKA;QACLL,UAAUA;QACVE,WAAWI;QACV,GAAGF,IAAI;kBAEPL;;AAGP,GACA;AAEFJ,OAAOc,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Button/SpanButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport type ButtonVariant =\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"ghost\";\nexport type ButtonSize = \"medium\" | \"small\" | \"icon\" | \"iconSmall\";\n\nexport type ButtonProps = {\n variant?: ButtonVariant;\n active?: boolean;\n activeClassname?: string;\n buttonSize?: ButtonSize;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const SpanButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n active,\n buttonSize = \"medium\",\n children,\n disabled,\n variant = \"primary\",\n className,\n activeClassname,\n ...rest\n },\n ref\n ) => {\n const buttonClassName = cn(\n \"flex group items-center justify-center border border-transparent gap-2 text-base font-semibold rounded-md disabled:opacity-50 whitespace-nowrap\",\n\n variant === \"primary\" &&\n cn(\n \"text-white bg-black border-black dark:text-black dark:bg-white dark:border-white\",\n !disabled &&\n !active &&\n \"hover:bg-neutral-800 active:bg-neutral-900 dark:hover:bg-neutral-200 dark:active:bg-neutral-300\",\n active && cn(\"bg-neutral-900 dark:bg-neutral-300\", activeClassname)\n ),\n\n variant === \"secondary\" &&\n cn(\n \"text-neutral-900 dark:text-white\",\n !disabled &&\n !active &&\n \"hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-900 dark:active:bg-neutral-800\",\n active && \"bg-neutral-200 dark:bg-neutral-800\"\n ),\n\n variant === \"tertiary\" &&\n cn(\n \"bg-neutral-50 text-neutral-900 dark:bg-neutral-900 dark:text-white dark:border-neutral-900\",\n !disabled &&\n !active &&\n \"hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-800 dark:active:bg-neutral-700\",\n active && cn(\"bg-neutral-200 dark:bg-neutral-800\", activeClassname)\n ),\n\n variant === \"ghost\" &&\n cn(\n \"bg-transparent border-transparent text-neutral-500 dark:text-neutral-400\",\n !disabled &&\n !active &&\n \"hover:bg-black/5 hover:text-neutral-700 active:bg-black/10 active:text-neutral-800 dark:hover:bg-white/10 dark:hover:text-neutral-300 dark:active:text-neutral-200\",\n active &&\n cn(\n \"bg-black/10 text-neutral-800 dark:bg-white/20 dark:text-neutral-200\",\n activeClassname\n )\n ),\n\n buttonSize === \"medium\" && \"py-2 px-3\",\n buttonSize === \"small\" && \"py-1 px-2\",\n buttonSize === \"icon\" && \"w-8 h-8\",\n buttonSize === \"iconSmall\" && \"w-6 h-6\",\n\n className\n );\n\n return (\n <span type=\"button\" ref={ref} className={buttonClassName} {...rest}>\n {children}\n </span>\n );\n }\n);\n\nSpanButton.displayName = \"SpanButton\";\n"],"names":["React","cn","SpanButton","forwardRef","active","buttonSize","children","disabled","variant","className","activeClassname","rest","ref","buttonClassName","span","type","displayName"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AAiBjD,OAAO,MAAMC,2BAAaF,MAAMG,UAAU,CACxC,CACE,EACEC,MAAM,EACNC,aAAa,QAAQ,EACrBC,QAAQ,EACRC,QAAQ,EACRC,UAAU,SAAS,EACnBC,SAAS,EACTC,eAAe,EACf,GAAGC,MACJ,EACDC;IAEA,MAAMC,kBAAkBZ,GACtB,mJAEAO,YAAY,aACVP,GACE,oFACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAUH,GAAG,sCAAsCS,mBAGvDF,YAAY,eACVP,GACE,oCACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAU,uCAGdI,YAAY,cACVP,GACE,8FACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAUH,GAAG,sCAAsCS,mBAGvDF,YAAY,WACVP,GACE,4EACA,CAACM,YACC,CAACH,UACD,sKACFA,UACEH,GACE,uEACAS,mBAIRL,eAAe,YAAY,aAC3BA,eAAe,WAAW,aAC1BA,eAAe,UAAU,WACzBA,eAAe,eAAe,WAE9BI;IAGF,qBACE,KAACK;QAAKC,MAAK;QAASH,KAAKA;QAAKH,WAAWI;QAAkB,GAAGF,IAAI;kBAC/DL;;AAGP,GACA;AAEFJ,WAAWc,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Button/SpanButton.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cn } from \"../../../lib/utils/index.js\";\r\n\r\nexport type ButtonVariant =\r\n | \"primary\"\r\n | \"secondary\"\r\n | \"tertiary\"\r\n | \"quaternary\"\r\n | \"ghost\";\r\nexport type ButtonSize = \"medium\" | \"small\" | \"icon\" | \"iconSmall\";\r\n\r\nexport type ButtonProps = {\r\n variant?: ButtonVariant;\r\n active?: boolean;\r\n activeClassname?: string;\r\n buttonSize?: ButtonSize;\r\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\r\n\r\nexport const SpanButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n (\r\n {\r\n active,\r\n buttonSize = \"medium\",\r\n children,\r\n disabled,\r\n variant = \"primary\",\r\n className,\r\n activeClassname,\r\n ...rest\r\n },\r\n ref\r\n ) => {\r\n const buttonClassName = cn(\r\n \"flex group items-center justify-center border border-transparent gap-2 text-base font-semibold rounded-md disabled:opacity-50 whitespace-nowrap\",\r\n\r\n variant === \"primary\" &&\r\n cn(\r\n \"text-white bg-black border-black dark:text-black dark:bg-white dark:border-white\",\r\n !disabled &&\r\n !active &&\r\n \"hover:bg-neutral-800 active:bg-neutral-900 dark:hover:bg-neutral-200 dark:active:bg-neutral-300\",\r\n active && cn(\"bg-neutral-900 dark:bg-neutral-300\", activeClassname)\r\n ),\r\n\r\n variant === \"secondary\" &&\r\n cn(\r\n \"text-neutral-900 dark:text-white\",\r\n !disabled &&\r\n !active &&\r\n \"hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-900 dark:active:bg-neutral-800\",\r\n active && \"bg-neutral-200 dark:bg-neutral-800\"\r\n ),\r\n\r\n variant === \"tertiary\" &&\r\n cn(\r\n \"bg-neutral-50 text-neutral-900 dark:bg-neutral-900 dark:text-white dark:border-neutral-900\",\r\n !disabled &&\r\n !active &&\r\n \"hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-800 dark:active:bg-neutral-700\",\r\n active && cn(\"bg-neutral-200 dark:bg-neutral-800\", activeClassname)\r\n ),\r\n\r\n variant === \"ghost\" &&\r\n cn(\r\n \"bg-transparent border-transparent text-neutral-500 dark:text-neutral-400\",\r\n !disabled &&\r\n !active &&\r\n \"hover:bg-black/5 hover:text-neutral-700 active:bg-black/10 active:text-neutral-800 dark:hover:bg-white/10 dark:hover:text-neutral-300 dark:active:text-neutral-200\",\r\n active &&\r\n cn(\r\n \"bg-black/10 text-neutral-800 dark:bg-white/20 dark:text-neutral-200\",\r\n activeClassname\r\n )\r\n ),\r\n\r\n buttonSize === \"medium\" && \"py-2 px-3\",\r\n buttonSize === \"small\" && \"py-1 px-2\",\r\n buttonSize === \"icon\" && \"w-8 h-8\",\r\n buttonSize === \"iconSmall\" && \"w-6 h-6\",\r\n\r\n className\r\n );\r\n\r\n return (\r\n <span type=\"button\" ref={ref} className={buttonClassName} {...rest}>\r\n {children}\r\n </span>\r\n );\r\n }\r\n);\r\n\r\nSpanButton.displayName = \"SpanButton\";\r\n"],"names":["React","cn","SpanButton","forwardRef","active","buttonSize","children","disabled","variant","className","activeClassname","rest","ref","buttonClassName","span","type","displayName"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AAiBjD,OAAO,MAAMC,2BAAaF,MAAMG,UAAU,CACxC,CACE,EACEC,MAAM,EACNC,aAAa,QAAQ,EACrBC,QAAQ,EACRC,QAAQ,EACRC,UAAU,SAAS,EACnBC,SAAS,EACTC,eAAe,EACf,GAAGC,MACJ,EACDC;IAEA,MAAMC,kBAAkBZ,GACtB,mJAEAO,YAAY,aACVP,GACE,oFACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAUH,GAAG,sCAAsCS,mBAGvDF,YAAY,eACVP,GACE,oCACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAU,uCAGdI,YAAY,cACVP,GACE,8FACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAUH,GAAG,sCAAsCS,mBAGvDF,YAAY,WACVP,GACE,4EACA,CAACM,YACC,CAACH,UACD,sKACFA,UACEH,GACE,uEACAS,mBAIRL,eAAe,YAAY,aAC3BA,eAAe,WAAW,aAC1BA,eAAe,UAAU,WACzBA,eAAe,eAAe,WAE9BI;IAGF,qBACE,KAACK;QAAKC,MAAK;QAASH,KAAKA;QAAKH,WAAWI;QAAkB,GAAGF,IAAI;kBAC/DL;;AAGP,GACA;AAEFJ,WAAWc,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Button/index.tsx"],"sourcesContent":["export * from \"./Button.js\";\nexport { SpanButton } from \"./SpanButton.js\";\n"],"names":["SpanButton"],"mappings":"AAAA,cAAc,cAAc;AAC5B,SAASA,UAAU,QAAQ,kBAAkB"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Button/index.tsx"],"sourcesContent":["export * from \"./Button.js\";\r\nexport { SpanButton } from \"./SpanButton.js\";\r\n"],"names":["SpanButton"],"mappings":"AAAA,cAAc,cAAc;AAC5B,SAASA,UAAU,QAAQ,kBAAkB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport const DropdownCategoryTitle = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n return (\n <div className=\"text-[.65rem] font-semibold mb-1 uppercase text-neutral-500 dark:text-neutral-400 px-1.5\">\n {children}\n </div>\n );\n};\n\nexport const DropdownButton = ({\n children,\n isActive,\n onClick,\n disabled,\n className,\n}: {\n children: React.ReactNode;\n isActive?: boolean;\n onClick?: () => void;\n disabled?: boolean;\n className?: string;\n}) => {\n const buttonClass = cn(\n \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 dark:text-neutral-400 text-left bg-transparent w-full rounded outline-none cursor-pointer\",\n !isActive && !disabled,\n \"hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200\",\n isActive &&\n !disabled &&\n \"bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200\",\n disabled && \"text-neutral-400 cursor-not-allowed dark:text-neutral-600\",\n className\n );\n\n return (\n <span\n className={buttonClass}\n // disabled={disabled}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n onClick();\n }}\n >\n {children}\n </span>\n );\n};\n"],"names":["React","cn","DropdownCategoryTitle","children","div","className","DropdownButton","isActive","onClick","disabled","buttonClass","span","e","preventDefault","stopPropagation"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AAEjD,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,QAAQ,EAGT;IACC,qBACE,KAACC;QAAIC,WAAU;kBACZF;;AAGP,EAAE;AAEF,OAAO,MAAMG,iBAAiB,CAAC,EAC7BH,QAAQ,EACRI,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRJ,SAAS,EAOV;IACC,MAAMK,cAAcT,GAClB,gKACA,CAACM,YAAY,CAACE,UACd,qGACAF,YACE,CAACE,YACD,6EACFA,YAAY,6DACZJ;IAGF,qBACE,KAACM;QACCN,WAAWK;QACX,sBAAsB;QACtBF,SAAS,CAACI;YACRA,EAAEC,cAAc;YAChBD,EAAEE,eAAe;YACjBN;QACF;kBAECL;;AAGP,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cn } from \"../../../lib/utils/index.js\";\r\n\r\nexport const DropdownCategoryTitle = ({\r\n children,\r\n}: {\r\n children: React.ReactNode;\r\n}) => {\r\n return (\r\n <div className=\"text-[.65rem] font-semibold mb-1 uppercase text-neutral-500 dark:text-neutral-400 px-1.5\">\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport const DropdownButton = ({\r\n children,\r\n isActive,\r\n onClick,\r\n disabled,\r\n className,\r\n}: {\r\n children: React.ReactNode;\r\n isActive?: boolean;\r\n onClick?: () => void;\r\n disabled?: boolean;\r\n className?: string;\r\n}) => {\r\n const buttonClass = cn(\r\n \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 dark:text-neutral-400 text-left bg-transparent w-full rounded outline-none cursor-pointer\",\r\n !isActive && !disabled,\r\n \"hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200\",\r\n isActive &&\r\n !disabled &&\r\n \"bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200\",\r\n disabled && \"text-neutral-400 cursor-not-allowed dark:text-neutral-600\",\r\n className\r\n );\r\n\r\n return (\r\n <span\r\n className={buttonClass}\r\n // disabled={disabled}\r\n onClick={(e) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n onClick();\r\n }}\r\n >\r\n {children}\r\n </span>\r\n );\r\n};\r\n"],"names":["React","cn","DropdownCategoryTitle","children","div","className","DropdownButton","isActive","onClick","disabled","buttonClass","span","e","preventDefault","stopPropagation"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AAEjD,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,QAAQ,EAGT;IACC,qBACE,KAACC;QAAIC,WAAU;kBACZF;;AAGP,EAAE;AAEF,OAAO,MAAMG,iBAAiB,CAAC,EAC7BH,QAAQ,EACRI,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRJ,SAAS,EAOV;IACC,MAAMK,cAAcT,GAClB,gKACA,CAACM,YAAY,CAACE,UACd,qGACAF,YACE,CAACE,YACD,6EACFA,YAAY,6DACZJ;IAGF,qBACE,KAACM;QACCN,WAAWK;QACX,sBAAsB;QACtBF,SAAS,CAACI;YACRA,EAAEC,cAAc;YAChBD,EAAEE,eAAe;YACjBN;QACF;kBAECL;;AAGP,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Dropdown/index.tsx"],"sourcesContent":["export * from \"./Dropdown.js\";\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Dropdown/index.tsx"],"sourcesContent":["export * from \"./Dropdown.js\";\r\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Icon.tsx"],"sourcesContent":["import { LucideIcon } from \"lucide-react\";\nimport { memo } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport type IconProps = {\n icon: LucideIcon;\n // name: keyof typeof icons\n className?: string;\n strokeWidth?: number;\n};\n\nexport const Icon = memo(({ icon, className, strokeWidth }: IconProps) => {\n const IconComponent = icon;\n\n if (!IconComponent) {\n return null;\n }\n\n return (\n <IconComponent\n className={cn(\"w-4 h-4\", className)}\n strokeWidth={strokeWidth || 2.5}\n />\n );\n});\n\nIcon.displayName = \"Icon\";\n"],"names":["memo","cn","Icon","icon","className","strokeWidth","IconComponent","displayName"],"mappings":";AACA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,EAAE,QAAQ,2BAA2B;AAS9C,OAAO,MAAMC,qBAAOF,KAAK,CAAC,EAAEG,IAAI,EAAEC,SAAS,EAAEC,WAAW,EAAa;IACnE,MAAMC,gBAAgBH;IAEtB,IAAI,CAACG,eAAe;QAClB,OAAO;IACT;IAEA,qBACE,KAACA;QACCF,WAAWH,GAAG,WAAWG;QACzBC,aAAaA,eAAe;;AAGlC,GAAG;AAEHH,KAAKK,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Icon.tsx"],"sourcesContent":["import { LucideIcon } from \"lucide-react\";\r\nimport { memo } from \"react\";\r\nimport { cn } from \"../../lib/utils/index.js\";\r\n\r\nexport type IconProps = {\r\n icon: LucideIcon;\r\n // name: keyof typeof icons\r\n className?: string;\r\n strokeWidth?: number;\r\n};\r\n\r\nexport const Icon = memo(({ icon, className, strokeWidth }: IconProps) => {\r\n const IconComponent = icon;\r\n\r\n if (!IconComponent) {\r\n return null;\r\n }\r\n\r\n return (\r\n <IconComponent\r\n className={cn(\"w-4 h-4\", className)}\r\n strokeWidth={strokeWidth || 2.5}\r\n />\r\n );\r\n});\r\n\r\nIcon.displayName = \"Icon\";\r\n"],"names":["memo","cn","Icon","icon","className","strokeWidth","IconComponent","displayName"],"mappings":";AACA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,EAAE,QAAQ,2BAA2B;AAS9C,OAAO,MAAMC,qBAAOF,KAAK,CAAC,EAAEG,IAAI,EAAEC,SAAS,EAAEC,WAAW,EAAa;IACnE,MAAMC,gBAAgBH;IAEtB,IAAI,CAACG,eAAe;QAClB,OAAO;IACT;IAEA,qBACE,KAACA;QACCF,WAAWH,GAAG,WAAWG;QACzBC,aAAaA,eAAe;;AAGlC,GAAG;AAEHH,KAAKK,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { LoaderProps, LoadingWrapperProps } from \"./types.js\";\n\nconst LoadingWrapper = ({ label }: LoadingWrapperProps) => {\n return (\n <div className=\"flex flex-col items-center justify-center gap-2 p-4 text-white bg-black rounded-lg shadow-2xl dark:text-black dark:bg-white\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className=\"w-8 h-8 animate-spin\"\n >\n <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n </svg>\n {label && (\n <p className=\"text-sm font-semibold leading-tight text-white dark:text-black\">\n {label}\n </p>\n )}\n </div>\n );\n};\n\nexport const Loader = ({ hasOverlay = true, label }: LoaderProps) => {\n return hasOverlay ? (\n createPortal(\n <div className=\"items-center justify-center bg-black/60 flex h-full w-full fixed top-0 left-0 select-none z-[9999]\">\n <LoadingWrapper label={label} />\n </div>,\n document.body\n )\n ) : (\n <LoadingWrapper label={label} />\n );\n};\n\nexport default Loader;\n"],"names":["React","createPortal","LoadingWrapper","label","div","className","svg","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","path","d","p","Loader","hasOverlay","document","body"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,YAAY,QAAQ,YAAY;AAIzC,MAAMC,iBAAiB,CAAC,EAAEC,KAAK,EAAuB;IACpD,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACC;gBACCC,OAAM;gBACNC,SAAQ;gBACRC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;gBACfR,WAAU;0BAEV,cAAA,KAACS;oBAAKC,GAAE;;;YAETZ,uBACC,KAACa;gBAAEX,WAAU;0BACVF;;;;AAKX;AAEA,OAAO,MAAMc,SAAS,CAAC,EAAEC,aAAa,IAAI,EAAEf,KAAK,EAAe;IAC9D,OAAOe,2BACLjB,2BACE,KAACG;QAAIC,WAAU;kBACb,cAAA,KAACH;YAAeC,OAAOA;;QAEzBgB,SAASC,IAAI,kBAGf,KAAClB;QAAeC,OAAOA;;AAE3B,EAAE;AAEF,eAAec,OAAO"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/Loader.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\n\r\nimport { LoaderProps, LoadingWrapperProps } from \"./types.js\";\r\n\r\nconst LoadingWrapper = ({ label }: LoadingWrapperProps) => {\r\n return (\r\n <div className=\"flex flex-col items-center justify-center gap-2 p-4 text-white bg-black rounded-lg shadow-2xl dark:text-black dark:bg-white\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"2\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n className=\"w-8 h-8 animate-spin\"\r\n >\r\n <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\r\n </svg>\r\n {label && (\r\n <p className=\"text-sm font-semibold leading-tight text-white dark:text-black\">\r\n {label}\r\n </p>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport const Loader = ({ hasOverlay = true, label }: LoaderProps) => {\r\n return hasOverlay ? (\r\n createPortal(\r\n <div className=\"items-center justify-center bg-black/60 flex h-full w-full fixed top-0 left-0 select-none z-[9999]\">\r\n <LoadingWrapper label={label} />\r\n </div>,\r\n document.body\r\n )\r\n ) : (\r\n <LoadingWrapper label={label} />\r\n );\r\n};\r\n\r\nexport default Loader;\r\n"],"names":["React","createPortal","LoadingWrapper","label","div","className","svg","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","path","d","p","Loader","hasOverlay","document","body"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,YAAY,QAAQ,YAAY;AAIzC,MAAMC,iBAAiB,CAAC,EAAEC,KAAK,EAAuB;IACpD,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACC;gBACCC,OAAM;gBACNC,SAAQ;gBACRC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;gBACfR,WAAU;0BAEV,cAAA,KAACS;oBAAKC,GAAE;;;YAETZ,uBACC,KAACa;gBAAEX,WAAU;0BACVF;;;;AAKX;AAEA,OAAO,MAAMc,SAAS,CAAC,EAAEC,aAAa,IAAI,EAAEf,KAAK,EAAe;IAC9D,OAAOe,2BACLjB,2BACE,KAACG;QAAIC,WAAU;kBACb,cAAA,KAACH;YAAeC,OAAOA;;QAEzBgB,SAASC,IAAI,kBAGf,KAAClB;QAAeC,OAAOA;;AAE3B,EAAE;AAEF,eAAec,OAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/index.ts"],"sourcesContent":["export * from \"./Loader.js\";\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/index.ts"],"sourcesContent":["export * from \"./Loader.js\";\r\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/types.ts"],"sourcesContent":["export interface LoadingWrapperProps {\n label?: string\n}\n\nexport interface LoaderProps extends LoadingWrapperProps {\n hasOverlay?: boolean\n}\n"],"names":[],"mappings":"AAIA,WAEC"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/types.ts"],"sourcesContent":["export interface LoadingWrapperProps {\r\n label?: string\r\n}\r\n\r\nexport interface LoaderProps extends LoadingWrapperProps {\r\n hasOverlay?: boolean\r\n}\r\n"],"names":[],"mappings":"AAIA,WAEC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Panel/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { forwardRef } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { Surface } from \"../Surface.js\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport type PanelProps = {\n spacing?: \"medium\" | \"small\";\n noShadow?: boolean;\n asChild?: boolean;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport const Panel = forwardRef<HTMLDivElement, PanelProps>(\n ({ asChild, className, children, spacing, noShadow, ...rest }, ref) => {\n const panelClass = cn(\n \"p-2\",\n spacing === \"small\" && \"p-[0.2rem]\",\n className\n );\n\n const Comp = asChild ? Slot : \"div\";\n\n return (\n <Comp ref={ref} {...rest}>\n <Surface className={panelClass} withShadow={!noShadow}>\n {children}\n </Surface>\n </Comp>\n );\n }\n);\n\nPanel.displayName = \"Panel\";\n\nexport const PanelDivider = forwardRef<\n HTMLDivElement,\n { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n const dividerClass = cn(\"border-b border-b-black/10 mb-2 pb-2\", className);\n\n const Comp = asChild ? Slot : \"div\";\n\n return (\n <Comp className={dividerClass} {...rest} ref={ref}>\n {children}\n </Comp>\n );\n});\n\nPanelDivider.displayName = \"PanelDivider\";\n\nexport const PanelHeader = forwardRef<\n HTMLDivElement,\n { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n const headerClass = cn(\n \"border-b border-b-black/10 text-sm mb-2 pb-2\",\n className\n );\n\n const Comp = asChild ? Slot : \"div\";\n\n return (\n <Comp className={headerClass} {...rest} ref={ref}>\n {children}\n </Comp>\n );\n});\n\nPanelHeader.displayName = \"PanelHeader\";\n\nexport const PanelSection = forwardRef<\n HTMLDivElement,\n { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n const sectionClass = cn(\"mt-4 first:mt-1\", className);\n\n const Comp = asChild ? Slot : \"div\";\n\n return (\n <Comp className={sectionClass} {...rest} ref={ref}>\n {children}\n </Comp>\n );\n});\n\nPanelSection.displayName = \"PanelSection\";\n\nexport const PanelHeadline = forwardRef<\n HTMLDivElement,\n { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n const headlineClass = cn(\n \"text-black/80 dark:text-white/80 text-xs font-medium mb-2 ml-1.5\",\n className\n );\n\n const Comp = asChild ? Slot : \"div\";\n\n return (\n <Comp className={headlineClass} {...rest} ref={ref}>\n {children}\n </Comp>\n );\n});\n\nPanelHeadline.displayName = \"PanelHeadline\";\n\nexport const PanelFooter = forwardRef<\n HTMLDivElement,\n { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n const footerClass = cn(\n \"border-t border-black/10 text-sm mt-2 pt-2\",\n className\n );\n\n const Comp = asChild ? Slot : \"div\";\n\n return (\n <Comp className={footerClass} {...rest} ref={ref}>\n {children}\n </Comp>\n );\n});\n\nPanelFooter.displayName = \"PanelFooter\";\n"],"names":["React","forwardRef","Slot","Surface","cn","Panel","asChild","className","children","spacing","noShadow","rest","ref","panelClass","Comp","withShadow","displayName","PanelDivider","dividerClass","PanelHeader","headerClass","PanelSection","sectionClass","PanelHeadline","headlineClass","PanelFooter","footerClass"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,EAAE,QAAQ,8BAA8B;AAQjD,OAAO,MAAMC,sBAAQJ,WACnB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,MAAM,EAAEC;IAC7D,MAAMC,aAAaT,GACjB,OACAK,YAAY,WAAW,cACvBF;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKF,KAAKA;QAAM,GAAGD,IAAI;kBACtB,cAAA,KAACR;YAAQI,WAAWM;YAAYE,YAAY,CAACL;sBAC1CF;;;AAIT,GACA;AAEFH,MAAMW,WAAW,GAAG;AAEpB,OAAO,MAAMC,6BAAehB,WAG1B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMM,eAAed,GAAG,wCAAwCG;IAEhE,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWW;QAAe,GAAGP,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHS,aAAaD,WAAW,GAAG;AAE3B,OAAO,MAAMG,4BAAclB,WAGzB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMQ,cAAchB,GAClB,gDACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWa;QAAc,GAAGT,IAAI;QAAEC,KAAKA;kBAC1CJ;;AAGP,GAAG;AAEHW,YAAYH,WAAW,GAAG;AAE1B,OAAO,MAAMK,6BAAepB,WAG1B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMU,eAAelB,GAAG,mBAAmBG;IAE3C,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWe;QAAe,GAAGX,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHa,aAAaL,WAAW,GAAG;AAE3B,OAAO,MAAMO,8BAAgBtB,WAG3B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMY,gBAAgBpB,GACpB,oEACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWiB;QAAgB,GAAGb,IAAI;QAAEC,KAAKA;kBAC5CJ;;AAGP,GAAG;AAEHe,cAAcP,WAAW,GAAG;AAE5B,OAAO,MAAMS,4BAAcxB,WAGzB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMc,cAActB,GAClB,8CACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWmB;QAAc,GAAGf,IAAI;QAAEC,KAAKA;kBAC1CJ;;AAGP,GAAG;AAEHiB,YAAYT,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Panel/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { forwardRef } from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { Surface } from \"../Surface.js\";\r\nimport { cn } from \"../../../lib/utils/index.js\";\r\n\r\nexport type PanelProps = {\r\n spacing?: \"medium\" | \"small\";\r\n noShadow?: boolean;\r\n asChild?: boolean;\r\n} & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const Panel = forwardRef<HTMLDivElement, PanelProps>(\r\n ({ asChild, className, children, spacing, noShadow, ...rest }, ref) => {\r\n const panelClass = cn(\r\n \"p-2\",\r\n spacing === \"small\" && \"p-[0.2rem]\",\r\n className\r\n );\r\n\r\n const Comp = asChild ? Slot : \"div\";\r\n\r\n return (\r\n <Comp ref={ref} {...rest}>\r\n <Surface className={panelClass} withShadow={!noShadow}>\r\n {children}\r\n </Surface>\r\n </Comp>\r\n );\r\n }\r\n);\r\n\r\nPanel.displayName = \"Panel\";\r\n\r\nexport const PanelDivider = forwardRef<\r\n HTMLDivElement,\r\n { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\r\n>(({ asChild, className, children, ...rest }, ref) => {\r\n const dividerClass = cn(\"border-b border-b-black/10 mb-2 pb-2\", className);\r\n\r\n const Comp = asChild ? Slot : \"div\";\r\n\r\n return (\r\n <Comp className={dividerClass} {...rest} ref={ref}>\r\n {children}\r\n </Comp>\r\n );\r\n});\r\n\r\nPanelDivider.displayName = \"PanelDivider\";\r\n\r\nexport const PanelHeader = forwardRef<\r\n HTMLDivElement,\r\n { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\r\n>(({ asChild, className, children, ...rest }, ref) => {\r\n const headerClass = cn(\r\n \"border-b border-b-black/10 text-sm mb-2 pb-2\",\r\n className\r\n );\r\n\r\n const Comp = asChild ? Slot : \"div\";\r\n\r\n return (\r\n <Comp className={headerClass} {...rest} ref={ref}>\r\n {children}\r\n </Comp>\r\n );\r\n});\r\n\r\nPanelHeader.displayName = \"PanelHeader\";\r\n\r\nexport const PanelSection = forwardRef<\r\n HTMLDivElement,\r\n { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\r\n>(({ asChild, className, children, ...rest }, ref) => {\r\n const sectionClass = cn(\"mt-4 first:mt-1\", className);\r\n\r\n const Comp = asChild ? Slot : \"div\";\r\n\r\n return (\r\n <Comp className={sectionClass} {...rest} ref={ref}>\r\n {children}\r\n </Comp>\r\n );\r\n});\r\n\r\nPanelSection.displayName = \"PanelSection\";\r\n\r\nexport const PanelHeadline = forwardRef<\r\n HTMLDivElement,\r\n { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\r\n>(({ asChild, className, children, ...rest }, ref) => {\r\n const headlineClass = cn(\r\n \"text-black/80 dark:text-white/80 text-xs font-medium mb-2 ml-1.5\",\r\n className\r\n );\r\n\r\n const Comp = asChild ? Slot : \"div\";\r\n\r\n return (\r\n <Comp className={headlineClass} {...rest} ref={ref}>\r\n {children}\r\n </Comp>\r\n );\r\n});\r\n\r\nPanelHeadline.displayName = \"PanelHeadline\";\r\n\r\nexport const PanelFooter = forwardRef<\r\n HTMLDivElement,\r\n { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\r\n>(({ asChild, className, children, ...rest }, ref) => {\r\n const footerClass = cn(\r\n \"border-t border-black/10 text-sm mt-2 pt-2\",\r\n className\r\n );\r\n\r\n const Comp = asChild ? Slot : \"div\";\r\n\r\n return (\r\n <Comp className={footerClass} {...rest} ref={ref}>\r\n {children}\r\n </Comp>\r\n );\r\n});\r\n\r\nPanelFooter.displayName = \"PanelFooter\";\r\n"],"names":["React","forwardRef","Slot","Surface","cn","Panel","asChild","className","children","spacing","noShadow","rest","ref","panelClass","Comp","withShadow","displayName","PanelDivider","dividerClass","PanelHeader","headerClass","PanelSection","sectionClass","PanelHeadline","headlineClass","PanelFooter","footerClass"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,EAAE,QAAQ,8BAA8B;AAQjD,OAAO,MAAMC,sBAAQJ,WACnB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,MAAM,EAAEC;IAC7D,MAAMC,aAAaT,GACjB,OACAK,YAAY,WAAW,cACvBF;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKF,KAAKA;QAAM,GAAGD,IAAI;kBACtB,cAAA,KAACR;YAAQI,WAAWM;YAAYE,YAAY,CAACL;sBAC1CF;;;AAIT,GACA;AAEFH,MAAMW,WAAW,GAAG;AAEpB,OAAO,MAAMC,6BAAehB,WAG1B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMM,eAAed,GAAG,wCAAwCG;IAEhE,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWW;QAAe,GAAGP,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHS,aAAaD,WAAW,GAAG;AAE3B,OAAO,MAAMG,4BAAclB,WAGzB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMQ,cAAchB,GAClB,gDACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWa;QAAc,GAAGT,IAAI;QAAEC,KAAKA;kBAC1CJ;;AAGP,GAAG;AAEHW,YAAYH,WAAW,GAAG;AAE1B,OAAO,MAAMK,6BAAepB,WAG1B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMU,eAAelB,GAAG,mBAAmBG;IAE3C,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWe;QAAe,GAAGX,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHa,aAAaL,WAAW,GAAG;AAE3B,OAAO,MAAMO,8BAAgBtB,WAG3B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMY,gBAAgBpB,GACpB,oEACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWiB;QAAgB,GAAGb,IAAI;QAAEC,KAAKA;kBAC5CJ;;AAGP,GAAG;AAEHe,cAAcP,WAAW,GAAG;AAE5B,OAAO,MAAMS,4BAAcxB,WAGzB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMc,cAActB,GAClB,8CACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWmB;QAAc,GAAGf,IAAI;QAAEC,KAAKA;kBAC1CJ;;AAGP,GAAG;AAEHiB,YAAYT,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/PopoverMenu.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { LucideIcon } from \"lucide-react\";\nimport React, { forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { Surface } from \"./Surface.js\";\nimport { Toolbar } from \"./Toolbar.js\";\n\nexport const Trigger = Popover.Trigger;\nexport const Portal = Popover.Portal;\n\nexport type MenuProps = {\n children: React.ReactNode;\n trigger: React.ReactNode;\n triggerClassName?: string;\n customTrigger?: boolean;\n isOpen?: boolean;\n onOpenChange?: (state: boolean) => void;\n withPortal?: boolean;\n tooltip?: string;\n isActive?: boolean;\n};\n\nexport const Menu = ({\n customTrigger,\n trigger,\n triggerClassName,\n children,\n isOpen,\n withPortal,\n tooltip,\n onOpenChange,\n}: MenuProps) => {\n return (\n <Popover.Root onOpenChange={onOpenChange}>\n {customTrigger ? (\n <Trigger asChild>{trigger}</Trigger>\n ) : (\n <Trigger asChild>\n <Toolbar.Button\n type=\"button\"\n className={triggerClassName}\n tooltip={!isOpen ? tooltip : \"\"}\n >\n {trigger}\n </Toolbar.Button>\n </Trigger>\n )}\n {withPortal ? (\n <Popover.Portal>\n <Popover.Content asChild sideOffset={8}>\n <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\n {children}\n </Surface>\n </Popover.Content>\n </Popover.Portal>\n ) : (\n <Popover.Content asChild sideOffset={8}>\n <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\n {children}\n </Surface>\n </Popover.Content>\n )}\n </Popover.Root>\n );\n};\n\nMenu.displayName = \"Menu\";\n\nexport const Item = ({\n label,\n close = true,\n icon,\n iconComponent,\n disabled,\n onClick,\n isActive,\n}: {\n label: string | React.ReactNode;\n icon?: LucideIcon;\n iconComponent?: React.ReactNode;\n close?: boolean;\n disabled?: boolean;\n onClick: () => void;\n isActive?: boolean;\n}) => {\n const className = cn(\n \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 text-left bg-transparent w-full rounded outline-none\",\n !isActive && !disabled,\n \"hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200\",\n isActive &&\n !disabled &&\n \"bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200\",\n disabled && \"text-neutral-400 cursor-not-allowed dark:text-neutral-600\"\n );\n\n const IconComponent = icon ? icon : null;\n const IconCustomComponent = iconComponent || null;\n\n const ItemComponent = close ? Popover.Close : \"button\";\n\n return (\n <ItemComponent className={className} onClick={onClick} disabled={disabled}>\n {IconComponent && <IconComponent className=\"w-4 h-4\" />}\n {IconCustomComponent}\n {label}\n </ItemComponent>\n );\n};\n\nexport type CategoryTitle = {\n children: React.ReactNode;\n};\n\nexport const CategoryTitle = ({ children }: CategoryTitle) => {\n return (\n <div className=\"mt-4 first:mt-1.5 mb-1.5 text-[0.625rem] font-medium text-neutral-400 dark:text-neutral-600 uppercase select-none px-1\">\n {children}\n </div>\n );\n};\n\nexport const Divider = forwardRef<HTMLHRElement>((props, ref) => {\n return (\n <hr\n {...props}\n ref={ref}\n className=\"my-1 border-neutral-200 dark:border-neutral-800\"\n />\n );\n});\n\nDivider.displayName = \"Divider\";\n"],"names":["Popover","React","forwardRef","cn","Surface","Toolbar","Trigger","Portal","Menu","customTrigger","trigger","triggerClassName","children","isOpen","withPortal","tooltip","onOpenChange","Root","asChild","Button","type","className","Content","sideOffset","displayName","Item","label","close","icon","iconComponent","disabled","onClick","isActive","IconComponent","IconCustomComponent","ItemComponent","Close","CategoryTitle","div","Divider","props","ref","hr"],"mappings":";AAAA,YAAYA,aAAa,0BAA0B;AAEnD,OAAOC,SAASC,UAAU,QAAQ,QAAQ;AAC1C,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,OAAO,QAAQ,eAAe;AAEvC,OAAO,MAAMC,UAAUN,QAAQM,OAAO,CAAC;AACvC,OAAO,MAAMC,SAASP,QAAQO,MAAM,CAAC;AAcrC,OAAO,MAAMC,OAAO,CAAC,EACnBC,aAAa,EACbC,OAAO,EACPC,gBAAgB,EAChBC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,YAAY,EACF;IACV,qBACE,MAAChB,QAAQiB,IAAI;QAACD,cAAcA;;YACzBP,8BACC,KAACH;gBAAQY,OAAO;0BAAER;+BAElB,KAACJ;gBAAQY,OAAO;0BACd,cAAA,KAACb,QAAQc,MAAM;oBACbC,MAAK;oBACLC,WAAWV;oBACXI,SAAS,CAACF,SAASE,UAAU;8BAE5BL;;;YAINI,2BACC,KAACd,QAAQO,MAAM;0BACb,cAAA,KAACP,QAAQsB,OAAO;oBAACJ,OAAO;oBAACK,YAAY;8BACnC,cAAA,KAACnB;wBAAQiB,WAAU;kCAChBT;;;+BAKP,KAACZ,QAAQsB,OAAO;gBAACJ,OAAO;gBAACK,YAAY;0BACnC,cAAA,KAACnB;oBAAQiB,WAAU;8BAChBT;;;;;AAMb,EAAE;AAEFJ,KAAKgB,WAAW,GAAG;AAEnB,OAAO,MAAMC,OAAO,CAAC,EACnBC,KAAK,EACLC,QAAQ,IAAI,EACZC,IAAI,EACJC,aAAa,EACbC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EAST;IACC,MAAMX,YAAYlB,GAChB,4HACA,CAAC6B,YAAY,CAACF,UACd,qGACAE,YACE,CAACF,YACD,6EACFA,YAAY;IAGd,MAAMG,gBAAgBL,OAAOA,OAAO;IACpC,MAAMM,sBAAsBL,iBAAiB;IAE7C,MAAMM,gBAAgBR,QAAQ3B,QAAQoC,KAAK,GAAG;IAE9C,qBACE,MAACD;QAAcd,WAAWA;QAAWU,SAASA;QAASD,UAAUA;;YAC9DG,+BAAiB,KAACA;gBAAcZ,WAAU;;YAC1Ca;YACAR;;;AAGP,EAAE;AAMF,OAAO,MAAMW,gBAAgB,CAAC,EAAEzB,QAAQ,EAAiB;IACvD,qBACE,KAAC0B;QAAIjB,WAAU;kBACZT;;AAGP,EAAE;AAEF,OAAO,MAAM2B,wBAAUrC,WAA0B,CAACsC,OAAOC;IACvD,qBACE,KAACC;QACE,GAAGF,KAAK;QACTC,KAAKA;QACLpB,WAAU;;AAGhB,GAAG;AAEHkB,QAAQf,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/PopoverMenu.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport React, { forwardRef } from \"react\";\r\nimport { cn } from \"../../lib/utils/index.js\";\r\nimport { Surface } from \"./Surface.js\";\r\nimport { Toolbar } from \"./Toolbar.js\";\r\n\r\nexport const Trigger = Popover.Trigger;\r\nexport const Portal = Popover.Portal;\r\n\r\nexport type MenuProps = {\r\n children: React.ReactNode;\r\n trigger: React.ReactNode;\r\n triggerClassName?: string;\r\n customTrigger?: boolean;\r\n isOpen?: boolean;\r\n onOpenChange?: (state: boolean) => void;\r\n withPortal?: boolean;\r\n tooltip?: string;\r\n isActive?: boolean;\r\n};\r\n\r\nexport const Menu = ({\r\n customTrigger,\r\n trigger,\r\n triggerClassName,\r\n children,\r\n isOpen,\r\n withPortal,\r\n tooltip,\r\n onOpenChange,\r\n}: MenuProps) => {\r\n return (\r\n <Popover.Root onOpenChange={onOpenChange}>\r\n {customTrigger ? (\r\n <Trigger asChild>{trigger}</Trigger>\r\n ) : (\r\n <Trigger asChild>\r\n <Toolbar.Button\r\n type=\"button\"\r\n className={triggerClassName}\r\n tooltip={!isOpen ? tooltip : \"\"}\r\n >\r\n {trigger}\r\n </Toolbar.Button>\r\n </Trigger>\r\n )}\r\n {withPortal ? (\r\n <Popover.Portal>\r\n <Popover.Content asChild sideOffset={8}>\r\n <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\r\n {children}\r\n </Surface>\r\n </Popover.Content>\r\n </Popover.Portal>\r\n ) : (\r\n <Popover.Content asChild sideOffset={8}>\r\n <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\r\n {children}\r\n </Surface>\r\n </Popover.Content>\r\n )}\r\n </Popover.Root>\r\n );\r\n};\r\n\r\nMenu.displayName = \"Menu\";\r\n\r\nexport const Item = ({\r\n label,\r\n close = true,\r\n icon,\r\n iconComponent,\r\n disabled,\r\n onClick,\r\n isActive,\r\n}: {\r\n label: string | React.ReactNode;\r\n icon?: LucideIcon;\r\n iconComponent?: React.ReactNode;\r\n close?: boolean;\r\n disabled?: boolean;\r\n onClick: () => void;\r\n isActive?: boolean;\r\n}) => {\r\n const className = cn(\r\n \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 text-left bg-transparent w-full rounded outline-none\",\r\n !isActive && !disabled,\r\n \"hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200\",\r\n isActive &&\r\n !disabled &&\r\n \"bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200\",\r\n disabled && \"text-neutral-400 cursor-not-allowed dark:text-neutral-600\"\r\n );\r\n\r\n const IconComponent = icon ? icon : null;\r\n const IconCustomComponent = iconComponent || null;\r\n\r\n const ItemComponent = close ? Popover.Close : \"button\";\r\n\r\n return (\r\n <ItemComponent className={className} onClick={onClick} disabled={disabled}>\r\n {IconComponent && <IconComponent className=\"w-4 h-4\" />}\r\n {IconCustomComponent}\r\n {label}\r\n </ItemComponent>\r\n );\r\n};\r\n\r\nexport type CategoryTitle = {\r\n children: React.ReactNode;\r\n};\r\n\r\nexport const CategoryTitle = ({ children }: CategoryTitle) => {\r\n return (\r\n <div className=\"mt-4 first:mt-1.5 mb-1.5 text-[0.625rem] font-medium text-neutral-400 dark:text-neutral-600 uppercase select-none px-1\">\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport const Divider = forwardRef<HTMLHRElement>((props, ref) => {\r\n return (\r\n <hr\r\n {...props}\r\n ref={ref}\r\n className=\"my-1 border-neutral-200 dark:border-neutral-800\"\r\n />\r\n );\r\n});\r\n\r\nDivider.displayName = \"Divider\";\r\n"],"names":["Popover","React","forwardRef","cn","Surface","Toolbar","Trigger","Portal","Menu","customTrigger","trigger","triggerClassName","children","isOpen","withPortal","tooltip","onOpenChange","Root","asChild","Button","type","className","Content","sideOffset","displayName","Item","label","close","icon","iconComponent","disabled","onClick","isActive","IconComponent","IconCustomComponent","ItemComponent","Close","CategoryTitle","div","Divider","props","ref","hr"],"mappings":";AAAA,YAAYA,aAAa,0BAA0B;AAEnD,OAAOC,SAASC,UAAU,QAAQ,QAAQ;AAC1C,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,OAAO,QAAQ,eAAe;AAEvC,OAAO,MAAMC,UAAUN,QAAQM,OAAO,CAAC;AACvC,OAAO,MAAMC,SAASP,QAAQO,MAAM,CAAC;AAcrC,OAAO,MAAMC,OAAO,CAAC,EACnBC,aAAa,EACbC,OAAO,EACPC,gBAAgB,EAChBC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,YAAY,EACF;IACV,qBACE,MAAChB,QAAQiB,IAAI;QAACD,cAAcA;;YACzBP,8BACC,KAACH;gBAAQY,OAAO;0BAAER;+BAElB,KAACJ;gBAAQY,OAAO;0BACd,cAAA,KAACb,QAAQc,MAAM;oBACbC,MAAK;oBACLC,WAAWV;oBACXI,SAAS,CAACF,SAASE,UAAU;8BAE5BL;;;YAINI,2BACC,KAACd,QAAQO,MAAM;0BACb,cAAA,KAACP,QAAQsB,OAAO;oBAACJ,OAAO;oBAACK,YAAY;8BACnC,cAAA,KAACnB;wBAAQiB,WAAU;kCAChBT;;;+BAKP,KAACZ,QAAQsB,OAAO;gBAACJ,OAAO;gBAACK,YAAY;0BACnC,cAAA,KAACnB;oBAAQiB,WAAU;8BAChBT;;;;;AAMb,EAAE;AAEFJ,KAAKgB,WAAW,GAAG;AAEnB,OAAO,MAAMC,OAAO,CAAC,EACnBC,KAAK,EACLC,QAAQ,IAAI,EACZC,IAAI,EACJC,aAAa,EACbC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EAST;IACC,MAAMX,YAAYlB,GAChB,4HACA,CAAC6B,YAAY,CAACF,UACd,qGACAE,YACE,CAACF,YACD,6EACFA,YAAY;IAGd,MAAMG,gBAAgBL,OAAOA,OAAO;IACpC,MAAMM,sBAAsBL,iBAAiB;IAE7C,MAAMM,gBAAgBR,QAAQ3B,QAAQoC,KAAK,GAAG;IAE9C,qBACE,MAACD;QAAcd,WAAWA;QAAWU,SAASA;QAASD,UAAUA;;YAC9DG,+BAAiB,KAACA;gBAAcZ,WAAU;;YAC1Ca;YACAR;;;AAGP,EAAE;AAMF,OAAO,MAAMW,gBAAgB,CAAC,EAAEzB,QAAQ,EAAiB;IACvD,qBACE,KAAC0B;QAAIjB,WAAU;kBACZT;;AAGP,EAAE;AAEF,OAAO,MAAM2B,wBAAUrC,WAA0B,CAACsC,OAAOC;IACvD,qBACE,KAACC;QACE,GAAGF,KAAK;QACTC,KAAKA;QACLpB,WAAU;;AAGhB,GAAG;AAEHkB,QAAQf,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/Spinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport const Spinner = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(\n ({ className, ...rest }, ref) => {\n const spinnerClass = cn(\n \"animate-spin rounded-full border-2 border-current border-t-transparent h-4 w-4\",\n className\n );\n\n return <div className={spinnerClass} ref={ref} {...rest} />;\n }\n);\n\nSpinner.displayName = \"Spinner\";\n"],"names":["React","forwardRef","cn","Spinner","className","rest","ref","spinnerClass","div","displayName"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAAoBC,UAAU,QAAQ,QAAQ;AAC9C,SAASC,EAAE,QAAQ,8BAA8B;AAEjD,OAAO,MAAMC,wBAAUF,WACrB,CAAC,EAAEG,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACvB,MAAMC,eAAeL,GACnB,kFACAE;IAGF,qBAAO,KAACI;QAAIJ,WAAWG;QAAcD,KAAKA;QAAM,GAAGD,IAAI;;AACzD,GACA;AAEFF,QAAQM,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/Spinner.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { HTMLProps, forwardRef } from \"react\";\r\nimport { cn } from \"../../../lib/utils/index.js\";\r\n\r\nexport const Spinner = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(\r\n ({ className, ...rest }, ref) => {\r\n const spinnerClass = cn(\r\n \"animate-spin rounded-full border-2 border-current border-t-transparent h-4 w-4\",\r\n className\r\n );\r\n\r\n return <div className={spinnerClass} ref={ref} {...rest} />;\r\n }\r\n);\r\n\r\nSpinner.displayName = \"Spinner\";\r\n"],"names":["React","forwardRef","cn","Spinner","className","rest","ref","spinnerClass","div","displayName"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAAoBC,UAAU,QAAQ,QAAQ;AAC9C,SAASC,EAAE,QAAQ,8BAA8B;AAEjD,OAAO,MAAMC,wBAAUF,WACrB,CAAC,EAAEG,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACvB,MAAMC,eAAeL,GACnB,kFACAE;IAGF,qBAAO,KAACI;QAAIJ,WAAWG;QAAcD,KAAKA;QAAM,GAAGD,IAAI;;AACzD,GACA;AAEFF,QAAQM,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/index.tsx"],"sourcesContent":["export * from \"./Spinner.js\";\n"],"names":[],"mappings":"AAAA,cAAc,eAAe"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/index.tsx"],"sourcesContent":["export * from \"./Spinner.js\";\r\n"],"names":[],"mappings":"AAAA,cAAc,eAAe"}
|