@contentful/field-editor-rich-text 4.5.0 → 4.7.0
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/RichTextEditor.js +11 -11
- package/dist/cjs/SdkProvider.js +2 -1
- package/dist/cjs/Toolbar/_tests_/toolbar.test.js +12 -12
- package/dist/cjs/Toolbar/components/ButtonRedo.js +3 -3
- package/dist/cjs/Toolbar/components/ButtonUndo.js +3 -3
- package/dist/cjs/Toolbar/components/EmbedEntityWidget.js +6 -6
- package/dist/cjs/Toolbar/components/EmbeddedEntityDropdownButton.js +5 -5
- package/dist/cjs/Toolbar/components/StickyToolbarWrapper.js +1 -1
- package/dist/cjs/Toolbar/index.js +28 -28
- package/dist/cjs/dialogs/HypelinkDialog/HyperlinkDialog.js +20 -20
- package/dist/cjs/dialogs/openRichTextDialog.js +1 -1
- package/dist/cjs/dialogs/renderRichTextDialog.js +2 -2
- package/dist/cjs/helpers/__tests__/removeInternalMarks.test.js +8 -8
- package/dist/cjs/plugins/Break/createExitBreakPlugin.test.js +1 -1
- package/dist/cjs/plugins/Break/createSoftBreakPlugin.test.js +1 -1
- package/dist/cjs/plugins/CommandPalette/components/CommandList.js +26 -26
- package/dist/cjs/plugins/CommandPalette/components/CommandPrompt.js +2 -2
- package/dist/cjs/plugins/EmbeddedEntityBlock/LinkedEntityBlock.js +3 -3
- package/dist/cjs/plugins/EmbeddedEntityInline/FetchingWrappedInlineEntryCard.js +11 -11
- package/dist/cjs/plugins/EmbeddedEntityInline/LinkedEntityInline.js +2 -2
- package/dist/cjs/plugins/EmbeddedResourceBlock/LinkedResourceBlock.js +2 -2
- package/dist/cjs/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.js +5 -5
- package/dist/cjs/plugins/EmbeddedResourceInline/LinkedResourceInline.js +2 -2
- package/dist/cjs/plugins/Heading/__tests__/createHeadingPlugin.test.js +31 -31
- package/dist/cjs/plugins/Heading/components/Heading.js +7 -7
- package/dist/cjs/plugins/Heading/components/ToolbarHeadingButton.js +6 -6
- package/dist/cjs/plugins/Hr/index.js +5 -5
- package/dist/cjs/plugins/Hyperlink/HyperlinkModal.js +19 -19
- package/dist/cjs/plugins/Hyperlink/__tests__/createHyperlinkPlugin.test.js +7 -7
- package/dist/cjs/plugins/Hyperlink/components/EntityHyperlink.js +3 -3
- package/dist/cjs/plugins/Hyperlink/components/LinkPopover.js +13 -13
- package/dist/cjs/plugins/Hyperlink/components/ResourceHyperlink.js +3 -3
- package/dist/cjs/plugins/Hyperlink/components/ToolbarHyperlinkButton.js +2 -2
- package/dist/cjs/plugins/Hyperlink/components/UrlHyperlink.js +3 -3
- package/dist/cjs/plugins/List/__tests__/createListPlugin.test.js +12 -12
- package/dist/cjs/plugins/List/__tests__/insertListBreak.test.js +23 -23
- package/dist/cjs/plugins/List/__tests__/insertListFragment.test.js +20 -20
- package/dist/cjs/plugins/List/components/List.js +1 -1
- package/dist/cjs/plugins/List/components/ListItem.js +1 -1
- package/dist/cjs/plugins/List/components/ToolbarListButton.js +3 -3
- package/dist/cjs/plugins/List/transforms/moveListItems.test.js +12 -12
- package/dist/cjs/plugins/List/transforms/toggleList.spec.js +18 -18
- package/dist/cjs/plugins/Marks/Bold.js +2 -2
- package/dist/cjs/plugins/Marks/Code.js +2 -2
- package/dist/cjs/plugins/Marks/Italic.js +2 -2
- package/dist/cjs/plugins/Marks/Strikethrough.js +6 -6
- package/dist/cjs/plugins/Marks/Subscript.js +4 -4
- package/dist/cjs/plugins/Marks/Superscript.js +4 -4
- package/dist/cjs/plugins/Marks/Underline.js +2 -2
- package/dist/cjs/plugins/Marks/components/MarkToolbarButton.js +2 -2
- package/dist/cjs/plugins/Normalizer/createNormalizerPlugin.test.js +8 -8
- package/dist/cjs/plugins/Paragraph/Paragraph.js +1 -1
- package/dist/cjs/plugins/Paragraph/__tests__/createParagraphPlugin.test.js +31 -31
- package/dist/cjs/plugins/Quote/__test__/createQuotePlugin.test.js +20 -20
- package/dist/cjs/plugins/Quote/components/Quote.js +1 -1
- package/dist/cjs/plugins/Quote/components/ToolbarQuoteButton.js +2 -2
- package/dist/cjs/plugins/Table/__tests__/createTablePlugin.test.js +21 -21
- package/dist/cjs/plugins/Table/__tests__/helpers.test.js +2 -2
- package/dist/cjs/plugins/Table/components/Cell.js +2 -2
- package/dist/cjs/plugins/Table/components/HeaderCell.js +2 -2
- package/dist/cjs/plugins/Table/components/Row.js +1 -1
- package/dist/cjs/plugins/Table/components/Table.js +3 -3
- package/dist/cjs/plugins/Table/components/TableActions.js +11 -11
- package/dist/cjs/plugins/Table/components/ToolbarButton.js +2 -2
- package/dist/cjs/plugins/Text/__tests__/createTextPlugin.test.js +14 -14
- package/dist/cjs/plugins/shared/EmbeddedBlockToolbarIcon.js +4 -4
- package/dist/cjs/plugins/shared/EmbeddedInlineToolbarIcon.js +4 -4
- package/dist/cjs/plugins/shared/FetchingWrappedAssetCard.js +6 -6
- package/dist/cjs/plugins/shared/FetchingWrappedEntryCard.js +6 -6
- package/dist/cjs/plugins/shared/FetchingWrappedResourceCard.js +6 -6
- package/dist/cjs/plugins/shared/LinkedBlockWrapper.js +2 -2
- package/dist/cjs/plugins/shared/LinkedInlineWrapper.js +2 -2
- package/dist/cjs/plugins/shared/ResourceNewBadge.js +1 -1
- package/dist/cjs/plugins/shared/ToolbarButton.js +2 -2
- package/dist/cjs/plugins/shared/__tests__/FetchingWrappedAssetCard.test.js +2 -2
- package/dist/cjs/plugins/shared/__tests__/FetchingWrappedEntryCard.test.js +2 -2
- package/dist/cjs/plugins/shared/__tests__/FetchingWrappedResourceCard.test.js +2 -2
- package/dist/esm/RichTextEditor.js +11 -11
- package/dist/esm/SdkProvider.js +2 -1
- package/dist/esm/Toolbar/_tests_/toolbar.test.js +12 -12
- package/dist/esm/Toolbar/components/ButtonRedo.js +3 -3
- package/dist/esm/Toolbar/components/ButtonUndo.js +3 -3
- package/dist/esm/Toolbar/components/EmbedEntityWidget.js +6 -6
- package/dist/esm/Toolbar/components/EmbeddedEntityDropdownButton.js +5 -5
- package/dist/esm/Toolbar/components/StickyToolbarWrapper.js +1 -1
- package/dist/esm/Toolbar/index.js +30 -30
- package/dist/esm/dialogs/HypelinkDialog/HyperlinkDialog.js +20 -20
- package/dist/esm/dialogs/openRichTextDialog.js +1 -1
- package/dist/esm/dialogs/renderRichTextDialog.js +2 -2
- package/dist/esm/helpers/__tests__/removeInternalMarks.test.js +8 -8
- package/dist/esm/plugins/Break/createExitBreakPlugin.test.js +1 -1
- package/dist/esm/plugins/Break/createSoftBreakPlugin.test.js +1 -1
- package/dist/esm/plugins/CommandPalette/components/CommandList.js +26 -26
- package/dist/esm/plugins/CommandPalette/components/CommandPrompt.js +2 -2
- package/dist/esm/plugins/EmbeddedEntityBlock/LinkedEntityBlock.js +3 -3
- package/dist/esm/plugins/EmbeddedEntityInline/FetchingWrappedInlineEntryCard.js +11 -11
- package/dist/esm/plugins/EmbeddedEntityInline/LinkedEntityInline.js +2 -2
- package/dist/esm/plugins/EmbeddedResourceBlock/LinkedResourceBlock.js +2 -2
- package/dist/esm/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.js +5 -5
- package/dist/esm/plugins/EmbeddedResourceInline/LinkedResourceInline.js +2 -2
- package/dist/esm/plugins/Heading/__tests__/createHeadingPlugin.test.js +31 -31
- package/dist/esm/plugins/Heading/components/Heading.js +7 -7
- package/dist/esm/plugins/Heading/components/ToolbarHeadingButton.js +6 -6
- package/dist/esm/plugins/Hr/index.js +5 -5
- package/dist/esm/plugins/Hyperlink/HyperlinkModal.js +19 -19
- package/dist/esm/plugins/Hyperlink/__tests__/createHyperlinkPlugin.test.js +7 -7
- package/dist/esm/plugins/Hyperlink/components/EntityHyperlink.js +3 -3
- package/dist/esm/plugins/Hyperlink/components/LinkPopover.js +13 -13
- package/dist/esm/plugins/Hyperlink/components/ResourceHyperlink.js +3 -3
- package/dist/esm/plugins/Hyperlink/components/ToolbarHyperlinkButton.js +2 -2
- package/dist/esm/plugins/Hyperlink/components/UrlHyperlink.js +3 -3
- package/dist/esm/plugins/List/__tests__/createListPlugin.test.js +12 -12
- package/dist/esm/plugins/List/__tests__/insertListBreak.test.js +23 -23
- package/dist/esm/plugins/List/__tests__/insertListFragment.test.js +20 -20
- 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/transforms/moveListItems.test.js +12 -12
- package/dist/esm/plugins/List/transforms/toggleList.spec.js +18 -18
- package/dist/esm/plugins/Marks/Bold.js +2 -2
- package/dist/esm/plugins/Marks/Code.js +2 -2
- package/dist/esm/plugins/Marks/Italic.js +2 -2
- package/dist/esm/plugins/Marks/Strikethrough.js +6 -6
- package/dist/esm/plugins/Marks/Subscript.js +4 -4
- package/dist/esm/plugins/Marks/Superscript.js +4 -4
- package/dist/esm/plugins/Marks/Underline.js +2 -2
- package/dist/esm/plugins/Marks/components/MarkToolbarButton.js +2 -2
- package/dist/esm/plugins/Marks/index.js +2 -2
- package/dist/esm/plugins/Normalizer/createNormalizerPlugin.test.js +8 -8
- package/dist/esm/plugins/Paragraph/Paragraph.js +1 -1
- package/dist/esm/plugins/Paragraph/__tests__/createParagraphPlugin.test.js +31 -31
- package/dist/esm/plugins/Quote/__test__/createQuotePlugin.test.js +20 -20
- package/dist/esm/plugins/Quote/components/Quote.js +1 -1
- package/dist/esm/plugins/Quote/components/ToolbarQuoteButton.js +2 -2
- package/dist/esm/plugins/Table/__tests__/createTablePlugin.test.js +21 -21
- package/dist/esm/plugins/Table/__tests__/helpers.test.js +2 -2
- 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 -11
- package/dist/esm/plugins/Table/components/ToolbarButton.js +2 -2
- package/dist/esm/plugins/Text/__tests__/createTextPlugin.test.js +14 -14
- package/dist/esm/plugins/shared/EmbeddedBlockToolbarIcon.js +4 -4
- package/dist/esm/plugins/shared/EmbeddedInlineToolbarIcon.js +4 -4
- package/dist/esm/plugins/shared/FetchingWrappedAssetCard.js +6 -6
- package/dist/esm/plugins/shared/FetchingWrappedEntryCard.js +6 -6
- package/dist/esm/plugins/shared/FetchingWrappedResourceCard.js +6 -6
- package/dist/esm/plugins/shared/LinkedBlockWrapper.js +2 -2
- package/dist/esm/plugins/shared/LinkedInlineWrapper.js +2 -2
- package/dist/esm/plugins/shared/ResourceNewBadge.js +1 -1
- package/dist/esm/plugins/shared/ToolbarButton.js +2 -2
- package/dist/esm/plugins/shared/__tests__/FetchingWrappedAssetCard.test.js +2 -2
- package/dist/esm/plugins/shared/__tests__/FetchingWrappedEntryCard.test.js +2 -2
- package/dist/esm/plugins/shared/__tests__/FetchingWrappedResourceCard.test.js +2 -2
- package/dist/esm/test-utils/jsx.js +1 -1
- package/package.json +6 -4
|
@@ -7,16 +7,16 @@ describe('delete backward', ()=>{
|
|
|
7
7
|
const tests = [
|
|
8
8
|
{
|
|
9
9
|
title: 'deletes a character of the text inside li',
|
|
10
|
-
input: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "p1", (0, _testutils.jsx)("cursor", null)))),
|
|
11
|
-
expected: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "p", (0, _testutils.jsx)("cursor", null))))
|
|
10
|
+
input: /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "p1", /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)))),
|
|
11
|
+
expected: /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "p", /*#__PURE__*/ (0, _testutils.jsx)("cursor", null))))
|
|
12
12
|
},
|
|
13
13
|
{
|
|
14
14
|
title: 'does not delete the very first paragraph',
|
|
15
|
-
input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hp", null, "text")),
|
|
16
|
-
expected: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hp", null, "text"))
|
|
15
|
+
input: /*#__PURE__*/ (0, _testutils.jsx)("fragment", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "text")),
|
|
16
|
+
expected: /*#__PURE__*/ (0, _testutils.jsx)("fragment", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "text"))
|
|
17
17
|
}
|
|
18
18
|
];
|
|
19
|
-
const render = (children)
|
|
19
|
+
const render = (children)=>/*#__PURE__*/ (0, _testutils.jsx)("editor", null, children, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
|
|
20
20
|
for (const t of tests){
|
|
21
21
|
test(t.title, ()=>{
|
|
22
22
|
const { editor } = (0, _testutils.createTestEditor)({
|
|
@@ -34,26 +34,26 @@ describe('delete forward', ()=>{
|
|
|
34
34
|
const tests = [
|
|
35
35
|
{
|
|
36
36
|
title: 'deletes a character of the text inside li',
|
|
37
|
-
input: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "p1"))),
|
|
38
|
-
expected: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "1")))
|
|
37
|
+
input: /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null), "p1"))),
|
|
38
|
+
expected: /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null), "1")))
|
|
39
39
|
},
|
|
40
40
|
{
|
|
41
41
|
title: 'deletes the first paragraph when followed by another paragraph',
|
|
42
|
-
input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hp", null, "text")),
|
|
43
|
-
expected: (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "text")
|
|
42
|
+
input: /*#__PURE__*/ (0, _testutils.jsx)("fragment", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "text")),
|
|
43
|
+
expected: /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null), "text")
|
|
44
44
|
},
|
|
45
45
|
{
|
|
46
46
|
title: 'deletes the first paragraph when followed by li',
|
|
47
|
-
input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "p1")))),
|
|
48
|
-
expected: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "p1")))
|
|
47
|
+
input: /*#__PURE__*/ (0, _testutils.jsx)("fragment", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)), /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "p1")))),
|
|
48
|
+
expected: /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null), "p1")))
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
51
|
title: 'deletes the first paragraph when followed by a blockquote',
|
|
52
|
-
input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, "p1"))),
|
|
53
|
-
expected: (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "p1"))
|
|
52
|
+
input: /*#__PURE__*/ (0, _testutils.jsx)("fragment", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null)), /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "p1"))),
|
|
53
|
+
expected: /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("cursor", null), "p1"))
|
|
54
54
|
}
|
|
55
55
|
];
|
|
56
|
-
const render = (children)
|
|
56
|
+
const render = (children)=>/*#__PURE__*/ (0, _testutils.jsx)("editor", null, children, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
|
|
57
57
|
for (const t of tests){
|
|
58
58
|
test(t.title, ()=>{
|
|
59
59
|
const { editor } = (0, _testutils.createTestEditor)({
|
|
@@ -88,19 +88,19 @@ function EmbeddedBlockToolbarIcon({ isDisabled, nodeType, onClose }) {
|
|
|
88
88
|
};
|
|
89
89
|
const type = getEntityTypeFromNodeType(nodeType);
|
|
90
90
|
const baseClass = `rich-text__${nodeType}`;
|
|
91
|
-
return _react.createElement(_f36components.Menu.Item, {
|
|
91
|
+
return /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
|
|
92
92
|
disabled: isDisabled,
|
|
93
93
|
className: `${baseClass}-list-item`,
|
|
94
94
|
onClick: handleClick,
|
|
95
95
|
testId: `toolbar-toggle-${nodeType}`
|
|
96
|
-
}, _react.createElement(_f36components.Flex, {
|
|
96
|
+
}, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
|
|
97
97
|
alignItems: "center",
|
|
98
98
|
flexDirection: "row"
|
|
99
|
-
}, _react.createElement(_f36components.Icon, {
|
|
99
|
+
}, /*#__PURE__*/ _react.createElement(_f36components.Icon, {
|
|
100
100
|
as: type === 'Asset' ? _f36icons.AssetIcon : _f36icons.EmbeddedEntryBlockIcon,
|
|
101
101
|
className: `rich-text__embedded-entry-list-icon ${styles.icon}`,
|
|
102
102
|
variant: "secondary"
|
|
103
|
-
}), _react.createElement("span", null, type, nodeType == _richtexttypes.BLOCKS.EMBEDDED_RESOURCE && _react.createElement(_ResourceNewBadge.ResourceNewBadge, null))));
|
|
103
|
+
}), /*#__PURE__*/ _react.createElement("span", null, type, nodeType == _richtexttypes.BLOCKS.EMBEDDED_RESOURCE && /*#__PURE__*/ _react.createElement(_ResourceNewBadge.ResourceNewBadge, null))));
|
|
104
104
|
}
|
|
105
105
|
function getEntityTypeFromNodeType(nodeType) {
|
|
106
106
|
const words = nodeType.toLowerCase().split('-');
|
|
@@ -92,16 +92,16 @@ function EmbeddedInlineToolbarIcon({ onClose, nodeType, isDisabled }) {
|
|
|
92
92
|
}
|
|
93
93
|
(0, _editor.moveToTheNextChar)(editor);
|
|
94
94
|
}
|
|
95
|
-
return _react.createElement(_f36components.Menu.Item, {
|
|
95
|
+
return /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
|
|
96
96
|
disabled: isDisabled,
|
|
97
97
|
className: "rich-text__entry-link-block-button",
|
|
98
98
|
testId: `toolbar-toggle-${nodeType}`,
|
|
99
99
|
onClick: handleClick
|
|
100
|
-
}, _react.createElement(_f36components.Flex, {
|
|
100
|
+
}, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
|
|
101
101
|
alignItems: "center",
|
|
102
102
|
flexDirection: "row"
|
|
103
|
-
}, _react.createElement(_f36icons.EmbeddedEntryInlineIcon, {
|
|
103
|
+
}, /*#__PURE__*/ _react.createElement(_f36icons.EmbeddedEntryInlineIcon, {
|
|
104
104
|
variant: "secondary",
|
|
105
105
|
className: `rich-text__embedded-entry-list-icon ${styles.icon}`
|
|
106
|
-
}), _react.createElement("span", null, "Inline entry", nodeType == _richtexttypes.INLINES.EMBEDDED_RESOURCE && _react.createElement(_ResourceNewBadge.ResourceNewBadge, null))));
|
|
106
|
+
}), /*#__PURE__*/ _react.createElement("span", null, "Inline entry", nodeType == _richtexttypes.INLINES.EMBEDDED_RESOURCE && /*#__PURE__*/ _react.createElement(_ResourceNewBadge.ResourceNewBadge, null))));
|
|
107
107
|
}
|
|
@@ -59,9 +59,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
59
59
|
}
|
|
60
60
|
return newObj;
|
|
61
61
|
}
|
|
62
|
-
const InternalAssetCard = _react.memo((props)=>{
|
|
62
|
+
const InternalAssetCard = /*#__PURE__*/ _react.memo((props)=>{
|
|
63
63
|
const activeLocales = (0, _fieldeditorshared.useActiveLocales)(props.sdk);
|
|
64
|
-
return _react.createElement(_fieldeditorreference.WrappedAssetCard, {
|
|
64
|
+
return /*#__PURE__*/ _react.createElement(_fieldeditorreference.WrappedAssetCard, {
|
|
65
65
|
getEntityScheduledActions: props.loadEntityScheduledActions,
|
|
66
66
|
size: "small",
|
|
67
67
|
isSelected: props.isSelected,
|
|
@@ -75,7 +75,7 @@ const InternalAssetCard = _react.memo((props)=>{
|
|
|
75
75
|
useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
|
|
76
76
|
localesStatusMap: props.localesStatusMap,
|
|
77
77
|
activeLocales: activeLocales,
|
|
78
|
-
renderDragHandle: !props.isDisabled ? (dragHandleProps)
|
|
78
|
+
renderDragHandle: !props.isDisabled ? (dragHandleProps)=>/*#__PURE__*/ _react.createElement(_f36components.DragHandle, {
|
|
79
79
|
label: "drag embedded asset",
|
|
80
80
|
...dragHandleProps
|
|
81
81
|
}) : undefined
|
|
@@ -100,19 +100,19 @@ function FetchingWrappedAssetCard(props) {
|
|
|
100
100
|
status
|
|
101
101
|
]);
|
|
102
102
|
if (status === 'loading' || status === 'idle') {
|
|
103
|
-
return _react.createElement(_f36components.AssetCard, {
|
|
103
|
+
return /*#__PURE__*/ _react.createElement(_f36components.AssetCard, {
|
|
104
104
|
size: "default",
|
|
105
105
|
isLoading: true
|
|
106
106
|
});
|
|
107
107
|
}
|
|
108
108
|
if (status === 'error') {
|
|
109
|
-
return _react.createElement(_fieldeditorreference.MissingEntityCard, {
|
|
109
|
+
return /*#__PURE__*/ _react.createElement(_fieldeditorreference.MissingEntityCard, {
|
|
110
110
|
isDisabled: props.isDisabled,
|
|
111
111
|
onRemove: props.onRemove,
|
|
112
112
|
providerName: "Contentful"
|
|
113
113
|
});
|
|
114
114
|
}
|
|
115
|
-
return _react.createElement(InternalAssetCard, {
|
|
115
|
+
return /*#__PURE__*/ _react.createElement(InternalAssetCard, {
|
|
116
116
|
asset: asset,
|
|
117
117
|
sdk: props.sdk,
|
|
118
118
|
isDisabled: props.isDisabled,
|
|
@@ -59,11 +59,11 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
59
59
|
}
|
|
60
60
|
return newObj;
|
|
61
61
|
}
|
|
62
|
-
const InternalEntryCard = _react.memo((props)=>{
|
|
62
|
+
const InternalEntryCard = /*#__PURE__*/ _react.memo((props)=>{
|
|
63
63
|
const { entry, sdk, loadEntityScheduledActions, releaseLocalesStatusMap, isActiveReleaseLoading, activeRelease } = props;
|
|
64
64
|
const contentType = sdk.space.getCachedContentTypes().find((contentType)=>contentType.sys.id === entry.sys.contentType.sys.id);
|
|
65
65
|
const activeLocales = (0, _fieldeditorshared.useActiveLocales)(props.sdk);
|
|
66
|
-
return _react.createElement(_fieldeditorreference.WrappedEntryCard, {
|
|
66
|
+
return /*#__PURE__*/ _react.createElement(_fieldeditorreference.WrappedEntryCard, {
|
|
67
67
|
size: "default",
|
|
68
68
|
getAsset: props.sdk.space.getAsset,
|
|
69
69
|
getEntityScheduledActions: loadEntityScheduledActions,
|
|
@@ -79,7 +79,7 @@ const InternalEntryCard = _react.memo((props)=>{
|
|
|
79
79
|
useLocalizedEntityStatus: sdk.parameters.instance.useLocalizedEntityStatus,
|
|
80
80
|
localesStatusMap: props.localesStatusMap,
|
|
81
81
|
activeLocales: activeLocales,
|
|
82
|
-
renderDragHandle: !props.isDisabled ? (dragHandleProps)
|
|
82
|
+
renderDragHandle: !props.isDisabled ? (dragHandleProps)=>/*#__PURE__*/ _react.createElement(_f36components.DragHandle, {
|
|
83
83
|
label: "drag embedded entry",
|
|
84
84
|
...dragHandleProps
|
|
85
85
|
}) : undefined,
|
|
@@ -116,18 +116,18 @@ const FetchingWrappedEntryCard = (props)=>{
|
|
|
116
116
|
status
|
|
117
117
|
]);
|
|
118
118
|
if (status === 'loading' || status === 'idle') {
|
|
119
|
-
return _react.createElement(_f36components.EntryCard, {
|
|
119
|
+
return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
|
|
120
120
|
isLoading: true
|
|
121
121
|
});
|
|
122
122
|
}
|
|
123
123
|
if (status === 'error') {
|
|
124
|
-
return _react.createElement(_fieldeditorreference.MissingEntityCard, {
|
|
124
|
+
return /*#__PURE__*/ _react.createElement(_fieldeditorreference.MissingEntityCard, {
|
|
125
125
|
isDisabled: props.isDisabled,
|
|
126
126
|
onRemove: props.onRemove,
|
|
127
127
|
providerName: "Contentful"
|
|
128
128
|
});
|
|
129
129
|
}
|
|
130
|
-
return _react.createElement(InternalEntryCard, {
|
|
130
|
+
return /*#__PURE__*/ _react.createElement(InternalEntryCard, {
|
|
131
131
|
entry: entry,
|
|
132
132
|
sdk: props.sdk,
|
|
133
133
|
locale: props.locale,
|
|
@@ -58,14 +58,14 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
58
58
|
}
|
|
59
59
|
return newObj;
|
|
60
60
|
}
|
|
61
|
-
const InternalEntryCard = _react.memo((props)=>{
|
|
61
|
+
const InternalEntryCard = /*#__PURE__*/ _react.memo((props)=>{
|
|
62
62
|
if (props.data === undefined || props.status === 'loading') {
|
|
63
|
-
return _react.createElement(_f36components.EntryCard, {
|
|
63
|
+
return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
|
|
64
64
|
isLoading: true
|
|
65
65
|
});
|
|
66
66
|
}
|
|
67
67
|
const { contentType, resource: entry, space } = props.data;
|
|
68
|
-
return _react.createElement(_fieldeditorreference.WrappedEntryCard, {
|
|
68
|
+
return /*#__PURE__*/ _react.createElement(_fieldeditorreference.WrappedEntryCard, {
|
|
69
69
|
size: "default",
|
|
70
70
|
getAsset: ()=>Promise.resolve(),
|
|
71
71
|
isSelected: props.isSelected,
|
|
@@ -80,7 +80,7 @@ const InternalEntryCard = _react.memo((props)=>{
|
|
|
80
80
|
isClickable: false,
|
|
81
81
|
getEntityScheduledActions: ()=>Promise.resolve([]),
|
|
82
82
|
useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
|
|
83
|
-
renderDragHandle: !props.isDisabled ? (dragHandleProps)
|
|
83
|
+
renderDragHandle: !props.isDisabled ? (dragHandleProps)=>/*#__PURE__*/ _react.createElement(_f36components.DragHandle, {
|
|
84
84
|
label: "drag resource entry",
|
|
85
85
|
...dragHandleProps
|
|
86
86
|
}) : undefined
|
|
@@ -101,7 +101,7 @@ const FetchingWrappedResourceCard = (props)=>{
|
|
|
101
101
|
status
|
|
102
102
|
]);
|
|
103
103
|
if (status === 'error') {
|
|
104
|
-
return _react.createElement(_fieldeditorreference.ResourceEntityErrorCard, {
|
|
104
|
+
return /*#__PURE__*/ _react.createElement(_fieldeditorreference.ResourceEntityErrorCard, {
|
|
105
105
|
error: error,
|
|
106
106
|
linkType: link.linkType,
|
|
107
107
|
isSelected: props.isSelected,
|
|
@@ -109,7 +109,7 @@ const FetchingWrappedResourceCard = (props)=>{
|
|
|
109
109
|
onRemove: props.onRemove
|
|
110
110
|
});
|
|
111
111
|
}
|
|
112
|
-
return _react.createElement(InternalEntryCard, {
|
|
112
|
+
return /*#__PURE__*/ _react.createElement(InternalEntryCard, {
|
|
113
113
|
data: data,
|
|
114
114
|
status: status,
|
|
115
115
|
sdk: props.sdk,
|
|
@@ -29,14 +29,14 @@ const styles = {
|
|
|
29
29
|
})
|
|
30
30
|
};
|
|
31
31
|
function LinkedBlockWrapper({ attributes, card, children, link }) {
|
|
32
|
-
return _react.default.createElement("div", {
|
|
32
|
+
return /*#__PURE__*/ _react.default.createElement("div", {
|
|
33
33
|
...attributes,
|
|
34
34
|
className: styles.root,
|
|
35
35
|
"data-entity-type": link.sys.linkType,
|
|
36
36
|
"data-entity-id": (0, _utils.getLinkEntityId)(link),
|
|
37
37
|
contentEditable: _environment.IS_CHROME ? undefined : false,
|
|
38
38
|
draggable: _environment.IS_CHROME ? true : undefined
|
|
39
|
-
}, _react.default.createElement("div", {
|
|
39
|
+
}, /*#__PURE__*/ _react.default.createElement("div", {
|
|
40
40
|
contentEditable: _environment.IS_CHROME ? false : undefined,
|
|
41
41
|
draggable: _environment.IS_CHROME ? true : undefined,
|
|
42
42
|
className: styles.container
|
|
@@ -73,14 +73,14 @@ const styles = {
|
|
|
73
73
|
})
|
|
74
74
|
};
|
|
75
75
|
function LinkedInlineWrapper({ attributes, card, children, link }) {
|
|
76
|
-
return _react.createElement("span", {
|
|
76
|
+
return /*#__PURE__*/ _react.createElement("span", {
|
|
77
77
|
...attributes,
|
|
78
78
|
className: styles.root,
|
|
79
79
|
"data-entity-type": link.sys.linkType,
|
|
80
80
|
"data-entity-id": (0, _utils.getLinkEntityId)(link),
|
|
81
81
|
contentEditable: _environment.IS_CHROME ? undefined : false,
|
|
82
82
|
draggable: _environment.IS_CHROME ? true : undefined
|
|
83
|
-
}, _react.createElement("span", {
|
|
83
|
+
}, /*#__PURE__*/ _react.createElement("span", {
|
|
84
84
|
contentEditable: _environment.IS_CHROME ? false : undefined,
|
|
85
85
|
draggable: _environment.IS_CHROME ? true : undefined
|
|
86
86
|
}, card), children);
|
|
@@ -52,7 +52,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
52
52
|
return newObj;
|
|
53
53
|
}
|
|
54
54
|
const ResourceNewBadge = ()=>{
|
|
55
|
-
return _react.createElement(_react.Fragment, null, ' ', "(different space)", ' ', _react.createElement(_f36components.Badge, {
|
|
55
|
+
return /*#__PURE__*/ _react.createElement(_react.Fragment, null, ' ', "(different space)", ' ', /*#__PURE__*/ _react.createElement(_f36components.Badge, {
|
|
56
56
|
variant: "primary-filled",
|
|
57
57
|
size: "small"
|
|
58
58
|
}, "new"));
|
|
@@ -75,7 +75,7 @@ function ToolbarButton(props) {
|
|
|
75
75
|
event.preventDefault();
|
|
76
76
|
props.onClick();
|
|
77
77
|
};
|
|
78
|
-
const button = _react.createElement(_f36components.Button, {
|
|
78
|
+
const button = /*#__PURE__*/ _react.createElement(_f36components.Button, {
|
|
79
79
|
className: (0, _emotion.cx)(styles.button, className),
|
|
80
80
|
isDisabled: isDisabled,
|
|
81
81
|
startIcon: children,
|
|
@@ -85,7 +85,7 @@ function ToolbarButton(props) {
|
|
|
85
85
|
size: "small"
|
|
86
86
|
});
|
|
87
87
|
if (title) {
|
|
88
|
-
return _react.createElement(_f36components.Tooltip, {
|
|
88
|
+
return /*#__PURE__*/ _react.createElement(_f36components.Tooltip, {
|
|
89
89
|
className: styles.tooltip,
|
|
90
90
|
placement: "bottom",
|
|
91
91
|
content: title
|
|
@@ -100,9 +100,9 @@ beforeEach(()=>{
|
|
|
100
100
|
};
|
|
101
101
|
});
|
|
102
102
|
test('some dropdown actions should be disabled', async ()=>{
|
|
103
|
-
const { getByTestId, queryByTestId } = (0, _react1.render)(_react.createElement(_fieldeditorreference.EntityProvider, {
|
|
103
|
+
const { getByTestId, queryByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_fieldeditorreference.EntityProvider, {
|
|
104
104
|
sdk: sdk
|
|
105
|
-
}, _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
|
|
105
|
+
}, /*#__PURE__*/ _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
|
|
106
106
|
sdk: sdk,
|
|
107
107
|
assetId: "asset-id",
|
|
108
108
|
locale: "en-US",
|
|
@@ -104,9 +104,9 @@ beforeEach(()=>{
|
|
|
104
104
|
};
|
|
105
105
|
});
|
|
106
106
|
test('some dropdown actions should be disabled/removed', async ()=>{
|
|
107
|
-
const { getByTestId, queryByTestId } = (0, _react1.render)(_react.createElement(_fieldeditorreference.EntityProvider, {
|
|
107
|
+
const { getByTestId, queryByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_fieldeditorreference.EntityProvider, {
|
|
108
108
|
sdk: sdk
|
|
109
|
-
}, _react.createElement(_FetchingWrappedEntryCard.FetchingWrappedEntryCard, {
|
|
109
|
+
}, /*#__PURE__*/ _react.createElement(_FetchingWrappedEntryCard.FetchingWrappedEntryCard, {
|
|
110
110
|
sdk: sdk,
|
|
111
111
|
entryId: "entry-id",
|
|
112
112
|
locale: "en-US",
|
|
@@ -123,9 +123,9 @@ beforeEach(()=>{
|
|
|
123
123
|
};
|
|
124
124
|
});
|
|
125
125
|
function renderResourceCard({ linkType = 'Contentful:Entry', entryUrn = resolvableEntryUrn } = {}) {
|
|
126
|
-
return (0, _react1.render)(_react.createElement(_fieldeditorreference.EntityProvider, {
|
|
126
|
+
return (0, _react1.render)(/*#__PURE__*/ _react.createElement(_fieldeditorreference.EntityProvider, {
|
|
127
127
|
sdk: sdk
|
|
128
|
-
}, _react.createElement(_FetchingWrappedResourceCard.FetchingWrappedResourceCard, {
|
|
128
|
+
}, /*#__PURE__*/ _react.createElement(_FetchingWrappedResourceCard.FetchingWrappedResourceCard, {
|
|
129
129
|
isDisabled: false,
|
|
130
130
|
isSelected: false,
|
|
131
131
|
sdk: sdk,
|
|
@@ -38,29 +38,29 @@ export const ConnectedRichTextEditor = (props)=>{
|
|
|
38
38
|
}) : undefined, props.maxHeight !== undefined ? css({
|
|
39
39
|
maxHeight: props.maxHeight
|
|
40
40
|
}) : undefined, props.isDisabled ? styles.disabled : styles.enabled, props.isToolbarHidden && styles.hiddenToolbar, direction === 'rtl' ? styles.rtl : styles.ltr);
|
|
41
|
-
return React.createElement(EntityProvider, {
|
|
41
|
+
return /*#__PURE__*/ React.createElement(EntityProvider, {
|
|
42
42
|
sdk: sdk
|
|
43
|
-
}, React.createElement(SdkProvider, {
|
|
43
|
+
}, /*#__PURE__*/ React.createElement(SdkProvider, {
|
|
44
44
|
sdk: sdk
|
|
45
|
-
}, React.createElement(ContentfulEditorIdProvider, {
|
|
45
|
+
}, /*#__PURE__*/ React.createElement(ContentfulEditorIdProvider, {
|
|
46
46
|
value: id
|
|
47
|
-
}, React.createElement("div", {
|
|
47
|
+
}, /*#__PURE__*/ React.createElement("div", {
|
|
48
48
|
className: styles.root,
|
|
49
49
|
"data-test-id": "rich-text-editor"
|
|
50
|
-
}, React.createElement(Plate, {
|
|
50
|
+
}, /*#__PURE__*/ React.createElement(Plate, {
|
|
51
51
|
id: id,
|
|
52
52
|
initialValue: initialValue,
|
|
53
53
|
plugins: plugins,
|
|
54
54
|
disableCorePlugins: disableCorePlugins
|
|
55
|
-
}, !props.isToolbarHidden && React.createElement(StickyToolbarWrapper, {
|
|
55
|
+
}, !props.isToolbarHidden && /*#__PURE__*/ React.createElement(StickyToolbarWrapper, {
|
|
56
56
|
isDisabled: props.isDisabled,
|
|
57
57
|
offset: props.stickyToolbarOffset
|
|
58
|
-
}, React.createElement(Toolbar, {
|
|
58
|
+
}, /*#__PURE__*/ React.createElement(Toolbar, {
|
|
59
59
|
isDisabled: props.isDisabled
|
|
60
|
-
})), React.createElement(SyncEditorChanges, {
|
|
60
|
+
})), /*#__PURE__*/ React.createElement(SyncEditorChanges, {
|
|
61
61
|
incomingValue: initialValue,
|
|
62
62
|
onChange: props.onChange
|
|
63
|
-
}), React.createElement(PlateContent, {
|
|
63
|
+
}), /*#__PURE__*/ React.createElement(PlateContent, {
|
|
64
64
|
id: id,
|
|
65
65
|
className: classNames,
|
|
66
66
|
readOnly: props.isDisabled
|
|
@@ -79,13 +79,13 @@ const RichTextEditor = (props)=>{
|
|
|
79
79
|
sdk.field
|
|
80
80
|
]);
|
|
81
81
|
const id = getContentfulEditorId(props.sdk);
|
|
82
|
-
return React.createElement(FieldConnector, {
|
|
82
|
+
return /*#__PURE__*/ React.createElement(FieldConnector, {
|
|
83
83
|
debounce: 0,
|
|
84
84
|
field: sdk.field,
|
|
85
85
|
isInitiallyDisabled: isInitiallyDisabled,
|
|
86
86
|
isEmptyValue: isEmptyValue,
|
|
87
87
|
isDisabled: isDisabled
|
|
88
|
-
}, ({ lastRemoteValue, disabled, setValue })
|
|
88
|
+
}, ({ lastRemoteValue, disabled, setValue })=>/*#__PURE__*/ React.createElement(ConnectedRichTextEditor, {
|
|
89
89
|
...otherProps,
|
|
90
90
|
key: `rich-text-editor-${id}`,
|
|
91
91
|
value: lastRemoteValue,
|
package/dist/esm/SdkProvider.js
CHANGED
|
@@ -42,13 +42,13 @@ describe('Toolbar', ()=>{
|
|
|
42
42
|
test('everything on the toolbar should be disabled', async ()=>{
|
|
43
43
|
const sdk = mockSdk();
|
|
44
44
|
const id = getContentfulEditorId(sdk);
|
|
45
|
-
const { getByTestId } = render(React.createElement(Plate, {
|
|
45
|
+
const { getByTestId } = render(/*#__PURE__*/ React.createElement(Plate, {
|
|
46
46
|
id: id
|
|
47
|
-
}, React.createElement(SdkProvider, {
|
|
47
|
+
}, /*#__PURE__*/ React.createElement(SdkProvider, {
|
|
48
48
|
sdk: sdk
|
|
49
|
-
}, React.createElement(ContentfulEditorIdProvider, {
|
|
49
|
+
}, /*#__PURE__*/ React.createElement(ContentfulEditorIdProvider, {
|
|
50
50
|
value: id
|
|
51
|
-
}, React.createElement(Toolbar, {
|
|
51
|
+
}, /*#__PURE__*/ React.createElement(Toolbar, {
|
|
52
52
|
isDisabled: true
|
|
53
53
|
})))));
|
|
54
54
|
await waitFor(()=>{
|
|
@@ -76,13 +76,13 @@ describe('Toolbar', ()=>{
|
|
|
76
76
|
MARKS.SUPERSCRIPT
|
|
77
77
|
]);
|
|
78
78
|
const id = getContentfulEditorId(sdk);
|
|
79
|
-
const { queryByTestId } = render(React.createElement(Plate, {
|
|
79
|
+
const { queryByTestId } = render(/*#__PURE__*/ React.createElement(Plate, {
|
|
80
80
|
id: id
|
|
81
|
-
}, React.createElement(SdkProvider, {
|
|
81
|
+
}, /*#__PURE__*/ React.createElement(SdkProvider, {
|
|
82
82
|
sdk: sdk
|
|
83
|
-
}, React.createElement(ContentfulEditorIdProvider, {
|
|
83
|
+
}, /*#__PURE__*/ React.createElement(ContentfulEditorIdProvider, {
|
|
84
84
|
value: id
|
|
85
|
-
}, React.createElement(Toolbar, {
|
|
85
|
+
}, /*#__PURE__*/ React.createElement(Toolbar, {
|
|
86
86
|
isDisabled: true
|
|
87
87
|
})))));
|
|
88
88
|
expect(queryByTestId('dropdown-toolbar-button')).toBeVisible();
|
|
@@ -94,13 +94,13 @@ describe('Toolbar', ()=>{
|
|
|
94
94
|
MARKS.CODE
|
|
95
95
|
]);
|
|
96
96
|
const id = getContentfulEditorId(sdk);
|
|
97
|
-
const { queryByTestId } = render(React.createElement(Plate, {
|
|
97
|
+
const { queryByTestId } = render(/*#__PURE__*/ React.createElement(Plate, {
|
|
98
98
|
id: id
|
|
99
|
-
}, React.createElement(SdkProvider, {
|
|
99
|
+
}, /*#__PURE__*/ React.createElement(SdkProvider, {
|
|
100
100
|
sdk: sdk
|
|
101
|
-
}, React.createElement(ContentfulEditorIdProvider, {
|
|
101
|
+
}, /*#__PURE__*/ React.createElement(ContentfulEditorIdProvider, {
|
|
102
102
|
value: id
|
|
103
|
-
}, React.createElement(Toolbar, {
|
|
103
|
+
}, /*#__PURE__*/ React.createElement(Toolbar, {
|
|
104
104
|
isDisabled: true
|
|
105
105
|
})))));
|
|
106
106
|
expect(queryByTestId('dropdown-toolbar-button')).not.toBeInTheDocument();
|
|
@@ -7,15 +7,15 @@ export const ButtonRedo = ()=>{
|
|
|
7
7
|
const onClickHandler = ()=>{
|
|
8
8
|
editor.redo('toolbar');
|
|
9
9
|
};
|
|
10
|
-
return React.createElement(ToolbarButton, {
|
|
10
|
+
return /*#__PURE__*/ React.createElement(ToolbarButton, {
|
|
11
11
|
title: "Redo",
|
|
12
12
|
testId: "redo-toolbar-button",
|
|
13
13
|
onClick: onClickHandler,
|
|
14
14
|
isActive: false,
|
|
15
15
|
isDisabled: editor.history.redos.length === 0
|
|
16
|
-
}, React.createElement(Icon, {
|
|
16
|
+
}, /*#__PURE__*/ React.createElement(Icon, {
|
|
17
17
|
variant: "secondary"
|
|
18
|
-
}, React.createElement("path", {
|
|
18
|
+
}, /*#__PURE__*/ React.createElement("path", {
|
|
19
19
|
d: "M18.4,10.6C16.55,9 14.15,8 11.5,8C6.85,8 2.92,11.03 1.54,15.22L3.9,16C4.95,12.81 7.95,10.5 11.5,10.5C13.45,10.5 15.23,11.22 16.62,12.38L13,16H22V7L18.4,10.6Z"
|
|
20
20
|
})));
|
|
21
21
|
};
|
|
@@ -7,15 +7,15 @@ export const ButtonUndo = ()=>{
|
|
|
7
7
|
const onClickHandler = ()=>{
|
|
8
8
|
editor.undo('toolbar');
|
|
9
9
|
};
|
|
10
|
-
return React.createElement(ToolbarButton, {
|
|
10
|
+
return /*#__PURE__*/ React.createElement(ToolbarButton, {
|
|
11
11
|
title: "Undo",
|
|
12
12
|
testId: "undo-toolbar-button",
|
|
13
13
|
onClick: onClickHandler,
|
|
14
14
|
isActive: false,
|
|
15
15
|
isDisabled: editor.history.undos.length === 0
|
|
16
|
-
}, React.createElement(Icon, {
|
|
16
|
+
}, /*#__PURE__*/ React.createElement(Icon, {
|
|
17
17
|
variant: "secondary"
|
|
18
|
-
}, React.createElement("path", {
|
|
18
|
+
}, /*#__PURE__*/ React.createElement("path", {
|
|
19
19
|
d: "M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z"
|
|
20
20
|
})));
|
|
21
21
|
};
|
|
@@ -18,29 +18,29 @@ export const EmbedEntityWidget = ({ isDisabled, canInsertBlocks })=>{
|
|
|
18
18
|
const blockEntryEmbedEnabled = isNodeTypeEnabled(sdk.field, BLOCKS.EMBEDDED_ENTRY) && canInsertBlocks;
|
|
19
19
|
const blockResourceEmbedEnabled = isNodeTypeEnabled(sdk.field, BLOCKS.EMBEDDED_RESOURCE) && canInsertBlocks;
|
|
20
20
|
const blockAssetEmbedEnabled = isNodeTypeEnabled(sdk.field, BLOCKS.EMBEDDED_ASSET) && canInsertBlocks;
|
|
21
|
-
const actions = React.createElement(React.Fragment, null, blockEntryEmbedEnabled && React.createElement(EmbeddedBlockToolbarIcon, {
|
|
21
|
+
const actions = /*#__PURE__*/ React.createElement(React.Fragment, null, blockEntryEmbedEnabled && /*#__PURE__*/ React.createElement(EmbeddedBlockToolbarIcon, {
|
|
22
22
|
isDisabled: !!isDisabled,
|
|
23
23
|
nodeType: BLOCKS.EMBEDDED_ENTRY,
|
|
24
24
|
onClose: onCloseEntityDropdown
|
|
25
|
-
}), blockResourceEmbedEnabled && React.createElement(EmbeddedBlockToolbarIcon, {
|
|
25
|
+
}), blockResourceEmbedEnabled && /*#__PURE__*/ React.createElement(EmbeddedBlockToolbarIcon, {
|
|
26
26
|
isDisabled: !!isDisabled,
|
|
27
27
|
nodeType: BLOCKS.EMBEDDED_RESOURCE,
|
|
28
28
|
onClose: onCloseEntityDropdown
|
|
29
|
-
}), inlineEntryEmbedEnabled && React.createElement(EmbeddedInlineToolbarIcon, {
|
|
29
|
+
}), inlineEntryEmbedEnabled && /*#__PURE__*/ React.createElement(EmbeddedInlineToolbarIcon, {
|
|
30
30
|
nodeType: INLINES.EMBEDDED_ENTRY,
|
|
31
31
|
isDisabled: !!isDisabled || isLinkActive(editor),
|
|
32
32
|
onClose: onCloseEntityDropdown
|
|
33
|
-
}), inlineResourceEmbedEnabled && React.createElement(EmbeddedInlineToolbarIcon, {
|
|
33
|
+
}), inlineResourceEmbedEnabled && /*#__PURE__*/ React.createElement(EmbeddedInlineToolbarIcon, {
|
|
34
34
|
nodeType: INLINES.EMBEDDED_RESOURCE,
|
|
35
35
|
isDisabled: !!isDisabled || isLinkActive(editor),
|
|
36
36
|
onClose: onCloseEntityDropdown
|
|
37
|
-
}), blockAssetEmbedEnabled && React.createElement(EmbeddedBlockToolbarIcon, {
|
|
37
|
+
}), blockAssetEmbedEnabled && /*#__PURE__*/ React.createElement(EmbeddedBlockToolbarIcon, {
|
|
38
38
|
isDisabled: !!isDisabled,
|
|
39
39
|
nodeType: BLOCKS.EMBEDDED_ASSET,
|
|
40
40
|
onClose: onCloseEntityDropdown
|
|
41
41
|
}));
|
|
42
42
|
const showEmbedButton = blockEntryEmbedEnabled || blockResourceEmbedEnabled || inlineEntryEmbedEnabled || inlineResourceEmbedEnabled || blockAssetEmbedEnabled;
|
|
43
|
-
return showEmbedButton ? React.createElement(EmbeddedEntityDropdownButton, {
|
|
43
|
+
return showEmbedButton ? /*#__PURE__*/ React.createElement(EmbeddedEntityDropdownButton, {
|
|
44
44
|
isDisabled: isDisabled,
|
|
45
45
|
onClose: onCloseEntityDropdown,
|
|
46
46
|
onToggle: onToggleEntityDropdown,
|
|
@@ -2,19 +2,19 @@ import * as React from 'react';
|
|
|
2
2
|
import { Button, Menu } from '@contentful/f36-components';
|
|
3
3
|
import { PlusIcon, ChevronDownIcon } from '@contentful/f36-icons';
|
|
4
4
|
export function EmbeddedEntityDropdownButton({ children, isDisabled, isOpen, onClose, onToggle }) {
|
|
5
|
-
return React.createElement(Menu, {
|
|
5
|
+
return /*#__PURE__*/ React.createElement(Menu, {
|
|
6
6
|
placement: "bottom-end",
|
|
7
7
|
isOpen: isOpen,
|
|
8
8
|
onClose: onClose,
|
|
9
9
|
onOpen: onToggle
|
|
10
|
-
}, React.createElement(Menu.Trigger, null, React.createElement(Button, {
|
|
11
|
-
endIcon: React.createElement(ChevronDownIcon, null),
|
|
10
|
+
}, /*#__PURE__*/ React.createElement(Menu.Trigger, null, /*#__PURE__*/ React.createElement(Button, {
|
|
11
|
+
endIcon: /*#__PURE__*/ React.createElement(ChevronDownIcon, null),
|
|
12
12
|
testId: "toolbar-entity-dropdown-toggle",
|
|
13
13
|
variant: "secondary",
|
|
14
14
|
size: "small",
|
|
15
|
-
startIcon: React.createElement(PlusIcon, null),
|
|
15
|
+
startIcon: /*#__PURE__*/ React.createElement(PlusIcon, null),
|
|
16
16
|
isDisabled: isDisabled
|
|
17
|
-
}, "Embed")), React.createElement(Menu.List, {
|
|
17
|
+
}, "Embed")), /*#__PURE__*/ 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, offset, children })
|
|
11
|
+
const StickyToolbarWrapper = ({ isDisabled, offset, children })=>/*#__PURE__*/ React.createElement("div", {
|
|
12
12
|
className: isDisabled ? '' : styles.nativeSticky(offset)
|
|
13
13
|
}, children);
|
|
14
14
|
export default StickyToolbarWrapper;
|