@contentful/field-editor-rich-text 3.16.8 → 3.16.10
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/dist/cjs/ContentfulEditorProvider.js +8 -8
- package/dist/cjs/RichTextEditor.js +20 -22
- package/dist/cjs/RichTextEditor.styles.js +1 -2
- package/dist/cjs/SdkProvider.js +5 -7
- package/dist/cjs/SyncEditorChanges.js +6 -15
- package/dist/cjs/Toolbar/_tests_/toolbar.test.js +15 -17
- package/dist/cjs/Toolbar/components/EmbedEntityWidget.js +9 -13
- package/dist/cjs/Toolbar/components/EmbeddedEntityDropdownButton.js +8 -10
- package/dist/cjs/Toolbar/components/StickyToolbarWrapper.js +2 -2
- package/dist/cjs/Toolbar/index.js +30 -33
- package/dist/cjs/__fixtures__/FakeSdk.js +3 -3
- package/dist/cjs/__fixtures__/asset/index.js +10 -10
- package/dist/cjs/__fixtures__/content-type/index.js +1 -1
- package/dist/cjs/__fixtures__/entry/index.js +7 -7
- package/dist/cjs/__fixtures__/fixtures.js +6 -8
- package/dist/cjs/__fixtures__/locale/index.js +2 -2
- package/dist/cjs/__fixtures__/space/index.js +1 -1
- package/dist/cjs/constants/Schema.js +0 -1
- package/dist/cjs/dialogs/HypelinkDialog/HyperlinkDialog.js +38 -43
- package/dist/cjs/dialogs/openRichTextDialog.js +4 -6
- package/dist/cjs/dialogs/renderRichTextDialog.js +4 -6
- package/dist/cjs/helpers/__tests__/removeInternalMarks.test.js +10 -10
- package/dist/cjs/helpers/callbacks.js +3 -3
- package/dist/cjs/helpers/config.js +2 -2
- package/dist/cjs/helpers/editor.js +44 -53
- package/dist/cjs/helpers/environment.js +3 -3
- package/dist/cjs/helpers/formatDateAndTime.js +4 -5
- package/dist/cjs/helpers/getAllowedResourcesForNodeType.js +5 -22
- package/dist/cjs/helpers/getLinkedContentTypeIdsForNodeType.js +5 -29
- package/dist/cjs/helpers/nodeFactory.js +6 -6
- package/dist/cjs/helpers/sdkNavigatorSlideIn.js +6 -14
- package/dist/cjs/helpers/sdkNavigatorSlideIn.spec.js +2 -3
- package/dist/cjs/helpers/toSlateValue.js +3 -14
- package/dist/cjs/helpers/transformers.js +5 -5
- package/dist/cjs/helpers/validations.js +9 -12
- package/dist/cjs/index.js +5 -7
- package/dist/cjs/internal/constants.js +2 -4
- package/dist/cjs/internal/hooks.js +7 -9
- package/dist/cjs/internal/misc.js +12 -15
- package/dist/cjs/internal/queries.js +108 -115
- package/dist/cjs/internal/transforms.js +48 -51
- package/dist/cjs/internal/types/editor.js +1 -3
- package/dist/cjs/plugins/Break/createExitBreakPlugin.test.js +3 -4
- package/dist/cjs/plugins/Break/createResetNodePlugin.js +0 -1
- package/dist/cjs/plugins/Break/createSoftBreakPlugin.test.js +3 -3
- package/dist/cjs/plugins/CommandPalette/components/CommandList.js +33 -35
- package/dist/cjs/plugins/CommandPalette/components/CommandList.styles.js +1 -1
- package/dist/cjs/plugins/CommandPalette/components/CommandPrompt.js +5 -7
- package/dist/cjs/plugins/CommandPalette/hooks/useCommandList.js +3 -7
- package/dist/cjs/plugins/CommandPalette/onKeyDown.js +1 -6
- package/dist/cjs/plugins/CommandPalette/onKeyDown.spec.js +4 -6
- package/dist/cjs/plugins/CommandPalette/useCommands.js +3 -3
- package/dist/cjs/plugins/CommandPalette/utils/fetchEntries.js +0 -2
- package/dist/cjs/plugins/CommandPalette/utils/trimLeadingSlash.js +1 -6
- package/dist/cjs/plugins/DragAndDrop/index.js +1 -9
- package/dist/cjs/plugins/EmbeddedEntityBlock/LinkedEntityBlock.js +8 -10
- package/dist/cjs/plugins/EmbeddedEntityBlock/index.js +3 -3
- package/dist/cjs/plugins/EmbeddedEntityInline/FetchingWrappedInlineEntryCard.js +17 -19
- package/dist/cjs/plugins/EmbeddedEntityInline/LinkedEntityInline.js +7 -9
- package/dist/cjs/plugins/EmbeddedResourceBlock/LinkedResourceBlock.js +5 -5
- package/dist/cjs/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.js +11 -13
- package/dist/cjs/plugins/EmbeddedResourceInline/LinkedResourceInline.js +5 -5
- package/dist/cjs/plugins/Heading/__tests__/createHeadingPlugin.test.js +32 -32
- package/dist/cjs/plugins/Heading/components/Heading.js +10 -13
- package/dist/cjs/plugins/Heading/components/ToolbarHeadingButton.js +29 -23
- package/dist/cjs/plugins/Heading/createHeadingPlugin.js +2 -7
- package/dist/cjs/plugins/Hr/index.js +14 -19
- package/dist/cjs/plugins/Hyperlink/HyperlinkModal.js +28 -32
- package/dist/cjs/plugins/Hyperlink/__tests__/createHyperlinkPlugin.test.js +8 -8
- package/dist/cjs/plugins/Hyperlink/components/EntityHyperlink.js +8 -10
- package/dist/cjs/plugins/Hyperlink/components/LinkPopover.js +17 -23
- package/dist/cjs/plugins/Hyperlink/components/ResourceHyperlink.js +8 -10
- package/dist/cjs/plugins/Hyperlink/components/ToolbarHyperlinkButton.js +4 -6
- package/dist/cjs/plugins/Hyperlink/components/UrlHyperlink.js +6 -8
- package/dist/cjs/plugins/Hyperlink/components/linkHandlers.js +3 -3
- package/dist/cjs/plugins/Hyperlink/components/styles.js +1 -1
- package/dist/cjs/plugins/Hyperlink/createHyperlinkPlugin.js +4 -10
- package/dist/cjs/plugins/Hyperlink/useEntityInfo.js +3 -6
- package/dist/cjs/plugins/Hyperlink/useResourceEntityInfo.js +4 -6
- package/dist/cjs/plugins/Hyperlink/utils.js +4 -4
- package/dist/cjs/plugins/List/__tests__/createListPlugin.test.js +13 -13
- package/dist/cjs/plugins/List/__tests__/insertListBreak.test.js +25 -29
- package/dist/cjs/plugins/List/__tests__/insertListFragment.test.js +22 -22
- package/dist/cjs/plugins/List/components/List.js +7 -9
- package/dist/cjs/plugins/List/components/ListItem.js +4 -6
- package/dist/cjs/plugins/List/components/ToolbarListButton.js +5 -7
- package/dist/cjs/plugins/List/createListPlugin.js +0 -4
- package/dist/cjs/plugins/List/insertListBreak.js +4 -13
- package/dist/cjs/plugins/List/insertListFragment.js +5 -18
- package/dist/cjs/plugins/List/onKeyDownList.js +6 -8
- package/dist/cjs/plugins/List/transforms/insertListItem.js +2 -17
- package/dist/cjs/plugins/List/transforms/moveListItemDown.js +2 -8
- package/dist/cjs/plugins/List/transforms/moveListItems.js +2 -7
- package/dist/cjs/plugins/List/transforms/moveListItems.test.js +14 -15
- package/dist/cjs/plugins/List/transforms/toggleList.js +3 -8
- package/dist/cjs/plugins/List/transforms/toggleList.spec.js +28 -28
- package/dist/cjs/plugins/List/transforms/unwrapList.js +2 -7
- package/dist/cjs/plugins/List/utils.js +11 -12
- package/dist/cjs/plugins/List/withList.js +2 -6
- package/dist/cjs/plugins/Marks/Bold.js +7 -9
- package/dist/cjs/plugins/Marks/Code.js +7 -15
- package/dist/cjs/plugins/Marks/Italic.js +7 -9
- package/dist/cjs/plugins/Marks/Subscript.js +8 -10
- package/dist/cjs/plugins/Marks/Superscript.js +8 -10
- package/dist/cjs/plugins/Marks/Underline.js +4 -6
- package/dist/cjs/plugins/Marks/components/MarkToolbarButton.js +7 -9
- package/dist/cjs/plugins/Marks/helpers.js +5 -5
- package/dist/cjs/plugins/Normalizer/baseRules.js +0 -2
- package/dist/cjs/plugins/Normalizer/createNormalizerPlugin.test.js +12 -12
- package/dist/cjs/plugins/Normalizer/utils.js +3 -4
- package/dist/cjs/plugins/Normalizer/withNormalizer.js +3 -23
- package/dist/cjs/plugins/Paragraph/Paragraph.js +4 -6
- package/dist/cjs/plugins/Paragraph/__tests__/createParagraphPlugin.test.js +32 -32
- package/dist/cjs/plugins/Paragraph/createParagraphPlugin.js +2 -3
- package/dist/cjs/plugins/PasteHTML/createPasteHTMLPlugin.js +6 -9
- package/dist/cjs/plugins/PasteHTML/utils/__tests__/sanitizeHTML.test.js +0 -2
- package/dist/cjs/plugins/PasteHTML/utils/sanitizeAnchors.js +0 -9
- package/dist/cjs/plugins/PasteHTML/utils/sanitizeHTML.js +2 -17
- package/dist/cjs/plugins/PasteHTML/utils/sanitizeSheets.js +1 -13
- package/dist/cjs/plugins/Quote/__test__/createQuotePlugin.test.js +21 -21
- package/dist/cjs/plugins/Quote/components/Quote.js +4 -6
- package/dist/cjs/plugins/Quote/components/ToolbarQuoteButton.js +4 -6
- package/dist/cjs/plugins/Quote/createQuotePlugin.js +0 -1
- package/dist/cjs/plugins/Quote/toggleQuote.js +5 -5
- package/dist/cjs/plugins/Quote/withQuote.js +2 -4
- package/dist/cjs/plugins/SelectOnBackspace/createSelectOnBackspacePlugin.js +0 -1
- package/dist/cjs/plugins/Table/__tests__/createTablePlugin.test.js +22 -22
- package/dist/cjs/plugins/Table/__tests__/helpers.test.js +4 -4
- package/dist/cjs/plugins/Table/actions/addColumn.js +4 -5
- package/dist/cjs/plugins/Table/actions/addRow.js +3 -6
- package/dist/cjs/plugins/Table/components/Cell.js +5 -7
- package/dist/cjs/plugins/Table/components/HeaderCell.js +5 -7
- package/dist/cjs/plugins/Table/components/Row.js +4 -6
- package/dist/cjs/plugins/Table/components/Table.js +6 -8
- package/dist/cjs/plugins/Table/components/TableActions.js +16 -19
- package/dist/cjs/plugins/Table/components/ToolbarButton.js +4 -7
- package/dist/cjs/plugins/Table/createTablePlugin.js +1 -11
- package/dist/cjs/plugins/Table/helpers.js +12 -16
- package/dist/cjs/plugins/Table/insertTableFragment.js +2 -15
- package/dist/cjs/plugins/Table/onKeyDownTable.js +2 -11
- package/dist/cjs/plugins/Table/tableTracking.js +6 -6
- package/dist/cjs/plugins/Text/__tests__/createTextPlugin.test.js +17 -19
- package/dist/cjs/plugins/Text/createTextPlugin.js +5 -22
- package/dist/cjs/plugins/Tracking/createTrackingPlugin.js +4 -5
- package/dist/cjs/plugins/Tracking/utils.js +3 -6
- package/dist/cjs/plugins/Voids/createVoidsPlugin.js +0 -5
- package/dist/cjs/plugins/Voids/transformVoid.js +0 -1
- package/dist/cjs/plugins/index.js +3 -15
- package/dist/cjs/plugins/shared/EmbeddedBlockToolbarIcon.js +10 -12
- package/dist/cjs/plugins/shared/EmbeddedBlockUtil.js +6 -16
- package/dist/cjs/plugins/shared/EmbeddedInlineToolbarIcon.js +8 -10
- package/dist/cjs/plugins/shared/EmbeddedInlineUtil.js +5 -9
- package/dist/cjs/plugins/shared/FetchingWrappedAssetCard.js +11 -13
- package/dist/cjs/plugins/shared/FetchingWrappedEntryCard.js +12 -14
- package/dist/cjs/plugins/shared/FetchingWrappedResourceCard.js +11 -14
- package/dist/cjs/plugins/shared/LinkedBlockWrapper.js +4 -8
- package/dist/cjs/plugins/shared/LinkedInlineWrapper.js +6 -10
- package/dist/cjs/plugins/shared/ResourceNewBadge.js +3 -5
- package/dist/cjs/plugins/shared/ToolbarButton.js +6 -8
- package/dist/cjs/plugins/shared/__tests__/FetchingWrappedAssetCard.test.js +5 -10
- package/dist/cjs/plugins/shared/__tests__/FetchingWrappedEntryCard.test.js +6 -11
- package/dist/cjs/plugins/shared/__tests__/FetchingWrappedResourceCard.test.js +13 -15
- package/dist/cjs/plugins/shared/utils.js +1 -4
- package/dist/cjs/test-utils/assertOutput.js +0 -1
- package/dist/cjs/test-utils/hyperscript.d.js +0 -1
- package/dist/cjs/test-utils/randomId.js +1 -3
- package/dist/cjs/test-utils/validation.js +5 -8
- package/dist/esm/ContentfulEditorProvider.js +1 -4
- package/dist/esm/RichTextEditor.js +13 -13
- package/dist/esm/RichTextEditor.styles.js +0 -1
- package/dist/esm/SdkProvider.js +2 -2
- package/dist/esm/SyncEditorChanges.js +3 -18
- package/dist/esm/Toolbar/_tests_/toolbar.test.js +12 -12
- package/dist/esm/Toolbar/components/EmbedEntityWidget.js +7 -9
- package/dist/esm/Toolbar/components/EmbeddedEntityDropdownButton.js +6 -6
- package/dist/esm/Toolbar/components/StickyToolbarWrapper.js +1 -1
- package/dist/esm/Toolbar/index.js +27 -28
- package/dist/esm/__fixtures__/FakeSdk.js +3 -3
- package/dist/esm/constants/Schema.js +0 -1
- package/dist/esm/dialogs/HypelinkDialog/HyperlinkDialog.js +31 -34
- package/dist/esm/dialogs/openRichTextDialog.js +2 -2
- package/dist/esm/dialogs/renderRichTextDialog.js +2 -2
- package/dist/esm/helpers/__tests__/removeInternalMarks.test.js +10 -10
- package/dist/esm/helpers/callbacks.js +1 -1
- package/dist/esm/helpers/config.js +1 -9
- package/dist/esm/helpers/editor.js +6 -22
- package/dist/esm/helpers/extractNodes.js +1 -3
- package/dist/esm/helpers/formatDateAndTime.js +2 -11
- package/dist/esm/helpers/getAllowedResourcesForNodeType.js +2 -19
- package/dist/esm/helpers/getLinkedContentTypeIdsForNodeType.js +2 -26
- package/dist/esm/helpers/sdkNavigatorSlideIn.js +6 -20
- package/dist/esm/helpers/sdkNavigatorSlideIn.spec.js +0 -1
- package/dist/esm/helpers/toSlateValue.js +3 -17
- package/dist/esm/helpers/validations.js +1 -5
- package/dist/esm/internal/misc.js +2 -23
- package/dist/esm/internal/queries.js +2 -11
- package/dist/esm/internal/transforms.js +3 -14
- package/dist/esm/internal/types/editor.js +1 -3
- package/dist/esm/plugins/Break/createExitBreakPlugin.test.js +3 -4
- package/dist/esm/plugins/Break/createResetNodePlugin.js +0 -1
- package/dist/esm/plugins/Break/createSoftBreakPlugin.test.js +3 -3
- package/dist/esm/plugins/CommandPalette/components/CommandList.js +30 -30
- package/dist/esm/plugins/CommandPalette/components/CommandPrompt.js +2 -2
- package/dist/esm/plugins/CommandPalette/createCommandPalettePlugin.js +1 -11
- package/dist/esm/plugins/CommandPalette/hooks/useCommandList.js +0 -2
- package/dist/esm/plugins/CommandPalette/onKeyDown.js +0 -5
- package/dist/esm/plugins/CommandPalette/onKeyDown.spec.js +2 -2
- package/dist/esm/plugins/CommandPalette/useCommands.js +3 -3
- package/dist/esm/plugins/CommandPalette/utils/fetchEntries.js +0 -2
- package/dist/esm/plugins/CommandPalette/utils/trimLeadingSlash.js +1 -6
- package/dist/esm/plugins/DragAndDrop/index.js +1 -9
- package/dist/esm/plugins/EmbeddedEntityBlock/LinkedEntityBlock.js +6 -6
- package/dist/esm/plugins/EmbeddedEntityInline/FetchingWrappedInlineEntryCard.js +14 -14
- package/dist/esm/plugins/EmbeddedEntityInline/LinkedEntityInline.js +5 -5
- package/dist/esm/plugins/EmbeddedResourceBlock/LinkedResourceBlock.js +4 -4
- package/dist/esm/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.js +9 -9
- package/dist/esm/plugins/EmbeddedResourceInline/LinkedResourceInline.js +4 -4
- package/dist/esm/plugins/Heading/__tests__/createHeadingPlugin.test.js +32 -32
- package/dist/esm/plugins/Heading/components/Heading.js +7 -8
- package/dist/esm/plugins/Heading/components/ToolbarHeadingButton.js +26 -18
- package/dist/esm/plugins/Heading/createHeadingPlugin.js +1 -6
- package/dist/esm/plugins/Hr/index.js +5 -8
- package/dist/esm/plugins/Hyperlink/HyperlinkModal.js +23 -25
- package/dist/esm/plugins/Hyperlink/__tests__/createHyperlinkPlugin.test.js +8 -8
- package/dist/esm/plugins/Hyperlink/components/EntityHyperlink.js +6 -6
- package/dist/esm/plugins/Hyperlink/components/LinkPopover.js +15 -19
- package/dist/esm/plugins/Hyperlink/components/ResourceHyperlink.js +6 -6
- package/dist/esm/plugins/Hyperlink/components/ToolbarHyperlinkButton.js +2 -2
- package/dist/esm/plugins/Hyperlink/components/UrlHyperlink.js +4 -4
- package/dist/esm/plugins/Hyperlink/createHyperlinkPlugin.js +1 -5
- package/dist/esm/plugins/Hyperlink/useEntityInfo.js +3 -6
- package/dist/esm/plugins/Hyperlink/useResourceEntityInfo.js +2 -2
- package/dist/esm/plugins/Hyperlink/utils.js +1 -1
- package/dist/esm/plugins/List/__tests__/createListPlugin.test.js +13 -13
- package/dist/esm/plugins/List/__tests__/insertListBreak.test.js +25 -29
- package/dist/esm/plugins/List/__tests__/insertListFragment.test.js +22 -22
- package/dist/esm/plugins/List/components/List.js +1 -1
- package/dist/esm/plugins/List/components/ListItem.js +1 -1
- package/dist/esm/plugins/List/components/ToolbarListButton.js +3 -3
- package/dist/esm/plugins/List/createListPlugin.js +0 -4
- package/dist/esm/plugins/List/insertListBreak.js +4 -13
- package/dist/esm/plugins/List/insertListFragment.js +5 -18
- package/dist/esm/plugins/List/onKeyDownList.js +5 -7
- package/dist/esm/plugins/List/transforms/insertListItem.js +3 -20
- package/dist/esm/plugins/List/transforms/moveListItemDown.js +2 -8
- package/dist/esm/plugins/List/transforms/moveListItems.js +2 -7
- package/dist/esm/plugins/List/transforms/moveListItems.test.js +14 -15
- package/dist/esm/plugins/List/transforms/toggleList.js +3 -8
- package/dist/esm/plugins/List/transforms/toggleList.spec.js +28 -28
- package/dist/esm/plugins/List/transforms/unwrapList.js +2 -7
- package/dist/esm/plugins/List/utils.js +2 -7
- package/dist/esm/plugins/List/withList.js +2 -6
- package/dist/esm/plugins/Marks/Bold.js +2 -2
- package/dist/esm/plugins/Marks/Code.js +2 -8
- package/dist/esm/plugins/Marks/Italic.js +2 -2
- package/dist/esm/plugins/Marks/Subscript.js +2 -2
- package/dist/esm/plugins/Marks/Superscript.js +2 -2
- package/dist/esm/plugins/Marks/Underline.js +2 -2
- package/dist/esm/plugins/Marks/components/MarkToolbarButton.js +4 -4
- package/dist/esm/plugins/Marks/helpers.js +1 -1
- package/dist/esm/plugins/Normalizer/baseRules.js +0 -4
- package/dist/esm/plugins/Normalizer/createNormalizerPlugin.test.js +12 -12
- package/dist/esm/plugins/Normalizer/utils.js +0 -1
- package/dist/esm/plugins/Normalizer/withNormalizer.js +2 -22
- package/dist/esm/plugins/Paragraph/Paragraph.js +1 -1
- package/dist/esm/plugins/Paragraph/__tests__/createParagraphPlugin.test.js +32 -32
- package/dist/esm/plugins/Paragraph/createParagraphPlugin.js +1 -2
- package/dist/esm/plugins/PasteHTML/createPasteHTMLPlugin.js +3 -9
- package/dist/esm/plugins/PasteHTML/utils/__tests__/sanitizeHTML.test.js +0 -2
- package/dist/esm/plugins/PasteHTML/utils/sanitizeAnchors.js +1 -27
- package/dist/esm/plugins/PasteHTML/utils/sanitizeHTML.js +2 -17
- package/dist/esm/plugins/PasteHTML/utils/sanitizeSheets.js +1 -13
- package/dist/esm/plugins/Quote/__test__/createQuotePlugin.test.js +21 -21
- package/dist/esm/plugins/Quote/components/Quote.js +1 -1
- package/dist/esm/plugins/Quote/components/ToolbarQuoteButton.js +2 -2
- package/dist/esm/plugins/Quote/createQuotePlugin.js +0 -1
- package/dist/esm/plugins/Quote/shouldResetQuote.js +1 -6
- package/dist/esm/plugins/Quote/toggleQuote.js +1 -1
- package/dist/esm/plugins/Quote/withQuote.js +2 -4
- package/dist/esm/plugins/SelectOnBackspace/createSelectOnBackspacePlugin.js +0 -1
- package/dist/esm/plugins/Table/__tests__/createTablePlugin.test.js +22 -22
- package/dist/esm/plugins/Table/__tests__/helpers.test.js +4 -4
- package/dist/esm/plugins/Table/actions/addColumn.js +1 -2
- package/dist/esm/plugins/Table/actions/addRow.js +0 -3
- package/dist/esm/plugins/Table/components/Cell.js +2 -2
- package/dist/esm/plugins/Table/components/HeaderCell.js +2 -2
- package/dist/esm/plugins/Table/components/Row.js +1 -1
- package/dist/esm/plugins/Table/components/Table.js +3 -3
- package/dist/esm/plugins/Table/components/TableActions.js +11 -12
- package/dist/esm/plugins/Table/components/ToolbarButton.js +2 -3
- package/dist/esm/plugins/Table/createTablePlugin.js +1 -11
- package/dist/esm/plugins/Table/helpers.js +1 -10
- package/dist/esm/plugins/Table/insertTableFragment.js +2 -15
- package/dist/esm/plugins/Table/onKeyDownTable.js +2 -11
- package/dist/esm/plugins/Table/tableTracking.js +6 -6
- package/dist/esm/plugins/Text/__tests__/createTextPlugin.test.js +17 -19
- package/dist/esm/plugins/Text/createTextPlugin.js +5 -22
- package/dist/esm/plugins/Tracking/createTrackingPlugin.js +1 -2
- package/dist/esm/plugins/Tracking/utils.js +0 -1
- package/dist/esm/plugins/Voids/createVoidsPlugin.js +0 -5
- package/dist/esm/plugins/Voids/transformVoid.js +1 -4
- package/dist/esm/plugins/index.js +0 -12
- package/dist/esm/plugins/shared/EmbeddedBlockToolbarIcon.js +5 -5
- package/dist/esm/plugins/shared/EmbeddedBlockUtil.js +5 -15
- package/dist/esm/plugins/shared/EmbeddedInlineToolbarIcon.js +5 -5
- package/dist/esm/plugins/shared/EmbeddedInlineUtil.js +4 -8
- package/dist/esm/plugins/shared/FetchingWrappedAssetCard.js +8 -8
- package/dist/esm/plugins/shared/FetchingWrappedEntryCard.js +9 -9
- package/dist/esm/plugins/shared/FetchingWrappedResourceCard.js +8 -9
- package/dist/esm/plugins/shared/LinkedBlockWrapper.js +3 -7
- package/dist/esm/plugins/shared/LinkedInlineWrapper.js +3 -5
- package/dist/esm/plugins/shared/ResourceNewBadge.js +1 -1
- package/dist/esm/plugins/shared/ToolbarButton.js +3 -3
- package/dist/esm/plugins/shared/__tests__/FetchingWrappedAssetCard.test.js +2 -5
- package/dist/esm/plugins/shared/__tests__/FetchingWrappedEntryCard.test.js +2 -5
- package/dist/esm/plugins/shared/__tests__/FetchingWrappedResourceCard.test.js +8 -8
- package/dist/esm/plugins/shared/utils.js +1 -4
- package/dist/esm/test-utils/assertOutput.js +0 -1
- package/dist/esm/test-utils/hyperscript.d.js +0 -1
- package/dist/esm/test-utils/jsx.js +1 -5
- package/dist/esm/test-utils/randomId.js +1 -3
- package/dist/esm/test-utils/setEmptyDataAttribute.js +1 -4
- package/dist/esm/test-utils/validation.js +4 -7
- package/dist/types/RichTextEditor.d.ts +2 -3
- package/dist/types/Toolbar/components/EmbedEntityWidget.d.ts +1 -2
- package/dist/types/Toolbar/components/EmbeddedEntityDropdownButton.d.ts +1 -1
- package/dist/types/Toolbar/components/StickyToolbarWrapper.d.ts +2 -2
- package/dist/types/Toolbar/index.d.ts +1 -2
- package/dist/types/dialogs/HypelinkDialog/HyperlinkDialog.d.ts +4 -4
- package/dist/types/dialogs/renderRichTextDialog.d.ts +1 -2
- package/dist/types/plugins/CommandPalette/components/CommandList.d.ts +1 -2
- package/dist/types/plugins/CommandPalette/components/CommandPrompt.d.ts +1 -2
- package/dist/types/plugins/EmbeddedEntityBlock/LinkedEntityBlock.d.ts +1 -2
- package/dist/types/plugins/EmbeddedEntityInline/FetchingWrappedInlineEntryCard.d.ts +1 -1
- package/dist/types/plugins/EmbeddedEntityInline/LinkedEntityInline.d.ts +1 -2
- package/dist/types/plugins/EmbeddedResourceBlock/LinkedResourceBlock.d.ts +1 -2
- package/dist/types/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.d.ts +1 -1
- package/dist/types/plugins/EmbeddedResourceInline/LinkedResourceInline.d.ts +1 -2
- package/dist/types/plugins/Heading/components/Heading.d.ts +6 -6
- package/dist/types/plugins/Heading/components/ToolbarHeadingButton.d.ts +1 -2
- package/dist/types/plugins/Hr/index.d.ts +2 -2
- package/dist/types/plugins/Hyperlink/HyperlinkModal.d.ts +1 -2
- package/dist/types/plugins/Hyperlink/components/EntityHyperlink.d.ts +1 -2
- package/dist/types/plugins/Hyperlink/components/LinkPopover.d.ts +1 -1
- package/dist/types/plugins/Hyperlink/components/ResourceHyperlink.d.ts +1 -2
- package/dist/types/plugins/Hyperlink/components/ToolbarHyperlinkButton.d.ts +1 -2
- package/dist/types/plugins/Hyperlink/components/UrlHyperlink.d.ts +1 -2
- package/dist/types/plugins/List/components/List.d.ts +2 -3
- package/dist/types/plugins/List/components/ListItem.d.ts +1 -2
- package/dist/types/plugins/List/components/ToolbarListButton.d.ts +1 -2
- package/dist/types/plugins/Marks/Bold.d.ts +2 -3
- package/dist/types/plugins/Marks/Code.d.ts +3 -4
- package/dist/types/plugins/Marks/Italic.d.ts +2 -3
- package/dist/types/plugins/Marks/Subscript.d.ts +3 -4
- package/dist/types/plugins/Marks/Superscript.d.ts +3 -4
- package/dist/types/plugins/Marks/Underline.d.ts +2 -3
- package/dist/types/plugins/Marks/components/MarkToolbarButton.d.ts +1 -1
- package/dist/types/plugins/Paragraph/Paragraph.d.ts +1 -2
- package/dist/types/plugins/Quote/components/Quote.d.ts +1 -2
- package/dist/types/plugins/Quote/components/ToolbarQuoteButton.d.ts +1 -2
- package/dist/types/plugins/Table/components/Cell.d.ts +1 -2
- package/dist/types/plugins/Table/components/HeaderCell.d.ts +1 -2
- package/dist/types/plugins/Table/components/Row.d.ts +1 -2
- package/dist/types/plugins/Table/components/Table.d.ts +1 -2
- package/dist/types/plugins/Table/components/TableActions.d.ts +1 -2
- package/dist/types/plugins/Table/components/ToolbarButton.d.ts +1 -2
- package/dist/types/plugins/shared/EmbeddedBlockToolbarIcon.d.ts +1 -2
- package/dist/types/plugins/shared/EmbeddedInlineToolbarIcon.d.ts +1 -2
- package/dist/types/plugins/shared/FetchingWrappedAssetCard.d.ts +1 -2
- package/dist/types/plugins/shared/FetchingWrappedEntryCard.d.ts +1 -2
- package/dist/types/plugins/shared/FetchingWrappedResourceCard.d.ts +1 -2
- package/dist/types/plugins/shared/LinkedBlockWrapper.d.ts +1 -1
- package/dist/types/plugins/shared/LinkedInlineWrapper.d.ts +1 -1
- package/dist/types/plugins/shared/ResourceNewBadge.d.ts +1 -2
- package/dist/types/plugins/shared/ToolbarButton.d.ts +1 -2
- package/package.json +8 -5
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "validateRichTextDocument", {
|
|
|
10
10
|
});
|
|
11
11
|
const _richtexttypes = require("@contentful/rich-text-types");
|
|
12
12
|
const _schemas = require("@contentful/rich-text-types/dist/schemas");
|
|
13
|
-
const _ajv =
|
|
13
|
+
const _ajv = _interop_require_default(require("ajv"));
|
|
14
14
|
function _interop_require_default(obj) {
|
|
15
15
|
return obj && obj.__esModule ? obj : {
|
|
16
16
|
default: obj
|
|
@@ -75,7 +75,7 @@ function buildSchemaErrors(validateSchema, _, errors) {
|
|
|
75
75
|
errors.push(...schemaErrors);
|
|
76
76
|
}
|
|
77
77
|
function resetChildNodes(node) {
|
|
78
|
-
const { content
|
|
78
|
+
const { content } = node;
|
|
79
79
|
if (isLeafNode(node)) {
|
|
80
80
|
return node;
|
|
81
81
|
}
|
|
@@ -84,7 +84,7 @@ function resetChildNodes(node) {
|
|
|
84
84
|
});
|
|
85
85
|
}
|
|
86
86
|
function resetNode(node) {
|
|
87
|
-
const { nodeType
|
|
87
|
+
const { nodeType } = node;
|
|
88
88
|
if (_richtexttypes.helpers.isText(node)) {
|
|
89
89
|
return {
|
|
90
90
|
nodeType,
|
|
@@ -100,7 +100,7 @@ function resetNode(node) {
|
|
|
100
100
|
};
|
|
101
101
|
}
|
|
102
102
|
function removeGrandChildNodes(node) {
|
|
103
|
-
const { content
|
|
103
|
+
const { content } = node;
|
|
104
104
|
if (isLeafNode(node)) {
|
|
105
105
|
return node;
|
|
106
106
|
}
|
|
@@ -119,10 +119,7 @@ function removeChildNodes(node) {
|
|
|
119
119
|
function isLeafNode(node) {
|
|
120
120
|
return _richtexttypes.helpers.isText(node) || !Array.isArray(node.content);
|
|
121
121
|
}
|
|
122
|
-
|
|
123
|
-
* Removes minItems errors occurred in grand-children to avoid
|
|
124
|
-
* false positives caused by the use of `removeGrandChildNodes`
|
|
125
|
-
*/ function removeGrandChildrenMinItemsErrors(errors) {
|
|
122
|
+
function removeGrandChildrenMinItemsErrors(errors) {
|
|
126
123
|
return errors.filter((error)=>{
|
|
127
124
|
const level = error.instancePath.split('/').length;
|
|
128
125
|
return !(level > 3 && error.keyword === 'minItems');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createContext, useContext } from 'react';
|
|
2
2
|
import { usePlateEditorRef, usePlateEditorState } from './internal/hooks';
|
|
3
3
|
export function getContentfulEditorId(sdk) {
|
|
4
|
-
const { entry, field
|
|
4
|
+
const { entry , field } = sdk;
|
|
5
5
|
const sys = entry.getSys();
|
|
6
6
|
return `rich-text-editor-${sys.id}-${field.id}-${field.locale}`;
|
|
7
7
|
}
|
|
@@ -17,14 +17,11 @@ export function useContentfulEditorId(id) {
|
|
|
17
17
|
}
|
|
18
18
|
return contextId;
|
|
19
19
|
}
|
|
20
|
-
// This hook re-renders when the value changes
|
|
21
|
-
// Use case: Toolbar icons, for example
|
|
22
20
|
export function useContentfulEditor(id) {
|
|
23
21
|
const editorId = useContentfulEditorId(id);
|
|
24
22
|
const editor = usePlateEditorState(editorId);
|
|
25
23
|
return editor;
|
|
26
24
|
}
|
|
27
|
-
// This doesn't re-render when the value changes
|
|
28
25
|
export function useContentfulEditorRef(id) {
|
|
29
26
|
const editorId = useContentfulEditorId(id);
|
|
30
27
|
const editor = usePlateEditorRef(editorId);
|
|
@@ -16,7 +16,7 @@ import { SyncEditorChanges } from './SyncEditorChanges';
|
|
|
16
16
|
import Toolbar from './Toolbar';
|
|
17
17
|
import StickyToolbarWrapper from './Toolbar/components/StickyToolbarWrapper';
|
|
18
18
|
export const ConnectedRichTextEditor = (props)=>{
|
|
19
|
-
const { sdk, onAction, restrictedMarks
|
|
19
|
+
const { sdk , onAction , restrictedMarks } = props;
|
|
20
20
|
const id = getContentfulEditorId(sdk);
|
|
21
21
|
const plugins = React.useMemo(()=>getPlugins(sdk, onAction ?? noop, restrictedMarks), [
|
|
22
22
|
sdk,
|
|
@@ -37,26 +37,26 @@ export const ConnectedRichTextEditor = (props)=>{
|
|
|
37
37
|
}) : undefined, props.maxHeight !== undefined ? css({
|
|
38
38
|
maxHeight: props.maxHeight
|
|
39
39
|
}) : undefined, props.isDisabled ? styles.disabled : styles.enabled, props.isToolbarHidden && styles.hiddenToolbar);
|
|
40
|
-
return
|
|
40
|
+
return React.createElement(SdkProvider, {
|
|
41
41
|
sdk: sdk
|
|
42
|
-
},
|
|
42
|
+
}, React.createElement(ContentfulEditorIdProvider, {
|
|
43
43
|
value: id
|
|
44
|
-
},
|
|
44
|
+
}, React.createElement("div", {
|
|
45
45
|
className: styles.root,
|
|
46
46
|
"data-test-id": "rich-text-editor"
|
|
47
|
-
},
|
|
47
|
+
}, React.createElement(PlateProvider, {
|
|
48
48
|
id: id,
|
|
49
49
|
initialValue: initialValue,
|
|
50
50
|
plugins: plugins,
|
|
51
51
|
disableCorePlugins: disableCorePlugins
|
|
52
|
-
}, !props.isToolbarHidden &&
|
|
52
|
+
}, !props.isToolbarHidden && React.createElement(StickyToolbarWrapper, {
|
|
53
53
|
isDisabled: props.isDisabled
|
|
54
|
-
},
|
|
54
|
+
}, React.createElement(Toolbar, {
|
|
55
55
|
isDisabled: props.isDisabled
|
|
56
|
-
})),
|
|
56
|
+
})), React.createElement(SyncEditorChanges, {
|
|
57
57
|
incomingValue: initialValue,
|
|
58
58
|
onChange: props.onChange
|
|
59
|
-
}),
|
|
59
|
+
}), React.createElement(Plate, {
|
|
60
60
|
id: id,
|
|
61
61
|
editableProps: {
|
|
62
62
|
className: classNames,
|
|
@@ -65,18 +65,18 @@ export const ConnectedRichTextEditor = (props)=>{
|
|
|
65
65
|
})))));
|
|
66
66
|
};
|
|
67
67
|
const RichTextEditor = (props)=>{
|
|
68
|
-
const { sdk, isInitiallyDisabled, onAction, restrictedMarks, ...otherProps } = props;
|
|
68
|
+
const { sdk , isInitiallyDisabled , onAction , restrictedMarks , ...otherProps } = props;
|
|
69
69
|
const isEmptyValue = React.useCallback((value)=>!value || deepEquals(value, Contentful.EMPTY_DOCUMENT), []);
|
|
70
70
|
const id = getContentfulEditorId(props.sdk);
|
|
71
|
-
return
|
|
71
|
+
return React.createElement(EntityProvider, {
|
|
72
72
|
sdk: sdk
|
|
73
|
-
},
|
|
73
|
+
}, React.createElement(FieldConnector, {
|
|
74
74
|
debounce: 0,
|
|
75
75
|
field: sdk.field,
|
|
76
76
|
isInitiallyDisabled: isInitiallyDisabled,
|
|
77
77
|
isEmptyValue: isEmptyValue,
|
|
78
78
|
isEqualValues: deepEquals
|
|
79
|
-
}, ({ lastRemoteValue, disabled, setValue
|
|
79
|
+
}, ({ lastRemoteValue , disabled , setValue })=>React.createElement(ConnectedRichTextEditor, {
|
|
80
80
|
...otherProps,
|
|
81
81
|
key: `rich-text-editor-${id}`,
|
|
82
82
|
value: lastRemoteValue,
|
package/dist/esm/SdkProvider.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import constate from 'constate';
|
|
3
|
-
function useSdk({ sdk
|
|
4
|
-
const sdkMemo = React.useMemo(()=>sdk, []);
|
|
3
|
+
function useSdk({ sdk }) {
|
|
4
|
+
const sdkMemo = React.useMemo(()=>sdk, []);
|
|
5
5
|
return sdkMemo;
|
|
6
6
|
}
|
|
7
7
|
export const [SdkProvider, useSdkContext] = constate(useSdk);
|
|
@@ -4,12 +4,8 @@ import equal from 'fast-deep-equal';
|
|
|
4
4
|
import { createOnChangeCallback } from './helpers/callbacks';
|
|
5
5
|
import { usePlateSelectors } from './internal/hooks';
|
|
6
6
|
import { setEditorValue } from './internal/transforms';
|
|
7
|
-
|
|
8
|
-
* A hook responsible for keeping the editor state in sync with incoming
|
|
9
|
-
* changes (aka. external updates
|
|
10
|
-
*/ const useAcceptIncomingChanges = (incomingValue)=>{
|
|
7
|
+
const useAcceptIncomingChanges = (incomingValue)=>{
|
|
11
8
|
const editor = usePlateSelectors().editor();
|
|
12
|
-
// Cache latest editor value to avoid unnecessary updates
|
|
13
9
|
const lastIncomingValue = React.useRef(incomingValue);
|
|
14
10
|
React.useEffect(()=>{
|
|
15
11
|
if (equal(lastIncomingValue.current, incomingValue)) {
|
|
@@ -22,16 +18,13 @@ import { setEditorValue } from './internal/transforms';
|
|
|
22
18
|
incomingValue
|
|
23
19
|
]);
|
|
24
20
|
};
|
|
25
|
-
|
|
26
|
-
* Attaches a custom onChange callback that
|
|
27
|
-
*/ const useOnValueChanged = (onChange)=>{
|
|
21
|
+
const useOnValueChanged = (onChange)=>{
|
|
28
22
|
const editor = usePlateSelectors().editor();
|
|
29
23
|
const setEditorOnChange = usePlateActions().onChange();
|
|
30
24
|
React.useEffect(()=>{
|
|
31
25
|
const cb = createOnChangeCallback(onChange);
|
|
32
26
|
setEditorOnChange({
|
|
33
27
|
fn: (document)=>{
|
|
34
|
-
// Skip irrelevant events e.g. mouse selection
|
|
35
28
|
const operations = editor?.operations.filter((op)=>{
|
|
36
29
|
return op.type !== 'set_selection';
|
|
37
30
|
});
|
|
@@ -47,15 +40,7 @@ import { setEditorValue } from './internal/transforms';
|
|
|
47
40
|
setEditorOnChange
|
|
48
41
|
]);
|
|
49
42
|
};
|
|
50
|
-
|
|
51
|
-
* A void component that's responsible for keeping the editor
|
|
52
|
-
* state in sync with incoming changes (aka. external updates) and
|
|
53
|
-
* triggering onChange events.
|
|
54
|
-
*
|
|
55
|
-
* This component is a hack to work around the limitation of Plate v17+
|
|
56
|
-
* where we can no longer access the editor instance outside the Plate
|
|
57
|
-
* provider.
|
|
58
|
-
*/ export const SyncEditorChanges = ({ incomingValue, onChange })=>{
|
|
43
|
+
export const SyncEditorChanges = ({ incomingValue , onChange })=>{
|
|
59
44
|
useAcceptIncomingChanges(incomingValue);
|
|
60
45
|
useOnValueChanged(onChange);
|
|
61
46
|
return null;
|
|
@@ -37,13 +37,13 @@ describe('Toolbar', ()=>{
|
|
|
37
37
|
test('everything on the toolbar should be disabled', async ()=>{
|
|
38
38
|
const sdk = mockSdk();
|
|
39
39
|
const id = getContentfulEditorId(sdk);
|
|
40
|
-
const { getByTestId
|
|
40
|
+
const { getByTestId } = render(React.createElement(Plate, {
|
|
41
41
|
id: id
|
|
42
|
-
},
|
|
42
|
+
}, React.createElement(SdkProvider, {
|
|
43
43
|
sdk: sdk
|
|
44
|
-
},
|
|
44
|
+
}, React.createElement(ContentfulEditorIdProvider, {
|
|
45
45
|
value: id
|
|
46
|
-
},
|
|
46
|
+
}, React.createElement(Toolbar, {
|
|
47
47
|
isDisabled: true
|
|
48
48
|
})))));
|
|
49
49
|
await waitFor(()=>{
|
|
@@ -71,13 +71,13 @@ describe('Toolbar', ()=>{
|
|
|
71
71
|
MARKS.SUPERSCRIPT
|
|
72
72
|
]);
|
|
73
73
|
const id = getContentfulEditorId(sdk);
|
|
74
|
-
const { queryByTestId
|
|
74
|
+
const { queryByTestId } = render(React.createElement(Plate, {
|
|
75
75
|
id: id
|
|
76
|
-
},
|
|
76
|
+
}, React.createElement(SdkProvider, {
|
|
77
77
|
sdk: sdk
|
|
78
|
-
},
|
|
78
|
+
}, React.createElement(ContentfulEditorIdProvider, {
|
|
79
79
|
value: id
|
|
80
|
-
},
|
|
80
|
+
}, React.createElement(Toolbar, {
|
|
81
81
|
isDisabled: true
|
|
82
82
|
})))));
|
|
83
83
|
expect(queryByTestId('dropdown-toolbar-button')).toBeVisible();
|
|
@@ -89,13 +89,13 @@ describe('Toolbar', ()=>{
|
|
|
89
89
|
MARKS.CODE
|
|
90
90
|
]);
|
|
91
91
|
const id = getContentfulEditorId(sdk);
|
|
92
|
-
const { queryByTestId
|
|
92
|
+
const { queryByTestId } = render(React.createElement(Plate, {
|
|
93
93
|
id: id
|
|
94
|
-
},
|
|
94
|
+
}, React.createElement(SdkProvider, {
|
|
95
95
|
sdk: sdk
|
|
96
|
-
},
|
|
96
|
+
}, React.createElement(ContentfulEditorIdProvider, {
|
|
97
97
|
value: id
|
|
98
|
-
},
|
|
98
|
+
}, React.createElement(Toolbar, {
|
|
99
99
|
isDisabled: true
|
|
100
100
|
})))));
|
|
101
101
|
expect(queryByTestId('dropdown-toolbar-button')).not.toBeInTheDocument();
|
|
@@ -7,7 +7,7 @@ import { EmbeddedBlockToolbarIcon } from '../../plugins/shared/EmbeddedBlockTool
|
|
|
7
7
|
import { EmbeddedInlineToolbarIcon } from '../../plugins/shared/EmbeddedInlineToolbarIcon';
|
|
8
8
|
import { useSdkContext } from '../../SdkProvider';
|
|
9
9
|
import { EmbeddedEntityDropdownButton } from './EmbeddedEntityDropdownButton';
|
|
10
|
-
export const EmbedEntityWidget = ({ isDisabled, canInsertBlocks
|
|
10
|
+
export const EmbedEntityWidget = ({ isDisabled , canInsertBlocks })=>{
|
|
11
11
|
const sdk = useSdkContext();
|
|
12
12
|
const editor = useContentfulEditor();
|
|
13
13
|
const [isEmbedDropdownOpen, setEmbedDropdownOpen] = useState(false);
|
|
@@ -17,32 +17,30 @@ export const EmbedEntityWidget = ({ isDisabled, canInsertBlocks })=>{
|
|
|
17
17
|
const inlineResourceEmbedEnabled = isNodeTypeEnabled(sdk.field, INLINES.EMBEDDED_RESOURCE);
|
|
18
18
|
const blockEntryEmbedEnabled = isNodeTypeEnabled(sdk.field, BLOCKS.EMBEDDED_ENTRY) && canInsertBlocks;
|
|
19
19
|
const blockResourceEmbedEnabled = isNodeTypeEnabled(sdk.field, BLOCKS.EMBEDDED_RESOURCE) && canInsertBlocks;
|
|
20
|
-
// Removed access check following https://contentful.atlassian.net/browse/DANTE-486
|
|
21
|
-
// TODO: refine permissions check in order to account for tags in rules and then readd access.can('read', 'Asset')
|
|
22
20
|
const blockAssetEmbedEnabled = isNodeTypeEnabled(sdk.field, BLOCKS.EMBEDDED_ASSET) && canInsertBlocks;
|
|
23
|
-
const actions =
|
|
21
|
+
const actions = React.createElement(React.Fragment, null, blockEntryEmbedEnabled && React.createElement(EmbeddedBlockToolbarIcon, {
|
|
24
22
|
isDisabled: !!isDisabled,
|
|
25
23
|
nodeType: BLOCKS.EMBEDDED_ENTRY,
|
|
26
24
|
onClose: onCloseEntityDropdown
|
|
27
|
-
}), blockResourceEmbedEnabled &&
|
|
25
|
+
}), blockResourceEmbedEnabled && React.createElement(EmbeddedBlockToolbarIcon, {
|
|
28
26
|
isDisabled: !!isDisabled,
|
|
29
27
|
nodeType: BLOCKS.EMBEDDED_RESOURCE,
|
|
30
28
|
onClose: onCloseEntityDropdown
|
|
31
|
-
}), inlineEntryEmbedEnabled &&
|
|
29
|
+
}), inlineEntryEmbedEnabled && React.createElement(EmbeddedInlineToolbarIcon, {
|
|
32
30
|
nodeType: INLINES.EMBEDDED_ENTRY,
|
|
33
31
|
isDisabled: !!isDisabled || isLinkActive(editor),
|
|
34
32
|
onClose: onCloseEntityDropdown
|
|
35
|
-
}), inlineResourceEmbedEnabled &&
|
|
33
|
+
}), inlineResourceEmbedEnabled && React.createElement(EmbeddedInlineToolbarIcon, {
|
|
36
34
|
nodeType: INLINES.EMBEDDED_RESOURCE,
|
|
37
35
|
isDisabled: !!isDisabled || isLinkActive(editor),
|
|
38
36
|
onClose: onCloseEntityDropdown
|
|
39
|
-
}), blockAssetEmbedEnabled &&
|
|
37
|
+
}), blockAssetEmbedEnabled && React.createElement(EmbeddedBlockToolbarIcon, {
|
|
40
38
|
isDisabled: !!isDisabled,
|
|
41
39
|
nodeType: BLOCKS.EMBEDDED_ASSET,
|
|
42
40
|
onClose: onCloseEntityDropdown
|
|
43
41
|
}));
|
|
44
42
|
const showEmbedButton = blockEntryEmbedEnabled || blockResourceEmbedEnabled || inlineEntryEmbedEnabled || inlineResourceEmbedEnabled || blockAssetEmbedEnabled;
|
|
45
|
-
return showEmbedButton ?
|
|
43
|
+
return showEmbedButton ? React.createElement(EmbeddedEntityDropdownButton, {
|
|
46
44
|
isDisabled: isDisabled,
|
|
47
45
|
onClose: onCloseEntityDropdown,
|
|
48
46
|
onToggle: onToggleEntityDropdown,
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Button, Menu } from '@contentful/f36-components';
|
|
3
3
|
import { PlusIcon, ChevronDownIcon } from '@contentful/f36-icons';
|
|
4
|
-
export function EmbeddedEntityDropdownButton({ children, isDisabled, isOpen, onClose, onToggle
|
|
5
|
-
return
|
|
4
|
+
export function EmbeddedEntityDropdownButton({ children , isDisabled , isOpen , onClose , onToggle }) {
|
|
5
|
+
return React.createElement(Menu, {
|
|
6
6
|
placement: "bottom-end",
|
|
7
7
|
isOpen: isOpen,
|
|
8
8
|
onClose: onClose,
|
|
9
9
|
onOpen: onToggle
|
|
10
|
-
},
|
|
11
|
-
endIcon:
|
|
10
|
+
}, React.createElement(Menu.Trigger, null, React.createElement(Button, {
|
|
11
|
+
endIcon: React.createElement(ChevronDownIcon, null),
|
|
12
12
|
testId: "toolbar-entity-dropdown-toggle",
|
|
13
13
|
variant: "secondary",
|
|
14
14
|
size: "small",
|
|
15
|
-
startIcon:
|
|
15
|
+
startIcon: React.createElement(PlusIcon, null),
|
|
16
16
|
isDisabled: isDisabled
|
|
17
|
-
}, "Embed")),
|
|
17
|
+
}, "Embed")), React.createElement(Menu.List, {
|
|
18
18
|
className: "toolbar-entity-dropdown-list"
|
|
19
19
|
}, children));
|
|
20
20
|
}
|
|
@@ -8,7 +8,7 @@ const styles = {
|
|
|
8
8
|
z-index: 2;
|
|
9
9
|
`
|
|
10
10
|
};
|
|
11
|
-
const StickyToolbarWrapper = ({ isDisabled, children
|
|
11
|
+
const StickyToolbarWrapper = ({ isDisabled , children })=>React.createElement("div", {
|
|
12
12
|
className: isDisabled ? '' : styles.nativeSticky
|
|
13
13
|
}, children);
|
|
14
14
|
export default StickyToolbarWrapper;
|
|
@@ -67,26 +67,26 @@ const styles = {
|
|
|
67
67
|
marginRight: '20px'
|
|
68
68
|
})
|
|
69
69
|
};
|
|
70
|
-
const Dropdown = ({ sdk, isDisabled
|
|
70
|
+
const Dropdown = ({ sdk , isDisabled })=>{
|
|
71
71
|
const editor = useContentfulEditor();
|
|
72
72
|
const isActive = editor && (isMarkActive(editor, MARKS.SUPERSCRIPT) || isMarkActive(editor, MARKS.SUBSCRIPT) || isMarkActive(editor, MARKS.CODE));
|
|
73
|
-
return
|
|
73
|
+
return React.createElement(Menu, null, React.createElement(Menu.Trigger, null, React.createElement("span", null, React.createElement(IconButton, {
|
|
74
74
|
size: "small",
|
|
75
75
|
className: styles.toolbarBtn,
|
|
76
76
|
variant: isActive ? 'secondary' : 'transparent',
|
|
77
|
-
icon:
|
|
77
|
+
icon: React.createElement(MoreHorizontalIcon, null),
|
|
78
78
|
"aria-label": "toggle menu",
|
|
79
79
|
isDisabled: isDisabled,
|
|
80
80
|
testId: "dropdown-toolbar-button"
|
|
81
|
-
}))),
|
|
81
|
+
}))), React.createElement(Menu.List, null, isMarkEnabled(sdk.field, MARKS.SUPERSCRIPT) && React.createElement(ToolbarDropdownSuperscriptButton, {
|
|
82
82
|
isDisabled: isDisabled
|
|
83
|
-
}), isMarkEnabled(sdk.field, MARKS.SUBSCRIPT) &&
|
|
83
|
+
}), isMarkEnabled(sdk.field, MARKS.SUBSCRIPT) && React.createElement(ToolbarDropdownSubscriptButton, {
|
|
84
84
|
isDisabled: isDisabled
|
|
85
|
-
}), isMarkEnabled(sdk.field, MARKS.CODE) &&
|
|
85
|
+
}), isMarkEnabled(sdk.field, MARKS.CODE) && React.createElement(ToolbarDropdownCodeButton, {
|
|
86
86
|
isDisabled: isDisabled
|
|
87
87
|
})));
|
|
88
88
|
};
|
|
89
|
-
const Toolbar = ({ isDisabled
|
|
89
|
+
const Toolbar = ({ isDisabled })=>{
|
|
90
90
|
const sdk = useSdkContext();
|
|
91
91
|
const editor = useContentfulEditor();
|
|
92
92
|
const canInsertBlocks = !isNodeTypeSelected(editor, BLOCKS.TABLE);
|
|
@@ -96,52 +96,51 @@ const Toolbar = ({ isDisabled })=>{
|
|
|
96
96
|
const isListSelected = isNodeTypeSelected(editor, BLOCKS.UL_LIST) || isNodeTypeSelected(editor, BLOCKS.OL_LIST);
|
|
97
97
|
const isBlockquoteSelected = isNodeTypeSelected(editor, BLOCKS.QUOTE);
|
|
98
98
|
const shouldDisableTables = isDisabled || !canInsertBlocks || isListSelected || isBlockquoteSelected;
|
|
99
|
-
// We only show the dropdown when: whenever at least bold , italic and underline are available; If nothing that would go inside the dropdown is available, we hide it
|
|
100
99
|
const boldItalicUnderlineAvailable = isMarkEnabled(sdk.field, MARKS.BOLD) || isMarkEnabled(sdk.field, MARKS.ITALIC) || isMarkEnabled(sdk.field, MARKS.UNDERLINE);
|
|
101
100
|
const dropdownItemsAvailable = isMarkEnabled(sdk.field, MARKS.SUPERSCRIPT) || isMarkEnabled(sdk.field, MARKS.SUBSCRIPT) || isMarkEnabled(sdk.field, MARKS.CODE);
|
|
102
101
|
const shouldShowDropdown = boldItalicUnderlineAvailable && dropdownItemsAvailable;
|
|
103
|
-
return
|
|
102
|
+
return React.createElement(Flex, {
|
|
104
103
|
testId: "toolbar",
|
|
105
104
|
className: styles.toolbar,
|
|
106
105
|
alignItems: "center"
|
|
107
|
-
},
|
|
106
|
+
}, React.createElement("div", {
|
|
108
107
|
className: styles.formattingOptionsWrapper
|
|
109
|
-
},
|
|
108
|
+
}, React.createElement(ToolbarHeadingButton, {
|
|
110
109
|
isDisabled: isDisabled || !canInsertBlocks
|
|
111
|
-
}), validationInfo.isAnyMarkEnabled &&
|
|
110
|
+
}), validationInfo.isAnyMarkEnabled && React.createElement("span", {
|
|
112
111
|
className: styles.divider
|
|
113
|
-
}), isMarkEnabled(sdk.field, MARKS.BOLD) &&
|
|
112
|
+
}), isMarkEnabled(sdk.field, MARKS.BOLD) && React.createElement(ToolbarBoldButton, {
|
|
114
113
|
isDisabled: isDisabled
|
|
115
|
-
}), isMarkEnabled(sdk.field, MARKS.ITALIC) &&
|
|
114
|
+
}), isMarkEnabled(sdk.field, MARKS.ITALIC) && React.createElement(ToolbarItalicButton, {
|
|
116
115
|
isDisabled: isDisabled
|
|
117
|
-
}), isMarkEnabled(sdk.field, MARKS.UNDERLINE) &&
|
|
116
|
+
}), isMarkEnabled(sdk.field, MARKS.UNDERLINE) && React.createElement(ToolbarUnderlineButton, {
|
|
118
117
|
isDisabled: isDisabled
|
|
119
|
-
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.SUPERSCRIPT) &&
|
|
118
|
+
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.SUPERSCRIPT) && React.createElement(ToolbarSuperscriptButton, {
|
|
120
119
|
isDisabled: isDisabled
|
|
121
|
-
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.SUBSCRIPT) &&
|
|
120
|
+
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.SUBSCRIPT) && React.createElement(ToolbarSubscriptButton, {
|
|
122
121
|
isDisabled: isDisabled
|
|
123
|
-
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.CODE) &&
|
|
122
|
+
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.CODE) && React.createElement(ToolbarCodeButton, {
|
|
124
123
|
isDisabled: isDisabled
|
|
125
|
-
}), shouldShowDropdown &&
|
|
124
|
+
}), shouldShowDropdown && React.createElement(Dropdown, {
|
|
126
125
|
sdk: sdk,
|
|
127
126
|
isDisabled: isDisabled
|
|
128
|
-
}), validationInfo.isAnyHyperlinkEnabled &&
|
|
127
|
+
}), validationInfo.isAnyHyperlinkEnabled && React.createElement(React.Fragment, null, React.createElement("span", {
|
|
129
128
|
className: styles.divider
|
|
130
|
-
}),
|
|
129
|
+
}), React.createElement(ToolbarHyperlinkButton, {
|
|
131
130
|
isDisabled: isDisabled
|
|
132
|
-
})), validationInfo.isAnyBlockFormattingEnabled &&
|
|
131
|
+
})), validationInfo.isAnyBlockFormattingEnabled && React.createElement("span", {
|
|
133
132
|
className: styles.divider
|
|
134
|
-
}),
|
|
133
|
+
}), React.createElement(ToolbarListButton, {
|
|
135
134
|
isDisabled: isDisabled || !canInsertBlocks
|
|
136
|
-
}), isNodeTypeEnabled(sdk.field, BLOCKS.QUOTE) &&
|
|
135
|
+
}), isNodeTypeEnabled(sdk.field, BLOCKS.QUOTE) && React.createElement(ToolbarQuoteButton, {
|
|
137
136
|
isDisabled: isDisabled || !canInsertBlocks
|
|
138
|
-
}), isNodeTypeEnabled(sdk.field, BLOCKS.HR) &&
|
|
137
|
+
}), isNodeTypeEnabled(sdk.field, BLOCKS.HR) && React.createElement(ToolbarHrButton, {
|
|
139
138
|
isDisabled: isDisabled || !canInsertBlocks
|
|
140
|
-
}), isNodeTypeEnabled(sdk.field, BLOCKS.TABLE) &&
|
|
139
|
+
}), isNodeTypeEnabled(sdk.field, BLOCKS.TABLE) && React.createElement(ToolbarTableButton, {
|
|
141
140
|
isDisabled: shouldDisableTables
|
|
142
|
-
})),
|
|
141
|
+
})), React.createElement("div", {
|
|
143
142
|
className: styles.embedActionsWrapper
|
|
144
|
-
},
|
|
143
|
+
}, React.createElement(EmbedEntityWidget, {
|
|
145
144
|
isDisabled: isDisabled,
|
|
146
145
|
canInsertBlocks: canInsertBlocks
|
|
147
146
|
})));
|
|
@@ -49,7 +49,7 @@ export function newReferenceEditorFakeSdk(props) {
|
|
|
49
49
|
locales,
|
|
50
50
|
cmaAdapter: createFakeCMAAdapter({
|
|
51
51
|
Entry: {
|
|
52
|
-
get: async ({ entryId
|
|
52
|
+
get: async ({ entryId })=>{
|
|
53
53
|
if (props?.fetchDelay) {
|
|
54
54
|
await delay(props.fetchDelay);
|
|
55
55
|
}
|
|
@@ -66,7 +66,7 @@ export function newReferenceEditorFakeSdk(props) {
|
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
68
|
Asset: {
|
|
69
|
-
get: async ({ assetId
|
|
69
|
+
get: async ({ assetId })=>{
|
|
70
70
|
if (props?.fetchDelay) {
|
|
71
71
|
await delay(props.fetchDelay);
|
|
72
72
|
}
|
|
@@ -91,7 +91,7 @@ export function newReferenceEditorFakeSdk(props) {
|
|
|
91
91
|
}
|
|
92
92
|
},
|
|
93
93
|
ContentType: {
|
|
94
|
-
get: async ({ contentTypeId
|
|
94
|
+
get: async ({ contentTypeId })=>{
|
|
95
95
|
if (contentTypeId === contentTypes.published.sys.id) {
|
|
96
96
|
return contentTypes.published;
|
|
97
97
|
}
|