@contentful/field-editor-rich-text 4.6.0 → 4.8.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/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/EmbeddedBlockUtil.js +2 -1
- package/dist/cjs/plugins/shared/EmbeddedInlineToolbarIcon.js +4 -4
- package/dist/cjs/plugins/shared/EmbeddedInlineUtil.js +2 -1
- 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/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/EmbeddedBlockUtil.js +2 -1
- package/dist/esm/plugins/shared/EmbeddedInlineToolbarIcon.js +4 -4
- package/dist/esm/plugins/shared/EmbeddedInlineUtil.js +2 -1
- 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
|
@@ -102,29 +102,29 @@ const ConnectedRichTextEditor = (props)=>{
|
|
|
102
102
|
}) : undefined, props.maxHeight !== undefined ? (0, _emotion.css)({
|
|
103
103
|
maxHeight: props.maxHeight
|
|
104
104
|
}) : undefined, props.isDisabled ? _RichTextEditorstyles.styles.disabled : _RichTextEditorstyles.styles.enabled, props.isToolbarHidden && _RichTextEditorstyles.styles.hiddenToolbar, direction === 'rtl' ? _RichTextEditorstyles.styles.rtl : _RichTextEditorstyles.styles.ltr);
|
|
105
|
-
return _react.createElement(_fieldeditorreference.EntityProvider, {
|
|
105
|
+
return /*#__PURE__*/ _react.createElement(_fieldeditorreference.EntityProvider, {
|
|
106
106
|
sdk: sdk
|
|
107
|
-
}, _react.createElement(_SdkProvider.SdkProvider, {
|
|
107
|
+
}, /*#__PURE__*/ _react.createElement(_SdkProvider.SdkProvider, {
|
|
108
108
|
sdk: sdk
|
|
109
|
-
}, _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
|
|
109
|
+
}, /*#__PURE__*/ _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
|
|
110
110
|
value: id
|
|
111
|
-
}, _react.createElement("div", {
|
|
111
|
+
}, /*#__PURE__*/ _react.createElement("div", {
|
|
112
112
|
className: _RichTextEditorstyles.styles.root,
|
|
113
113
|
"data-test-id": "rich-text-editor"
|
|
114
|
-
}, _react.createElement(_platecommon.Plate, {
|
|
114
|
+
}, /*#__PURE__*/ _react.createElement(_platecommon.Plate, {
|
|
115
115
|
id: id,
|
|
116
116
|
initialValue: initialValue,
|
|
117
117
|
plugins: plugins,
|
|
118
118
|
disableCorePlugins: _plugins.disableCorePlugins
|
|
119
|
-
}, !props.isToolbarHidden && _react.createElement(_StickyToolbarWrapper.default, {
|
|
119
|
+
}, !props.isToolbarHidden && /*#__PURE__*/ _react.createElement(_StickyToolbarWrapper.default, {
|
|
120
120
|
isDisabled: props.isDisabled,
|
|
121
121
|
offset: props.stickyToolbarOffset
|
|
122
|
-
}, _react.createElement(_Toolbar.default, {
|
|
122
|
+
}, /*#__PURE__*/ _react.createElement(_Toolbar.default, {
|
|
123
123
|
isDisabled: props.isDisabled
|
|
124
|
-
})), _react.createElement(_SyncEditorChanges.SyncEditorChanges, {
|
|
124
|
+
})), /*#__PURE__*/ _react.createElement(_SyncEditorChanges.SyncEditorChanges, {
|
|
125
125
|
incomingValue: initialValue,
|
|
126
126
|
onChange: props.onChange
|
|
127
|
-
}), _react.createElement(_platecommon.PlateContent, {
|
|
127
|
+
}), /*#__PURE__*/ _react.createElement(_platecommon.PlateContent, {
|
|
128
128
|
id: id,
|
|
129
129
|
className: classNames,
|
|
130
130
|
readOnly: props.isDisabled
|
|
@@ -143,13 +143,13 @@ const RichTextEditor = (props)=>{
|
|
|
143
143
|
sdk.field
|
|
144
144
|
]);
|
|
145
145
|
const id = (0, _ContentfulEditorProvider.getContentfulEditorId)(props.sdk);
|
|
146
|
-
return _react.createElement(_fieldeditorshared.FieldConnector, {
|
|
146
|
+
return /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
|
|
147
147
|
debounce: 0,
|
|
148
148
|
field: sdk.field,
|
|
149
149
|
isInitiallyDisabled: isInitiallyDisabled,
|
|
150
150
|
isEmptyValue: isEmptyValue,
|
|
151
151
|
isDisabled: isDisabled
|
|
152
|
-
}, ({ lastRemoteValue, disabled, setValue })
|
|
152
|
+
}, ({ lastRemoteValue, disabled, setValue })=>/*#__PURE__*/ _react.createElement(ConnectedRichTextEditor, {
|
|
153
153
|
...otherProps,
|
|
154
154
|
key: `rich-text-editor-${id}`,
|
|
155
155
|
value: lastRemoteValue,
|
|
@@ -92,13 +92,13 @@ describe('Toolbar', ()=>{
|
|
|
92
92
|
test('everything on the toolbar should be disabled', async ()=>{
|
|
93
93
|
const sdk = mockSdk();
|
|
94
94
|
const id = (0, _ContentfulEditorProvider.getContentfulEditorId)(sdk);
|
|
95
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_platecommon.Plate, {
|
|
95
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_platecommon.Plate, {
|
|
96
96
|
id: id
|
|
97
|
-
}, _react.createElement(_SdkProvider.SdkProvider, {
|
|
97
|
+
}, /*#__PURE__*/ _react.createElement(_SdkProvider.SdkProvider, {
|
|
98
98
|
sdk: sdk
|
|
99
|
-
}, _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
|
|
99
|
+
}, /*#__PURE__*/ _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
|
|
100
100
|
value: id
|
|
101
|
-
}, _react.createElement(_index.default, {
|
|
101
|
+
}, /*#__PURE__*/ _react.createElement(_index.default, {
|
|
102
102
|
isDisabled: true
|
|
103
103
|
})))));
|
|
104
104
|
await (0, _react1.waitFor)(()=>{
|
|
@@ -126,13 +126,13 @@ describe('Toolbar', ()=>{
|
|
|
126
126
|
_richtexttypes.MARKS.SUPERSCRIPT
|
|
127
127
|
]);
|
|
128
128
|
const id = (0, _ContentfulEditorProvider.getContentfulEditorId)(sdk);
|
|
129
|
-
const { queryByTestId } = (0, _react1.render)(_react.createElement(_platecommon.Plate, {
|
|
129
|
+
const { queryByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_platecommon.Plate, {
|
|
130
130
|
id: id
|
|
131
|
-
}, _react.createElement(_SdkProvider.SdkProvider, {
|
|
131
|
+
}, /*#__PURE__*/ _react.createElement(_SdkProvider.SdkProvider, {
|
|
132
132
|
sdk: sdk
|
|
133
|
-
}, _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
|
|
133
|
+
}, /*#__PURE__*/ _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
|
|
134
134
|
value: id
|
|
135
|
-
}, _react.createElement(_index.default, {
|
|
135
|
+
}, /*#__PURE__*/ _react.createElement(_index.default, {
|
|
136
136
|
isDisabled: true
|
|
137
137
|
})))));
|
|
138
138
|
expect(queryByTestId('dropdown-toolbar-button')).toBeVisible();
|
|
@@ -144,13 +144,13 @@ describe('Toolbar', ()=>{
|
|
|
144
144
|
_richtexttypes.MARKS.CODE
|
|
145
145
|
]);
|
|
146
146
|
const id = (0, _ContentfulEditorProvider.getContentfulEditorId)(sdk);
|
|
147
|
-
const { queryByTestId } = (0, _react1.render)(_react.createElement(_platecommon.Plate, {
|
|
147
|
+
const { queryByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_platecommon.Plate, {
|
|
148
148
|
id: id
|
|
149
|
-
}, _react.createElement(_SdkProvider.SdkProvider, {
|
|
149
|
+
}, /*#__PURE__*/ _react.createElement(_SdkProvider.SdkProvider, {
|
|
150
150
|
sdk: sdk
|
|
151
|
-
}, _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
|
|
151
|
+
}, /*#__PURE__*/ _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
|
|
152
152
|
value: id
|
|
153
|
-
}, _react.createElement(_index.default, {
|
|
153
|
+
}, /*#__PURE__*/ _react.createElement(_index.default, {
|
|
154
154
|
isDisabled: true
|
|
155
155
|
})))));
|
|
156
156
|
expect(queryByTestId('dropdown-toolbar-button')).not.toBeInTheDocument();
|
|
@@ -22,15 +22,15 @@ const ButtonRedo = ()=>{
|
|
|
22
22
|
const onClickHandler = ()=>{
|
|
23
23
|
editor.redo('toolbar');
|
|
24
24
|
};
|
|
25
|
-
return _react.default.createElement(_ToolbarButton.ToolbarButton, {
|
|
25
|
+
return /*#__PURE__*/ _react.default.createElement(_ToolbarButton.ToolbarButton, {
|
|
26
26
|
title: "Redo",
|
|
27
27
|
testId: "redo-toolbar-button",
|
|
28
28
|
onClick: onClickHandler,
|
|
29
29
|
isActive: false,
|
|
30
30
|
isDisabled: editor.history.redos.length === 0
|
|
31
|
-
}, _react.default.createElement(_f36components.Icon, {
|
|
31
|
+
}, /*#__PURE__*/ _react.default.createElement(_f36components.Icon, {
|
|
32
32
|
variant: "secondary"
|
|
33
|
-
}, _react.default.createElement("path", {
|
|
33
|
+
}, /*#__PURE__*/ _react.default.createElement("path", {
|
|
34
34
|
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"
|
|
35
35
|
})));
|
|
36
36
|
};
|
|
@@ -22,15 +22,15 @@ const ButtonUndo = ()=>{
|
|
|
22
22
|
const onClickHandler = ()=>{
|
|
23
23
|
editor.undo('toolbar');
|
|
24
24
|
};
|
|
25
|
-
return _react.default.createElement(_ToolbarButton.ToolbarButton, {
|
|
25
|
+
return /*#__PURE__*/ _react.default.createElement(_ToolbarButton.ToolbarButton, {
|
|
26
26
|
title: "Undo",
|
|
27
27
|
testId: "undo-toolbar-button",
|
|
28
28
|
onClick: onClickHandler,
|
|
29
29
|
isActive: false,
|
|
30
30
|
isDisabled: editor.history.undos.length === 0
|
|
31
|
-
}, _react.default.createElement(_f36components.Icon, {
|
|
31
|
+
}, /*#__PURE__*/ _react.default.createElement(_f36components.Icon, {
|
|
32
32
|
variant: "secondary"
|
|
33
|
-
}, _react.default.createElement("path", {
|
|
33
|
+
}, /*#__PURE__*/ _react.default.createElement("path", {
|
|
34
34
|
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"
|
|
35
35
|
})));
|
|
36
36
|
};
|
|
@@ -69,29 +69,29 @@ const EmbedEntityWidget = ({ isDisabled, canInsertBlocks })=>{
|
|
|
69
69
|
const blockEntryEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.EMBEDDED_ENTRY) && canInsertBlocks;
|
|
70
70
|
const blockResourceEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.EMBEDDED_RESOURCE) && canInsertBlocks;
|
|
71
71
|
const blockAssetEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.EMBEDDED_ASSET) && canInsertBlocks;
|
|
72
|
-
const actions = _react.default.createElement(_react.default.Fragment, null, blockEntryEmbedEnabled && _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
|
|
72
|
+
const actions = /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, blockEntryEmbedEnabled && /*#__PURE__*/ _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
|
|
73
73
|
isDisabled: !!isDisabled,
|
|
74
74
|
nodeType: _richtexttypes.BLOCKS.EMBEDDED_ENTRY,
|
|
75
75
|
onClose: onCloseEntityDropdown
|
|
76
|
-
}), blockResourceEmbedEnabled && _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
|
|
76
|
+
}), blockResourceEmbedEnabled && /*#__PURE__*/ _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
|
|
77
77
|
isDisabled: !!isDisabled,
|
|
78
78
|
nodeType: _richtexttypes.BLOCKS.EMBEDDED_RESOURCE,
|
|
79
79
|
onClose: onCloseEntityDropdown
|
|
80
|
-
}), inlineEntryEmbedEnabled && _react.default.createElement(_EmbeddedInlineToolbarIcon.EmbeddedInlineToolbarIcon, {
|
|
80
|
+
}), inlineEntryEmbedEnabled && /*#__PURE__*/ _react.default.createElement(_EmbeddedInlineToolbarIcon.EmbeddedInlineToolbarIcon, {
|
|
81
81
|
nodeType: _richtexttypes.INLINES.EMBEDDED_ENTRY,
|
|
82
82
|
isDisabled: !!isDisabled || (0, _editor.isLinkActive)(editor),
|
|
83
83
|
onClose: onCloseEntityDropdown
|
|
84
|
-
}), inlineResourceEmbedEnabled && _react.default.createElement(_EmbeddedInlineToolbarIcon.EmbeddedInlineToolbarIcon, {
|
|
84
|
+
}), inlineResourceEmbedEnabled && /*#__PURE__*/ _react.default.createElement(_EmbeddedInlineToolbarIcon.EmbeddedInlineToolbarIcon, {
|
|
85
85
|
nodeType: _richtexttypes.INLINES.EMBEDDED_RESOURCE,
|
|
86
86
|
isDisabled: !!isDisabled || (0, _editor.isLinkActive)(editor),
|
|
87
87
|
onClose: onCloseEntityDropdown
|
|
88
|
-
}), blockAssetEmbedEnabled && _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
|
|
88
|
+
}), blockAssetEmbedEnabled && /*#__PURE__*/ _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
|
|
89
89
|
isDisabled: !!isDisabled,
|
|
90
90
|
nodeType: _richtexttypes.BLOCKS.EMBEDDED_ASSET,
|
|
91
91
|
onClose: onCloseEntityDropdown
|
|
92
92
|
}));
|
|
93
93
|
const showEmbedButton = blockEntryEmbedEnabled || blockResourceEmbedEnabled || inlineEntryEmbedEnabled || inlineResourceEmbedEnabled || blockAssetEmbedEnabled;
|
|
94
|
-
return showEmbedButton ? _react.default.createElement(_EmbeddedEntityDropdownButton.EmbeddedEntityDropdownButton, {
|
|
94
|
+
return showEmbedButton ? /*#__PURE__*/ _react.default.createElement(_EmbeddedEntityDropdownButton.EmbeddedEntityDropdownButton, {
|
|
95
95
|
isDisabled: isDisabled,
|
|
96
96
|
onClose: onCloseEntityDropdown,
|
|
97
97
|
onToggle: onToggleEntityDropdown,
|
|
@@ -53,19 +53,19 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
53
53
|
return newObj;
|
|
54
54
|
}
|
|
55
55
|
function EmbeddedEntityDropdownButton({ children, isDisabled, isOpen, onClose, onToggle }) {
|
|
56
|
-
return _react.createElement(_f36components.Menu, {
|
|
56
|
+
return /*#__PURE__*/ _react.createElement(_f36components.Menu, {
|
|
57
57
|
placement: "bottom-end",
|
|
58
58
|
isOpen: isOpen,
|
|
59
59
|
onClose: onClose,
|
|
60
60
|
onOpen: onToggle
|
|
61
|
-
}, _react.createElement(_f36components.Menu.Trigger, null, _react.createElement(_f36components.Button, {
|
|
62
|
-
endIcon: _react.createElement(_f36icons.ChevronDownIcon, null),
|
|
61
|
+
}, /*#__PURE__*/ _react.createElement(_f36components.Menu.Trigger, null, /*#__PURE__*/ _react.createElement(_f36components.Button, {
|
|
62
|
+
endIcon: /*#__PURE__*/ _react.createElement(_f36icons.ChevronDownIcon, null),
|
|
63
63
|
testId: "toolbar-entity-dropdown-toggle",
|
|
64
64
|
variant: "secondary",
|
|
65
65
|
size: "small",
|
|
66
|
-
startIcon: _react.createElement(_f36icons.PlusIcon, null),
|
|
66
|
+
startIcon: /*#__PURE__*/ _react.createElement(_f36icons.PlusIcon, null),
|
|
67
67
|
isDisabled: isDisabled
|
|
68
|
-
}, "Embed")), _react.createElement(_f36components.Menu.List, {
|
|
68
|
+
}, "Embed")), /*#__PURE__*/ _react.createElement(_f36components.Menu.List, {
|
|
69
69
|
className: "toolbar-entity-dropdown-list"
|
|
70
70
|
}, children));
|
|
71
71
|
}
|
|
@@ -23,7 +23,7 @@ const styles = {
|
|
|
23
23
|
z-index: 2;
|
|
24
24
|
`
|
|
25
25
|
};
|
|
26
|
-
const StickyToolbarWrapper = ({ isDisabled, offset, children })
|
|
26
|
+
const StickyToolbarWrapper = ({ isDisabled, offset, children })=>/*#__PURE__*/ _react.default.createElement("div", {
|
|
27
27
|
className: isDisabled ? '' : styles.nativeSticky(offset)
|
|
28
28
|
}, children);
|
|
29
29
|
const _default = StickyToolbarWrapper;
|
|
@@ -134,21 +134,21 @@ const dropdownMarks = [
|
|
|
134
134
|
const Dropdown = ({ sdk, isDisabled })=>{
|
|
135
135
|
const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
|
|
136
136
|
const isActive = editor && dropdownMarks.some((mark)=>(0, _queries.isMarkActive)(editor, mark));
|
|
137
|
-
return _react.createElement(_f36components.Menu, null, _react.createElement(_f36components.Menu.Trigger, null, _react.createElement("span", null, _react.createElement(_f36components.IconButton, {
|
|
137
|
+
return /*#__PURE__*/ _react.createElement(_f36components.Menu, null, /*#__PURE__*/ _react.createElement(_f36components.Menu.Trigger, null, /*#__PURE__*/ _react.createElement("span", null, /*#__PURE__*/ _react.createElement(_f36components.IconButton, {
|
|
138
138
|
size: "small",
|
|
139
139
|
className: styles.toolbarBtn,
|
|
140
140
|
variant: isActive ? 'secondary' : 'transparent',
|
|
141
|
-
icon: _react.createElement(_f36icons.MoreHorizontalIcon, null),
|
|
141
|
+
icon: /*#__PURE__*/ _react.createElement(_f36icons.MoreHorizontalIcon, null),
|
|
142
142
|
"aria-label": "toggle menu",
|
|
143
143
|
isDisabled: isDisabled,
|
|
144
144
|
testId: "dropdown-toolbar-button"
|
|
145
|
-
}))), _react.createElement(_f36components.Menu.List, null, (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUPERSCRIPT) && _react.createElement(_Superscript.ToolbarDropdownSuperscriptButton, {
|
|
145
|
+
}))), /*#__PURE__*/ _react.createElement(_f36components.Menu.List, null, (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUPERSCRIPT) && /*#__PURE__*/ _react.createElement(_Superscript.ToolbarDropdownSuperscriptButton, {
|
|
146
146
|
isDisabled: isDisabled
|
|
147
|
-
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUBSCRIPT) && _react.createElement(_Subscript.ToolbarDropdownSubscriptButton, {
|
|
147
|
+
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUBSCRIPT) && /*#__PURE__*/ _react.createElement(_Subscript.ToolbarDropdownSubscriptButton, {
|
|
148
148
|
isDisabled: isDisabled
|
|
149
|
-
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.STRIKETHROUGH) && _react.createElement(_Strikethrough.ToolbarDropdownStrikethroughButton, {
|
|
149
|
+
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.STRIKETHROUGH) && /*#__PURE__*/ _react.createElement(_Strikethrough.ToolbarDropdownStrikethroughButton, {
|
|
150
150
|
isDisabled: isDisabled
|
|
151
|
-
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.CODE) && _react.createElement(_Code.ToolbarDropdownCodeButton, {
|
|
151
|
+
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.CODE) && /*#__PURE__*/ _react.createElement(_Code.ToolbarDropdownCodeButton, {
|
|
152
152
|
isDisabled: isDisabled
|
|
153
153
|
})));
|
|
154
154
|
};
|
|
@@ -165,55 +165,55 @@ const Toolbar = ({ isDisabled })=>{
|
|
|
165
165
|
const boldItalicUnderlineAvailable = (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.BOLD) || (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.ITALIC) || (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.UNDERLINE);
|
|
166
166
|
const dropdownItemsAvailable = dropdownMarks.some((mark)=>(0, _validations.isMarkEnabled)(sdk.field, mark));
|
|
167
167
|
const shouldShowDropdown = boldItalicUnderlineAvailable && dropdownItemsAvailable;
|
|
168
|
-
return _react.createElement(_f36components.Flex, {
|
|
168
|
+
return /*#__PURE__*/ _react.createElement(_f36components.Flex, {
|
|
169
169
|
gap: "spacingS",
|
|
170
170
|
flexWrap: "wrap",
|
|
171
171
|
flexDirection: "row",
|
|
172
172
|
testId: "toolbar",
|
|
173
173
|
className: styles.toolbar,
|
|
174
174
|
justifyContent: "space-between"
|
|
175
|
-
}, _react.createElement("div", {
|
|
175
|
+
}, /*#__PURE__*/ _react.createElement("div", {
|
|
176
176
|
className: styles.formattingOptionsWrapper
|
|
177
|
-
}, _react.createElement(_Heading.ToolbarHeadingButton, {
|
|
177
|
+
}, /*#__PURE__*/ _react.createElement(_Heading.ToolbarHeadingButton, {
|
|
178
178
|
isDisabled: isDisabled || !canInsertBlocks
|
|
179
|
-
}), _react.createElement("span", {
|
|
179
|
+
}), /*#__PURE__*/ _react.createElement("span", {
|
|
180
180
|
className: styles.divider
|
|
181
|
-
}), _react.createElement(_ButtonUndo.ButtonUndo, null), _react.createElement(_ButtonRedo.ButtonRedo, null), validationInfo.isAnyMarkEnabled && _react.createElement("span", {
|
|
181
|
+
}), /*#__PURE__*/ _react.createElement(_ButtonUndo.ButtonUndo, null), /*#__PURE__*/ _react.createElement(_ButtonRedo.ButtonRedo, null), validationInfo.isAnyMarkEnabled && /*#__PURE__*/ _react.createElement("span", {
|
|
182
182
|
className: styles.divider
|
|
183
|
-
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.BOLD) && _react.createElement(_Bold.ToolbarBoldButton, {
|
|
183
|
+
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.BOLD) && /*#__PURE__*/ _react.createElement(_Bold.ToolbarBoldButton, {
|
|
184
184
|
isDisabled: isDisabled
|
|
185
|
-
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.ITALIC) && _react.createElement(_Italic.ToolbarItalicButton, {
|
|
185
|
+
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.ITALIC) && /*#__PURE__*/ _react.createElement(_Italic.ToolbarItalicButton, {
|
|
186
186
|
isDisabled: isDisabled
|
|
187
|
-
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.UNDERLINE) && _react.createElement(_Underline.ToolbarUnderlineButton, {
|
|
187
|
+
}), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.UNDERLINE) && /*#__PURE__*/ _react.createElement(_Underline.ToolbarUnderlineButton, {
|
|
188
188
|
isDisabled: isDisabled
|
|
189
|
-
}), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUPERSCRIPT) && _react.createElement(_Superscript.ToolbarSuperscriptButton, {
|
|
189
|
+
}), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUPERSCRIPT) && /*#__PURE__*/ _react.createElement(_Superscript.ToolbarSuperscriptButton, {
|
|
190
190
|
isDisabled: isDisabled
|
|
191
|
-
}), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUBSCRIPT) && _react.createElement(_Subscript.ToolbarSubscriptButton, {
|
|
191
|
+
}), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUBSCRIPT) && /*#__PURE__*/ _react.createElement(_Subscript.ToolbarSubscriptButton, {
|
|
192
192
|
isDisabled: isDisabled
|
|
193
|
-
}), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.STRIKETHROUGH) && _react.createElement(_Strikethrough.ToolbarStrikethroughButton, {
|
|
193
|
+
}), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.STRIKETHROUGH) && /*#__PURE__*/ _react.createElement(_Strikethrough.ToolbarStrikethroughButton, {
|
|
194
194
|
isDisabled: isDisabled
|
|
195
|
-
}), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.CODE) && _react.createElement(_Code.ToolbarCodeButton, {
|
|
195
|
+
}), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.CODE) && /*#__PURE__*/ _react.createElement(_Code.ToolbarCodeButton, {
|
|
196
196
|
isDisabled: isDisabled
|
|
197
|
-
}), shouldShowDropdown && _react.createElement(Dropdown, {
|
|
197
|
+
}), shouldShowDropdown && /*#__PURE__*/ _react.createElement(Dropdown, {
|
|
198
198
|
sdk: sdk,
|
|
199
199
|
isDisabled: isDisabled
|
|
200
|
-
}), validationInfo.isAnyHyperlinkEnabled && _react.createElement(_react.Fragment, null, _react.createElement("span", {
|
|
200
|
+
}), validationInfo.isAnyHyperlinkEnabled && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("span", {
|
|
201
201
|
className: styles.divider
|
|
202
|
-
}), _react.createElement(_Hyperlink.ToolbarHyperlinkButton, {
|
|
202
|
+
}), /*#__PURE__*/ _react.createElement(_Hyperlink.ToolbarHyperlinkButton, {
|
|
203
203
|
isDisabled: isDisabled
|
|
204
|
-
})), validationInfo.isAnyBlockFormattingEnabled && _react.createElement("span", {
|
|
204
|
+
})), validationInfo.isAnyBlockFormattingEnabled && /*#__PURE__*/ _react.createElement("span", {
|
|
205
205
|
className: styles.divider
|
|
206
|
-
}), _react.createElement(_List.ToolbarListButton, {
|
|
206
|
+
}), /*#__PURE__*/ _react.createElement(_List.ToolbarListButton, {
|
|
207
207
|
isDisabled: isDisabled || !canInsertBlocks
|
|
208
|
-
}), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.QUOTE) && _react.createElement(_Quote.ToolbarQuoteButton, {
|
|
208
|
+
}), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.QUOTE) && /*#__PURE__*/ _react.createElement(_Quote.ToolbarQuoteButton, {
|
|
209
209
|
isDisabled: isDisabled || !canInsertBlocks
|
|
210
|
-
}), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.HR) && _react.createElement(_Hr.ToolbarHrButton, {
|
|
210
|
+
}), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.HR) && /*#__PURE__*/ _react.createElement(_Hr.ToolbarHrButton, {
|
|
211
211
|
isDisabled: isDisabled || !canInsertBlocks
|
|
212
|
-
}), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.TABLE) && _react.createElement(_Table.ToolbarTableButton, {
|
|
212
|
+
}), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.TABLE) && /*#__PURE__*/ _react.createElement(_Table.ToolbarTableButton, {
|
|
213
213
|
isDisabled: shouldDisableTables
|
|
214
|
-
})), _react.createElement("div", {
|
|
214
|
+
})), /*#__PURE__*/ _react.createElement("div", {
|
|
215
215
|
className: styles.embedActionsWrapper
|
|
216
|
-
}, _react.createElement(_EmbedEntityWidget.EmbedEntityWidget, {
|
|
216
|
+
}, /*#__PURE__*/ _react.createElement(_EmbedEntityWidget.EmbedEntityWidget, {
|
|
217
217
|
isDisabled: isDisabled,
|
|
218
218
|
canInsertBlocks: canInsertBlocks
|
|
219
219
|
})));
|
|
@@ -139,15 +139,15 @@ class HyperlinkDialog extends (_React_Component = _react.Component) {
|
|
|
139
139
|
}
|
|
140
140
|
render() {
|
|
141
141
|
const { labels } = this.props;
|
|
142
|
-
return _react.createElement(_fieldeditorreference.EntityProvider, {
|
|
142
|
+
return /*#__PURE__*/ _react.createElement(_fieldeditorreference.EntityProvider, {
|
|
143
143
|
sdk: this.props.sdk
|
|
144
|
-
}, _react.createElement(_react.Fragment, null, _react.createElement(_f36components.ModalContent, null, this.renderFields()), _react.createElement(_f36components.ModalControls, null, _react.createElement(_f36components.Button, {
|
|
144
|
+
}, /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_f36components.ModalContent, null, this.renderFields()), /*#__PURE__*/ _react.createElement(_f36components.ModalControls, null, /*#__PURE__*/ _react.createElement(_f36components.Button, {
|
|
145
145
|
type: "button",
|
|
146
146
|
onClick: ()=>this.props.onClose(null),
|
|
147
147
|
variant: "secondary",
|
|
148
148
|
testId: "cancel-cta",
|
|
149
149
|
size: "small"
|
|
150
|
-
}, "Cancel"), _react.createElement(_f36components.Button, {
|
|
150
|
+
}, "Cancel"), /*#__PURE__*/ _react.createElement(_f36components.Button, {
|
|
151
151
|
type: "submit",
|
|
152
152
|
variant: "positive",
|
|
153
153
|
onClick: this.handleSubmit,
|
|
@@ -160,10 +160,10 @@ class HyperlinkDialog extends (_React_Component = _react.Component) {
|
|
|
160
160
|
const { hideText, allowedHyperlinkTypes, entitySelectorConfigs } = this.props;
|
|
161
161
|
const { uri, text, type } = this.state;
|
|
162
162
|
const isUriInputAutoFocused = type === LINK_TYPES.URI && (hideText || !!text);
|
|
163
|
-
return _react.createElement(_f36components.Form, null, hideText ? null : _react.createElement(_f36components.FormControl, {
|
|
163
|
+
return /*#__PURE__*/ _react.createElement(_f36components.Form, null, hideText ? null : /*#__PURE__*/ _react.createElement(_f36components.FormControl, {
|
|
164
164
|
id: "link-text",
|
|
165
165
|
isRequired: true
|
|
166
|
-
}, _react.createElement(_f36components.FormControl.Label, null, "Link text"), _react.createElement(_f36components.TextInput, {
|
|
166
|
+
}, /*#__PURE__*/ _react.createElement(_f36components.FormControl.Label, null, "Link text"), /*#__PURE__*/ _react.createElement(_f36components.TextInput, {
|
|
167
167
|
testId: "link-text-input",
|
|
168
168
|
name: "link-text",
|
|
169
169
|
value: text || '',
|
|
@@ -171,25 +171,25 @@ class HyperlinkDialog extends (_React_Component = _react.Component) {
|
|
|
171
171
|
text: e.target.value
|
|
172
172
|
}),
|
|
173
173
|
autoFocus: !isUriInputAutoFocused
|
|
174
|
-
})), isFeaturingEntitySelector(entitySelectorConfigs) && _react.createElement(_f36components.FormControl, {
|
|
174
|
+
})), isFeaturingEntitySelector(entitySelectorConfigs) && /*#__PURE__*/ _react.createElement(_f36components.FormControl, {
|
|
175
175
|
id: "link-type",
|
|
176
176
|
name: "link-type"
|
|
177
|
-
}, _react.createElement(_f36components.FormControl.Label, null, "Link type"), _react.createElement(_f36components.Select, {
|
|
177
|
+
}, /*#__PURE__*/ _react.createElement(_f36components.FormControl.Label, null, "Link type"), /*#__PURE__*/ _react.createElement(_f36components.Select, {
|
|
178
178
|
value: type,
|
|
179
179
|
onChange: (e)=>this.setState({
|
|
180
180
|
type: e.target.value
|
|
181
181
|
}),
|
|
182
182
|
testId: "link-type-select"
|
|
183
|
-
}, allowedHyperlinkTypes.includes(LINK_TYPES.URI) || type === LINK_TYPES.URI ? _react.createElement(_f36components.Select.Option, {
|
|
183
|
+
}, allowedHyperlinkTypes.includes(LINK_TYPES.URI) || type === LINK_TYPES.URI ? /*#__PURE__*/ _react.createElement(_f36components.Select.Option, {
|
|
184
184
|
value: LINK_TYPES.URI
|
|
185
|
-
}, "URL") : null, allowedHyperlinkTypes.includes(LINK_TYPES.ENTRY) || type === LINK_TYPES.ENTRY ? _react.createElement(_f36components.Select.Option, {
|
|
185
|
+
}, "URL") : null, allowedHyperlinkTypes.includes(LINK_TYPES.ENTRY) || type === LINK_TYPES.ENTRY ? /*#__PURE__*/ _react.createElement(_f36components.Select.Option, {
|
|
186
186
|
value: LINK_TYPES.ENTRY
|
|
187
|
-
}, "Entry") : null, allowedHyperlinkTypes.includes(LINK_TYPES.ASSET) || type === LINK_TYPES.ASSET ? _react.createElement(_f36components.Select.Option, {
|
|
187
|
+
}, "Entry") : null, allowedHyperlinkTypes.includes(LINK_TYPES.ASSET) || type === LINK_TYPES.ASSET ? /*#__PURE__*/ _react.createElement(_f36components.Select.Option, {
|
|
188
188
|
value: LINK_TYPES.ASSET
|
|
189
|
-
}, "Asset") : null)), type === LINK_TYPES.URI ? _react.createElement(_f36components.FormControl, {
|
|
189
|
+
}, "Asset") : null)), type === LINK_TYPES.URI ? /*#__PURE__*/ _react.createElement(_f36components.FormControl, {
|
|
190
190
|
id: "link-uri",
|
|
191
191
|
isRequired: true
|
|
192
|
-
}, _react.createElement(_f36components.FormControl.Label, null, "Link target"), _react.createElement(_f36components.TextInput, {
|
|
192
|
+
}, /*#__PURE__*/ _react.createElement(_f36components.FormControl.Label, null, "Link target"), /*#__PURE__*/ _react.createElement(_f36components.TextInput, {
|
|
193
193
|
testId: "link-target-input",
|
|
194
194
|
name: "link-uri",
|
|
195
195
|
value: uri || '',
|
|
@@ -198,29 +198,29 @@ class HyperlinkDialog extends (_React_Component = _react.Component) {
|
|
|
198
198
|
uri: e.target.value
|
|
199
199
|
}),
|
|
200
200
|
autoFocus: isUriInputAutoFocused
|
|
201
|
-
}), _react.createElement(_f36components.FormControl.HelpText, null, "A protocol may be required, e.g. https://")) : this.renderEntityField());
|
|
201
|
+
}), /*#__PURE__*/ _react.createElement(_f36components.FormControl.HelpText, null, "A protocol may be required, e.g. https://")) : this.renderEntityField());
|
|
202
202
|
}
|
|
203
203
|
renderEntityField() {
|
|
204
204
|
const { type, entityLinks } = this.state;
|
|
205
205
|
const resetEntity = ()=>this.setTargetEntity(type, null);
|
|
206
206
|
const entityLink = entityLinks[type];
|
|
207
207
|
const isEntitySelectorVisible = !entityLink;
|
|
208
|
-
return _react.createElement("div", null, _react.createElement(_f36components.FormLabel, {
|
|
208
|
+
return /*#__PURE__*/ _react.createElement("div", null, /*#__PURE__*/ _react.createElement(_f36components.FormLabel, {
|
|
209
209
|
required: true,
|
|
210
210
|
htmlFor: ""
|
|
211
|
-
}, "Link target"), !isEntitySelectorVisible && _react.createElement(_f36components.TextLink, {
|
|
211
|
+
}, "Link target"), !isEntitySelectorVisible && /*#__PURE__*/ _react.createElement(_f36components.TextLink, {
|
|
212
212
|
as: "button",
|
|
213
213
|
className: (0, _emotion.css)({
|
|
214
214
|
marginLeft: _f36tokens.default.spacingS
|
|
215
215
|
}),
|
|
216
216
|
onClick: resetEntity
|
|
217
|
-
}, "Remove selection"), entityLink && _react.createElement("div", null, type === LINK_TYPES.ENTRY && _react.createElement(_FetchingWrappedEntryCard.FetchingWrappedEntryCard, {
|
|
217
|
+
}, "Remove selection"), entityLink && /*#__PURE__*/ _react.createElement("div", null, type === LINK_TYPES.ENTRY && /*#__PURE__*/ _react.createElement(_FetchingWrappedEntryCard.FetchingWrappedEntryCard, {
|
|
218
218
|
sdk: this.props.sdk,
|
|
219
219
|
locale: this.props.entitySelectorConfigs.Entry.locale,
|
|
220
220
|
entryId: entityLink.sys.id,
|
|
221
221
|
isDisabled: true,
|
|
222
222
|
isSelected: false
|
|
223
|
-
}), type == LINK_TYPES.ASSET && _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
|
|
223
|
+
}), type == LINK_TYPES.ASSET && /*#__PURE__*/ _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
|
|
224
224
|
sdk: this.props.sdk,
|
|
225
225
|
locale: this.props.entitySelectorConfigs.Asset.locale,
|
|
226
226
|
assetId: entityLink.sys.id,
|
|
@@ -229,14 +229,14 @@ class HyperlinkDialog extends (_React_Component = _react.Component) {
|
|
|
229
229
|
})), isEntitySelectorVisible && this.renderEntitySelector(type, isEntitySelectorVisible));
|
|
230
230
|
}
|
|
231
231
|
renderEntitySelector(type) {
|
|
232
|
-
return _react.createElement("div", {
|
|
232
|
+
return /*#__PURE__*/ _react.createElement("div", {
|
|
233
233
|
className: (0, _emotion.css)({
|
|
234
234
|
marginTop: _f36tokens.default.spacingS
|
|
235
235
|
})
|
|
236
|
-
}, type === LINK_TYPES.ENTRY && _react.createElement(_f36components.TextLink, {
|
|
236
|
+
}, type === LINK_TYPES.ENTRY && /*#__PURE__*/ _react.createElement(_f36components.TextLink, {
|
|
237
237
|
as: "button",
|
|
238
238
|
onClick: this.selectEntry
|
|
239
|
-
}, "Select entry"), type === LINK_TYPES.ASSET && _react.createElement(_f36components.TextLink, {
|
|
239
|
+
}, "Select entry"), type === LINK_TYPES.ASSET && /*#__PURE__*/ _react.createElement(_f36components.TextLink, {
|
|
240
240
|
as: "button",
|
|
241
241
|
onClick: this.selectAsset
|
|
242
242
|
}, "Select asset"));
|
|
@@ -55,7 +55,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
55
55
|
const openRichTextDialog = (sdk)=>(options)=>{
|
|
56
56
|
if (options.parameters?.type === 'rich-text-hyperlink-dialog') {
|
|
57
57
|
return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose })=>{
|
|
58
|
-
return _react.createElement(_HyperlinkDialog.HyperlinkDialog, {
|
|
58
|
+
return /*#__PURE__*/ _react.createElement(_HyperlinkDialog.HyperlinkDialog, {
|
|
59
59
|
...options.parameters,
|
|
60
60
|
onClose: onClose,
|
|
61
61
|
sdk: sdk
|
|
@@ -55,11 +55,11 @@ const renderRichTextDialog = (sdk)=>{
|
|
|
55
55
|
const parameters = sdk.parameters.invocation;
|
|
56
56
|
if (parameters?.type === 'rich-text-hyperlink-dialog') {
|
|
57
57
|
sdk.window.startAutoResizer();
|
|
58
|
-
return _react.createElement(_HyperlinkDialog.HyperlinkDialog, {
|
|
58
|
+
return /*#__PURE__*/ _react.createElement(_HyperlinkDialog.HyperlinkDialog, {
|
|
59
59
|
...parameters,
|
|
60
60
|
onClose: sdk.close,
|
|
61
61
|
sdk: sdk
|
|
62
62
|
});
|
|
63
63
|
}
|
|
64
|
-
return _react.createElement("div", null);
|
|
64
|
+
return /*#__PURE__*/ _react.createElement("div", null);
|
|
65
65
|
};
|
|
@@ -12,47 +12,47 @@ describe('internal mark', ()=>{
|
|
|
12
12
|
{
|
|
13
13
|
title: 'Paragraph mark is removed',
|
|
14
14
|
input: (0, _contentfulslatejsadapter.toContentfulDocument)({
|
|
15
|
-
document: (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", {
|
|
15
|
+
document: /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", {
|
|
16
16
|
[_constants.COMMAND_PROMPT]: true
|
|
17
17
|
}))).children
|
|
18
18
|
}),
|
|
19
19
|
expected: (0, _contentfulslatejsadapter.toContentfulDocument)({
|
|
20
|
-
document: (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null))).children
|
|
20
|
+
document: /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null))).children
|
|
21
21
|
})
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
24
|
title: 'Heading mark is removed',
|
|
25
25
|
input: (0, _contentfulslatejsadapter.toContentfulDocument)({
|
|
26
|
-
document: (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, (0, _testutils.jsx)("htext", {
|
|
26
|
+
document: /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", {
|
|
27
27
|
[_constants.COMMAND_PROMPT]: true
|
|
28
28
|
}))).children
|
|
29
29
|
}),
|
|
30
30
|
expected: (0, _contentfulslatejsadapter.toContentfulDocument)({
|
|
31
|
-
document: (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hh1", null, (0, _testutils.jsx)("htext", null))).children
|
|
31
|
+
document: /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null))).children
|
|
32
32
|
})
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
35
|
title: 'Block quote mark is removed',
|
|
36
36
|
input: (0, _contentfulslatejsadapter.toContentfulDocument)({
|
|
37
|
-
document: (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", {
|
|
37
|
+
document: /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", {
|
|
38
38
|
[_constants.COMMAND_PROMPT]: true
|
|
39
39
|
})))).children
|
|
40
40
|
}),
|
|
41
41
|
expected: (0, _contentfulslatejsadapter.toContentfulDocument)({
|
|
42
|
-
document: (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)))).children
|
|
42
|
+
document: /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)))).children
|
|
43
43
|
})
|
|
44
44
|
},
|
|
45
45
|
{
|
|
46
46
|
title: 'Other marks are not removed',
|
|
47
47
|
input: (0, _contentfulslatejsadapter.toContentfulDocument)({
|
|
48
|
-
document: (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", {
|
|
48
|
+
document: /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", {
|
|
49
49
|
bold: true,
|
|
50
50
|
underline: true,
|
|
51
51
|
[_constants.COMMAND_PROMPT]: true
|
|
52
52
|
})))).children
|
|
53
53
|
}),
|
|
54
54
|
expected: (0, _contentfulslatejsadapter.toContentfulDocument)({
|
|
55
|
-
document: (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", {
|
|
55
|
+
document: /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", {
|
|
56
56
|
bold: true,
|
|
57
57
|
underline: true
|
|
58
58
|
})))).children
|
|
@@ -7,7 +7,7 @@ const _testutils = require("../../test-utils");
|
|
|
7
7
|
const _createExitBreakPlugin = require("./createExitBreakPlugin");
|
|
8
8
|
describe('Exit Break', ()=>{
|
|
9
9
|
it('derives its config from other plugins', ()=>{
|
|
10
|
-
const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
|
|
10
|
+
const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
|
|
11
11
|
const rules = [
|
|
12
12
|
{
|
|
13
13
|
hotkey: 'enter',
|
|
@@ -7,7 +7,7 @@ const _testutils = require("../../test-utils");
|
|
|
7
7
|
const _createSoftBreakPlugin = require("./createSoftBreakPlugin");
|
|
8
8
|
describe('Soft Break', ()=>{
|
|
9
9
|
it('derives its config from other plugins', ()=>{
|
|
10
|
-
const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
|
|
10
|
+
const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
|
|
11
11
|
const rules = [
|
|
12
12
|
{
|
|
13
13
|
hotkey: 'ctrl+enter',
|