@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
|
@@ -16,8 +16,8 @@ import { ToolbarBoldButton } from '../plugins/Marks/Bold';
|
|
|
16
16
|
import { ToolbarCodeButton, ToolbarDropdownCodeButton } from '../plugins/Marks/Code';
|
|
17
17
|
import { ToolbarItalicButton } from '../plugins/Marks/Italic';
|
|
18
18
|
import { ToolbarDropdownStrikethroughButton, ToolbarStrikethroughButton } from '../plugins/Marks/Strikethrough';
|
|
19
|
-
import { ToolbarDropdownSubscriptButton, ToolbarSubscriptButton } from
|
|
20
|
-
import { ToolbarDropdownSuperscriptButton, ToolbarSuperscriptButton } from
|
|
19
|
+
import { ToolbarDropdownSubscriptButton, ToolbarSubscriptButton } from '../plugins/Marks/Subscript';
|
|
20
|
+
import { ToolbarDropdownSuperscriptButton, ToolbarSuperscriptButton } from '../plugins/Marks/Superscript';
|
|
21
21
|
import { ToolbarUnderlineButton } from '../plugins/Marks/Underline';
|
|
22
22
|
import { ToolbarQuoteButton } from '../plugins/Quote';
|
|
23
23
|
import { ToolbarTableButton } from '../plugins/Table';
|
|
@@ -78,21 +78,21 @@ const dropdownMarks = [
|
|
|
78
78
|
const Dropdown = ({ sdk, isDisabled })=>{
|
|
79
79
|
const editor = useContentfulEditor();
|
|
80
80
|
const isActive = editor && dropdownMarks.some((mark)=>isMarkActive(editor, mark));
|
|
81
|
-
return React.createElement(Menu, null, React.createElement(Menu.Trigger, null, React.createElement("span", null, React.createElement(IconButton, {
|
|
81
|
+
return /*#__PURE__*/ React.createElement(Menu, null, /*#__PURE__*/ React.createElement(Menu.Trigger, null, /*#__PURE__*/ React.createElement("span", null, /*#__PURE__*/ React.createElement(IconButton, {
|
|
82
82
|
size: "small",
|
|
83
83
|
className: styles.toolbarBtn,
|
|
84
84
|
variant: isActive ? 'secondary' : 'transparent',
|
|
85
|
-
icon: React.createElement(MoreHorizontalIcon, null),
|
|
85
|
+
icon: /*#__PURE__*/ React.createElement(MoreHorizontalIcon, null),
|
|
86
86
|
"aria-label": "toggle menu",
|
|
87
87
|
isDisabled: isDisabled,
|
|
88
88
|
testId: "dropdown-toolbar-button"
|
|
89
|
-
}))), React.createElement(Menu.List, null, isMarkEnabled(sdk.field, MARKS.SUPERSCRIPT) && React.createElement(ToolbarDropdownSuperscriptButton, {
|
|
89
|
+
}))), /*#__PURE__*/ React.createElement(Menu.List, null, isMarkEnabled(sdk.field, MARKS.SUPERSCRIPT) && /*#__PURE__*/ React.createElement(ToolbarDropdownSuperscriptButton, {
|
|
90
90
|
isDisabled: isDisabled
|
|
91
|
-
}), isMarkEnabled(sdk.field, MARKS.SUBSCRIPT) && React.createElement(ToolbarDropdownSubscriptButton, {
|
|
91
|
+
}), isMarkEnabled(sdk.field, MARKS.SUBSCRIPT) && /*#__PURE__*/ React.createElement(ToolbarDropdownSubscriptButton, {
|
|
92
92
|
isDisabled: isDisabled
|
|
93
|
-
}), isMarkEnabled(sdk.field, MARKS.STRIKETHROUGH) && React.createElement(ToolbarDropdownStrikethroughButton, {
|
|
93
|
+
}), isMarkEnabled(sdk.field, MARKS.STRIKETHROUGH) && /*#__PURE__*/ React.createElement(ToolbarDropdownStrikethroughButton, {
|
|
94
94
|
isDisabled: isDisabled
|
|
95
|
-
}), isMarkEnabled(sdk.field, MARKS.CODE) && React.createElement(ToolbarDropdownCodeButton, {
|
|
95
|
+
}), isMarkEnabled(sdk.field, MARKS.CODE) && /*#__PURE__*/ React.createElement(ToolbarDropdownCodeButton, {
|
|
96
96
|
isDisabled: isDisabled
|
|
97
97
|
})));
|
|
98
98
|
};
|
|
@@ -109,55 +109,55 @@ const Toolbar = ({ isDisabled })=>{
|
|
|
109
109
|
const boldItalicUnderlineAvailable = isMarkEnabled(sdk.field, MARKS.BOLD) || isMarkEnabled(sdk.field, MARKS.ITALIC) || isMarkEnabled(sdk.field, MARKS.UNDERLINE);
|
|
110
110
|
const dropdownItemsAvailable = dropdownMarks.some((mark)=>isMarkEnabled(sdk.field, mark));
|
|
111
111
|
const shouldShowDropdown = boldItalicUnderlineAvailable && dropdownItemsAvailable;
|
|
112
|
-
return React.createElement(Flex, {
|
|
112
|
+
return /*#__PURE__*/ React.createElement(Flex, {
|
|
113
113
|
gap: "spacingS",
|
|
114
114
|
flexWrap: "wrap",
|
|
115
115
|
flexDirection: "row",
|
|
116
116
|
testId: "toolbar",
|
|
117
117
|
className: styles.toolbar,
|
|
118
118
|
justifyContent: "space-between"
|
|
119
|
-
}, React.createElement("div", {
|
|
119
|
+
}, /*#__PURE__*/ React.createElement("div", {
|
|
120
120
|
className: styles.formattingOptionsWrapper
|
|
121
|
-
}, React.createElement(ToolbarHeadingButton, {
|
|
121
|
+
}, /*#__PURE__*/ React.createElement(ToolbarHeadingButton, {
|
|
122
122
|
isDisabled: isDisabled || !canInsertBlocks
|
|
123
|
-
}), React.createElement("span", {
|
|
123
|
+
}), /*#__PURE__*/ React.createElement("span", {
|
|
124
124
|
className: styles.divider
|
|
125
|
-
}), React.createElement(ButtonUndo, null), React.createElement(ButtonRedo, null), validationInfo.isAnyMarkEnabled && React.createElement("span", {
|
|
125
|
+
}), /*#__PURE__*/ React.createElement(ButtonUndo, null), /*#__PURE__*/ React.createElement(ButtonRedo, null), validationInfo.isAnyMarkEnabled && /*#__PURE__*/ React.createElement("span", {
|
|
126
126
|
className: styles.divider
|
|
127
|
-
}), isMarkEnabled(sdk.field, MARKS.BOLD) && React.createElement(ToolbarBoldButton, {
|
|
127
|
+
}), isMarkEnabled(sdk.field, MARKS.BOLD) && /*#__PURE__*/ React.createElement(ToolbarBoldButton, {
|
|
128
128
|
isDisabled: isDisabled
|
|
129
|
-
}), isMarkEnabled(sdk.field, MARKS.ITALIC) && React.createElement(ToolbarItalicButton, {
|
|
129
|
+
}), isMarkEnabled(sdk.field, MARKS.ITALIC) && /*#__PURE__*/ React.createElement(ToolbarItalicButton, {
|
|
130
130
|
isDisabled: isDisabled
|
|
131
|
-
}), isMarkEnabled(sdk.field, MARKS.UNDERLINE) && React.createElement(ToolbarUnderlineButton, {
|
|
131
|
+
}), isMarkEnabled(sdk.field, MARKS.UNDERLINE) && /*#__PURE__*/ React.createElement(ToolbarUnderlineButton, {
|
|
132
132
|
isDisabled: isDisabled
|
|
133
|
-
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.SUPERSCRIPT) && React.createElement(ToolbarSuperscriptButton, {
|
|
133
|
+
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.SUPERSCRIPT) && /*#__PURE__*/ React.createElement(ToolbarSuperscriptButton, {
|
|
134
134
|
isDisabled: isDisabled
|
|
135
|
-
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.SUBSCRIPT) && React.createElement(ToolbarSubscriptButton, {
|
|
135
|
+
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.SUBSCRIPT) && /*#__PURE__*/ React.createElement(ToolbarSubscriptButton, {
|
|
136
136
|
isDisabled: isDisabled
|
|
137
|
-
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.STRIKETHROUGH) && React.createElement(ToolbarStrikethroughButton, {
|
|
137
|
+
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.STRIKETHROUGH) && /*#__PURE__*/ React.createElement(ToolbarStrikethroughButton, {
|
|
138
138
|
isDisabled: isDisabled
|
|
139
|
-
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.CODE) && React.createElement(ToolbarCodeButton, {
|
|
139
|
+
}), !boldItalicUnderlineAvailable && isMarkEnabled(sdk.field, MARKS.CODE) && /*#__PURE__*/ React.createElement(ToolbarCodeButton, {
|
|
140
140
|
isDisabled: isDisabled
|
|
141
|
-
}), shouldShowDropdown && React.createElement(Dropdown, {
|
|
141
|
+
}), shouldShowDropdown && /*#__PURE__*/ React.createElement(Dropdown, {
|
|
142
142
|
sdk: sdk,
|
|
143
143
|
isDisabled: isDisabled
|
|
144
|
-
}), validationInfo.isAnyHyperlinkEnabled && React.createElement(React.Fragment, null, React.createElement("span", {
|
|
144
|
+
}), validationInfo.isAnyHyperlinkEnabled && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", {
|
|
145
145
|
className: styles.divider
|
|
146
|
-
}), React.createElement(ToolbarHyperlinkButton, {
|
|
146
|
+
}), /*#__PURE__*/ React.createElement(ToolbarHyperlinkButton, {
|
|
147
147
|
isDisabled: isDisabled
|
|
148
|
-
})), validationInfo.isAnyBlockFormattingEnabled && React.createElement("span", {
|
|
148
|
+
})), validationInfo.isAnyBlockFormattingEnabled && /*#__PURE__*/ React.createElement("span", {
|
|
149
149
|
className: styles.divider
|
|
150
|
-
}), React.createElement(ToolbarListButton, {
|
|
150
|
+
}), /*#__PURE__*/ React.createElement(ToolbarListButton, {
|
|
151
151
|
isDisabled: isDisabled || !canInsertBlocks
|
|
152
|
-
}), isNodeTypeEnabled(sdk.field, BLOCKS.QUOTE) && React.createElement(ToolbarQuoteButton, {
|
|
152
|
+
}), isNodeTypeEnabled(sdk.field, BLOCKS.QUOTE) && /*#__PURE__*/ React.createElement(ToolbarQuoteButton, {
|
|
153
153
|
isDisabled: isDisabled || !canInsertBlocks
|
|
154
|
-
}), isNodeTypeEnabled(sdk.field, BLOCKS.HR) && React.createElement(ToolbarHrButton, {
|
|
154
|
+
}), isNodeTypeEnabled(sdk.field, BLOCKS.HR) && /*#__PURE__*/ React.createElement(ToolbarHrButton, {
|
|
155
155
|
isDisabled: isDisabled || !canInsertBlocks
|
|
156
|
-
}), isNodeTypeEnabled(sdk.field, BLOCKS.TABLE) && React.createElement(ToolbarTableButton, {
|
|
156
|
+
}), isNodeTypeEnabled(sdk.field, BLOCKS.TABLE) && /*#__PURE__*/ React.createElement(ToolbarTableButton, {
|
|
157
157
|
isDisabled: shouldDisableTables
|
|
158
|
-
})), React.createElement("div", {
|
|
158
|
+
})), /*#__PURE__*/ React.createElement("div", {
|
|
159
159
|
className: styles.embedActionsWrapper
|
|
160
|
-
}, React.createElement(EmbedEntityWidget, {
|
|
160
|
+
}, /*#__PURE__*/ React.createElement(EmbedEntityWidget, {
|
|
161
161
|
isDisabled: isDisabled,
|
|
162
162
|
canInsertBlocks: canInsertBlocks
|
|
163
163
|
})));
|
|
@@ -72,15 +72,15 @@ export class HyperlinkDialog extends (_React_Component = React.Component) {
|
|
|
72
72
|
}
|
|
73
73
|
render() {
|
|
74
74
|
const { labels } = this.props;
|
|
75
|
-
return React.createElement(EntityProvider, {
|
|
75
|
+
return /*#__PURE__*/ React.createElement(EntityProvider, {
|
|
76
76
|
sdk: this.props.sdk
|
|
77
|
-
}, React.createElement(React.Fragment, null, React.createElement(ModalContent, null, this.renderFields()), React.createElement(ModalControls, null, React.createElement(Button, {
|
|
77
|
+
}, /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ModalContent, null, this.renderFields()), /*#__PURE__*/ React.createElement(ModalControls, null, /*#__PURE__*/ React.createElement(Button, {
|
|
78
78
|
type: "button",
|
|
79
79
|
onClick: ()=>this.props.onClose(null),
|
|
80
80
|
variant: "secondary",
|
|
81
81
|
testId: "cancel-cta",
|
|
82
82
|
size: "small"
|
|
83
|
-
}, "Cancel"), React.createElement(Button, {
|
|
83
|
+
}, "Cancel"), /*#__PURE__*/ React.createElement(Button, {
|
|
84
84
|
type: "submit",
|
|
85
85
|
variant: "positive",
|
|
86
86
|
onClick: this.handleSubmit,
|
|
@@ -93,10 +93,10 @@ export class HyperlinkDialog extends (_React_Component = React.Component) {
|
|
|
93
93
|
const { hideText, allowedHyperlinkTypes, entitySelectorConfigs } = this.props;
|
|
94
94
|
const { uri, text, type } = this.state;
|
|
95
95
|
const isUriInputAutoFocused = type === LINK_TYPES.URI && (hideText || !!text);
|
|
96
|
-
return React.createElement(Form, null, hideText ? null : React.createElement(FormControl, {
|
|
96
|
+
return /*#__PURE__*/ React.createElement(Form, null, hideText ? null : /*#__PURE__*/ React.createElement(FormControl, {
|
|
97
97
|
id: "link-text",
|
|
98
98
|
isRequired: true
|
|
99
|
-
}, React.createElement(FormControl.Label, null, "Link text"), React.createElement(TextInput, {
|
|
99
|
+
}, /*#__PURE__*/ React.createElement(FormControl.Label, null, "Link text"), /*#__PURE__*/ React.createElement(TextInput, {
|
|
100
100
|
testId: "link-text-input",
|
|
101
101
|
name: "link-text",
|
|
102
102
|
value: text || '',
|
|
@@ -104,25 +104,25 @@ export class HyperlinkDialog extends (_React_Component = React.Component) {
|
|
|
104
104
|
text: e.target.value
|
|
105
105
|
}),
|
|
106
106
|
autoFocus: !isUriInputAutoFocused
|
|
107
|
-
})), isFeaturingEntitySelector(entitySelectorConfigs) && React.createElement(FormControl, {
|
|
107
|
+
})), isFeaturingEntitySelector(entitySelectorConfigs) && /*#__PURE__*/ React.createElement(FormControl, {
|
|
108
108
|
id: "link-type",
|
|
109
109
|
name: "link-type"
|
|
110
|
-
}, React.createElement(FormControl.Label, null, "Link type"), React.createElement(Select, {
|
|
110
|
+
}, /*#__PURE__*/ React.createElement(FormControl.Label, null, "Link type"), /*#__PURE__*/ React.createElement(Select, {
|
|
111
111
|
value: type,
|
|
112
112
|
onChange: (e)=>this.setState({
|
|
113
113
|
type: e.target.value
|
|
114
114
|
}),
|
|
115
115
|
testId: "link-type-select"
|
|
116
|
-
}, allowedHyperlinkTypes.includes(LINK_TYPES.URI) || type === LINK_TYPES.URI ? React.createElement(Select.Option, {
|
|
116
|
+
}, allowedHyperlinkTypes.includes(LINK_TYPES.URI) || type === LINK_TYPES.URI ? /*#__PURE__*/ React.createElement(Select.Option, {
|
|
117
117
|
value: LINK_TYPES.URI
|
|
118
|
-
}, "URL") : null, allowedHyperlinkTypes.includes(LINK_TYPES.ENTRY) || type === LINK_TYPES.ENTRY ? React.createElement(Select.Option, {
|
|
118
|
+
}, "URL") : null, allowedHyperlinkTypes.includes(LINK_TYPES.ENTRY) || type === LINK_TYPES.ENTRY ? /*#__PURE__*/ React.createElement(Select.Option, {
|
|
119
119
|
value: LINK_TYPES.ENTRY
|
|
120
|
-
}, "Entry") : null, allowedHyperlinkTypes.includes(LINK_TYPES.ASSET) || type === LINK_TYPES.ASSET ? React.createElement(Select.Option, {
|
|
120
|
+
}, "Entry") : null, allowedHyperlinkTypes.includes(LINK_TYPES.ASSET) || type === LINK_TYPES.ASSET ? /*#__PURE__*/ React.createElement(Select.Option, {
|
|
121
121
|
value: LINK_TYPES.ASSET
|
|
122
|
-
}, "Asset") : null)), type === LINK_TYPES.URI ? React.createElement(FormControl, {
|
|
122
|
+
}, "Asset") : null)), type === LINK_TYPES.URI ? /*#__PURE__*/ React.createElement(FormControl, {
|
|
123
123
|
id: "link-uri",
|
|
124
124
|
isRequired: true
|
|
125
|
-
}, React.createElement(FormControl.Label, null, "Link target"), React.createElement(TextInput, {
|
|
125
|
+
}, /*#__PURE__*/ React.createElement(FormControl.Label, null, "Link target"), /*#__PURE__*/ React.createElement(TextInput, {
|
|
126
126
|
testId: "link-target-input",
|
|
127
127
|
name: "link-uri",
|
|
128
128
|
value: uri || '',
|
|
@@ -131,29 +131,29 @@ export class HyperlinkDialog extends (_React_Component = React.Component) {
|
|
|
131
131
|
uri: e.target.value
|
|
132
132
|
}),
|
|
133
133
|
autoFocus: isUriInputAutoFocused
|
|
134
|
-
}), React.createElement(FormControl.HelpText, null, "A protocol may be required, e.g. https://")) : this.renderEntityField());
|
|
134
|
+
}), /*#__PURE__*/ React.createElement(FormControl.HelpText, null, "A protocol may be required, e.g. https://")) : this.renderEntityField());
|
|
135
135
|
}
|
|
136
136
|
renderEntityField() {
|
|
137
137
|
const { type, entityLinks } = this.state;
|
|
138
138
|
const resetEntity = ()=>this.setTargetEntity(type, null);
|
|
139
139
|
const entityLink = entityLinks[type];
|
|
140
140
|
const isEntitySelectorVisible = !entityLink;
|
|
141
|
-
return React.createElement("div", null, React.createElement(FormLabel, {
|
|
141
|
+
return /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(FormLabel, {
|
|
142
142
|
required: true,
|
|
143
143
|
htmlFor: ""
|
|
144
|
-
}, "Link target"), !isEntitySelectorVisible && React.createElement(TextLink, {
|
|
144
|
+
}, "Link target"), !isEntitySelectorVisible && /*#__PURE__*/ React.createElement(TextLink, {
|
|
145
145
|
as: "button",
|
|
146
146
|
className: css({
|
|
147
147
|
marginLeft: tokens.spacingS
|
|
148
148
|
}),
|
|
149
149
|
onClick: resetEntity
|
|
150
|
-
}, "Remove selection"), entityLink && React.createElement("div", null, type === LINK_TYPES.ENTRY && React.createElement(FetchingWrappedEntryCard, {
|
|
150
|
+
}, "Remove selection"), entityLink && /*#__PURE__*/ React.createElement("div", null, type === LINK_TYPES.ENTRY && /*#__PURE__*/ React.createElement(FetchingWrappedEntryCard, {
|
|
151
151
|
sdk: this.props.sdk,
|
|
152
152
|
locale: this.props.entitySelectorConfigs.Entry.locale,
|
|
153
153
|
entryId: entityLink.sys.id,
|
|
154
154
|
isDisabled: true,
|
|
155
155
|
isSelected: false
|
|
156
|
-
}), type == LINK_TYPES.ASSET && React.createElement(FetchingWrappedAssetCard, {
|
|
156
|
+
}), type == LINK_TYPES.ASSET && /*#__PURE__*/ React.createElement(FetchingWrappedAssetCard, {
|
|
157
157
|
sdk: this.props.sdk,
|
|
158
158
|
locale: this.props.entitySelectorConfigs.Asset.locale,
|
|
159
159
|
assetId: entityLink.sys.id,
|
|
@@ -162,14 +162,14 @@ export class HyperlinkDialog extends (_React_Component = React.Component) {
|
|
|
162
162
|
})), isEntitySelectorVisible && this.renderEntitySelector(type, isEntitySelectorVisible));
|
|
163
163
|
}
|
|
164
164
|
renderEntitySelector(type) {
|
|
165
|
-
return React.createElement("div", {
|
|
165
|
+
return /*#__PURE__*/ React.createElement("div", {
|
|
166
166
|
className: css({
|
|
167
167
|
marginTop: tokens.spacingS
|
|
168
168
|
})
|
|
169
|
-
}, type === LINK_TYPES.ENTRY && React.createElement(TextLink, {
|
|
169
|
+
}, type === LINK_TYPES.ENTRY && /*#__PURE__*/ React.createElement(TextLink, {
|
|
170
170
|
as: "button",
|
|
171
171
|
onClick: this.selectEntry
|
|
172
|
-
}, "Select entry"), type === LINK_TYPES.ASSET && React.createElement(TextLink, {
|
|
172
|
+
}, "Select entry"), type === LINK_TYPES.ASSET && /*#__PURE__*/ React.createElement(TextLink, {
|
|
173
173
|
as: "button",
|
|
174
174
|
onClick: this.selectAsset
|
|
175
175
|
}, "Select asset"));
|
|
@@ -4,7 +4,7 @@ import { HyperlinkDialog } from './HypelinkDialog/HyperlinkDialog';
|
|
|
4
4
|
export const openRichTextDialog = (sdk)=>(options)=>{
|
|
5
5
|
if (options.parameters?.type === 'rich-text-hyperlink-dialog') {
|
|
6
6
|
return ModalDialogLauncher.openDialog(options, ({ onClose })=>{
|
|
7
|
-
return React.createElement(HyperlinkDialog, {
|
|
7
|
+
return /*#__PURE__*/ React.createElement(HyperlinkDialog, {
|
|
8
8
|
...options.parameters,
|
|
9
9
|
onClose: onClose,
|
|
10
10
|
sdk: sdk
|
|
@@ -4,11 +4,11 @@ export const renderRichTextDialog = (sdk)=>{
|
|
|
4
4
|
const parameters = sdk.parameters.invocation;
|
|
5
5
|
if (parameters?.type === 'rich-text-hyperlink-dialog') {
|
|
6
6
|
sdk.window.startAutoResizer();
|
|
7
|
-
return React.createElement(HyperlinkDialog, {
|
|
7
|
+
return /*#__PURE__*/ React.createElement(HyperlinkDialog, {
|
|
8
8
|
...parameters,
|
|
9
9
|
onClose: sdk.close,
|
|
10
10
|
sdk: sdk
|
|
11
11
|
});
|
|
12
12
|
}
|
|
13
|
-
return React.createElement("div", null);
|
|
13
|
+
return /*#__PURE__*/ React.createElement("div", null);
|
|
14
14
|
};
|
|
@@ -8,47 +8,47 @@ describe('internal mark', ()=>{
|
|
|
8
8
|
{
|
|
9
9
|
title: 'Paragraph mark is removed',
|
|
10
10
|
input: toContentfulDocument({
|
|
11
|
-
document: jsx("editor", null, jsx("hp", null, jsx("htext", {
|
|
11
|
+
document: /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", {
|
|
12
12
|
[COMMAND_PROMPT]: true
|
|
13
13
|
}))).children
|
|
14
14
|
}),
|
|
15
15
|
expected: toContentfulDocument({
|
|
16
|
-
document: jsx("editor", null, jsx("hp", null, jsx("htext", null))).children
|
|
16
|
+
document: /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null))).children
|
|
17
17
|
})
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
20
|
title: 'Heading mark is removed',
|
|
21
21
|
input: toContentfulDocument({
|
|
22
|
-
document: jsx("editor", null, jsx("hh1", null, jsx("htext", {
|
|
22
|
+
document: /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hh1", null, /*#__PURE__*/ jsx("htext", {
|
|
23
23
|
[COMMAND_PROMPT]: true
|
|
24
24
|
}))).children
|
|
25
25
|
}),
|
|
26
26
|
expected: toContentfulDocument({
|
|
27
|
-
document: jsx("editor", null, jsx("hh1", null, jsx("htext", null))).children
|
|
27
|
+
document: /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hh1", null, /*#__PURE__*/ jsx("htext", null))).children
|
|
28
28
|
})
|
|
29
29
|
},
|
|
30
30
|
{
|
|
31
31
|
title: 'Block quote mark is removed',
|
|
32
32
|
input: toContentfulDocument({
|
|
33
|
-
document: jsx("editor", null, jsx("hquote", null, jsx("hp", null, jsx("htext", {
|
|
33
|
+
document: /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hquote", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", {
|
|
34
34
|
[COMMAND_PROMPT]: true
|
|
35
35
|
})))).children
|
|
36
36
|
}),
|
|
37
37
|
expected: toContentfulDocument({
|
|
38
|
-
document: jsx("editor", null, jsx("hquote", null, jsx("hp", null, jsx("htext", null)))).children
|
|
38
|
+
document: /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hquote", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)))).children
|
|
39
39
|
})
|
|
40
40
|
},
|
|
41
41
|
{
|
|
42
42
|
title: 'Other marks are not removed',
|
|
43
43
|
input: toContentfulDocument({
|
|
44
|
-
document: jsx("editor", null, jsx("hquote", null, jsx("hp", null, jsx("htext", {
|
|
44
|
+
document: /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hquote", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", {
|
|
45
45
|
bold: true,
|
|
46
46
|
underline: true,
|
|
47
47
|
[COMMAND_PROMPT]: true
|
|
48
48
|
})))).children
|
|
49
49
|
}),
|
|
50
50
|
expected: toContentfulDocument({
|
|
51
|
-
document: jsx("editor", null, jsx("hquote", null, jsx("hp", null, jsx("htext", {
|
|
51
|
+
document: /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hquote", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", {
|
|
52
52
|
bold: true,
|
|
53
53
|
underline: true
|
|
54
54
|
})))).children
|
|
@@ -3,7 +3,7 @@ import { jsx, createTestEditor, mockPlugin } from '../../test-utils';
|
|
|
3
3
|
import { createExitBreakPlugin } from './createExitBreakPlugin';
|
|
4
4
|
describe('Exit Break', ()=>{
|
|
5
5
|
it('derives its config from other plugins', ()=>{
|
|
6
|
-
const input = jsx("editor", null, jsx("hp", null, jsx("htext", null)));
|
|
6
|
+
const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
|
|
7
7
|
const rules = [
|
|
8
8
|
{
|
|
9
9
|
hotkey: 'enter',
|
|
@@ -3,7 +3,7 @@ import { jsx, createTestEditor, mockPlugin } from '../../test-utils';
|
|
|
3
3
|
import { createSoftBreakPlugin } from './createSoftBreakPlugin';
|
|
4
4
|
describe('Soft Break', ()=>{
|
|
5
5
|
it('derives its config from other plugins', ()=>{
|
|
6
|
-
const input = jsx("editor", null, jsx("hp", null, jsx("htext", null)));
|
|
6
|
+
const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
|
|
7
7
|
const rules = [
|
|
8
8
|
{
|
|
9
9
|
hotkey: 'ctrl+enter',
|
|
@@ -7,47 +7,47 @@ import { useSdkContext } from '../../../SdkProvider';
|
|
|
7
7
|
import { useCommandList } from '../hooks/useCommandList';
|
|
8
8
|
import { useCommands } from '../useCommands';
|
|
9
9
|
import styles from './CommandList.styles';
|
|
10
|
-
const Group = ({ commandGroup, selectedItem })
|
|
10
|
+
const Group = ({ commandGroup, selectedItem })=>/*#__PURE__*/ React.createElement("section", {
|
|
11
11
|
key: commandGroup.group
|
|
12
|
-
}, React.createElement(SectionHeading, {
|
|
12
|
+
}, /*#__PURE__*/ React.createElement(SectionHeading, {
|
|
13
13
|
as: "h3",
|
|
14
14
|
marginBottom: "spacingS",
|
|
15
15
|
marginTop: "spacingS",
|
|
16
16
|
marginLeft: "spacingM",
|
|
17
17
|
marginRight: "spacingM"
|
|
18
|
-
}, commandGroup.group), commandGroup.commands.map((command)
|
|
18
|
+
}, commandGroup.group), commandGroup.commands.map((command)=>/*#__PURE__*/ React.createElement("button", {
|
|
19
19
|
key: command.id,
|
|
20
20
|
id: command.id,
|
|
21
21
|
className: cx(styles.menuItem, {
|
|
22
22
|
[styles.menuItemSelected]: command.id === selectedItem
|
|
23
23
|
}),
|
|
24
24
|
onClick: command.callback
|
|
25
|
-
}, command.label)), React.createElement("hr", {
|
|
25
|
+
}, command.label)), /*#__PURE__*/ React.createElement("hr", {
|
|
26
26
|
className: styles.menuDivider,
|
|
27
27
|
"aria-orientation": "horizontal"
|
|
28
28
|
}));
|
|
29
|
-
const Asset = ({ command, selectedItem })
|
|
29
|
+
const Asset = ({ command, selectedItem })=>/*#__PURE__*/ React.createElement("button", {
|
|
30
30
|
key: command.id,
|
|
31
31
|
id: command.id,
|
|
32
32
|
className: cx(styles.menuItem, {
|
|
33
33
|
[styles.menuItemSelected]: command.id === selectedItem
|
|
34
34
|
}),
|
|
35
35
|
onClick: command.callback
|
|
36
|
-
}, React.createElement(Flex, {
|
|
36
|
+
}, /*#__PURE__*/ React.createElement(Flex, {
|
|
37
37
|
alignItems: "center",
|
|
38
38
|
gap: "spacingS"
|
|
39
|
-
}, command.thumbnail ? React.createElement("img", {
|
|
39
|
+
}, command.thumbnail ? /*#__PURE__*/ React.createElement("img", {
|
|
40
40
|
width: "30",
|
|
41
41
|
height: "30",
|
|
42
42
|
src: command.thumbnail,
|
|
43
43
|
alt: "",
|
|
44
44
|
className: styles.thumbnail
|
|
45
|
-
}) : React.createElement(AssetIcon, {
|
|
45
|
+
}) : /*#__PURE__*/ React.createElement(AssetIcon, {
|
|
46
46
|
width: "30",
|
|
47
47
|
height: "30",
|
|
48
48
|
className: styles.thumbnail
|
|
49
|
-
}), React.createElement("span", null, command.label)));
|
|
50
|
-
const Item = ({ command, selectedItem })
|
|
49
|
+
}), /*#__PURE__*/ React.createElement("span", null, command.label)));
|
|
50
|
+
const Item = ({ command, selectedItem })=>/*#__PURE__*/ React.createElement("button", {
|
|
51
51
|
key: command.id,
|
|
52
52
|
id: command.id,
|
|
53
53
|
className: cx(styles.menuItem, {
|
|
@@ -56,16 +56,16 @@ const Item = ({ command, selectedItem })=>React.createElement("button", {
|
|
|
56
56
|
onClick: command.callback
|
|
57
57
|
}, command.label);
|
|
58
58
|
const CommandListItems = ({ commandItems, selectedItem })=>{
|
|
59
|
-
return React.createElement(React.Fragment, null, commandItems.map((command)=>{
|
|
60
|
-
return 'group' in command ? React.createElement(Group, {
|
|
59
|
+
return /*#__PURE__*/ React.createElement(React.Fragment, null, commandItems.map((command)=>{
|
|
60
|
+
return 'group' in command ? /*#__PURE__*/ React.createElement(Group, {
|
|
61
61
|
key: command.group,
|
|
62
62
|
commandGroup: command,
|
|
63
63
|
selectedItem: selectedItem
|
|
64
|
-
}) : command.asset ? React.createElement(Asset, {
|
|
64
|
+
}) : command.asset ? /*#__PURE__*/ React.createElement(Asset, {
|
|
65
65
|
key: command.id,
|
|
66
66
|
command: command,
|
|
67
67
|
selectedItem: selectedItem
|
|
68
|
-
}) : React.createElement(Item, {
|
|
68
|
+
}) : /*#__PURE__*/ React.createElement(Item, {
|
|
69
69
|
key: command.id,
|
|
70
70
|
command: command,
|
|
71
71
|
selectedItem: selectedItem
|
|
@@ -83,42 +83,42 @@ export const CommandList = ({ query, editor, textContainer })=>{
|
|
|
83
83
|
if (!commandItems.length) {
|
|
84
84
|
return null;
|
|
85
85
|
}
|
|
86
|
-
return React.createElement("div", {
|
|
86
|
+
return /*#__PURE__*/ React.createElement("div", {
|
|
87
87
|
className: styles.container,
|
|
88
88
|
tabIndex: -1,
|
|
89
89
|
contentEditable: false
|
|
90
|
-
}, React.createElement("div", {
|
|
90
|
+
}, /*#__PURE__*/ React.createElement("div", {
|
|
91
91
|
role: "alert"
|
|
92
|
-
}, React.createElement(ScreenReaderOnly, null, "Richtext commands. Currently focused item: ", selectedItem, ". Press ", React.createElement("kbd", null, "enter"), " to select, ", React.createElement("kbd", null, "arrows"), " to navigate, ", React.createElement("kbd", null, "escape"), " to close.")), React.createElement(Portal, null, React.createElement("div", {
|
|
92
|
+
}, /*#__PURE__*/ React.createElement(ScreenReaderOnly, null, "Richtext commands. Currently focused item: ", selectedItem, ". Press ", /*#__PURE__*/ React.createElement("kbd", null, "enter"), " to select, ", /*#__PURE__*/ React.createElement("kbd", null, "arrows"), " to navigate, ", /*#__PURE__*/ React.createElement("kbd", null, "escape"), " to close.")), /*#__PURE__*/ React.createElement(Portal, null, /*#__PURE__*/ React.createElement("div", {
|
|
93
93
|
"aria-hidden": true,
|
|
94
94
|
ref: popoverContainer,
|
|
95
95
|
className: styles.menuPoper,
|
|
96
96
|
style: popper.styles.popper,
|
|
97
97
|
...popper.attributes.popper
|
|
98
|
-
}, React.createElement(Popover, {
|
|
98
|
+
}, /*#__PURE__*/ React.createElement(Popover, {
|
|
99
99
|
isOpen: isOpen,
|
|
100
100
|
usePortal: false,
|
|
101
101
|
autoFocus: false
|
|
102
|
-
}, React.createElement(Popover.Trigger, null, React.createElement("span", null)), React.createElement(Popover.Content, {
|
|
102
|
+
}, /*#__PURE__*/ React.createElement(Popover.Trigger, null, /*#__PURE__*/ React.createElement("span", null)), /*#__PURE__*/ React.createElement(Popover.Content, {
|
|
103
103
|
className: styles.menuContent,
|
|
104
104
|
testId: "rich-text-commands"
|
|
105
|
-
}, React.createElement("header", {
|
|
105
|
+
}, /*#__PURE__*/ React.createElement("header", {
|
|
106
106
|
className: styles.menuHeader
|
|
107
|
-
}, React.createElement(SectionHeading, {
|
|
107
|
+
}, /*#__PURE__*/ React.createElement(SectionHeading, {
|
|
108
108
|
marginBottom: "none"
|
|
109
|
-
}, "Richtext commands")), React.createElement("div", {
|
|
109
|
+
}, "Richtext commands")), /*#__PURE__*/ React.createElement("div", {
|
|
110
110
|
className: styles.menuList,
|
|
111
111
|
"data-test-id": "rich-text-commands-list"
|
|
112
|
-
}, React.createElement(CommandListItems, {
|
|
112
|
+
}, /*#__PURE__*/ React.createElement(CommandListItems, {
|
|
113
113
|
commandItems: commandItems,
|
|
114
114
|
selectedItem: selectedItem
|
|
115
|
-
})), React.createElement("footer", {
|
|
115
|
+
})), /*#__PURE__*/ React.createElement("footer", {
|
|
116
116
|
className: styles.menuFooter
|
|
117
|
-
}, React.createElement(Stack, {
|
|
117
|
+
}, /*#__PURE__*/ React.createElement(Stack, {
|
|
118
118
|
as: "ul",
|
|
119
119
|
margin: "none",
|
|
120
120
|
padding: "none",
|
|
121
121
|
spacing: "spacingS",
|
|
122
122
|
className: styles.footerList
|
|
123
|
-
}, React.createElement("li", null, React.createElement("kbd", null, "↑"), React.createElement("kbd", null, "↓"), " to navigate"), React.createElement("li", null, React.createElement("kbd", null, "↵"), " to confirm"), React.createElement("li", null, React.createElement("kbd", null, "esc"), " to close"))))))));
|
|
123
|
+
}, /*#__PURE__*/ React.createElement("li", null, /*#__PURE__*/ React.createElement("kbd", null, "↑"), /*#__PURE__*/ React.createElement("kbd", null, "↓"), " to navigate"), /*#__PURE__*/ React.createElement("li", null, /*#__PURE__*/ React.createElement("kbd", null, "↵"), " to confirm"), /*#__PURE__*/ React.createElement("li", null, /*#__PURE__*/ React.createElement("kbd", null, "esc"), " to close"))))))));
|
|
124
124
|
};
|
|
@@ -14,13 +14,13 @@ export const CommandPrompt = (props)=>{
|
|
|
14
14
|
]);
|
|
15
15
|
const editor = props.editor;
|
|
16
16
|
const [textElement, setTextElement] = React.useState();
|
|
17
|
-
return React.createElement("span", {
|
|
17
|
+
return /*#__PURE__*/ React.createElement("span", {
|
|
18
18
|
className: styles.commandPrompt,
|
|
19
19
|
ref: (e)=>{
|
|
20
20
|
setTextElement(e);
|
|
21
21
|
},
|
|
22
22
|
...props.attributes
|
|
23
|
-
}, props.children, React.createElement(CommandList, {
|
|
23
|
+
}, props.children, /*#__PURE__*/ React.createElement(CommandList, {
|
|
24
24
|
query: query,
|
|
25
25
|
editor: editor,
|
|
26
26
|
textContainer: textElement
|
|
@@ -36,9 +36,9 @@ export function LinkedEntityBlock(props) {
|
|
|
36
36
|
editor,
|
|
37
37
|
element
|
|
38
38
|
]);
|
|
39
|
-
return React.createElement(LinkedBlockWrapper, {
|
|
39
|
+
return /*#__PURE__*/ React.createElement(LinkedBlockWrapper, {
|
|
40
40
|
attributes: attributes,
|
|
41
|
-
card: React.createElement(React.Fragment, null, entityType === 'Entry' && React.createElement(FetchingWrappedEntryCard, {
|
|
41
|
+
card: /*#__PURE__*/ React.createElement(React.Fragment, null, entityType === 'Entry' && /*#__PURE__*/ React.createElement(FetchingWrappedEntryCard, {
|
|
42
42
|
sdk: sdk,
|
|
43
43
|
entryId: entityId,
|
|
44
44
|
locale: sdk.field.locale,
|
|
@@ -47,7 +47,7 @@ export function LinkedEntityBlock(props) {
|
|
|
47
47
|
onRemove: handleRemoveClick,
|
|
48
48
|
onEdit: handleEditClick,
|
|
49
49
|
onEntityFetchComplete: onEntityFetchComplete
|
|
50
|
-
}), entityType === 'Asset' && React.createElement(FetchingWrappedAssetCard, {
|
|
50
|
+
}), entityType === 'Asset' && /*#__PURE__*/ React.createElement(FetchingWrappedAssetCard, {
|
|
51
51
|
sdk: sdk,
|
|
52
52
|
assetId: entityId,
|
|
53
53
|
locale: sdk.field.locale,
|
|
@@ -35,32 +35,32 @@ function InternalFetchingWrappedInlineEntryCard({ entry, allContentTypes, locale
|
|
|
35
35
|
locale,
|
|
36
36
|
defaultLocale
|
|
37
37
|
]);
|
|
38
|
-
return React.createElement(InlineEntryCard, {
|
|
38
|
+
return /*#__PURE__*/ React.createElement(InlineEntryCard, {
|
|
39
39
|
testId: INLINES.EMBEDDED_ENTRY,
|
|
40
40
|
isSelected: isSelected,
|
|
41
41
|
title: contentType ? `${contentType.name}: ${title}` : title,
|
|
42
42
|
status: entryStatus,
|
|
43
43
|
actions: [
|
|
44
|
-
React.createElement(MenuItem, {
|
|
44
|
+
/*#__PURE__*/ React.createElement(MenuItem, {
|
|
45
45
|
key: "edit",
|
|
46
46
|
onClick: onEdit
|
|
47
47
|
}, "Edit"),
|
|
48
|
-
React.createElement(MenuItem, {
|
|
48
|
+
/*#__PURE__*/ React.createElement(MenuItem, {
|
|
49
49
|
key: "remove",
|
|
50
50
|
onClick: onRemove,
|
|
51
51
|
disabled: isDisabled,
|
|
52
52
|
testId: "delete"
|
|
53
53
|
}, "Remove")
|
|
54
54
|
]
|
|
55
|
-
}, React.createElement(ScheduledIconWithTooltip, {
|
|
55
|
+
}, /*#__PURE__*/ React.createElement(ScheduledIconWithTooltip, {
|
|
56
56
|
getEntityScheduledActions: getEntityScheduledActions,
|
|
57
57
|
entityType: "Entry",
|
|
58
58
|
entityId: entry.sys.id
|
|
59
|
-
}, React.createElement(ClockIcon, {
|
|
59
|
+
}, /*#__PURE__*/ React.createElement(ClockIcon, {
|
|
60
60
|
className: styles.scheduledIcon,
|
|
61
61
|
variant: "muted",
|
|
62
62
|
testId: "scheduled-icon"
|
|
63
|
-
})), React.createElement(Text, null, title));
|
|
63
|
+
})), /*#__PURE__*/ React.createElement(Text, null, title));
|
|
64
64
|
}
|
|
65
65
|
export function FetchingWrappedInlineEntryCard(props) {
|
|
66
66
|
const { data: entry, status: requestStatus } = useEntity('Entry', props.entryId);
|
|
@@ -76,12 +76,12 @@ export function FetchingWrappedInlineEntryCard(props) {
|
|
|
76
76
|
onEntityFetchComplete
|
|
77
77
|
]);
|
|
78
78
|
if (requestStatus === 'loading' || requestStatus === 'idle') {
|
|
79
|
-
return React.createElement(InlineEntryCard, {
|
|
79
|
+
return /*#__PURE__*/ React.createElement(InlineEntryCard, {
|
|
80
80
|
isLoading: true
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
83
|
if (requestStatus === 'error') {
|
|
84
|
-
return React.createElement(InlineEntryCard, {
|
|
84
|
+
return /*#__PURE__*/ React.createElement(InlineEntryCard, {
|
|
85
85
|
title: "Content missing or inaccessible",
|
|
86
86
|
testId: INLINES.EMBEDDED_ENTRY,
|
|
87
87
|
isSelected: props.isSelected
|
|
@@ -89,12 +89,12 @@ export function FetchingWrappedInlineEntryCard(props) {
|
|
|
89
89
|
}
|
|
90
90
|
const entryStatus = getEntityStatus(entry.sys, props.sdk.parameters.instance.useLocalizedEntityStatus ? props.sdk.field.locale : undefined);
|
|
91
91
|
if (entryStatus === 'deleted') {
|
|
92
|
-
return React.createElement(InlineEntryCard, {
|
|
92
|
+
return /*#__PURE__*/ React.createElement(InlineEntryCard, {
|
|
93
93
|
title: "Content missing or inaccessible",
|
|
94
94
|
testId: INLINES.EMBEDDED_ENTRY,
|
|
95
95
|
isSelected: props.isSelected,
|
|
96
96
|
actions: [
|
|
97
|
-
React.createElement(MenuItem, {
|
|
97
|
+
/*#__PURE__*/ React.createElement(MenuItem, {
|
|
98
98
|
key: "remove",
|
|
99
99
|
onClick: props.onRemove,
|
|
100
100
|
testId: "delete"
|
|
@@ -102,7 +102,7 @@ export function FetchingWrappedInlineEntryCard(props) {
|
|
|
102
102
|
]
|
|
103
103
|
});
|
|
104
104
|
}
|
|
105
|
-
return React.createElement(InternalFetchingWrappedInlineEntryCard, {
|
|
105
|
+
return /*#__PURE__*/ React.createElement(InternalFetchingWrappedInlineEntryCard, {
|
|
106
106
|
allContentTypes: props.sdk.space.getCachedContentTypes(),
|
|
107
107
|
getEntityScheduledActions: ()=>getEntityScheduledActions('Entry', props.entryId),
|
|
108
108
|
locale: props.sdk.field.locale,
|
|
@@ -32,9 +32,9 @@ export function LinkedEntityInline(props) {
|
|
|
32
32
|
at: pathToElement
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
|
-
return React.createElement(LinkedInlineWrapper, {
|
|
35
|
+
return /*#__PURE__*/ React.createElement(LinkedInlineWrapper, {
|
|
36
36
|
attributes: attributes,
|
|
37
|
-
card: React.createElement(FetchingWrappedInlineEntryCard, {
|
|
37
|
+
card: /*#__PURE__*/ React.createElement(FetchingWrappedInlineEntryCard, {
|
|
38
38
|
sdk: sdk,
|
|
39
39
|
entryId: entryId,
|
|
40
40
|
isSelected: isSelected,
|
|
@@ -24,10 +24,10 @@ export function LinkedResourceBlock(props) {
|
|
|
24
24
|
editor,
|
|
25
25
|
element
|
|
26
26
|
]);
|
|
27
|
-
return React.createElement(LinkedBlockWrapper, {
|
|
27
|
+
return /*#__PURE__*/ React.createElement(LinkedBlockWrapper, {
|
|
28
28
|
attributes: attributes,
|
|
29
29
|
link: element.data.target,
|
|
30
|
-
card: React.createElement(FetchingWrappedResourceCard, {
|
|
30
|
+
card: /*#__PURE__*/ React.createElement(FetchingWrappedResourceCard, {
|
|
31
31
|
sdk: sdk,
|
|
32
32
|
link: link,
|
|
33
33
|
isDisabled: isDisabled,
|