@atlaskit/editor-core 203.8.0 → 203.10.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/CHANGELOG.md +25 -0
- package/dist/cjs/composable-editor/editor-internal.js +1 -0
- package/dist/cjs/composable-editor/hooks/useProviders.js +7 -0
- package/dist/cjs/create-editor/ReactEditorViewNext.js +1 -0
- package/dist/cjs/presets/universal.js +2 -2
- package/dist/cjs/ui/Appearance/Chromeless.js +1 -0
- package/dist/cjs/ui/Appearance/Comment/Comment.js +1 -0
- package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +1 -0
- package/dist/cjs/ui/ChromeCollapsed/styles.js +2 -0
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/actions/index.js +1 -1
- package/dist/es2019/composable-editor/editor-internal.js +1 -0
- package/dist/es2019/composable-editor/hooks/useProviders.js +7 -0
- package/dist/es2019/create-editor/ReactEditorViewNext.js +1 -0
- package/dist/es2019/presets/universal.js +1 -1
- package/dist/es2019/ui/Appearance/Chromeless.js +1 -0
- package/dist/es2019/ui/Appearance/Comment/Comment.js +1 -0
- package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js +1 -0
- package/dist/es2019/ui/ChromeCollapsed/styles.js +2 -0
- package/dist/es2019/utils/getNodesCount.js +1 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/editor-internal.js +1 -0
- package/dist/esm/composable-editor/hooks/useProviders.js +7 -0
- package/dist/esm/create-editor/ReactEditorViewNext.js +1 -0
- package/dist/esm/presets/universal.js +2 -2
- package/dist/esm/ui/Appearance/Chromeless.js +1 -0
- package/dist/esm/ui/Appearance/Comment/Comment.js +1 -0
- package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +1 -0
- package/dist/esm/ui/ChromeCollapsed/styles.js +2 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/composable-editor/hooks/useProviders.d.ts +9 -5
- package/dist/types/create-editor/create-universal-preset.d.ts +46 -13
- package/dist/types/presets/default.d.ts +32 -6
- package/dist/types/presets/universal.d.ts +46 -13
- package/dist/types/presets/useUniversalPreset.d.ts +46 -13
- package/dist/types-ts4.5/composable-editor/hooks/useProviders.d.ts +9 -5
- package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +50 -13
- package/dist/types-ts4.5/presets/default.d.ts +36 -6
- package/dist/types-ts4.5/presets/universal.d.ts +50 -13
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +50 -13
- package/package.json +20 -24
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 203.10.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#100935](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100935)
|
|
8
|
+
[`44dcbb7e1884c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/44dcbb7e1884c) -
|
|
9
|
+
clean up platform_editor_element_dnd_nested_fix_patch_1 feature gate
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 203.9.0
|
|
16
|
+
|
|
17
|
+
### Minor Changes
|
|
18
|
+
|
|
19
|
+
- [#98966](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98966)
|
|
20
|
+
[`5c8e4c2ce26bf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5c8e4c2ce26bf) -
|
|
21
|
+
Remove platform_editor_table_new_column_resizing experiment, remove options and all logic inside
|
|
22
|
+
editor-plugin-table and remove it from feature flag plugin config.
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- Updated dependencies
|
|
27
|
+
|
|
3
28
|
## 203.8.0
|
|
4
29
|
|
|
5
30
|
### Minor Changes
|
|
@@ -218,6 +218,7 @@ function ReactEditorViewContextWrapper(props) {
|
|
|
218
218
|
editorApi: editorAPI,
|
|
219
219
|
contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
|
|
220
220
|
mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
|
|
221
|
+
mentionProvider: props.editorProps.mentionProvider,
|
|
221
222
|
cardProvider: ((_linking = props.editorProps.linking) === null || _linking === void 0 || (_linking = _linking.smartLinks) === null || _linking === void 0 ? void 0 : _linking.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
|
|
222
223
|
emojiProvider: props.editorProps.emojiProvider,
|
|
223
224
|
autoformattingProvider: props.editorProps.autoformattingProvider,
|
|
@@ -20,6 +20,7 @@ var useProviders = exports.useProviders = function useProviders(_ref) {
|
|
|
20
20
|
var editorApi = _ref.editorApi,
|
|
21
21
|
contextIdentifierProvider = _ref.contextIdentifierProvider,
|
|
22
22
|
mediaProvider = _ref.mediaProvider,
|
|
23
|
+
mentionProvider = _ref.mentionProvider,
|
|
23
24
|
cardProvider = _ref.cardProvider,
|
|
24
25
|
emojiProvider = _ref.emojiProvider,
|
|
25
26
|
autoformattingProvider = _ref.autoformattingProvider,
|
|
@@ -64,6 +65,12 @@ var useProviders = exports.useProviders = function useProviders(_ref) {
|
|
|
64
65
|
editorApi === null || editorApi === void 0 || (_editorApi$media = editorApi.media) === null || _editorApi$media === void 0 || _editorApi$media.actions.setProvider(mediaProvider);
|
|
65
66
|
}
|
|
66
67
|
}, [mediaProvider, editorApi]);
|
|
68
|
+
(0, _react.useEffect)(function () {
|
|
69
|
+
if (mentionProvider) {
|
|
70
|
+
var _editorApi$mention;
|
|
71
|
+
editorApi === null || editorApi === void 0 || (_editorApi$mention = editorApi.mention) === null || _editorApi$mention === void 0 || _editorApi$mention.actions.setProvider(mentionProvider);
|
|
72
|
+
}
|
|
73
|
+
}, [mentionProvider, editorApi]);
|
|
67
74
|
(0, _react.useEffect)(function () {
|
|
68
75
|
if (cardProvider) {
|
|
69
76
|
var _editorApi$card;
|
|
@@ -383,6 +383,7 @@ function ReactEditorView(props) {
|
|
|
383
383
|
editorApi: editorAPI,
|
|
384
384
|
contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
|
|
385
385
|
mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
|
|
386
|
+
mentionProvider: props.editorProps.mentionProvider,
|
|
386
387
|
cardProvider: ((_linking = props.editorProps.linking) === null || _linking === void 0 || (_linking = _linking.smartLinks) === null || _linking === void 0 ? void 0 : _linking.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
|
|
387
388
|
emojiProvider: props.editorProps.emojiProvider,
|
|
388
389
|
autoformattingProvider: props.editorProps.autoformattingProvider,
|
|
@@ -141,7 +141,8 @@ function createUniversalPresetInternal(_ref) {
|
|
|
141
141
|
insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
|
|
142
142
|
allowZeroWidthSpaceAfter: true,
|
|
143
143
|
HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent,
|
|
144
|
-
profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider
|
|
144
|
+
profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider,
|
|
145
|
+
mentionProvider: props.mentionProvider
|
|
145
146
|
}, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd([_emoji.emojiPlugin, {
|
|
146
147
|
emojiProvider: props.emojiProvider,
|
|
147
148
|
emojiNodeDataProvider: initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu = initialPluginConfiguration.emoji) === null || _initialPluginConfigu === void 0 ? void 0 : _initialPluginConfigu.emojiNodeDataProvider
|
|
@@ -161,7 +162,6 @@ function createUniversalPresetInternal(_ref) {
|
|
|
161
162
|
fullWidthEnabled: appearance === 'full-width',
|
|
162
163
|
wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
|
|
163
164
|
getEditorFeatureFlags: getEditorFeatureFlags,
|
|
164
|
-
isNewColumnResizingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableNewColumnResizing) && isFullPage,
|
|
165
165
|
isCommentEditor: isComment,
|
|
166
166
|
isChromelessEditor: isChromeless
|
|
167
167
|
}], Boolean(props.allowTables)).maybeAdd([_tasksAndDecisions.tasksAndDecisionsPlugin, _objectSpread({
|
|
@@ -27,6 +27,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
27
27
|
* @jsx jsx
|
|
28
28
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
29
29
|
var chromelessEditorStyles = (0, _react2.css)({
|
|
30
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
30
31
|
lineHeight: '20px',
|
|
31
32
|
height: 'auto',
|
|
32
33
|
overflowX: 'hidden',
|
|
@@ -59,6 +59,7 @@ var commentEditorStyles = (0, _react2.css)({
|
|
|
59
59
|
var ContentArea = (0, _ContentStyles.createEditorContentStyle)((0, _react2.css)({
|
|
60
60
|
flexGrow: 1,
|
|
61
61
|
overflowX: 'clip',
|
|
62
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
62
63
|
lineHeight: '24px',
|
|
63
64
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
64
65
|
'.ProseMirror': {
|
|
@@ -148,6 +148,7 @@ var editorContentAreaWithLayoutWith = function editorContentAreaWithLayoutWith(l
|
|
|
148
148
|
});
|
|
149
149
|
};
|
|
150
150
|
var editorContentArea = (0, _react.css)({
|
|
151
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
151
152
|
lineHeight: '24px',
|
|
152
153
|
paddingTop: "var(--ds-space-600, 48px)",
|
|
153
154
|
paddingBottom: "var(--ds-space-600, 48px)",
|
|
@@ -26,7 +26,9 @@ var inputStyle = exports.inputStyle = (0, _react.css)({
|
|
|
26
26
|
fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
|
|
27
27
|
width: '100%',
|
|
28
28
|
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
29
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
29
30
|
lineHeight: 1.42857142857143,
|
|
31
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
30
32
|
letterSpacing: '-0.005em',
|
|
31
33
|
color: "var(--ds-text-subtlest, #626F86)",
|
|
32
34
|
'&:hover': {
|
|
@@ -210,7 +210,7 @@ export default class EditorActions {
|
|
|
210
210
|
var _this$editorView3;
|
|
211
211
|
if ((_this$editorView3 = this.editorView) !== null && _this$editorView3 !== void 0 && _this$editorView3.state) {
|
|
212
212
|
var _this$editorView4;
|
|
213
|
-
|
|
213
|
+
const nodes = findNodePosByFragmentLocalIds((_this$editorView4 = this.editorView) === null || _this$editorView4 === void 0 ? void 0 : _this$editorView4.state, [id]);
|
|
214
214
|
return nodes.length > 0 ? nodes[0].node : undefined;
|
|
215
215
|
}
|
|
216
216
|
}
|
|
@@ -205,6 +205,7 @@ function ReactEditorViewContextWrapper(props) {
|
|
|
205
205
|
editorApi: editorAPI,
|
|
206
206
|
contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
|
|
207
207
|
mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
|
|
208
|
+
mentionProvider: props.editorProps.mentionProvider,
|
|
208
209
|
cardProvider: ((_linking = props.editorProps.linking) === null || _linking === void 0 ? void 0 : (_linking$smartLinks = _linking.smartLinks) === null || _linking$smartLinks === void 0 ? void 0 : _linking$smartLinks.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
|
|
209
210
|
emojiProvider: props.editorProps.emojiProvider,
|
|
210
211
|
autoformattingProvider: props.editorProps.autoformattingProvider,
|
|
@@ -11,6 +11,7 @@ export const useProviders = ({
|
|
|
11
11
|
editorApi,
|
|
12
12
|
contextIdentifierProvider,
|
|
13
13
|
mediaProvider,
|
|
14
|
+
mentionProvider,
|
|
14
15
|
cardProvider,
|
|
15
16
|
emojiProvider,
|
|
16
17
|
autoformattingProvider,
|
|
@@ -35,6 +36,12 @@ export const useProviders = ({
|
|
|
35
36
|
editorApi === null || editorApi === void 0 ? void 0 : (_editorApi$media = editorApi.media) === null || _editorApi$media === void 0 ? void 0 : _editorApi$media.actions.setProvider(mediaProvider);
|
|
36
37
|
}
|
|
37
38
|
}, [mediaProvider, editorApi]);
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
if (mentionProvider) {
|
|
41
|
+
var _editorApi$mention;
|
|
42
|
+
editorApi === null || editorApi === void 0 ? void 0 : (_editorApi$mention = editorApi.mention) === null || _editorApi$mention === void 0 ? void 0 : _editorApi$mention.actions.setProvider(mentionProvider);
|
|
43
|
+
}
|
|
44
|
+
}, [mentionProvider, editorApi]);
|
|
38
45
|
useEffect(() => {
|
|
39
46
|
if (cardProvider) {
|
|
40
47
|
var _editorApi$card;
|
|
@@ -358,6 +358,7 @@ function ReactEditorView(props) {
|
|
|
358
358
|
editorApi: editorAPI,
|
|
359
359
|
contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
|
|
360
360
|
mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
|
|
361
|
+
mentionProvider: props.editorProps.mentionProvider,
|
|
361
362
|
cardProvider: ((_linking = props.editorProps.linking) === null || _linking === void 0 ? void 0 : (_linking$smartLinks = _linking.smartLinks) === null || _linking$smartLinks === void 0 ? void 0 : _linking$smartLinks.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
|
|
362
363
|
emojiProvider: props.editorProps.emojiProvider,
|
|
363
364
|
autoformattingProvider: props.editorProps.autoformattingProvider,
|
|
@@ -133,6 +133,7 @@ export default function createUniversalPresetInternal({
|
|
|
133
133
|
allowZeroWidthSpaceAfter: true,
|
|
134
134
|
HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent,
|
|
135
135
|
profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider,
|
|
136
|
+
mentionProvider: props.mentionProvider,
|
|
136
137
|
...(initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)
|
|
137
138
|
}], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, {
|
|
138
139
|
emojiProvider: props.emojiProvider,
|
|
@@ -153,7 +154,6 @@ export default function createUniversalPresetInternal({
|
|
|
153
154
|
fullWidthEnabled: appearance === 'full-width',
|
|
154
155
|
wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
|
|
155
156
|
getEditorFeatureFlags,
|
|
156
|
-
isNewColumnResizingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableNewColumnResizing) && isFullPage,
|
|
157
157
|
isCommentEditor: isComment,
|
|
158
158
|
isChromelessEditor: isChromeless
|
|
159
159
|
}], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, {
|
|
@@ -13,6 +13,7 @@ import { createEditorContentStyle } from '../ContentStyles';
|
|
|
13
13
|
import PluginSlot from '../PluginSlot';
|
|
14
14
|
import WithFlash from '../WithFlash';
|
|
15
15
|
const chromelessEditorStyles = css({
|
|
16
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
16
17
|
lineHeight: '20px',
|
|
17
18
|
height: 'auto',
|
|
18
19
|
overflowX: 'hidden',
|
|
@@ -46,6 +46,7 @@ const commentEditorStyles = css({
|
|
|
46
46
|
const ContentArea = createEditorContentStyle(css({
|
|
47
47
|
flexGrow: 1,
|
|
48
48
|
overflowX: 'clip',
|
|
49
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
49
50
|
lineHeight: '24px',
|
|
50
51
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
51
52
|
'.ProseMirror': {
|
|
@@ -133,6 +133,7 @@ const editorContentAreaWithLayoutWith = layoutMaxWidth => css({
|
|
|
133
133
|
maxWidth: `${layoutMaxWidth + getTotalPadding()}px`
|
|
134
134
|
});
|
|
135
135
|
const editorContentArea = css({
|
|
136
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
136
137
|
lineHeight: '24px',
|
|
137
138
|
paddingTop: "var(--ds-space-600, 48px)",
|
|
138
139
|
paddingBottom: "var(--ds-space-600, 48px)",
|
|
@@ -19,7 +19,9 @@ export const inputStyle = css({
|
|
|
19
19
|
fontSize: relativeFontSizeToBase16(14),
|
|
20
20
|
width: '100%',
|
|
21
21
|
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
22
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
22
23
|
lineHeight: 1.42857142857143,
|
|
24
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
23
25
|
letterSpacing: '-0.005em',
|
|
24
26
|
color: "var(--ds-text-subtlest, #626F86)",
|
|
25
27
|
'&:hover': {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "203.
|
|
2
|
+
export const version = "203.10.0";
|
|
@@ -214,6 +214,7 @@ function ReactEditorViewContextWrapper(props) {
|
|
|
214
214
|
editorApi: editorAPI,
|
|
215
215
|
contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
|
|
216
216
|
mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
|
|
217
|
+
mentionProvider: props.editorProps.mentionProvider,
|
|
217
218
|
cardProvider: ((_linking = props.editorProps.linking) === null || _linking === void 0 || (_linking = _linking.smartLinks) === null || _linking === void 0 ? void 0 : _linking.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
|
|
218
219
|
emojiProvider: props.editorProps.emojiProvider,
|
|
219
220
|
autoformattingProvider: props.editorProps.autoformattingProvider,
|
|
@@ -13,6 +13,7 @@ export var useProviders = function useProviders(_ref) {
|
|
|
13
13
|
var editorApi = _ref.editorApi,
|
|
14
14
|
contextIdentifierProvider = _ref.contextIdentifierProvider,
|
|
15
15
|
mediaProvider = _ref.mediaProvider,
|
|
16
|
+
mentionProvider = _ref.mentionProvider,
|
|
16
17
|
cardProvider = _ref.cardProvider,
|
|
17
18
|
emojiProvider = _ref.emojiProvider,
|
|
18
19
|
autoformattingProvider = _ref.autoformattingProvider,
|
|
@@ -57,6 +58,12 @@ export var useProviders = function useProviders(_ref) {
|
|
|
57
58
|
editorApi === null || editorApi === void 0 || (_editorApi$media = editorApi.media) === null || _editorApi$media === void 0 || _editorApi$media.actions.setProvider(mediaProvider);
|
|
58
59
|
}
|
|
59
60
|
}, [mediaProvider, editorApi]);
|
|
61
|
+
useEffect(function () {
|
|
62
|
+
if (mentionProvider) {
|
|
63
|
+
var _editorApi$mention;
|
|
64
|
+
editorApi === null || editorApi === void 0 || (_editorApi$mention = editorApi.mention) === null || _editorApi$mention === void 0 || _editorApi$mention.actions.setProvider(mentionProvider);
|
|
65
|
+
}
|
|
66
|
+
}, [mentionProvider, editorApi]);
|
|
60
67
|
useEffect(function () {
|
|
61
68
|
if (cardProvider) {
|
|
62
69
|
var _editorApi$card;
|
|
@@ -373,6 +373,7 @@ function ReactEditorView(props) {
|
|
|
373
373
|
editorApi: editorAPI,
|
|
374
374
|
contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
|
|
375
375
|
mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
|
|
376
|
+
mentionProvider: props.editorProps.mentionProvider,
|
|
376
377
|
cardProvider: ((_linking = props.editorProps.linking) === null || _linking === void 0 || (_linking = _linking.smartLinks) === null || _linking === void 0 ? void 0 : _linking.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
|
|
377
378
|
emojiProvider: props.editorProps.emojiProvider,
|
|
378
379
|
autoformattingProvider: props.editorProps.autoformattingProvider,
|
|
@@ -134,7 +134,8 @@ export default function createUniversalPresetInternal(_ref) {
|
|
|
134
134
|
insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
|
|
135
135
|
allowZeroWidthSpaceAfter: true,
|
|
136
136
|
HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent,
|
|
137
|
-
profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider
|
|
137
|
+
profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider,
|
|
138
|
+
mentionProvider: props.mentionProvider
|
|
138
139
|
}, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, {
|
|
139
140
|
emojiProvider: props.emojiProvider,
|
|
140
141
|
emojiNodeDataProvider: initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu = initialPluginConfiguration.emoji) === null || _initialPluginConfigu === void 0 ? void 0 : _initialPluginConfigu.emojiNodeDataProvider
|
|
@@ -154,7 +155,6 @@ export default function createUniversalPresetInternal(_ref) {
|
|
|
154
155
|
fullWidthEnabled: appearance === 'full-width',
|
|
155
156
|
wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
|
|
156
157
|
getEditorFeatureFlags: getEditorFeatureFlags,
|
|
157
|
-
isNewColumnResizingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableNewColumnResizing) && isFullPage,
|
|
158
158
|
isCommentEditor: isComment,
|
|
159
159
|
isChromelessEditor: isChromeless
|
|
160
160
|
}], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, _objectSpread({
|
|
@@ -20,6 +20,7 @@ import { createEditorContentStyle } from '../ContentStyles';
|
|
|
20
20
|
import PluginSlot from '../PluginSlot';
|
|
21
21
|
import WithFlash from '../WithFlash';
|
|
22
22
|
var chromelessEditorStyles = css({
|
|
23
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
23
24
|
lineHeight: '20px',
|
|
24
25
|
height: 'auto',
|
|
25
26
|
overflowX: 'hidden',
|
|
@@ -47,6 +47,7 @@ var commentEditorStyles = css({
|
|
|
47
47
|
var ContentArea = createEditorContentStyle(css({
|
|
48
48
|
flexGrow: 1,
|
|
49
49
|
overflowX: 'clip',
|
|
50
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
50
51
|
lineHeight: '24px',
|
|
51
52
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
52
53
|
'.ProseMirror': {
|
|
@@ -141,6 +141,7 @@ var editorContentAreaWithLayoutWith = function editorContentAreaWithLayoutWith(l
|
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
143
|
var editorContentArea = css({
|
|
144
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
144
145
|
lineHeight: '24px',
|
|
145
146
|
paddingTop: "var(--ds-space-600, 48px)",
|
|
146
147
|
paddingBottom: "var(--ds-space-600, 48px)",
|
|
@@ -19,7 +19,9 @@ export var inputStyle = css({
|
|
|
19
19
|
fontSize: relativeFontSizeToBase16(14),
|
|
20
20
|
width: '100%',
|
|
21
21
|
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
22
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
22
23
|
lineHeight: 1.42857142857143,
|
|
24
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
23
25
|
letterSpacing: '-0.005em',
|
|
24
26
|
color: "var(--ds-text-subtlest, #626F86)",
|
|
25
27
|
'&:hover': {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "203.
|
|
2
|
+
export var version = "203.10.0";
|
|
@@ -2,16 +2,19 @@ import type { AutoformattingProvider, CardProvider, ContextIdentifierProvider, M
|
|
|
2
2
|
import type { OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
|
|
3
3
|
import type { CardPlugin } from '@atlaskit/editor-plugins/card';
|
|
4
4
|
import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugins/context-identifier';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import type { CustomAutoformatPlugin } from '@atlaskit/editor-plugins/custom-autoformat';
|
|
6
|
+
import type { EmojiPlugin } from '@atlaskit/editor-plugins/emoji';
|
|
7
7
|
import type { MediaPlugin } from '@atlaskit/editor-plugins/media';
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
8
|
+
import type { MentionsPlugin } from '@atlaskit/editor-plugins/mentions';
|
|
9
|
+
import type { TasksAndDecisionsPlugin } from '@atlaskit/editor-plugins/tasks-and-decisions';
|
|
10
|
+
import type { EmojiProvider } from '@atlaskit/emoji';
|
|
11
|
+
import type { MentionProvider } from '@atlaskit/mention/resource';
|
|
10
12
|
import type { TaskDecisionProvider } from '@atlaskit/task-decision/types';
|
|
11
13
|
interface UseProvidersProps {
|
|
12
14
|
editorApi: PublicPluginAPI<[
|
|
13
15
|
OptionalPlugin<ContextIdentifierPlugin>,
|
|
14
16
|
OptionalPlugin<MediaPlugin>,
|
|
17
|
+
OptionalPlugin<MentionsPlugin>,
|
|
15
18
|
OptionalPlugin<CardPlugin>,
|
|
16
19
|
OptionalPlugin<EmojiPlugin>,
|
|
17
20
|
OptionalPlugin<CustomAutoformatPlugin>,
|
|
@@ -19,6 +22,7 @@ interface UseProvidersProps {
|
|
|
19
22
|
]> | undefined;
|
|
20
23
|
contextIdentifierProvider: Promise<ContextIdentifierProvider> | undefined;
|
|
21
24
|
mediaProvider: Promise<MediaProvider> | undefined;
|
|
25
|
+
mentionProvider: Promise<MentionProvider> | undefined;
|
|
22
26
|
cardProvider: Promise<CardProvider> | undefined;
|
|
23
27
|
emojiProvider: Promise<EmojiProvider> | undefined;
|
|
24
28
|
autoformattingProvider: Promise<AutoformattingProvider> | undefined;
|
|
@@ -32,5 +36,5 @@ interface UseProvidersProps {
|
|
|
32
36
|
*
|
|
33
37
|
* In the future ideally consumers implement this behaviour themselves.
|
|
34
38
|
*/
|
|
35
|
-
export declare const useProviders: ({ editorApi, contextIdentifierProvider, mediaProvider, cardProvider, emojiProvider, autoformattingProvider, taskDecisionProvider, }: UseProvidersProps) => void;
|
|
39
|
+
export declare const useProviders: ({ editorApi, contextIdentifierProvider, mediaProvider, mentionProvider, cardProvider, emojiProvider, autoformattingProvider, taskDecisionProvider, }: UseProvidersProps) => void;
|
|
36
40
|
export {};
|